﻿div.cart { background: url(../../images/layout/custom_corners_topleft.gif) top left no-repeat; display: inline; float: left; margin: 24px 0 0 0; width: 100%; font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif; color:#3E3E3E;
font-size:10px; } 
div.cartHeader { background: url(../../images/layout/custom_corners_topright.gif) top right no-repeat;	margin: 0;	padding: 14px 18px 10px 18px; }
div.cartBody { background: url(../../images/layout/custom_corners_rightborder.gif) top right repeat-y; margin: -1em 0 0 0; padding: 18px 28px 18px 28px; }
div.cartFooter { background: url(../../images/layout/custom_corners_bottomleft.gif) bottom left no-repeat; }
div.cartFooter span { background: url(../../images/layout/custom_corners_bottomright.gif) bottom right no-repeat; 	display: block; margin: -2em 0 0 0;	padding: 18px;}
.section-cart div.cartFooter {
	background:#ffffff url(../../images/layout/custom_corners_bottomcart.gif) no-repeat scroll left top;
}
.cart h1 { background: url(../../images/layout/cart_icon.jpg) left no-repeat;	color: #345C76;	display: inline; float: left; font-size: 9pt; font-weight: bold; height: 25px; line-height: 25px; margin: 0 0 7px 0; padding: 0 0 0 35px; }
.cart hr { background-color: #CCC;	border: none; clear: both; height: 1px; float: none; overflow: hidden; width: 100%; margin: -7px 0; padding: 0;	display: block; }
.cart ol { display: block; float: none;	list-style: none; margin: 0; padding: 0; width: 100%;}
.cart ol li { border-bottom: 1px solid #EAEAEA; /*display: inline; */float: left; margin-top: 10px; padding-bottom: 10px; width: 100%;}
.cartImage { display: block; float: left;margin-top: 10px; padding-left: 10px; width: 57px;}
.cartImage img { display: block; float: none;}
.cartInfo {	float: left; margin-top: 10px;	padding-left: 10px;	width: 152px;}
.cartInfo span { display: block; /*float:left;*/}
.cartLine {	margin-top:5px;	display:block;}
.cartLine span { padding: 0 5px 0 0; line-height: 18px; float: left;}
.cartPrice { float: right; text-align: right; margin-top: 10px;	width: 60px; white-space: nowrap; }
.cartOldPrice { float: right; text-align: right; margin-top: 10px;	width: 60px; text-decoration:line-through; }
.cartNewPriceRed { float: right; text-align: right; margin-top: 0px; width: 60px; color:#df0001; font-weight:Bold;}
.cartRed {color: #df0001; display: inline !important; float: none !important;}
.cartPreorderInfo {padding-left: 10px; text-align: left;}
.cartSummary { float: left;	text-align: right;	width: 209px;}
.cartSummaryValue {	float: left; text-align: right;	width: 80px;}
.cartSummary span, .cartSummaryValue span {display: block;}
.cartBottom { display: block; float: left; clear: both;	margin-bottom: 10px; width: 289px; text-align: right; }

/* left column includes the recommendations */
.columnLeftCart { display: inline; float: left; margin: 0 30px 0 8px; overflow: hidden; width: 530px;}
/* right colunmn includes the cart control */
.columnRightCart { display: inline;	float: left; width: 345px;}
.columnLeftCart hr { background-color: #ECECEC; border: none; clear: both; display: block; height: 1px;float: none; margin: -7px 0; overflow: hidden;	padding: 0;	width: 100%; }
.columnLeftCart h1 { float: left; display: inline; margin-left: 30px;}

/* checkout button */
.checkOut {	cursor:pointer; cursor:hand; line-height:22px; background:url(../../images/layout/button_green.gif) no-repeat right top;  padding-right:10px; vertical-align:middle; display:block;  display:inline-block; display:-moz-inline-box; float: right; }
.checkOut span { background:url(../../images/layout/button_green.gif) no-repeat left top; 	color: #FFF; height:22px; display:block; display:inline-block; padding-left:10px; line-height:22px;}
a.checkOut:hover {background-position:right -160px;}
a.checkOut:hover span {background-position:left -160px;} 

.disabled { cursor:text; background:url(../../images/layout/button_green_disabled.gif) no-repeat left top !important; }
.disabled span { background:url(../../images/layout/button_green_disabled.gif) no-repeat left top !important; }

.productHeader { display: block; float: left; height: 21px; line-height: 21px; margin: 0 0 20px 0; padding-top: 10px; width: 100%; }
.productHeader h1 {	display: inline; font-size: 11px; margin: 0 0 0 30px; padding: 0; }

.productHeader a.button { background:url(../../images/layout/button_grey.gif) no-repeat right top; float: right !important;	margin-right: 20px; }
.productHeader a.button span { background:url(../../images/layout/button_grey.gif) no-repeat left top; color: #545454;	padding-left:10px; }
.productHeader a.button:hover {background-position:right -160px;}
.productHeader a.button:hover span {background-position:left -160px;}

.section-cart .articleRow {
	display:block;
	padding:0;
}
.section-cart .upsell {
	
}

/* shipping methods in cart */
.shippingmethods {
	border-bottom:1px solid #EBEBEB;
	float: left;
	list-style:none;
	margin:0 0 10px 0;
	padding: 0 0 15px 0;
	width: 100%;
	color:#676767;
}
	.method {
		color:#676767;
		font-size:9pt;
		font-weight:bold;
		margin: 10px 0 5px;
	}
	.shippingmethods label {
		color:#676767;
		display: inline;
		font-size:8pt;
	}
	.shippingmethods input {
		float: left;
		margin: 4px 4px 0 0;
	}
	

/* Cart messages */
.cartMessage 
{
	float: left;
	margin: 10px 0 10px 0;
	width: 289px;
}
.cartMessageHeader {
	float: left; 
	height: 8px; 
	width: 100%;
}
.cartMessageBody {
	float: left;
	font-weight: normal;
	overflow:hidden;
	width: 100%;
}
.innerList
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
.innerList li /*.cartMessageBody ol li ul li*/
{
	background: url(../../images/layout/white/red_dot.gif) 5px 7px no-repeat; 
	border: 0 none !important;
	margin: 0 !important;
	padding: 0 5px 5px 20px !important;
	width: auto !important;
}
.cartMessageFooter { 
	float: left; 
	font-size: 0; 
	height: 8px; 
	line-height: 0; 
	overflow: hidden !important; 
	width: 100%;
} 
.promocode {
	line-height: 20px;
	margin:6px 0 !important;
}
.promocode span
{
	display:block;
	width:100px;
	float:left;
	margin-right:6px;
}
.promocode .error
{
	display: block;
    color:#CA0000;
	margin-left:113px;
	font-weight: bold;
	width:175px;
	margin-bottom:4px;
}
.promocode .applyPromotionCodeLabel {
	font-weight:bold;
}
.promocode input
{
	float:left;
    width:100px; 
}
.cartMessageExeeded span, .cartMessagePreorder span, .cartMessageStockout span, .cartMessageTechG span {
	color: Red;
	display: block;
	font-weight: bold;
	padding: 0 10px 0 10px;
	float: left;
}
.cartMessagePreorder span, .cartMessageTechG span {
	font-weight: normal;
}
.cartMessageExeeded .cartMessageHeader, .cartMessageStockout .cartMessageHeader {
	background: url(../../images/layout/corners_message_cart.jpg) no-repeat;
}
.cartMessagePreorder .cartMessageHeader, .cartMessageTechG .cartMessageHeader {
	background: url(../../images/layout/corners_message_cart_grey.jpg) no-repeat;
}
.cartMessageExeeded .cartMessageBody, .cartMessageStockout .cartMessageBody {
	background: #fee8ea; 
}
.cartMessagePreorder .cartMessageBody, .cartMessageTechG .cartMessageBody {
	background: #f8f6f7; 
}
.cartMessageExeeded .cartMessageFooter, .cartMessageStockout .cartMessageFooter {
	background: url(../../images/layout/corners_message_cart.jpg) bottom;
}
.cartMessagePreorder .cartMessageFooter, .cartMessageTechG .cartMessageFooter {
	background: url(../../images/layout/corners_message_cart_grey.jpg) no-repeat bottom;
}
.cartMessageExeeded .cartMessageTechG {
	background: url(../../images/layout/corners_message_cart.jpg) no-repeat;
}
.cartMessageExeeded .cartMessageTechG {
	background: #fee8ea; 
}
.cartMessageExeeded .cartMessageTechG {
	background: url(../../images/layout/corners_message_cart.jpg) bottom;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{ .cartBody select {list-style: normal !important;}
 }
 
 div.cartInfo strong
{
	color:#007FD0;
	line-height:16px;
}

div.cart select {
	font-size: small !important;
	height: auto !important;
}
.mediaTypeSelectCart {
width:213px;
}
