/* 
green #6dc288
blue #00bcec
black #3a2c27
*/

/* TEMPLATE */

body { font-size: 62.5%; line-height:14px; font-family:"Geneva", "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#3a2c27; }

div#sideBar{ margin:28px 20px 14px 20px; width:183px; float:left; }

ul#mainNav{ margin:56px 0 0 0; color:#6dc288;}

ul#prodNav{ margin:28px 0 0 0;}
ul#prodNav li{ color:#6dc288;}	
ul#prodNav li#productsListing{color:#00bcec; line-height:28px; }


div#pageFrame{ width:736px; margin:28px 0 0 0; float:left;  border-left:1px solid #CCC; }
div#footer p{float:left;}
div#footer{ width:940px; margin-left:20px; border-top:1px solid #CCC; padding-top:14px; height:1%; overflow:hidden; }
div#credits{ float:left; width:175px; margin-left:213px; }
div#callus{ float:left; width:175px; margin-left:10px; }
div#footer div#callus img{ display:block; float:left; margin: 0 10px 0 0; }
div#bsi{ float:left; width:275px; margin-left:10px; }
div#bsi span{ border-bottom:1px solid #000;}
div#footer div#bsi img{ display:block; float:left; margin: -5px 10px 0 0; }

img#creditCardsIcon{ margin:42px 0 0 0;}

img#tel{ position:absolute; margin:0; left:0; margin:14px 0 0 789px;}

/* REUSED ELEMENTS */

input.zemRequirederrorElement{ background:#0F0;}
input.zemRequired{ background:#abe6b9;}
span.green{ color:#6dc288;}

.spacer{ width:20px;}
.alignRight{ text-align:right;}
.spacer{ margin-left:20px;}
p.button{  color:#fff; width:76px; float:left;}
p.button a{ background:#00bcec; color:#fff; padding:0 4px 0 4px; display:block; height:14px;}
p.button a:hover{ background:#6dc288;}
div.leftBorder{ border-left:1px solid #CCC;}
a{ color:#3a2c27; text-decoration:none;} 
#productInfo p a{ border-bottom:1px solid #3a2c27; } 
p,ul,h2,h3,h4, table{ font-size:1.2em;}
p{ margin-bottom:14px;}
div#footer p, small{ font-size:1em; line-height:1.2em;}
h1{ font-weight:bold; font-family:Helvetica, Arial, sans-serif; font-size:1.8em; line-height:21px; letter-spacing:-1px; background:#00bcec; color:#fff; padding:14px 10px 14px 10px;}
h2{ color:#6dc288; line-height:28px; margin-top:-14px;}
h3{ font-weight:bold; font-family:Helvetica, Arial, sans-serif;}

#productInfo h1, #newsPost h1, #aboutText h1, #address h1, #pelmetTxtBox h1, #extrustionForInsul h2, #extrustionForId h2{ font-size:2.8em; line-height:28px; background:none; font-family:"Geneva", "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#3a2c27;
letter-spacing:normal; padding:0; font-weight:normal; margin-bottom:14px;}

div#specFormAd h1, div#pelmetFormBox h1{ margin-bottom:0; background:none; padding:0; color:#3a2c27;}

div.infoBox{ font-size:1.2em;} 
div.infoBox span.body{ padding:7px 5px 14px 15px; background:#fff; display:block;}
div.infoBox span.heading{ background:#00bcec; padding:0 5px 0 15px; color:#fff; display:block; line-height:21px;}

sup, sub{ font-size:.8em; }
sup{ vertical-align:1px;}
sub{ vertical-align:-1px;}

/* HOME */

div#leftColHome{ border-right:1px solid #CCC; width:288px; float:left; margin-bottom:14px;}
div#leftColHome img#topImg{ padding:0 10px 14px 10px; border-bottom:1px solid #CCC; display:block;}
div#leftColHome img#botImg{ padding:14px 10px 0 10px; display:block;}

div#leftColHome div#topText{ position:absolute; margin-top:-196px; width:182px; }
div#leftColHome div#botText{ position:absolute; margin-top:-98px; width:182px; }

div#leftColNews { border-bottom:1px solid #CCC; padding: 14px;}
div#leftColNews span { font-size: 1.2em; }
div#leftColNews span.heading { display: block; background: #7ac792; padding:0 5px 0 5px; color:#fff; display:block; line-height:21px; width: 254px; margin-bottom: 7px; }
div#leftColNews span.date { display: block; margin-top: 7px; }
div#leftColNews span.body { min-height: 60px; display: block; }
div#leftColNews a { font-size: 1.2em; float: right; margin-top: -14px; background: #7ac792; color: #fff; padding: 2px 3px 3px 3px; }


div#rightColHome{ width:374px; float:left;}
h1#homeWelcome{ margin:42px 0 14px 10px;}

div#botRightImgHome{ border-bottom:1px solid #CCC;  border-top:1px solid #CCC; padding:0px 0 0 0; height:1%; overflow:hidden;}
div#botRightImgHome img#leftImg{ padding:14px 10px 14px 10px; border-right:1px solid #CCC; display:block; float:left;}
div#botRightImgHome img#rightImg{ padding:14px 0 0 10px; display:block;}

div#botRightImgHome div#leftText{ position:absolute; margin:28px 0 0 0; width:162px; }
div#botRightImgHome div#rightText{ position:absolute; margin: 140px 0 0 192px; width:162px; }

div#botRightImgHome div#leftText{ position:absolute; left:0; margin:28px 0 0 513px; width:162px; }
div#botRightImgHome div#rightText{ position:absolute; left:0; margin: 140px 0 0 705px; width:162px; }

img#botRightImg{ display:block; padding:14px 0 0 10px;}

div#botRightText{ position:absolute; margin:-84px 0 0 0; width:172px; }

/* NEWS PAGE */

div#newsPost{ margin: 42px 10px 0 10px; width:460px; min-height:560px; float:left;}
div#newsPost p { line-height:14px;}
div#newsSideBar{ float:right; width:173px; padding: 70px 10px 0 0; }

/* SPECIALISED MANUFACTURING PAGE */

div#leftSpecCol{ width:367px; float:left;}
h1#specIntro{ margin:0 10px 14px 10px;}

div#extrustionForInsul{border-top:1px solid #CCC; padding:28px 10px 14px 10px;  }
div#extrustionForInsul p{ width:267px;}

div#encapsulation{ border-top:1px solid #CCC; padding:28px 10px 14px 10px; height:1%; overflow:hidden; } 

div#leftSpecCol img{ margin-bottom:14px; width:347px;}

div#rightSpecCol{border-left:1px solid #CCC; width:367px; float:left;}
div#rightSpecCol img#formedTubeImg{ margin:98px 0 14px 10px; width:347px;  }

div#rightSpecCol div#formedTubeText{ position:absolute; left:0; top:154px; margin:0 0 0 592px; width:162px; }

div#rightSpecCol div#extrustionForId{border-top:1px solid #CCC; padding:28px 10px 14px 10px; }

div#rightSpecCol img{ margin-bottom:14px; }
div#rightSpecCol p{ width:267px;}

div#middleSpecRight{ border-top:1px solid #CCC; padding:14px 10px 14px 10px;}
div#specFormAd span{ color:#fff;}
div#specFormAd{ background:#cac9ce; padding:14px 10px 14px 10px;}

div#specFormBox p{ color:#fff; margin:-7px 10px 0 10px;}
div#specFormBox{   background:#00bcec; padding:7px 10px 28px 10px; margin:0 0 0 0; }

div#specFormBox form.zemContactForm{ padding-top:14px; }
div#specFormBox form.zemContactForm label{ width:218px;}
div#specFormBox form.zemContactForm input{ width:40px;}
div#specFormBox form.zemContactForm label.Name{ width:120px;}
div#specFormBox form.zemContactForm input#Name{ width:138px;}
div#specFormBox form.zemContactForm label.Telephone{ width:120px;}
div#specFormBox form.zemContactForm input#Telephone{ width:138px;}
div#specFormBox form.zemContactForm input.zemSubmit{ width:60px; margin-left:120px;}

/* ABOUT US */

div#aboutPageFrame{ width:736px; margin:0 0 0 0; float:left; background:url(../images/aboutPics.jpg) left top no-repeat;}
div#aboutText{ background:#FFF; padding:14px 0 28px 0; margin:210px 0 0 287px; width:365px; }


/* CONTACT US */

div#contactPageFrame{ width:736px; padding:0 0 14px 0; float:left; height:1%; overflow:hidden;}
div#formBox{ background:#00bcec; padding:14px 10px 28px 10px; margin:0;  }
div#leftContactCol{width:363px; float:left; margin:0; height:1%; overflow:hidden;}
div#map{ background:#00bcec; margin-top:14px; padding:14px 10px 14px 10px;}

div#address{ padding:154px 0 0 20px; margin-top:14px;  float:left;}

form.zemContactForm *{ line-height:14px; font-size:12px; color:#fff; border:none; font-family:"Geneva", "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
form.zemContactForm{ padding:84px 14px 0 14px;}
.zemContactForm fieldset {
   border: none;
   }
.zemContactForm legend {
	display:none;
   }
.zemContactForm textarea {
	margin:0;
	color:#000;
	padding:0 10px 0 10px;
	line-height:29px;
}
.zemContactForm input {
	line-height:28px;
	color:#000;
	padding:0 10px 0 10px;
	margin-bottom:7px;
}
.zemContactForm label {
   float: left;
   width: 50px;
   line-height:32px;
   margin: 0 20px 0 0;
   text-align: right;
   }
.zemContactForm br {
   clear: left;
   }

.zemContactForm .zemSubmit{
		margin:14px 0 0 70px;
		background:#fff;
		cursor:pointer;
		color:#00bcec;	
}

div.zemThanks{ color:#00bcec; line-height:12px; background:#fff; padding:6px 10px 1px 10px; }

ul.zemError{ margin:0 0 28px 0; color:#00bcec; list-style:outside; margin-left:10px; }
ul.zemError li{ color:#fff; line-height:14px; margin-bottom:7px;} 
ul.zemError strong{ border-bottom:1px solid #fff; }

/* PELMET PAGE */

div#pelmetPageFrame{ width:736px; margin:0 0 0 0; float:left;  background:url(../images/pelmetBkg.jpg) left top no-repeat; }
div#pelmetTxtBox{ margin:210px 0 0 0; width:385px; background:#fff; padding-top:28px; float:left;}
div#pelmetTxtBox P{ margin-right:20px;}
div#pelmetFormBox p{ margin:12px 20px 28px 0; color:#fff;}

div#pelmetFormBox{ float:left; width:331px;  background:#00bcec; padding:14px 10px 28px 10px; margin:404px 0 14px 0px; }
div#pelmetFormBox img{ display:block; margin:14px 0 28px 40px;}
div#morePelmet{ display:none;}
h1#showAllPelmet, h1#showAllPelmet a{ font-size:14px;  color:#00bcec; background:#fff; padding:6px 10px 7px 10px;  }

/* PRODUCTS */

div#productsPageFrame{ width:757px; margin:0 0 14px 0; float:left; }
#productInfo{ float:left; margin:196px 0 0 0; width:392px; background:#fff; padding:28px 10px 0 0;}
#productPhoto{ float:left; margin:140px 0 0 0; width:362px; }
#productData{ clear:left;}

#productData h2{ clear:both; margin:28px 0 -28px 0;} 
table{ width:556px; margin-top:28px; float:left;}
th{ padding-right:20px; color:#6dc288; line-height:28px;}
div#key{ width:162px; margin:42px 0 0 20px; float:left;}


/* PROCESS PAGES */

div#stageImages{  height:420px; display:block;  margin-left:10px; clear:left;  border-bottom:1px solid #CCC;}

div#stageInfo{ width:363px;  margin:0 0 0 10px; }
div#stageImages img{ width:726px; margin:0;}
ul#processThumbs{ list-style:none; margin-top:14px; margin-bottom:0; height:1%; overflow:hidden; width:726px; margin-left:10px;}
ul#processThumbs li{ display:block; background:#868686; float:left; margin:0 10px 14px 0;} 
ul#processThumbs li span{ position:absolute; left:-3000px; top:-6000px;}

ul#processThumbs li#thumb1 a:hover, ul#processThumbs li#thumb2 a:hover, ul#processThumbs li#thumb3 a:hover, ul#processThumbs li#thumb4 a:hover, ul#processThumbs li#thumb5 a:hover, ul#processThumbs li#thumb6 a:hover, ul#processThumbs li#thumb7 a:hover{ background-position:bottom;}

ul#processThumbs  a{width:76px; height:76px; display:block;} 
ul#processThumbs li#thumb1 a{ background:url(../images/process/1thumb.jpg) top left; } 
ul#processThumbs li#thumb2 a{ background:url(../images/process/2thumb.jpg) top left; } 
ul#processThumbs li#thumb3 a{ background:url(../images/process/3thumb.jpg) top left; } 
ul#processThumbs li#thumb4 a{ background:url(../images/process/4thumb.jpg) top left; } 
ul#processThumbs li#thumb5 a{ background:url(../images/process/5thumb.jpg) top left; } 
ul#processThumbs li#thumb6 a{ background:url(../images/process/6thumb.jpg) top left; } 
ul#processThumbs li#thumb7 a{ background:url(../images/process/7thumb.jpg) top left; } 

div#stageInfo,
ul#processThumbs { display: none; }