/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: Mathews Inc | BOWLIFE - ONLINE APPAREL - ORDER PROCESSING Stylesheet
' Description	: This page contains styles for the BOWLIFE - ORDER PROCESS sections
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 12/11/2006	: David Ellenwood - Created Page
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 		BOW LIFE - ORDERING PROCESS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#bowlife h1.split {
	clear:none;
	background:url('/include/site/multimedia/images/bowlife_categoryHeadingBk.jpg');
	font-size:.7em;
	color:#181818;
	margin:3px 0 0 0;
	padding:3px 5px 2px 2px;
}

#bowlife h1.split span.right {
	color:#181818;
	font-size:.9em;
	font-family:Georgia, "Times New Roman", serif;
	text-transform:uppercase;
}

#bowlife h1.split span.right a {color:#181818;}


/* ----------- ORDERING - PROCESS DISPLAY BAR ------- */

#bowlife div#orderProcess {
	background:url('/include/site/multimedia/images/bowlife_categoryHeadingBk.jpg');
	font-size:.75em;
	color:#181818;
	margin:3px 0 0 0;
	padding:4px 5px 3px 5px;
	position:relative;
}

#bowlife div#orderProcess span.right {
	color:#181818;
	font-size:.8em;
	font-family:Georgia, "Times New Roman", serif;
	text-transform:uppercase;
	font-weight:bold;
}

#bowlife div#orderProcess span.right a {color:#181818;}


#bowlife div#orderProcess ul {position:absolute; left:75px; top:4px; font-weight:bold; font-size:.9em;}
#bowlife div#orderProcess ul li {padding:0px 8px;}
#bowlife div#orderProcess ul li.current {color:#fff; background:#333; border:1px solid #181818;}

/* ----------- ORDERING - OVER-ALL STYLES ------- */

#bowlife div.form {
	color:#ccc;
	font-size:.75em;
	margin:0 2em;
	padding:3px 5px 2em 5px;
}

#bowlife div.form h1 {
	color:#fc3;
	margin:1em 0 0 0;
}

#bowlife div.form h2 {
	color:#fff;
	margin:2em 0 .5em 0;
	padding:0 0 .5em 0;
	border-bottom:1px dashed #535353;
}

#bowlife div.form h3 {
	color:#fff;
	margin:1em 0 .5em 0;
}

#bowlife div.form ul#addressBook {
	margin:0 0 0 1em;
	padding:0;
	list-style:none;
}

#bowlife div.form ul#addressBook li {
	float:left;
	display:inline;
	width:120px;
	margin:.5em .5em 1.5em .5em;
	padding:0 1em;
	border-right:1px dashed #535353;
}

#bowlife div.form ul#addressBook li label {
	color:#fff;
	margin-left:-1.25em;
}

#bowlife div.form ul#addressBook li address {
	font-size:.9em;
	padding-left:1em;
	font-style:normal;
}

#bowlife div.form ul#addressBook li span.actions {padding-left:1em; font-size:.9em;}
#bowlife div.form ul#addressBook li span.actions a {color:#fc3;}

#bowlife div.form h4.newAddress {
	color:#fff;
	font-weight:normal;
	margin:.5em 0 .25em 1em;
	width:300px;
}

#bowlife div.form p.newAddress {margin:0 3.25em;}
#bowlife div.form p.newPassword {margin:0 3.25em;}

#bowlife div.form .errorSummary {
	border:1px dashed #f33;
	background:#000;
	padding:1em;
	margin:1em 3em 1em 0;
	_width:600px;
}


#bowlife div.form .errorSummary h4 {font-size:1.25em; margin-bottom:.25em;}
#bowlife div.form .errorSummary p {font-size:1em;}

#bowlife div.form .formRow {
	color:#ccc;
	float:left;
	display:inline;
	clear:both;
	margin:0 1.25em;
}

#bowlife div.form .formRow span.label {
	float:left;
	display:block;
	width:120px;
	padding:0 1em 0 0;
}

#bowlife div.form .formRow .error {
	color:#f33;
	float:left;
	display:block;
	width:250px;
	margin-top:.25em;
}

#bowlife div.form .formRow input,
#bowlife div.form .formRow select {
	font-size:.9em;
	/* 
	color:#757575;
	background:#000;
	*/
	border:1px solid #535353;
}

#bowlife div#newAddressForm select {width:135px;}

