/* import reset stylesheet - resets most styles to 0 */

@import url(reset.css);

/* ------------------------------ overall structure ------------------------------ */

html{
	background: #a0dae2 url(images/page-bg.gif) 0 0 repeat-x;
}

body{
	font: 12px Arial, Helvetica, sans-serif;
	width: 990px;
	margin: 0 auto;
	background: #fff;
}

#header{
	background: #fff url(images/header-bg.png) 0 0 repeat-x;
	overflow: hidden;
	position: relative;
}

#menu{
	background: #fff url(images/menu-bg.png) 0 0 repeat-x;
	overflow: hidden;
	clear: both;
}

#breadcrumbs{
	background: #fff;
	clear: both;
	padding: 10px 30px;
}

#main{
	background: #fff;
	overflow: hidden;
}

#content{
	width: 600px;
	float: left;
}

#home #content, #trade_home #content{
	width: 990px;
}

#content.wide {
	width: 680px;
}

#offersGroup{
	position: relative;
	width: 990px;
	overflow: hidden;
	clear: both;
	padding-top: 10px;
}

#subcontent{
	width: 380px;
	float: left;
	margin-left: 10px;
	padding-top: 20px;
}

 #content.wide + #subcontent{
	width:300px;
}

#footer{
	clear: both;
	background: #fff;
	padding: 10px;
	border-top: 1px solid #D9F5F8;
}

/* ------------------------------ generic styles ------------------------------ */
a{
	text-decoration: none;
	color: #145D66;
}

a:hover{
	text-decoration: underline;
	color: #24A7B7;
}

.clearBoth{
	clear: both;
}

/* ------------------------------ styles by section ------------------------------ */

/* ------------------------------ header ------------------------------ */
h1#logo{
	background: url(images/logo.png) 0 0 no-repeat;
	width: 190px;
	height: 85px;
	text-indent: -999em;
	overflow: hidden;
	float:left;
}
h1#logo a{
	width: 100%;
	height: 100%;
	display: block;
}

#header p{
	float: left;
	font-size: 14px;
	color: #145d66;
	margin-top: 55px;
	line-height: 1.5em;
}

#header p#cartSummary{
	margin-left: 206px;
	padding: 1px 2px 1px 30px;
	background: url(images/basket-icon.png) 0 50% no-repeat;
	width: 260px;
	margin-bottom: 2px;
}

#header a{
	color: #145D66;
	text-decoration: none;
	padding-right: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#header a:hover{
	color: #2CB6C8;
}

#header p#cartSummary a{
	font-weight: bold;
	padding-left: 10px;
}

#header a#help{
	background: url(images/help-icon.png) 0 50% no-repeat;
	padding-left: 28px;
}

#header a#contact{
	background: url(images/contact-icon.png) 0 50% no-repeat;
	padding-left: 28px;
}

#header a#trade{
	background: url(images/trade-icon.png) 0 50% no-repeat;
	padding-left: 28px;
}



/* ------------------------------ main menu ------------------------------ */


#menu li{
	float: left;
}

#menu li ul{
	background: #fff;
	padding: 0;
	border-color: #46929A;
	border-style: solid;
	border-width: 2px;
	border-top-width: 8px;
	height: 20em;
}

#menu li li{
	margin: 10px 10px 10px 15px;
	width: 135px;
	overflow: hidden;
}

#menu li li{
/* 	border-left: 1px dashed #000; */
}

#menu li li ul{
	border: none;
	background: transparent;
	padding:0;
	float: none;
	clear: left;
	display: block;
}

#menu li li li{
	float: none;
	width: 150px;
	margin: 5px 0;
	padding: 0;
}

#menu a{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	height: 40px;
	text-decoration: none;

}

#menu a#productLink{
	background-image: url(images/a-product-bg.png);
	width: 175px;
}

#menu a#productLink:hover{
	background-image: url(images/a-product-over-bg.png);
}

#menu a#newStuffLink{
	background-image: url(images/a-newstuff-bg.png);
	width: 135px;
}

#menu a#newStuffLink:hover{
	background-image: url(images/a-newstuff-over-bg.png);
}

#menu a#specialOffersLink{
	background-image: url(images/a-specialoffers-bg.png);
	width: 155px;
}

