@import "common.css";

@import "pagination.css";

@import "product-3grids.css";

@import "product-detail.css";



#layer-headerwrapper {

	background: url(../images_gd/bg_header.png) 0 bottom repeat-x;

	margin-bottom: -8px;

	position: relative;

	z-index: 1;

}



#layer-header {

	height:	170px;

	margin: 0 auto;

	position: relative;

	width: 959px;

}



#layer-header #logo {

	margin: 0;

	padding: 0;

	position: relative;

}



#layer-header #logo a {

	background-image: url(../images_gd/logo.png);

	display: block;

	height: 167px;

	left: -8px;

	position: absolute;

	top: 0;

	width: 331px;

	z-index: 3;

}



.layer-shortcutswrapper {

	background-color: #222;

	margin: 0 0 7px;

	position: absolute;

	top: 0;

	width: 100%;

}



.layer-shortcuts {

	color: #FFF;

	height: 28px;

	margin: 0 auto;

	padding-top: 13px;

	overflow: auto;

	width: 959px;

}



.layer-shortcuts .style-bluecolor {

	color: #67CCE8;

	text-transform: uppercase;

}



.layer-shortcuts p {

	float: left;

	margin: 0 0 0 330px;

	padding: 0;

}



.layer-shortcuts ul {

	float: right;

	margin: 0;

	padding: 0;

	position: relative;

	z-index: 1;

}



.layer-shortcuts ul li {

	border-right: 1px solid #FFF;

	display: inline;

	margin: 0 6px 0 0;

	padding: 0 6px 0 0;

}



.layer-shortcuts ul li.position-last {

	border-right: 0;

	margin: 0;

	padding: 0;

}



.layer-shortcuts ul li a {

	color: #FFF;

}



.layer-tagline {

	background: url(../images_gd/bg_tagline-right.png) top right no-repeat;

	bottom: 16px;

	font-size: 160%;

	margin: 0;

	padding: 0 7px 0 0;

	position: absolute;

	right: 0;

}



.layer-tagline p {

	background: url(../images_gd/bg_tagline-left.png) 0 0 no-repeat;

	margin: 0;

	padding: 6px 3px 7px 10px;

}



.panel-message {

	color: #FFF;

	left: 340px;

	position: absolute;

	top: 13px;

}





.layer-showcasewrapper {

	background-color: #68CDE8;

}



.layer-showcase {

	margin: 0 auto;

	position: relative;

	width: 959px;

}



.layer-showcase .panel-previous {

	left: 0;

	margin-top: -34px;

	position: absolute;

	top: 50%;

}



.layer-showcase .panel-previous a {

	background: url(../images_gd/ico_previous.gif) 0 0 no-repeat;

	display: block;

	height: 68px;

	width: 41px;

}



.layer-showcase li {

	margin: 0 auto;

	overflow: auto;

	padding: 40px 0 24px 0;

	width: 770px;

}



.layer-showcase li h2 {

	color: #FFF;

	font-size: 290%;

}



.layer-showcase li h3 {

	font-size: 150%;

}



.layer-showcase li .panel-image {

	float: right;

	margin: 0 0 0 24px;

}



.layer-showcase .panel-next {

	margin-top: -34px;

	position: absolute;

	right: 0;

	top: 50%;

}



.layer-showcase .panel-next a {

	background: url(../images_gd/ico_next.gif) 0 0 no-repeat;

	display: block;

	height: 68px;

	width: 41px;

}





.layer-menu {

	left: 50%;

	margin: 5px 0 0 -150px;

	padding: 0;

	position: absolute;

	top: 48px;

	width: 628px;

}



.layer-menu ul {

	margin: 0;

	padding: 0;

	position: relative;

	z-index: 1;

}



.layer-menu ul li {

	border-left: 1px solid #D9D9D9;

	float: left;

	list-style-type: none;

	line-height: 43px;

	margin: 0;

	padding: 0;

	text-align: center;

	width: 118px;

}



.layer-menu ul li.position-last {

	border-right: 1px solid #D9D9D9;

}



.layer-menu ul li a {

	color: #535353;

	text-transform: uppercase;

}



.listing-menu li.state-active a {

	color: #64CBE7;

}







.panel-cart {

	background: url(../images_gd/ico_trolley.gif) right center no-repeat;

	float: right;

	height: 40px;

	margin: -4px 0 0 0;

	padding: 12px 50px 0 6px;

	position: relative;

	text-transform: uppercase;

	width: 80px;

	z-index: 1;

}









