/* 

RECOTHERM 2011 // ESTERLING

*/

/* LESS MARKUP START */

@dark-blue: #005d65;
@light-blue: #80c0c9; 
@faded-blue: #6e92a8;
@shadows: #002138 2px 2px 2px;

/* LESS MARKUP END */


/* GLOBAL */
a:active{outline:none;}
a:focus{-moz-outline-style:none;}
a{text-decoration:none; color:@dark-blue}
a:hover{}
strong{}
p{line-height:20px;}
em{font-style:normal; color:@light-blue;}
h1{}
h2{}
h3{font-size:18px; padding:12px 0px; margin:0px;}
h4{font-size:18px; padding:0px; margin:0px; color:@light-blue;}
h5{font-size:24px;padding:0px; margin:0px;}
h6{color:@light-blue; font-size:18px;  margin:0px; background-image: url(../../images/background.png); background-repeat: no-repeat;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; background-position: center top;padding:10px; padding-bottom:5px;}
ul, li{}
img{border:none;}
.fr{float:right;}
.fl{float:left;}
.clr{clear:both;}
.lightlink{color:@light-blue;}
/* GLOBAL END */

/* TYPOGRAPHY START */

body{color:#fff; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana; font-size:12px;}
h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', serif;font-weight:normal; }
a{color:@dark-blue;}

/* TYPOGRAPHY END */


/* LAYOUT START */
body {margin:0px; background-image: url(../../images/bodyBg.jpg); background-repeat: no-repeat; background-position: center top; background-color:#0a3242;  }
#wrapper{width:980px; margin:0px auto;}

#topRow{text-align:right; height:40px; padding-top:11px; color:@faded-blue; color:#b5c6ce; text-transform:uppercase; font-size:10px; text-shadow:@shadows; }
	#topRow ul{float:left; padding:0px; margin:0px; display:inline }
	#topRow li{display:inline;}
	#topRow a{color:@faded-blue; }
	#topRow em{color:#b5c6ce}
	
#header {margin-top:20px; clear:right;}

#nav{}

#calcLink{ text-align:right; float:right;}

li.current a {  }

li.arrow{background-image: url(../../images/dropDownIcn.gif); background-repeat: no-repeat; background-position: center bottom; }

	#tag-line{height:80px; padding-top:28px;text-align:center; padding-bottom:10px; display:block;}
	#tag-line h1{font-size:32px; letter-spacing:-0.04em; padding:0px; margin:0px;}
	#tag-line h2{font-size:13px; color:@light-blue; letter-spacing:0.01em; margin-top:5px;}
	#tag-line h3{font-size:14px; color:white; letter-spacing:0.01em; padding:0px; margin:0px;}
		#tag-line a{color:@light-blue}
	
	#slideshow { float: left; }

	#overview { 
		display: inline;
		float: right;
		padding: 0 0 0 15px;
		text-align: justify;
		width: 300px;
	}
	
	
	div#overview p { 
		line-height: 27px;
		margin: 0 0 10px;
	}
	
	
	div#content { }
	div#content p { text-align: justify; }
	
	div#onecolumn { float: left; }
	div#twocolumn_left { float: left; width: 590px; margin-right: 10px; margin-bottom:30px;  }
	div#twocolumn_right { float: left; width: 370px; margin-left: 10px; margin-bottom:30px; }
	div#twocolumn_right a {color:@light-blue}
	div#smltwocolumn_right {float: right; width: 270px; padding:12px; margin-left: 10px;background-image: url(../../images/background.png); background-repeat: no-repeat; background-position: center top; }
		#smltwocolumn_right a{color:@light-blue}
		
		.faqs h3{padding:10px ;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; }
		
	.advertRight{background-image: url(../../images/background.png); background-repeat: no-repeat; background-position: center top; width:296px;float:right; padding:10px;}
		.advertRight a{color:@light-blue;}
		.advertRight h3{font-size:21px; margin:0px 0px;}
		.advertRight p{line-height:24px;}
		
	.advertLeft{background-image: url(../../images/background.png); background-repeat: no-repeat; background-position: center top; width:296px;float:left; padding:10px; }
		.advertLeft a{color:@light-blue; }
		.advertLeft h3{font-size:21px; margin:0px 0px;}
		.advertLeft p {line-height:24px;}
		
	.advertCenter{background-image: url(../../images/background.png); background-repeat: no-repeat; background-position: center top; width:296px;float:right; padding:10px; margin-right:16px;}
		.advertCenter a{color:@light-blue}
		.advertCenter h3{font-size:21px; margin:0px 0px;}
		.advertCenter p {line-height:24px;}

