/* @override http://www.dirtseries.com/cart_include/cart.css */

/* CSS for the shopping cart table layout */

.cartTitle {
	text-align: 	left;

	height:		50px;
	border-style:	solid;
	border-width:	0px;
	border-spacing: 0pt 0pt;
	color: #bdd738;
	font: bold 24px "Century Gothic", Arial, Helvetica, sans-serif;
	padding: 5px 0 0;
}
.cartEmpty {
	font-weight: 	bold;
	font-size: 18px;
	text-align: center;
	color: red;
	font-family:	"verdana";
}
.cartKeepShopping {
	text-align: 	right;
	color:		#518449;

	height:		40px;
	border-style:	solid;
	border-width:	0px;
	padding: 5px;
	border-spacing: 0pt 0pt;
	font: bold 14px "helvetica";
}
.cartHeader {
	font-weight: 	bold;
	font-size: 	11px;
	text-align: 	left;
	color:		#9b9a71;
	font-family:	"verdana";

	height:		20px;
	border-style:	solid;
	border-width:	0px;
	padding:	5px;
	border-spacing: 0pt 0pt;
}
.cartTable {
	width: 590px;
}
.cartTableWrapper {
	border-collapse:collapse;
	background-color: none;
	border-spacing: 0pt 0pt;
}
.cartItemRow {
	text-align: left;
}

/* CSS FOR EVEN ROWS 
   Or for both rows if $splitCSS = 'FALSE'
   in the config file */

.cartThumb {
	width: 93px;
	border-style:	solid;
	border-width:	0px;
	background-color: none;
	padding: 0 0px 0 0;
}
.cartThumbImg {
	border-style:	solid;
	border-width:	0px;
}
.cartItem {
	font-size: 	11px;
	text-align: 	left;
	font-weight: 	bold;
	width: 		250px;
	font-family:	"verdana";
	vertical-align:	text-top;

	border-style:	solid;
	border-width:	0px;
	padding-left:	3px;
	padding-right:	0px;
	padding-top:	3px;
	padding-bottom:	3px;
	background-color: none;
}

.cartItem a:link	{
	text-decoration: none;
	color: #67b6dd;
} 
.cartItem a:visited 	{
	color: #67b6dd;
}
.cartItem a:hover 	{
	color: #67b6dd;
	text-decoration: underline;
}
.cartItem a:active 	{
	color: #67b6dd;
}

.cartOption {
	font-size: 	11px;
	text-align: left;
	color: black;
	width: 0;
	font-family:	"verdana";
	vertical-align:	text-top;

	border-style:	solid;
	border-width:	0px;
	padding:	3px;
	border-spacing: 0pt 0pt;
}
.cartOptionNames {
	font-weight: 	bold;
	font-size: 	11px;
	text-align: left;
	color:		#9b9a71;
	width: 114px;
	font-family:	"verdana";
	vertical-align:	text-top;

	border-style:	solid;
	border-width:	0px;
	padding:	3px;
	border-spacing: 0pt 0pt;
}
.cartPrice {
	font-weight: 	bold;
	font-size: 	11px;
	text-align: 	left;
	width: 70px;
	color:		#9b9a71;
	font-family:	"verdana";
	vertical-align:	text-top;

	border-style:	solid;
	border-width:	0px;
	padding:	5px;
	border-spacing: 0pt 0pt;
}
.cartQty {
	font-size: 	11px;
	text-align: 	left;
	width: 		60px;
	color:		#9b9a71;
	font-family:	"verdana";
	vertical-align:	text-top;

	border-style:	solid;
	border-width:	0px;
	padding:	5px;
	border-spacing: 0pt 0pt;
}
.cartRemove {
	text-align: 	center;
	width: 		50px;
	vertical-align:	text-top;

	border-style:	solid;
	border-width:	0px;
	padding:	5px;
	border-spacing: 0pt 0pt;
}

/* CSS FOR ODD ROWS */

.cartThumbODD {
	width: 		93px;

	height:		93px;
	border-style:	solid;
	border-width:	0px;
	padding-left:	0px;
	padding-right:	0px;
	padding-top:	3px;
	padding-bottom:	3px;
	background-color: #E4EFDC;
}
.cartItemODD {
	font-size: 	11px;
	text-align: 	left;
	font-weight: 	bold;
	width: 		250px;
	font-family:	"verdana";
	vertical-align:	text-top;

	border-style:	solid;
	border-width:	0px;
	padding-left:	0px;
	padding-right:	0px;
	padding-top:	3px;
	padding-bottom:	3px;
	background-color: #E4EFDC;
}

