/**************************************************************************************

	TEEHAN+LAX	 
 	GELASKINS - checkout.css
	----------------------------------------------------------
	agency: teehan+lax 
	authors: zack ginies - zack@teehanlax.com
	date: March 15, 2010 

	INDEX
	----------------------------------------------------------
	- Checking Out Crumbs
	- Sidebar
	- Billing/Shipping Form
	- Invoice
	
*************************************************************************************/

#main_content {
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	margin-bottom: 0;
	padding-bottom: 40px;
}

#main_content h1 {
	margin-bottom: 20px;
}

#cart_invoice #main_content h1 {
	font-size: 50px;
	padding: 30px 0 0 0;
}

#main_content .uleft {
	width: 400px;
	float: left;
}
#main_content .uright {
	float: right;
	widht: 400px;
	margin-top: 20px;
	padding-right: 15px;
}

#cart_3 #main_content .left {
	border-top: 3px solid #4D98B0;
}

/* CHECKING OUT CRUMBS -----------------------------------------------*/

#checking_out_crumbs {
	background: #efefef;
	padding: 15px;
	margin-bottom: 20px;
	font-size: 12px;
}

	#checking_out_crumbs ul {
		overflow: hidden;
		zoom: 1;
	}

		#checking_out_crumbs ul li {
			float: left;
			margin-right: 7px;
			padding-top: 5px;
			color: #2983a0;
		}
		
			#checking_out_crumbs ul li.active {
				color: #023d50;
			}
			
				#checking_out_crumbs ul li.active span {
					background: url(/images/backgrounds/checkout_progress.gif) 0 1px no-repeat;
				}
			
			#checking_out_crumbs ul li:after {
				content: "   →";
			}
			
			
			#checking_out_crumbs ul li.last:after {
				content: "";
			}
			
			#checking_out_crumbs ul li.last {
				border: 0;
				padding-bottom: 0;
			}
			
			#checking_out_crumbs ul li.archer_medium {
				padding-top: 3px;
				font-size: 16px;
				font-weight: bold;
				font-variant: small-caps;
				color: #023d50;
			}
			
			#checking_out_crumbs ul li.archer_medium:after {
				content: "";
			}
			
			#checking_out_crumbs ul li span {
				float: left;
				display: block;
				background: url(/images/backgrounds/checkout_progress.gif) 0 -24px no-repeat;
				height: 23px;
				width: 24px;
				margin: -6px 5px 0 0;
				padding-top: 2px;
				font-size: 16px;
				font-weight: bold;
				text-align: center;
				color: #fff;
			}
			

		
/* SIDEBAR ------------------------------------------*/

.sidebar {
	margin-left: 640px;
}

/* BILLING/SHIPPING FORM ------------------------------------------*/

