/* ---------------------------------------------------------------------------------
   
   Crystal Waters - Master Stylesheet 

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

.hide { display: none; }
body { margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; background: #c8bbab; }
h1, h2, h3, h4, h5, h6 { color: #90877c; margin: 0 0 0.6em 0; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.25em; }
h3, h4 { font-size: 0.85em; text-transform: uppercase; color: #a8a097; }
h5 { margin: 0 0 0.3em 0; }
p, table td, table th { font-size: 0.85em; color: #857b6f; line-height: 1.25em; }
p { margin: 0 0 1.2em 0; }
p a, ul li a { color: #1f4c9d; }
ul { margin: 0 0 1.0em 0; padding: 0; }
ul li { font-size: 0.95em; color: #857b6f; }
a img { border: none; }

#wrap-outer { width: 100%; float: left; background: url(../images/wrapper-bg.gif) repeat-x 0 0 #e2d4c3; }
#wrap { width: 980px; margin: 0 auto; }
#main { width: 980px; float: left; background: url(../images/main-bg.jpg) no-repeat center 5px; }

/* ---------------------------------------------------------------------------------
   HEADER
--------------------------------------------------------------------------------- */

#nav { float: left; width: 940px; margin: 0 0 0 20px; display: inline; background: #2a65b0; }
#nav li { padding: 0; margin: 0; list-style-type: none; float: left; height: 48px; position: relative; }
#nav li a { float: left; display: block; height: 48px; }
#nav li a span { display: none; }
#nav li a:hover { background-position: 0 bottom; }

#n01 a { background: url(../images/nav-01.jpg) no-repeat 0 0; width: 232px; }
#n02 a { background: url(../images/nav-02.jpg) no-repeat 0 0; width: 74px; }
#n03 a { background: url(../images/nav-03.jpg) no-repeat 0 0; width: 98px; }
#n04 a { background: url(../images/nav-04.jpg) no-repeat 0 0; width: 124px; }
#n05 a { background: url(../images/nav-05.jpg) no-repeat 0 0; width: 94px; }
#n06 a { background: url(../images/nav-06.jpg) no-repeat 0 0; width: 74px; }
#n07 a { background: url(../images/nav-07.jpg) no-repeat 0 0; width: 244px; }

#logo { width: 100%; float: left; height: 135px; margin: 0; }
#logo a { width: 244px; height: 133px; background: url(../images/logo.gif) no-repeat 0 0; float: left; margin: 0 0 0 370px; display: inline; }
#logo a span { display: none; }


/****** DROPDOWN *************************************/
/*****************************************************/

ul.navigation li:hover ul, li.over ul {
   display: block;
}
ul.navigation li ul {
   margin: 0px;
   padding: 0px;
}
.subuls {
   display: none;
   position: absolute;
   top: 44px;
   left: -55px;
   background: url(../images/subul-arrow.gif) no-repeat center 0 !important; 
   padding-top: 4px !important; 
   z-index: 999; 
}
#main .subuls li {
   float: left;
   clear: both;
   padding: 0 30px;
   font-size: 0.8em;
   height: auto;
   background: url(../images/subul-bg.gif) repeat-y center 0 #2c68b2; 
}
#main .subuls li span { color: #fff; font-weight: bold; }
#main .subuls li a { 
   text-decoration: underline; 
   float: left; 
   display: block; 
   padding: 10px 0; 
   width: 150px; 
   background: none;
   text-align: center;
   color: #b3d9ff;
   height: auto;
   text-decoration: none; 
   border-bottom: 1px solid #5b8dc6;
}
#main .subuls li a:hover { background: #316eb6; color: #fff; }


/* ---------------------------------------------------------------------------------
   CONTENT
--------------------------------------------------------------------------------- */

#content-wrap { float: left; width: 940px; padding: 7px 20px 0px 20px; background: url(../images/content-wrap-bg.jpg) no-repeat center 0; }
#content { float: left; width: 940px; background: url(../images/content-wrap-bg.jpg) no-repeat center -7px #fff; }
#content-inner { float: left; width: 910px; padding: 0px 0 0 30px; background: url(../images/content-inner-bg.jpg) no-repeat right bottom; }
#heading { float: left; width: 940px; background: url(../images/content-wrap-bg.jpg) no-repeat center -7px #efe7de; height: 109px; border-bottom: solid 4px #bcb2a7; }
#breadcrumbs { padding: 80px 0 0 30px; font-size: 0.7em; color: #aba095; }
#breadcrumbs a { color: #aba095; }
#breadcrumbs a:hover { color: #746c63; }

