/* 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 13px/1.25 Helvetica, Arial, sans-serif;
	color: #FFF;
	background: #E9607C url(../img/asc.png) 50% 12px no-repeat;
	text-align: center; /* ie fix */
}
a { color: #AD0025; }
a:hover { color: #F53961; }

/* main layout */
#head {
	height: 120px;
	width: 923px;
	margin: 0 auto;
	text-align: left; /* undo ie fix */
}
#head #top-login { float: left; padding-top: 1em; }
#head #cart-summary { float: right; padding-top: 1em; }
#head ul { padding-left: 12px; }
#head a { color: #FFE9ED; }
#head a:hover { color: #FFF; }
#container {
	width: 936px;
	margin: 0 auto 1em;
	background: #FFF url(../img/motif.jpg) 0 100% repeat;
	color: #333;
	text-align: center; /* ie fix */
}
body#cms_1 #container {	text-align: left; /* undo ie fix */ } /* homepage */
#nav {
	background: #f5cad5 url(../img/nav_bg.jpg) 0 0 repeat-x; 
}
#nav ul#navlist {
	background: transparent url(../img/bg_cnr_tr.gif) 100% 0 no-repeat;
}
#nav ul {
	height: 28px;
	padding: 0;
	margin: 0;
	display: block;
	clear: left;
}
#nav li.first {
	background: transparent url(../img/bg_cnr_tl.gif) 0 0 no-repeat; 
	padding-left: 8px !important;
}
#nav li {
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
}
#nav li a { 
	color: #FFF; 
	text-decoration: none; 
	font: normal 11px/28px Helvetica, Arial, sans-serif;
	display: block;
	padding: 0 8px;
}
#navlist li a { background: #f5cad5 url(../img/nav_bg.jpg) 0 0 repeat-x; }
#nav li a:hover { text-decoration: underline; }

ul#navlist li.active a { color: #944558 !important; background: transparent url(../img/nav_bg_active.jpg) 0 0 repeat-x; }
ul.navsub li.active a { font-weight: bold !important; }

/* drop-down sub-menu */
#nav li ul { 
	display: none;
	background-color: #F6CBD5;
	width: 14em;
}
#nav li ul li.first { 
	padding-left: 0 !important;
}
#nav li ul li { 
	display: block; 
	float: none;
	background-image: none !important;
}
#nav li ul li a { 
	background-image: none !important; 
	background-color: #f5cad5 !important;
	text-align: left;
	border-width: 0 0 1px;
	border-color: #E5738C;
	border-style: solid;
	line-height: 1.5;
	padding: 0.5em 1em; 
	color: #AD0025 !important;
}
ul#navlist li.active li a { color: #AD0025 !important; }
#nav li.hover ul { 
	display: block;
	position: absolute !important; 
	top: 100%; 
	left: 0; 
	z-index: 99;
}

/* old in-line sub-menu */
/*#nav .navsub li.first,
#nav .navsub li { 
	background-color: #f5cad5;
	background-image: none; 
}
#nav .navsub li a { color: #944558 } */

/*
#content { border: 1px dashed #FCC; }
#left { border: 1px dashed #CFC; }
#right { border: 1px dashed #CCF; }
*/
#content {
	width: 530px;
	margin: 0 auto;
	text-align: left; /* undo ie fix */
}
body#cms_1 #content { float: left; width: 455px; margin: 0; } /* homepage */
#left,
#right {
	float: left;
	width: 220px;
	overflow: hidden;
	display: none;
}
body#cms_1 #left,
body#cms_1 #right { display: block; }
#left { margin: 1em 10px 1em 10px; clear: left; }
#right { margin: 1em 0 1em 10px; }
#bottom-nav {
	clear: both;
	background: #E8E9EB url(../img/bg_cnr_bl.gif) 0  100% no-repeat; 
}
#bottom-nav ul {
	height: 28px;
	padding: 0;
	margin: 0;
	background: transparent url(../img/bg_cnr_br.gif) 100% 100% no-repeat; 
	display: block;
}
#bottom-nav li {
	float: left;
	list-style-type: none;
	padding: 0 !important;
	margin: 0 !important;
}
#bottom-nav li a { 
	padding: 0 8px; 
	text-decoration: none; 
	font: normal 12px/28px Helvetica, Arial, sans-serif;
}
#footer {
	width: 923px;
	margin: 1em auto 3em;
	text-align: left; /* undo ie fix */
}

/* store */
body.store #container {	text-align: left; /* undo ie fix */ }
body.store #left { display: block; } 
body.store #content { float: left; width: 680px; margin: 0; }
#storenav ul { width: 90%; margin: 1em 0; list-style-type: none; }
#storenav li { padding: 0.3em 1em; border-bottom: 1px solid #FFCAD5 }
#storenav li.active { background-color: #FFDBE2; }
#storenav li a { display: block; font-size: 1.2em; text-decoration: none; font-weight: bold; }

/* forms */
fieldset { margin-bottom: 1em; padding-left: 0.5em; }
legend { margin-left: 2em; padding: 0 1em; font-size: 0.8em; }
input { 
	font: normal normal normal 1em/1em Verdana;
	background-color: #F7F3F0;
	border-width: 1px;
	border-style: solid;
	border-color: #E2D5CD;
	padding: 0.1em;
}
.formfield { font-size: 0.9em; padding: 0.2em; margin-bottom: 0.1em; }
.formfield label { float: left; width: 10em; padding-top: 0.25em; }
.required label { font-weight: bold; }
.required-notice { display: none; }
.required-empty { background-color: #FFC; }
.button {
	background-color: #E2D5CD;
	border: 1px solid #E2D5CD;
	cursor: pointer;
	color: #BD324E;
	text-transform: uppercase;
	padding: 0 !important;
	height: auto;
	font-weight: bold;
}

/* content formatting */
#content { padding: 1em 0; }
#container p { padding: 0.5em 0; }
#content h1,
#left h1 {
	font: normal normal normal 2em/1 Helvetica, Arial, sans-serif;
	color: #a92336;
	padding: 0.5em 0 0.25em;
}
#content h2,
#left h2 {
	font: normal normal normal 1.55em/1 Helvetica, Arial, sans-serif;
	color: #a92336;
	padding: 0.5em 0 0;
}
#content h3,
#left h3 {
	font: bold 1.27em/1 inherit;
	padding: 0.5em 0 0;
}
#content h4,
#left h4 {
	font: bold 1em/1 inherit;
	padding: 0.5em 0 0;
}
#content ul { padding-left: 12px; }
#content li { padding: 0.2em 0; }
a img { border-width: 0; }

#left p { padding: 0.5em 0; }

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

/* Datastyle WMS nzsnowboard-specific */
#response {
	font: normal 1.4em/32px Helvetica, Arial, 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 Helvetica, Arial, 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 .product { 
	margin: 2em 0 0 15px; 
	width: 155px; 
	height: 290px; 
	float: left; 
	background-color: #FFDBE2;
}
.product-list .product:hover { background-color: #F53961 }
.product-list .product a { display: block; text-decoration: none; color: #333; }
.product-list .product .thumbnail { 
	display: block; 
	text-align: center; 
	height: 220px; 
	margin-top: 10px; 
	line-height: 220px; 
}
.product-list .product .title { 
	display: block; 
	padding: 0 0.25em; 
	font-weight: bold; 
	height: 35px;
	margin-top: 5px;
	text-align: center;
}
.product-list .product .price { 
	display: block; 
	padding: 0 0.5em; 
	text-align: right;
}

#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; font-weight: bold; vertical-align: middle; }
#datastyle-plug img { margin-left: 0.5em; vertical-align: middle; }