@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;}
.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;}

.brochure-box {width:150px; float:right; margin: 0px 25px; padding: 5px;}

#sample-image {border-color:#CCC; border:thin; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} 
.all-profiles {width:350px; height:80px; margin:5px; padding:10px; border:1px solid #CCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px}
#cabp-profiles {float:left;  margin: 0px 15px 5px 8px; -moz-box-shadow: 0px 4px 4px #888; -webkit-box-shadow: 0px 4px 4px #888;  box-shadow: 0px 4px 4px #888;   border-color: #888; border-width: 1px; }
#cabp-profiles:hover { -moz-box-shadow: 0px 0px 10px #005e9f; -webkit-box-shadow: 0px 0px 10px #005e9f; box-shadow: 0px 0px 10px #005e9f; border-color: #CCC; border-width: 1px; }

ul#draw-list { font-family:Verdana, sans-serif; font-size:0.7em; color:#000000; text-align:left; margin: 15px; line-height: 2em; list-style:none; padding:0px; }
ul#draw-list li {border: 1px solid #CCC; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; display:block; margin-bottom:10px; padding:6px; }
ul#draw-list li:hover {border-color:#009dd6; background-color:#eaeaea;}
h6 {font-family:Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#005e9f; padding: 0px; margin: 0px;}
#pdf {display:block; height:30px; width: 100px; padding: 15px 30px 0px; margin:2px; background-image:url(../../../images/icons/bullet-pdf.png); background-position:left; background-repeat:no-repeat; font-weight:bold;}
#dwg {display:block; height:30px; width: 100px; padding:15px 30px 0px; margin:2px; background-image:url(../../../images/icons/bullet-dwg.png); background-position:left; background-repeat:no-repeat; font-weight:bold;}


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

#body-image {border:1px solid #CCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#body-image-small {border:1px solid #CCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin:5px;}
#thumb-image {border:1px solid #CCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; float:left; margin:10px;}
#matrix-inside {padding-top:72%; padding-left:70%;}
#dl-thumb { margin: 0px 5px 8px;
 -moz-box-shadow: 0px 4px 4px #888;
 -webkit-box-shadow: 0px 4px 4px #888;
 box-shadow: 0px 4px 4px #888;
 border-color: #888; border-width: 1px;
}
#dl-thumb:hover {
 -moz-box-shadow: 0px 0px 10px #005e9f;
 -webkit-box-shadow: 0px 0px 10px #005e9f;
 box-shadow: 0px 0px 10px #005e9f;
 border-color: #CCC; border-width: 1px;
}
.dl-item {width: 150px; height: 221px; float:left; text-align:center;}



/* 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; }

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

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;
}

/*Footer
------------------------------------------------------------ */
.footer {
	padding: 15px 0;
	border-top: 1px solid #A2A2A2;
	margin: 15px 0 0;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.54, rgb(219,219,219)),
    color-stop(0.86, rgb(197,197,197))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(219,219,219) 54%,
    rgb(197,197,197) 86%
);

background-image:url(../images/footer_logos/footerbg.jpg);
background-repeat:repeat-x;
background-color:#dbdbdb; 
	}
	
.footer a:link, .footer a:visited { color: #444; }
.footer a:hover { text-decoration: underline; }

.footer-container {width: 955px; margin:auto;}

/*Footer Columns
---------------------------------------*/
.footer-column {
	float: left;
	width: 288px;
	height: 320px;
	margin-right: 30px;
	padding-bottom: 20px;
	color: #413f3e;
	font-size: 0.9em !important;
}

#footer-column-level2 {
	height:200px !important;
	}

.footer-column h2 {
	font-size: 1em;
	border-bottom: 1px solid #A2A2A2;
	padding-bottom: 2px;
}
.footer-column p {
	margin: 15px 0;
}

/*Copyright
---------------------------------------*/
#copyright {
	display: block;
	clear: both;
	padding-top: 1px;
	font-size: 0.8em;
	border-top: 1px solid #A2A2A2;
	margin-right:30px;
}

#accredit {
	float: left;
	width: 606px;
	margin-right: 30px;
	padding-bottom: 20px;
	color: #413f3e;
	font-size: 0.9em !important;
}

#accredit h2 {
	font-size: 1em;
	border-bottom: 1px solid #A2A2A2;
	padding-bottom: 2px;
}

#footer-logo { 
height:50px;
width:50px;
border:0px;
margin:6px;
border:none;
}

.teaser_feed_3 { background:none !important;}
.teaseritem_feed_3:hover {text-decoration:underline;}