/*    Generated by http://www.cssportal.com    */

@import url("reset.css");

#bg { position: fixed; top: 0; left: 0; z-index:-99999; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color:#666;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
#navigation a, #navigation a:link, #navigation a:hover, #navigation a:active, #navigation a:visited {
	font: 16px/27px 'TeXGyreHerosBold', Arial, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
}
.navhome, .navportfolio, .navservices, .navvalue, .navtestimonials, .navcontact {
	padding-top:5px;
	height:31px;
	text-align:center;
	float:left;
}
.navhome:hover, .navportfolio:hover, .navservices:hover, .navvalue:hover, .navtestimonials:hover, .navcontact:hover, .navhome.active, .navportfolio.active, .navservices.active, .navvalue.active, .navtestimonials.active, .navcontact.active {
	background-color:#169e97;	
}
.navhome {
	width:120px;
}
.navportfolio {
	width:165px;
}
.navservices {
	width:155px;
}
.navvalue {
	width:191px;
}
.navtestimonials {
	width:192px;
}
.navcontact {
	width:157px;
}


#headercontainer {
	width: 100%;
	height: 165px;
}

#headerwrapper {
    margin: 0 auto;
	height: 165px;
    width: 980px;	
}

#header {
    height: 165px;
    width: 980px;
}
#header h2.logo {
	height:165px;
	width:408px;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../img/orchid-newton-logo.png) no-repeat;
	display:block;
	padding:0;
	margin:0;	
}
#header p.phone {
	float:right;
	margin:96px 9px 0 0;
	color:#fff;
	font: 24px/27px 'TeXGyreHerosRegular', Arial, sans-serif;
}

#navigationcontainer {
	width:100%;
	height:36px;
}
#navigationwrapper {
    margin: 0 auto;
	height:36px;
    width: 980px;
}
#navigation {
    height: 36px;
    width: 980px;
	padding:0;
	margin:0;
	background-image:url(../img/nav-bg.png);
}

#shadow1 {width:100%;height:17px;background:url(../furniture/shadow1.png);}
#contentcontainer {
	width:100%;
}
#contentwrapper {
    margin: 0 auto;
    width: 980px;
}
#content {
    background: #FFFFFF;
    width: 980px;
}
#homecontentfull{
	background-image:url(../img/transp.png);
    width: 976px;
	border:#c2c2c2 2px solid;
	padding:38px 0 17px 0;
}
#portcontentfull{
	background-image:url(../img/transp.png);
    width: 976px;
	border:#c2c2c2 2px solid;
	padding:8px 0 17px 0;
}
#portcontentfull IMG {float:left;margin:0 0 8px 7px;}
#subcontentfull{
	background-image:url(../img/transp.png);
    width: 976px;
	border:#c2c2c2 2px solid;
	padding:0 0 17px 0;
}
#subcontentfull IMG.services {margin-bottom:19px;}

.testimonial {	
	background:url(../img/ftr-bg.png);
	margin: 0 58px 19px 58px;
	padding:28px;
}
.testimonial P{
	margin:0 0 6px 0 !important;
}
.testimonial P.name{
	margin:0 !important;
	text-align:right !important;
	font: 17px/24px 'TeXGyreHerosBold', Arial, sans-serif !important;
}

#homecontentleft{
	float:left;
    background: #FFFFFF;
    width: 625px;	
}
#subcontentleft {
	float:left;
    background: #FFFFFF;
    width: 662px;
	margin-left:20px;
}
.homeproductboxleft {
	float:left;
	width:286px;
	height:240px;
	margin:20px 0 0 20px;
	background:url(../furniture/product-box-shadow.gif);
	cursor:pointer;
	cursor:hand;
}
.homeproductboxright {
	float:left;
	width:286px;
	height:240px;
	margin:20px 0 0 12px;
	background:url(../furniture/product-box-shadow.gif);
	cursor:pointer;
	cursor:hand;
}
.homeproductheader{
	width:271px;
	height:38px;
	background:#f36f21;
}
.homeproductbody {
	width:269px;
	height:186px;
	border-left:1px #7c7c70 solid;
	border-right:1px #7c7c70 solid;
	border-bottom:1px #7c7c70 solid;
}
.product-electric-radiators {
	background:url(../furniture/electric-radiators-product.jpg);
}
.product-radiant-panels {
	background:url(../furniture/radiant-panels-product.jpg);
}
.product-designer-heaters {
	background:url(../furniture/designer-heaters-products.jpg);
}
.product-towel-rails {
	background:url(../furniture/towel-radiators-product.jpg);
}
.product-programmers {
	background:url(../furniture/programmers-product.jpg);
}
.product-multizone-systems {
	background:url(../furniture/multizone-product.jpg);
}
.productbodyeg {
	background:url(../furniture/productbox-example.jpg);		
}
.productbodyeg2 {
	background:url(../furniture/productbox-example2.jpg);		
}
#homeslidecontainer {
	width:980px;
	height:448px;
	margin-top:38px;
}
#subpiccontainer {
	width:662px;
	height:328px;
	background:url(../furniture/sub-pic-shadow.gif);
}
#homecontentright{
	float:left;
    background: #FFFFFF;
    width: 355px;	
}
#subcontentright{
	float:left;
    background: #FFFFFF;
    width: 298px;	
}
.roundedbox {
	border-radius: 12px; 
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px; 
	border: 1px solid #9BA5A7;
	background-color:#169e97;
	width:335px;
	height:228px;
	margin:22px 0 0 0;
	padding:0;
	cursor:pointer;
	cursor:hand;
}
.roundedboxsub {
	border-radius: 12px; 
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px; 
	border: 1px solid #9BA5A7;
	background-color:#169e97;
	width:273px;
	height:228px;
	margin:42px 0 0 12px;
	padding:0;
	cursor:pointer;
	cursor:hand;
}
.outdated { background-image:url(../furniture/outdated.png); background-position:bottom; background-repeat:none;}
.pieceofmind { background-image:url(../furniture/pieceofmind.png); background-position:bottom; background-repeat:none;}

