@charset "utf-8";
/*
Author: Darren Jones
Author URL: http://www.gcweb.com.au/
*/

/* Overall page structure
========================================================== */
body { background:#BCBCBC url(../images/common/bg_body.jpg) repeat-x; margin:0;}
div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,p,label {margin:0;padding:0;}

table {border-collapse:collapse;}

#container { width:998px; margin:0 auto 0;}

#content { display:block; background:url(../images/common/bg_content.png) repeat-y; padding:0 49px;}

a img { border:0px none;}
.clear { clear:both;}

#footer { display:block; clear:both; height:20px; background:url(../images/common/bg_footer.png) no-repeat top; font-family:Arial, sans-serif; font-size:12px; color:#fff; padding:8px 10px;}
#footer a { float:right; color:#fff; text-decoration:none;}
#footer a:hover { color:#005796;}

/* Header
--------------------------------------- */
#top { display:block; height:35px; width:614px; padding:9px 9px 0 384px; background:url(../images/common/bg_top.png) no-repeat; font-family:Arial, sans-serif; font-size:12px; color:#fff; font-weight:700;}
#top a { color:#fff; font-weight:700; text-decoration:none;}
#top a:hover { color:#0094F3;}

#top a.quote { padding-right:20px;}

input.search { width:150px; height:20px; padding:5px 5px 0 5px; background:url(../images/common/bg_search.gif) no-repeat; border:0px none;}


#header #logoPhone { display:block; height:140px;}
#header #logoPhone a.logo img { border:0px none; float:left; margin-top:17px;}
#header #logoPhone a.phone img { border:0px none; float:right; margin-top:45px;}
#header #maximizing { display:block; height:35px; background: url(../images/common/bg_menu.gif) repeat-x; border-bottom:1px solid #fff; font-family:"Arial Rounded MT Bold"; font-size:20px; font-weight:normal; text-align:center; line-height:35px; color:#fff;}
#header #image { display:block; height:194px; border-bottom:1px solid #fff;}


/* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/drop_menu.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */
.menu {padding:0; margin:0; height:30px; padding:5px 0 0 20px; position:relative; width:880px; font-family:Arial, sans-serif; font-size:12px; background: url(../images/common/bg_menu.gif) repeat-x; z-index:100;}
.menu ul {padding:0;margin:0;list-style-type:none; height:30px; width:880px;}
.menu ul ul {width:150px;}
.menu ul li {float:left; height:30px;line-height:30px; margin-right:1px;}
.menu ul li.last {float:left; height:30px;line-height:30px; margin-right:0px;}
.menu ul ul li {display:block;height:auto; line-height:1em;}
.menu a, .menu a:visited {display:block; float:left; height:25px; text-decoration:none; font-weight:normal; color:#fff; line-height:23px; padding:0 12px 6px 0; background:none; margin-right:2px;}

.menu ul ul li.end { background: url(../images/common/bg_dropFooter1.gif) no-repeat; display:block; width:180px; height:11px;}
.menu ul ul ul li.top { background: url(../images/common/bg_dropheader.png) no-repeat; display:block; width:180px; height:11px;}
.menu ul ul ul li.end { background: url(../images/common/bg_dropFooter2.png) no-repeat; display:block; width:180px; height:11px;}


.menu a b, .menu a:visited b { display:block; float:left; height:30px; background:none; padding:0 0 0 12px; cursor:pointer; font-weight:normal;}

.menu ul ul a, .menu ul ul a:visited {display:block; background:#1568BB; color:#fff;width:13em;height:100%;line-height:1em; padding:0.5em 1em; text-align:left}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:14em; w\idth:12em;}
.menu table {position:absolute; left:1px; top:0; width:0; height:0; font-size:1em; z-index:-1;}
.menu ul ul ul a, .menu ul ul ul a:visited {background:#1568BB;}
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#1568BB;}
.menu ul :hover a.sub {background:#014F85;}
.menu ul :hover a.sub1 {background:#014F85 url(../images/common/img_dropArrow.gif) no-repeat 165px;}
* html .menu a:hover {position:relative; z-index:100;}
.menu li:hover {position:relative;}

.menu a:hover { background:url(../images/common/bg_menuRight.gif) no-repeat right top;}

.menu li a b:hover { background: url(../images/common/bg_menuLeft.gif) no-repeat left top;}


.menu a.pg { background:url(../images/common/bg_menuRight.gif) no-repeat right top;}
.menu li a.pg b { background: url(../images/common/bg_menuLeft.gif) no-repeat left top;}


* html .menu ul ul a:hover{color:#FFCC00;background:#1568BB; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#FFCC00;background:#1568BB;}
* html .menu ul ul ul a:hover {background:#1568BB; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#1568BB;}
.menu ul ul ul ul a:hover {background:#1568BB; position:relative; z-index:130;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0;width:14em;}
.menu ul ul ul{left:12em;top:0;width:14em;}
.menu ul :hover ul{visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{visibility:visible;}
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}


/* Wording
--------------------------------------- */
#wording { display:block; padding:20px 0; background:#fff; font-family:Arial, sans-serif; font-size:13px; font-weight:normal; color:#666;}
#wording #welcome { width:885px; line-height:16px;}
#wording #information { width:900px; }

#information ul { display:block; width:205px; float:left;}
#information ul li { display:block; list-style:none;}

#information ul li a img.title { border-bottom:1px solid #005796; margin-bottom:5px; padding:0;}
#information ul li img.title { border-bottom:1px solid #005796; margin-bottom:5px; padding:0;}
#information ul li img.photo { margin-bottom:10px;}
#information ul li a { display:block; height:30px; border-bottom:1px solid #DFDFDF; color:#666; text-decoration:none; line-height:30px;}
#information ul li a img { border:0px none; padding:0 3px 3px 2px;}
#information ul li a:hover { color:#005796}

#information ul.comm, #information ul.office { margin-left:16px;}
#information ul.services { margin-left:16px; width:235px;}


#information hr { clear:both; border-bottom:1px solid #005796; height:1px; margin:15px 0;}


#information ol { display:block; background:#F3F3F3; padding:10px 10px 15px 10px; height:35px; margin-top:15px; font-size:13px;}
#information ol li { list-style:none; display:inline;}
#information ol li a { display:block; float:left; color:#666; text-decoration:none; margin-bottom:5px;}
#information ol li a img { border:0px none; padding:0 8px 3px 5px;}
#information ol li a:hover { color:#005796;}

#information ol li a.first { width:200px;}
#information ol li a.second { width:230px;}
#information ol li a.third { width:260px;}

#googleMap { display:block; width:600px; height:400px; float:right; padding:5px; border:1px solid #005796;}

#contactform label{ float:left; width:80px; font-family:Arial, sans-serif; font-size:13px; color:#666; font-weight: normal;}
#contactform input, textarea, select { width:175px; margin-bottom:5px; padding:5px; border:1px solid #005796; font-family:Arial, sans-serif; font-size:13px; color:#666;}
#contactform textarea{ width:175px; height:150px;}
button.hover_button { background: url(../images/common/bg_submit.gif) repeat-x; height:30px; font-family:Arial, sans-serif; border:1px solid #005796; color:#fff; width:187px; cursor:pointer; margin-left:80px;}
button.hover_button:hover {	background: url(../images/common/bg_submit.gif) repeat-x 0 -30px;}
.red { color:#FF0000;}
#contactform br { clear:both;}

/* Site Inspection or Quote */
#content.inspectionQuote { height:1200px;}
#inspectionQuote { display:block; font-family:Arial, sans-serif; font-size:13px; font-weight:normal; color:#666; position:relative;}

#inspectionQuote br { clear:both;}

#inspectionQuote #personDetails { display:block; width:450px; height:auto; position:absolute; top:30px; left:0;}
#inspectionQuote #ineed { display:block; width:400px; height:auto; padding:20px 0 0 0; position:absolute; top:30px; right:0;}
#inspectionQuote #ineed p { padding:3px 0 5px 0;}

#inspectionQuote fieldset { padding:0px 7px 14px; border:1px solid #005796; text-align:left; display:block; margin-top:7px;}
#inspectionQuote legend { color:#005796; font-weight:700; margin-bottom:3px; padding:5px;}
#inspectionQuote label { display:block; float:left; width:80px; text-align:left; color:#666; padding:4px; height:auto;}
#inspectionQuote label.ineed { height:40px; width:130px; color:#005796; font-weight:700;}
#inspectionQuote label.drop { width:230px;}
#inspectionQuote label.cometo { width:110px;}

#inspectionQuote input { border:1px solid #005796; width:110px; padding:4px; margin-bottom:2px;}
#inspectionQuote input.name { float:left; margin-right:10px;}
#inspectionQuote input.tick { display:block; float:left; width:20px; margin:0 10px 0 0;}
#inspectionQuote input.state { width:80px;}

#inspectionQuote textarea { border:1px solid #005796; width:300px; height:80px; padding:0 4px; margin-bottom:2px;}

#SiteInspection { display:block; width:445px; height:auto; position:absolute; top:280px; left:0;}
#SiteInspection button.hover_button, #QuoteNeeded button.hover_button { margin-left:118px;}
#QuoteNeeded { display:block; width:445px; height:auto; position:absolute; top:280px; right:0;}


/* Shopping Cart
--------------------------------------- */
#wording.shoppingCart { padding:20px 0;}
#shoppingCart { display:block;}



.viewProductTxt { font-size:12px; color:#005796;}

#wording h1.title { font-size:18px; color:#005796; font-weight:normal;}

.detailprice { margin-top:15px;}

a.requestQuote { display:block; width:210px; height:25px; background:#013354 url(../images/cart/bg_quote.gif) no-repeat; color:#fff; text-decoration:none; font-size:11px; line-height:25px;}
a:hover.requestQuote { color:#fff; background:url(../images/cart/bg_quote.gif) no-repeat 0 -25px;}

td div.detailname { font-size:18px; color:#005796; font-weight:normal;}

p.prodnavigation { font-size:13px; color:#666;}
p.prodnavigation a.ectlink { font-size:13px; color:#005796; text-decoration:none;}
p.prodnavigation a:hover.ectlink { color:#666; text-decoration:underline;}

/* Categories css */

td.catname { text-align:center;}

td.catnavigation { color:#666; font-size:13px; font-weight:normal;}
td.catnavigation a.ectlink { color:#005796; text-decoration:none;}
td.catnavigation a:hover.ectlink { color:#666; text-decoration:underline;}

a.ectlink img.catimage { display:block; padding:4px; border:1px solid #005796; margin-top:2px;}
a:hover.ectlink img.catimage { padding:4px; border:1px solid #005796; background:#005796;}

p.catname a.ectlink { color:#005796; text-decoration:none;}
p.catname a:hover.ectlink { color:#666; text-decoration:underline;}




td.prodimage a.ectlink { display:block; padding:4px; border:1px solid #005796; margin-top:2px;}
td.prodimage a:hover.ectlink { padding:4px; border:1px solid #005796; background:#005796;}

div.prodname a.ectlink { color:#005796; text-decoration:none;}
div.prodname a:hover.ectlink { color:#666; text-decoration:underline;}


a.ectlink { color:#005796; text-decoration:none;}
a:hover.ectlink { color:#666; text-decoration:underline;}

.prodprice { margin-bottom:10px;}

table .products { border-collapse:collapse;}