#billing_shipping_info {
	overflow: hidden;
	zoom: 1;
}
#billing_shipping_info .expressForm{
	overflow: visible;
	width : 700px;
	margin-left: 120px;
}
	#billing_shipping_info h3 {
		padding: 0 0 10px 0;
		margin: 0 0 15px 0;
		font-size: 21px;
		font-style: italic;
		color: #202020;
		border-bottom: 1px solid #d6d6d6;
	}	
	
	#billing_shipping_info .left {
		float: left; 
		display: block;
		width: 310px;
	}
	
	#billing_shipping_info .center {
		float: left; 
		display: block;
		width: 310px;
		margin-bottom: 20px;
	}
	
	#billing_shipping_info .center.disabled,.ship-form.disabled label {
		opacity: .5;
	}
	
	#billing_shipping_info .center.disabled label#same_as_button {
		opacity: 1;
	}
	
	#billing_shipping_info .right {
		display: block;
		margin-left: 620px;
	}
	#billing_shipping_info .expressForm .right {
		display: block;
		margin-left: 350px;
		width:310px;
	}
	#shipping_methods{
		margin-bottom: 10px;
	}
	#shipping_methods li{
		list-style-type: disc;
		margin-bottom: 3px;
		margin-left: 13px;
	}
		#billing_shipping_info .right div {
			padding: 15px 0 15px 0px;
		}
		
			#billing_shipping_info .right div label {
				font-style: normal;
			}
				#billing_shipping_info .right div label input {
					margin-right: 10px;
				}
			
				#billing_shipping_info .right div label span.subtext {
					display: block;
					padding: 5px 0 0 30px;
					font-size: 12px;
					font-style: italic;
					color: #717171;
					margin-left:60px;
				}
		/* Blue bubble error on checkbox */
		#error {
			background-position:20px 25px;
		}
		#billing_shipping_info .error{
			background: #e2f6ff;
			border: 1px solid #d0e3eb;
		}
		#billing_shipping_info .right div.shipping-method {
			padding-left:10px;
		}
		#billing_shipping_info .right .method_details {
			margin-left:55px;
		}
		#billing_shipping_info .right div.post {
			background: url(/resources/images/icons/post.png) 38px 0 no-repeat;
		}
		.spin-ajax-loader{
			display:block;
			float:right;
			margin-right:34px;
		}
		#billing_shipping_info .right div.usps {
			background: url(/resources/images/icons/usps.png) 30px 0 no-repeat;
		}
		#billing_shipping_info .right div.ups {
			background: url(/resources/images/icons/ups.png) 30px 0 no-repeat;
		}
		#billing_shipping_info .right div.last {
			margin-bottom: 0px;
			border: 0;
		}
		
		#billing_shipping_info .right div.form_field {
			padding: 0;
			border: 0;
		}		
			
			#billing_shipping_info .right div.form_field label {
				margin-bottom: 10px;
				font-style: italic;
			}
			
			#billing_shipping_info .right #giftcard {
				margin-bottom: 10px;
				*margin-bottom: 30px;
			}
			
				#billing_shipping_info .right #giftcard input {
					*float: left;
					width: 190px;
				}
				
				#billing_shipping_info .right #giftcard .btn_apply {
					*float: none;
				}
				
			#billing_shipping_info .right #creditcard {
			
			}	
				
			#billing_shipping_info .right #creditcard input {
				margin-right: 5px;
			}
				
			#billing_shipping_info .right #creditcard .mastercard_image {
				margin: 0 12px 0 75px;
			}
			
			#billing_shipping_info .right #expiration {
				float: left;
				width: 150px;
				overflow: hidden;
				zoom: 1;
			}
			
				#billing_shipping_info .right #expiration input {
					width: 40px;
					_width: 45px;
					margin-right: 5px;
				}
			
			#billing_shipping_info .right #cvn {
				float:left;
				margin-bottom:25px;
				width:100px;
			}
			#billing_shipping_info .right #cvn-explain {
				color:#4A4A4A;
				display:none;
				float:right;
				font-size:12px;
				margin-top:5px;
				width:200px;
			}
			#billing_shipping_info .right #cvn-explain-box {
				background-color:#EEEEEE;
				border:1px solid black;
				color:#333333;
				display:none;
				left:50%;
				margin-left:-300px;
				padding-left:0;
				padding-top:0;
				position:fixed;
				top:17%;
			}
			
				#billing_shipping_info .right #cvn a {
					margin-top: 5px;
					font-size: 12px;
					text-decoration: underline;
					color: #4A4A4A;
				}
				
					#billing_shipping_info .right #cvn a:hover {
						text-decoration: none;
					}
			
				#billing_shipping_info .right #cvn input { 
					width: 70px;
					margin-right: 5px;
				}
				
				
				#billing_shipping_info .right #paypal_wrapper {
					*display: block;
					*margin-top: 50px;
					_margin-top: 10px;
					zoom: 1;
				}
				
				#billing_shipping_info .right .paypal_radio {
					float: left;
					display: block;
					margin: 7px 5px 0 0;
					*margin-top: 0;
				}
				
	#billing_shipping_info label {
		display: block;
		margin: 0 0 5px 0;
		font-style: italic;
	}
		
		#billing_shipping_info label.error {
			color: #4c99b2;
		}
		
		#billing_shipping_info label.same_as {
			margin: 30px 0 27px 0;
		}
		
	
	#billing_shipping_info .text_input,
	#billing_shipping_info textarea {
		background: #f8f8f8;
		margin: 0 0 15px 0;
		padding: 5px;
		_height: 25px;
		width: 255px;
		border: 1px solid #d9d9d9;
	}
	/*border: 1px solid #efefef;*/
		#billing_shipping_info textarea {
			_height: 100px;
			font-family: "Helvetica", arial, sans-serif; 
		}
		
		#billing_shipping_info #packing_slip {
			
		}
	
		#billing_shipping_info input.error,select.error {
			background: #e2f6ff;
			border: 1px solid #d0e3eb;
		}
	
	#billing_shipping_info select {
		margin: 0 0 15px 0;
		width: 255px;
	}
	#billing_shipping_info #ExpiryMonth {
		margin: 4px 0 15px;
		width: 75px;
	}
	#billing_shipping_info #ExpiryYear {
		margin: 4px 0 15px;
		width: 60px;
	}
	#billing_shipping_info .newsletter {
		font-size: 12px;
		font-style: normal;
		color: #717171;
	} 
	
	#billing_shipping_info .bottom {
		margin: 0 0 0 0;
		padding: 20px 0 0 0;
		text-align: right;
		vertical-align: bottom;
		clear: both;
	}
		#billing_shipping_info .bottom img{
			float: left;
		}
	
		
		#billing_shipping_info .bottom p {
			margin-top: 20px;
			float: left;
			position: relative;
			top: -8px;
			left: -15px;
		}
		
			#billing_shipping_info .bottom p span {
				*float: left;
				*display: block;
				*padding: 10px 0 0 530px;
			}
		
			#billing_shipping_info .bottom p a {
				margin-right: 10px;
				font-size: 21px;
				font-style: italic;
				color: #666;
				border-bottom: 1px solid #666;
			}
			
			#billing_shipping_info .bottom p a:hover {
				border-bottom: 0;
			}
			
			
