html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, a { margin: 0; padding: 0; }

body{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}	
body div{ text-align: left; }

input, textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

img{
	border:0;
}

/*------------------ HEADER ----------------*/
#header #masthead a {
	width: 100%;
	height: 100%;
}

/*------------------ HOME ----------------*/
#home-splash {
	width: 930px;
	margin: 70px auto 0 auto;
}

#home-splash a {
	position: relative;
}

#home-splash .Rollover {
	display: none;
	position: absolute;
	top: -260px; left: -25px;
	width: 182px;
	padding: 10px;
	z-index: 1;
	border: 1px solid #ccc;
	text-align: center;
	background-color: white;
	text-decoration: none;
}

#home-splash #LeftBar .Rollover {
	left: -55px;
	width: 142px;
}

#home-splash #RightBar .Rollover {
	left: -66px;
	width: 142px;
}

#SpotlightText {
	width: 930px;
	margin: 15px auto 0 auto;
	text-align: center;
	font-size: 14px;
	color: #ccc;
}

a {
	color: #000;
}

a:hover {
	text-decoration: none;
}

div.how a{
	color: #666;
}

#cart-container a:hover, a.gblock:hover, div.how a:hover{
	background-color: #99cc00;
}

a:active {
	color: #666666;
	text-decoration: underline;
}

/*------------------ MAIN ----------------*/

#masthead { position: relative; height: 155px; }

#main{
	position:relative;
	width: 900px;
	margin: 0 auto;
	border-right:1px solid #3d3938;
	border-left:1px solid #3d3938;
	border-bottom:1px solid #3d3938;
}
#top-nav{
	background-color: #3d3938;
	padding:3px 6px 3px 3px;
	color: #fff;
	text-align:right;
	font-size: 11px;
}
#top-nav a{
	color: #fff;
	text-decoration:none;
	font-weight:bold;
	
}

#top-nav a:hover{ text-decoration:underline; }

#home-splash #nav #top-nav{
	padding:0;
	background-color: none;
	margin:0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	float:right;
		margin:5px 6px;

}
#home-splash #nav #top-nav a{
	padding:0;
	text-decoration:none;
	font-weight:bold;
	font-size: 11px;

}

.JavaScriptWarning {
	background: #ff8100;
	padding: 20px;
	margin: 20px;
	margin-bottom: 30px;
	font-size: 12px;
}
.JavaScriptWarning p {
	padding-top: 10px; padding-bottom: 10px;
}

/* --------------------- NAV --------------------- */

#nav { background-color: #3d3938; position: relative; height: 26px; font-family: "Helvetica Neue", Helvetica, Arial, serif; padding-left: 3px; }
#nav ul { float: left; line-height: 26px; text-transform: uppercase; font-size: 14px; }
#nav ul li { list-style-type: none; display: inline; float: left; background: url(/images/nav-divider.gif) no-repeat 100% 50%; padding: 0 9px;  }
#nav ul li a { color: #fff; text-decoration: none; padding:0;}
#nav ul li a:hover, #nav ul li.on a { color: #99cc33; }
#nav li.last { background:none;  }
#nav #search { position: absolute; top: 4px; right: 4px; }
#nav #search input { border: 0; height: 18px;}
#nav #search img { position: absolute; right: 1px; top: 1px; z-index: 99; }
#sub-nav { background-color: #99cc33; font-size: 11px; height: 20px; line-height: 20px; padding: 0 0 0 12px; }
#sub-nav a { text-decoration:none; }
#sub-nav a:hover { color: #fff; }
#sub-nav a.disabled { color: #666; }
#sub-nav a.on { color: #fff; }
#sub-nav span { padding: 0 6px; }
#sub-nav #home_sub { height: 11px; }

#content{
	padding:15px 10px 20px 10px;
	min-height:420px;
	height:auto !important;
	height: 420px;
	position: relative;
}

#region-select{
	text-align:right;
	margin-top: -5px;
	margin-bottom:5px;
}
#region-select.prod-detail{
	position:absolute;
	right: 10px;
	top: 10px;
}

#footer{
	background-color: #3d3938;
	padding:3px 6px 3px 3px;
	color: #CCCCCC;
	text-align:center;
	font-size: 10px;
	clear:both;
	margin-top: 30px;
	
}
#footer a{
	color:#fff;
}


.clearer{
	clear: both;
}