#footer{ margin-top: 50px; height: 100px; }

	#logo { float: left; width: 200px;   }
		#logo img { margin-top: 20px; }
	#copyright { float: left; border-left: 1px solid @light-blue; padding-left: 30px; width: 450px; }
	#copyright a{color:#ffffff;}
	#social { float: left; width: 299px; }
		#social div { float: right; width: 235px; margin-top: 20px; }
		.spreadtheword { float: left; margin-right: 5px; }
		.addthis_button_compact { background-color: #fff; }
		.addthis { float: right; }
		ul.addthis_links { float: right; width: 92px;}
		ul.addthis_links li { display: inline; float: left; padding: 0 4px 0 4px; }
		ul.addthis_links li.last { padding: 0 0 0 4px; }
		
		#downloads{width:500px; padding:30px; margin:30px auto;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; background-image: url(../../images/background.png); background-repeat: repeat; background-position: center top; margin-top:0px; }
			#downloads h2{padding:0px; margin:0px; padding-bottom:0px; font-size:24px; color:@light-blue}
			#downloads a{color:@light-blue}
			#downloads form{margin-top:30px;}
			
			.downloadFields{width:220px; padding:10px; font-family:lucida grande, arial; border:0;background:#021e2c; color:@light-blue }
			.downloadsBtn{margin-top:7px;}

				.downloadSections{margin-bottom:20px; margin-top:10px; padding:15px; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; border:1px solid @light-blue}
				
				.note{text-align:center; display:block; width:980px; font-size:14px; font-weight:bold;}
					.note a{color:@light-blue}
				
			.freeDownloads{display:block; text-align:center; padding-bottom:0px;}		
				.downloadsList ul, .downloadsList li {list-style-type: none; padding:0px; margin:0px;}
				.downloadsList li{padding-bottom:15px; }
				.downloadsList a{color:@light-blue; padding-top:7px;}
				
				.downloadsList{text-align:center;}
				
				.testimonialBlock { border-radius:7px; -moz-border-radius: 7px;   background-image: url("../../images/background.png");   background-position: center top;    background-repeat: repeat; 	width:560px;    padding: 15px;    margin-bottom:20px;  }
					.testimonialBlock a{color:@light-blue;}
				
				.testimonialName{margin:0px; padding:0px;text-align:right; margin-right:0px; margin-top:10px; display:block; text-align:right; float:right;}
					.testimonialName a{color:@light-blue; }
					
					
				.customerName{float:right; margin:0px; padding:0px;}
					.customerName a{color:white;}
				
			#applicationslist {list-style: none;}
			#applicationslist a{color:white; border-bottom:1px solid @light-blue; line-height:25px;}
			
			
			.applicationsList{margin-bottom:17px; background-image: url(../../images/background.png); background-repeat: no-repeat; background-position: center top; width:296px;float:left; padding:10px;}
			.applicationsList:hover, .applicationsList:focus{box-shadow: 0px 0px 10px @light-blue;}
			
			div.middle { margin-left: 16px; margin-right: 16px; }
			.applicationsList img{float:left; margin:0px; padding:0x;}
			.applicationsList h3{width:185px; float:right; padding:0px; margin:0px; margin-top:12px; color:white;}
			.applicationsList li a{color:white; border-bottom:1px solid @light-blue}
			.applicationsList p{clear:right; float:right; width:185px; margin:0px; padding:0px; font-size:10px; color:@light-blue; text-align:left;}
			.applicationsList h3 a{color:white;}
				a.rangeLinks{color:red;}
			
			.double-border{ box-shadow: 0px 0px 10px @dark-blue;}
			
			#quoteFirst{text-align:center; width:400px; color:#7ba0ae; padding:15px;background-image: url(../../images/background.png); background-repeat: no-repeat; background-position: center top;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;  margin:15px; margin-left:275px;}
				#quoteFirst p, #quoteFirst h3{padding:0px; margin:0px;}
				#quoteFirst h3{color:@light-blue; }
				#quoteFirst p{font-size:11px; padding-bottom:12px;color:#59747e}
				#quoteFirst label{color:white;}
				
				.sendquote{background-color:#040e12; border:0; padding:6px; color:@light-blue; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; margin-top:10px; width:100px; }
				
				
			#extendedform{border:0; width:550px; color:#7ba0ae; padding:15px;background-image: url(../../images/background.png); background-repeat: no-repeat; background-position: center top;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;  margin:15px; margin-left:200px;}
				#extendedform label{color:white;}
				#extendedform h3{padding:0px; margin:10px 0px; color:@light-blue}
				.quoteFields{border:0; padding:5px 3px; width:150px;}
					.quoteFields:focus{box-shadow: 0px 0px 10px @light-blue;}
				
			
			#updatequote{background:#003945; margin-right:50px; border:0; padding:7px; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; color:white; font-family:arial; font-weight:bold;}
			
			.reveal{ width:550px; text-align:left; color:#fff; padding:15px;margin:15px; margin-left:200px; font-size:18px;background-image: url(../../images/background.png); background-repeat:repeat; background-position: center top;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
				.reveal dt{font-size:14px; color:@light-blue}
				
			.recommended{width:250px; float:right; margin-top:-210px;}
				.recommended p{text-align:left; padding:0px; margin:0px; font-size:12px;}
				
			#errors{width:500px; color:#cd0b73; font-weight:bold; text-align:center; margin:15px 0px; margin-left:230px; background:black; padding:10px;}
				#errors ul{bullet-style:none;}
				
			form#emailform label { display: inline-block; width: 65px; font-size: 14px; }
			form#emailform input { margin-bottom: 5px; width: 173px; }
			form#emailform textarea { width: 240px; height: 130px; }
			
			#newsScroller{text-shadow:@shadows;background-image: url(../../images/background.png); background-repeat: repeat; background-position: left top; padding:7px; text-align:center; color:white; margin-bottom:15px;}
				#newsScroller a{color:@light-blue; border-bottom:@light-blue solid 1px;}
				#newsScroller a:hover{color:@light-blue; border-bottom:white solid 1px;}
				#newsScroller strong{color:@light-blue}
				
			
			#newsWrapper{ width:620px; float:left; }
			
			
/* LAYOUT END */


/* CONTACT FORM */
.validation-message{}
#enquiryform{}
#enquiryform table{}
#enquiryform td{}
.fields{width:260px; padding:10px;  border:0;background:#19373d; color:white; }
	.fields:focus{box-shadow: 0px 0px 10px @light-blue; }
.required{width:260px; border:0; padding:10px;  background:#0d525f;color:white; border-left:2px solid #d90b6e}
	.required:focus{box-shadow: 0px 0px 10px @light-blue;}
	
	.sendEnquiry{border:0; padding:10px; color:white; background:#1a363c }
	
/* CONTACT FORM END */

/* case studies page start */

#caseWrapper{width:885px;margin:0px; padding:0px;}

	#caseHeader{display:block; height:70px; margin-top:0px; padding-top:25px; padding-left:10px; background-image: url(../../images/background.png); background-repeat: repeat; background-position: left top; margin-bottom:1px;}
	
	#caseContent{width:620px; float:right;}
	
	#caseColLeft{width:210px; background-image: url(../../images/background.png); background-repeat: repeat; background-position: left top; padding:10px;}
	
	#caseFooter{display:block; margin-top:1px; height:77px; padding:0px 10px 0px 30px;background-image: url(../../images/background.png); background-repeat: repeat; background-position: left top;}

	#copyright2 { float: left; border-left: 1px solid @dark-blue; padding-left: 30px; width: 450px; }
	
/* case studies page end */


/* RANGES */
.range { float: left; padding: 10px; width: 295px;  margin-bottom:30px; text-align:center;background-image: url(../../images/background.png); background-repeat: repeat; background-position: center top; }
	.range a{color:white; display:block;}
	.range:hover{box-shadow: 0px 0px 10px @light-blue;}
	.range h5{margin:10px 0px;}
.rangecenter { margin-left: 17px; margin-right: 17px; background-image: url(../../images/background.png); background-repeat: repeat; background-position: center top;}
.range-image { width: 220px; height: 205px; margin: 0 auto; }

	.spcBtn{margin-left:75px}

	.instructions{text-align:center; display:block; padding:20px 0px;}

/* RANGES END */


/* ACCORDION STYLING */

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  display:block;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background-image: url(../../images/background.png); background-repeat: no-repeat; background-position: center top;
  color: #fff;	
  padding: 0.5em; opacity:0.7;filter:alpha(opacity=70) ; padding:10px;
}

ul#menu li a:hover {
  opacity:1.0;filter:alpha(opacity=100)
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}
	ul#menu li ul li{padding:15px; line-height:18px;}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

#resources li a{
	color:#fff;
	text-decoration: none;
}
.resources-content a{
	color:#fff;
	text-decoration: none;
	font-weight: bold;
}

/* ACCODRION END */


/* specifications table styling */

table#specifications th {background:#3e4c50; text-align:center; padding:10px; color:white}
table#specifications td {text-align:center;  }

	#specifications tr.even{background-color:#c8d6db; color:#576b71;}
	#specifications tr.odd{background:#a0c4d0; color:#576b71;}


/* SCROLL TO TOP STYLING */