/* global whitespace reset */

* {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, 
ol, dl, fieldset, address, li, dd { padding: 0; margin: 0; }


/* default elements */

body {
	font: normal 11px/1.25 Verdana, sans-serif;
	color: #000;
	text-align: center; /* ie fix */
	background: #FFF url(../img/bg_dominoes.jpg) 50% 0 repeat;
}
a { color: #666; text-decoration: underline; }
a:hover { color: #FF000A; }
a img { border-width: 0; }
p { padding: 0.5em 0; }
h1, h2 {
	font: normal 2em/1 Tahoma, sans-serif;
	padding: 1em 0 0.5em;
}


/* layout */

#head { 
	width: 960px; 
	height: 49px;
	margin: 30px auto 0;
	position: relative;
	background: transparent url(../img/head.gif) 0 0 no-repeat;
}
#head h1 { display: none; }

#wrap { 
	width: 960px; 
	margin: 0 auto 30px;
	text-align: left; /* undo ie fix */
	position: relative;
	background: #FFF url(../img/bg_dominoes_white.jpg) 50% -79px repeat-y;
}

#container { 
	background: transparent url(../img/bg_left.gif) 0 0 repeat-y;
}

#nav {
	height: 92px;
	background: transparent url(../img/head.gif) 0 -49px no-repeat;
}
#nav ul { 
	margin-left: 190px;
	height: 49px;
}
#nav li {
	text-transform: lowercase;
	float: left;
	height: 49px;
	list-style-type: none;
	background-color: #000;
}
#nav li.last { 
	background: transparent url(../img/head.gif) 100% -49px no-repeat; 
	padding-right: 25px;
}
#nav li a { margin-right: 1.5em; }

#left {
	float: left;
	width: 110px;
	padding-bottom: 5em;
}
#left li { 
	text-transform: uppercase;
	list-style-type: none; 
	text-align: right; 
	margin-right: 1em;
}
#left li a,
#nav li a { 
	color: #FFF200; 
	font-size: 16px; 
	font-weight: bold; 
	text-decoration: none; 
	padding-top: 13px; 
	padding-right: 7px; 
	background: transparent url(../img/period.gif) 100% 25px no-repeat; 
	display: block;
}
#left li a:hover,
#nav li a:hover { background-image: url(../img/period-active.gif); }
#left li li { display: none; }
#left li.active a,
#nav li.active a { color: #FFF; background-image: url(../img/period-active.gif); }

#content {
	float: left;
	width: 445px;
	margin-left: 30px;
}

#right {
	float: left;
	width: 305px;
	margin-left: 60px;
}

#footer {
	clear: both; 
	padding: 2em 2em 0.5em 140px; 
	line-height: 32px;
}

#splash { display: none; }


/* store nav */

#store-nav li {
	border-bottom: 1px solid #E6E7E8;
	padding: 5px 0;
}
#store-nav a { text-decoration: none; }


/* content */


/* Datastyle WMS */

