/* cmsms stylesheet: stylesheet modified: 06/22/21 23:53:08 */
@charset "UTF-8";
/* CSS Document */

* { margin: 0;
outline: 0 none;
padding: 0;
}

/* =RESET
-------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.clear { clear: both; }

@font-face  {
font-family:  'UniversLTStd55Roman';
src:  url('../../fonts/universal_light-webfont.eot');
src:  url('../../fonts/universal_light-webfont.eot?#iefix') format('embedded-opentype'), 
url('../../fonts/universal_light-webfont.woff') format('woff'), 
url('../../fonts/universal_light-webfont.ttf') format('truetype'), 
url('../../fonts/universal_light-webfont.svg#UniversLTStd55Roman') format('svg');
font-weight:  normal;
font-style:  normal;
}

@font-face  {
font-family:  'ITCAvantGardeGothicBook';
src:  url('../../fonts/avantgardebook-webfont.eot');
src:  url('../../fonts/avantgardebook-webfont.eot?#iefix') format('embedded-opentype'), 
url('../../fonts/avantgardebook-webfont.woff') format('woff'), 
url('../../fonts/avantgardebook-webfont.ttf') format('truetype'), 
url('../../fonts/avantgardebook-webfont.svg#ITCAvantGardeGothicBook') format('svg');
font-weight:  normal;
font-style:  normal;
}

body 	 {
     margin:  0;
     padding:  0 ;
     font-family: Helvetica, arial, sans-serif;
     font-size:  15px;
     background:  #e5e1d2 url(../../images/bgGrad.jpg) top repeat-x;
  }

* 	 { margin:  0; padding:  0; outline:  0; }
a img 	 { border:  0; }
.clear 	 { clear:  both; }

h1, h2, h3, h4, h5, h6  { font-family: Helvetica, arial, sans-serif; color: #253c88; padding: 0; font-weight: normal; margin: 5px 0;}
h1 { font-size:  45px; margin:  0 0 10px 0; }
h2 { font-size:  26px; margin:  5px 0 20px 0; }
h3 { font-size:  20px; margin:  5px 0 0 0; }
h4 { font-size:  17px; font-weight: bold; }
h5 { font-size:  16px; font-weight: bold; }
h6 { font-size:  13px; font-weight: bold; }


h2.strapline {
font-family: 'ITCAvantGardeGothicBook', sans-serif;
color: #545454;
font-size: 20px;
font-weight: normal;
margin: 0 0;
float: left;
display: inline;
position: absolute;
top: 40px;
left: 28px;
background: transparent url(../../images/whiteopac.png) repeat;
padding: 10px 20px;
z-index: 9999;
}

p        { font-family: Helvetica, arial, sans-serif; color: #6b6b6b; font-size: 14px; line-height:  22px; margin: 0; padding: 5px 0; text-align: left; font-weight: normal; }
strong   { color: #253c88; text-decoration: none; }
a		 { color: #253c88; font-weight: normal; text-decoration: none; font-size: 14px; font-family: Helvetica, arial, sans-serif; }
a:hover  { color: #253c88; text-decoration:  underline; }
ul, ol	 { margin: 10px 0 20px 30px; padding: 0; }
ul li	 { list-style: disc; color: #6b6b6b; font-size: 13px; margin: 3px 0 3px 0; padding: 0;}
ol li	 { list-style: decimal; color: #6b6b6b; font-size: 13px; margin: 3px 0 3px 0; padding: 0; }
blockquote { font-size: 13px; color: #6b6b6b; font-style: italic; line-height: 20px; }
cite	 { font-size: 13px; color: #6b6b6b; font-style: normal; margin: 0 0 20px 0; font-weight: bold; }
 
.backlink { text-decoration: underline; margin: 20px 0 0 0; float: left; }		
.backlink:hover { text-decoration: none; }		
.address { width: 150px; float: left; margin: 10px 0 0 0 }

/* TOP */
.purplebar	 { width: 100%; height: 9px; background: #253c88; }

.wrapper { background: #fff; }
.wrapper, .topsection, .top { width: 1024px; height: auto; margin: 0 auto; padding: 0; position: relative; }
.top { height: 110px; margin: 0 auto 17px auto; z-index: 2; }

.top h1	 { margin: 0; }
.logo	 { float: left; margin: 16px 20px 0 20px; background: url(../../images/logo.jpg) top no-repeat; text-indent: -9999px; width: 300px; height: 96px;    display: block; }
.rightsection	 { float: right; width: 300px; height: auto; text-align: right; margin: 30px 20px 0 0;  }
.rightsection p	 { color:  #a8a8a8; font-size: 17px; text-align: right; font-style: italic; line-height: 30px }
.rightsection p strong	 { color: #545454; font-size:  31px; font-weight: lighter; }
	

.topnav		 {  z-index: 2; width: 1024px; position: relative; display: block; margin: 0 auto 20px auto; height: 48px; background:  url(../../images/menuGrad.jpg) repeat-x; -moz-box-shadow:  0 2px 2px #ccc; -webkit-box-shadow:  0 2px 2px #ccc; box-shadow:  0 2px 2px #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.topnav ul	 { float:  left; width:  auto; position:  relative; display:  block; margin:  0; height:  48px; }
.topnav li   { list-style:  none; float:  left; margin:  0; width:  auto;  padding:  0; position: relative; background:  none; }
.topnav li a  { padding:  0 15px;  margin:  0; color: #fff; height: 48px; display:  block; line-height:  47px; border-right:  1px solid #424242; -moz-box-shadow: inset 0 0 5px #666666; -webkit-box-shadow: inset 0 0 5px #666666; box-shadow: inset 0 0 5px #666666; position: relative; float: left; }
.topnav ul li a:hover	 { text-decoration:  none; color:  #fff; background:  #484848; -moz-box-shadow:  none; -webkit-box-shadow:  none; box-shadow:  none; }
.topnav ul li a.selected { color:  #fff; text-decoration:  none; font-weight:  normal; background:  url(../../images/menuActive.jpg) repeat-x; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.topnav ul li a.first	 { border-radius:  10px 0 0 10px; -moz-border-radius:  10px 0 0 10px; -webkit-border-radius:  10px 0 0 10px; }


.sf-menu,  .sf-menu * 	 { margin:  0; padding:  0; list-style:  none; }
.sf-menu 				 { line-height:  1.0; }
.sf-menu .submenu1 { position: absolute; padding: 0; margin: 0; top: -999em; float: left; }
.sf-menu .submenu2 { position: absolute; padding: 0; top: -999em; float: left; }
.sf-menu .submenu3 { position: absolute; padding: 0; top: -999em; float: left; }
.sf-menu li:hover  		 { visibility: inherit; }
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul   { left: 0; top: 48px; z-index: 2; }
.sf-menu li:hover li ul, 
.sf-menu li.sfHover li ul  { top: -999em; z-index: 2; }
.sf-menu li li:hover ul, 
.sf-menu li li.sfHover ul  { left: 180px; top: 0; z-index: 2; }
.sf-menu li li:hover li ul, 
.sf-menu li li.sfHover li ul  { top: -999em; z-index: 2; }
.sf-menu li li li:hover ul, 
.sf-menu li li li.sfHover ul  { left: 180px; top: 0; z-index: 2; }
.sf-menu li:hover,  .sf-menu li.sfHover, 
.sf-menu a:focus,  .sf-menu a:hover,  .sf-menu a:active  { outline:  0; z-index:  2; color:  #fff; text-decoration:  none; }

.sf-menu li:hover > a  { background:  #484848; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color:  #fff }

.sf-menu .submenu1, .sf-menu .submenu1 ul	{ -moz-box-shadow:  none; -webkit-box-shadow:  none;  box-shadow:  none; background:  none; }
.sf-menu .submenu1 li { border:  none; }
.sf-menu .submenu1 li a { font-size: 13px; color:  #ffffff !important; padding:  8px 15px; display:  block; width:  150px; background:  #484848 !important; line-height:  18px; height: auto;
 margin:  0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border:  none;  border-radius:  0 !important; -moz-border-radius:  0 !important; -webkit-border-radius:  0 !important; }
.sf-menu .submenu1 li a:hover, 
.sf-menu .submenu1 li a.selected,
.sf-menu .submenu1 li a:active 	 { color:  #fff !important; background:  #253c88 !important; text-decoration:  none !important; }
.sf-menu .submenu2 li a 	{ background:  #3e3e3e !important; }
.submenu1 li:hover > a  	{ background:  #3e3e3e !important; }
.sf-menu .submenu3 li a 	{ background:  #2f2f2f !important; }
.submenu2 li:hover > a  	{ background:  #2f2f2f !important; } 

.sf-sub-indicator, .sf-shadow   { display:  none; }

a.pgroup1 			{ float:  right; font-size:  15px; color:  #bde166; text-decoration: none; text-shadow: 0px 0px 2px #000; margin: 0 25px 0 0; line-height: 46px; }
a.pgroup1:hover		{ text-decoration:  none; text-shadow:  none; }

.homebanner	 	{ z-index: 1; width: 968px; height: 370px; padding: 27px 28px 0 28px; position: relative; margin: 0 0 10px 0; display: block;      position:  relative; background:  url(../../images/middleGrad.jpg) top center no-repeat; }
.bannertext 	{ position: absolute; top: 80px; left: 80px; color: #fff; font-family:  'ITCAvantGardeGothicBook',  sans-serif; font-size:  29px; z-index: 1000 !important; }
.bannertiles	{ z-index:  2; width: 1024px; height: auto; overflow: hidden; background: transparent url(../../images/whiteopac.png) repeat; margin: 0; position: absolute; bottom: 30px; left: 0; }

.sectors 					{ float:  left; width:  auto; position:  relative; display:  inline; margin:  0 0 0 100px; padding:  0; }
.sectors li	 				{ float:  left; width:  auto; position:  relative; display:  inline; margin:  0; padding:  0; list-style:  none; }
.sectors li a 				{ float: left; width:  auto; position:  relative; display:  inline; margin: 0 0 0 10px; padding:  20px 0 0 100px; color:  #253c88; font-size:  22px; font-weight: bolder;text-decoration:  none; line-height:  20px; height:  60px; width:  175px; }
.sectors li a span 			{ color:  #908f8f; font-size:  14px;font-weight:  normal; }
.sectors li a:hover			{ text-decoration:  none; }
.sectors li a:hover span	{ text-decoration:  underline; }	
.sectors li a.airconlink 	 	{ background:  url(../../images/airconlink.gif) left center no-repeat; margin: 0; }
.sectors li a.heatpumpslink 		{ background:  url(../../images/heatlink.gif) left center no-repeat; }
.sectors li a.refridgelink 		{ background:  url(../../images/fridgelink.gif) left center no-repeat; border: none; }

.image-trans  { display: inline-block; width: 968px; height: 350px; position: absolute; top: 28px !important; left: 28px !important; background: #fff url(../../images/bannershadow.jpg) bottom center no-repeat; z-index:  1; overflow:  hidden; padding: 0 0 20px; }
.image-trans img  { width:  100%; }

.newsitemBig 				{ display: block; margin: 20px 0; }
.newsitemBig .dateandtitle 	{ color: #4f3588; font-weight: bold; font-size: 14px; }
.newsitemBig a 				{ color: #414141; font-weight: bold; text-decoration: underline; }
.newsitemBig a:hover		{ text-decoration: none; }
.mainnewsitem			 	{ float: left; margin: 5px 0 0 0; width: 100%; padding: 15px 0 10px 0; border-top: 1px solid #d4d4cc; }
.mainnewsitem .title	 	{ font-size: 14px; font-weight: bold; color: #6B6B6B; }



.threecol {
     background:  none repeat scroll 0 0 transparent;
     height:  auto;
     margin:  0 auto;    
    overflow:  hidden;    
    padding:  0 0;    
    position:  relative;    
    width:  1024px;
 }
.threecol .leftcol	 {
     width:  265px;
     margin:  0 25px 0 0;
     padding:  0;
     height:  auto;
     overflow:  hidden;
     float:  left;
     position:  relative;
 }
.threecol .leftwidecol	 {
     width:  700px;
     margin:  0 0 0 40px;
     padding:  0;
     height:  auto;
     overflow:  hidden;
     float:  left;
     position:  relative;
     display:  inline;
 }
.threecol .lefthalfcol	 {
     width: 630px;
     margin:  0 0 0 40px;
     padding:  0;
     height:  auto;
     overflow:  hidden;
     float:  left;
     position:  relative;
     display:  inline;
 }
.threecol .centrecol	 {
     width:  450px;
     margin:  0 0;
     padding:  0;
     height:  auto;
     overflow:  hidden;
     float:  left;
     position:  relative;
 }
.threecol .rightcol	 {
     width:  230px;
     margin:  0 20px 0 0;
     padding:  0;
     height:  auto;
     overflow:  hidden;
     float:  right;
     position:  relative;
 }
.threecol .righthalfcol	 {
     width:  300px;
     margin:  0 0;
     padding:  0 28px 0 0;
     height:  auto;
     overflow:  hidden;
     float:  right;
     position:  relative;
 }
.threecol .righthalfcol img	 {
     float:  right;    
	margin:  10px 0;
	max-width:  300px;
     height:  auto;
}
.threecol .lefthalfcol img	 {
     float:  left;
     margin:  10px 0 10px 0;
     max-width:  390px;
}

.googlemap			{ float: right; width: 180px; text-align:  center; margin: 20px 0 0 0;  }
.googlemap iframe	 { margin:  0 0 10px 0; }

.mainduties			 { float:  left; width:  255px; }
.mainduties h3		 { color:  #3e65e3; font-size:  17px; font-weight:  normal; }
.mainduties ul		 { margin:  0 0 0 15px; padding:  0; float:  left; display:  inline; }
.mainduties ul li	 { color:  #6b6b6b; }
.documentPDF a		 { float:  left; color:  #1f4de8;font-size:  14px; text-align:  center; padding:  70px 0 0 0; width:  95px; margin:  10px 20px 0 0;    background:  url(../../images/pdfLink.gif) top center no-repeat; }
.documentPDF a:hover { opacity: 0.5; filter: alpha(opacity=50); text-decoration:  none; }


.twocol {
     width:  891px;
     margin:  20px 0 10px 0;
     padding:  0;
     height:  auto;
     overflow:  hidden;
     position:  relative;
 }
.twocol .leftcol		 {
     width:  515px;
     margin:  0 20px 0 0;
     padding:  0;
     height:  auto;
     overflow:  hidden;
     float:  left;
     position:  relative;
 }
.twocol .rightcol	 {
     width:  410px;
     margin:  0 0;
     padding:  0;
     height:  auto;
     overflow:  hidden;
     float:  right;
      position:  relative;
 }
 
.testimonial { float: left; margin: 0 0 20px 0; display:  block; }




.rightlinks 	{ float:  right; width:  230px; position:  relative; display:  inline; margin:  20px 0 0 0; padding:  0; }
.rightlinks li	{ float:  left; width:  auto;  position:  relative; display:  inline; margin:  0 0 15px 0; padding:  0; list-style:  none; height:  60px; }
.rightlinks li a { float:  left; width:  auto;  position:  relative; display:  inline; margin:  0; padding:  10px 0 0 60px; color:  #545454;    font-size:  19px; font-weight:  normal; text-decoration:  none; line-height:  20px; height:  50px; width:  170px; }
.rightlinks li a span		{ color:  #908f8f; font-size:  14px; font-weight:  normal; }
.rightlinks li a:hover 		{ text-decoration:  none; }
.rightlinks li a:hover span	{ text-decoration:  underline; }
.rightlinks li .caselink 	{ background:  url(../../images/casestudies.jpg) left center no-repeat; }
.rightlinks li .testlink 	{ background:  url(../../images/testimonials.jpg) left center no-repeat; }
.rightlinks li .worklink 	{ background:  url(../../images/workinprogress.jpg) left center no-repeat; }


.newsitem	{ background:  url(../../images/latestnews.jpg) left top no-repeat; padding: 0 0 0 60px; float: right; width: 170px; margin: 5px 0 0 0; }
.newsitem .newslink	{ color:  #545454; font-size:  19px; font-weight:  normal; text-decoration:  none; display:  block; margin:  0 0 5px 0; }	
.newsitem .newslink:hover	{ text-decoration:  underline; }
.newsitem .date				{ color:  #908F8F; font-size:  14px; font-weight:  normal; }
.newsitem .title			{ color:  #908F8F; font-size:  14px; font-weight:  normal; }
.newsitem .readmore			{ color:  #000000; font-size:  14px; font-weight:  normal; text-decoration:  underline; }
.newsitem .readmore:hover	{ text-decoration:  none; }

.accreditations				{ background:  #fff; margin: 40px auto 40px auto; width: 968px; height: 59px; padding: 0; position: relative;  display:  block; }
.logos						{ position: relative; }
.logos a			{ display: block; float: left;  }
.logos img			{ height: 45px; width: auto; margin: 0 3px; float: left; }
.logos a:hover		{ opacity:0.4; filter:alpha(opacity=40); }

.projectlist		{ float: left; margin: 20px 0; position: relative; display: block; width: 420px; }
.projectlist li		{ float: left; margin: 0 0 20px 0; position: relative; display: block; width: 420px; list-style: none; }
.projectlist li img	{ float: left; margin: 0 12px 0 0; position: relative; display: block; width: 73px; }	
.projectlist li a	{ text-decoration: underline; margin: 5px 0 5px 0; display: block; }
.projectlist li a:hover	 { text-decoration: none; }
.projectlist li p  	{ padding: 1px 0; }

.bigtestimonial		{ float: right; margin: 0 65px 0 0; }
.bigtestimonial blockquote	 { text-align: right; font-size: 24px; color: #838383; font-style: normal; line-height: 28px; margin:  60px 0 30px 0; }
.bigtestimonial cite { text-align: right; float: right; line-height: 20px; font-size: 14px; font-weight:  bold; color:  #474747;font-style:  normal }

.footer 				{ width: 968px; height: auto; margin: 0 auto; position: relative; z-index: 10; padding: 0 28px 20px 28px; background: #fff; overflow: hidden; }
.footer p, .footer a 	{ font-size: 12px; }
.footer .left 			{ width: 300px; float: left; padding: 0; }
.footer .left strong 	{ text-decoration: none; }
.footer .left a	 		{ color: #696969 }
.footer .right			{ width: 490px; float: right; padding: 0 0 0 0; display: inline }
.footer .right p 		{ text-align: right;  }
.footer .right a 		{ float: right; }
a.pgroup2 				{ float: left; margin: 0 0 20px 0; }
a.pgroup2:hover 		{ opacity:0.4; filter:alpha(opacity=40); }

.footerNav 				{ width: 994px; height: 40px; margin: 0 auto; position: relative; z-index: 10; padding: 0; }
.footerNav ul			{ float: left; width: 891px; position: relative; display: block; margin: 0; height: 40px; }
.footerNav ul li		{ list-style: none; float: left; margin: 0; padding: 0; }
.footerNav ul li a		{ padding: 0; margin: 0 20px; color: #fff; height: 40px; display: inline; line-height: 39px; width: auto; float: left; }
.footerNav ul li a:hover { text-decoration: underline; color: #fff; }
.footerNav ul li a.selected	 { color: #6d7aa5; text-decoration: none; font-weight: bold; }
.footerNav ul li a.first { margin: 0 10px 0 0; }
.footerNav ul li a.parent ul  { display:  none; }

.footerBottomFull 		{ width: 100%; background: #3e3e3e; margin: 0; }
.footerBottom 			{ width: 994px; height: 200px; margin: 0 auto; position: relative; z-index: 10; padding: 10px 15px 0 15px; }
.footerBottom .left 	{ width: 550px; float: left; }
.footerBottom p			{ font-size: 11px; color: #fff; }
.footerBottom .right	{ width: 300px; float: right; }
.footerBottom .right p	{ text-align: right; }
.footerBottom .right a  { font-size: 11px; color: #fff; text-decoration: none; }
.footerBottom .right a:hover { color:  #253c88; text-decoration: none; }

.contactform			{ width: 212px; height: auto; float: right; padding: 0; margin: 0px 5px 0 0; }

h3.formheader	 		{ height: 48px; width: 200px; position: relative; text-align: center; 
 float:  left; overflow:  visible !important; margin:  0 0 20px 40px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:  #fff; font-size: 18px; text-shadow: 0 0 3px #000; line-height: 48px; padding: 0; }
.contactform .required	{ height:  auto; float:  left; margin:  0 0 10px 0; }
.contactform label		{ color: #5d5d5d; font-size: 13px; float: left; font-weight: normal; margin: 5px 5px 0 0; width: 75px; text-align: right; font-family:  Helvetica, arial, sans-serif; }
.contactform input, .contactform textarea	{ background:  #fff; float: right; padding: 3px; border: none; color: #000; font-size: 13px; width: 123px; height: 15px; border: 1px solid #c8c8c8; font-family:  Helvetica, arial, sans-serif; }
.contactform textarea	{ height: 50px; }
.contactform input[type="submit"], 
.contactform input.submit	 { color: #fff; font-size: 12px; background: url(../../images/submitBtn.jpg) top no-repeat; float: right; cursor:  pointer;margin: 0; padding:  0 0 4px 0; text-align:  center; width:  82px; height:  33px; line-height:  26px; border:  none; text-shadow:  0 0 2px #000; font-weight:  bold; }
.contactform input[type="submit"]:hover, 
.contactform input.submit:hover  { text-decoration:  none; text-shadow:  none; }

.contactform .fb_invalid input,  
.contactform .fb_invalid textarea { border: 1px solid #FF0000; }
.contactform .sucess p  { color:  #545454; font-size:  16px; margin: 0; text-align: center; width: 200px; }

.newsitemSmall  		{ width: 150px; }
.NewsSummaryPostdate  	{ color: #6B6B6B; font-size:  14px; font-weight:  bold; }
.NewsSummary  			{ float: left; padding: 10px 0; border-top:  1px solid #dcdbd6; width: 100% }
.sidenav 				{ width: 600px; margin: 10px 0; padding: 0; float: left; }
.sidenav li  			{ width: 270px; margin: 5px 10px 5px 20px; padding: 0; float: left; }


.threecol .energyleftcol{width:520px;margin:0 10px 0 44px;padding:0;height:auto;overflow:hidden;float:left;position:relative;display:inline}.threecol .energyrightcol{width:300px;margin:0 44px 0 0;padding:0;height:auto;overflow:hidden;float:right;position:relative}.calculator{width:724px;height:900px;float:left;display:block;position:relative;overflow:hidden}.calculator .projectTitle{margin:5px 0;border:1px solid #a4e0a3;padding:5px;width:500px;display:block;overflow:hidden}.calculator .projectTitle input{float:right;width:240px;margin:3px 0 0 0;padding:3px}.calculator .projectTitle h3{float:left;width:240px}.calculator .topbox{margin:5px 0;border:1px solid #a4e0a3;padding:5px;width:500px}.calculator .topbox p{text-align:center}.calculator textarea,.calculator input{border:1px solid #a4e0a3;font-size:12px;color:#6b6b6b;font-family:helvetica,sans-serif;padding:3px}.calculator td{color:#6b6b6b}.calculator #mainCalculatorDiv{margin:5px 0;border:1px solid #a4e0a3;padding:5px;width:500px}.resultbox{border:1px solid #a4e0a3;float:left;margin:0 2px 2px 0;padding:5px;width:243px;color:#6b6b6b}.resultbox span{color:#545454}.buttons{width:500px;float:left;height:40px;padding:5px 5px 0 5px}input.calBtn{background:url("../../images/submitBtn.jpg") no-repeat scroll center top transparent;border:medium none;color:#fff;cursor:pointer;float:left;font-family:Helvetica,sans-serif;font-size:12px;font-weight:bold;height:33px;line-height:26px;margin:0;padding:0 0 4px;text-align:center;text-shadow:0 0 2px #000;width:82px}

.rightBox  {
     padding:  5px 10px;
     border:  1px solid #a4e0a3;
     width:  275px;
     margin:  0 0 20px 0;
 }

.rightBox h4  {
     text-align:  center;
 }

.rightBox table  {
     margin:  0 auto;
 }

.rightBox td  {
     padding:  2px 10px;
      border:  1px solid #a4e0a3;
     font-size:  11px;
     color:  #6B6B6B;
 }

.rightBox p  {
     font-size:  11px;
     text-align:  justify;
     line-height:  18px;
 }


table.testing  {
     width:  600px;
     border:  1px solid #A4E0A3;
 }

table.testing td  {
     width:  25%;
     height:  auto;
     padding:  5px;
     text-align:  center;
     border:  1px solid #A4E0A3;
     font-size:  11px;
     color:  #6B6B6B;
 }

table.testing td b  {
     color:  #545454;
 }

h4.centerheader  {
     text-align:  center;
     margin:  10px 0 5px 0;
 }




table.infotable td  {
     padding:  5px 10px;
     border:  1px solid #a7a7a7;
     color:  #6B6B6B;
     font-size:  13px;
 }