#bowlife div.form div#chargesSummary {
	float:right;
	display:inline;
	width:220px;
	margin:4.5em 0 0 0;
	padding:0 1em 1em 1em;
	border:1px solid #535353;
	background:#333;
}

#bowlife div.form div#chargesSummary h4 {width:215px; margin:.25em 0 0 .5em; color:#fff;}
#bowlife div.form div#chargesSummary p {width:215px; margin:0 0 0 .5em;}

#bowlife div.form div#trackingSummary {
	float:left;
	display:block;
	width:616px;
	margin: 0 0 0 0;
	padding:0 1em 1em 1em;
	border:1px solid #535353;
	background: #000;
}

#bowlife div.form div#trackingSummary h4 {margin:.25em 0 0 .5em; color: #fff; }
#bowlife div.form div#trackingSummary h5 {margin:.5em 0 0 .5em; color:#fff;}
#bowlife div.form div#trackingSummary p {margin:0 0 0 .5em;}


#bowlife div.form .submit,
#bowlife div.form #submit {
	clear:both;
	margin:2em 0 0 0;
	padding:1em 0 0 0;
	text-align:right;
	border-top:1px dashed #535353;
}

#bowlife div.form .submit input,
#bowlife div.form #submit input {font-size:1em;}



/* ----------- ORDERING - VIEW CART ------- */

#bowlife div.form table				{border-collapse:collapse; margin-top:1em; width:642px;}
#bowlife div.form table tbody.odd	{background:#333;}
#bowlife div.form table tbody.even	{background:#333;}

#bowlife div.form table th {
	color:#181818;
	background:#fc3 url('/include/site/multimedia/images/bowlife_categoryHeadingBk.jpg');
	text-align:left;
	padding:1px 3px;
	white-space:nowrap;
}

#bowlife div.form table .color					{white-space:nowrap;}
#bowlife div.form table .size					{white-space:nowrap;}
#bowlife div.form table .uPrice					{text-align:right;}
#bowlife div.form table .qty					{text-align:center;}
#bowlife div.form table .total					{text-align:right;}
#bowlife div.form table .remove					{text-align:center;}

#bowlife div.form table td						{padding:5px; font-size:.9em;}
#bowlife div.form table td.image				{padding:5px 8px;}
#bowlife div.form table tr.itemDetail td		{color:#fff;}
#bowlife div.form table td.qty					{padding:3px 5px 5px 5px;}
#bowlife div.form table tr.embroidery td		{vertical-align:middle;}
#bowlife div.form table tr.embroidery td.text	{font-size:1.5em; white-space:nowrap;}
#bowlife div.form table tr.giftWrap td.title	{white-space:nowrap;}
#bowlife div.form table tr.lineTotal td			{font-size:1.1em; color:#fff; font-weight:bold; border-top:1px solid #535353;}
#bowlife div.form table tr.lineTotal td.title 	{text-align:right;}
#bowlife div.form table tr.lineTotal td.itemNum	{font-size:.9em; color:#ccc; font-weight:normal; vertical-align:bottom;}
#bowlife div.form table tr.spacer td			{background:#181818; height:8px;}
#bowlife div.form table tr.spacer td#lastItem	{padding:0; background:#fc3 url('/include/site/multimedia/images/bowlife_categoryHeadingBk.jpg');}

#bowlife div.form table input.itemQty {
	width:20px;
	font-size:.9em;
	border:1px solid #333;
	text-align:center;
}

#bowlife div.form table a img.removeBtn {margin-top:2px;}

#bowlife div.form form#viewCartForm div#policies {
	width:245px;
	margin:1em 0;
	padding:.75em 2em;
	border:1px solid #535353;
	float:left;
	display:inline;
}


#bowlife div.form form#viewCartForm div#chargesSummary					{width:245px; margin:1em 0; padding-left:2em;}
#bowlife div.form form#viewCartForm div#chargesSummary h3				{width:230px;}
#bowlife div.form form#viewCartForm div#chargesSummary h4				{width:230px; margin-left:0;padding-top:.5em; border-top:1px dashed #535353; font-weight:normal;}
#bowlife div.form form#viewCartForm div#chargesSummary p				{width:230px; margin:3px 0 0 2px;}
#bowlife div.form form#viewCartForm div#chargesSummary h3#orderTotal	{padding-top:.5em; border-top:1px dashed #535353;}

#bowlife div.form form#viewCartForm div#chargesSummary select {
	font-size:.9em;
	color:#fff;
	background:#000;
	border:1px solid #535353;
	margin:3px 0 0 0;
	width:230px;
}

