@charset "utf-8";
/* CSS Document */

body, #containerb, #menu, #tag, #header, h1, h2, .innergreen p, .boxtitle, .innerdarkgrey p  {padding:0px; margin:0px;}

html {background-color:#FFFFFF;}
body {background: url(images/back.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif;}

#containerb { width: 950px; margin-left:auto; margin-right:auto; }

a:link {color:#5b8f00;}
a:visited { color: #cea400;}
/*Menu*/
#menu {width: 880px;  margin-left:auto; margin-right:auto; background:url(images/menuback.jpg) repeat-x; height: 44px; list-style:none; font-size:80%; font-weight:bold;}
#menu li { padding:12px 24px 10px 24px; float:left;   }
#menu li.divider { background:url(images/menudiv.gif) no-repeat; width: 2px; padding:0px; height:23px; margin-top:10px;} 
#menu li a {color: #374a03; text-decoration:none;}
#menu li a:hover {color:#000000;}

#tag { margin:0px; padding:0px; margin-top:45px; width: 941px; margin-left:auto; margin-right:auto; ; background:url(images/tagline.jpg) no-repeat right; height: 42px; }
#tag p {margin:0px; padding:0px; color:#FFFFFF; font-weight:bold; font-size:70%;  padding-top:16px; text-align:center;}

/*Scroller and Shadows*/
#scroller-inner, #photo {  width: 900px; margin-left: auto; margin-right:auto; height:310px; background-color:#CCCCCC; border: 10px solid #FFFFFF;}
.shadowb {width: 938px; margin-left:auto; margin-right:auto; background:url(images/shadowb.png) right repeat-y; height:auto;}
.shadow { width: 945px;  height:30px; background:url(images/shadowc.png) no-repeat top right; }
#photo  {height:auto; background-color:#bebebe;  }
#photo p { padding-left:30px; padding-right:30px;} 
#photo p.photo {cursor: pointer;}
#photo .desc { padding-bottom:10px; width: 500px; padding-top:10px;}
#photo img { padding-bottom:4px;}
#photo .selected {  border-bottom:5px solid #000000; }
#photoleft {float:left; }
#photoback {background:url(images/4reviews.jpg) no-repeat bottom;}

#photo img {padding:0px; margin:0px;}
#photo .cat {float: left; margin-right:5px; }



/*text*/
h1 {font-size: 120%; line-height:170%; font-weight:normal; text-align:center;}
h2 {font-size: 110%; text-align:center;}
p.closeup {text-align:center;  padding-top:42px;}
p {font-size:80%;}
p.line {background: url(images/hrback.jpg) repeat-x; height: 2px; padding:0px; margin:0px; margin-bottom:8px;}
p.head {font-size:170%; font-weight:bold; padding-bottom:0px; margin:0px; margin-top:15px; }
p.pink {padding-top:30px; text-align:center; color:#ec0f87; font-weight:bold; font-size:90%;}

/*Black Box*/
.black {   width: 920px; margin-left:auto; margin-right:auto;  background: url(images/shadow.png) repeat-y;    padding: 0px 6px 0px 6px;    }
.innerblack { font-size:110%; background: url(images/reqback.gif) repeat-x;   text-align:center; height:170px; }
.innerblack p {margin:0px; padding-bottom:8px; }
.innerblack h2 { color:#FFFFFF; padding-bottom:8px;}




/*inthebox*/
.inthebox {width: 424px;  line-height:130%;  float:left;  }
.boxtitle {background:#b9af73; width: 100px; margin-left:20px; color:#FFFFFF; padding: 5px; text-align:center; }
.boxpara { padding-top:10px; margin-top:0px; padding:8px; margin-left:15px; }
.boxtitleb {width: 30px; background:#d7dbc0; padding:0px; margin:0px; text-align:right; text-align:center; padding-top: 5px; padding-bottom:5px;}

/*grey box*/
.grey {background: url(images/shadow.png) repeat-y;    padding:6px; padding-bottom:0px;  margin-left:auto; margin-right:auto;  width: 920px; margin-top:0px; padding-top:0px;}
.innergrey { background-color:#eeeeee; padding:0px; margin:0px;    padding: 0px 19px 0px 19px;  }
.innergreygree.text { text-align:left;  width: 800px; margin-left:auto; margin-right:auto;}

.darkgrey p {color: #FFFFFF;}

/*dark grey box*/
.darkgrey {background: url(images/shadow.png) repeat-y;    padding:6px; padding-bottom:0px; padding-top:0px;  margin-left:auto; margin-right:auto;  width: 920px; margin-top:0px;}
.innerdarkgrey{background:url(images/darkgreybox.jpg) repeat-x;  padding:20px; margin:0px; line-height:130%;  }

p.boxcontents {     text-align:right; }



/*steps*/
.step {float:left; width: 266px; }
.a { margin-right:18px;}
.b {margin-left:20px; margin-right:20px;}
.c {margin-left:20px;}

p.steptitle{ padding-top:20px; font-size:100%; padding-bottom:6px; }
.stepcontainer { width: 880px; background:url(images/stepback.png) repeat-y; padding-bottom:10px;  }





/*Reflection*/
.reflection {  margin-left:auto; margin-right:auto;  width: 920px;  }
.whiteboxbottom {  margin-left:auto; margin-right:auto;  width: 922px;  }



/*Black Footer*/
.blackfooter { background:url(images/footerback.gif) repeat-x; }



/*white footer box*/
.white { background-color:#ffffff;   background:  url(images/shadow.png) repeat-y;    padding:6px; margin-left:auto; margin-right:auto;  width: 920px; margin-top:0px; padding-top:0px; padding-bottom:0px;}
.innerwhite{background:url(images/whitebox.jpg) repeat-x;  margin:0px; line-height:130%; padding:110px 85px 20px 85px;  }


/*faded white box*/
.fadedwhite { background:url(images/fadedwhite.jpg) repeat-x; clear:left;  font-size:90%; height:90px; }
.fadedwhite p { padding: 30px 40px 10px 40px;}


/*Form*/
input.coupon { background:#FFFFFF; height: 50px;  width: 365px; border:0px; font-size:110%; font-weight:bold; }
div.coupons {background:url(images/formbutton.gif) no-repeat; height: 50px; width: 365px;margin:0px; padding:5px; }
input.couponb {width: 356px; height: 39px;  border: 0px;}


/*Video*/
.video {float:left; width: 396px; margin-right:20px; background: #FFFFFF; padding:16px; padding-top:6px; height: 200px;}
.video  p { line-height:150%; margin-top:0px; padding-bottom:3px; margin-bottom:0px; padding-top:0px; }


/* controller for slider */
#slidernav {position: absolute; width: 910px; top:0px;  }



img {border: 0px;}


/*Clearfix*/
.clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:hidden; 
    }  
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;
display: block;}
/* End hide from IE-mac */
.clearfix {height: 100%;}