#search_mini_form {

	background-color: #565656;

	display: block;

	margin: 0;

	padding: 0;

	text-align: right;

	top: 900px;

	width: 100%;

}



#search_mini_form fieldset {

	border: 0;

	margin: 0 auto;

	padding: 12px 0;

	width: 959px;

}



#search_mini_form .input-text {

	background: url(../images_gd/bg_searchbar-inputtext.gif) center center no-repeat;

	border: 0;

	color: #666666;

	font-family: Arial, Verdana, Tahoma, sans-serif;

	font-size: 90%;

	margin: 0;

	padding: 3px 2px 3px 20px;

	width: 180px;

}



#search_mini_form .input-button {

	background: url(../images_gd/bg_searchbar-inputbutton.gif) center center no-repeat;

	border: 0;

	color: #FFF;

	font-family: Arial, Verdana, Tahoma, sans-serif;

	font-size: 100%;

	margin: 0 0 0 3px;

	padding: 2px;

	width: 65px;

}







#main {
	background: url(../images_gd/bg_main.gif) repeat-y;
	margin: 0 auto;

	position: relative;

	width: 959px;

}



#main.layer-1col {
	background: none;
	padding-bottom: 20px;

}



#main .layer-left {

	background-color: #E4E4E4;

	float: left;

	width: 242px;

}



#main .layer-right {

	float: right;

	margin: 12px 0 0 ;

	position: relative;

	width: 702px;

	zoom: 1;

}



#main .layer-left2 {

	float: left;

	margin: 24px 0 0 ;

	width: 702px;

}



#main .layer-right2 {

	background-color: #E4E4E4;

	float: right;

	position: relative;

	width: 242px;

	zoom: 1;

}





#main.layer-subpage .layer-left {

	padding-top: 12px;

}



#main .layer-leftcontent {

	padding: 16px 16px 1px 16px;

}



#main .layer-right2content {

	padding: 16px 16px 1px 16px;

}



#main .layer-left ul {

	margin: 0 0 12px;

	padding: 0;

}



.layer-category {

	margin: 0 0 20px;

}



.layer-category ul li {

	border-bottom: 1px dashed #AFAFAF;

	/*font-size: 120%;*/

	list-style-type: none;

	margin: 0;

	padding: 6px 0;

}



.layer-category ul li ul {

	display: none;

	margin: 4px 0 1px 14px !important;

}



.layer-category ul li.active ul {

	display: block;

}



.layer-category ul li.active ul li ul {

	display: none;

}



.layer-category ul li.active ul li.active ul {

	display: block;

}



.layer-category ul li.position-last {

	border-bottom: 0;

}



.layer-category ul li a {

	color: #5B5B5B;

}



.layer-category ul li.nav-environmentally-friendly a {

	color: #57AC5B;

}



.layer-category ul li.active a {

	font-weight: bold;

}



.layer-category ul li.active ul li a {

	color: #0D96B8;

	font-weight: normal;

}



.layer-category ul li ul li {

	border: 0;

	margin: 0 0 3px 0;

	padding: 0;

}



.layer-category ul li ul li.active a {

	font-weight: bold;

}











#main.layer-1col {

	margin-top: 30px;

}



#main.layer-subpage .layer-right {

	margin-top: 24px;

}







#newsletter-validate-detail {

	margin: 0;

	padding: 0;

}



#newsletter-validate-detail fieldset {

	border: 0;

	margin: 0;

	padding: 0;

}



#newsletter-validate-detail .input-text {

	background: url(../images_gd/bg_newsletter-input.gif) 0 0 no-repeat;

	border: 0;

	color: #5B5B5B;

	font-family: Arial, Verdana, Tahoma, sans-serif;

	font-size: 100%;

	margin: 0 0 6px;

	padding: 5px 6px 6px 6px;

	width: 100%;

}



#newsletter-validate-detail a {

	color: #5B5B5B;

	font-size: 90%;

}







#layer-footerwrapper {

	background-color: #222;

}



#layer-footer {

	color: #FFF;

	font-size: 90%;

	margin: 0 auto;

	padding: 14px 0;

	position: relative;

	width: 959px;

}



#layer-footer a {

	color: #FFF;

}



#layer-footer p {

	margin: 0;

	padding: 0;

}



#layer-footer img {

	margin: 0 0 0 2px;

	vertical-align: middle;

}



