/* 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 {
	text-align: center; /* ie fix */
	font: normal 12px/1.25 Arial, Helvetica, sans-serif;
	color: #777;
}
a { color: #555; }
a:hover {  }
ul { 
	padding-left: 12px; 
	list-style-image: url(../img/bullet.gif);
	list-style-position: inside;
}
li { padding: 0.2em 0; }

/* main layout */
#container {
	width: 988px;
	margin: 5px auto;
	text-align: left; /* undo ie fix */
}
#header h1 {
	width: 255px;
	height: 90px;
	margin: 0;
	padding: 0;
	float: left;
	margin-bottom: 5px; 
}
#header h1 a {
	display: block;
	width: 255px;
	height: 90px;
}
#header h1 a span { display: none; }
#header .advert {
	float: right;
	margin-left: 5px;
	height: 90px;
	width: 728px;
	background-color: #CCC;
}
#nav { 
	clear: both;
	background-color: #000; 
	margin-bottom: 5px; 
	line-height: 20px;
	text-align: center; /* ie fix */
}
#nav li { display: inline; }
#nav li a { 
	color: #FFF; 
	padding: 0 1em; 
	text-decoration: none; 
}
#nav li a:hover { text-decoration: underline; }
#nav li ul { 
	display: none; 
	margin: 0 auto; 
	text-align: left; /* undo ie fix */
}
#content { 
	float: right; 
	width: 728px;
}
#sidebar { 
	float: left;  
	width: 255px;
}
#sidebar p { padding: 0.5em; }
#sidebar h3 {
	font: normal 1.4em/32px 'Trebuchet MS', Helvetica, sans-serif;
	background-color: #F1F2F2;
	background-position: 10px 50%;
	background-repeat: no-repeat;
	color: #555;
	letter-spacing: -0.01em;
	padding: 0 0 0 10px;
	margin-top: 5px;
}
#footer {
	clear: both;
	color: #666;
	padding: 3em 0;
}

/* forms */
fieldset { margin-bottom: 1em; padding-left: 0.5em; }
legend { margin-left: 2em; padding: 0 1em; font-size: 0.8em; }
.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; }

/* content formatting */
#content p { padding: 1em; }
#content h2 {
	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 */
}
#content h3 {
	font: bold 1.3em/1.2 'Trebuchet MS', Helvetica, sans-serif;
	background-color: #F1F2F2;
	color: #555;
	letter-spacing: -0.01em;
	padding: 0.5em;
	margin: 0.5em 0;
}
#content h4 {
	font: bold 1.2em/1.2 'Trebuchet MS', Helvetica, sans-serif;
	color: #555;
	padding: 0.5em 0 0.25em;
}
#content h5 {
	font: bold 1.1em/1.2 'Trebuchet MS', Helvetica, sans-serif;
	color: #555;
	padding: 0.2em 0 0.5em;
}

/* cart summary */
#sidebar .cart_summary h3 { 
	background-image: url(../img/title_icon_cart.gif); 
	padding-left: 35px;
	margin-top: 0; /* remove margin from first heading */
}
#sidebar .cart_summary p em { font-style: normal; }

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

/* memberlogin */
#memberlogin .button {
	width: 28px;
	background: transparent url(../img/button_go.gif) 0 0 no-repeat;
	border: 0;
	text-indent: 1000px;
	overflow: hidden;
}
#memberlogin a {
	background: transparent url(../img/button_join.gif) 0 0 no-repeat;
	width: 66px;
	text-decoration: none;
}
#memberlogin a span { visibility: hidden; }

/* Datastyle WMS nzsnowboard-specific */
#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; }

#breadcrumb { 
	height: 32px;
	line-height: 32px;
	background-color: #F1F2F2;
	margin-bottom: 5px;
}
#breadcrumb a,
#breadcrumb span { float: left; }
#breadcrumb a { padding: 0 1em; }
#breadcrumb span { 
	width: 8px;
	height: 32px;
	background: transparent url(../img/breadcrumb_bg.gif) 0 0 no-repeat;
	text-indent: 100px;
	overflow: hidden;
}
#breadcrumb a.last { font-weight: bold; text-decoration: none; }
#breadcrumb a.step1-disabled,
#breadcrumb a.step2-disabled,
#breadcrumb a.step3-disabled { 
	color: #CCC; 
	font-weight: bold; 
	text-decoration: none;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding-left: 35px;
}
#breadcrumb a.step1,
#breadcrumb a.step2,
#breadcrumb a.step3 {
	font-weight: bold; 
	text-decoration: none;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding-left: 35px;
}
#breadcrumb a.step1-disabled { background-image: url(../img/button_1_off.gif); }
#breadcrumb a.step2-disabled { background-image: url(../img/button_2_off.gif); }
#breadcrumb a.step3-disabled { background-image: url(../img/button_3_off.gif); }
#breadcrumb a.step1 { background-image: url(../img/button_1.gif); }
#breadcrumb a.step2 { background-image: url(../img/button_2.gif); }
#breadcrumb a.step3 { background-image: url(../img/button_3.gif); }