#menu a#specialOffersLink:hover{
	background-image: url(images/a-specialoffers-over-bg.png);
}

#menu a#aboutUsLink{
	background-image: url(images/a-about-bg.png);
	width: 135px;
}

#menu a#aboutUsLink:hover{
	background-image: url(images/a-about-over-bg.png);
}

a#tradeLogout{
	position: absolute;
	top: 10px;
	right: 10px;
	padding-left: 18px;
	background: url(images/logout-icon.png) 0 50% no-repeat;
}

#menu li li a{
	display: block;
	text-indent: 0;
	color: #1B565E;
	height: auto;
	width: 135px;
	overflow: visible;
	font: bold 10px Verdana, Helvetica, sans-serif;
}

#menu li li a:hover{
	color: #2FA1B0;
}

#menu li li li a{
	font-weight: normal;
	width: 135px;
	color: #000;
}

#menu li li li a:hover{
	color: #2F9FAC;
}

/* ------------------------------ suckerfish specifics ------------------------ */

#products{
	width: 986px;
}

#productMenu li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-top: 0;
	margin: -1px 0 0 0;
	z-index: 99;
}

#productMenu li ul ul{
	margin: 0;
}

/* lists nested under hovered list items */
#productMenu li:hover ul, #productMenu li.sfhover ul {
	left: auto;
}

/* ------------------------------ search box ------------------------------ */
#menu form{
	margin-top: 10px;
	padding-left: 135px;
	overflow: hidden;
}

#menu form input{
	vertical-align: middle;
}

#menu form label strong{
	background: url(images/label-search-bg.png) 0 4px no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 70px;
	float:left;
	line-height: 1.5em;
	}

#menu input#keyword{
	border: 1px solid #78bfc6;
}

/* ------------------------------ breadcrumbs ------------------------------ */
#breadcrumbs p{
	color: #2f9fac;
}

#home #breadcrumbs p{ /* hide it on the home page */
	display: none;
}

#breadcrumbs a{
	font-size: 13px;
	color: #2f9fac;
	text-decoration: none;
}

#breadcrumbs a:hover{
	color: #194951;
}

#breadcrumbs span{
	padding: 0 6px 2px 6px;
	vertical-align: top;
}


/* ------------------------------ main content ------------------------------ */

#main h1#mainTitle{
	font-size: 24px;
	color:#2f9fac;
	font-weight: normal;
	padding: 7px 30px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #c5e4e8;
	background: url(images/main-h1-bg.png) 97% 50% no-repeat;
}

/* ------------------- home page content -----------------*/

#main #content p#consumers, #main #content p#prowelcome, #main #content p#amalfipanel{
	width: 495px;
	height: 190px;
	background: url(images/homepage-consumer.jpg) 0 0 no-repeat;
	line-height: 999em;
	overflow: hidden;
	float: left;
	padding: 0;
	margin:0;
}

#main #content p#prowelcome{
	background: url(images/pro-welcome.jpg) 0 0 no-repeat;
}

#main #content p#amalfipanel{
	background: url(images/amalfi-panel.jpg) 0 0 no-repeat;
}

#main #content p#consumers a, #main #content p#prowelcome a, #main #content p#amalfipanel a{
	width: 100%;
	height: 100%;
	display: block;
}

#main #content p#professionals{
	width: 495px;
	height: 190px;
	background: url(images/homepage-professional.jpg) 0 0 no-repeat;
	line-height: 999em;
	overflow: hidden;
	float: left;
	position: relative;
	margin:0;
	padding:0;
}

#main #content p#professionals a#loginButton{
	position: absolute;
	width:130px;
	height: 30px;
	top: 150px;
	left: 15px;
	display: block;
	background: url(images/btn-login-home.png) 0 0 no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

#main #content p#professionals a#signupButton{
	position: absolute;
	width:130px;
	height: 30px;
	top: 150px;
	left: 160px;
	display: block;
	background: url(images/btn-signup-home.png) 0 0 no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

#main #content #featuredProducts{
	clear: both;
	width: 990px;
	height: 290px;
}

#main #content #featuredProducts div{
	width: 990px;
	height: 290px;
}

#main #content #featuredProducts #offer1a{
	background: url(images/trade-offers-panel.jpg) 0 0 no-repeat;
}

#main #content #featuredProducts #offer1a a{
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -999em;
	overflow: hidden;
}