.cartItemODD a:link	{
	color: 		#74a823;
	text-decoration: none;
} 
.cartItemODD a:visited 	{
	color: 		#74a823;
	text-decoration: none;
}
.cartItemODD a:hover 	{color: #CCCCCC;}
.cartItemODD a:active 	{color: #003399;}

.cartOptionODD {
	font-size: 	11px;
	text-align: 	left;
	color:		#000000;
	width: 		170px;
	font-family:	"verdana";
	vertical-align:	text-top;

	border-style:	solid;
	border-width:	0px;
	padding:	3px;
	border-spacing: 0pt 0pt;
}
.cartOptionNamesODD {
	font-weight: 	bold;
	font-size: 	11px;
	text-align: 	right;
	color:		#9b9a71;
	width: 		80px;
	font-family:	"verdana";
	vertical-align:	text-top;

	border-style:	solid;
	border-width:	0px;
	padding:	3px;
	border-spacing: 0pt 0pt;
}
.cartPriceODD {
	font-weight: 	bold;
	font-size: 	11px;
	text-align: 	left;
	width: 		90px;
	color:		#9b9a71;
	font-family:	"verdana";
	vertical-align:	text-top;

	border-style:	solid;
	border-width:	0px;
	padding:	5px;
	border-spacing: 0pt 0pt;
	background-color: #E4EFDC;
}
.cartQtyODD {
	font-size: 	11px;
	text-align: 	left;
	width: 		60px;
	color:		#9b9a71;
	font-family:	"verdana";
	vertical-align:	text-top;

	border-style:	solid;
	border-width:	0px;
	padding:	5px;
	border-spacing: 0pt 0pt;
	background-color: #E4EFDC;
}
.cartRemoveODD {
	text-align: 	center;
	width: 		50px;
	vertical-align:	text-top;

	border-style:	solid;
	border-width:	0px;
	padding:	5px;
	border-spacing: 0pt 0pt;
	background-color: #E4EFDC;
}


/* Back to normal CSS... */
.cartSpacer {
	text-align: 	center;
	vertical-align:	text-center;

	border-style:	solid;
	border-width:	0px;
	padding: 0;
	border-spacing: 0pt 0pt;
}
.cartTotal {
	font-weight: 	bold;
	vertical-align:	text-top;
	font-size: 	11px;
	text-align: 	right;
	font-family:	"verdana";
	color:		#9b9a71;

	height:		12px;
	border-style:	solid;
	border-width:	0px;
	padding:	5px;
	border-spacing: 0pt 0pt;
}
.cartTotalNumber {
	font-weight: 	bold;
	font-size: 	11px;
	text-align: 	left;
	width: 		90px;
	color:		#9b9a71;
	font-family:	"verdana";
	vertical-align:	text-top;

	border-style:	solid;
	border-width:	0px;
	padding:	5px;
	border-spacing: 0pt 0pt;
}

.cartTotalPromotions {
	font-weight: 	bold;
	font-size: 	11px;
	text-align: right;
	color:		#9b9a71;
	font-family:	"verdana";
	vertical-align:	text-top;

	border-style:	solid;
	border-width:	0px;
	padding:	5px;
	border-spacing: 0pt 0pt;
	width: 0;
}
.cartGrandTotal {
	font-weight: 	bold;
	vertical-align:	text-top;
	font-size: 	11px;
	text-align: right;
	font-family:	"verdana";

	height:		12px;
	border-style:	solid;
	border-width:	0px;
	padding:	5px;
	border-spacing: 0pt 0pt;
	color: #333333;
}
.cartGrandTotalHead {
	font-weight: 	bold;
	vertical-align:	text-top;
	font-size: 11px;
	font-family:	"verdana";

	height:		12px;
	border-style:	solid;
	border-width:	0px;
	padding:	5px;
	border-spacing: 0pt 0pt;
	color: #333333;
	text-align: right;
}
.cartPromotion {
	font-weight: 	bold;
	vertical-align:	text-top;
	font-size: 	11px;
	text-align: right;
	font-family:	"verdana";

	border-style:	solid;
	border-width:	1px;
	border-color:	#D7E5CE;
	padding:	5px;
	border-spacing: 0pt 0pt;
	color: #bdd738;
}
.cartPromotionFoot {
	font-weight: 	none;
	vertical-align:	text-top;
	text-align: 	left;
	font-size: 	9px;
	text-align: 	right;
	font-family:	"verdana";
	padding:	5px;
	border-spacing: 0pt 0pt;
	color: #333333;
}
.cartTableTotals {
	/*font-weight: 	bold;
	vertical-align:	text-top;
	font-size: 	11px;
	text-align: 	right;
	font-family:	"verdana";
	color:		#337e32;*/

	border-style:	solid;
	border-width:	1px;
	border-color:	#D7E5CE;
	padding:	0px;
	border-spacing: 0pt 0pt;
}
.cartPromotionHeader {
	text-align: left;
	color: #333333;
	font: bold 11px "verdana";
	padding: 5px;
}
.cartPromotion {
	font-size: 	11px;
	text-align: left;
	font-family:	"verdana";
	color:		#337e32;
	text-transform: lowercase;
}
.cartCheckout {
	font-weight: 	bold;
	font-size: 	25px;
	text-align: 	right;
	color:		#7ba10e;
	font-family:	"helvetica";
	vertical-align:	top;

	height:		14px;
	border-style:	solid;
	border-width:	0px;
	padding: 5px 0px 10px;
	border-spacing: 0pt 0pt;
}

/* Sale price text */
.Sale {
	font-weight: 	bold;
	font-size: 	11px;
	color:		#FF0000;
	font-family:	"verdana";
}

/* CSS for the dropdowns and buttons */
.cartDropdownName {
	font-weight: 	bold;
	font-size: 	12px;
	color:		#7ba10e;
	font-family:	"helvetica";
	text-align: 	right;
}
.cartDropdown {
	text-align: 	left;
}
.cartQuantityAlign {
	text-align: 	left;
}
.cartButtonAlign {
	text-align: 	left;
}
cartDropdown.select {
	color:		#7ba10e;
}
.cartItemUnavailable {
	font-weight: 	bold;
	font-size: 	12px;
	color:		red;
	font-family:	"helvetica";
}
.cartOptionCombinationUnavailable {
	font-weight: 	none;
	font-size: 	12px;
	color:		red;
	font-family:	"helvetica";
}
.quantityDropdown {
	/*width: 		55px; */
	color: black;
	font-weight: 	none;
	text-align: 	left;
}
.dropdownError {
	font-weight: 	bold;
	font-size: 	11px;
	color:		#FF0000;
	font-family:	"verdana";
}