#response {
	font: normal 1.4em/32px 'Trebuchet MS', Helvetica, sans-serif;
	background-color: #F1F2F2;
	background-position: 10px 50%;
	background-repeat: no-repeat;
	background-image: url(../img/title_icon_star.gif); 
	color: #555;
	letter-spacing: -0.01em;
	padding-left: 35px;
	margin-top: 0; /* remove margin from first heading */
	margin-bottom: 5px;
}
.response-info, .response-good { color: #009200 !important; }
.response-bad { color: #920000 !important; }

#checkout-register { width: 49.4%; float: right; }
#checkout-login { width: 49.4%; float: left; }

#cart { margin: 1em; border-collapse: collapse; }
#cart td.shipping, #cart td.label { text-align: right; }
#cart td.update,
#cart td.title,
#cart td.shipping,
#cart td.total { 
	font: bold 1.3em/1.2 'Trebuchet MS', Helvetica, sans-serif;
	background-color: #F1F2F2; 
	padding: 0.5em;
}
#cart td.total, 
#cart td.price, 
#cart td.shipping-total,
#cart td.option-total { text-align: right; white-space: nowrap; }
#cart td.price, 
#cart td.shipping-total,
#cart td.option-total { padding: 0.2em; }
#cart td.thumb { width: 110px; text-align: center; vertical-align: middle; }
#cart td.quantity { width: 210px; }
#cart td.options { width: 240px; }
#cart tbody td.total { width: 145px; }

#shipping { border: 1px solid #EEE; border-collapse: collapse; margin: 0 1em; }
#shipping td { border: 1px solid #EEE; padding: 0.3em 1em; }
#shipping thead td { font-style: italic; text-align: center; background-color: #F1F2F2; }

#checkout-cart { border: 1px solid #DDD; border-collapse: collapse; margin: 1em; }
#checkout-cart td { border: 1px solid #DDD; padding: 0.2em 0.5em; font-size: 0.9em; }
#checkout-cart thead td { background-color: #EEE; }
#checkout-cart tbody td.col1 { padding: 0 !important; }
#checkout-cart tbody td.col1 img { display: block; }
#checkout-cart td.int { text-align: right; }
#checkout-cart tfoot td { font-size: 1em; }
#checkout-cart tfoot td.col1 { text-align: right; }
#checkout-cart tfoot tr.total td { font-weight: bold; }

#order-cart { border: 1px solid #DDD; border-collapse: collapse; margin: 1em; }
#order-cart td,
#order-cart th { border: 1px solid #DDD; padding: 0.2em 0.5em; vertical-align: top; }
#order-cart thead td { background-color: #EEE; font-size: 0.9em; font-style: italic; }
#order-cart td.int { text-align: right; }
#order-cart td.quantity { text-align: center; }
#order-cart tfoot th { text-align: right; }
#order-cart tfoot td,
#order-cart tfoot th { font-weight: bold; }

#order-details { border-collapse: collapse; }
#order-details th,
#order-details td { border-bottom: 1px solid #DDD; vertical-align: top; padding: 0.2em; }

#order-history { 
	border-collapse: collapse; 
	border: 1px solid #DDD; 
	margin: 1em;
}
#order-history thead td { background-color: #F1F2F2; font-weight: bold; }
#order-history td { 
	border: 1px solid #DDD; 
	padding: 0.5em;
	vertical-align: top;
}
#order-history td.col6 { text-align: right; }

.product-list { width: 100%; border-collapse: collapse; }
.product-list .product a { display: block; text-decoration: none; color: #333; }
.product-list .product td { vertical-align: top; padding: 0.2em 0.5em; }
.product-list .product .col1 { width: 10px; padding: 0; vertical-align: middle; }
.product-list .product .col2 { }
.product-list .product .col3 { }
.product-list .product .col4 { white-space: nowrap; text-align: right; font-weight: bold; }
.product-list .product .col5 { white-space: nowrap; }
.product-list .product .addtocart { padding-left: 20px; background: transparent url(../img/cart.png) 0 50% no-repeat; }

#product-details #product-left { width: 49.4%; float: left; }
#product-details #product-right { width: 49.4%; float: right; }
#product-details .product-price { 
	display: inline; 
	font-size: 1.2em;
}
#product-details .product-addtocart { display: inline; }
#product-details .product-addtocart input { 
	background-image: url(../img/cart.png);
	background-position: 3px 50%;
	background-repeat: no-repeat;
	padding-left: 22px;
	font-weight: bold;
	text-transform: capitalize;
	margin-left: 2em;
}
#product-details #product-price-addtocart { text-align: center; padding: 1em 0; }
#product-details #product-price-addtocart { text-align: center; padding: 1em 0; }
#product-details #product-largeimage { border: 3px solid #F53961; }
#product-details #product-thumbs img { border: 3px solid #FFDBE2; }
#product-details #product-thumbs a.active img { border: 3px solid #F53961; }

#datastyle-plug { text-decoration: none; }
#datastyle-plug img { margin-left: 0.5em; vertical-align: middle; }

table.music-store td { padding: 0.3em !important; }