#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; }

#cart-links {
	background-color: #F1F2F2; 
	height: 2.5em;
	list-style-image: none;
	list-style-type: none;
}
#cart-links li { 
	float: right;
	margin: 0.3em 0.75em;
}
#cart-links li.checkout a {
	display: block;
	width: 159px;
	height: 18px;
	background: transparent url(../img/button_checkout.gif) 0 0 no-repeat;
}
#cart-links li.checkout a span { display: none; }

#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; }

#product-list .product .title a,
#product-list .product .thumbnail,
#product-list .product .price a { 
	display: block;
	overflow: hidden;
	text-decoration: none;
}
#product-list .product { 
	float: left;
	height: 170px;
	width: 170px;
	margin: 10px 0 0 10px;
}
#product-list .product .title a {
	height: 17px;
	line-height: 15px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
#product-list .product .thumbnail { height: 135px; }
#product-list .product .thumbnail img { 
	border-width: 0; 
	padding: 0;
}
#product-list .product .price a {
	height: 17px;
	line-height: 21px;
	background: transparent url(../img/button_product.gif) 157px 50% no-repeat;
}

body.store-home .product-list { padding-bottom: 2em; }
body.store-home .product-list .product .title a,
body.store-home .product-list .product .thumbnail,
body.store-home .product-list .product .price a { 
	display: block;
	overflow: hidden;
	text-decoration: none;
}
body.store-home .product-list .product { 
	float: left;
	height: 225px;
	width: 225px;
	margin: 10px 0 0 10px;
}
body.store-home .product-list .product .title a {
	height: 17px;
	line-height: 15px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
body.store-home .product-list .product .thumbnail { height: 185px; }
body.store-home .product-list .product .thumbnail img { 
	border-width: 0; 
	padding: 0;
}
body.store-home .product-list .product .price a {
	height: 17px;
	line-height: 21px;
	background: transparent url(../img/button_product.gif) 212px 50% no-repeat;
}
body.store-home #popular-products { padding-top: 2em; }
body.store-home #most-popular-product { float: left; }
body.store-home #less-popular-products { float: right; width: 480px; }
body.store-home #less-popular-products .product { height: 105px; width: 110px; }
body.store-home #less-popular-products .thumbnail { height: 70px; }
body.store-home #less-popular-products .product .price a { background-position: 97px 50%; }

#related-products .product .title a,
#related-products .product .thumbnail,
#related-products .product .price a { 
	display: block;
	overflow: hidden;
	text-decoration: none;
}
#related-products .product { 
	float: left;
	height: 105px; 
	width: 110px;
	margin: 10px 0 0 10px;
}
#related-products .product .title a {
	height: 17px;
	line-height: 15px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
#related-products .product .thumbnail { height: 70px; }
#related-products .product .thumbnail img { 
	border-width: 0; 
	padding: 0;
}
#related-products .product .price a {
	height: 17px;
	line-height: 21px;
	background: transparent url(../img/button_product.gif) 97px 50% no-repeat;
}

#product-details a img { border: 0; }
#product-details .left { float: left; width: 350px; padding-bottom: 1em; }
#product-details .right { float: right; width: 370px; padding-bottom: 1em; }
#product-details .product-price { display: inline; float: right; padding-right: 0.5em; }
#product-details .product-addtocart { display: inline; }
#product-details .product-addtocart input { 
	width: 97px;
	height: 18px;
	background: transparent url(../img/button_addtocart.gif) 0 0 no-repeat;
	border: 0;
	overflow: hidden;
	text-indent: 500px;
	cursor: pointer;
	float: right;
}
#product-details .option-price-warning { 
	color: #5B6D7E; 
	font-size: 0.8em;
	font-weight: normal; 
}
#product-details .product-option {}
#product-details .product-option span {}
#product-details .product-option select { margin: 0.2em; }
#product-details #product-image a { display: block; position: relative; }
#product-details #product-image a img.zoom { position: absolute; top: 220px; left: 25px; border: 0; }
#product-details #product-image { 
	text-align: center; 
	padding: 10px 0 1em; 
	border-bottom: 1px solid #CCC;
}
#product-details #product-thumbs div { float: left; width: 110px; margin: 10px 0 0 10px; }
#product-details #product-thumbs a.thumb-image { 
	display: block; 
	height: 80px; 
	border-bottom: 1px solid #CCC;
	text-align: center;
}
#product-details #product-thumbs a.thumb-title { 
	display: block; 
	background: transparent url(../img/button_zoom_sml.gif) 97px 50% no-repeat; 
	height: 1.5em;
	line-height: 1.5em;
	overflow: hidden;
}
#product-details #product-thumbs a,
#product-details #product-thumbs a:hover { text-decoration: none; }

#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; }