.pieceofmindsub { background-image:url(../furniture/pieceofmindsub.png); background-position:bottom; background-repeat:none;}
.customers { background-image:url(../furniture/customers.png); background-position:bottom; background-repeat:none;}
.convenient { background-image:url(../furniture/convenient.png); background-position:bottom; background-repeat:none;}
#footercontainer {
	width:100%;
	height:56px;
}
#footerwrapper {
    margin: 0 auto;
	height:65px;
    width: 980px;
}
#footer {
    height: 65px;
    width: 980px;
	background:url(../img/ftr-bg.png);
	color:#fff;
	font-weight:bold;
}
.ftrleft { width:772px; margin-left:23px; float:left; }
.ftrright { width:185px; float:left; }
.ftrright IMG {margin:13px 13px 0 0; float:left;}

.clr { clear:both;width:0;height:0;padding:0;margin:0;}

#quotebox{
	width:254px;
	height:235px;
	margin-top:42px;
	background-image:url(../furniture/quotebox.gif);
	background-position:top;
	background-repeat:no-repeat;
}
#quotebox p {
	font-size:16px;
	padding:33px 0 0 0;
	margin:0 0 0 33px;
	text-indent: 1.5em;
	letter-spacing:normal;
	line-height:25px;
}
#quotebox p.name {
	padding:30px 0 0 0;
	margin:0 30px 0 0;
	text-align:right;
	font-weight:bold;
	text-indent: 1.5em;
	letter-spacing:normal;
}

.quotesbox{
	width:254px;
	margin-top:42px;
}
.quotesbox-holder{background:url(../furniture/quotebox-t.gif) no-repeat;}
.quotesbox-frame{
	background:url(../furniture/quotebox-b.gif) no-repeat 0 100%;
	padding:12px 19px 10px 19px;
}
.quotesbox p {
	font-size:16px;
	padding:23px 0 23px 0;
	margin:0 11px 0 11px;
	text-indent: 1.5em;
	letter-spacing:normal;
	line-height:25px;
}
.quotesboxsub{
	width:254px;
	margin-top:28px;
}
.quotesboxsub-holder{background:url(../furniture/quotebox-t-sub.gif) no-repeat;}
.quotesboxsub-frame{
	background:url(../furniture/quotebox-b-sub.gif) no-repeat 0 100%;
	padding:12px 19px 10px 19px;
}
.quotesboxsub p {
	font-size:16px;
	padding:8px 0 8px 0;
	margin:0 11px 0 11px;
	text-indent: 1.5em;
	letter-spacing:normal;
	line-height:25px;
}
p.quotesname {
	padding:0 0 0 0;
	margin:0 57px 0 0;
	text-align:right;
	font-weight:bold;
	letter-spacing:normal;
}
.push24 {margin-left:24px;}
.push19 {margin-left:19px;}
.pushfurther {margin-left:38px;}

.subbutton {
	background:url(../furniture/sub-button-bg-cleaned.gif);
	width:298px;
	height:37px;
	margin-top:16px;
	cursor:pointer;
	cursor:hand;
	color:#ffffff;
}
.subbutton:hover { background:url(../furniture/sub-button-bg-over-cleaned.gif); }
.subbutton.active { background:url(../furniture/sub-button-bg-over-cleaned.gif);}
.subbutton P {
	padding: 8px 0 0 0;
	margin: 0 0 0 28px;
	font-size:18px;
	
}
.bodypics, .bodypicsprod { float:right; margin: 0 17px 0 17px; }
.bodypics img, .bodypicsprod img, .marginpics img {margin-bottom:14px; }
.bodypicsprod { margin-top:17px; }

.marginpics { width:270px; margin: 16px auto 0 auto;}


/* Slider bits*/
		/**
		* Carousel with a single image per view
		**/
		#carousel-single-image {
			width: 599px;
			height: 315px;
			margin: 0 auto;		
		}
		#carousel-single-image .touchcarousel-container {
			height: 100%;
		}
		#carousel-single-image .touchcarousel-item {
			margin-right: 0;
			width: 599px;
			height: 315px;
		}
		#carousel-single-image img {
			width: 599px;
			height: 315px;
			margin: 0px 0 0 13px;	
			
			float:left;
			position: relative;
			display: block;
			padding: 0;
			background: #FFF;
			border: 0;

		}
		#carousel-single-image .tc-paging-container {
			margin-top: -29px;
		}