#main #content #featuredProducts #offer1{
	background: url(images/blonding-panel.jpg) 0 0 no-repeat;
	position: relative;
}

#main #content #featuredProducts #offer2{
	background: url(images/infatreat-panel.jpg) 0 0 no-repeat;
	position: relative;
}

#main #content #featuredProducts #offer3{
	background: url(images/herbal-blonde-panel.jpg) 0 0 no-repeat;
	position: relative;
}

#main #content #featuredProducts #offer2, #main #content #featuredProducts #offer3{
	text-indent: -999em;
	overflow: hidden;
}

#main #content #featuredProducts #offer2 a, #main #content #featuredProducts #offer3 a{
	width: 100%;
	height: 100%;
	display: block;
}

#main #content #featuredProducts #offer1 a{
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-position: 0;
	background-repeat: no-repeat;
	position: absolute;
}
#main #content #featuredProducts #offer1 a#prodLink1{
	width: 130px;
	height: 200px;
	background-image: url(images/btn-freeze.jpg);
	top: 80px;
	left: 430px;
}

#main #content #featuredProducts #offer1 a#prodLink2{
	width: 140px;
	height: 200px;
	background-image: url(images/btn-bluefrosting.jpg);
	top: 80px;
	left: 600px;
}

#main #content #featuredProducts #offer1 a#prodLink3{
	width: 80px;
	height: 200px;
	background-image: url(images/btn-herbal.jpg);
	top: 80px;
	left: 770px;
}

#main #content #featuredProducts #offer1 a#prodLink4{
	width: 78px;
	height: 256px;
	background-image: url(images/btn-shampoo.jpg);
	top: 24px;
	left: 882px;
}

#nav{
	bottom: 10px;
	left: 10px;
	position: absolute;
	z-index: 999;
}

#nav a{
	background: #00B2B5;
	color: #fff;
	padding: 3px 5px;
	margin-right: 3px;
	display: inline-block;
	text-decoration: none;
}

#nav a.activeSlide{
	background: #aaa;
}

#productDetailPage h1#mainTitle{
	font-size: 21px;
}

form.productRow, form.productDetail{
	margin-left: 30px;
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom: 1px solid #a5d6db;
	margin-top: 20px;
	margin-right: 10px;
}

form.productDetail div{
	line-height: 1.5em;
	margin-bottom: 10px;
}

form.productDetail{
	margin-right:0;
	border-bottom: none;
}

form.productRow h2{
	margin-bottom: 10px;
}

form.productRow h2 a{
	font-size: 16px;
	color: #2f9fac;
}

#main #content form.productRow p, #main #content form.productDetail p{
	margin: 0 0 10px 0;
}

form.productRow p.thumbHolder{
	float: left;
	width:132px;
	padding-right: 20px;
	margin:0;
}

form.productRow p.thumbHolder a img{
	border: 1px solid #9ce0e7;
	}


form.productRow p a{
	color: #0c4b52;
	font-size: 12px;
	font-weight: bold;
}

form.productRow label, form.productDetail label{
	display: block;
	padding: 10px 20px;
	text-align: right;
}

form.productRow label + label + label, form.productDetail label + label + label{
	padding-left: 0;
}

form.productRow label strong, form.productDetail label strong{
	font-weight: normal;
	position: relative;
	left: -60px; /* this pushes the left edge of the span over to the left edge of the space created by the padding set above */
	float: left;
	margin-right: -60px; /*reduce the values of this and the above commented elements to make a narrower label*/
	padding-top: 3px;
}



form input.qty, form select.option{

}

form input.qty{
	width: 22px;
	text-align: right;
}

#main #content ul{
	margin: 0 10px 10px 50px;
	list-style: disc;
	
}

#main #content p.fullsizeHolder{
	float: left;
	padding-right: 20px;
	margin: 0;
}

#main p.fullsizeHolder img{
	border: 1px solid #a5e3e9;
}

#main div#tabs{
	margin: 10px 0 0 290px;

}

#main div#tabs.tradeTabs{
	margin: 10px 0 0 0;
}

#main div#tabs div{
	background: #dcf9fc;
	border: 1px solid #1f6971;
	padding: 10px;
	float: left;
	width: 320px;
	min-height: 200px;
}