/* -------------------------- PRODUCTS ------------------------ */
.products table { width: 100%; clear: both; border-spacing: 0; }
.products tr.ProductImageRow { vertical-align: center; }
.products tr.ProductDetailsRow { vertical-align: top; }
.products td {
	width: 25%;
	text-align: center;
	padding-left: 4px; padding-right: 4px;
}
.products td div { position: relative; text-align: center; }
.products td div.ProductHighlightOverlay {
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-image: url('/images/productmask.png');
}
.products td a.ShoppingCartButton { position: relative; text-decoration: none; border: 0px; }
.products td a.ShoppingCartButton div.ProductHighlightOverlay {
	position: absolute;
	top: -3px; left: 0px;
	width: 14px; height: 14px;
	background-image: url('/images/productmask.png');
}
.products td a.DetailViewButton { position: relative; text-decoration: none; border: 0px; }
.products td a.DetailViewButton  div.ProductHighlightOverlay {
	position: absolute;
	top: -5px; left: 0px;
	width: 12px; height: 16px;
	background-image: url('/images/productmask.png');
}
.products h4 {
	display: inline;
	font-size: 11px;
	font-weight: bold;
}

.products  {
	color: black;
}

.products .Dehighlight {
	color: #DDD;
}

.products .Dehighlight .text-womens {
	color: #ADB3D3;
}

.products .Dehighlight .text-product-news {
	color: #CCA6A6;
}

#ProductControls #activity-select {
	width: auto;
	float: left;
	text-align: left;
	margin-bottom: 5px;
	margin-top: -5px;
}
#ProductControls #activity-select select {
	margin-left: 10px;
}

#ProductControls #region-select {
	width: auto; 
	float: right;
}
#ProductControls #region-select select {
	margin-left: 15px;
}


/* --------------------- PRODUCT DETAILS --------------------- */

#product-specs, #product-meta, #product-detail-image{
	float:left;
	padding-top: 5px;
}
#product-detail-image{
	margin-left:-10px;
	width: 300px;
}


#product-meta{
	float:right;
	width:310px;
}
#product-specs{
	margin: 0 10px;
	width: 250px;
}
#product-specs li{
	padding-left: 60px;
	list-style-type:none;
	margin: 0 0 5px 0;
}
#product-specs li span{
	float:left;
	margin-left: -60px;
}
#product-specs ul{
	margin: 20px 0 30px 0;
}
.product-buttons{
	width: 178px;

}
.product-buttons .col {
	width: 50%;
	float: left;
}
#product-strip{
	float:left;
	width: 100%;
	margin: 16px 0 0 0;
}

.product-icons{
	float:right;
	width: 72px;
	text-align:center;
}

.product-icons img{
	padding-bottom: 3px;
}

.product-buttons a {
	margin: 0 0 4px 0;
	display: block;
	width: 82px;
}
.review-text{
	margin-bottom: 10px;
}

.product-price{
	float:right;
	padding-top: 3px; /* was: 5px */
}

.price-only{
	padding-right: 30px;
}
.approx-price{
	padding-left:3px;
	color: #666;
}

#ColourSwatches { float: left; }


.blockPage { width: 640px; top: 30px; left: 50%; margin-left: -320px; text-align: center; }
.hidden { display: none; }
#popup { display: none; position: relative; width: 640px; height: 630px; background: #fff; border: 1px solid #3d3937; }
/*#popup #supersize div { overflow:hidden; }*/
#popup #supersize div { position:absolute; top:10px;left:0;} 
#popup #supersize div, #popup #action { width: 100%; text-align: center; }
#popup #details, #popup #reviews { width: 100%; text-align: left; }
#popup .data { position: absolute; top: 0; left: 0; padding: 20px; width: 600px; height: 590px; overflow: auto;  }
#popup .item { float: left; width: 100%; margin: 20px 0 0 0; }
#popup .item .pic { float: left; width: 300px; }
#popup .item p { float: left; margin: 20px 0 0 0; width: 240px; }
a.close { position: absolute; top: 0; right: 0; z-index: 9999; }
a.prev { position: absolute; top: 50%; margin-top: -10px; left: -10px; z-index: 9999; }
a.next { position: absolute; top: 50%; margin-top: -10px; right: -10px; z-index: 9999; }
#popup .buttons { width: 600px; position: absolute; bottom: -25px; text-align: center; }
#popup .buttons img{ float: none; }

/* Style for photo captions for View In Anger pics */
#cboxTitle { width: 100%; text-align: center; margin-top: 6px; line-height: 18px; }

#ordered-by, #deliver-to { margin: 20px 0; float: left; width: 50%; }

#landing dl { margin: 0 0 10px 0; line-height: 15px; float: left; }
#landing dt { float: left; width: 130px; margin: 5px 0 0 0; }
#landing dd { margin: 5px 0 0 140px; }
#landing h1 { margin: 0 0 10px 0; cursor: pointer; }
#landing p { margin: 0 0 10px 0; }
#landing p.submit { clear: both; margin: 0 0 10px 140px; }
#landing p.submit input { border: 0; }
.clear { clear: both; }

#win { float: right; margin: 0 0 10px 20px; display: inline; }


#unit-status{
	color: #CC3300;
	padding: 2px;
	margin: 4px 30px 0 0;
	clear:both;
	font-size:10px;
}


