body {text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: .9em;background: #FFFFEC;background: #fff;
	margin: 12px 14px;background: url(images/web/blue-bg-grade.gif) center -260px repeat-x;}
	
/* MAIN STYLES */
#main {max-width: 1000px;min-width: 635px;margin-left: auto;margin-right: auto;text-align: left;margin-bottom: 10px;}
#headerwrap {border: 0px solid #2E0F72;padding: 5px 10px;height: 1.5em;font-size: .9em;
	background: #ffcc33 url(images/web/copperbg-wide.jpg) top center repeat-y;}
#helpmenu {list-style: none;padding: 0;margin: 0;margin-left: 2em;line-height:1.5em;float: left;}
#helpmenu li {display: inline;margin: 0;margin-right: 10px;padding: 0;float: left;}
#helpmenu a {float:left;padding: 0 4px 0px 4px;color: #2E0F72;font-weight: bolder;letter-spacing: 1px;
	text-transform: uppercase;font-size: .75em;text-decoration: none;}
#helpmenu a:hover {color: #fff;background: #2E0F72;}
#textsize {padding: 0;margin: 0;list-style: none;float: right;}
#textsize li {float: left;}
#textsize img {border: none;}
#headerbg {background: #ffcc33 url(images/web/copperbg-wide-lt.jpg) center;border-top: 1px solid #eff;border-bottom: 1px solid #eff;
	padding-left: 5%;position:relative;}
#headerbg p {position: absolute;margin: 0;padding-left: 190px;bottom: 20px;font-weight: bold;color: #B87333;}
h1 {text-align: center;background: url(images/web/newncclogo.png) left center no-repeat;font-family: Arial, Helvetica, sans-serif;
	font-size:160%;color: #2E0F72;max-width: 1000px;padding: 40px 10px 40px 190px;margin: 0;text-align: left;}
h2 {color: #B87333;margin-left: 30px;margin-top: 0px;font-size: 110%;
	padding-top: 20px; /* padding not margin for netscape */}
h3 {margin-left: 30px;font-size:1.05em;color: #B87333;}
.backlinks {font-size: .8em;clear: both;margin-left: 28.5%;padding: 8px 0px 8px 0;height: 1.4em;line-height: 1.4em;color: #2e0f72;}
#contentwrap {background: #ffcc33 url(images/web/copperbg-wide.jpg) top center repeat-y;width:100%;padding-bottom: 30px;
	margin-left: auto;margin-right: auto;}
#content {float: right;width: 69%;min-height: 34em;margin-right: 2.75%;padding-bottom: 50px;
	border-right: 1px solid #AA8000;border-left: 1px solid #F0B500;border-top: 1px solid #DDA600;border-bottom: 1px solid #DDA600;}
#content p {font-size:90%;line-height: 1.5em;margin-left: 30px;margin-right: 30px;color: #444;}
#content ul {margin-left: 50px;font-size: .8em;color: #444;font-size:90%;line-height: 1.5em;}
#content, 
#navigation {background: #FdFdFC url(images/web/headshade1.gif) 0px -17px repeat-x;}
/* Nav */
#navigation, #navigation ul {list-style: none;margin: 0;padding: 0;}
#navigation {float: left;width: 21%;margin-left: 2.75%;border-left: 1px solid #AA8000;border-right: 1px solid #F0B500;
	border-top: 1px solid #C89600;border-bottom: 1px solid #F0B500;padding: 10px;}
#navigation li {margin-left: 0px;border-bottom:1px solid #fdfdfc;}
#navigation ul li {margin-left: 0;}
#navigation a {display: block;text-decoration: none;border-bottom: 0px solid #999;color: #655;
	font-weight: bold;padding: 3px 5px;}
#navigation a:hover {color: #333;border-bottom: 0px solid #DFA722;background-color: #E8C061;}
#navigation ul.submenu {margin-bottom: 15px;}
#navigation ul.submenu a {display: block;text-decoration: none;border-bottom: 0px solid #d5d5d5;padding: 3px 5px;font-weight: normal;
	background:#fdfdfc url(images/web/menu-active.png) right 50% no-repeat;color: #655;font-size:.95em;
	position:relative;} /* position:relative; allows for positioning of the span */
#navigation ul a:hover, #navigation ul a.new:hover {color:#463B3B;background-color: #fee776 }
/* Nav - active menu item */
#navigation a#active {background-color: #2E0F72;color: #eee;}
/* Nav - new product icon */
#navigation ul a.new {padding-top: 18px;background-color:#FAFAF8;}
#navigation ul.submenu a span {background: url(images/web/new-icon.png) right 2px  no-repeat;padding-top:12px;border:0px solid red;height: 10px;
width: 50px;text-indent: -999px;position:absolute;right:14px;top:0px;} /* absolute sets position for span containing new product icon */
/* Nav end */
#terms {list-style: none;padding: 0;padding-top: 5px;padding-bottom: 5px;margin: 0;border-top:1px solid #eff;
	border-bottom: 1px solid #eff;clear: both;text-align: right;font-size: 80%;color: #2e0f72;
	background: #ffcc33 url(images/web/copperbg-wide-lt.jpg) top center;}
