body {text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:.9em;background:#fff;margin:12px 14px;background:url(images/web/blue-bg-grade.gif) center -240px repeat-x;}
#main {max-width:1000px;min-width:635px;margin-left:auto;margin-right:auto;text-align:left;margin-bottom:10px;}
#header {padding-top:5px;font-size:.9em;background:#ffcc33 url(images/web/copperbg-wide1.jpg) top center repeat-y;}
#helpmenu {list-style:none;padding:0;margin:0;margin-left:1.8em;margin-bottom:4px;line-height:1.5em;float:left;}
#helpmenu li {display:inline;margin:0 10px 0 0;padding:0;float:left;position:relative;}
#helpmenu a {float:left;padding:1px 4px 0px 4px;color:#2E0F72;font-weight:bolder;letter-spacing:1px;text-transform:uppercase;font-size:.75em;text-decoration:none;background:rgba(255,255,255,0);}
#helpmenu a:hover, #helpmenu a:active, #helpmenu a:focus {color:#fff;background:#2E0F72;}
.skip {position:absolute;left:-999em;overflow:hidden;}
.skip:active, .skip:focus {width:14em;position:absolute;left:0px;color:#fff;overflow:visible; /* fix so skip links display in IE */}
#textsize {padding:0;margin:0;margin-right:5px;list-style:none;float:right;}
#textsize li {float:left;}
#textsize img {border:none;}
#textsize a {position:relative;}
#textsize a:hover,#textsize a:active,#textsize a:focus {z-index:200;}
#branding {clear:both;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;margin-top:3px;}
#branding p {position:absolute;margin:0;padding-left:190px;bottom:30px;font-weight:bold;color:#B87333;}
h1 {text-align:center;background:url(images/web/newncclogo.png) left center no-repeat;font-size:160%;color:#2E0F72;max-width:1000px;padding:30px 10px 50px 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:#333;}
.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-wide1.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:10px;
	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.6em;margin-left:30px;margin-right:30px;color:#444;}
#content ul {margin-left:50px;font-size:.8em;color:#444;font-size:90%;line-height:1.6em;}
#content, #nav {background:#FdFdFC url(images/web/headshade1.gif) 0px -17px repeat-x;}
/* NAV */
#nav, #nav ul {list-style:none;margin:0;padding:0;}
#nav {float:left;width:21%;margin-left:2.75%;border-top:1px solid #C89600;border-left:1px solid #AA8000;border-right:1px solid #F0B500;border-bottom:1px solid #F0B500;padding:10px;}
#nav li {margin-left:0px;border-bottom:1px solid #fdfdfc;}
#nav ul li {margin-left:0;}
#nav a {display:block;text-decoration:none;color:#655;font-weight:bold;padding:3px 5px;background:rgba(255,255,255,0);position:relative;}
#nav a:hover, #nav a:active, #nav a:focus {color:#333;background-color:#E8C061;z-index:200;}
#nav ul.submenu {margin-bottom:15px;}
#nav ul.submenu a {display:block;text-decoration:none;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 */
#nav ul a:hover,#nav ul a:active,#nav ul a:focus, #nav ul a.new:hover,#nav ul a.new:active,#nav ul a.new:focus  {color:#463B3B;background-color:#fee776;}
#nav a#active {background-color:#2E0F72;color:#eee;}
#nav ul a.new {padding-top:18px;background-color:#F5F5F1;}
#nav ul.submenu a span {background:url(images/web/new-icon.png) right 1px  no-repeat;padding-top:12px;height:10px;width:50px;text-indent:-999px;
	position:absolute;right:14px;top:0px;} /* absolute sets position for span containing new product icon */
/* GENERAL CONTENT */
#terms {list-style:none;padding:5px 0;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:20px;}
#terms a {text-decoration:none;color:#2e0f72;}
#terms a:hover,#terms a:active,#terms a:focus {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,#pico a:active,#pico a:focus {text-indent:0;background:url(http://pico-dsgn.net/images/picosm.gif) right center no-repeat;color:#888;}
.clrb {clear:both;}.clrheading {clear:both;margin:0 30px;}
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;}
.leftimg {float:left;margin-right:10px;margin-left:30px;}
.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;}
table.cylsizes {border-collapse:collapse;margin:0 30px 20px 30px;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 {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,.tabs a:active,.tabs a:focus {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;}
#content blockquote p {font-size:120%;font-style:italic;}
#bookmark {float:left;width:95%;margin-top:20px;margin-left:20px;}
#bookmark ul {list-style:none;margin:0;padding:0;float:left;}
#bookmark ul li {padding:0;margin:0;float:left;display:inline;}
#bookmark ul a {float:left;margin-right:10px;}
#bookmark ul a img {padding:1px;background:#ECEEF5;border:1px solid #ECEEF5;}
#bookmark ul a img:hover {border:1px solid #9DACCE;}
.section, .section1st {padding-bottom:20px;overflow:auto;background:url(images/web/headshade1.gif) left -30px repeat-x;border-top:1px solid #ddd;padding-top:20px;}
.section1st {border-top:none;padding-top:0;background:none;}
.fb_iframe_widget {float:left;margin-left:10px;padding:0;}
/* Accessibility Styles (When viewing site with no CSS) */
hr {position:absolute;left:-999em;}
.accessibility {position:absolute;left:-999em;}
.details {border:1px solid #ddd;margin:0 30px;font-size:.95em;color:#555;background:url(images/web/headshade1.gif) left -35px repeat-x;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.hidedetails {display:none;}
.showdetail {color:#454545;}
/* 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:115%;}
/* CYLINDERS HOME page */
a.cylhref {margin:0 30px 10px 30px;display:block;text-decoration:none;background:#FdFdFC url(images/web/blue-bg-grade.gif) 0px -500px repeat-x;}
a.cylhref:hover {text-decoration:none;color:#444;cursor: pointer;background:#fff url(images/web/blue-bg-grade.gif) 0px -340px repeat-x;}
a.cylhref dl {background-repeat:no-repeat;background-position:10px 10px;padding:10px 10px 10px 100px;min-height:75px;}
a.cylhref dt {text-decoration:none;color:#444;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;}
#indhref dl {background-image:url(images/cyl/indirectfade2.jpg);}
#dirhref dl {background-image:url(images/cyl/directthumbfade2.jpg);}
#slimhref dl {background-image:url(images/cyl/indthumbfade2.jpg);}
#solhref dl {background-image:url(images/cyl/indthumbfade2.jpg);}
#solthhref dl {background-image:url(images/cyl/solarthermalstorethumb.jpg);}
#unvhref dl {background-image:url(images/cyl/unvthumbfade2.jpg);}
#combhref dl {background-image:url(images/cyl/combthumbfade2.jpg);}
#econhref dl {background-image:url(images/cyl/econthumbfade2.jpg);}
#thermhref dl {background-image:url(images/cyl/thermthumbfade2.jpg);}
#horhref dl {background-image:url(images/cyl/horthumbfade2.jpg);}
#marhref dl {background-image:url(images/cyl/boatthumbfade2.jpg);}
/* Contact page */
p.email {display:none;}
#content h2.thanks {font-size:1.2em;color:Green;}
.error {color:Red;}
#submit {font-size:1.1em;}
form {margin:10px 20px 20px 20px;padding-top:10px;padding-bottom:20px;background:#fff url(images/web/blue-bg-grade.gif) 0px -250px repeat-x;}
dl {padding:15px 30px 0 30px;margin:0;}
dt {color:#444;margin:0;font-size:.9em;font-weight:bold;}
dd {margin:0;}
form dd {margin-bottom:10px;width:20em;}
dd#recipient {border:1px solid #d7d7d7;padding:4px 5px 4px 5px;background:#fff;}
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;}
legend {color:#2e0f72;padding:0 10px;font-weight:bold;}
fieldset {border:none;}
input, textarea {padding:6px 5px 6px 5px;border:1px solid #D7D7D7;background:#fff;width:100%;font-weight:bold;}
textarea {max-width:96%;font-family:Arial, Helvetica, sans-serif;}
select {border:none;padding:0;width:100%;}
.send {text-align:right;padding:0;margin:0;padding-right:40px;}
.contactbox {background:#fff url(images/web/blue-bg-grade.gif) 0px -250px repeat-x;margin:10px 20px 20px 20px;padding-top:10px;padding-bottom:20px;}
.contactbox dt {color:#444;margin:0;margin-top:10px;}
.contactbox dd {color:#2E0F72;margin-left:10px;}
#com {width:100%;}
#submit {background-image:url(images/web/menu-active.png);background-position:right 50%;background-repeat:no-repeat;background-color:#2E0F72;color:#fff;border:none;padding:5px 25px 5px 10px;font-weight:bold;width:auto;}
#submit:hover {background-color:#ffcc33;color:#2E0F72;cursor:pointer;}
/* 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#nav {display:none;}
body.headertank #content .leftimg, body.headertank #content .rightimg {padding-bottom:30px;}
/* 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 {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;}
#capcalc input {width:10em;}
#capcalc input#subcalc {width:auto;}
/* certs and associations */
#aside {margin-left:auto;margin-right:auto;max-width:1000px;padding-bottom:40px;}
#aside ul {list-style:none;margin:0;padding:0;float:left;}
#aside ul li {font-family:Arial, Helvetica, sans-serif;padding-top:110px;float:left;font-size:.7em;color:#bbb;width:23em;text-align:center;}
#aside ul li:hover {color:#777;}
#aside ul li#sta {background:url(images/certs/sta-logos.gif) 50% 0px no-repeat;}
#aside ul li#sta:hover {background:url(images/certs/sta-logos.gif) 50% -141px no-repeat;}
#aside ul li#hwa {background:url(images/certs/hwa-logos.gif) 50% 0px no-repeat;}
#aside ul li#hwa:hover {background:url(images/certs/hwa-logos.gif) 50% -111px no-repeat;}
#aside ul li#kite {background:url(images/certs/kitemark-logos.gif) 50% 0px no-repeat;}
#aside ul li#kite:hover {background:url(images/certs/kitemark-logos.gif) 50% -150px no-repeat;}
#aside a#findusfb {float:right;}
#aside a#findusfb img {border:1px solid #fff;}
#aside a#findusfb img:hover {border: 1px solid #eee;}
/* CSS3 Styles for extra function in supporting browsers - Safari, Firefox, Chrome */
#main {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
-webkit-box-shadow:0px 1px 3px rgba(0,0,5,.3);-moz-box-shadow:0px 1px 3px rgba(0,0,5,.3);box-shadow:0px 1px 3px rgba(0,0,5,.3);}
#header {	-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px;}
#helpmenu a {	-webkit-transition:.1s ease;-moz-transition:.1s ease;-o-transition:.1s ease;transition:.1s ease;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#helpmenu a:active, #helpmenu a:focus {-webkit-transition:background .1s ease,color .1s ease;-moz-transition:
background .1s ease,color .1s ease;-o-transition:background .1s ease,color .1s ease;transition:background .1s ease,color .1s ease;}
#textsize a:hover img,#textsize a:active img,#textsize a:focus img {-webkit-box-shadow:0px 0px 4px rgba(0,0,0,.6);-moz-box-shadow:0px 0px 4px rgba(0,0,0,.6);box-shadow:0px 0px 4px rgba(0,0,0,.6);}
#nav a {-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease;}
.rightimg, .leftimg, #bookmark ul a img {-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
#pico {-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
#pico a {-webkit-transition:color .3s linear;-moz-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear;}
form, #sitemap ul.sitemapsub, .answer, .contactbox,a.cylhref:hover {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	 -webkit-box-shadow:0px 1px 2px rgba(0,0,5,.3);-moz-box-shadow:0px 1px 2px rgba(0,0,5,.3);box-shadow:0px 1px 2px rgba(0,0,5,.3);}
#fill {-webkit-transition:background 3s linear;-moz-transition:background 3s linear;-o-transition:background 3s linear;transition:background 3s linear;}
.answer {-webkit-box-shadow:0px 1px 2px rgba(0,0,5,.5);-moz-box-shadow:0px 1px 2px rgba(0,0,5,.5);box-shadow:0px 1px 2px rgba(0,0,5,.5);}
body.directions #content .leftimg {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	-webkit-box-shadow:1px 2px 2px rgba(0,0,5,.3);-moz-box-shadow:1px 2px 2px rgba(0,0,5,.3);box-shadow:1px 2px 2px rgba(0,0,5,.3);}
.tabs a {-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;-o-transition:background-color .1s linear;transition:background-color .1s linear;}
#aside a#findusfb img {-webkit-transition:.2s ease;-moz-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease;}
/* IE6 styles in ie6.css */