#buy-control{
	clear:both;
	padding-top: 20px;
}
#buy-control label, #buy-control div, #buy-control input, #buy-control select, #buy-control a{
	float:left;
	margin-right:5px;
	font-size:10px;
}
#buy-control #Quantity{
	width:32px;
	padding: 0;
}
#buy-control a#buybutton{
	float:right;
}
#buy-control label{
	margin-right:3px;
	color: #000;
}
#buy-control a{
	margin-right:0;
}

#buy-control #colour-container{
	width: 100px;
	border:1px solid #333;
	overflow:hidden;
}
#buy-control.details{
	border-top:1px solid #e7e8e9;
	float:left;
	width:100%;
	margin-top: 12px;
}	
#buy-control #Colour{
	width:130px;
	border:none;
	padding-top:0;
	outline:none;
}
#buy-control.details #colour-container{
	width: 95px;
}
#buy-control.details #Colour{
	width: 110px

}
#buy-control #size-container{
	width: 50px;
	border:1px solid #333;
	overflow:hidden;
}
#buy-control #Size{
	outline:none;
	border:none;
	width: 80px;
	padding-top:0;
}
#buy-control.details #size-container{
	width: 25px;
}
#buy-control.details #Size{
	width: 50px;
}

#buy-control div.qty-status-container {
	margin-right: 0px;
	width: 116px;
}

#buy-control div.qty-price-status-container {
	margin-right: 0px;
	width: 400px;
}

#buy-control div span{
	display:block;
	padding: 2px 4px;
	font-size:10px;
}
#buy-control span.on{
	background-color: #d0e88a;
}

#buy-control input{
	width:60px;
	padding:2px;
}
#buy-control div span:hover{
	background-color: #d0e88a;
	cursor: pointer;
}
#buy-control div span.unavailable{
	color: #999;
}
#buy-control div span.unavailable:hover{
	cursor: auto;
	background-color: #fff;
}
  body #buy-control select#Size, body #buy-control select#Colour{
	height: auto;
	}
#layerSizeWarning{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC3300;
	clear: both;
	margin: 0 0 20px 0;
	padding: 10px 0 5px 0;
}
#buy-control #PriceDisplay{
	border:none;
}
#faq{
	display:none;
}

/* --------------------- LOGIN POPUP --------------------- */

/*
#LoginPop { width: 266px; height: 135px; background-color: #F3F2F0; color: black; padding: 10px; position: absolute; top: 19px; right: 0; z-index: 1001; display: none; }
#LoginPop.frontpage { width: 266px; background-color: #F3F2F0; padding: 10px; position: absolute; top: 26px; right: 0; display: none; }
*/
#LoginPop { background-color: #F3F2F0; color: black; padding: 10px; z-index: 1001; display: none; }
#LoginPop.frontpage { background-color: #F3F2F0; padding: 10px; display: none; }
#LoginPop h1 { margin-bottom: 20px; }
#LoginPop p { margin-bottom: 5px; }
#LoginPop p.button { margin-left: 70px; }
#LoginPop a { color: #8d8273; text-decoration: none; }
#LoginPop a:hover { background-color: #99cc00; }
#LoginPop p.button a:hover { background: none; }
#LoginPop label { width: 70px; float: left; }
#LoginPop p.trouble { margin: 20px 0 0 0; line-height: 16px; }
#LoginPop .checkbox label { width: auto; float: none; }
#LoginPop .checkbox input { width: auto; }
#LoginPop input { width: 190px; }
#LoginPop #NoLoginContinueButton { margin-left: 0px; padding-top: 30px; text-align: center; }

#top-nav a.login.on { color: #99cc33; }

#ResetPasswordPop { background-color: #F3F2F0; color: black; padding: 10px; z-index: 1001; width: 800px; }
#ResetPasswordPop h1 { margin-bottom: 20px; }
#ResetPasswordPop p { margin-bottom: 5px; }
#ResetPasswordPop p.button { margin-left: 130px; }
#ResetPasswordPop a { color: #8d8273; text-decoration: none; }
#ResetPasswordPop a:hover { background-color: #99cc00; }
#ResetPasswordPop p.button a:hover { background: none; }
#ResetPasswordPop label { width: 120px; float: left; }
#ResetPasswordPop input { width: 230px; margin-left: 10px; }

/* --------------------- LOGIN --------------------- */

