/* © 2008 Quba New Media */

/* GLOBAL STYLES 
-------------------------------------------------------------------------------*/
html, body {
	/*width:100%;*/
	/*height:100%;*/
	} 

body {
	/*height:100%;*/
	font-size:62.5%;
	color:#464646;
	background:#fff;
	}
body, textarea{font-family:Arial, Helvetica, sans-serif;}
.invisible {
	text-indent:-5000px;
	overflow:hidden;
	line-height:0;
	font-size:0px;
	}
.clear{clear:both;}
.clearwithspace {clear:both; height:15px;}
.bold{font-weight:bold;}

/* RESET DEFAULT STYLES
-------------------------------------------------------------------------------*/
body, p, h1, h2, h3, h4, h5, ul, ul li, ol, ol li, form, input, fieldset, label, blockquote {
	margin:0;
	padding:0;
	}

fieldset, img a, img a:hover {
	border:none;
	}

ul li { 
	list-style-type:none;
	}

hr {
	display:none;
	}


/* GLOBAL TYPOGRAPHY
-------------------------------------------------------------------------------*/
h1 a, p.logomain a {
	float:left;
	display:block;
	position:absolute;
	text-indent:-5000px;
	overflow:hidden;
	line-height:0;
	font-size:0px;
	margin:0;
	padding:0;
	width:194px;
	height:106px;
	background:url(../../images/logo.png);
	}

.content h1 {text-indent:-5000px;margin-bottom:20px;}

.content p {
	font-size:1.3em;
	margin:0 0 15px 0;
	padding:0;
	line-height:1.4em;
	}
.content p a{font-weight:bold;text-decoration:none;color:#464646;}
.content p a:hover{text-decoration:underline;}

/* GLOBAL LINK STYLES
-------------------------------------------------------------------------------*/
a{outline:none;}
a:link, a:visited, a:active{text-decoration:underline;}
a:hover{text-decoration:none;}
a img{border:none;}

/* GLOBAL LAYOUT
-------------------------------------------------------------------------------*/
#sitewrapper {
	margin:5px auto 0;
	width:940px;
	background: url(../../images/stepgradback.jpg) repeat-x;
}

/* main navigation */
ul#navmain {
	float:left;
	width:690px;
	margin:0;
	padding:10px 0 9px 250px;
	background:#fff;
	}

ul#navmain li{float:left;}
ul#navmain li a {
	height:12px;
	display:block;
	text-indent:-5000px;
	line-height:0;
	font-size:0px;
	margin:0;
	padding:0;
	background:url(../../images/nav.png) no-repeat;
	}
ul#navmain li a.selected, ul#navmain li a:hover{background-image:url(../../images/nav_selected.png);}
ul#navmain li a.hom {
	width:65px;
	}

ul#navmain li a.ene {
	width:68px;
	background-position:-65px 0;
	}

ul#navmain li a.tec {
	width:93px;
	background-position:-133px 0;
	}

ul#navmain li a.per {
	width:98px;
	background-position:-226px 0;
	}

ul#navmain li a.pro {
	width:103px;
	background-position:-324px 0;
	}

ul#navmain li a.dow {
	width:92px;
	background-position:-427px 0;
	}

ul#navmain li a.con {
	width:41px;
	background-position:-519px 0;
	}
	
ul#navmain li a.pay 
{
    /*background:#ccc;*/
    width:129px;
    background-position:-594px 0;
    }

.content {
	padding:77px 53px 0 53px;
		}
	
#footer {
	clear:both;
	margin:45px 0 0 0;
	padding:77px 0 0 10px;
	width:930px;
	height:20px;
	background:url(../../images/footer.png) top no-repeat;
	color:white;
	font-weight:bold;
	z-index:-5000;
	}
#footer .footeritem{padding-right:15px;font-size:1.1em;display:block;float:left;}
#footer a{color:white;}
#footer .telephonenumber{padding-left:21px;background:url(../../images/telephoneicon.gif) no-repeat left center;}
#footer .emaillink{padding-left:23px;background:url(../../images/emailicon.gif) no-repeat left center;}
#footer a.documentlink{text-decoration:none;padding-left:17px;background:url(../../images/documenticon.gif) no-repeat left center;}
#footer a.documentlink .linktext{text-decoration:underline;}
#footer a.documentlink:hover .linktext{text-decoration:none;}

