@charset "iso-8859-1";

/* Product Directory Specific Styles */
/* Use this style sheet to customise the current 
   website in terms of branding and internal site 
   specific layouts.
   
   You can use this to alter global level elements
   aswell however this must be done within the
   confines of maintaining the corporate presence.
*/


.toolsdropdown {position:absolute; visibility: hidden; border: 1px solid #88bc40; background-color: white; width: 190px; padding: 0 8px;margin-top:-12px;z-index:30000;}

.toolsdropdown ul,.toolsdropdown li {list-style:none;background:none;padding:0;margin:0;padding:4px 0;}

.toolsdropdown li img {margin-right:8px;vertical-align:middle;}



.productTitle {
	margin					: 0 0 10px 0;
	padding					: 0;
	/*font-family				: "Times New Roman", Times, serif;*/

	color					: #666666;
	font-weight				: normal;
    font-size               : 22px;
	/*letter-spacing				: -1px;*/
	font-family				: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size               : 23px;
	line-height: 1.4em;
}

h1.optiTitle {

	font-family				    : "Times New Roman", Times, serif;
	font-family				: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color					: #323232;
	margin					: 0 0 10px 0;
	padding					: 0;
}

h2.productTitle {
	font-size:25px;
	padding-top:4px;
}

.genericgeneric h2.productTitle {font-size:22px;}

h2.title {
	font-size				: 18px;
margin:0;
border:solid blue 0px;
font-weight:normal;
}

#content p {margin-top:0px;border:red solid 0px;}

h2.title {padding-top:20px;border:blue solid 0px;padding-top:8px;padding-bottom:6px;}


/* SEGOE FIX*/

h1.title {
	font-size				: 24px;
border: red solid 0px;
margin:0;
}


h3 {
	font-size				: 15px;
}


#content.downloadPage, .benefitHolder {
	padding:20px;
}

.benefitHolder 
{
    padding: 0x 20px 20px 20px;
}

.downloadPage .slogan,.benefitHolder .slogan {margin-bottom:0px;}



.byBenefit {
	width:410px;
	display:block;
	/*float:left;*/
	padding:0px;
	padding-top:10px;
	
	margin:0 10px 0 10px;
	border:#CCC solid 0px;
	position:relative;
	color:#5f5f5f;
    cursor: pointer;
}



.byBenefit span {
	display:block;
	padding:10px;
	padding-top:0;
	padding-bottom:0;
	padding-left:70px;
	min-height:90px;
	height:auto !important;
	height:90px;
}

.byBenefit span p {
padding:0;margin:0;

}

.byBenefit:hover {
	background:url(img/bybenefitbg.jpg) no-repeat top left;
color:#5f5f5f;
}

.byBenefit:hover span {
	background:url(img/bybenefitbg.jpg) no-repeat bottom left;
}

.byBenefit img {
	position:absolute;
	top:10px;
	left:10px;
}

/*.byBenefit */

#content strong.benefittitle {	color:#8abf45;

}

.byBenefit strong {
color:#5f5f5f;
}

/* HOME PAGE */

.flashFeature {
	height					: 375px;
}

.featureButtonWrap {
	background				: url(img/producthome/featurebarbottom.jpg) bottom left no-repeat;
	padding-bottom:10px;
}

.featureButtons {
	background				: url(img/producthome/featurebartop.jpg) no-repeat;
	min-height				: 90px;
	height					: auto !important;
	height					: 90px;

	width					: 900px;
	overflow				: hidden;
	margin					: 0;
	padding					: 5px 12px 5px 13px;
	list-style				: none;
}

.featureButtons li {
	float					: left;
	background:none;
	margin:0;
	padding:0;border:none;}

.featureButtons li a {
	display					: inline-block;
	width					: 160px;
	min-height				: 78px;
	padding					: 5px 5px 5px 60px;
	color					: #959595;
	position				: relative;
}

.featureButtons li a:hover {
	color					: #8abf45;
}

.featureButtons li img {
	border					: solid 0px #ccc;
	position				: absolute;
	left					: 0px;
	top					: 18px;
}

.featureButtons li h2 {
	padding					: 0;
	margin					: 20px 0 0 0;
	font-weight				: normal;
	font-size				: 16px;
	line-height				: 18px;
}

.featureButtons li span {
	font-size				: 11px;
	display					: block;
	line-height				: 13px;
}

/* USEFUL LINKS */

.usefulLinks {
	padding					: 5px;
	margin-bottom			: 40px;
	
}