#LoginOptions div { float: left; width: 266px; height: 170px; background-color: #F3F2F0; margin-right: 10px;}
#LoginOptions div#loginbox { padding: 10px; }
#LoginOptions div#existingcustomer { width: 320px; height: 340px; padding: 10px; }
#LoginOptions div#existingcustomer div { float: none; height: auto; padding: 0px; }
#LoginOptions div#newcustomer { width: 210px; height: 340px; padding: 10px; margin-right: 0; }
#LoginOptions div h1 { margin-bottom: 5px; }
#LoginOptions div#loginbox h1 { margin-bottom: 20px; }
#LoginOptions p { margin-bottom: 5px; }
#LoginOptions p.button { margin-left: 120px; }
#LoginOptions label { width: 120px; float: left; }
#LoginOptions p.trouble { margin-top: 20px; line-height: 16px; }
#LoginOptions .checkbox label { width: auto; float: none; }
#LoginOptions .checkbox input { width: auto; }
#LoginOptions input { width: 140px; }
#LoginOptions a, #LoginOptions em { color: #8d8273; text-decoration: none; }
#LoginOptions p.button a:hover, #LoginOptions a#JoinButton:hover, .LoginButton:hover { background: none; }
#LoginOptions #loginbox p.button { margin-left: 70px; }
#LoginOptions #loginbox label { width: 70px; float: left; }
#LoginOptions #loginbox p.trouble { margin-top: 20px; line-height: 16px; }
#LoginOptions #loginbox .checkbox label { width: auto; float: none; }
#LoginOptions #loginbox .checkbox input { width: auto; }
#LoginOptions #loginbox input { width: 190px; }

/* --------------------- PASSWORD --------------------- */

#page-password #content div { float: left; width: 420px; margin: 0 20px 20px 0; }
#page-password #content h1 { margin-bottom: 20px; }
#page-password #content p { margin-bottom: 5px; }
#page-password #content .note { display: block; margin: 4px 0 0 150px; }
#page-password #content label { width: 150px; float: left; }
#page-password #content input { width: 250px; }
#page-password #content .button { margin-left: 150px; }

/* --------------------- EMAIL --------------------- */

#page-email #content div { float: left; width: 420px; margin: 0 20px 20px 0; }
#page-email #content h1 { margin-bottom: 20px; }
#page-email #content p { margin-bottom: 5px; }
#page-email #content .note { display: block; margin: 4px 0 0 150px; }
#page-email #content label { width: 150px; float: left; }
#page-email #content input { width: 250px; }
#page-email #content .button { margin-left: 150px; }

/* --------------------- FORGET --------------------- */

#page-forget #content h1 { margin: 0 0 20px 0; }
#page-forget #content div.inputs { margin: 20px 0 0 0; }
#page-forget #content div.inputs label { float: left; width: 150px; }
#page-forget #content div.inputs input { width: 250px; }
#page-forget #content div.inputs .submit-button { margin: 0 0 20px 150px; width: auto; }
#page-forget #content p { margin: 0 0 5px 0; }

/* --------------------- FREE CATALOGUE --------------------- */
#page-catalogue h2 { font-size: 11px; font-weight: normal; margin: 40px 0 10px 0; }
#page-catalogue h3 { margin: 20px 0 10px 0; }
#page-catalogue #content p { margin: 0 0 10px 0; }
#page-catalogue #content div { margin: 20px 0 0 0; }
#page-catalogue #content p.downloadcat {  margin: 20px 0 40px 0; position: relative; }
#page-catalogue #content p.downloadcat a.thumb { position: absolute; top: -30px; left: 180px; }
#page-catalogue #content a:hover { background-color: #99cc00; }
#page-catalogue #content p.downloadcat a.thumb:hover { background: none; }

#page-catalogue div#downloadcat  { margin: 0px }

#downloadcat p.downloadcatlink {  margin: 20px 0 40px 0; position: relative; }
#downloadcat p.downloadcatlink a.thumb { position: absolute; top: -30px; left: 180px; }
#downloadcat p.downloadcatlink a:hover { background-color: #99cc00; }
#downloadcat p.downloadcatlink a.thumb:hover { background: none; }
#downloadcat img { padding-bottom: 10px; padding-top: 10px; }

/* --------------------- SPREAD THE WORD --------------------- */

#page-spread #content h1 { margin: 0 0 20px 0; }
#page-spread #content form label { float: left; width: 120px; }
#page-spread #content form input, #page-spread form textarea { width: 250px; }
#page-spread #content form .submit-button { margin: 0 0 20px 120px; width: auto; }
#page-spread #content form p { margin: 0 0 5px 0; }

/* --------------------- CONTACT US --------------------- */

#page-contactus form label { float: left; width: 120px; }
#page-contactus form input, #page-contactus form textarea { width: 250px; }
#page-contactus form a.submit-button { margin-left: 120px; }
#page-contactus form p { margin: 0 0 5px 0; }

/* --------------------- COMMUNICATIONS --------------------- */

