@charset "utf-8";
/* One Stylesheet To Rule Them All
External Stylesheet links below  */

@import url("../css/tabs.css"); /*Top Of Each Page Tabs*/
@import url("../css/slider.css"); /*S3 based Slider Code*/
@import url("../css/submenu.css"); /*Each Page Left Nav*/

/*---------------------------------------------------------------------------------------------------------------------------*/

body {margin: 0px 0px 0px 0px; background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-color:#FFFFFF;}

/*Divs*/

.container { margin:auto; width:955px; height:auto;}
.header { margin:auto; width:955px; height: 250px; vertical-align:top;}
.clear { clear: both; font-size: 0px; width: 0px; line-height: 0px; height: 0px; display: block; overflow: hidden;}
.tabs {margin:auto; width:955px; height:45px;}
.content_container {margin:auto; width: 955px; height: auto; background-color:#FFFFFF;}
.sub_menu {margin:auto; padding-left:0px; padding-top:3px; float:left; width:160px; height:auto;}
.content {margin:3px auto auto; float:right; width:793px; height:auto;}
.feature {margin:auto; width:787px; height:265px;}
.feature_expandable {margin:auto; width:787px; height:auto; padding:3px 3px 0px 3px;}
.text_container {margin:auto; width:795px; height:auto;}
.text1 { margin:auto; padding: 0px 5px 5px 5px; width:387px; height:auto; float:left;}
.text2 { margin:auto; padding: 0px 5px 5px 5px; width:387px; height:auto; float:right;}
.text3 { margin:auto; padding: 0px 5px 5px 5px; width:375px; height:600px; float:left;}
.text4 { margin:auto; padding: 80px 5px 5px 5px; width:375px; height:auto; float:right;}
.textspan { margin:auto; padding-right:3px; width:787px; height:auto; float:right;}
.gallery {height: 650px; background-image:url(../images/corner_watermark.jpg); background-repeat:no-repeat; background-position: right bottom; text-align:center;}
.gallery_auto {height: 550px; background-image:url(../images/corner_watermark.jpg); background-repeat:no-repeat; background-position: right bottom; text-align:center;}
.footer {margin:auto; margin-top:10px; width:955px; height:120px;}
.footer_images { margin:5px; width:500px; height:auto; float:left;}
.mini-dl { height: 130px;}
.mini-dl_left { width: 94px; text-align:center; float:left;}
.mini-dl_right { width: 220px; float:right;}
.mediaspan { margin:auto; padding-left:5px; padding-right:5px; padding-bottom:5px; width:auto; height:250px; vertical-align:bottom; }

.map {margin: 5px; float:right; width: 430px; height: 600px;}
.map_text {margin: 5px; float:left; width: 300px; height: 600px;}
.contentf_map {background: #f5f5f5; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; vertical-align:top; height:610px;}
.contentf_survey {background: #f5f5f5; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; vertical-align:top; height:1500px;}

.survey {overflow:scroll; background-color:#FFFFFF; text-align:center; display:none; height:auto;}

/*New Product Layout*/
.product-content {margin:auto; width:780px; height:auto;}
.product-image {width:780px; height:350px; background:#FFFFFF;}

.product-wrap {width:780px; height:auto; margin-bottom:20px;}

.product-title {width:785px; height:50px; padding-top:10px; padding-left:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#005e9f; background-image:url(../images/title-bg.jpg); background-position: 0px 0px; background-repeat:no-repeat;}

.product-feature {width:375px; height:auto; padding: 5px; background:#fdfdfd; background-image:url(../images/product-feature-bg.jpg); background-repeat:repeat-x;}

#product-left { float:left;}
#product-right { float:right;}
#product-full {float:left; width:100%;}

.btt {height:15px; width:75px; color:#005e9f; background-image:url(../../../images/up.jpg); background-repeat:no-repeat; background-position:0px 0px; float:right; margin:5px; margin-left:700px; padding-left: 12px; text-align:right;}

.btt:hover {background-position:0px -14px;}

/* Image Options */
#img_floatRight {    float: right; margin: 4px; text-align:right; }
#img_floatLeft {    margin: 4px; text-align:left; }

/* Text */

#footer_text {	font-family:Verdana, sans-serif; font-size:9px; color:#666666; padding-right:5px; text-align:right; max-width:400px; float:right;}
#body_text { padding: 5px; text-align:left;}
#heading {font-family:Helvetica, sans-serif; font-weight:bold; font-size:14px; line-height:14px; color:#005e9f;}
.hydra {font-family:Verdana, sans-serif; font-size:10px;}
.premier {font-family:Verdana, sans-serif; font-size:10px;}

ul#list { font-family:Verdana, sans-serif; font-size:0.7em; color:#000000; text-align:left; margin: 0px 5px 10px; line-height: 2em; list-style:disc; }

ul.list-small {list-style:disc; font-family:Verdana, sans-serif; font-size: 0.6em; color:#000000; margin-left:-25px; margin-right:5px; line-height:1.3em;}

#tab_select { font:Helvetica, sans-serif; font-size:10px; color:#999999; text-align:left;}

p {font-family:Verdana, sans-serif; font-size:0.7em; line-height:1.5em; color:#000000; text-align:left; margin: 0px 5px 10px; }
p.small_print {	font-family:Verdana, sans-serif; font-size:0.56em; color:#666666;}
p.caption {	font-family:Verdana, sans-serif; font-size:9px; color:#666666; text-align:center; margin:3px;}
p.contact {	font-family:Verdana, sans-serif; font-size:10px; color:#666666; text-align:right; margin:3px;}
p.quote { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; text-align:right; margin:3px; font-style:italic;}
p.quote-caption {	font-family:Verdana, sans-serif; font-size:9px; color:#666666; text-align:right; margin:3px;}

h1 {font-family:Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#005e9f; text-align:left; margin: 0px 5px 10px;}
h2 {font-family:Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#005e9f; padding: 5px; margin: 0px;}
h3 {font-family:Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#000000; margin: 5px 0px;}
h4 {font-family:Helvetica, sans-serif; font-weight:bold; color:#999999; margin-top: -5px; margin-left: 5px;}
h5 {font-family:Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#005e9f; margin: 0px 0px 0px 3px; line-height: 1.5em; }

h4:hover {font-family:Helvetica, sans-serif; font-weight:bold; color:#009dd6; margin-top: -5px; margin-left: 5px;}

a { line-height:1.3em; text-decoration: none; color: #005e9f; }
a:hover { color: #009dd6; text-decoration:underline; }

strong { margin:0px 0px 0px;} 

/*Installation image*/
.instal_container { height:150px; width:340px; margin-bottom:5px;}
.instal_img { width: 145px; float:left;}
.instal_text { width: 185px; float:right;}

/*NBS*/
.nbs_dl { height:60px; vertical-align:top; width:100%; margin-bottom:5px;}
.nbs_dl_s { height:33px; vertical-align:top; width:100%; margin-bottom:5px;}
.nbs_dl_l {width:50px; text-align:left; float:left;}
.nbs_dl_r {width:285px; float:right; height:auto; padding-top:5px;}


/* Infoboxes */
.ib-container { height:150px; width:auto;}
.ib-container-large { height: auto; width: auto;}

.b1ib, .b2ib, .b3ib, .b4ib{font-size:1px; overflow:hidden; display:block;}
.b1ib {height:1px; background:#eaeaea; margin:0 5px;}
.b2ib {height:1px; background:#fff; border-right:2px solid #eaeaea; border-left:2px solid #eaeaea; margin:0 3px;}
.b3ib {height:1px; background:#fff; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; margin:0 2px;}
.b4ib {height:2px; background:#fff; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; margin:0 1px;}
.contentib {background: #fff; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea;}
.contentib div {margin-left: 5px;}

.ib-content { height:130px; width:auto;}
.ib-content-large { height:auto; width:auto;}

.ib-image { height:auto; width:120px; padding: 2px; float:left; text-align:center; vertical-align:middle;}
.ib-text { height:auto; width:630px; padding: 2px; float:right; text-align:left;}


/* Infoboxes - Small (40px) */
.ibs-shell { margin: 5px 0px;}
.ibs-container { height:115px; width:auto;}

.b1ibs, .b2ibs, .b3ibs, .b4ibs{font-size:1px; overflow:hidden; display:block;}
.b1ibs {height:1px; background:#eaeaea; margin:0px 5px;}
.b2ibs {height:1px; background:#fff; border-right:2px solid #eaeaea; border-left:2px solid #eaeaea; margin:0px 3px;}
.b3ibs {height:1px; background:#fff; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; margin:0px 2px;}
.b4ibs {height:2px; background:#fff; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; margin:0px 1px;}
.contentibs {background: #fff; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea;}
.contentibs div {margin-left: 5px;}

.ibs-content { height:115px; width:auto;}
.ibs-image { height:115px; width:60px; float:left; text-align:center; }
.ibs-text { height:115px; width:650px; padding: 2px; float:right; text-align:left;}

.register-content { height:30px; width:auto; vertical-align:middle; padding-top:10px;}
.register-image { height:40px; width:50px; float:left; text-align:center; }

/* Infoboxes NBS */
.ib_nbs-container { height:80px; width:auto;}

.b1ib_nbs, .b2ib_nbs, .b3ib_nbs, .b4ib_nbs{font-size:1px; overflow:hidden; display:block;}
.b1ib_nbs {height:1px; background:#eaeaea; margin:0 5px;}
.b2ib_nbs {height:1px; background:#fff; border-right:2px solid #eaeaea; border-left:2px solid #eaeaea; margin:0 3px;}
.b3ib_nbs {height:1px; background:#fff; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; margin:0 2px;}
.b4ib_nbs {height:2px; background:#fff; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; margin:0 1px;}
.contentib_nbs {background: #fff; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea;}
.contentib_nbs div {margin-left: 5px;}

.ib_nbs-content { height:70px; width:auto;}
.ib_nbs-image { height:auto; width:60px; padding: 2px; float:left; text-align:center;}
.ib_nbs-text { height:auto; width:630px; padding: 2px; padding-top:5px; float:right; text-align:left;}

/* Rounded White With Boarder */

.b1fe, .b2fe, .b3fe, .b4fe{font-size:1px; overflow:hidden; display:block;}
.b1fe {height:1px; background:#eaeaea; margin:0 5px;}
.b2fe {height:1px; background:#fff; border-right:2px solid #eaeaea; border-left:2px solid #eaeaea; margin:0 3px;}
.b3fe {height:1px; background:#fff; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; margin:0 2px;}
.b4fe {height:2px; background:#fff; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; margin:0 1px;}
.contentfe {background:#fff; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea;}
.contentfe div {margin-left: 0px;}

/* Rounded f5f5f5 */

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#eaeaea; margin:0 5px;}
.b2f {height:1px; background:#f5f5f5; border-right:2px solid #eaeaea; border-left:2px solid #eaeaea; margin:0 3px;}
.b3f {height:1px; background:#f5f5f5; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; margin:0 2px;}
.b4f {height:2px; background:#f5f5f5; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; margin:0 1px;}
.contentf {background: #f5f5f5; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; vertical-align:top;}
.contentf div {
	margin-left: 0px;
}
.contentf2 {background: #f5f5f5; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; vertical-align:top; height:700px;}
.contentf3 {background: #f5f5f5; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; vertical-align:top; height:450px;}


/* Footer Rounded*/
.b1ft, .b2ft, .b3ft, .b4ft{font-size:1px; overflow:hidden; display:block;}
.b1ft {height:1px; background:#f5f5f5; margin:0 5px;}
.b2ft {height:1px; background:#f5f5f5; margin:0 3px;}
.b3ft {height:1px; background:#f5f5f5; margin:0 2px;}
.b4ft {height:2px; background:#f5f5f5; margin:0 1px;}
.contentft {background:#f5f5f5; height:100px; background-image:url(../images/footer.jpg); background-repeat:no-repeat; background-position:left; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea;}
.contentft div {margin-left: 5px;}

/* Top Rounded*/
.b1ftop, .b2ftop, .b3ftop, .b4ftop{font-size:1px; overflow:hidden; display:block;}
.b1ftop {height:1px; background:#ededed; margin:0 5px;}
.b2ftop {height:1px; background:#ededed; margin:0 3px;}
.b3ftop {height:1px; background:#ededed; margin:0 2px;}
.b4ftop {height:2px; background:#ededed; margin:0 1px;}
.contentftop {background:#FFFFFF;}
.contentftop div {margin-left: 0px;}

/*Download Icons 40px*/
#pdf_download { display:block; width: 40px; height: 54px; background-image:url(../images/icons/icon-pdf-40.png); margin: 2px 10px; background-position: 0px 0px; }
#pdf_download:hover, #dwg_download:hover, #doc_download:hover {background-position: 0px -54px;}

#dwg_download { display:block; width: 40px; height: 54px; background-image:url(../images/icons/icon-dwg-40.png); margin: 2px 10px; background-position: 0px 0px; }

#doc_download { display:block; width: 40px; height: 54px; background-image:url(../images/icons/icon-doc-40.png); margin: 2px 10px; background-position: 0px 0px; }

#pdf_download_small { display:block; width: 20px; height: 27px; background-image:url(../images/icons/icon-pdf-20.png); margin: 2px 0px; background-position: 0px 0px; }
#pdf_download_small:hover {background-position: 0px -27px;}

#pdf_download-30 { display:block; width: 30px; height: 41px; background-image:url(../images/icons/icon-pdf-30.png); margin: 2px 10px; background-position: 0px 0px; }
#pdf_download-30:hover {background-position: 0px -41px; }

#pdf_download_large { display:block; width: 80px; height: 108px; background-image:url(../images/icons/icon-pdf-80.png); margin: 2px 10px;  background-position: 0px 0px; }
#pdf_download_large:hover { background-position: 0px -108px; }

#zip40_download { display:block; width: 40px; height: 40px; background-image:url(../images/icons/icon-zip-40.png); margin: 2px 2px;  background-position: 0px 0px; }
#zip40_download:hover { background-position: 0px -40px; }

/*end dowload icons*/

#thumb img { margin: 11px; border: 0px;}
#download img { text-align:center; vertical-align:middle; border: 0px;}
img.floatLeft { float: left; margin: 2px; }
img.floatRight {float: right; margin: 2px;}
img.medium {padding: 5px; text-align:center; vertical-align:middle;}

/* Icons */
#icon-architect { display:block; background-image:url(../images/icons/architect.png); height: 48px; width: 48px; margin: 2px 10px; background-position: 0px 0px; }
#icon-cladding-contractor { display:block; background-image:url(../images/icons/claddingcontractor.png); height: 48px; width: 48px; margin: 2px 10px; background-position: 0px 0px; }
#icon-developer { display:block; background-image:url(../images/icons/developer.png); height: 48px; width: 48px; margin: 2px 10px; background-position: 0px 0px; }
#icon-main-contractor { display:block; background-image:url(../images/icons/maincontractor.png); height: 48px; width: 48px; margin: 2px 10px; background-position: 0px 0px; }
#icon-specifier { display:block; background-image:url(../images/icons/specifier.png); height: 48px; width: 48px; margin: 2px 10px; background-position: 0px 0px; }

#icon-architect:hover, #icon-cladding-contractor:hover, #icon-developer:hover, #icon-main-contractor:hover, #icon-specifier:hover { background-position: 0px -48px; }

#icon-new { display:block; background-image:url(../images/icons/new.png); height:20px; width:56px; background-position: 0px 0px; border:0;}
#icon-new:hover { background-position: 0px -20px; }

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -135px;
    width: 270px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/*JQ Validation*/
#error {
	color:red;
	font-size:10px;
	display:none;
}
.needsfilled {
	background:#005e9f;
	color:white;
}