#main div#tabs.tradeTabs div{
	background: #dcf9fc;
	border: none;
	border-top: 2px solid  #1f6971;
	padding: 0;
	float: left;
	width: 990px;
}

#main div#tabs.tradeTabs div h3{
	margin: 0;
	padding:0;
}

#main div#tabs p{
	margin: 0;
}

#main div#tabs ul{
	float:left;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding:0;
	list-style: none;
}

#main div#tabs ul.tabNavigation li{
	display: inline;
	float:left;
}

#main div#tabs ul.tabNavigation li a{
	display: block;
	padding: 5px 16px 5px 15px;
	background: #97bec3 url(images/tabs-a-bg.png) 0 0 repeat-x;
	color: #fff;
	text-align: center;
	font-size: 13px;
}

#main div#tabs ul.tabNavigation li a.tabLinkTwo, #main div#tabs ul.tabNavigation li a.tabLinkThree{
	border-left: 1px solid #2f9fac;
	padding: 5px 16px 5px 14px;
}

#main div#tabs ul.tabNavigation li a.selected{
	background: url(images/tabs-a-selected-bg.png) 0 0 repeat-x;
}

#main #content h1{
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid #91B3B7;
	margin-left: 30px;
		font-size: 18px;
	font-style: italic;
	color: #2f9fac;
		margin-right: 10px;
}

#main #content h2{
	margin-bottom: 10px;
	margin-left: 30px;
		font-size: 15px;
	font-style: italic;
	color: #777;
		margin-right: 10px;
}

#content h3{
	margin-bottom: 10px;
	margin-left: 30px;
		font-size: 14px;
		margin-right: 10px;
}

#main #content p{
	margin-left: 30px;
	margin-right: 10px;
	line-height: 1.5em;
	margin-bottom: 0.9em;
}

#main form p#regSubmit{
	padding-left: 370px;
}



#main div#productInfo ul li{
	padding-left: 14px;
	margin-bottom: 3px;
	background: url(images/prodDetails-li-bg.png) 0 3px no-repeat;
}

#main #content div#bluefrostingPage{
	background: url(images/bluefrosting-bg.jpg) 100% 100% no-repeat;
	overflow: hidden;
	padding-bottom: 20px;
}

#main #content div#silverisingPage{
	background: url(images/silverising-bg.jpg) 30px 0 no-repeat;
	overflow: hidden;
	padding: 85px 0 300px 265px;
}

#main #content div#bluefrostingPage strong{
	margin-left: 30px;
}

#main #content div#bluefrostingPage a{
	padding: 5px;
	background: #242B75;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	margin-top: 160px;
	margin-left: 28px;
	width: 100px;
	text-align: center;
}

#main #content div#silverisingPage a{
	padding: 5px;
	background: #E43982;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	margin-top: 20px;
	margin-left: 10px;
	width: 100px;
	text-align: center;
}

table.productAttribs{
	width:  340px;
}

form.productRow table.productAttribs{
	width: 390px;
}

table.productAttribs th{
	padding: 2px 5px 4px 5px;
	text-align: left;
	color: #2D94A1;
	background: url(images/prodattrbs-th-bg.png) 0 100% repeat-x;
	border-top: 1px dashed #93D8E1;
	border-bottom: 1px dashed #93D8E1;
}

table.productAttribs td{
	padding: 5px;
	border-bottom: 1px dashed #93D8E1;
	}

table.productAttribs input{
	width: 20px;
}


#main p.error{
	margin: 10px 30px;
	padding: 5px;
	border: 1px solid #FFD700;
	background: #FAFAD2;
}

/* ------------------------------ pagination ------------------------------ */

p.ProductPageIndex{
	margin-left: 20px;
	padding: 10px;
	color: #61C2CF;
	font-size: 13px;
	text-align: right;
}

p.ProductPageIndex a{
	color: #fff;
	padding: 0 5px;
	background: #6AC5D1;
	display: inline-block;
	margin-right: 5px;
}

p.ProductPageIndex a:hover{
	background: #349CA9;
	}

p.ProductPageIndex strong{
	padding-right: 10px;
	color: #33A1AE;
}

p.ProductPageIndex a.activePageNav, p.ProductPageIndex a.activePageNav:hover {
	background: #2F9FAC;
}