#page-communications h1 { margin: 0 0 20px 0; }
#page-communications h2 { font-size: 11px;; font-weight: normal; margin: 40px 0 10px 0; }
#page-communications #content p { margin: 0 0 10px 0; }
#page-communications table { margin-bottom: 30px; }
#page-communications th, #page-communications td { font-weight: normal; padding: 13px 10px 5px 10px; text-align: center; }
#page-communications td.label { text-align: left; padding: 13px 4px 5px 0; }
#page-communications #content input#altemail { width: 210px; }
#page-communications #content input.checkbox { margin-right: 20px; }
/*
#page-communications #content p.downloadcat { width: 300px; margin: 50px 0 30px 0; position: relative; }
#page-communications #content p.downloadcat a.thumb { position: absolute; top: -30px; right: 0; }
*/
#page-communications #content a:hover { background-color: #99cc00; }
#page-communications #content a.submit-button:hover, #page-communications #content p.downloadcat a.thumb:hover  { background: none; }

#page-communications #CommunicationsFlipthroughs { float: right; clear: both; }
#page-communications .Flipthrough { margin-bottom: 30px;}
#page-communications a { text-decoration: none;}

#page-communications #EmailChoices td { padding-left: 0px; text-align: left; }


/* --------------------- TROUBLE LOGGING IN --------------------- */

#TroubleLoggingInPop h1 { margin: 0 0 20px 0; }
#TroubleLoggingInPop h2 { font-size: 11px; font-weight: normal; margin: 20px 0 10px 0; }
#TroubleLoggingInPop .answer { display: none; }
#TroubleLoggingInPop p { margin: 0 0 10px 0; }
#TroubleLoggingInPop a:hover { background-color: #99cc00; }
#TroubleLoggingInPop p.button { margin-left: 130px; }
#TroubleLoggingInPop p.button a:hover { background: none; }
#TroubleLoggingInPop label { width: 120px; float: left; }
#TroubleLoggingInPop input { width: 230px; margin-left: 10px; }

/* --------------------- ADDRESS DETAILS --------------------- */

#page-address h1 { margin: 0 0 20px 0; }
#page-address h2 { font-size: 11px; font-weight: normal; margin: 20px 0; }
#page-address h2 a { float: right; display: inline; font-size: 11px; margin-right: 20px; display: inline; }
#page-address #content p { margin: 0 0 5px 0; position: relative; }
#page-address #content p.intro { margin: 0 0 30px 0; }
#page-address #content p span.note { position: absolute; top: 0; left: 410px; white-space:nowrap; }
#page-address table#details { margin: 0 0 20px 0; }
#page-address table#details th, #page-address table#details td { font-weight: normal; padding: 4px 12px 4px 0; }
#page-address #content div { float: left; width: 420px; margin: 0 20px 10px 0; }
#page-address #content div label { width: 150px; float: left; }
#page-address #content div input, #page-address #content div textarea { width: 250px; }
#page-address #content p.action { margin: 20px 0; }
#page-address #content div th, #page-address #content div td { font-weight: normal; padding: 0 8px 4px 0; }
#page-address #content div table td.code input { width: 50px; }
#page-address #content div table td.number input { width: 100px; }
#page-address #content div table td.type input { width: 80px; }
#page-address #content a:hover { background-color: #99cc00; }
#page-address #content p.button { margin: -10px 0 0 150px; float: left; clear: both; display: inline; }
#page-address #content a.submit-button:hover { background: none; }

/* --------------------- REMOVE  --------------------- */
#page-remove h1 { margin: 0 0 20px 0; }
#page-remove h2 { font-size: 11px; font-weight: normal; margin: 20px 0; }
#page-remove h2 a { float: right; display: inline; font-size: 11px; margin-right: 20px; display: inline; }
#page-remove #content p { margin: 0 0 5px 0; position: relative; }
#page-remove #content p.intro { margin: 0 0 30px 0; }
#page-remove #content p span.note { position: absolute; top: 0; left: 410px; white-space:nowrap; }
#page-remove table#details { margin: 0 0 20px 0; }
#page-remove table#details th, #page-remove table#details td { font-weight: normal; padding: 4px 12px 4px 0; }
#page-remove #content .removeform  label { width: 120px; float: left; }
#page-remove #content .removeform  input, #page-remove #content div textarea { width: 250px; }
#page-remove #content .removeform p.action { margin: 20px 0; }
#page-remove #content .removeform  th, #page-remove .removeform div td { font-weight: normal; padding: 0 8px 4px 0; }
#page-remove #content .removeform  table td.code input { width: 50px; }
#page-remove #content .removeform  table td.number input { width: 100px; }
#page-remove #content .removeform  table td.type input { width: 80px; }
#page-remove #content .removeform a.submit-button { margin-left: 120px; }
#page-remove #content .removeform a.submit-button:hover { background: none; }
#page-remove #content a:hover { background-color: #99cc00; }
#page-remove #page-removechoices {  margin: 10px 0 20px 0 }
#page-remove #page-removechoices label { padding-right:25px;}
#page-remove .business { margin-top: 20px; position: relative; }
#page-remove .business .message { position: absolute; left: 400px; top: 0; }
#removenote{float:right;width:450px;margin-right:20px;}