#terms li {display: inline;padding-right: 10px;}
#terms a {text-decoration: none;color:#2e0f72;}
#terms a:hover {text-decoration: underline;}
#pico {text-align: left;background: #000;}
#pico a {color: #555;text-decoration: none;padding: 3px 60px 3px 10px;display: inline-block;}
#pico a:hover {text-indent: 0;background: url(http://pico-dsgn.net/images/picosm.gif) right center no-repeat;color: #888;}
.clrb {clear: both;}

/* GENERAL CONTENT */
p.backtotop {clear: both;text-align: right;margin-top: 20px;}
p.backtotop a {text-transform: uppercase;font-size: .75em;color: #AE8219;}
.rightimg {float: right;margin-right: 30px;margin-left: 10px;border-right: 1px solid #EAEAEA;border-bottom: 1px solid #EAEAEA;}
.leftimg {float: left;margin-right: 10px;margin-left: 30px;border-right: 1px solid #EAEAEA;border-bottom: 1px solid #EAEAEA;}
.leaflet {float: left;margin-left: 20px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
table {font-size: .8em;text-align: center;margin-left: 50px;}
table.lefttable {margin-left: 30px;margin-top: 20px;clear: left;}
table.lefttable td.leftcell {text-align: left;}
th {padding: 3px 10px;background-color: #ffcc33;}
td {background-color: #FFE38C;}
dt {margin-left: 50px;font-size: .9em;color: #E6AD00;font-weight: bold;}
dl {margin-top: 0;margin-bottom: 0;}
dl.displayemail {border: 1px solid #ddd;margin: 10px 70px 10px 50px;padding: 20px 0;}
dl.displayemail dt {color: #999;font-weight: normal;margin-left: 20px;}
dl.displayemail dd {padding-left: 0px;margin-left: 20px;padding-bottom: 10px;padding-right: 30px;font-size: .8em;}
dd {color: #444;}
dd ul {list-style: none;}
form {margin: 10px 20px 20px 20px;padding-top:10px;padding-bottom: 20px;border: 0px solid #2E0F72;
	background: #fff url(images/web/blue-bg-grade.gif) 0px -250px repeat-x;}
form dl {padding-top: 15px;}
form dt {color:#444;}
legend {color: #2e0f72;padding: 0 10px;}
fieldset {border:none;}
table.cylsizes {border-collapse: collapse;margin-left: 30px;margin-bottom: 20px;color: #444;}
table.cylsizes td {border-bottom: 1px solid #eee;background: none;}
table.cylsizes th {background: url(images/web/headshade1.gif) left -30px repeat-x;border-bottom: 1px solid #ddd;border-top: 1px solid #eee;}
.cylsizeswrap {border: 0px solid red;float: left;width: 48%;}
.cylsizeswrap p {font-weight: bold;margin-bottom: 0;}
#content .cylsizeswrap p.insul {font-weight:normal;font-size:.75em;margin-top: 0;margin-bottom: 10px;color: #888;}
#content ul.tabs {list-style: none;margin:0 20px 0 20px;padding: 10px 0 0 20px;
	background: #fdfdfe url(images/web/tabsbg.png) left bottom repeat-x;}
.tabs li {margin: 0;padding: 0;display:inline;}
.tabs a {display: inline-block;padding: 4px 15px;color: #99b;text-decoration: none;
	background: #F0F1F9 url(images/web/tabs-bg-grade.png) left 17px repeat-x;}
.tabs a:hover {background: #fdfdfe url(images/web/tabs-bg-grade.png) left 18px repeat-x;color: #546DDC;}
.tabs a#activetab {background: #fdfdfe;border-top: 1px solid #fff;border-left: 1px solid #EDEDED;border-right: 1px solid #EDEDED;
	border-bottom: none;color: #2e0f72;background: #fdfdfe url(images/web/headshade1.gif) left -22px repeat-x;
	padding-top: 6px;position:relative;top: 1px;}
	
/* Accessibility Styles (When viewing site with no CSS) */
hr {position: absolute;left: -999em;}
.accessibility {position: absolute;left: -999em;}

/* HOME PAGE specific */
#content .welcometext {text-align: center;margin: 10px 30px;padding-bottom: 12px;font-size: 110%;line-height: 1.7em;
	border-bottom: 1px solid #666;}
#content .texthome {margin-left: 30px;margin-right: 30px;font-size: 90%;}
body#homepage h2 {
	color: #EEB300;
	margin-left: 20px;
	font-size: 105%;
}
/* CYLINDERS HOME page */
a.cylhref {border-bottom: 1px solid #666;float: left;margin: 20px 35px 0 35px;padding: 5px 95px 20px 0;
	display: block;text-decoration: none;
}
a.cylhref:hover {text-decoration: none;color: #444;border-bottom: 1px solid #666;}
a.cylhref .dt {text-decoration: none;color: #F4B800;font-weight: bold;margin-left: 0;}
a.cylhref:hover .dt {text-decoration: underline;}
a.cylhref .dd {font-size: 80%;margin-left: 0;line-height:1.6em;color: #444;}
a#indhref {background: url(images/cyl/indirectfade.jpg) top right no-repeat;}
a#indhref:hover {background: url(images/cyl/indirectfade2.jpg) top right no-repeat;}
a#dirhref {background: url(images/cyl/directthumbfade.jpg) top right no-repeat;}
a#dirhref:hover {background: url(images/cyl/directthumbfade2.jpg) top right no-repeat;}
a#solhref {background: url(images/cyl/indthumbfade.jpg) top right no-repeat;}
a#solhref:hover {background: url(images/cyl/indthumbfade2.jpg) top right no-repeat;}
a#solthhref {background: url(images/cyl/solarthermalstorefade.jpg) top right no-repeat;}
a#solthhref:hover {background: url(images/cyl/solarthermalstorethumb.jpg) top right no-repeat;}
a#unvhref {background: url(images/cyl/unvthumbfade.jpg) top right no-repeat;}
a#unvhref:hover {background: url(images/cyl/unvthumbfade2.jpg) top right no-repeat;}
a#combhref {background: url(images/cyl/combthumbfade.jpg) top right no-repeat;}
a#combhref:hover {background: url(images/cyl/combthumbfade2.jpg) top right no-repeat;}
a#econhref {background: url(images/cyl/econthumbfade.jpg) top right no-repeat;}
a#econhref:hover {background: url(images/cyl/econthumbfade2.jpg) top right no-repeat;}
a#thermhref {background: url(images/cyl/thermthumbfade.jpg) top right no-repeat;}
a#thermhref:hover {background: url(images/cyl/thermthumbfade2.jpg) top right no-repeat;}
a#horhref {background: url(images/cyl/horthumbfade.jpg) top right no-repeat;}
a#horhref:hover {background: url(images/cyl/horthumbfade2.jpg) top right no-repeat;}
a#marhref {background: url(images/cyl/boatthumbfade.jpg) top right no-repeat;}
a#marhref:hover {background: url(images/cyl/boatthumbfade2.jpg) top right no-repeat;}

/* Contact page */
#content h2.thanks {font-size: 1.2em;color: Green;}
.error {color: Red;}
#submit1, #submit2, #submit3, #submit4, #submit5 {font-size: 1.1em;}

/* Style if no JS */
.showhide {display: none;} 
#mark, #andrew, #mike, #sarah, #tom {display: none;}

/* Sitemap */
ul#sitemap, ul#sitemap ul {margin: 0;padding: 0;list-style: none;font-size:120%;line-height: 1.4em;}
ul#sitemap ul {font-size: .9em;}
ul#sitemap a {text-decoration: none;color: #2e0f72;}
ul#sitemap ul ul a {color: #555;}
ul#sitemap a:hover {text-decoration: underline;}
ul#sitemap ul.sitemapsub {background: url(images/web/blue-bg-grade.gif) 0px -250px repeat-x;margin: 20px 30px;
	font-weight:bold;padding:20px 20px;}
ul#sitemap ul.sitemapsub ul {font-weight:normal;padding-left:30px;padding-top: 10px;}
ul#sitemap ul.sitemapsub ul ul {padding-top: 0;}

/* page class specific styles */
body.info #content {width: 93.5%;margin-right:3%;}
body.info2 #content {padding-bottom: 0;}
body.info #content table {margin-left:auto;margin-right: auto;}
body.info ul#navigation {display:none;}

/* Capacity Calc */
#fill {min-height: 34em;margin: 0;padding: 0;border: 1px solid #fdfdfc;background: #fdfdfc url(images/water-fill.gif) 50% 35em repeat-x;}
#fill:hover {background: #fdfdfc url(images/web/water-fill.gif) 50% 9.65em repeat-x;}
.answer {border: 0px solid #666;background: #fdfdfc url(images/web/blue-bg-grade.gif) 0px -280px repeat-x;margin: 40px;
	margin-top: 3.5em;padding: 5px;width: 50%;}
#big {font-size: 130%;color: Red;font-weight: bold;}

/* certs and associations */
#certs {margin-left: auto;margin-right: auto;max-width: 900px;padding-bottom: 40px;}
#certs ul {list-style: none;margin: 0;padding: 0;float: left;}
#certs ul li {font-family: Arial, Helvetica, sans-serif;padding-top:110px;float:left;font-size: .7em;color: #bbb;width: 23em;text-align: center;}
#certs ul li:hover {color: #888;}
#certs ul li#sta {background: url(images/certs/sta-logo-bw.gif) center top no-repeat;}
#certs ul li#sta:hover {background: url(images/certs/sta-logo-col.gif) center top no-repeat;}
#certs ul li#hwa {background: url(images/certs/hwa-logo-bw.gif) center top no-repeat;}
#certs ul li#hwa:hover {background: url(images/certs/hwa-logo-col.gif) center top no-repeat;}
#certs ul li#kite {background: url(images/certs/kitemark-bw.jpg) center top no-repeat;}
#certs ul li#kite:hover {background: url(images/certs/kitemark-color.jpg) center top no-repeat;}

/* CSS3 styles in separate style sheet. IE6 styles in ie6.css */