body {cursor:default; background:#333; text-align:center;}
body, html {margin:0; padding:0;}
body, table {color:#333;}

hr {display:none;}
hr.show, .showHR hr {display:block;}
.showHR hr.hide  {display:none;}

abbr {border:none;}

h1,h2 {font-weight:100;}
h1 {font-size:23px;}
h2 {font-size:20px;}
h3 {font-size:15px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

h1,h2,h3,h4,h5,h6 {text-transform:uppercase;}

h1,h2 {/*position:relative; top:2px;*/margin-top:3px;margin-bottom:20px;}

h3,h4,h5,h6,p,ul,ol,blockquote {margin-top:0; margin-bottom:20px;}

blockquote {margin:0 0 20px; border-width:1px 1px 1px 10px; border-style:solid; border-color:#e3e3e3; padding:8px 12px; color:#555;}

ul#subnav1 li a, #header div.logos h4 a span {font:14pt Arial; text-transform:uppercase; letter-spacing:1px;}

#gui1 {width:900px; margin:0 auto; text-align:left; padding:20px 0;}
#gui2 {background:#fff; color:#111; width:100%; padding:0 0 15px; min-height:450px;}
ul#subnav1 {z-index:999; position:relative;}
#gui3 {/*width:100%; float:left;*/ position:relative; z-index:1;}
#gui4 {width:180px; float:left; margin:0 0 0 -100%;}
#gui5 {width:200px; float:left; margin:0 0 0 -200px;}
#gui3 .columnPadder {margin:0 200px 0 180px; text-align:justify;}
.noright #gui3 .columnPadder {margin-right:50px;}
.noleft #gui3 .columnPadder {margin-left:30px;}
.nocolumns #gui3 .columnPadder {margin-left:30px; margin-right:50px;}
#gui4 .columnPadder, #gui5 .columnPadder {margin:0 15px;}

#header {padding:0 0 15px;}
#header h2.logo, #header h2.logo a {width:165px; height:120px;}
#header h2.logo {float:left; margin:0; padding:0;}
#header h2.logo a {display:block; background-color:transparent; background-repeat:no-repeat; background-position:center center;}
#header h2.logo a span {display:none;}
#header div.logos {float:right; width:720px;}
#header div.logos h4 {margin:0; float:left;}
#header div.logos h4 span {display:none;}
#header div.logos h4 a {
    text-decoration:none;
    color:#777;
    background-color:#5c5c5c;
    display:block;
    background-repeat:no-repeat;
    background-position:0px 0px;
    }
#header div.logos h4 a:hover {color:#888; background-color:#747474; display:block;}
#header div.logos h4.mygas, #header div.logos h4.mygas a {width:230px; height:120px;}
#header div.logos h4.helium, #header div.logos h4.helium a {width:230px; height:53px;}
#header div.logos h4.customgas, #header div.logos h4.customgas a {width:230px; height:53px;}
#header div.logos h4.furbygas, #header div.logos h4.furbygas a {width:475px; height:52px;}

.customgas #header h2 a {background-image:url(logo-customgas.png);}
.helium #header h2 a {background-image:url(logo-helium.png);}
.mygas #header h2 a {background-image:url(logo-mygas.png);}
.furbygas #header h2 a {background-image:url(logo-furbygas.png);}

#header div.logos h4.customgas a {background-image:url(buttons/custom.png); background-position:bottom right;}
#header div.logos h4.customgas a:hover {background-image:url(buttons/custom-ov.png);}
#header div.logos h4.helium a {background-image:url(buttons/helium.png); background-position:top right;}
#header div.logos h4.helium a:hover {background-image:url(buttons/helium-ov.png);}
#header div.logos h4.mygas a {background-image:url(buttons/mygas.png);}
#header div.logos h4.mygas a:hover {background-image:url(buttons/mygas-ov.png);}
#header div.logos h4.furbygas a {background-image:url(buttons/furby.png); background-position:left center;}
#header div.logos h4.furbygas a:hover {background-image:url(buttons/furby-ov.png);}

#header div.logos h4.customgas, #header div.logos h4.helium, #header div.logos h4.furbygas {float:right;}
#header div.logos h4.furbygas {margin:15px 0 0;}
#header div.logos h4.helium {margin:0 15px 0 0;}

/*#header div.logos h4 a span {display:block; padding:5px}
#header div.logos h4.customgas a span, #header div.logos h4.helium a span {text-align:right}
#header div.logos h4.customgas a span {padding-top:25px}
#header div.logos h4.furbygas a span {padding-top:13px}*/

.customgas #header div.logos h4.customgas a,
.helium #header div.logos h4.helium a,
.mygas #header div.logos h4.mygas a,
.furbygas #header div.logos h4.furbygas a {color:#fff;}

.customgas #header div.logos h4.customgas a, .customgas ul#subnav1 li a {background-color:#04B0EA;}
.customgas h1,.customgas h2,.customgas h3,.customgas h4,.customgas h5,.customgas h6,
.customgas a,.customgas a:active,.customgas a:visited,.customgas a:link {color:#04B0EA;}
.customgas #header div.logos h4.customgas a {background-image:url(buttons/custom-on.png);}

.helium #header div.logos h4.helium a, .helium ul#subnav1 li a {background-color:#DC0067;}
.helium h1,.helium h2,.helium h3,.helium h4,.helium h5,.helium h6,.helium a,
.helium a:active,.helium a:visited,.helium a:link {color:#DC0067;}
.helium #header div.logos h4.helium a {background-image:url(buttons/helium-on.png);}

.mygas #header div.logos h4.mygas a, .mygas ul#subnav1 li a {background-color:#FFA301;}
.mygas h1,.mygas h2,.mygas h3,.mygas h4,.mygas h5,.mygas h6,.mygas a,
.mygas a:active,.mygas a:visited,.mygas a:link {color:#FFA301;}
.mygas #header div.logos h4.mygas a {background-image:url(buttons/mygas-on.png);}

.furbygas #header div.logos h4.furbygas a, .furbygas ul#subnav1 li a {background-color:#C7CC0B;}
.furbygas h1,.furbygas h2,.furbygas h3,.customgas h4,.furbygas h5,.furbygas h6,.furbygas a,
.furbygas a:active,.furbygas a:visited,.furbygas a:link {color:#C7CC0B;}
.furbygas #header div.logos h4.furbygas a {background-image:url(buttons/furby-on.png);}

.customgas a:hover, .helium a:hover, .mygas a:hover, .furbygas a:hover, a:hover {color:#777;}

ul#subnav1 {margin:20px 20px 20px 180px; padding:0; height:20px; background:#fff;position:relative;z-index:999;}
.furbygas ul#subnav1,
.noleft ul#subnav1, .nocolumns ul#subnav1, .helium ul#subnav1 {margin:20px;position:relative;z-index:999;}
ul#subnav1 li, ul#subnav1 li a {width:100px; height:20px; background:#ccc; display:block;position:relative;z-index:999;}
ul#subnav1 li {position:relative; list-style-type:none; float:left; margin:0 17px 0 0;z-index:999;}
ul#subnav1 li a {position:relative; top:-2px; left:-2px; text-align:center; text-decoration:none; font-size:8pt; color:#fff; line-height:20px;}
ul#subnav1 li ul {margin:0; padding:5px 0 0; position:absolute; top:20px; left:0px; display:none; background:#fff;z-index:999;}
ul#subnav1 li ul li {
    display:block;
    margin:0;
    float:none;
    background:none;
    width:190px;
    height:auto;
    position:relative;
    top:0px;
    left:0px;
    z-index:999;
    }
ul#subnav1 li ul li a {
    display:block;
    float:none;
    background:#000 !important;
    text-transform:none;
    text-align:left;
    font:8pt Arial;
    width:100%;
    height:auto;
    padding:0;
    border-bottom:1px solid #333;
    color:#aaa;
    margin:0;
    position:relative;
    z-index:999;
    }
ul#subnav1 li ul li a span {padding:3px 8px; display:block;position:relative;z-index:999;}
ul#subnav1 li ul li a:hover {background:#222 !important; color:#FFF;position:relative;z-index:999;}
ul#subnav1 li.hover ul {display:block;}
ul#subnav1 li a.on {background:#888; color:#fff;}
ul#subnav1 li a:hover {background:#888;}

#copyfooter p {margin:0; padding:10px 0; font:11px Arial; color:#888;}
#copyfooter p.copy {float:left;}
#copyfooter p.afridesign {float:right;}
#copyfooter a {color:#888; text-decoration:none;}
#copyfooter a:hover {color:#333; text-decoration:underline;}

/*.imageGallery {padding:10px 0; margin:0 0 15px;}
.imageGallery span {display:none; cursor:pointer; width:30px; height:60px; line-height:60px; text-align:center; font-size:24pt; text-decoration:none; color:#333;}
.imageGallery div.pane {width:30px; margin:0 5px;}
.imageGallery div.pane, .imageGallery div.display {display:block; float:left;}
.imageGallery div.display {text-align:center; background:#000;}
.imageGallery div.display img {display:none; margin:0 auto; border:none;}
.imageGallery div.display img.show {display:block;}
.imageGallery div.sPaging {width:100%; clear:both; text-align:center; color:#333; padding:0 0 6px;}
.imageGallery div.imgThumbs {margin:-1px 45px 0 40px; overflow:auto; background:#111;}
.imageGallery div.imgThumbs img {border:1px solid #444; cursor:pointer;}
.imageGallery div.imgThumbs img.viewing {border:1px solid #aaa;}*/

form div.formfield {margin:0 0 10px;}
form div.formfield label {display:block; width:30%; float:left; padding:3px 0;}
form div.formfield input.text {width:58%; float:left;}

ul.productsList {margin:15px 0; padding:0;}
ul.productsList li {margin:0 0 10px; list-style-type:none;}
ul.productsList li a {font-size:11pt; text-decoration:none;}
ul.productsList li a:hover span {text-decoration:underline !important;}

.orange {color:#F80;}
div.errList {background:#FDD; border:1px solid #D77; color:#900; padding:5px 10px; margin:0 0 15px;}
div.errList p, div.errList ul {margin:8px 0;}

#preloader {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden;}

body.mygas {background:#fff url(mygasbg.png) repeat-x 0px 0px;}
body.helium {background:#fff url(heliumbg.png) repeat-x 0px 0px;}
body.customgas {background:#fff url(customgasbg.png) repeat-x 0px 0px;}
body.furbygas {background:#fff url(furbygasbg.png) repeat-x 0px 0px;}

div.HEsubsubnav ul {margin:0; padding:0; list-style-type:none;}
div.HEsubsubnav ul li {background:#CCC; margin:0 0 10px; font-size:12px;}
div.HEsubsubnav ul li a {display:block; background:#dc0067; text-decoration:none; padding:4px; color:#fff !important; position:relative; top:-2px; left:-2px;}
div.HEsubsubnav ul li.on a,
div.HEsubsubnav ul li a:hover {background:#777;}