#page-remove #content span.checkbox label { width: auto; float: none; }
#page-remove #content span.checkbox input { width: auto; float: none; }



/* ---------------------SEARCH  --------------------- */
#page-search #content a:hover { background-color: #99cc00; }
#page-search #content h1 { float:left;width:200px; }
#page-search #content table a:hover { background: none; }
.searchresults h3 { margin: 0 0 10px 0; }
.searchresults li { list-style: none; margin: 0 0 5px 0; }
.searchresults li span { display: block; }
.searchresults { margin: 20px 0 0 0; }
#page-search p.no-results{padding:10px 0 10px 0;}

/* --------------------- ORDER HISTORY --------------------- */

#order-history {
	padding:5px;
	border: 1px solid #ccc;
	margin-top:10px;

}

#order-history table {
	width: 100%;
}

#order-history thead tr {
	background-color: #fff;
}

#order-history tr {
	background-color: #f3f2f0;
}

#order-history th {
	font-weight: normal;
	padding: 13px 4px 5px 4px;
}

#order-history td {
	background:transparent;
	background-image: url(/graphics/tr-bg.gif);
	background-repeat:repeat-x;
	padding: 13px 4px 5px 4px;
}
#order-history .summary{
	background-color: #E1E1E1;
	text-align:right;
}
#order-history .price, #order-history .qty, #order-history .total {
	text-align: right;
}

/* --------------------- EXCHANGES --------------------- */

#page-exchanges #content h1 { margin-bottom: 20px; }

#page-exchanges #content p { margin-bottom: 10px; }

#exchanges {
	padding:5px;
	border: 1px solid #ccc;
	margin-top:10px;

}

#exchanges table {
	width: 100%;
}

#exchanges thead tr {
	background-color: #fff;
}

#exchanges tr {
	background-color: #f3f2f0;
}

#exchanges th {
	font-weight: normal;
	padding: 13px 4px 5px 4px;
}

#exchanges td {
	background:transparent;
	background-image: url(/graphics/tr-bg.gif);
	background-repeat:repeat-x;
	padding: 13px 4px 5px 4px;
}
#exchanges .summary{
	background-color: #E1E1E1;
	text-align:right;
}
#exchanges .price, #exchanges .qty, #exchanges .total {
	text-align: right;
}

/* --------------------- PRODUCT TAB NAV --------------------- (http://unraveled.com/publications/css_tabs/) */

ul#tabnav { 
	margin: 0 0 0 0; /* set margins as desired */
	list-style-type: none;
	padding: 3px 10px 3px 1px; /* THIRD number must change with respect to padding-top (X) below */
}
ul#tabnav li{
	margin-left:-1px;
}
#features, #faq{
	border: 1px solid #ccc; /* set border COLOR as desired */
	padding:5px;
	height: 370px;
	overflow: auto;
}	
#features{
	height:auto;
}

#features li, #faq li{
	margin: 0 0 4px 18px;
}

#features span{
	padding-right: 1px;
}


ul#tabnav li { /* do not change */
	display: inline;
}
ul#tabnav li.on{ 
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}
ul#tabnav li.on a { 
	background-color: #fff; /* set selected tab background color as desired */
	color: #000; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
}
ul#tabnav li a { 
	padding: 3px 7px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #ccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #f6f4f3; /* set unselected tab background color as desired */
	color: #000; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}
ul#tabnav a:hover { 
	background: #fff; /* set desired hover color */
}

/* --------------------- HISTORY --------------------- */
.history td { padding: 3px; }
.heading-white { color: #fff; padding: 3px; }

/* --------------------- MISC TXT --------------------- */

.followon{
	padding-top:5px;
}

em{
	font-style: normal;
	color: #CC0000;
}


/* --------------------- CART --------------------- */

#order-line{
	margin-top: 10px;
}	

#cart-container{
	padding:5px;
	border: 1px solid #ccc;
	margin-top:10px;

}
#cart-items{
	clear:both;
	width: 680px;
}

#cart-items table{
	width: 100%;
}
/*#cart-items tr.even{
	background: url(/graphics/colours/EL-swatch.gif);
}
*/
#cart-items tr.order-item{
	background-color: #f3f2f0;
}

#cart-items td{
	background:transparent;
	background-image: url(/graphics/tr-bg.gif);
	background-repeat:repeat-x;
	padding: 13px 4px 5px 4px;
}
#cart-items .summary{
	background-color: #E1E1E1;
	text-align:right;
}
#cart-items .price, #cart-items .qty, #cart-items .total {
	text-align: right;
}
#cart-items td.change {
	padding: 4px 4px;
	text-align: right;
}
#cart-items td.bar {
	padding: 4px 0px;
	width: 0px;
}
#cart-items td.remove {
	padding: 4px 4px;
}
#cart-items .approx{
	text-align:right;
}

