/*Blue Raven Home Page CSS Document 
	-Styles specific to the Blue Raven Shopping Cart and Checkout CSS file
*/


/****************************************************************************************************************
Checkout Pages Styles
	-The styles below are utilized by all of the cart and checkout pages.
*****************************************************************************************************************/
#info_box{width:100%; border:1px solid #DCDCDC; margin:10px 0px; padding:0;}
	#info_box td.image{ width:150px;}
		#info_box td.image img{margin:3px; border:1px solid #1151B5;}
	#info_box td.text{ width:457px; text-align:left;}
		#info_box td.text p{font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-size:1.1em;}
		#info_box td.text a{color:#1152B4; font-weight:bold;}
		#info_box td.text a:hover{text-decoration:underline;}

/****************************************************************************************************************
Checkout Pages Styles
	-The Styles below are specific to the Shopping Cart page.  They may be utilized in the Verify page as well.
*****************************************************************************************************************/
#cart_links{border:none; margin:0; padding:0;}
	#cart_links td{padding:0 6px;}
	#cart_links img{vertical-align:middle; margin-right:3px;}
	#cart_links a{color:#609800; font-weight:bold;}
	

#coupon_table{border:none; margin:0; padding:0;}
	#coupon_table td{font-weight:bold; padding:0 5px;}
	#coupon_table td.label{padding-left:0;}
	#coupon_table td input.text_input{width:133px;}
	#coupon_table td img{vertical-align:middle; margin-right:3px;}
	#coupon_table td a{color:#609800; font-weight:bold;}
	
#applied_coupons{border:none; margin:10px 0 10px 100px; padding:0;}
	td.applied_coupon{color:#CF0C10; font-weight:bold; padding-right:6px;}
	td.remove_coupon a{color:#1152B4; font-weight:bold;}
	td.remove_coupon img{vertical-align:middle;}
	
input.checkout_button{float:right; margin:10px 14px;}

#cart_items{clear:both; width:100%;}
	#cart_items th{ background-color:#DCDCDC; text-align:left; border:1px solid #E5E5E5; color:#646464; font-weight:bold; padding:3px 13px;}
	#cart_items th.qty{ width:83px; text-align:center; vertical-align:middle;}
	#cart_items th.desc { width:281px;}
	#cart_items th.part_no{ width:115px;}
	#cart_items th.total{ width:88px; text-align:right;}
	
	#cart_items td{border:1px solid #E5E5E5; padding:10px;}	
	#cart_items td.qty{ vertical-align:top;}
		#cart_items td.qty input.qty_field{width:19px; margin-left:5px;}
		#cart_items td.qty input.delete_btn{margin-top:10px;}
	#cart_items td.desc{ vertical-align:top; }		
	#cart_items td.part_no{vertical-align:top; font-weight:bold;}
	#cart_items td.total{vertical-align:top; text-align:right; font-weight:bold;}
	#cart_items td.update a{color:#609800; font-weight:bold;}
	#cart_items td.coupon_desc{font-weight:bold; text-align:center; color:#CF0C10;}
	#cart_items td.discount{text-align:right; font-weight:bold; color:#CF0C10;}
	
	#cart_items td.lightRow1{ background-color:white; border-bottom:none;}
	#cart_items td.lightRow2{ background-color:white; border-top:none;}
	
	#cart_items td.darkRow1{ background-color:#F1F1F1; border-bottom:none;}
	#cart_items td.darkRow2{ background-color:#F1F1F1; border-top:none;}
	


#cart_totals{ width:100%;  border:1px solid #DCDCDC;}

	#cart_totals td{padding:5px 5px; text-align:right;font-weight:bold;}				
	#cart_totals td.labels{width:80%; text-align:right;}
	#cart_totals td.labels a{color:#609800; font-weight:bold;}
	#cart_totals input.text_field{width:94px;}
	
#checkout_shop{margin:10px 0px 10px 101px; width:506px;}
/*IE HACK*/
* html #checkout_shop{margin:10px 0px 10px 110px; width:506px;}
	#checkout_shop td.left{width:403px; text-align:left; font-weight:bold;}
	#checkout_shop td.right{ text-align:right;}
	
#checkout_shop2{margin:10px 0px 10px 101px; width:606px;}
/*IE HACK*/
* html #checkout_shop2{margin:10px 0px 10px 110px; width:606px;}
	#checkout_shop2 td.left{width:503px; text-align:left; font-weight:bold;}
	#checkout_shop2 td.right{ text-align:right;}

	
/****************************************************************************************************************
Checkout Pages Styles
	-These styles persist across all of the checkout chain.
*****************************************************************************************************************/
#steps{text-align:center; background:url(/BlueRavenResource/Rev1Images/tiles/checkout_steps_bg.gif) 0 0 repeat-x #FFFFFF; margin-top:10px;}
	#steps img{margin:0 14px;}
	
#checkout_content{width:768px; background-color:white;}

#width_wrapper{padding:3px 16px 6px; font-family:Arial, Helvetica, sans-serif;}

/****************************************************************************************************************
Checkout Pages Styles
	-These styles are specific to the "Sign-in/Create account" page
*****************************************************************************************************************/
#login_register{
	margin:0;
	padding:0;	
}
	#login_register td, th{ vertical-align:top;}
	#login_register td.gutter, th.gutter{width:15px;}
	#login_register td.box{border:1px solid #DCDCDC; width:351px; padding:10px 13px 15px;}
	#login_register td.box h4{margin:0 0 3px 0; padding:0;}
	#login_register td.box a{color:#1152B4; font-weight:bold;}
	#login_register td.box p.sign_in{font-weight:bold; margin-left:15px;}
	#login_register td.box .grayText{color:#9F9F9F;}

/****************************************************************************************************************
Checkout Pages Styles
	-These styles are specific to the "Billing/Shipping info" page.
*****************************************************************************************************************/
#bill_ship{
	margin:0;
	padding:0;
}	
	#bill_ship td.box{padding:0px 13px 20px; width:50%; vertical-align:top;}
	#bill_ship td.left{border-right:1px solid #9BABBB;}
	#bill_ship td.box h3{margin:0 0 3px 0; padding:0;}
	#bill_ship td.box a{color:#1152B4; font-weight:bold;}
	#bill_ship td.box label{font-weight:bold; font-size:1.1em;}
	#bill_ship td.box .grayText{color:#9F9F9F;}
	