#bowlife div.form form#viewCartForm div#submit {margin-top:0;}

#bowlife div.form h4.continue {margin-top:1em; padding-top:.5em; border-top:1px dashed #535353;}

/* ----------- ORDERING - SIGN-IN SPECIFIC  ------- */

#bowlife div#existingAcctPopHelp {
	top:220px;
	left:355px;
	height:400px;
	overflow:scroll;
	font-size:.9em;
}

#bowlife div#existingAcctPopHelp h1 {color:#181818; background:#fc3; padding:3px 5px;}
#bowlife div#existingAcctPopHelp h2 {font-size:.75em; color:#181818; background:#fc3; padding:3px 5px;}

#bowlife div.form p a {color:#fc3;}

#bowlife div.form form.orderForm .formRow {width:600px;}
#bowlife div.form form.orderForm .formRow .label {width:180px;}

/* ----------- ORDERING - SHIPPING SPECIFIC ------- */

#bowlife div#shippingAddress label.formRow .label,
#bowlife div#editShippingAddress label.formRow .label {width:120px;}


#bowlife div#shippingAddress div#shippingMethodsBox p strong {color:#fff;}

#bowlife h3#newAddressHeading {width:300px;}
#bowlife div#newAddressForm div.submit {width:280px; margin-top:0;}

#bowlife div.form h3#sameAddressCheck {margin-top:2em;}

#bowlife div#editShippingAddress {
	position:absolute;
	top:320px;
	right:0;
	width:280px;
	max-height:400px;
	_height:400px;
	border:1px solid #ccc;
	background:#181818;
	padding:1em 2em;
	z-index:1000;
	overflow:auto;
}

#bowlife div#editShippingAddress h3 span.left {
	float:left;
	display:inline;
}
#bowlife div#editShippingAddress h3 span.right {
	float:right;
	display:inline;
	text-align:right;
	font-weight:normal;
	font-size:.9em;
}

#bowlife div#editShippingAddress select {width:135px;}

#bowlife div#editShippingAddress form.orderForm {width:255px; overflow:hidden;}
#bowlife div#editShippingAddress label.formRow .label {width:90px;}
#bowlife div#editShippingAddress .errorSummary {margin-right:0;}
#bowlife div#editShippingAddress .errorSummary p {font-size:.9em;}
#bowlife div#editShippingAddress label.formRow .error {font-size:.9em; clear:left; width:220px; text-align:right; margin-bottom:1em;}
#bowlife div#editShippingAddress p.newAddress {margin-left:0; margin-right:0;}
#bowlife div#editShippingAddress div.submit {margin-top:0;}


/* ------------ ORDERING - BILLING SPECIFIC ------------- */

#bowlife div.form div#cardInfo {float:left; display:inline;}

#bowlife div.form div#cardInfo .formRow {
	float:left;
	display:inline;
	clear:both;
	width:380px;
	margin:0;
}

#bowlife div.form div#cardInfo .formRow span.label {width:120px;}

#bowlife div#paymentFormDiv label.formRow span.label {width:120px;}

/* ------------ ORDERING - ORDER REIVIEW SPECIFIC ------------- */

#bowlife div.form div#shippingInfo {
	float:left;
	display:inline;
	width:360px;
	margin:0;
	padding:0;
}

#bowlife div.form div#shippingInfo select {
	font-size:.9em;
	color:#fff;
	background:#000;
	border:1px solid #535353;
}

#bowlife div.form form#reviewForm address {
	font-size:.9em;
	font-style:normal;
}

#bowlife div.form div#chargesSummary h3#paymentMethod {margin-bottom:0;}
#bowlife div.form div#chargesSummary h3#summarySubmit	{text-align:right; margin-bottom:0;}

#bowlife div.form div.paymentSummary {
	float:left;
	display:inline;
	width:200px;
}


/* ------------ ORDERING - ORDER COMPLETE SPECIFIC ------------- */


#bowlife div.form div#orderComplete h2#orderNumber {
	border:1px solid #535353;
	background:#333;
	padding:5px;
	width:630px;
}

#bowlife div.form div#orderComplete div#shippingInfo h2 {margin-top:1em;}
#bowlife div.form div#orderComplete div#chargesSummary {margin-top:3.5em;}


#bowlife div.form div#orderComplete address {
	font-size:.9em;
	font-style:normal;
}