.checkout-buttons {
	float: right;
	text-align: right;
	margin: 10px 0;
}
#cart-buttons {
	text-align:right;
	margin-top:10px;
}
#cart-buttons a{
	margin-left: 10px;
	background-color:none;
}
body #cart-items #cart-buttons a{
	background-color:none;

}
.cart-note{
	margin: 10px 0 0 25px;
	clear: both;
}

#ensemble-container {
	height: 190px;
	padding: 5px;
	border: 1px solid #ccc;
	margin-top: 30px;
}

.EnsembleItem {
	position: relative;
	float: left;
	width: 200px; height: 150px;
	margin-top: 10px;
	text-align: center;
}

.EnsembleItem a {
	text-decoration: none;
}

.EnsembleItem .IndexIntro {
	display: none;
	position: absolute;
	width: 80%; left: 10%;
	top: 35px;
	padding: 10px;
	background-color: white;
	border: 1px solid #ccc;
}

.EnsembleImage {
	padding: 10px;
	height: 100px;
}

.EnsembleProductName {
	font-weight: bold;
}

#GiftVoucherDialog input {
	margin-top: 5px;
}

#GiftVoucherValidationTips {
	height: auto;
	margin-bottom: 5px;
}

/* --------------------- PAYMENT --------------------- */

#payment table{
	margin: 10px 0 0 0;
}
#payment table td{
	padding:5px 5px 5px 0;
}
#payment table th{
	text-align:right;
	font-weight:normal;
	padding-right:8px;
}	



/* --------------------- TABLES & FORM INPUT --------------------- */
.basicform{
	margin: 15px 0 15px 0;
}
.basicform td, .basicform th{
	padding: 0 5px 5px 0;
}
.basicform input, form select, form textarea{ padding: 1px; }


 input, select, textarea{
	/* border:1px solid #000; */
	line-height: 1;
	padding: 0;
	margin: 0;
} 
input.checkbox, input.radio{
	border:none;
}
.sizing{
	margin: 15px 0 20px 0;
	border-top: 1px  solid #99CC00;
	border-left: 1px  solid #99CC00;
} 
.sizing td, .sizing th{
	padding: 3px 5px;
	border-right: 1px  solid #99CC00;
	border-bottom: 1px  solid #99CC00;
}
.sizing th{
	padding: 3px;
	font-weight:normal;
	background-color: #000033;
	color: #FFFFFF;
}

/* --------------------- DIALOGS --------------------- */
#ProblemReportDialogMessage {
	font-size: 14px;
	margin-top: 10px;
}

#HumanProof a#RealHuman {
	color: #000;
	text-decoration: underline;
}

#HumanProof a#RealHuman:hover {
	background-color: #99cc00;
}

/* --------------------- SELECTS --------------------- */

option.disabledOption {
	color: #ccc;
}

optn.enabledOption {
	color: #000000;
}

h1 {
	FONT-SIZE: 14px;
	COLOR: #333333;
	text-transform: uppercase;
	font-weight: normal;
}

h2 {
	FONT-SIZE: 14px;
	font-weight: bold;
}

h3 {
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-weight: bold;
}

.text-product-news {
	color: #CC3300;
	text-transform: uppercase;
}
.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC3300
}
.italic {
	font-style: italic;
}
.text-small { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.text-bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold}
.text-orange {
	color: #CC3300
}

.text-green {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #99CC33
}
.text-white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF
}
.text-white-bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
.text-grey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666
}
.text-womens {
	color: #4278D3
}

img#picStyle{
	position: absolute;
	left: 730px;
}

.button-box {
	background-color: #3D3938;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	margin-top: 10px;
	height: 10px;
	padding: 4px;
	text-align: center;
}
.button-box:hover {
	color: #99cc33;
}