p#topPagingLinks{
	border-bottom: 1px solid #D8F0F3;
	border-top: 1px solid #D8F0F3;
	margin-top: 19px;
}

/* ------------------------------ subcontent ------------------------------ */
#subcontent a:hover{
	text-decoration: none;
}

#subcontent form{
	background: url(images/newsletter-bg.jpg) 0 40px repeat-x;
	margin-bottom: 10px;
}

#subcontent form h2{
	background: url(images/h2-newsletter-bg.png) 0 0 no-repeat;
	text-indent: -999em;
	height: 40px;
	width: 380px;
	overflow: hidden;
}

#subcontent form p{
	background: url(images/p-subscribe-bg.png) 0 0 no-repeat;
	text-indent: -999em;
	height: 60px;
	margin: 20px 0 10px 180px;
	overflow: hidden;
}

#subcontent form label{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin-left: 180px;
}

#subcontent form input{
	margin-left: 180px;
	width: 180px;
	margin-bottom: 5px;
}

#subcontent form label input{
	margin: 15px 0 0 65px;
	width: 120px;
	height: 30px;
}

#subcontent h2#articles{
	background: url(images/h2-articles-bg.png) 0 0 no-repeat;
		text-indent: -999em;
	height: 40px;
	width: 380px;
	overflow: hidden;
}

#subcontent div#relatedProducts h2{
	background: url(images/h2-related-bg.png) 5px 0 no-repeat;
	text-indent: -999em;
	height: 15px;
	width: 100%;
	overflow: hidden;
}

#subcontent div#relatedProducts{
	float: left;
}

#subcontent div#relatedProducts p{
	float: left;
	margin: 0;
	padding:5px;
	text-align: right;
}
#subcontent div#relatedProducts img{
	border: 1px solid #a1e2e8;
}
#subcontent div#relatedProducts a{
	color: #2f9fac;
}
#subcontent div#relatedProducts a:hover{
	color: #1C5D66;
}

#subcontent div.article{
	height: 225px;
	background: #C9E8ED;
	padding: 10px;
	margin-bottom: 10px;
}

#subcontent div.article{
	background: #C9E8ED url(images/article-bg1.jpg) 0 100% no-repeat;
}

#subcontent div.article + div.article{
	background: #C9E8ED url(images/article-bg2.jpg) 0 100% no-repeat;
}

/* ------------------------------ shopping cart and checkout/order form page ------------------------------ */

p.cartOrderHeading{
	margin-left: 30px;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}

table#cart{
	margin-left: 30px;
	margin-top: 10px;
	width: 650px;
}

form#orderform table#cart{
	width: 650px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ddd;
}

table#delivery{
	width: 300px;
	margin: 0 20px 20px 0;
	float: left;
}

table#delivery b{
	color: #9C0138;
}

table#cart td, table#cart th, table#delivery td, table#delivery th{
	padding: 5px 10px;
}

table#cart th, table#delivery th{
	color: #fff;
	text-align: left;
	border: none;
	background:#209EAC;
}

table#cart td, table#delivery td{
	border-width: 1px 0 0 0;
	border-color: #ddd;
	border-style: solid;
	}

table#cart td.remove{

}

table#cart td.productCode{
	background: none;
}

table#cart td.cartPrice{
	text-align: right;
	padding-right: 18px;
}

table#cart td a{
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	text-align:center;
}

p.totalcost, div#grand_total{
	text-align: right;
	padding: 5px 18px 5px 5px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #2A5E64;
	background: #D9F5F8;
	margin-left: 30px;
	width: 630px;
}

div#grand_total{
	font-weight: bold;
	margin-bottom: 10px;
}

div.cart_txt_gt{
	width: 635px;
	margin-left: 280px;
	text-align: right;
	font-size: 14px;
	padding: 5px 15px 5px 5px;
	border-bottom: 1px solid #ddd;
}

div#discount_total, div#shipping_total{
	text-align: right;
	padding: 5px 18px 5px 5px;
}

#main #content p#view_cart_buttons, p#view_cart_buttons{
	margin: 0 0 100px 0;
	padding-bottom: 100px;
	padding-left: 30px;
	background: url(images/cart-bg.png) 50% 100% no-repeat;
	overflow: hidden;
}

p#view_cart_buttons input, p#view_cart_buttons a{
	float: left;
}