.indent { margin-left:20px; }
.fleft {
	float:left;
	margin-right:10px;
	margin-top:3px;
}
em { font-style:italic; }
hr { 
border: none;
height:6px;
border-bottom: dashed 1px #CCC;
color: #ffffff;
background-color: #ffffff;
}
.printpad { padding-top:30px; padding-bottom:10px; }
.frmwid {width:300px; font-family:Arial, Helvetica, sans-serif;margin-top:4px;}
.frmlabel {font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
color: #666666;}

.control, .clonedInputContainer, .contdetails {
/*	border-radius: 25px; 
	-moz-border-radius: 25px; 
	-webkit-border-radius: 25px; 
	border: 2px solid #F08546;
	padding:14px 20px;
	margin-bottom:12px;
	background-color:#96d5d3;*/
	padding:14px 0 14px 20px;
	margin-bottom:18px;
	margin-right:18px;
	background-color:#e8f2f1;
	}
.control h2, .clonedInputContainer h2, .contdetails h2{
	padding:0;
	margin:0;
}	
.control p, .clonedInputContainer p, .contdetails p{
	padding:0;
	margin:0px 8px 4px 8px !important;
}
.clonedInput{
	
}
.nam {width:190px;float:left;margin-left:8px;margin-top:5px;}
.typ {width:200px;float:left;margin-left:17px;margin-top:5px;}
.wid{width:50px;float:left;margin-left:22px;margin-top:5px;}
.len {width:50px;float:left;margin-left:9px;margin-top:5px;}
.details {width:475px;}
.comment {width:586px;height:150px;margin: 10px 5px 10px 8px;}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  .nam {width:180px;float:left;margin-left:8px;margin-top:5px;}
.typ {width:200px;float:left;margin-left:17px;margin-top:5px;}
.wid{width:40px;float:left;margin-left:22px;margin-top:5px;}
.len {width:40px;float:left;margin-left:9px;margin-top:5px;}
}

.clone-container { width:558px; margin-left:23px; margin-right:23px; }
.clone1 { width:204px;float:left;margin-left:8px; }
.clone2 { width:207px;float:left;margin-left:7px; }
.clone3 { width:50px;float:left;margin-left:15px; }
.clone4 { width:50px;float:left;margin-left:12px; }
.close5 { width:10px;float:left;margin-left:4px; }
#moreFields {
	width:142px;
	height:36px;
	margin-top:8px;
	float:left; margin-left:8px;
	background:url(../furniture/add-room.png) no-repeat;
	cursor:pointer;
	border: none;
	text-indent:-99999px;
}

#moreFields::-moz-focus-inner, #btnDel::-moz-focus-inner, #btnSub::-moz-focus-inner {
  border: 0;
}

#btnDel {
	width:22px;
	height:22px;
	float:left;
	margin-left:8px;margin-top:5px;
	background: url(../furniture/delete-room-small.png) no-repeat;
	cursor:pointer;
	border: none;
	text-indent:-99999px;
}

#btnSub {
	width:142px;
	height:36px;
	margin-top:8px;
	float:left; margin-left:6px;
	background: url(../furniture/send-form.png) no-repeat;
	cursor:pointer;
	border: none;
	text-indent:-99999px;
}

.qlabel{ width:100px; float:left; text-align:left; margin-top:5px; margin-bottom:3px;margin-left:4px; }
.qfield{ width:485px; float:left; margin-left:15px; margin-bottom:8px; }
.qlabel2{ width:200px; float:left; text-align:left; margin-top:3px; margin-bottom:5px;margin-left:4px; }
.qfield2{ width:343px; float:left; margin-left:15px; margin-bottom:8px; text-align:left; }
.uombtn { margin-top:4px; }

.testiblock {
	padding:15px 20px 11px 20px;
	margin-bottom:22px;
	margin-right:18px;
	background-color:#e8f2f1;
	}
	
.testiblock p { 
	font-size: 20px !important; 
	font-weight: normal !important; 
	margin:0 0 4px 0 !important; 
	line-height:25px !important;
}
.testiblock p.name {
	font-weight:bold !important;
	margin-left:425px !important;
}
.testiblock UL {
	font-size: 20px !important; 
	font-weight: normal !important; 
	margin:0 0 4px 0 !important; 
	line-height:25px !important;
	list-style-type: circle;
	padding-left:22px;
}

.testiblock UL LI {
	margin-bottom:12px;
}
#footer p {
	font-size: 14px;
	padding-top:22px;
	text-align:left;
}
.uomtab { margin-right:20px; color:#fff; font-weight:bold; }
.uomtab TD {padding-top:5px;padding-bottom:8px;}

.subguarantee, .sub-approved { text-align:center; margin-top:42px;}

.tickdiv {float:left; margin-left:55px; margin-bottom:4px;width:250px;}
.tickbox {margin-top:12px;}
