/*  =RESET
---------------------------------------------------*/
body { overflow-x:hidden; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
table, tbody, tfoot, thead, tr, th, td { vertical-align: top; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
input, select { vertical-align: middle; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
/*  =GLOBAL ELEMENTS
-------------------------------------------------------------- */
body { font-family:Arial, Helvetica, sans-serif; font-size: 80%; color:#000; margin:0px; line-height:22px; }
a:link { color: #7a4c6c; }
a:visited { color: #7a4c6c; }
a:hover, a:active { color: #333; text-decoration: none; }
a img { border:none; }
a:hover img { }
p {}
blockquote { }
pre { }
address { }
del { }
/* header elements */
h1, h2, h3, h4 { margin:0 0 5px 0; padding:5px 0;  }
h1 { color:#7a4c6c; font-size:24px; }
h2 { color:#60c6c1; font-size:20px; }
h3 { color:#7a4c6c; font-size:18px; }
h4 { color:#333; font-size:18px; }
/* image elements */
img.clsleft { margin-right:20px; margin-bottom:15px; float:left; }
img.clsmiddle { margin-right:20px; margin-left:20px; margin-bottom:15px; }
img.clsright { margin-left:20px; margin-bottom:15px; float:right; }
img.clsborderleft { border:4px solid #f1f1f1; margin-right:20px; margin-bottom:15px; float:left; }
img.clsbordermiddle { border:4px solid #f1f1f1; margin-right:20px; margin-left:20px; margin-bottom:15px; }
img.clsborderright { border:4px solid #f1f1f1; margin-left:20px; margin-bottom:15px; float:right; }
.border { border:4px solid #f1f1f1; }
.noborder { border:0; }
/* form elements */
select, input, textarea, button { font-size:12px; font-family:Tahoma, Geneva, sans-serif; color:#ccc; }
select:focus, input:focus, textarea:focus { background-color: #EBF2F4; border: 1px solid #AFCDD8; color:#000; }
input, textarea { padding:5px; border:solid 1px #ccc; width:200px;}
textarea{height:80px;}
button, select, input[type="radio"], input[type="checkbox"] { padding:0; border:none; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.submit, .reset { cursor:pointer; outline:none; border:none; width:212px; color:#fff; padding:5px; background:#1a638d; }
.submit:hover { background:#4a99c6; }
.reset { background:#f1f1f1; }
/* other elements */
.datatable { border-top:1px solid #000; }
.datatable th { }
.datatable td { border-bottom:1px solid #000; padding:8px 4px; }
.notes { font-size:0.9em; }
.shout { font-size:1.2em; }
.shout2 { font-size:1.2em; }
.quote, blockquote {background:url(testimonialsbk.jpg) repeat-x left top #e2e2e2; padding:15px; border:solid 3px #e2e2e2; line-height:normal;}
.caption { float:right; width:220px; padding:15px; margin:0 0 0 25px; }
.custom1 { }
.custom2 { }
.clear { clear:both; }
.wrap { width:960px; margin:0 auto; padding:0; position:relative;}
#corner{background:url(corner.jpg) no-repeat left top; height:34px; width:34px; position:absolute; right:-13px; top:14px;}
/*  =HEAD
-------------------------------------------------------------- */
#header{padding:20px 0 0; overflow:hidden;}
#logo{ width:350px; height:97px; margin:0; display:block; float:left;}
#call{float:right; width:300px; color:#7a4d6d; text-align:right; font-size:20px; padding:10px 10px 0 0;}
#call p{margin:0 0 10px;}
#call span{color:#000000;}
#intro{color:#7a4d6d; font-size:24px; text-align:center; padding:10px 0;}
/*  =MENU
-------------------------------------------------------------- */
#nav { background:#60c6c1; height:25px; z-index:9; list-style-type:none; padding:5px; margin:0; }
#nav ul { list-style-type:none; padding:0; margin:0; }
#nav li { float:left; position:relative; z-index:9; min-height:10px; }
#nav li a { display:block; height:25px; line-height:25px; text-decoration:none; color:#fff; padding:0 15px; background:url(menu_line.jpg) right top no-repeat; }
#nav li a:hover, #nav li a#active {  color:#064e4a; }
#nav li.nav_parent ul.nav_child { display:none; position:absolute; left:0; top:25px; background:#ccc; width:100px; height:auto; }
#nav li.nav_parent:hover ul.nav_child { display:block; }
#nav li.nav_parent ul.nav_child li { float:none; }
#nav li.nav_parent ul.nav_child li a { line-height:normal; padding:8px 10px; height:auto; }
#nav li.nav_parent2 ul.nav_child2 { display:none; position:absolute; left:100px; top:0; background:#ccc; width:100px; height:auto; }
#nav li.nav_parent2:hover ul.nav_child2 { display:block; }
/*  =PAGECONTENT
-------------------------------------------------------------- */
#banner{clear:both; overflow:hidden;}
#banner .slides{float:left; width:319px; margin:0 0 0 1px; position:relative;}
#banner #kitchens{margin:0;}
#banner .cover{position:absolute; width:319px; height:174px; left:0; top:0; z-index:9}
#banner .cover a{ width:319px; height:174px; display:block;}
#kitchens .cover{background:url(kitchens_cover.png) no-repeat left top;}
#bathrooms .cover{background:url(bathroom_cover.png) no-repeat left top;}
#taps .cover{background:url(tap_cover.png) no-repeat left top;}
#banner .slideshow{margin:0 0 2px; width:319px; height:174px;}
#content_top{background:url(topbk.jpg) no-repeat center top;}
#content_wrap{background:url(bk.jpg) repeat-y center top; overflow:hidden;}
#content{ clear:both; padding:10px 0; margin:0; }
#buttons{border-bottom:solid 3px #b1d790; border-top:solid 3px #b1d790; height:66px;}
#buttons a{margin:2px 0 2px 2px; height:62px; width:238px; display:block; float:left; position:relative;}
#buttons a.homepro{margin:2px 0;}
#buttons a.facebook img{position:absolute; left:0; top:-6px; height:68px; width:238px;}
#buttons a.fair_trade img{position:absolute; left:0; top:-14px; height:76px; width:238px;}
/*  =FOOTER
-------------------------------------------------------------- */
#footer { clear:both; height:152px; padding:30px 10px 10px; color:#ccc;  font-size:10px; margin:0; background:url(footbk.jpg) no-repeat center top; overflow:hidden;  }
#contact{padding:10px 0 0;}
#contact .left{float:left; width:220px; position:relative;}
#footer p{ margin:0 0 2px}
#contact .submit{position:absolute; width:55px; height:36px; background:url(send.jpg) no-repeat left top; right:-46px; top:5px; text-indent:-99999px; overflow:hidden; font-size:1px;}
#contact{float:left; width:500px;}
#linkbk { font-size:10px; color:#676767; padding:50px 0 0; float:right; width:400px; text-align:right;}
#footer a{color:#676767;}
#footer .right{float:right; text-align:right;}
.testimonials{background:url(testimonialsbk.jpg) no-repeat left top; width:191px; height:195px; padding:10px; color:#fff; margin:10px 0 0;}
.testimonials h3{color:#fff;}
.testimonials strong{color:#cbb9c6;}
/*  =VALIDATION
-------------------------------------------------------------- */
.errors, .error { display:none;}
.errorField { background: url(form_error.png) no-repeat 99% 3px #fff; color:#333; }
.completedField { background: url(form_correct.png) no-repeat 99% 3px #fff; color:#333; }

#content a img{border:solid 3px #5cbeb9;}