/* INVOICE ------------------------------------------*/

#cart_invoice #checking_out_crumbs {
	position: relative;
	z-index: 1;
}

#cart_invoice #main_content{
	padding: 0 15px 15px 15px;
	position: relative;
}
#cart_invoice #main_content .left {
	background: url(/images/backgrounds/shippingbox.jpg) 600px 0 no-repeat;
	width: 100%;
	_width: 100%;
	height: 631px;
	_width: 631px;	
	padding-top: 0;
	padding-left: 40px;
	margin-right: 20px;
	_margin-right: 10px;
}

	#cart_invoice #main_content .left h2 {
		width: 580px;
		font-size: 22px;
		font-style: italic;
	}
	
	#cart_invoice .share_this li {
		font-style: normal;
		font-family: "helvetica", arial, sans-serif;
		color: #3e3c3c;
	}
				
	#cart_invoice #main_content p.archer_bold {
		margin-bottom: 20px;
		font-size: 21px;
		font-style: italic;
	}
	
	#cart_invoice #main_content img {
		margin-top: 100px;
	}	
		
	.share_it_on {
		background: url(/images/backgrounds/suweet.gif) 0 0 no-repeat;
		position: relative;
		width: 371px;
		margin-bottom: 50px;
		overflow: hidden;
		zoom: 1;
	}
			
#cart_invoice .love {
	background: url(/images/backgrounds/love.gif) 0 0 no-repeat;
	height: 85px;
	width: 236px;
	margin: 10px 0 52px 10px;
	text-indent: -99999px;
}

/* important for inline positioning */
/* important (this width = width of list item(including margin) * items shown */
/* important (hide the items outside the div) */
/* non-important styling bellow */
#carousel_inner {  
	float:left;   
	width: 265px;   
	height: 102px;
	overflow: hidden;    
	  
	position: relative;
	
}  

#carousel_container {
	padding-left: 50px;
	overflow: hidden;
	zoom:1;
}

/* important (this should be negative number of list items width(including margin) */
/* removing the default styling for unordered list items */
/* important */
/* non-important styling bellow */
#carousel_ul {  
	position:relative;  
	left:-337px;   
	list-style-type: none;   
	margin: 0px;  
	padding: 0px;  
	width:9999px;   
	  
	padding-bottom:10px;  
}  

/* important for inline positioning of the list items */
/* fixed width, important */
/* just styling bellow*/  
#carousel_ul li{  
	float: left;   
	width: 266px;  
	_width: 316px;
	  
	padding:25px;  
 
}  

#left_scroll,
#right_scroll {  
	position: absolute;
	z-index: 9999;
	top: 30px;
	height:19px;  
	width:18px;
	_display: none;
}  

#left_scroll {
	left: 20px;
}

#left_scroll a {
	display: block;
	background: url(/images/buttons/share_left.gif) 0 0 no-repeat;
	height:19px;  
	width:18px;
	text-indent: -99999px; 
}

#right_scroll {
	right: 20px;
}

#right_scroll a {
	display: block;
	background: url(/images/buttons/share_right.gif) 0 0 no-repeat;
	height:19px;  
	width:18px;
	text-indent: -99999px; 
}

/* Order info */

#order_info {
	margin-bottom: 30px;
	overflow: hidden;
	zoom: 1;
}

	#order_info p {
		font-size: 14px;
		padding-right: 20px;
		line-height: 28px;
	}
	
		#order_info p.last {
			padding-right: 0;
		}
		
/* More */

#cart_invoice .more {
	position: relative;
	padding: 20px;
	font-size: 12px;
}
	
	#cart_invoice .more h2 {
		margin-top: 0;
		font-size: 21px;
	}
	
	#cart_invoice .more a {
		font-size: 14px;
	}
	
	#cart_invoice .more .happens_next {
		margin-left: 365px;
	}
	
	#cart_invoice .more .get_wallpapers {
		border-right: 1px solid #CCCCCC;
		float:left;
	}

/* Buttons */

#confirm_button, #continue_checkout_button {
	background-image: url(/images/buttons/submit_checkout.gif);
	background-position: 0 0;
	display: inline-block;
	padding: 10px 17px 10px 15px;
	font-size: 21px !important;
	font-style: italic;
	color: #fff !important;
	border: 0 !important;
	width: 105px;
	height: 44px;
	float: right;
}
	.continue_checkout_button_ie_hack {
		*position: relative;
		*top: -55px;
	}
	#confirm_button:hover, #continue_checkout_button:hover {
		background-position: 0 -44px;
		cursor: pointer;
	}

#submit_options{
	display: block;
	float: right;
	height: 44px;
	width: 330px;
	*overflow: visible;
}



#thank_you .share{
	width: 546px;
	height: 158px;
}