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

.clear{clear:both;}

h1.hideawaylogo{background:url(/new/images/hideaway/hideaway-logo.png) top right no-repeat; height:23px; margin:-15px 0 5px; text-indent:-10000px;}

.hideawayHome{ width:748px;}
.hideawayHome .head{background:url(/new/images/hideaway/hideaway-home.jpg) top right no-repeat; height:339px;}
.hideawayHome #rightcolumn{width:380px;padding:5px; background:#f7f6f4; margin-bottom:20px;}
.hideawayHome #rightcolumn .item{margin-right:10px;}
.hideawayHome #hideawaycontent{float:left; width:720px; font-size:14px; color:#4A4233; padding:10px 10px 0;}
.hideawayHome #hideawaycontent p{margin:0 0 15px 0}
.hideawayHome #btn-download{float:right; margin-right:40px}

a#btn-findout{width:380px; height:117px; background:url(/new/images/hideaway/btn-hideaway.png) top; display:block;}
a:hover#btn-findout{background-position:bottom}

.hideawayForm{width:734px; margin:0 auto; background:url(/new/images/hideaway/hideaway-heading.jpg) 0 45px no-repeat; color:#4A4233;}
.hideawayForm .hideawaylogo{margin:0 0 0px;}
.hideawayForm .head{width:480px; margin:130px 0 20px; font-size:14px; color:#4A4233}
.hideawayForm a{outline:none;}
.hideawayForm h2{display:none;} 

ul#hway-nav{width:215px; height:85px; margin:0; padding:0; background:url(/new/images/hideaway/hideaway-nav.png) no-repeat top right; float:right; list-style:none;}
ul#hway-nav li{height:20px; margin:0; padding:0; text-indent:-15000px;}
ul#hway-nav li a{height:20px; width:215px; background:url(/new/images/hideaway/hideaway-nav.png); display:block}
ul#hway-nav li a:hover, ul#hway-nav li a.current, ul#hway-nav li a.current:hover{background:none;}
ul#hway-nav li#step1nav a{background-position:0 0}
ul#hway-nav li#step2nav a{background-position:0 -20px}
ul#hway-nav li#step3nav a{background-position:0 -40px}
ul#hway-nav li#step4nav a{background-position:0 -60px}
ul#hway-nav li#back{margin-top:10px}
ul#hway-nav li#back a{background-position:0 -90px}

h3.stepbar{height:26px; background:url(/new/images/hideaway/hideaway-steps.png);cursor:pointer; color:#4A4233; text-align:right; padding:14px 15px 0 0; font-size:13px;}
h3.current{color:white;}
h3#step1{background-position:0 0; margin:10px 0 0;}
h3#step1.current{background-position:-960px 0;}
h3#step2{background-position:0 -40px;}
h3#step2.current{background-position:-960px -40px;}
h3#step3{background-position:0 -80px;}
h3#step3.current{background-position:-960px -80px;}
h3#step4{background-position:0 -120px;}
h3#step4.current{background-position:-960px -120px;}

h4#warning{padding:20px 40px; display:none;}

.stepcontent{display:none; background:url(/new/images/hideaway/hideaway-bg-step.png) bottom right no-repeat; padding:0 10px 0 10px; width:714px;}
.stepcontent p.heading{color:#4A4233; font-size:12px; margin:0; padding:10px 0px; width:485px }
.stepcontent p.proceed{color:#4A4233; font-size:16px; margin:0; padding:0px 0px 20px; }

img.proceed{margin:10px 0 20px; float:right; cursor:pointer}

.stepcontent .products div{padding:10px 0 10px 10px; width:110px; font-size:10px; background:#e8e8e8; float:left; margin:0 20px 20px 0; cursor:pointer; border-bottom:1px solid #ADADAD; line-height:12px;}
.stepcontent .products div img{margin:0 0 5px; }
.stepcontent .products div a{color:black; }
.stepcontent .products div p{margin:5px 0 0px; }
.stepcontent .products div.selected a{color:white; }
.stepcontent .products div.selected{background:#4A4233; color:#ffffff;}
.stepcontent .products{clear:both; height:350px;}

#step2content .cisternaccess{  float:left; margin:0 10px 10px 0; padding:5px 15px; width:200px; background:#E8E8E8; cursor:pointer}
#step2content .cisternaccess img{margin:10px 0} 
#step2content .end{  margin-right:0;}
#step2content .selected{background:#4A4233; color:#ffffff;}

#step2content .cisternaccess table{background:#f1f1f1; padding:5px}
#step2content .cisternaccess table td{padding:5px 0 3px; border-bottom: 1px solid #524A38;}
#step2content .selected table {background:#363125;}

#step3content .suiterow{display:none;}

#step3content .right-buttons {width:495px; float:right; clear:left; padding:10px 0 0 0; margin:0 0 20px}
#step3content .right-buttons div.buttons{float:left; width:160px; padding:0; margin:0 5px 0 0;}
#step3content .right-buttons div.buttons input{margin:5px 0 0}
#step3content .right-buttons div.buttons div.code{font-size:10px; padding-left:17px; width:70px;}


#step3content .right-buttons div.buttons ul {margin:5px 0 0 10px; padding:0; width:130px;}
#step3content .right-buttons div.buttons ul li{list-style-position:outside; list-style-type:disc !important; margin:5px 0 0 10px; padding:0; width:130px;}
#step3content .right-buttons h4{margin:0 0 5px; padding:0; font-size:13px; font-weight:normal; color:#E0B934;}

#step3content .left-suite {width:219px; float:left; clear:left; padding:10px 0 0 0}

#step4content .cisternchoice{display:none;}
#step4content .cisternhead{font-size:18px; margin:0 0 5px}
#step4content .cisternlitre{font-size:14px; margin:5px 0}
#step4content .cisternflush{font-size:11px; margin:5px 0}

#step4content .left-cistern{padding-left:20px; width:176px; padding:20px 0 0 50px; height:186px;}
#step4content .right-cistern{float:right; width:200px; padding:40px 0 0;}
#step4content .right-cistern input{margin:10px 5px 0}

#step4content .right-details{float:right; width:230px; padding:40px 10px 0 0;}

#printform{background:url(/new/images/hideaway/hideaway-btnprint_b.png) top left no-repeat; height:66px; width:327px; display:none;}
#printform a{display:block;height:33px; width:100%; background:url(/new/images/hideaway/hideaway-btnprint.png) top left no-repeat;}
#printform a:hover{background-image:none;}



.panright{width:280px; float:left; color:#4A4233;margin-left:20px;font-size:0.75em}
.panrightcolumn{width:140px; float:right; color:#4A4233;}
.panright input{width:105px;}
.panimg{float:left;}
h3.panhead{font-size:16px; font-weight:normal;color:#4A4233; clear:both; margin:10px 0 20px; padding-left:220px}


#printframe{width:600px; border:1px solid #808080}
#values{display:none;}