p#view_cart_buttons a{
	background: url(images/btn-proceed.png) 0 0 no-repeat;
	width: 200px;
	height: 30px;
	text-indent: -999em;
	display: block;
	overflow: hidden;
	margin-left: 100px;
}

p#view_cart_buttons a:hover{
	background-position: 0 -30px;
}

input.updatecartbutton, input.continueshopping, input#continue_order_form_button, input#confirm_order_submit_button, input#shipping_choice_order_form_button, input.btnformlogreg, input#submitRegistration{
	background-position: 0 -30px;
	width: 170px;
	height: 30px;
	text-indent: -999em;
	display: block;
	overflow: hidden;
	border: none;
	cursor: pointer;
}

input.updatecartbutton{
	background-image: url(images/btn-update.png);
	margin-right: 10px;
}

input.continueshopping{
	background-image: url(images/btn-continue.png);
}

input.btnformlogreg{
	background-image: url(images/btn-login.png);
	background-position: 0 0;
	margin: 10px 0 0 162px;
}

input#submitRegistration{
	background-image: url(images/btn-submit-request.png);
	background-position: 0 0;
}


input#continue_order_form_button, input#confirm_order_submit_button, input#shipping_choice_order_form_button{
	background-image: url(images/btn-continue-checkout.png);
	display: inline;
	background-position: 0 0;
}

input#confirm_order_submit_button{
	display: block;
	margin-left: 480px;
}

input.updatecartbutton:hover, input.continueshopping:hover{
	background-position: 0 0;
}

input#continue_order_form_button:hover, input#confirm_order_submit_button:hover, input#shipping_choice_order_form_button:hover, input.btnformlogreg:hover, input#submitRegistration:hover{
	background-position: 0 -30px;
}


#orderform label, #contactform label{
	display:block;
	padding:8px 8px 8px 160px;
	border-bottom: 1px solid #ddd;
	font:  12px Arial, sans-serif;
	color:#000;
	width: 290px;
}

#main #content #contactform p{
	margin: 0 0 0 30px;
}

#loginform label, #registrationform label{
	display:block;
	padding:2px 8px 2px 170px;
	font:  12px Arial, sans-serif;
	width: 170px;
	line-height: 2em;
}

#registrationform label.check{
	padding-left: 30px;
	width: auto;
}

#orderform{
	margin: 0 30px 10px 20px;
	padding: 0 10px 10px 260px;
	background: url(images/order-form-bg.png) 0 20px no-repeat;
}

#loginform, #registrationform{
	margin: 0 10px 30px 30px;
	padding: 0;
	}

#loginform{
	padding-right: 500px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	background: url(images/trade-offer-panel.png) 100% 0 no-repeat;
}

#loginform a.alast{
	display: block;
	text-align: center;
	padding: 10px 5px;
}

#main ul#tradeAccountReqErr{
	margin-left: 20px;
	padding-left: 20px;
	list-style: disc;
}

	#registrationform fieldset{
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	min-height: 550px;
	width: 48%;
	}

#registrationform p{
		margin: 10px;
		clear: both;
	}

#registrationform fieldset p{
			margin-bottom: 10px;
			margin-left: 8px;
			clear: none;
	}



div#dynamicCartTable{
	padding-left: 250px;
	min-height: 110px;
	background: url(images/dynamic-cart-bg.png) 20px 20px no-repeat;
}

form div#dynamicCartTable{
	background:#fff;
	padding-left: 0;
}

#orderform label.radio{
	padding: 5px;
	margin-top:0;
}

fieldset#summaryPage{
	border-bottom: 1px solid #ddd;
	width: 650px;
	margin-left: 250px;
}

#orderform fieldset#summaryPage{
	margin: 0;
}

#orderform h3, #contactform h3, fieldset h3{
	padding: 6px;
	margin-top : 10px;
	margin-bottom : 0;
	font-size: 15px;
	font-style: italic;
	color: #2f9fac;
	border-bottom: 1px solid #ddd;
	width: 638px;
	background: #AEEBF2;
}

#contactform h3{
	margin-left: 30px;
	width: auto;
}

#loginform h3, #registrationform h3{
	padding: 6px;
	margin-top : 10px;
	margin-bottom : 0;
	font-size: 15px;
	font-style: italic;
	color: #2f9fac;
	border-bottom: 1px solid #ddd;
}

