/* ---------------------------------------------------------------------------------
   
   CDK Stone - Master Stylesheet 

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

body { background: url(../images/bg-gradient.gif) repeat-x 0 0 #afae92; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
p { color: #fefefe; font-size: 0.80em; line-height: 1.4em; margin: 0 0 1.2em 0; }
p a { color: #fefefe; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 0.6em 0; }
h1 { font-size: 1.2em; font-weight: normal; color: #ccff00; }
h2 { color: #005d69; font-size: 0.8em; margin: 0; padding: 3px 6px 3px 0; }
h3 { color: #ccff00; font-size: 0.8em; }
h3 a { color: #ccff00; text-decoration: none; }
h3 a:hover { text-decoration: underline; }
h4 { font-size: 0.8em; color: #fff; } 
h5, h6 { font: 0.7em Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; }
h5 { color: #ccff00; }
h6 { color: #fff; }

a img { border: none; }

#shadows { width: 100%; float: left; background: url(../images/bg-shadows.jpg) no-repeat center 0; }
#wrapper { width: 1000px; margin: 0 auto; }

#header { width: 1000px; height: 100px; background: url(../images/bg-header.gif) repeat-x 0 0 #005a63; float: left; }
#logo { width: 1000px; height: 100px; float: left; }
#logo a { width: 279px; height: 54px; display: block; text-indent: -5000px; }

#flashBox,
#middleBox,
#footer,
.titleBox,
#detailsBox
{ padding: 22px; width: 956px; float: left; }

#mainWrap { background: #96946e; width: 100%; float: left; }

/* ---------------------------------------------------------------------------------
   NAVIGATION
--------------------------------------------------------------------------------- */

#navigation { background: #003b41; float: left; width: 100%; border-bottom: solid 4px #fff; }
#navigation ul { width: 1000px; float: left; margin: 0; padding: 0; }
#navigation ul li { float: left; list-style-type: none; font-weight: bold; }
#navigation ul li a { 
	float: left; 
	color: #dfeaeb;
	display: block; 
	font-size: 0.75em; 
	padding: 14px 0px 0 0px; 
	height: 28px;
	text-transform: uppercase; 
	text-decoration: none; 
	text-align: center;
}

#navigation ul li a:hover { background: #022f34; color: #fff; }
#navigation .divider { background: url(../images/nav-div.gif) no-repeat 0 10px; padding-left: 1px; }