#create_id{
	border:1px solid #9DAABB;
	border-left:none;
	border-right:none;
	margin:10px 0px;
	padding:10px 30px 15px;
}
	#create_id h3{margin:0 0 6px; padding:0px;}
	#create_id p{margin:0 0 6px; padding:0px; font-size:1.1em; width:590px;}
	#create_id label{font-weight:bold; font-size:1.1em;}
	
#continue{
	margin:0 30px;
	padding:0;
}
	#continue td.left{width:15px; text-align:left;}
	#continue td.right{text-align:left; padding-left:10px; width:550px;}
	
/****************************************************************************************************************
Checkout Pages Styles
	-This area is reserved for styles that may be needed when preOwned builds the "Edit Billing" Page
*****************************************************************************************************************/
	
	
/****************************************************************************************************************
Checkout Pages Styles
	-These styles pertain to the "Payment" Page
*****************************************************************************************************************/
#payment_info{
	margin:0 0 0 15px;
	padding:0;
}
	#payment_info img{ vertical-align:middle;}
	#payment_info td{width:50%}
	#payment_info td.left{vertical-align:top}
	#payment_info td.right{vertical-align:top; padding-top:126px;}
	#payment_info td h3{margin:0 0 3px 0; padding:0;}
	#payment_info td a{color:#1152B4; font-weight:bold;}
	#payment_info label{font-weight:bold; font-size:1.1em;}
/****************************************************************************************************************
Checkout Pages Styles
	-This area is reserved for styles that may be needed when preOwned builds the "Verify" Page
		NOTE: Much of the styling for this page may actually utilize the Shopping Cart styles above.  Just use
		appropriate ID's and such, and it should be automatic.  Copy/paste html from the Cart.html page, and 
		that should get you on the right track.
*****************************************************************************************************************/