.usefulLinks h2 {
	margin					: 0 0 10px 0;
	padding					: 10px;
	border-bottom			: #e5e5e5 solid 1px;
	color					: #959595;
	font-size				: 16px;
	font-weight				: normal;
}

.usefulLinks ul {
	padding					: 0;
	margin					: 0;
	list-style				: none;
	border					: #CCC solid 0px;
	min-height				: 90px;
}

.usefulLinks li {
	float					: left;
	background				: none;
	margin					: 0;
	padding					: 4px 10px 0 10px;
	border:none;
	list-style:none;
}

#content .usefulLinks li a {
	display					: inline-block;
	font-size				: 11px;
	width					: 190px;
	border-bottom			: #CCC dotted 1px;
	background				: url(img/greybullet.gif) no-repeat 2px 6px;
	padding					: 0 0 4px 14px;
	color					: #999;
}

.contentarea ul {
list-style:url(img/greybullet.gif);
}

#content .usefulLinks li a strong,#content .usefulLinks li a b {
color:#4a4a4a;
}
#content .usefulLinks li a:hover {
	color					: #8abf45;
}

#content .usefulLinks li a:hover strong, #content .usefulLinks li a:hover b {
/*color:#65912b;*/
color:#4a6b1e;
}

/* Product Page */

.lCol {
	width					: 435px;
	float					: left;
	margin-left				: 15px;
border:solid 0px red;
}

.lCol ul, .rCol ul, .contentarea ul {margin:0;padding:0 0 0 0;list-style:none !important;list-style-image: url("#") !important;overflow:auto;}

.lCol li, .rCol li, .contentarea li {background:url(img/greybullet.gif) 2px 6px no-repeat !important;padding-left:14px;margin-bottom:4px;border:transparent dotted 1px !important;background-color:transparent !important;}


.rCol li {margin-left:6px;}

.rCol {
	width					: 435px;
	float					: right;
	margin-right			: 15px;
}

.csGallery {
	width					: 435px;
	height					: 350px;

	margin-bottom			: 20px;
text-align:center;
}

.nocasestudy {
padding-top:30px;
height:250px;
text-align:center;
}



#vertical_slide,#vertical_slide2 {
	color: #8A7575;
	padding: 10px 20px;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom			: 10px;
}

.expanderHeader {
	background				: url(img/expander.jpg) left bottom no-repeat;
	width					: 403px;
	padding-bottom				: 16px;
	margin					: 0 auto 10px auto;
	position				: relative;
}

.expandIcon {
	position:absolute;
	top:15px;
	left:15px;
}

.expanderheaderTop {
	background				: url(img/expander.jpg) left top no-repeat;
	height					: 14px;
}

.expanderSwitch {
	display					: block;
	padding					: 0 10px;
	font-family				: Angelina;
	font-size				: 20px;
	color					: #666;
}

.expanderSwitch img {
	margin					: 0 10px;
}

.msg_head {
	padding: 4px 20px 5px 60px;
	cursor: pointer;
	position: relative;
	margin:1px;
	/*font-family				: Angelina;
	font-size				: 20px;*/
	font-size:16px;
}

.msg_head:hover {
	color:#000;
}

.msg_head img {margin:0 15px 0 0;vertical-align:middle;}

.msg_body {
	padding: 10px 20px 30px 20px;
color:#5f5f5f;
}


/* Product Map */

.productMapHolder {
border:#ccc dotted 0px;
width:886px;
padding-top:10px;
background:url(img/prodMapBGTop.png) no-repeat !important;
background:url(img/prodMapBGTop.gif) no-repeat;
display:none;
position:absolute;
top:154px;
left:18px;
margin: 0 auto;
margin-bottom:20px;
z-index: 99999;
}


.productMapHolder a:hover {
color:#fea201;
}

.productCurver {

background:url(img/prodMapBG2.png) no-repeat bottom left !important;
background:url(img/prodMapBG2.gif) no-repeat bottom left;
width:886px;
border:#ccc solid 0px;
}

.prodMapPadder {padding:20px;padding-top:0;}

.prodgroup {
border:#ffff00 solid 0px;
width:200px;
margin-right:15px;
float:left;
list-style:none;
}



.prodgroup li {
border-bottom: 0px dotted #ccc;
padding-left: 10px;
background: url(img/greybullet.gif) no-repeat 0px 6px;
list-style:url(/);
list-style:none;

cursor: pointer;
}

.prodFinal {
margin-right:0;
}