/* HOME PAGE LAYOUT
-------------------------------------------------------------------------------*/
.homecopy{height:295px;margin-bottom:40px;}
.homefeat {
	float:left;
	width:270px;
	height:190px;
	margin:0 12px 0 0;
	background:#fff;
	}

#led {
	background:url(../../images/ledboxback.png) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	line-height:0;
	font-size:0px;
	}

#dropbox {
	background:url(../../images/efficientboxback.png) no-repeat;
	overflow:hidden;
	line-height:0;
	font-size:0px;
	}
#dropbox h2{text-indent:-5000px;}
#dropbox .selectwrapper{padding:142px 0 0 20px;}
#dropbox select{width:227px;}
#quality {
	background:url(../../images/qualityboxback.png) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	line-height:0;
	font-size:0px;
	margin-right:0;
	}

a.homefeatlink {
	display:block;
	width:270px;
	height:190px;
	}

.homepagestrap 
{
	background:url(../../images/bg_homepagestrap.png) 0 15px no-repeat;
	width:457px;
	height:30px;
	text-indent:-5000px;
	/*margin:15px 0 -44px 0;*/
	padding: 15px 0;
}

/* PAGES
-------------------------------------------------------------------------------*/
.contentbox{padding:40px;background:url(../../images/boxgradback.gif) top repeat-x #DCDCDC;}

.energyheader{background:url(../../images/energyheader.gif) no-repeat;float:left;width:140px;height:45px;margin-right:20px;}
.energycopy{float:left;width:650px;}
.technologyheader{background:url(../../images/technologyheader.gif) no-repeat;width:236px;height:45px;}
.performanceheader{background:url(../../images/performanceheader.gif) no-repeat;width:261px;height:36px;}
.productsheader{background:url(../../images/productsheader.gif) no-repeat;width:308px;height:45px;}
.downloadsheader{background:url(../../images/downloadsheader.gif) no-repeat;width:230px;height:36px;}
.contactheader{background:url(../../images/contactheader.gif) no-repeat;width:255px;height:36px;}

/* TAB STRUCTURE LAYOUT
-------------------------------------------------------------------------------*/
.tabbox {
	top:5px;
	position:relative;
	overflow:visible;
	clear:both;
	}

.tabbox .tabPanel h2 { 
	float:left;
	margin:0;
	font-size:1em;
	}
	
.tabbox .tabPanel h2 a {
	text-decoration:none;
	color:#8c9296;
	display:block;
	margin:0 2px 0 0;
	padding:9px 20px 10px 20px;
	background:#cacaca;
	font-size:1.4em;
	font-weight:normal;
	}
	
.tabbox .tabPanel h2 a:hover { 
	background:#eee;
	}
	
.tabbox .selectedtabpanel h2 a {
	background:#ddd;
	color:#636c73;
	}

.tabbox .tabContent {
	position:absolute;
	top:-9999px;
	left:-9999px;
	width:800px;
	padding:10px;
	background:url(../../images/tabboxback.jpg) repeat-x;
	border-bottom:1px dotted #ccc;
	}
.tabbox .innerTabContent{
	border:1px solid white;
	height:264px;
	padding:27px;
	}
.tabbox .downloadTab .innerTabContent{height:auto;padding:46px 27px 35px 27px;}
.tabbox .innerTabContent .sectionheader{color:#637581;font-size:2.5em;line-height:1em;font-weight:bold;}
.tabbox .innerTabContent h3{font-size:1.3em;}
.tabbox .innerTabContent a{color:#CC1541;text-decoration:none;font-weight:bold;}
.tabbox .innerTabContent a:hover{text-decoration:underline;}
.tabbox .selectedtabpanel .tabContent {
	top:35px;
	left:0;
	}

#retailTab .innerTabContent{background:url(../../images/retailback.jpg) no-repeat;padding-right:465px;}
#hospitalityTab .innerTabContent{background:url(../../images/hospitalityback.jpg) no-repeat;padding-right:280px;}
#educationTab .innerTabContent{background:url(../../images/educationback.jpg) no-repeat;padding-right:440px;}
#healthcareTab .innerTabContent{background:url(../../images/healthcareback.jpg) no-repeat;padding-right:440px;}
#carbonTab .innerTabContent{background:url(../../images/carbonback.jpg) no-repeat;}
#carbonTab .innerTabContent .subsection{float:left;width:342px;}
#carbonTab .innerTabContent .firstsubsection{margin-right:60px;}

#revolutionTab .innerTabContent{background:url(../../images/revolutionback.jpg) right no-repeat black;color:white;padding-right:375px;}
#thermalTab .innerTabContent{background:url(../../images/thermalback.jpg) no-repeat;padding-right:375px;padding-top:80px;height:211px;}

#performanceTab .innerTabContent{background:url(../../images/performanceback.jpg) no-repeat;padding-right:310px;}
#lifeTab .innerTabContent{background:url(../../images/lifeback.jpg) no-repeat;padding-right:325px;color:white;}

.tabbox .downloadTab a.documentlink{text-decoration:none;color:#464646;display:block;float:left;padding-top:155px;background:no-repeat top center;text-align:center;margin-right:50px;}
.tabbox .downloadTab a.rxdbrochurelink{background-image:url(../../images/brochurethumb_rxd.jpg);}
.tabbox .downloadTab a.dxsbrochurelink{background-image:url(../../images/brochurethumb_dxs.jpg);}
.tabbox .downloadTab a.ldtlink{background-image:url(../../images/ldtdownloadicon.gif);}
.tabbox .downloadTab .documenttitle{font-size:1.4em;font-weight:bold;display:block;}
.tabbox .downloadTab a.documentlink:hover .documenttitle{text-decoration:underline;}
.tabbox .brochuredownloads .innerTabContent{padding-left:135px;padding-right:135px;}
.tabbox .brochuredownloads a.documentlink{width:187px;}
.tabbox .photometricdownloads a.documentlink{width:141px;}
.tabbox .photometricdownloads .innerTabContent{padding-left:37px;padding-right:37px;}
.tabbox .brochuredownloads a.documentlink{margin-right:150px;}
.tabbox .downloadTab a.lastdocumentlink{margin-right:0;}

/* PRODUCTS LAYOUT
-------------------------------------------------------------------------------*/

.productsbox{border:1px solid #DDD;}
.productsbox .product{float:left;width:322px;}
.productsbox .firstproduct{margin-right:85px;}
.productsbox h2{font-size:3em;color:#637581;line-height:1em;}
.productsbox .subheader{font-weight:bold;color:#637581;border-bottom:1px dotted #676767;padding-bottom:15px;}
.productsbox .description{height:55px;}
.productsbox .productshot{border:1px solid #626264;clear:both;height:319px;overflow:hidden;}
.productsbox a.specificationlink, .productsbox a.pdflink{display:block;float:left;font-size:1.1em;height:30px;background:left top no-repeat;color:#464646;padding-top:5px;margin-bottom:15px;}
.productsbox a.specificationlink{padding-left:30px;background-image:url(../../images/viewdocumenticon.gif);width:130px;}
.productsbox a.pdflink{padding-left:35px;background-image:url(../../images/pdficon.gif);width:125px;text-decoration:none;}
.productsbox a.pdflink .linktext{text-decoration:underline;}
.productsbox a.pdflink:hover .linktext{text-decoration:none;}

/* CONTACT PAGE
-------------------------------------------------------------------------------*/

.contactusbox{padding-top:32px;}
.contactusbox .copy{float:left;width:240px;margin-right:25px;padding-top:8px;color:#656E75;}
.contactusbox fieldset{float:left;width:455px;}
.contactusbox textarea{height:85px;}
.contactusbox .interestfield{margin:20px 0;}
.contactusbox .interestfield label{margin-right:10px;}
.contactusbox .miantelephonenumber{font-size:1.8em;font-weight:bold;background:url(../../images/telephoneicon_big.gif) left center no-repeat;padding-left:35px;}
.contactusbox .thankyoumessage{font-weight:bold;padding-top:10px;}
.officedetails{float:left;width:230px;margin:0 15px 40px 0;font-size:1.3em;line-height:1.4em;}
.officedetails h2{font-size:1em;}

fieldset{border:1px solid white;padding:0 15px 20px 15px;margin-bottom:40px;}
fieldset legend{font-size:1.8em;font-weight:bold;color:#656E75;}
fieldset .field{margin:10px 0;}
fieldset .label, fieldset label{font-size:1.4em;line-height:22px;}
fieldset .label{display:block;float:left;width:170px;}
fieldset .value{display:block;float:left;width:282px;}
fieldset .textbox, fieldset textarea{padding:2px;background-color:#FDFDE5;border:1px solid #BABABA;width:276px;font-size:1.3em;}
fieldset .buttonwrapper{text-align:right;}
.error{display:block;color:red;}
.requiredmarker{color:red;}

/* lightbox settings, based on thickbox (http://www.codylindley.com)
-----------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../../Images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#TB_window {
	position:absolute;
	background: #E6E6E6;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
	top:40px;
	left:50%;
	border:1px solid #FFF;
	padding:35px;
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeWindowButton
{
	margin:-55px -43px 0 0;
	background:url(../../Images/lightboxbutton.png) no-repeat;
	width:44px;
	height:45px;
	display:block;
	text-indent:-3000px;
	float:right;
	position:relative;
}

#TB_ajaxWindowTitle{
	display:none;
}

#TB_ajaxContent{
	clear:both;
	overflow:auto;
	text-align:left;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

#TB_window h2{color:#464646;font-size:3em;line-height:1em;margin-bottom:15px;}
#TB_window h3{color:#6297B9;font-size:1.6em;margin-bottom:5px;}
#TB_window ul{margin-bottom:15px;}
#TB_window ul li{font-size:1.3em;color:#464646;padding-left:15px;margin-bottom:5px;background:url(../../images/bluebulletpoint.gif) no-repeat left center;}

#TB_window a.pdflink
{
	display:block;
	font-size:1.6em;
	height:53px;
	width:180px;
	background:url(../../images/pdficon_big.gif) right top no-repeat;
	color:#464646;
	padding:5px 60px 0 0;
	margin-bottom:15px;
	text-decoration:none;
	font-weight:bold;
	color:#6297B9;
	line-height:53px;
}
#TB_window a.pdflink .linktext{text-decoration:underline;}
#TB_window a.pdflink:hover .linktext{text-decoration:none;}


/* payback calculator */

.paybackcalc #sitewrapper  {
    background:url(../../Images/bg_paymentcalc.jpg) no-repeat 0px 30px;
}

.paybackcalc .content {
    height:496px;
}   
.paybackcalc h1 
{
    color:White;
    text-indent:0;
    font-size:4.8em;
    font-weight:normal;
    margin-top:80px;
}
.intro
{
    color:White;
    border-left:1px solid white;
    padding:0 0 0 14px;
}
.intro h2 
{
    font-size:2.4em;
    position:relative;
    top:-4px;
    margin-bottom:4px;
}
.intro p 
{
    font-size:1.8em;
}
.intro p.buttonlabel 
{
    float: left;
    font-weight: bold;
    /*margin: 0 10px 0 0;*/
    padding: 5px 0 0 0;
    width: 350px;
}
.intro p.buttonholder 
{
    float: left;
    /*margin: 0;*/
    width: 400px;
}

.intro a {
    background:url(../../Images/bt_compare.gif) no-repeat top left;
    display:block;
    text-indent:-5000px;
    width:117px;
    height:34px;
}

.paybackform #sitewrapper {
    background:#696b73;
}

.paybackform #footer {
    margin-top:-37px;
}

.paybackform h1 {
    color:White;
    text-indent:0;
    font-size:3.6em;
    font-weight:normal;
    margin:-70px 50px 0 0;
    float:right;
}

.paybackform .content {
    padding:96px 0 0 0;
}

.form
{
    background:url(../../Images/bg_paybackform.jpg) no-repeat top left;
    height:794px;
    padding:30px 30px 0 30px;
}

.form h2
{
    color:White;
    font-size:2.4em;
    margin:0 0 20px 20px;
}

.form table
{
    width:100%;
    empty-cells:show;
}

.form th
{
    font-size:1.4em;
    text-align:left;
    padding:0 0 8px 0;
}

.form td
{
    font-size:1.2em;
    padding:0 0 8px 0;
    empty-cells:show;
}

.form input
{
    width:70px;
    padding:2px 4px;
    float:right;
    color:#333333;
    font-size:1.2em;
}

.input
{
    float:left;
    width:298px;
}

.input .bg
{
    background: #195184;
    height:500px;
    opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */  
}

.input .overlay
{
    margin-top:-500px;
    padding:20px 10px 10px 20px;
    color:#fff;
    position:relative;
    border:1px solid White;
}

.input table
{
    margin-bottom:20px;
}

.input input
{
    margin-right:10px;
}

.input .calculate
{
    background:url(../../Images/bt_calcyoursavingsform.gif) no-repeat top left;
    display:block;
    text-indent:-5000px;
    height:34px;
    width:175px;
    float:left;
}

.input a.pound, .input a.euro
{
    display:block;
    height:38px;
    width:39px;
    text-indent:-5000px;
    float:left;
    margin-top:-4px;
    position:relative;
    top:2px;
}

.input a.pound 
{
    margin-left:5px;
}

.pound .input a.pound { background:url(../../Images/bt_pound.png) no-repeat top left; }
.euro .input a.pound { background:url(../../Images/bt_pound_off.png) no-repeat top left; }
.pound .input a.euro { background:url(../../Images/bt_euro_off.png) no-repeat top left; }
.euro .input a.euro { background:url(../../Images/bt_euro.png) no-repeat top left; }
.pound span.euro { display:none; }
.euro span.pound { display:none; }

.input .conversion
{
    clear:left;
    font-size:1.1em;
    padding-top:6px;
}

.input p
{
    margin:0;
}

.savings 
{
    float:left;
    width:555px;
    margin-left:20px;
    color:white;
}

#totalsavings
{
	border:solid 1px white;
	margin-top:30px;
	background:#269844;
}

#totalsavings th
{
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	font-size:1.8em;
	padding:14px 20px 7px;
}

#totalsavings tr td
{
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	padding:6px 20px 7px;
}

#totalsavings .right
{
	border-right:none;
}
#totalsavings td.right
{
	text-align: center;
	width: 220px;
}

.savings .bg
{
    background:#195184;
    height:510px;
    opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */  
}

.savings .overlay
{
    margin-top:-510px;
    color:White;
    position:relative;
    border:1px solid White;
}

.savings th
{
    border-right:1px solid #8ba9c5;
    border-bottom:1px solid #8ba9c5;
    padding:14px 20px 7px 20px;
    font-size:1.8em;
}

.savings td
{
    border-right:1px solid #8ba9c5;
    border-bottom:1px solid #8ba9c5;
    padding:6px 20px 7px 20px;
    width:90px;
}

.savings .title
{
    width:auto;
}

.savings .subtitle
{
    font-size:1.2em;
}

.savings .right
{
    border-right:0;
}

.savings .noborder
{
    border-right:0;
}

.savings input
{
    float:left;
}

.savings .green
{
    background:#269844;
}

.print 
{
    background:url(../../Images/bt_print.gif) no-repeat top left;
    display:block;
    height:30px;
    width:185px;
    text-indent:-5000px;
    margin-top:30px;
    float:left;
}

.send
{
    background:url(../../Images/bt_sendtocolleague.gif) no-repeat top left;
    display:block;
    height:30px;
    width:186px;
    text-indent:-5000px;
    margin:30px 0 0 20px;
    float:left;
}

.paybackform .RadWindow .rwWindowContent
{
    background:none;
}

.TelerikModalOverlay
{
    background: #0c0c23 !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=75) !important; 
    opacity: .75 !important;
    -moz-opacity: .75 !important;
}

#printheader, #printheader p, #printfooter
{
    display:none;
}