/* CSS Document */
/*Colours defined in external style sheets*/
* {margin:0; padding:0;}
body {background:url(../images/bg.gif) repeat; color:#808080; font-size:12px; line-height:16px; font-family:Arial, Helvetica, sans-serif;}

/*Text, Formatting*/
a {color:#E3701E; text-decoration:none;}
a:hover {text-decoration:underline; color:#323232;}
a img {border:none;}
p {padding-bottom:12px;}

h1 {}
h2 {}
h3 {color:#E3701E; font-size:14px; padding:20px 0 10px;}
h4 {}
h5 {color:#E3701E; font-size:12px; padding:20px 0 10px;}

/*Index Page*/
#brochure_front {padding-top:3px; margin-bottom:20px; height:20px }


/*Layout*/
#wrap {margin:0 auto; width:798px; border-left:solid 1px #fff; border-right:solid 1px #fff;}
#header {background:url(../images/bg-header.gif) repeat-x #fff; height:105px; margin:0 auto; padding-bottom:3px;} 
#content {background:url(../images/bg-subheading.jpg) no-repeat #fff; padding:21px 52px}
#content-home {background:#fff; padding:21px 0px 5px 52px;}
#content-full {background-color:#fff; width:694px; clear:both;}
#content-gallery {width:694px; clear:both;}

/*Header*/
#title {background:url(../images/header.gif); width:315px; height:24px; position:absolute; margin:38px 0 0 52px;}
#title:hover {cursor:pointer}
#header b, #header h1 {display:none;}
#logo {background:url(../images/header-logo.gif); width:91px; height:55px; float:right; margin:27px 43px 0 0;}
#logo:hover {cursor:pointer}

/*Navigation*/
#primary-nav {position: absolute; margin:74px 0 0 53px; width:400px; padding:0; text-align:left;}
	#primary-nav a:hover {text-decoration:none;}
	#primary-nav ul {list-style:none;}
		#primary-nav li {float:left; padding:0;}
			#primary-nav li ul {position:absolute; width:120px; left:-9999px; background:url(../images/bg-dropdown.gif) no-repeat bottom left; padding-bottom:5px; border-top:3px solid #fff; font-size:10px;  z-index:99;}
		#primary-nav li:hover, #primary-nav li.sfhover {position:static;}
		#primary-nav li:hover ul, #primary-nav li.sfhover ul {left:auto; z-index:99;}
		#primary-nav ul li ul li {background-image:none;} 
		#primary-nav ul li ul li a {background-image:none; padding:6px 0 0 10px; width:110px; color:#fff; height:26px;} 
		#primary-nav ul li ul li a:hover {color:#323232; background-color:#cb641a;} 
	#primary-nav a {height:31px; display:block; }
		#home, #home a {background:url(../images/nav/home.gif); width:43px;}
		#n1, #n1 a {background:url(../images/nav/about.gif); width:71px;}
		#n2, #n2 a {background:url(../images/nav/bathrooms.gif); width:86px;}
		#n3, #n3 a {background:url(../images/nav/outdoors.gif); width:74px;}
		#n4, #n4 a {background:url(../images/nav/gallery.gif); width:67px;}
		#n5, #n5 a {background:url(../images/nav/contact.gif); width:59px;}
	#submit, #submit a, #reset, #reset a {float:right; height:29px; display:block;}
	#submit, #submit a {background:url(../images/nav/submit.gif); width:51px;}
	#reset, #reset a {background:url(../images/nav/reset.gif); width:52px;}

/*OVER positions*/
#home a:hover, #n1 a:hover, #n2 a:hover, #n3 a:hover, #n4 a:hover, #n5 a:hover, #submit a:hover, #reset a:hover {background-position:bottom;}

/*ON positions*/
#home-on, #home-on a {background:url(../images/nav/home-on.gif); width:43px;}
#n1-on, #n1-on a {background:url(../images/nav/about-on.gif); width:71px;}
#n2-on, #n2-on a {background:url(../images/nav/bathrooms-on.gif); width:86px;}
#n3-on, #n3-on a {background:url(../images/nav/outdoors-on.gif); width:74px;}
#n4-on, #n4-on a {background:url(../images/nav/gallery-on.gif); width:67px;}
#n5-on, #n5-on a {background:url(../images/nav/contact-on.gif); width:59px;}

/*Hide all B text, used for buttons, nav etc.*/
#header b, #submit b, #reset b {display:none;}

/*SubHeading*/
#sub-heading {padding-bottom:45px;}

/*Content*/
#content-left {float:left; width:350px;}
#content-right {position:relative; float:right; width:324px; margin-top:100px;}
#content hr, #content-home hr  {display: block; clear: both; visibility: hidden;}

/*Gallery*/
.gallery {margin:70px 0 0 0; padding:0; width:680px; height: 90px;}
#gallery-thumbs {width:680px; padding:7px 0 35px 12px;}
	#gallery-thumbs a {float:left; padding:2px; margin:0 2px 0 0 ; display:block; width:60px;}
	#gallery-thumbs a:hover {border:1px solid #E3701E;; padding:1px; }
	#gallery-thumbs .on {border:1px solid #323232; padding:1px; }
#bathroom, #outdoor{float:left; margin:0px; padding:6px 40px}
#tab2 {display:none}
#gallery-title{float:left; margin:0; padding:0}
#gallery-large {float:left; width:530px; padding:15px 10px 0 0;}
#gallery-description {float:right; width:140px; padding:15px 0 0 0;}
	#gallery-description h5 {padding:0;}
#gallery-image-1, #gallery-image-3, #gallery-image-4, #gallery-image-5, #gallery-image-6,
#gallery-image-7, #gallery-image-8, #gallery-image-9, #gallery-image-10, 
#gallery-image-out-1, #gallery-image-out-2, #gallery-image-out-3, #gallery-image-out-4, 
#gallery-image-out-5, #gallery-image-out-6, #gallery-image-out-7 { display:none } 

/*Misc*/
ul {padding-bottom:15px; list-style:none;}
ul li {padding-left:16px; background:url(../images/li.gif) 3px 4px no-repeat;}

.img-right {background:url(../images/box-corner.gif) no-repeat #f0f0f0; padding:15px; margin-bottom:20px;}
.img-right p {font-size:10px; margin:10px 0 -10px 0; line-height:12px;}
.pod-left, .pod-right {background:url(../images/box-corner.gif) no-repeat #f0f0f0; float:left; font-weight:bold; display:block; width:300px; padding:20px; margin-bottom:25px;}
.pod-left p, .pod-right p {margin-top:10px;}
.pod-left {margin-right:14px;}
.item-left {margin:3px 0 10px; padding-left:10px; border-left:solid 1px #808080;}

#tech, #other, #pdfs, #website {display:none;}
#home-feature {margin:-21px 0 30px -52px;}
.intro {font-weight:bold; font-size:13px; line-height:18px; color:#E3701E;} 
#sales {width: 208px; height: 14px; background: url(../images/sales.gif);}
#sales:hover {background-position: 0 -14px; text-decoration:none; border:none;}
.form_message {border:#fbc27c 1px solid; height:auto; padding:12px 15px 0px 15px; margin-bottom:15px; color:#E3701E; background:#fdf7f2; font-size:11px;}
.details, .enquiry {font-size:12px; line-height:16px}
.drain_type {color:#E3701E;}

/*Field*/
.field {background:#fafafa; border:1px solid #ccc; padding:2px; font-family:Arial, Helvetica, sans-serif;}

/*Footer*/
#footer, #footer a {clear:both; background:url(../images/bg-footer.gif) repeat-x; padding-top:3px; height:22px; color:#A6A6A6; font-size:10px;}
#footer a:hover {color:#ccc; text-decoration:none;}
#footer-left {float:left; margin-left:50px;}
#footer-right {float:right; margin-right:50px;}
	#e7 {width:14px; height:14px; float:right;}
	#evo {float:left; width:174px;}