/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 22, 2013, 4:47:22 PM
    Author     : malahov
*/


#header,
 #subnav,
 #footer-widgets,
 #afterpostinfo,
 iframe,
 .footer-banner-wrapper,
 #welcomebox,
 #datecode,
 #content h1,
 .pw-widget,
 .gas-top-left-shadow,
 .gas-top-right-shadow,
 .gas-bottom-left-shadow,
 .gas-bottom-right-shadow,
 .gas-buttons-section,
 .overlay,
 .gas-toggle-button,
 .gas-print-button,
 .gas-add-item,
 .gas-table-row.row-template{
	display: none !important;
}
*{
	visibility: hidden;
}
body{
	background: none;
}
#content-sidebar-wrap *{
	visibility: visible;
}
.gas-calc-wrapper .gas-table{
	height: auto;
}
.gas-calc-wrapper{
	margin: 0;
}


.gas-table, .gas-table li{
	margin-left: 0 !important;
	padding-left: 0 !important;
}
/* Gas Calculator
------------------------------------------------------------ */

.gas-calc-wrapper{
	width: 811px;
	margin: 0 auto;
	font-family: 'PT Sans Narrow', sans-serif;
}
.gas-top-section{
	text-align: center;
	position: relative;
	margin-bottom: -70px;
	z-index: 10;	
}
.gas-top-left-shadow, .gas-top-right-shadow{
	background: url(../gas-calc-images/gas-sprite.png) no-repeat;
	width: 250px;
	height: 23px;
	position: absolute;
	bottom: 70px;
}
.gas-top-left-shadow{
	left: 0;
	background-position: 10px -56px;
	
}
.gas-top-right-shadow{
	right: 0;
	background-position: 37px -90px;
}



.gas-middle-section{
	background: #fff;
	border: none;
	padding-top: 82px;
	position: relative;
}

.gas-print-button{
	position: absolute;
	top: 12px;
	right: 12px;
	display: block;
	background: url(../gas-calc-images/gas-sprite.png) no-repeat 0 0;
	width: 41px;
	height: 38px;
	z-index: 11;
}


.gas-inputs-section{
	padding-bottom: 50px;
	background: url(../gas-calc-images/calc-bg.jpg) center bottom repeat-x;
}




.gas-bottom-section{
	position: relative;
	height: 40px;
}
.gas-bottom-left-shadow, .gas-bottom-right-shadow{
	height: 40px;
	width: 380px;
	position: absolute;
	top: 0;
	background: url(../gas-calc-images/gas-sprite.png) no-repeat;
}
.gas-bottom-left-shadow{
	background-position: 0 -130px;
	left: 6px;
}
.gas-bottom-right-shadow{
	background-position: 0 -177px;
	right: 0;
}