#p01 #n01,
#p02 #n02,
#p03 #n03,
#p04 #n04,
#p04a #n04a,
#p05 #n05,
#p06 #n06
{ color: #ccff00; background: url(../images/nav-active.gif) no-repeat center bottom; }

#n01 { width: 105px; }
#n02 { width: 121px; }
#n03 { width: 167px; }
#n04 { width: 193px; }
#n04a { width: 135px; }
#n05 { width: 138px; }
#n06 { width: 131px; }

/*#n01 { width: 130px; }
#n02 { width: 136px; }
#n03 { width: 192px; }
#n04 { width: 218px; }
#n04a { width: 218px; }
#n05 { width: 163px; }
#n06 { width: 156px; }*/


/* ---------------------------------------------------------------------------------
   TITLEBOXES
--------------------------------------------------------------------------------- */

.titleBox { padding: 0px 22px; background: #afae92; }
.titleBox h1, .titleBox h2 { margin: 0; font-size: 2.3em; line-height: 0.8em; float: left; }
.titleBox h2 { color: #c3c2ad; padding: 0; font-weight: normal; text-transform: uppercase; }
.titleBox h2 a { color: #c3c2ad; padding: 0; font-weight: normal; text-transform: uppercase; }

.marginT { margin-top: 28px; }
.marginT2 { margin-top: 6px; }

.titleBox fieldset { border: none; padding: 3px 0 0 160px; margin: 0; float: right; background: url(../images/fieldset-select-products.gif) no-repeat 0 4px; } 
.field { border: solid 1px #a09f82; padding: 1px; width: 146px; color: #96946e; float: left; }
.arrow { background: url(../images/fieldset-arrow1.gif) no-repeat center 0; width: 35px; height: 21px; float: left; } 
.arrowspace { width: 5px; height: 21px; float: left; } 


/* ---------------------------------------------------------------------------------
   FLASHBOX
--------------------------------------------------------------------------------- */

#flashBox { height: 300px; background: #96946e; }


/* ---------------------------------------------------------------------------------
   PRODUCTBOX
--------------------------------------------------------------------------------- */

#productBox { width: 860px; float: left; padding-bottom: 20px; }
#productBox p a { text-decoration: none; }
#productBox p a:hover { text-decoration: underline; }
#productBox2 { width: 100%; float: left; }
#productBox ul { margin: 0; padding: 0; }
#productBox2 ul { margin: 0; padding: 22px; float: left; }
/*#productBox ul li, #productBox2 ul li { list-style-type: none; width: 210px; float: left; margin: 5px 5px 10px 0px; display: inline; }*/
#productBox ul li, #productBox2 ul li { list-style-type: none; width: 210px; float: left; margin: 5px 5px 10px 0px; }
/*#productBox ul li {
	height: 100px;
	margin-bottom: 0px;
	display: inline-block;
}*/
#productBox ul li {
	height: 100px;
	margin-bottom: 0px;
}
#productBox2 ul li { margin-right: 25px; }
#productBox2 ul li { height: 100px; margin-bottom: 0px; }
#productBox h3, #productBox2 h3 { text-transform: uppercase; margin: 0; padding: 6px 0 0 0; font-weight: normal; }

#pages { text-align: right; background: #7c7b5d; float: left; padding: 2px 10px 2px 0px; width: 840px; }
#active { color: #ccff00; font-weight: bold; }

.thumb {
	position:relative;
	display: block;
	width: 70px;
	min-height: 70px;
	border: solid 2px #FFFFFF;
	background: #FFFFFF;
	float: left;
	text-align: center;
	margin-right: 10px;
} 
.thumb img {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	left: 0px;
	right: 0px;
}

#detailsBox { background: url(../images/bg-details.gif) no-repeat right 0; margin-bottom: 6px; }
#detailsBox .content { width: 320px; float: left; }
#detailsBox .content2 { width: 410px; float: left; }
#detailsBox .content2 h3 { margin: 0 0 0.8em 0; }
#detailsBox h3 { margin: 0; font-weight: normal; text-transform: uppercase; }
#imgLarge { float: left; margin: 0 22px 8px 0; border: solid 2px #fff; }


/* ---------------------------------------------------------------------------------
   MIDDLEBOX
--------------------------------------------------------------------------------- */

#middleBox { background: #b2b195; }

.wideBox { width: 300px; background: #fff; padding: 2px; text-align: right; float: left; }
.rMargin { margin-right: 22px; display: inline; }


/* ---------------------------------------------------------------------------------
   FOOTER
--------------------------------------------------------------------------------- */

#footer { background: url(../images/bg-footerBox.jpg) repeat-x 0 0 #4a4937; padding: 14px 22px; }
#footerMain { float: left; width: 856px; }
#footerContact { float: right; width: 85px; background: url(../images/footer-logo.jpg) no-repeat center 0; padding: 70px 0 25px 10px; }
#footerContact p { font-size: 0.7em; margin: 0 0 0.4em 0; color: #afae92; text-transform: uppercase; }
#footerContact p span { color: #fff; }

#footerContent { float: right; width: 500px; padding: 5px 30px 15px 0px; }
#footerLeft { float: left; width: 304px; margin: 8px 0px; }

.smallBox { width: 280px; background: #fff; padding: 2px; text-align: right; float: left; clear: both; }

#footerBottom { float: left; width: 956px; text-transform: uppercase;}
#footerBottom p { font-size: 0.70em; color: #afae92; }
#footerBottom ul { float: right; margin: 0 -6px 0 0; padding: 0; display: inline; }
#footerBottom ul li { float: left; list-style-type: none; padding: 0 6px; }
#footerBottom ul li a { float: left; color: #fff; font-size: 0.70em; text-decoration: none; }
#footerBottom ul li a:hover { text-decoration: underline; }

#footerBottom .divider { background: url(../images/footer-ul-dot.gif) no-repeat 0 10px; }
#copyright { margin: 3px;; line-height: 1.0em; }

#p01 #f01,
#p02 #f02,
#p03 #f03,
#p04 #f04,
#p05 #f05,
#p06 #f06
{ color: #ccff00; }

/*----------------------------------------------------------
FIELDSETS
-----------------------------------------------------------*/

#detailsBox fieldset { padding: 0px 20px 14px 20px; margin: 15px 0px 5px 0px; background: #a8a67d; border: none; float: left; width: 370px; }
#detailsBox legend { font: 0.7em Verdana, Arial, Helvetica, sans-serif; color: #fff; margin-left: -10px; font-weight: bold; text-transform: uppercase; background: #96946e; padding: 0px 3px 3px 3px; }
#detailsBox legend span { font-weight: normal; }
#detailsBox fieldset p { margin: 0.6em 0; float: left; width: 100%; }
#detailsBox fieldset label { float:left; width: 28%; font-weight: bold; color: #ccff00; }
#detailsBox fieldset label span { color: #fff; font-weight: normal; font-size: 0.8em; }
#detailsBox fieldset .smTxt { font-size: 0.8em; color: #666; }
#detailsBox fieldset input, fieldset textarea { width: 254px; border: none; padding: 3px; color: #494949; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#detailsBox fieldset .top { margin: 1.4em 0 0.6em 0; }
#detailsBox fieldset input:focus, fieldset textarea:focus { background: #fff0a9; }

.submit { text-align: right; margin-top: 6px; }