#left { width: 654px; float: left; border-right: solid 1px #ddd4ca; padding: 30px 30px 30px 0; }
#left ul { margin: 0 0 1.0em 15px; }
#right { width: 225px; float: right; margin-top: -27px; }
#prodNav { margin: 0; padding: 0; float: left; }
#prodNav li { list-style-type: none; width: 100%; float: left; }
#prodNav li a { color: #877a6c; padding: 10px 20px; float: left; width: 185px; border-bottom: solid 1px #ddd4ca; background: url(../images/prodNav-a-bg.gif) repeat-x 0 0; text-decoration: none; }
#prodNav li a:hover { background: #ddd4ca; color: #61574d; }
#right h3 { padding: 0 0 10px 20px; font-weight: normal; font-size: 0.95em; margin: 0; color: #fff; position: relative; text-transform: none; }
#info { width: 360px; float: left; }
.imgRight { float: right; }

#info table { border-collapse: collapse; margin: 0 0 1.0em 0; }
#info table th { text-align: left; }
#info table td { padding: 0 30px 0 0; }

#enquire { border-top: solid 1px #ddd4ca; float: left; width: 100%; padding: 20px 0 0 0; }
#enquire fieldset { margin: 0; padding: 0; border: none; width: 100%; float: left; }
#enquire h2 { float: left; width: 100%; }
#enquire fieldset p { position: relative; float: left; padding: 0; clear: both; margin: 0 0 6px 0; width: 245px; }
#enquire fieldset .fieldBox, #enquire textarea { font-family: arial; width: 235px; font-size: 1.0em; padding: 3px 2px 3px 3px; border: solid 1px #ddd4ca; color: #a1968b; font-size: 0.95em; }
#enquire fieldset label { position: absolute; top: 3px; left: 4px; color: #a1968b; font-size: 0.95em; z-index: 100; }
#enquire fieldset input:focus, #enquire textarea:focus { color: #605a53; background: #faf7f3; }
#enquire #eleft { float: left; width: 245px; }
#enquire #commentBox { float: right; width: 395px; clear: none; }
#enquire .commentBox { width: 388px; float: right; height: 75px; }
#enquire .submit { text-align: right; float: right; margin: 0; }

#listing ul { margin: 0; padding: 0; }
#listing ul li { float: left; background: url(../images/product-divider.jpg) no-repeat 0 0; list-style-type: none; padding: 0; width: 183px; padding: 0 16px; }
#listing ul li .prodImg { text-align: center; width: 191px; float: left; border: solid 1px #fff; height: 235px; }
#listing ul li .prodImg:hover { border: solid 1px #c1b7ac; }
#listing ul li .prodTitle { text-align: center; width: 191px; float: left; height: 40px; }
#listing a { border: none; text-decoration: none; }
#listing a:hover h3 { color: #90877c; }
#listing .noDiv { background: none; padding-left: 0; }
#listings h3 { width: 191px; text-align: center; float: left; height: 40px;}

#gallery { float: left; width: 100%; border-top: solid 1px #ddd4ca; padding-top: 25px; }
#gallery ul { margin: 0 0 15px 0; padding: 0; width: 100%; float: left; margin-left: -6px; }
#gallery ul li { list-style-type: none; padding: 0 0 10px 6px; float: left; }
#gallery ul li img a { float: left; border: solid 1px #ddd4ca; padding: 3px; width: 149px; text-align: center; height: 170px; }
#gallery ul li a:hover { border: solid 3px #a1968b; padding: 1px; }
#gallery ul li a img { width: 149px; }

#pagebottom { float: left; width: 100%; padding-top: 20px; }

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

#footer-wrap { float: left; width: 100%; }
#footer { width: 940px; margin: 0 auto; padding: 48px 0 50px 0; background: url(../images/footer-bg.gif) no-repeat 0 0; font-size: 0.8em; text-align: center; }
#footer p, #footer p a { color: #776e62; line-height: 1.5em;  }
#footer p a:hover { color: #464039; }
#footer p span { font-weight: bold; }
#footer .links { background: url(../images/footer-links-bg.jpg) no-repeat center 0; width: 100%; display: block; padding: 18px 0 25px 0; color: #baaea1; }
#footer .links a { padding: 0 4px; }

/* ---------------------------------------------------------------------------------
   SIFR STYLES
--------------------------------------------------------------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] { display: none !important; }

.sIFR-hasFlash h1,
.sIFR-hasFlash h2
{ visibility: hidden; }