.prodgroup img {vertical-align:middle;margin-right:6px;}

.prodgroup ul {
margin:2px 0 10px 16px;
padding:0;
list-style:none;

}

.prodMapPadder h4 {float:left;color:#4a4a4a;}

.closeProdMap {
text-align:right;
color:red;
margin-bottom:15px;
display:block;
float:right;
}


.prodMapTitle {
font-size:12px;
font-weight:bold;
}

/**/

.appIcons {display:block;width:180px;float:left; margin-right:20px;border:#ccc solid 1px;}
.appIcons strong,.appIcons p {padding:10px;display:block;}

.appIcons strong {font-size:16px;text-transform:uppercase;}

.appIcons p {color:#4a4a4a;}

#branddiv div {
float:left;
border:#ccc solid 0px;
width:250px;
padding: 10px 20px;
}

.brandwrapper {padding:20px;}

#branddiv div h2 {margin:14px 0 5px 0;padding:0;}

.clearFix,.clear  {clear:both;padding:0;width:auto;}


.jcarousel-skin-tango .jcarousel-item {/*text-transform:capitalize;*/}

.benefitcol {width:430px;float:left;}




.horizontaldownloads
{
    list-style:none;
    padding:0px;
    margin:0px;
}

.contentarea .horizontaldownloads li
{
list-style:none;
    float:left;
    width:200px;
    height:200px;
    border: 0px solid #e2e2e2;
    text-align:center;
    padding:20px;
    background-image: url("#");
}

.horizontaldownloads img
{
    display:block;
margin:0 auto;
height:150px;
}



/* ---------- STYLES FOR APPLICATIONS LIST ON PRODUCT PAGES ---------- */
	div.prodapplisthouseholders{
		width: 354px;
		margin-top: 30px;
		margin-right: 8px;
		padding-bottom: 20px;
		float: left;
		background: url('img/AppBoxBack_Bottom.gif') no-repeat left bottom;
	}
	
	div.prodapplistcommercial{
		width: 354px;
		margin-top: 30px;
		padding-bottom: 20px;
		float: left;
		background: url('img/AppBoxBack_Bottom.gif') no-repeat left bottom;
	}
	
	div.applistheader{
		width: 326px;
		padding: 15px 10px 0px 18px;
		margin-bottom: 10px;
		background: url('img/AppBoxBack_Top.gif') no-repeat left top;
	}
	
	div.applistheader div.applisticon{
		float: left;
		margin-right: 5px;
		width: 32px;
		height: 32px;
	}
	
	div.applistheader div.applisttitle{
		float: left;
	}
	
	div.applistheader div.applisttitle h2{
		margin: 0px;
		padding: 4px 0px 0px 0px;
	}
	
	div.applistheader div.applistdesc{
		clear: both;
	}
	
	div.applistitem{
		width: 336px;
		padding: 0px 0px 15px 15px;
		clear: both;
	}
	
	div.applistitem div.applistitemicon{
		float: left;
		margin-right: 5px;
	}
	
	div.applistitem div.applistitemdesc{
		float: left;
		width: 275px;
	}
	
	div.applistitem div.applistitemdesc span{
		font-size: 0.85em;
	}
	
	
	
	
	
/* ---------- PRODUCT SHORTCUT DROPDOWN ---------- */


.productQuickSelect {width:182px;background:#ee1c25 url(/websitev2/both/styles/img/productBGcap.png) no-repeat;margin-left:4px;padding:0;padding-top:30px;}

.innerProductQuickSelect {background:url(/websitev2/both/styles/img/productPanelbg.jpg) no-repeat bottom left;padding:10px;padding-bottom:30px;}

.productQuickSelect ul {width:160px; height:20px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .productQuickSelect {width:160px; w\idth:159px;}
.productQuickSelect .selector{background:url(/websitev2/both/styles/img/productdropdownbg.jpg) no-repeat; height:20px; line-height:20px;padding-left:5px;}

/* remove all the bullets, borders and padding from the default list styling */
.productQuickSelect ul {padding:0;margin:0;list-style-type:none;}
.productQuickSelect ul ul {width:240px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.productQuickSelect li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.productQuickSelect a, .productQuickSelect a:visited {display:block;text-decoration:none; color:#636363; width:160px;}



#content .leftnav .productQuickSelect a strong, #content .leftnav .productQuickSelect a:visited strong {color:#4a4a4a;}

#content .leftnav .productQuickSelect a:hover, #content .leftnav .productQuickSelect a:hover strong {color:#fea201;}



/* a hack so that IE5.5 faulty box model is corrected */
* html .productQuickSelect a, * html .productQuickSelect a:visited {width:160px; w\idth:158px;}

/* style the second level background */

/* hide the sub levels and give them a positon absolute so that they take up no room */
.productQuickSelect ul ul {visibility:hidden; position:absolute;height:0;top:20px;top:20px;left:0; width:160px;border:#ccc solid 1px;height:auto;border-top:4px solid #ee1c25; width:240px;background:blue;}


/* another hack for IE5.5 */
* html .productQuickSelect ul ul {top:20px;t\op:21px;}

/* position the third level flyout menu */
.productQuickSelect ul ul ul{left:240px; top:-1px; width:240px;}



/* position the third level flyout menu for a left flyout */
.productQuickSelect ul ul ul.left {left:-240px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.productQuickSelect table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.productQuickSelect ul ul a, .productQuickSelect ul ul a:visited {background:#ffffff; height:auto; line-height:1em; padding:5px 10px; line-height:14px;width:220px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .productQuickSelect ul ul a, * html .productQuickSelect ul ul a:visited {width:240px;w\idth:238px;}

/* style the top level hover */
/*.productQuickSelect a:hover,*/ .productQuickSelect ul ul a:hover{background:#f2f2f2;}
/*.productQuickSelect :hover > a,*/ .productQuickSelect ul ul :hover > a {background:#f2f2f2;}

/* make the second level visible when hover on first level list OR link */

.productQuickSelect ul a:hover {overflow:hidden;}
.productQuickSelect ul li:hover ul,
.productQuickSelect ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.productQuickSelect ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.productQuickSelect ul :hover ul :hover ul{ visibility:visible;}


/**/
.productQuickSelect .primarySelector {z-index:201;position:relative;}
.productQuickSelect .secondarySelector {z-index:200;position:relative;margin-top:10px;}



/* BENEFIT LED CATEGORIES */
/* Glass Systems */
.glasssystems .productQuickSelect {background-color:#63b1a0;}
.glasssystems .productQuickSelect ul ul {border-top:4px solid #63b1a0;}

/* Fire Protection */
.fireprotection .productQuickSelect {background-color:#ed1c24;}
.fireprotection .productQuickSelect ul ul {border-top:4px solid #ed1c24;}

/* Thermal Insulation */
.thermalinsulation .productQuickSelect {background-color:#92cf9e;}
.thermalinsulation .productQuickSelect ul ul {border-top:4px solid #92cf9e;}

/* Solar Control */
.solarcontrol .productQuickSelect {background-color:#eea55f;}
.solarcontrol .productQuickSelect ul ul {border-top:4px solid #eea55f;}

/* Self Cleaning */
.selfcleaning .productQuickSelect {background-color:#7a8ec0;}
.selfcleaning .productQuickSelect ul ul {border-top:4px solid #7a8ec0;}

/* Noise Control */
.noisecontrol .productQuickSelect {background-color:#0081c9;}
.noisecontrol .productQuickSelect ul ul {border-top:4px solid #0081c9;}

/* Safety Security */
.safety-security .productQuickSelect {background-color:#9b9678;}
.safety-security .productQuickSelect ul ul {border-top:4px solid #9b9678;}

/* Decoration */
.decoration .productQuickSelect {background-color:#ae6375;}
.decoration .productQuickSelect ul ul {border-top:4px solid #ae6375;}

/* Special Applications */
.specialapplications .productQuickSelect {background-color:#6e5569;}
.specialapplications .productQuickSelect ul ul {border-top:4px solid #6e5569;}

/* GENERIC */
.genericgeneric .productQuickSelect {background-color:#68962a;}
.genericgeneric .productQuickSelect ul ul {border-top:4px solid #68962a;}


/* SOLAR */
.solarenergy .productQuickSelect {background-color:#fec013;}
.solarenergy .productQuickSelect ul ul {border-top:4px solid #fec013;}


.productArrow {
font-size:14px;text-align:center;padding:10px;padding-top:36px;margin-left:-10px;background:url(/websitev2/both/styles/img/greyarrow.png) no-repeat 100px 0;position:relative;top:-20px;}




.backuplink {margin: 0 10px 10px 60px;padding:0;}
.backuplink a {display:block;font-size:12px;}


div.ProductsHomepageIntro{
	font-size: 1em;
	line-height: 1.3em;
	padding: 20px 20px 0px 20px;
}