.gas-buttons-section{
	background: url(../gas-calc-images/btn-section-bg.jpg) center top repeat-x;
	padding-top: 45px;
	text-align: center;
	padding-bottom: 80px;
}
.gas-buttons-section .reset-btn,
.gas-buttons-section .gas-submit{
	display: inline-block;
	zoom:1;
	*display: inline;
	width: 182px;
	height: 54px;
	background: url(../gas-calc-images/gas-sprite.png) no-repeat;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.gas-buttons-section .reset-btn{
	background-position: 0 -243px;
	margin-right: 156px;
}
.gas-buttons-section .gas-submit, .gas-buttons-section .gas-submit:hover{
	background: url(../gas-calc-images/gas-sprite.png) no-repeat 0 -316px;
	background-color: transparent !important;
	margin-left: 156px;	
}


.gas-calc-wrapper .gas-table{
	width: 773px;
	margin: 20px auto;
	overflow: hidden;
	padding-top: 49px;
	padding-bottom: 0;
	background:  url(../gas-calc-images/table-head.png) 0 0 no-repeat;
}
.gas-calc-wrapper .gas-table li{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	border-bottom: 1px solid #A393BE;
	background: url(../gas-calc-images/table-row.png) repeat-y;
}

.gas-table-row > div{
	float: left;
	padding: 5px 3px;
	text-align: center;
	min-height: 25px;
}

.gas-table-row .quantity{
	width: 46px;
	color: #B21EE9;
}
.gas-table-row .item{
	width: 75px;
	color: #B21EE9;
}
.gas-table-row .price{
	width: 55px;
	color: #B21EE9;
}
.gas-table-row .total-price{
	width: 57px;
	color: #4A2C7F;
}
.gas-table-row .coupons-used{
	width: 57px;
	color: #B21EE9;
}
.gas-table-row .total-oop{
	width: 55px;
	color: #4A2C7F;
}
.gas-table-row .gas-points-earned{
	width: 74px;
	color: #B21EE9;
}
.gas-table-row .gas-points-cash{
	width: 62px;
	color: #4A2C7F;
}
.gas-table-row .gallons-purch{
	width: 75px;
	color: #B21EE9;
}
.gas-table-row .cash-value-of-free-gas{
	width: 75px;
	color: #4A2C7F;
}
.gas-table-row .total-after-free-gas{
	width: 75px;
	color: #4A2C7F;
}



.gas-inputs-section{
	overflow: hidden;
}
.gas-inputs-section .left-col{
	float: left;
	width: 400px;
}
.gas-inputs-section .left-col .arrow-bg{
	padding: 23px 70px 23px 124px;
	margin-bottom: 11px;
	background: #E2DDEA url(../gas-calc-images/triangle.png) right 0 no-repeat;
}
.gas-inputs-section .left-col .form-item{
	margin-left: 124px;
}
.gas-inputs-section .right-col .form-item{
	margin-bottom: 7px;
}
.gas-inputs-section .left-col .arrow-bg input[type='text']{
	background-position: 0 -487px;
	
}

.gas-inputs-section .right-col{
	float: left;
	width: 208px;
	margin-left: 110px;
}

.gas-inputs-section .form-item{
	width: 207px;
	text-align: center;
}
.gas-inputs-section .form-item label{
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	zoom:1;
	font-size: 18px;
	margin-bottom: 5px;
	*display: inline;
}
.gas-inputs-section input[type='text']{
	border-radius: 8px;
	border: 1px solid #C1C1C1;
	height: 36px;
	color: #4A2C7F;
	text-align: center;
	line-height: 36px;
	background: url(../gas-calc-images/gas-sprite.png) no-repeat right -439px;
	width: 195px;
	padding: 0 5px;
	font-size: 18px;
	font-family: 'PT Sans Narrow', sans-serif;
}
.gas-table input[type='text']{
	width: 90%;
	border-color: transparent;
	background-color: transparent;
	text-align: center;
	color: #B21EE9;
	font-family: 'PT Sans Narrow',sans-serif;
	font-size: 14px;
	cursor: pointer;
}
.gas-table input[type='text']:focus{
	border-color: #ccc;
	border-width: 1px;
	background-color: #fff;
	cursor: text;
}
.gas-calc-wrapper input[type='text'].with-dollar{
	background-position: left -439px;
	padding-left: 30px;
	width: 170px;
	text-align: left;
}
.gas-calc-wrapper input[type='text'].with-dollar.total{
	background-position: left -390px;
}
.gas-calc-wrapper input.date-input{
	margin-bottom: 9px;
}

.gas-table-wrapper{
	margin-bottom: -40px;
	position: relative;
}
.gas-table-wrapper .overlay{
	width: 100%;
	position: absolute;
	bottom: 75px;
	left: 0;
	height: 30px;
	background: url(../gas-calc-images/overlay.png) repeat-x 0 0;
}
.gas-toggle-button{
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	width: 323px;
	cursor: pointer;
	height: 55px;
	background: url(../gas-calc-images/gas-sprite.png) no-repeat center -568px;
}
/* END Gas Calculator
------------------------------------------------------------ */