#registrationform legend{
	padding: 6px;
	font-size: 13px;
	font-style: italic;
	color: #555;
	display: block;
}

#orderform span, #contactform span, #loginform span, #registrationform strong{
	position: relative;
	left: -150px; /* this pushes the left edge of the span over to the left edge of the space created by the padding set above */
	float: left;
	margin-right: -150px; /*reduce the values of this and the above commented elements to make a narrower label*/
	padding-top: 3px;
}

#orderform label input, #orderform textarea, #contactform input, #contactform textarea, #loginform label input, #registrationform label input, #registrationform select{
	font: 12px Arial, Helvetica, sans-serif;
	width: 250px;
	margin-right: 5px;
}

#loginform label input, #registrationform label input, #registrationform select{
	font: 12px Arial, Helvetica, sans-serif;
	width: 170px;
}

#registrationform label.check input{
	width: auto;
}

#orderform label input.required{
	background: #fff468;
}

#orderform select{
	font: 12px Arial, Helvetica, sans-serif;
	width: 255px;
}

#orderform p.info{
	padding: 10px 25px;
	font-style: italic;
}

#orderform p#completeform, #contactform p.emailError, #contactform p.emailValid{
	padding: 10px 45px;
	border:	1px solid #2f9fac;
	background: #D9F5F8 url(images/info.gif) 25px 10px no-repeat;
	font-weight: bold;
	color:#2f9fac;
	width: 550px;
}

#contactform p.emailValid{
	width: 448px;
}

#contactform p.emailError{
	width: 448px;
	border-bottom:none;
}

fieldset ul{
	padding-left: 20px;
	margin-top: 10px;
}

fieldset li, fieldset p.orderNo{
	margin-bottom: 5px;
	display:block;
	padding:0 0 0 160px;
	font:  12px Arial, sans-serif;
	color:#000;
	width: 290px;
}

fieldset ul li strong,  fieldset p.orderNo strong{
	position: relative;
	left: -135px; /* this pushes the left edge of the span over to the left edge of the space created by the padding set above */
	float: left;
	margin-right: -140px; /*reduce the values of this and the above commented elements to make a narrower label*/
}

p.orderNo{
	margin-left: 30px;
}

#orderform p.orderNo, fieldset p.orderNo,  p#orderSummaryTotals{
	margin-left: 20px;
	line-height: 1.5em;
}

p#orderSummaryTotals{
	font-size: 14px;
	text-align: right;
	width: 615px;
}


#contactform{
	padding-right: 20px;
}

#main #contactform ul{
	margin: 0 10px 0 30px;
	padding: 10px 45px;
	border:	1px solid #2f9fac;
	background: #D9F5F8;
	border-top: none;
}

#contactform ul li{
	padding-left: 16px;
	background: url(images/dot.gif) 0 50% no-repeat;
	color: #198F88;
	font-weight: bold;
	margin-bottom: 5px;
}

#contactform p input.btnform{
	border: none;
	width: 120px;
	background: #2F9FAC;
	color: #fff;
	display: inline-block;
	margin: 10px 0 0 0;
	font:  bold italic 14px Arial, Helvetica, sans-serif;
	padding: 5px;
}

#contactform p input.btnform + input{
	margin-left: 210px;
}

#contactform p input.btnform:hover{
	background: #AEEBF2;
	color:#2F9FAC;
}

#orderform p#completeform a{
	color: #9C0138;
}

p.buttons{
	margin: 10px;
	padding: 0 0 0 272px;
}

#orderform input.isRequired{
	background: #A1CD43;
}

#orderform p.buttons{
	padding-left: 0;
	padding-right: 40px;
	text-align: right;
	width: 410px;
}

p.orderStatus{
	margin-left: 30px;
}

div#fl_deliveryShippingOptions{
	padding-bottom: 10px;
}

div#fl_deliveryShippingOptions h3{
	margin-bottom: 10px;
}

/* ------------------------------ footer ------------------------------ */

#footer p{
	font-size: 14px;
	color: #3eb6bf;
}

#footer a{
	color: #267C86;
	text-decoration: none;
}
#footer a:hover{
	color: #194951;
}

#footer img{
	vertical-align: middle;
	margin: 0 0 0 20px;
}