.heading { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold ; color: #000033}
.fabric-container{
	margin-bottom: 20px;
}
.fabric-container ul{
	margin: 0 0 0 20px;
}
/* fabric popups */



/*
a:link {
	color: #666666;
	text-decoration: underline;
}
a:hover {  background-color: #99cc00}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:active {
	color: #666666;
	text-decoration: underline;
}

p {
	FONT-SIZE: 11px;
}
.border {
	border: 1px solid #3D3938;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}
.grey-box {
	background-color: #3D3938;
}
.green-box {
	background-color: #99CC33;
}
.light-grey-box {
	background-color: #F3F2F0;
}
.dark-grey-box {
	background-color: #B7B6B6;
}
html,body {
	height: 100%;
	margin: 0px;
}
a.header:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.header:hover {
	color: #99CC33;
	text-decoration: none;
	background-color: #3D3938;
}
a.header:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.header:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.greenbar:link {
	color: #000000;
	text-decoration: none;
}
a.greenbar:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a.greenbar:active {
	color: #000000;
	text-decoration: none;
}
a.greenbar:visited {
	color: #000000;
	text-decoration: none;
}
*/


/* ------------------------- */

/* Underground Formatting */

.underground #content h1, .underground #content p, .underground #content ul { margin-bottom: 20px; }
.underground #content h3 { margin-bottom: 5px; }
.underground #content li { margin: 0 20px 5px 20px; }
.underground p#last_updated { color: #555;margin:-20px 0 10px 0;padding:0;  }
.underground #content h1.hotride, .underground #content h1.techtip, .underground #content h1.newsletter{ margin-bottom:5px;padding-bottom:0;}
.newsletter_download{ padding:3px 0 3px 22px; float:right; vertical-align:middle; background: url('/graphics/pdf_download.gif'); background-repeat:no-repeat; background-position: 0 2px; margin-top: -13px;}
.inlineRight { float: right; margin: 0 0 20px 20px; display: inline; }
.inlineLeft { float: left; margin: 0 20px 20px 0; display: inline; }
.when { float: left; width: 150px; }
.underground #content .when ul { list-style: none; border: 1px solid #ccc; border-bottom: 0; margin: 0; }
.underground #content .when ul li ul { border: 0; display: none; }
.underground #content .when li { margin: 0; position: relative; }
.underground #content .when li span { position: absolute; top: -1px; left: 148px; width: 484px; padding: 3px 15px; border: 1px solid #ccc; background: #fff; display: none; color: #555; -webkit-box-shadow: 4px 4px 4px #888; -moz-box-shadow: 4px 4px 4px #888; }
.underground #content .when li a { color: #000; display: block; padding: 3px 7px 3px 21px; border-bottom: 1px solid #ccc; text-decoration: none; background-image: url(/images/hide.gif); background-repeat: no-repeat; background-position: 0 50%; position:relative; }
.underground #content .when li a.on { background-image: url(/images/show.gif); background-repeat: no-repeat; background-position: 0 50%; }
.underground #content .when li li a { display: block; padding: 3px 14px 3px 28px; background-color: #fff; background-image: none; }
.underground #content .when li li a.on { background-color: #99cc33; color: #000; background-image: none; }
.underground #content .when li a:hover { color: #99cc33; }
.what { float: right; width: 730px; }
.how { float: left; width: 500px; padding: 0 15px 15px 15px; }
.where  { float: right; width: 200px; }
/*.where img { width: 200px; }
.where a { margin-bottom: 10px; float: right; }*/
.where div { margin-bottom: 10px; width:200px; text-align:center; float: right; }
.where div { margin-bottom: 10px; width:200px; text-align:center; float: right; }
.where .file_link { display:block; margin: 0 10px 5px 10px }
.event_contact { margin-top:20px; line-height: 160%;}
.event_contact label{ /*font-weight:bold;*/ display:inline; float:none; }
.underground #content p.event_date{ font-weight:bold; margin:-15px 0 0 0;padding:0; }
.underground #content p.event_location{ margin-bottom:15px; }

/* Slush Fund */
#slush.underground #content .when li span {  width: 100px;  }

/* Fat Snaps */
#fatsnaps.underground #content .when li a { background: none; padding: 3px 7px; }
#fatsnaps.underground #content .when li a.on { background-color: #99cc33; }
#fatsnaps.underground #content .when li a.on:hover { color: #000; }
#fatsnaps.underground #content .how #masonry { float: left; width: 304px; }
#fatsnaps.underground #content .how.full, #fatsnaps.underground #content .how.full #masonry { float: left; width: 100%; }
#fatsnaps.underground #content .how #masonry div { float: left; display: inline; }
#fatsnaps.underground #content .how #masonry div a:hover { background: none; }
#fatsnaps.underground #content .how #masonry div a img { border: 2px solid #fff; }
#fatsnaps.underground #content .how #masonry div a:hover img { border-color: #99cc33; background: none; }
#fatsnaps.underground #content .how #masonry div a:focus { outline: none; }

/* --------------------- DIALOGS (Using jQuery-ui dialog widget) --------------------- */

.ui-dialog { border-color: #3D3938; }
.ui-widget-content { color: #3D3938; }
.ui-dialog-titlebar, .ui-widget-header { background-color: #3D3938; border-color: #3D3938;  background-image: none;}
.ui-dialog input.text { margin-bottom:12px; width:95%; padding: .4em; }
.ui-dialog fieldset { padding:0; border:0; margin-top:25px; }
.ui-dialog fieldset label { display: block; padding-bottom: 4px; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
.ui-state-highlight { background-image: none; background-color: red; colour: blue; }

.ge-validation-error { padding: .3em; }

.ui-widget-overlay {
	background: none;
	background-color: #ffffff;
	opacity: 0.6;
	cursor: null;
}