#layer-footer .style-title {

	margin: 0 6px 0 0;

}



#layer-footer .layer-left {

	float: left;

}



#layer-footer .layer-right {

	float: right;

}





.layer-noticewrapper {

	background: #FFFE8F url(../images_gd/bg_rc-yellow-bottom.gif) bottom center no-repeat;

}



.layer-notice {

	background: url(../images_gd/bg_rc-yellow-top.gif) top center no-repeat;

	font-size: 170%;

	font-weight: bold;

	margin: 0 0 12px;

	padding: 12px 12px 12px 120px;

	position: relative;

	text-align: center;

}



.layer-notice p {

	line-height: 100%;

	margin: 0;

	padding: 0;

}



.layer-notice a {

	font-size: 90%;

}



.layer-notice .panel-image {

	position: absolute;

	left: 22px;

	margin: -50px 0 0 0;

	padding: 0;

	top: 50%;

}









.layer-featuredproducts ul {

	margin: 0;

	padding: 0;

}



.layer-featuredproducts ul li {

	float: left;

	list-style-type: none;

	margin: 0 8px 0 0;

	padding: 0;

	width: 159px;

}



.layer-featuredproducts ul li.position-last {

	margin :0;

}



.layer-featuredproducts ul li .panel-image {

	margin: 0 0 2px;

}



.layer-featuredproducts ul li .panel-image img {

	border: 1px solid #B7B7B7;

}



.layer-featuredproducts ul li h4 {

	font-size: 120%;

	font-weight: bold;

	margin: 0 0 2px;

}









.layer-thismonthsspecials ul {

	margin: 0 0 0 -3px;

	padding: 0;

}



.layer-thismonthsspecials ul li {

	float: left;

	list-style-type: none;

	margin: 0 0 12px;

	padding: 0;

}



.layer-thismonthsspecials ul li img {

	border: 1px solid #B7B7B7;

	margin: 0 0 0 3px;

}









.layer-customertestimonials ul {

	margin: 0 0 0 -18px;

	padding: 0;

}



.layer-customertestimonials ul li {

	float: left;

	list-style-type: none;

	margin: 0 0 0 18px;

	padding: 0;

	width: 318px;

}



.layer-customertestimonials ul li .panel-customername {

	text-align: right;

}





.layer-contactus {

	margin: 0 0 12px;

	overflow: auto;

}



.layer-contactus .layer-address {

	float: left;

}



.layer-contactus .layer-contactform {

	float: right;

	width: 448px;

}



.layer-contactform form {

	margin: 0;

	padding: 0;

}



.layer-contactform form fieldset {

	border: 0;

	margin: 0;

	padding: 0;

}



.layer-contactform form ul {

	margin: 0;

	padding: 0;

}



.layer-contactform form ul li {

	list-style-type: none;

	margin: 0 0 8px;

	padding: 0;

}



.layer-contactform form ul li label {

	float: left;

	margin-top: 2px;

	width: 80px;

}



.layer-contactform form ul li textarea {

	width: 310px !important;

}



.layer-contactform form ul li .input-text {

	width: 310px !important;

}



.layer-contactform form ul li .input-button {

	background: url(../images_gd/bg_button-blue.gif) top no-repeat;

	border: 0;

	color: #FFF;

	font-family: Arial, Verdana, Tahoma, sans-serif;

	font-size: 100%;

	height: 28px;

	margin-left: 80px;

	width: 127px;

}




.layer-aboutus {
	background: url(../images_gd/bg_about-us.gif) no-repeat;
	padding-top: 24px;
	padding-left: 200px;
}

.layer-aboutus .link-contactus {
	background: url(../images_gd/btn_contact-us-today.gif) no-repeat;
	display: block;
	height: 48px;
	width: 240px;
}




.form-contactus {
	background: #E4F7FD url(../images_gd/bg_rcblue-top.gif) top left no-repeat;
	display: block;
}

.form-contactus fieldset {
	background: url(../images_gd/bg_rcblue-bottom.gif) bottom left no-repeat;
	padding: 24px 24px 12px 24px !important;
}


.account-nav {
	margin-bottom: 12px;
}

.account-nav ul {
	margin: 0 !important;
	padding: 0 !important;
}

.account-nav ul li {
	margin: 0;
	padding: 0;
}

.account-nav ul li.on,
.account-nav ul li a {
	padding: 4px 10px;
}


ol.one-page-checkout {
	margin-bottom: 23px;
}