body{
margin:0 auto;
}
.pro-temp-body { font-family: 'Roboto', sans-serif !important; }
header {
background: #dcdcdc url("https://d3d71ba2asa5oz.cloudfront.net/12020956/images/header-bg.jpg") no-repeat scroll 0 0;
background-position:center top !important;
/* background: #999 repeat scroll 0 0;*/
/*border-bottom: 5px solid #000;*/
margin-bottom: 5px;
}
.logo {
padding-top:30px;
}
.header-top {
margin: 0 auto;
overflow: hidden;
padding: 10px 0;
width: 960px;
}
.header-top-section-left {
float: left;
overflow: hidden;
width: 50%;
}
.header-top-section-right {
float: left;
overflow: hidden;
width: 50%;
}
.header-top-section-right-one {
color: #fff;
text-align: right;
margin-top:3px;
color:#999;
}
.header-top-section-right-one > a {
color: #999;
font-size: 14px;
padding: 0 10px;
text-decoration: none;
}
.header-top-section-right-one > a:hover{
color:#777;
}
.banners {
background: #eee;
display:block;
width:100%
}
.banners .ban-header {
float:left;
height:54px;
}
.dia-banner span {
font-size:25px;
color:#999;
text-align:center !mportant;
padding:10px 0 10px;
}
.content-area-2 {
margin: 0 auto;
width: 960px;
}
#search {
margin-top: 22px;
text-align: right;
}
#search input[type="text"] {
background: rgba(0, 0, 0, 0) url("../images/search-dark.png") no-repeat scroll 249px 9px;
border: 1px solid #ffd52e;
color: #fff;
padding: 8px;
width: 261px;
}
#search input[type="text"]:focus {
border: 1px solid #fff;
}
/*-- --*/
#header-bottom {
background:#eee;
margin: 0 auto;
overflow: hidden;
padding: 5px 0;
width: 960px;
}
.manu-area {
float: left;
width: 60%;
}
header nav{
}
.toggle,
[id^=drop] {
display: none;
}
nav ul {
float: left;
height: auto;
list-style: outside none none;
margin: 0;
padding: 0;
width: 100%;
}
nav ul li {
float: left;
}
nav ul li a {
color: #999;
display: block;
font-size: 16px;
padding: 5px 15px;
text-decoration: none;
text-transform: uppercase;
font-weight: 500;
}
nav ul li a:hover {
color:#555;
}
.manu-area-right {
float: left;
width: 40%;
text-align:right;
}
.manu-area-right > a {
color: #fff;
font-size: 14px;
font-weight: 500;
padding: 0 0 0 15px;
text-decoration: none;
text-transform: uppercase;
}
.manu-area-right > a:hover {
color:#eeeeee;
}
.phone {font-size:35px; color:#ff8b00; font-weight:700; letter-spacing:1px; text-decoration:none; }
/*-- End Header Section--*/
main {
overflow: hidden;
}
.content-area {
margin: 0 auto;
width: 960px;
}
.content-area-banner {
background: #eee;
margin: 0 auto;
width: 960px;
min-height:100px;
}
#sidebar {
float: left;
height: 100%;
width: 24.4%;
}
.sidebar-singl {
clear: both;
color: #fff;
margin: 0 0 15px;
text-align: center;
width: 95%;
}
aside h1, .sideber-manu-t {
background: #eeeeee none repeat scroll 0 0;
color: #999999;
font-size: 14;
margin: 7px 0 0px;
padding: 5px 0;
text-align: center;
text-transform: uppercase;
font-weight:700;
}
.sideber-manu-t a { font-size:14px !important;}
.sidebar-singl > ul {
margin: 0;
padding: 0;
}
.sidebar-singl ul li {
list-style: outside none none;
text-align: left;
}
.sidebar-singl ul li a {
/* background: #eeeeee none repeat scroll 0 0;*/
color: #999999;
display: block;
border-bottom: 1px dotted #999999;
padding: 5px;
text-decoration: none;
font-size:14px;
}
.sidebar-singl ul li a img {
float: left;
padding: 5px 14px;
width: 70px;
}
.sidebar-singl ul li a p {
font-weight: 700;
overflow: hidden;
}
.contact {
background: #eee none repeat scroll 0 0;
overflow: hidden;
}
.contact > p {
color: #999;
/*float: left;*/
padding: 20px;
text-align: left;
/* width: 90%*/;
}
.img > img {
margin-top: 48px;
}
.contact a {
color: #b1b736;
text-align: center;
text-decoration: none;
}
.contact > img {
margin-top: 20px;
}
.contct a img {
display: block;
float: left;
margin-top: 20px;
width: 50%;
}
.img > img {
margin-top: 48px;
}
.payment {
background: #fff none repeat scroll 0 0;
color: #594830;
padding-top: 10px;
text-transform: uppercase;
}
.free-shipping {
overflow: hidden;
padding: 20px 0;
}
.sidebar-singl h4 {
font-size: 16px;
font-weight: 100;
line-height: 35px;
margin: 10px 0 4px 0px;
}
.sidebar-singl p {
font-size: 14px;
}
.icon-box-sid {
background: #42304c none repeat scroll 0 0;
border-radius: 100px;
margin: 0 auto;
overflow: hidden;
width: 160px;
}
.icon-box-sid i {
font-size: 113px;
padding: 26px;
text-align: center;
}
.sidebar-logo > img {
display: block;
margin: 0 auto;
padding-top: 10px;
}
.sidebar-follow {
color: #fff;
overflow: hidden;
padding: 10px 0;
text-align: center;
}
.sidebar-follow h4 {
margin: 5px;
}
.sidebar-follow ul {
display: inline-block;
margin: 0 auto;
padding: 0;
}
.sidebar-follow ul li{float:left;list-style:none;margin-right:10px;}
.sidebar-follow ul li a{}
.examples-sing {
overflow: hidden;
margin: 10px 0px;
}
.examples-sing img {
display: inline-block;
margin: 5px auto;
padding: 10px;
width: 90%;
}
.examples-sing a {
background: #e74c3c none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 18px;
padding: 5px 65px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.examples {
overflow: hidden;
}
.examples h6 {
font-size: 15px;
margin: 0;
padding: 10px;
text-align: left;
}
#main-content {
float: left;
height: 100%;
padding: 10px;
width: 73.2%;
}
.slider-text {
/*background: #dddddd none repeat scroll 0 0;*/
margin-bottom: 15px;
padding: 10px;
}
.slider-text > p {
color: #777;
font-size: 25px;
font-weight: 600;
margin: 0;
text-align:center;
}
.main-sider {
/* background: #eeeeee none repeat scroll 0 0;*/
overflow: hidden;
}
.slider {
padding-top: 16px;
position: relative;
width: 100%;
height: 520px;
}
.slider > img {
/* border: 3px solid #c1ab8c;*/
position: absolute;
right: 100px;
top: 10px;
width: 500px;
height: 500px;
}
.slider input[name='slide_switch'] {
display: none;
}
.slider label {
/* border: 4px solid #c1ab8c;*/
clear: none;
cursor: pointer;
float: left;
left: 30px;
margin: -10px 0 0 13px;
opacity: 0.5;
position: relative;
transition: all 0.5s ease 0s;
}
.slider input:before { content: ' '; display: block; }
.slider label img {
display: block;
height: 80px;
width: 80px;
}
.slider input[name='slide_switch']:checked+label {
border-color: #666;
opacity: 1;
}
.slider input[name='slide_switch'] ~ img {
opacity: 0;
}
.slider input[name='slide_switch']:checked+label+img {
opacity: 1;
}
.header-title h2 {
color: #fff;
text-align: center;
}
.header-title {
border-bottom: 1px solid #fff;
}
.prodect-section {
margin: 30px 0;
overflow: hidden;
padding: 10px;
width: 95%;
}
.prodect-section-img {
float: left;
overflow: hidden;
width: 50%;
}
.prodect-section-text {
float: left;
overflow: hidden;
text-align: center;
width: 50%;
padding-top:0px;
}
.img-float-left {
border: 3px solid #ddd;
display: block;
width: 80%;
margin: 0 auto;
}
.img-float-right {
border: 3px solid #ddd;
display: block;
width: 80%;
margin: 0 auto;
}
.prodect-section-text > h2 {
border-bottom: 2px solid #777;
color: #999999;
margin: 0;
padding-bottom: 15px;
text-align: center;
}
.prodect-section-text > a {
background: #eeeeee none repeat scroll 0 0;
color: #fff;
display: inline-block;
padding: 5px 30px;
text-align: center;
text-decoration: none;
}
/*--- Main Content Area ----*/
#main-content h2 {
background: #eee none repeat scroll 0 0;
color: #777;
font-size: 14px;
font-weight: 700;
margin-top: 0;
padding: 7px 15px;
text-transform: uppercase;
}
.main-content-section {
margin-top: 20px;
overflow: hidden;
}
.description-section {
background: #eeeeee none repeat scroll 0 0;
margin-bottom:10px;
}
.table-section {
/*background: #eeeeee none repeat scroll 0 0;*/
/* margin-bottom: 15px;*/
overflow: hidden;
}
.main-content-section p {
color: #777;
font-size: 14px;
line-height: 20px;
padding-bottom: 15px;
text-align: left;
padding: 20px;
}
.tabel-data {
overflow: hidden;
padding: 2px 10px;
}
.tab-left > p {
margin: 0;
padding: 0;
}
.tab-left {
float: left;
width: 40%;
border-bottom: 1px dotted #999999;
}
.tab-right {
color:#777;
float: left;
width: 60%;
border-bottom: 1px dotted #999999;
}
.tab-right > p {
margin: 0;
padding: 0;
}
.desc {
float: left;
margin: 0 0 20px;
width: 100%;
}
.tab-right-retail span {
font-size: 30px;
color:#777;
font-weight:700;
float: left;
width: 30%;
/*padding:0 0 0 10px;*/
}
.tab-left-retail span {
font-size: 14px;
color:#777;
font-weight:700;
float: left;
width: 50%;
}
/*--- tab style ----*/
.content-tab {
background: #ff8b00 none repeat scroll 0 0;
border-radius: 5px 5px 0 0;
/*box-shadow: 0 -4px 56px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
clear: both;
margin: 0 auto;
width: 100%;
}
/*Fun begins*/
.tab_container {
width: 100%;
margin: 0 auto;
position: relative;
}
.inputs, .section {
clear: both;
padding-top: 10px;
display: none;
}
.labels {
background: #ff8b00 none repeat scroll 0 0;
color: #eee;
cursor: pointer;
display: block;
float: left;
font-size: 15px;
font-weight: 500;
overflow: hidden;
padding: 12px 12px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5 {
background: #eeeeee none repeat scroll 0 0;
border-bottom: 2px solid #f0f0f0;
color: #999;
display: block;
padding: 20px;
}
.tab_container .tab-content p,
.tab_container .tab-content h3 {
-webkit-animation: fadeInScale 0.7s ease-in-out;
-moz-animation: fadeInScale 0.7s ease-in-out;
animation: fadeInScale 0.7s ease-in-out;
}
.tab_container .tab-content h3 {
text-align: center;
}
.tab_container [id^="tab"]:checked + label {
background: #eeeeee none repeat scroll 0 0;
color: #666;
font-weight: 700;
}
.tab_container [id^="tab"]:checked + label .fa {
color: #0CE;
}
label .fa {
font-size: 1.3em;
margin: 0 0.4em 0 0;
}
.promo-area {
margin: 20px 0;
overflow: hidden;
}
.promo-area-single {
background: #eeeeee none repeat scroll 0 0;
color: #999999;
display: block;
float: left;
margin-right: 23.4px;
padding: 10px 0 0;
width: 30%;
}
.promo-area-single::list-child{margin-right: 0;}
.promo-area-single > h4 {
text-align: center;
text-transform: uppercase;
font-size: 17px;
margin: 10px;
}
.promo-area-single > img {
/*border: 1px solid #3f3129;*/
display: block;
margin: 0 auto;
padding: 5px;
width: 85%;
}
footer {
background:#dcdcdc none repeat scroll 0 0;
overflow: hidden;
}
.footer-area {
margin: 0 auto;
overflow: hidden;
width: 960px;
}
.footer-area-left {
float: left;
overflow: hidden;
width: 50%;
}
.footer-area-right {
float: left;
overflow: hidden;
width: 50%;
}
.footer-text {
color: #fff;
font-size: 14px;
}
.footer-logo {
text-align: right;
}
.footer-logo > img {
margin-top: 8px;
width: 154px;
}
.office { color; #999999;}
/*Media query*/
@media only screen and (max-width: 930px) {
label span {
font-size: 15px;
}
label .fa {
font-size: 15px;
}
}/*Media query*/
@media only screen and (max-width: 1130px) {
label span {
font-size: 15px;
}
label .fa {
font-size: 15px;
}
}
@media only screen and (max-width: 768px) {
label span {
display: block;
}
label .fa {
display:none;
font-size: 16px;
}
.tab_container {
width: 98%;
}
}
.bottom-info { background-color:#eee !important; }
.bottom-info ul {list-style:none !important;}
.bottom-info ul li { color:#777 !important; font-size:14px; padding-right:5%; margin-bottom:15px; }
.bottom-info h2 { background-color:#ff8b00 !important; color:#FFF !important; border-left:10px solid #999;}
/*---RESPONSIVE-----*/
@media only screen and (min-width: 200px) and (max-width: 1090px) {
header {
background: #dcdcdc;
}
.logo img { width:80%;}
header nav{
width: 100%;
height: 40px;
background-color: #151515;
margin-top: 2px;
}
nav ul {
width: 88%;
height: 100%;
list-style: none;
float: left;
}
nav ul li{
float: left;
}
nav ul li a{
text-decoration: none;
color: #fff;
display: block;
text-transform: uppercase;
padding: 10px 25px;
font-weight: 800;
}
.banners .ban-header{
background: #eee;
display:block;
width:100%;
text-align:center;
height:54px;
}
.content-area-2 { display:none;}
/**CSS DROPDOWN MENU**/
/* Hide the navigation menu by default */
/* Also hide the */
.toggle + a,
.menu, #drop {
display: none;
}
/* Stylinf the toggle lable */
.toggle {
display: block;
background-color: #ff8b00;
padding:14px 20px;
color:#FFF;
font-size:17px;
text-decoration:none;
border-left: 10px solid #dcdcdc;
text-transform:uppercase;
letter-spacing:2px;
}
.toggle:hover {
background-color: #ff8b00;
}
/* Display Dropdown when clicked on Parent Lable */
[id^=drop]:checked + ul {
display:block;
position:absolute;
background-color:#ff8b00 !important;
height: 150px;
width:100%;
}
/* Change menu item's width to 100% */
nav ul li {
display: block;
width: 100%;
}
nav ul ul .toggle,
nav ul ul a {
padding: 0 40px;
}
nav ul ul ul a {
padding: 0 80px;
}
nav a:hover,
nav ul ul ul a {
background-color: #000000;
}
nav ul li ul li .toggle,
nav ul ul a,
nav ul ul ul a{
padding:14px 20px;
color:#FFF;
font-size:17px;
}
nav ul li ul li .toggle,
nav ul ul a {
background-color: #212121;
}
/* Hide Dropdowns by Default */
nav ul ul {
float: none;
position:static;
color: #ffffff;
/* has to be the same number as the "line-height" of "nav a" */
}
/* Hide menus on hover */
nav ul ul li:hover > ul,
nav ul li:hover > ul {
display: none;
}
/* Fisrt Tier Dropdown */
nav ul ul li {
display: block;
width: 100%;
}
nav ul ul ul li {
position: static;
/* has to be the same number as the "width" of "nav ul ul li" */
}
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider label {
left: 0px;
}
.slider label img {
display: block;
height: 64px;
width: 80px;
}
.slider {
height: 400px;
}
.slider > img {
height: 80% !important;
left: 110px;
right: 0;
width: 56% !important;
}
}
@media (max-width: 767px) {
.header-top {
width: 100%;
}
#header-bottom {
width: 100%;
}
.header-top-section-left {
width: 100%;
}
.header-top-section-right {
width: 100%;
}
.header-top-section-right-one {
text-align: center;
}
.logo {
text-align: center;
}
#search {
text-align: center;
}
.manu-area {
width: 100%;
}
.manu-area-right {
margin-top: 17px;
text-align: center;
width: 100%;
}
.content-area {
width: 100%;
}
.slider label {
border: 1px solid #c1ab8c;
left: 0px;
margin: -13px 0 0 2px;
}
.slider label img {
display: block;
width: 84px;
}
.slider {
height: 350px;
}
.slider > img {
height: 75% !important;
left: 55px;
right: 0;
width: 75% !important;
}
.desc {
width: 100%;
}
.desc-data {
overflow: hidden;
padding: 0 10px;
}
#sidebar {
width: 100%;
}
.sidebar-singl {
width: 100%;
display:none;
}
#main-content {
width: 93%;
}
.labels {
font-size: 9px;
font-weight: 600;
padding: 8px;
}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5 {
padding: 0px;
}
.promo-area-single {
width: 100%;
margin-bottom: 20px;
}
.footer-area {
width: 100%;
}
.footer-area-left {
text-align: center;
width: 100%;
}
.footer-area-right {
width: 100%;
}
.footer-logo {
text-align: center;
}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.slider {
height: 380px;
}
.slider > img {
height: 75% !important;
left: 100px;
right: 0;
width: 75% !important;
}
}
<!-- <!-- -->
ITEM INFORMATION
|
Additional information
Brand | Gas One |
---|---|
MPN | 62050 |
Call
+1 (312) 625 6931
Address
2301 W Miners Dr
Dunlap, IL 61525
USA
Stay Connected
Sign up to receive exclusive deals!
Reviews
There are no reviews yet.