#contentpane .frmcontrolboxdash H1, #contentpane .dashboard H1, H1,
#contentpanestatic .frmcontrolboxstatic H1, 
#contentpane .contentpanewrapper H1 {
float:left;
width:100%;
font-family:'Archivo Black', Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:bold;
color:#24356e;
text-transform: uppercase;
background:none;
}

#contentpanestatic H1, #contentpane H1, #contentpanepq H1 {
float:left;
width:100%;
height:148px;
line-height: 148px;
font-family:'Archivo Black', Arial, Helvetica, sans-serif;
font-size:45px;
font-weight:600;
color:#ffffff;
text-transform: uppercase;
background:#24356e ;
margin: 0;
text-align: center;
}

#contentpane .frmcontrolboxdash H1{
float:left;
width:97.4%;
height:25px;
font-family:'Archivo Black', Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#24356e;
text-transform: uppercase;
background:none;
margin-left: 5px;
padding-top: 0;
}

.wrap {
	width: 100%;
	margin: auto;
}

.ipad .wrap {
	width: 1000px;
}

H2 {
font-family:'Archivo Black', Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
line-height:24px;
color:#24356e;
margin:0px;
text-transform: uppercase;
}

H3 {
font-family:'Archivo Black', Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
margin:0px;
color: #24356e;
text-transform: uppercase;
}

H4 {
font-size:14px;
}

.black {
color:#4B4B4D;
font-weight:bold;
}

.green {
color:#24356e;
font-weight:bold;
}

.lightgray {
color:#999999;
}

A {
color:#bf202e;
}

A:hover {
	text-decoration: none;
}

/* FONT SIZE ***********************/
.fontsize14px {
font-size:14px;
}

/* FLOAT *************************/
.floatleft {
float:left;
}

.floatright {
float:right;
}

.floatauto {
margin:0px auto;
}

.floatnone {
float:none;
}

.textalignright {
text-align:right;
}

.textalignleft {
text-align:left;
}

/* MARGIN ************************/
.marginright5px {
margin-right:5px;
}

.margintop5px {
margin-top:5px;
}

.marginbottom5px {
margin-bottom:5px;
}

.marginleft5px {
margin-left:5px;
}

.marginright10px {
margin-right:10px;
}

.margintop10px {
margin-top:10px;
}

.marginbottom10px {
margin-bottom:10px;
}

.marginleft10px {
margin-left:10px;
}

.marginleft10em {
margin-left:10em;
}
/* WIDTH ***********************/
.widthauto {
width:auto;
}

.width100perc {
width:100%;
}

.width99perc {
width:99%;
}

.width98perc {
width:98%;
}

.width80perc {
width:80%;
}

.width49perc {
width:49%;
}

.width45perc {
width:45%;
}

.width40em {
width:40em;
}

.width35em {
width:35em;
}

.width30em {
width:30em;
}

.width25em {
width:25em;
}

.width20em {
width:20em;
}

.width17em {
width:17em;
}

.width16em {
width:16em;
}

.width15_3em {
width:15.3em;
}

.width15em {
width:15em;
}

.width13em {
width:13em;
}

.width12em {
width:12em;
}

.width114px {
width:114px;
}

.width10em {
width:10em;
}

.width9em {
width:9em;
}

.width8em {
width:8em;
}

.width7_3em {
width:7.3em;
}

.width7em {
width:7em;
}

.width6em {
width:6em;
}

.width5em {
width:5em;
}

.width4em {
width:4em;
}

.width3em {
width:3em;
}

SELECT[name=cmbPageSize].width3em {
width:4em;
}

.width2em {
width:2em;
}

.tooltip {
	display:none; 
	position:absolute; 
	border: 1px solid #23517f; 
	background-color: #FFFFFF;
	color:#243D54;
	padding: 5px;	
	opacity: inherit;
}

.error {
	padding:0px;
	margin:0px;
	color: #cd0a0a;
	position:relative;
}
div.error{
	padding-left:157px;
	color: #cd0a0a;
}
.message{
	color: #1C8F08;
	border:1 red;
}

.errorBox{
	border : 1px solid Red;
	padding : 3px;
	padding-right: 5px;
	background : #FFFCDB;
	width:100%;
	align:center;
}

.errorBox LI {
	list-style : none;
	margin-top:10px;
}

.errorBox UL {
	padding-left:5px;
	margin-left:6px;
}

#userName {
float:right;
margin:10px 0px 0px 0;
text-align:right;
}

#contentpane #userName {
	width: 1160px !important;
    float: none !important;
    margin: 10px auto !important;
    overflow: hidden;
}
#contentpane .loggedInUserName{
	color: #243d54;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    margin: 10px 0 15px 0;
}

.ipad #userName {
	width: 1000px;
}

/* LEFT PANE *************************************/
#leftpane UL#ulleftnav {
	font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
	height: 90px;
	float: right;
}

#leftpane UL#ulleftnav LI {
	float: left;
    width: auto;
    height: 82px;
    line-height: 20px;
    list-style: none;
    text-transform: uppercase;
    text-align: center;
}

#leftpane UL#ulleftnav LI#li1 {
    z-index: 19;
}

#leftpane UL#ulleftnav LI#li2 {
    z-index: 18;
}

#leftpane UL#ulleftnav LI#li3 {
    z-index: 17;
}

#leftpane UL#ulleftnav LI#li4 {
    z-index: 16;
}

#leftpane UL#ulleftnav LI#li5 {
    z-index: 15;
}

#leftpane UL#ulleftnav LI#li6 {
    z-index: 14;
}

#leftpane UL#ulleftnav LI#li7 {
    z-index: 13;
}

#leftpane UL#ulleftnav LI#li8 {
    z-index: 12;
}

#leftpane UL#ulleftnav LI#li11 {
    z-index: 12;
}

#leftpane UL#ulleftnav LI A {
	display: block;
    padding: 25px 0 0 1px;
    font: 700 11.7px Montserrat, Arial, Helvetica, sans-serif;
    color: #0a0a0a;
    text-decoration: none;
}

#leftpane UL#ulleftnav LI.active A {
	height: 40px;
    color: #24356e;
}

#leftpane UL#ulleftnav LI A:hover {
    height: 40px;
    color: #24356e;
}

#leftpane UL#ulleftnav LI A SPAN {
padding: 0;
}

#leftpane UL#ulleftnav LI.active A SPAN {
padding:0;
}

#leftpane UL#ulleftnav LI A SPAN SPAN {
display:block;
padding:2px 15px 3px 0;
cursor:pointer;
}

#leftpane UL#ulleftnav LI.active A SPAN SPAN {
padding:2px 15px 3px 0px;
}

#leftpane UL#ulleftnav LI  A:hover SPAN SPAN {
padding:2px 15px 3px 0px;;
}

/* CONTENT PANE *********************************/

small.requiredField{
	color:red;
}

.loggedInUserName{
	color:#002D56;
}


#contentpane {
}

#contentpanestatic {
}


/****** PRICE QUOTE PAGE ****************/

.quote-banner {
	background-color: #ebeef3;
    min-height: 80px;
	height: auto;
    color: #24356e;
}

.quote-wrap {
	width: 75%;
    margin: 0px auto;
    position: relative;
    padding: 15px 0;
    font-size: 20px;
    text-align: center;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
}

#quickQuoteForm_fuel {
	width: 300px;
}

.quote-left-td {
	width: 70%;
}

.quote-right-td {
	width: 30%;
}

.registration-banner {
	width: 220px;
    background-color: #ebeef3;
	min-height: 100px;
    height: auto;
}

.registration-wrap {
	width: 90%;
    margin: 0 auto;
    position: relative;
    padding: 20px 0;
}

.registext {
	font-size: 12px;
	margin-bottom: 10px;
}

.quote-tr {
	height: 45px;
}

.tbquote, .tbresult {
	border: none;
	border-collapse: collapse;
}

.tbquote thead tr {
	border-bottom: 3px solid #000;
	height: 50px;
}

.tbquote tbody tr, .tbresult tbody tr {
	border-bottom: 1px solid #000;
	height: 40px;
}

.tbresult thead tr {
	border-top: 3px solid #000;
	border-bottom: 1px solid #000;
	height: 30px;
}

.quoteresultdiv {
	box-shadow: 0px 0px 10px 0px #cfcfcf;
	padding: 0 0 50px 0;
}

.quoteresultcontainer {
	margin: 40px 0;
}

.smalllabel {
	font-size: 10px;
	color: #c0c0c0;
	text-transform: capitalize;
}

.buynow {
	width: 100%;
	text-align: center;
}

.pqPageMessage {
	color: #a0a0a0;
	font-size: 10px;
	font-style: italic;
}

.buttonorder {
background-color: #f38120;
color:#fff;
font-size:14px;
text-align:center;
cursor:pointer;
border: 1px solid #f38120;
margin: 0 5px;
text-decoration: none;
padding: 8px 15px;
font-weight: 600;
min-height: 40px;
width: 200px;
}

.buttonorder:hover {
background-color: #bf202e;
color: #ffffff;
border: 1px solid #bf202e;
}

.buttonregister {
background-color: #bf202e;
color:#fff;
font-size:14px;
text-align:center;
cursor:pointer;
border: 1px solid #bf202e;
margin: 0 5px;
text-decoration: none;
padding: 6px 15px;
font-weight: 600;
min-height: 40px;
position: relative;
top: -10px;
width: 200px;
}

.buttonregister:hover {
background-color: #fff;
color: #bf202e;

}

.buttonquote {
background-color: #436eaa;
color:#fff;
font-size:14px;
text-align:center;
cursor:pointer;
border: 1px solid #436eaa;
margin: 0 5px;
text-decoration: none;
padding: 8px 15px;
font-weight: 600;
min-height: 40px;
width: 200px;
}

.buttonquote:hover {
background-color: #f38120;
color: #ffffff;
border: 1px solid #f38120;
}

/***** End PRICE QUOTE Page

/**** RAF PAGE ****/
.rafheader {
	text-align: center;
    font-weight: bold;
    font-size: 30px;
	padding: 0 0 20px 0;
}

.raf-banner {
	background-color: #ebeef3;
    height: 60px;
    color: #bf202e;
}

.raf-wrap {
	width: 75%;
    margin: 0px auto;
    position: relative;
    padding: 15px 0;
    font-size: 24px;
    text-align: center;
    line-height: 1.3;
    font-weight: 700;
}

.raftext {
	text-align: center;
}

#staticText {
	margin-top: 30px;
}

/*** End REF Page *****/

/**** Top Banner ****/

#banner {
    left: 0px;
    background-color: #24356e;
    width: 100%;
    height: auto;
    z-index: 800;
    margin: 0px auto;
    overflow: hidden;
    min-height: 90px;
}

.bannerwrap {
    width: 950px;
    margin: 0 auto;
}

.bannerwrap .special {
    font-size: 32px;
    text-align: center;
    color: #fff;
    float: none;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}

.bannerwrap .special p {
    margin: 32px 0;
}

.bannerwrap .special h1 {
	height: auto;
    line-height: 90px;
    margin: 0;
}


#contentpane P {
float:left;
width:auto;
height:auto;
color:#222222;
margin:10px 0px 10px 0px;
text-align:justify;
/*overflow:hidden;*/
}

#contentpane .frmcontrolbox P {
/*font-weight:bold;*/
margin:0.5em 14px;
text-align:justify;
width:97%;
}

#contentpane .dash, #contentpane .dash0 {
width:98%;
background:#ffffff url(images/dash.gif) repeat-x 50% 50%;
margin:5px 0px 5px 7px;
padding:2px 0px;
}

#contentpane .frmcontrolbox ol{
width:auto;
float:left;

}
#contentpane .frmcontrolbox ol li{
width:auto;
float:left;
color:#222222;
}


/* FORM CONTROL BOX */
.frmcontrolbox {
width:1160px;
height:auto;
padding:10px 0 20px 0;
background:none;
margin: 20px auto;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-khtml-border-radius: 4px;
background:none;
}

.frmcontrolboxqq, .frmcontrolboxtank {
width:1160px;
height:auto;
padding:10px 0 20px 0;
background:none;
margin: 0 auto;
}

.frmcontrolboxstatic {
width:100%;
height:auto;
padding:10px 0 20px 0;
background:none;
margin: 0 auto;
}

.frmcontrolbox2 {
width:1160px;
height:auto;
padding:10px 0 20px 0;
background:none;
margin: 0 auto;
background:none;
}

.frmcontrolboxpq {
width:1160px;
height:auto;
padding:10px 0 20px 0;
background:none;
margin: 0 auto;
}

.ipad .frmcontrolbox, .ipad .frmcontrolboxqq, .ipad .frmcontrolboxtank,
.ipad .frmcontrolboxstatic, .ipad .frmcontrolbox2, .ipad .frmcontrolboxpq {
	width: 1000px;
}

.frmcontrolbox H4 {
font-weight:bold;
line-height:24px;
color:#246b36;
margin:0.5em 14px;
}

.validateTips {
border:0px solid transparent;
color:#CD0A0A;
font-weight:normal;
margin:0px 0px 0px 5px;
padding:0;
background-color:#FFFFFF;
}

.validateTips UL {
width:100%;
margin:0;
padding:0 0 0 15px;
}

.validateTips UL LI {
padding:0px;
}

/* TANK LOCATION */
#contentpaneregister .tanklocation, #contentpane .tanklocation {
width:270px;
height:230px;
background:transparent url(images/fronthouse.gif) no-repeat 50% 60%;
margin-top: -20px;
}

/* FORM */
SELECT {
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
}

SELECT {
height:25px;
}

INPUT {
border:1px solid #7f9db9;
}

INPUT[type=checkbox],INPUT[type=radio] {
border-bottom-width:0px !important;
border-left-width:0px !important;
border-right-width:0px !important;
border-top-width:0px !important;
}

/* CONTENT PANE FORM CONTROLS */
#contentpane fieldset {
padding: 0px 10px 10px 10px;
border:1px dashed #24356e;
margin:0px;
display:inline;
}

#contentpane LEGEND {
background-color:transparent;
padding:0px 2px 2px 2px;
color:#4b4b4d;
font-size: 14px;
}

#contentpane .noborder {
border:0;
}

#contentpane TABLE SPAN {
float:none;
}

#contentpane LABEL {
display:block;
}

/* PASSWORD STENGTH *//*****************************************/
#pswdstrengthcont {
float:left;
padding:3px 0px 0px 10px;
}

#pswdstrengthcont #paswdstrength0,
#pswdstrengthcont #paswdstrength1,
#pswdstrengthcont #paswdstrength2,
#pswdstrengthcont #paswdstrength3 {
float:left;
width:20px;
height:7px;
display:block;
}

#pswdstrengthcont #paswdstrength0 {
border:1px solid gray;
}

#pswdstrengthcont #paswdstrength1 {
border:1px solid gray;
margin-left:2px;
}

#pswdstrengthcont #paswdstrength2 {
border:1px solid gray;
margin-left:2px;
}

#pswdstrengthcont #paswdstrength3 {
border:1px solid gray;
margin-left:2px;
}

.weak{background-color: #FF5353;}
.average{background-color: #FAD054;}
.strong{background-color: #93C9F4;}
.secure{background-color: #B6FF6C;}

.strengthMsg {
width:50%;
margin:0px;
font-size:14px;
font-weight:normal;
}

/****************************************************************/

#contentpane INPUT.textbox {
width:170px;
}

#contentpane TABLE INPUT.textbox {
width:170px;
}

#contentpane TABLE INPUT.textboxsmall {
width:100px;
}

#contentpane TABLE SELECT.selectbox {
width:172px;
}

.ie7 #contentpane TABLE SELECT.selectbox {
width:174px;
}

#contentpane TABLE SELECT.selectboxsmall {
width:100px;
}

#contentpane TABLE SELECT.ctypebig {
width:270px;
}

.ie7 #contentpane TABLE SELECT.selectbox { /* ie7 hack */
width:176px;
}

.ie7 #contentpane TABLE SELECT.selectboxsmall { /* ie7 hack */
width:102px;
}

#contentpane TABLE INPUT.initial {
width:30px;
}

#contentpane TABLE INPUT.zip,
#contentpane TABLE INPUT.phone {
width:40px;
}

#contentpane TABLE SELECT.zip {
width:126px;
}

#contentpane TABLE TEXTAREA.textareabox {
width:168px;
height:70px;
}

#contentpane #heatingoil P {
font-size:0.95em;
font-weight:bold;
margin:10px 0px 0px 0px;
border:0;
color:#222222;
}

#contentpane #propane P {
font-weight:bold;
margin:10px 0px 0px 0px;
border:0;
color:#222222;
}

/********************************************************/
/* SETUP CLIENT FORM */
#contentpane #frmSetupClient INPUT.textboxbig {
width:26.4em;
color:#CCCCCC;
margin:0px 0px 5px 0px;
}

#contentpane #frmSetupClient INPUT.textbox {
float:left;
width:12em;
color:#CCCCCC;
margin:0px 5px 5px 0px;
}

.ie7 #contentpane #frmSetupClient INPUT.textbox {
width:11.9em;
}

#contentpane #frmSetupClient INPUT.zip,
#contentpane #frmSetupClient INPUT.phone {
width:40px;
margin:0px 5px 0px 0px;
}

#contentpane #frmSetupClient INPUT.zip,
#contentpane #frmSetupClient SELECT.zip{
float:left;
}

#contentpane #frmSetupClient SELECT.zip {
width:126px;
}

#contentpane #frmSetupClient SELECT.functionality {
width:15em;
}

#contentpane #frmSetupClient TEXTAREA.textareabox {
width:25em;
height:70px;
}

#contentpane #frmSetupClient TEXTAREA.textareaadd {
width:22em;
height:70px;
margin:0px 0px 5px 0px;
}

#contentpane #frmSetupClient TEXTAREA.textareaadd2 {
width:22em;
height:150px;
}

#contentpane #frmSetupClient TEXTAREA.textareaboxfull {
width:51.3em;
height:70px;
}

.ie7 #contentpane #frmSetupClient TEXTAREA.textareaboxfull {
width:50.4em;
height:70px;
}

#contentpane #frmSetupClient SELECT.listbox {
width:24em;
height:80px;
}

#contentpane #frmSetupClient SELECT.listboxadd {
width:24em;
height:80px;
margin:0px 0px 5px 0px;
}

#contentpane #frmSetupClient SELECT.listboxadd2 {
width:24em;
height:160px;
}

#contentpane #frmSetupClient LABEL {
display:block;
}

#contentpane #frmSetupClient fieldset.firstblock {
float:left;
width:100%;
padding: 0px 10px 10px 10px;
border:0px dashed #246b36;
margin:0px 0px 0px 0px;
}

#contentpane #frmSetupClient fieldset.fieldsetblock {
float:left;
width:28em;
padding:0px 10px 10px 10px;
border:0px dashed #246b36;
margin:0px 0px 0px 0em;
display:inline;
}

#contentpane #frmSetupClient fieldset.fieldsetadd {
float:left;
width:490px;
padding:0px 0px 10px 10px;
border:0px dashed #246b36;
margin:0px 0px 0px 0px;
display:inline;
}

#contentpane #frmSetupClient fieldset.fieldsetaddremove {
float:left;
width:5em;
padding:15px 5px 10px 15px;
border:0px dashed #246b36;
margin:0px 0px 0px 0px;
display:inline;
}

#contentpane #frmSetupClient fieldset.fieldsetaddremove2 {
float:left;
width:5em;
padding:15px 5px 10px 15px;
border:0px dashed #246b36;
margin:47px 0px 0px 0px;
display:inline;
}

#contentpane #frmSetupClient fieldset.fieldsetaddremove3 {
float:left;
width:5em;
padding:5px 5px 10px 15px;
border:0px dashed #246b36;
margin:0px 0px 0px 0px;
display:inline;
}

.ie7 #contentpane #frmSetupClient fieldset.fieldsetaddremove2 {
margin:47px 0px 0px 0px;
}

.ie7 #contentpane #frmSetupClient fieldset.fieldsetaddremove3 {
margin:0px 0px 0px 0px;
}

#contentpane #frmSetupClient fieldset .buttonoff,
#contentpane #frmSetupClient fieldset .buttonon {
margin:0px 0px 5px 10px;
}

.ie7 #contentpane #frmSetupClient fieldset .buttonoff,
.ie7 #contentpane #frmSetupClient fieldset .buttonon {
margin:0px 0px 5px 10px;
}

#contentpane #frmSetupClient fieldset {
float:left;
padding:0px 10px 10px 10px;
border:0px dashed #246b36;
margin:0px 0px 0px 0em;
display:inline;
}

#contentpane #frmSetupClient LEGEND {
background-color:#FFFFFF;
padding:0px 2px 2px 2px;
color:#246b36;
}

#contentpane #frmSetupClient fieldset .firstblock {
width:100%;
padding:0px;
margin:0px;
}

#contentpane #frmSetupClient fieldset .fieldsetadd {
width:100%;
padding:0px;
margin:0px;
}

#contentpane #frmSetupClient fieldset .fieldsetaddremove {
width:100%;
padding:0px;
margin:0px;
}

#contentpane #frmSetupClient fieldset .fieldsetaddremove2 {
width:100%;
padding:0px;
margin:0px;
}

#contentpane #frmSetupClient fieldset DIV {
float:left;
display:block;
margin:0px 0px 5px 0px;
}

#contentpane #frmSetupClient SPAN.info {
float:left;
display:block;
margin:0px 0px 5px 0px;
}

/**********************************************/
/* ORDER FUEL FORM */

.orderfuelprogress {
    border: none !important;
	font-size: 14px;
	width: 100%;
    justify-content: center;
    display: flex;
	margin: 10px auto;
}

.orderfuelprogress  tbody, .orderfuelprogress  tr {
	justify-content: center;
	display: flex;
	width: 100%;
}

.activetab {
    background-color: #24356e;
    color: #fff;
    height: 40px;
    box-shadow: 3px 3px 6px #888;
    margin: 0 5px;
    width: 140px;
    display: inline-flex;
    line-height: 40px;
    text-align: center;
    padding: 1px 5px;
}

.disabletab {
    background-color: #ccc;
    color: #000;
    height: 40px;
    margin: 0 5px;
    width: 140px;
    display: inline-flex;
    line-height: 40px;
    text-align: center;
    padding: 1px 5px;
}

.donetab {
    background-color: #000;
    color: #fff;
    height: 40px;
    margin: 0 5px;
    width: 140px;
    display: inline-flex;
    line-height: 40px;
    text-align: center;
    padding: 1px 5px;
}

#contentpane SELECT.listbox-normal{
height:80px;
overflow:auto;  /* cater to the older browsers */
word-wrap: break-word ;
width: 100%;
}

.ie8 #contentpane SELECT.listbox-normal{
width:280px;
height:80px;
/*margin:0px 0px 5px 0px;*/
overflow:auto;  /* cater to the older browsers */
overflow-x:scroll; /* scroll horizontal */
overflow-y:hidden;
word-wrap: break-word ;
}

.ie7 #contentpane SELECT.listbox-normal{
width:280px;
height:80px;
/*margin:0px 0px 5px 0px;*/
overflow:auto;  /* cater to the older browsers */
overflow-x:scroll; /* scroll horizontal */
overflow-y:hidden;
word-wrap: break-word ;

}
#contentpane #frmProductPortfolio INPUT[type='text'] {
float:left;
width:99%;
color:#222222;
margin:0px 5px 5px 0px;
}

.ie7 #contentpane #frmProductPortfolio INPUT[type='text'] {
width:98%;
}

#contentpane #frmProductPortfolio INPUT[type='text'].dateField {
width:7em;
margin:0px;
}

#contentpane #frmProductPortfolio H3 {
float:left;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0px 0px 0px 7px;
}

#contentpane #frmProductPortfolio .validateTips {
border:1px solid transparent;
color:#CD0A0A;
font-weight:normal;
margin:0;
padding:0;
background-color:#FFFFFF;
}

#contentpane #frmProductPortfolio DIV.tbgrid {
float:left;
width:942px;
border:1px solid #3e9d27;
font-size:0.95em;
margin:15px 0px 0px 85px;
}

#contentpane #frmProductPortfolio .tbgrid .header LABEL.col1{width:70px;padding:0px 4px;text-align:center;}
#contentpane #frmProductPortfolio .tbgrid .header LABEL.col2{width:130px;padding:0px 4px;text-align:center;}
#contentpane #frmProductPortfolio .tbgrid .header LABEL.col3{width:70px;padding:0px 4px;text-align:center;}
#contentpane #frmProductPortfolio .tbgrid .header LABEL.col4{width:90px;padding:0px 4px;text-align:center;}
#contentpane #frmProductPortfolio .tbgrid .header LABEL.col5{width:90px;padding:0px 4px;text-align:center;}
#contentpane #frmProductPortfolio .tbgrid .header LABEL.col6{width:100px;padding:0px 4px;text-align:center;line-height:15px;}
#contentpane #frmProductPortfolio .tbgrid .header LABEL.col7{width:87px;padding:0px 4px;text-align:center;}
#contentpane #frmProductPortfolio .tbgrid .header LABEL.col8{width:87px;padding:0px 4px;text-align:center;line-height:15px;}
#contentpane #frmProductPortfolio .tbgrid .header LABEL.col9{width:90px;padding:0px 4px;text-align:center;line-height:15px;}

#contentpane #frmProductPortfolio .tbgrid .container LABEL.col1{width:70px;height:50px;padding:0px 4px;text-align:center;}
#contentpane #frmProductPortfolio .tbgrid .container LABEL.col2{width:130px;padding:0px 4px;text-align:center;}
#contentpane #frmProductPortfolio .tbgrid .container LABEL.col3{width:70px;padding:0px 4px;text-align:center;}
#contentpane #frmProductPortfolio .tbgrid .container LABEL.col4{width:90px;padding:0px 4px;text-align:center;}
#contentpane #frmProductPortfolio .tbgrid .container LABEL.col5{width:90px;padding:0px 4px;text-align:center;}
#contentpane #frmProductPortfolio .tbgrid .container LABEL.col6{width:100px;padding:0px 4px;text-align:center;}
#contentpane #frmProductPortfolio .tbgrid .container LABEL.col7{width:87px;padding:0px 4px;text-align:center;}
#contentpane #frmProductPortfolio .tbgrid .container LABEL.col8{width:87px;padding:0px 4px;text-align:center;}
#contentpane #frmProductPortfolio .tbgrid .container LABEL.col9{width:90px;padding:0px 4px;text-align:center;}



#contentpane #frmProductPortfolio .tbgrid .container LABEL SPAN {
float:left;
width:100%;
padding:10px 0px 0px 0px;
}

#contentpane #frmProductPortfolio .tbgrid .container LABEL.col5 SPAN {
float:left;
width:100%;
padding:5px 0px 0px 0px;
}

#contentpane #frmProductPortfolio .tbgrid .container LABEL SPAN A {
color:#222222;
}

/************************************/
/* PRICE MAINTENANCE FORM */
#contentpane #frmPriceMaintenance INPUT[type='text'] {
width:70px;
color:#222222;
margin:5px 0px 0px 0px;
}

.ie7 #contentpane #frmPriceMaintenance INPUT[type='text'] {
margin:4px 0px 0px 0px;
}

#contentpane #frmPriceMaintenance INPUT[type='radio'] {
margin:9px 0px 0px 0px;
border:0;
}

.ie7 #contentpane #frmPriceMaintenance INPUT[type='radio'] {
margin:5px 0px 0px 0px;
border:0;
}

#contentpane #frmPriceMaintenance IMG {
margin:7px 0px 0px 0px;
}

#contentpane #frmPriceMaintenance .validateTips {
border:1px solid transparent;
color:#CD0A0A;
font-weight:normal;
margin:15px 0px 0px 5px;
padding:0;
background-color:#FFFFFF;
}

#contentpane #frmPriceMaintenance DIV.tbgrid {
float:left;
width:90%;
border:1px solid #24356e;
font-size:0.95em;
margin:15px 0px 0px 60px;
}

#contentpane #frmPriceMaintenance DIV.tbgrid .header LABEL.col1{width:170px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmPriceMaintenance DIV.tbgrid .header LABEL.col2{width:170px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmPriceMaintenance DIV.tbgrid .header LABEL.col3{width:170px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmPriceMaintenance DIV.tbgrid .header LABEL.col4{width:108px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmPriceMaintenance DIV.tbgrid .header LABEL.col5{width:150px;text-align:center;}

#contentpane #frmPriceMaintenance DIV.tbgrid .container LABEL.col1{width:170px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmPriceMaintenance DIV.tbgrid .container LABEL.col2{width:170px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmPriceMaintenance DIV.tbgrid .container LABEL.col3{width:170px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmPriceMaintenance DIV.tbgrid .container LABEL.col4{width:108px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmPriceMaintenance DIV.tbgrid .container LABEL.col5{width:150px;text-align:center;}

#contentpane #frmPriceMaintenance DIV.tbgrid .header {
	background-color: #24356e;
}

#contentpane #frmPriceMaintenance DIV.tbgrid .container LABEL {
float:left;
height:30px;
font-weight:normal;
display:inline;
margin-bottom: 0;
}

#contentpane #frmPriceMaintenance DIV.tbgrid .container LABEL.labelprop {
	height: 22px;
	padding-top: 8px;
}

/**********************************************/
/* SETUP TANK SIZE FORM */
#contentpane #frmTankSize INPUT[type='text'].textboxbig {
width:180px;
color:#222222;
margin:5px 0px 0px 0px;
}

#contentpane #frmTankSize INPUT[type='text numeric'] {
width:70px;
color:#222222;
margin:5px 0px 0px 0px;
}

#contentpane #frmTankSize INPUT[type='text'] {
width:70px;
color:#222222;
margin:5px 0px 0px 0px;
}

.ie7 #contentpane #frmTankSize INPUT[type='text'] {
margin:4px 0px 0px 0px;
}

#contentpane #frmTankSize INPUT[type='radio'] {
border:0;
}

#contentpane #frmTankSize INPUT[type='checkbox'] {
margin:9px 0px 0px 0px;
border:0;
}

.ie7 #contentpane #frmTankSize INPUT[type='checkbox'] {
margin:5px 0px 0px 0px;
border:0;
}

#contentpane #frmTankSize IMG {
margin:7px 0px 0px 0px;
}

#contentpane #frmTankSize .validateTips {
border:1px solid transparent;
color:#CD0A0A;
font-weight:normal;
margin:0px 0px 0px 5px;
padding:0;
background-color:#FFFFFF;
}

#contentpane #frmTankSize DIV.tbgrid {
float:left;
width:740px;
border:1px solid #24356e;
font-size:12px;
margin:15px 0px 0px 5px;
}

#contentpane #frmTankSize .tbgrid .header LABEL.col1{width:44px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .header LABEL.col2{width:100px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .header LABEL.col3{width:120px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .header LABEL.col4{width:150px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .header LABEL.col5{width:120px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .header LABEL.col6{width:120px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .header LABEL.col7{width:40px;text-align:center;}

#contentpane #frmTankSize .tbgrid .container LABEL.col1{width:44px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .container LABEL.col2{width:100px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .container LABEL.col3{width:120px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .container LABEL.col4{width:150px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .container LABEL.col5{width:120px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .container LABEL.col6{width:120px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .container LABEL.col7{width:40px;text-align:center;}

#contentpane #frmTankSize .tbgrid .header LABEL.col8{width:80px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .header LABEL.col9{width:90px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .header LABEL.col10{width:110px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .header LABEL.col11{width:90px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .header LABEL.col12{width:90px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .header LABEL.col13{width:90px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .header LABEL.col14{width:90px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .header LABEL.col15{width:40px;text-align:center;}

#contentpane #frmTankSize .tbgrid .container LABEL.col8{width:80px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .container LABEL.col9{width:90px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .container LABEL.col10{width:110px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .container LABEL.col11{width:90px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .container LABEL.col12{width:90px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .container LABEL.col13{width:90px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .container LABEL.col14{width:90px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmTankSize .tbgrid .container LABEL.col15{width:40px;text-align:center;}

#contentpane #frmTankSize DIV.tbgrid .container LABEL {
float:left;
height:30px;
font-weight:normal;
display:inline;

}

/************************************/
/* SEARCH CLIENT FORM */
#contentpane #frmSearchClient INPUT.textbox {
float:left;
width:12em;
color:#CCCCCC;
margin:0px 5px 5px 0px;
}

.ie7 #contentpane #frmSearchClient INPUT.textbox {
width:11.9em;
}

#contentpane #frmSearchClient SELECT.status {
width:13.5em;
}

.ie7 #contentpane #frmSearchClient SELECT.status {
width:13.7em;
}

#contentpane #frmSearchClient LABEL {
display:block;
}

#contentpane #frmSearchClient fieldset.fieldsetblock {
width:75%;
padding:0px 10px 10px 10px;
border:0px dashed #246b36;
margin:0em 0em 0em 8em;
display:inline;
}

#contentpane #frmSearchClient fieldset {
float:left;
padding:0px 10px 10px 10px;
border:0px dashed #246b36;
margin:0px 0px 0px 0px;
display:inline;
}

#contentpane #frmSearchClient LEGEND {
background-color:#FFFFFF;
padding:0px 2px 2px 2px;
color:#246b36;
}

#contentpane #frmSearchClient fieldset DIV.firstblock,
#contentpane #frmSearchClient fieldset DIV.secondblock,
#contentpane #frmSearchClient fieldset DIV.thirdblock {
width:auto;
padding:0px;
margin:0px;
}

#contentpane #frmSearchClient fieldset DIV.buttoncont {
float:right;
}

#contentpane #frmSearchClient fieldset DIV.buttoncont .buttonoff,
#contentpane #frmSearchClient fieldset DIV.buttoncont .buttonon {
margin:0px 22px 5px 10px;
}

.ie7 #contentpane #frmSearchClient fieldset DIV.buttoncont .buttonoff,
.ie7 #contentpane #frmSearchClient fieldset DIV.buttoncont .buttonon {
margin:0px 20px 5px 10px;
}

#contentpane #frmSearchClient fieldset DIV {
float:left;
display:block;
margin:0px 0px 10px 0px;
}

#contentpane #frmSearchClient .disResult {
float:left;
width:98%;
margin:20px 0px 10px 8px;
}

.ie7 #contentpane #frmSearchClient .disResult {
margin:20px 0px 10px 7px;
}


/***************************************************/
/* FORm CSR/DEALER SETUP*/
/*****************************************/
#contentpane #frmCSRDealerSetup INPUT.textbox {
width:12em;
color:#CCCCCC;
margin:0px 5px 5px 0px;
}

#contentpane .special {
color:#FF0000;
}

#contentpane .reqfields {
color:#FF0000;
font-size:12px;
font-weight:normal;
}

/* TABLE GRID ******************************/
div.tableContainer {
clear: both;
height: auto;
overflow: auto;
width: 100%;
}

*+html div.tableContainer {
padding:0 0 17px 0;
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
overflow-y: hidden;
}

TABLE {
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
/*float:left;*/
}


TABLE LABEL {
font-size:0.95em;
}

TABLE H3 {
float:left;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0px;
}

td, th {
	padding: 5px 5px 5px 10px;
}

.tbgrid {
border-top:1px solid #24356e;
border-right:1px solid #24356e;
border-bottom:1px solid #24356e;
border-left:1px solid #24356e;
font-size:0.95em;
}

.tankChartTbgrid {
border-top:1px solid #23517F;
border-right:1px solid #23517F;
border-bottom:1px solid #23517F;
border-left:1px solid #23517F;
font-size:0.95em;
}

.tbgrid THEAD TH:first-child,
.tbgrid TBODY TD:first-child {
border-left:0px solid #24356e;
}

.tbgrid THEAD TR {
background-color:#24356e !important;;
}

.tbgrid THEAD TH {
height:37px;
color:#ffffff;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
padding:0px 5px;
border-left:1px solid #24356e;
border-bottom:1px solid #24356e;
text-align: center;
}

.tbgrid THEAD TH A {
color:#FFFFFF;
text-decoration:none;
}

.tbgrid TBODY TD {
color:#4b4b4d;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
padding:5px 5px;
border-left:1px solid #24356e;
}

.tbgrid TFOOT TD {
height:25px;
color:#4b4b4d;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
padding:5px;
border-left:0px solid #24356e;
border-top:1px solid #24356e;
}

.tbgrid TBODY TD A {
text-decoration:none;
}

/* TABLE GRID NEW */
.tbgrid2 {
border-top:1px solid #24356e;
border-right:1px solid #24356e;
border-bottom:1px solid #24356e;
border-left:1px solid #24356e;
font-size:0.95em;
}

.tbgrid2 THEAD TH:first-child,
.tbgrid2 TBODY TD:first-child {
border-left:0px solid #24356e;
}

.tbgrid2 THEAD TR {
background-color:#24356e;
height:25px;
color:#ffffff;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
padding:0px 5px;
border-left:0px solid #24356e;
border-bottom:1px solid #24356e;
}

.tbgrid2 THEAD TR LABEL {
float:left;
margin-left:5px;
}

.ie7 .tbgrid2 THEAD TR LABEL {
float:left;
margin-left:0px;
}

.tbgrid2 TBODY TD {
color:#4b4b4d;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
padding:0px;
border-left:1px solid #24356e;
}

.tbgrid2 TFOOT TD {
background:#e1f3db url(images/tableheader.gif) repeat-x 0 bottom;
height:25px;
color:#4b4b4d;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
padding:0px 5px;
border-left:0px solid #24356e;
border-top:1px solid #24356e;
}

.tbgrid2 TBODY TD A {
text-decoration:none;
}

/* TABLE WITHOUT GRID ******************************/
.nogrid {
border-top:1px solid #24356e;
border-right:1px solid #24356e;
border-bottom:1px solid #24356e;
}

.nogrid TR TD {
color:#4b4b4d;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
padding:5px 5px;
border-left:1px solid #24356e;
}

/* DIV GRID *****************************************/
DIV.divGrid INPUT[type='text'] {
width:150px;
color:#222222;
margin:5px 0px 0px 0px;
}

.ie7 DIV.divGrid INPUT[type='text'] {
margin:4px 0px 0px 0px;
}

DIV.divGrid {
float:left;
width:678px;
border:1px solid #24356e;
font-size:0.95em;
margin:0px 0px 0px 5px;
}

DIV.divGrid .header {
float:left;
width:100%;
height:30px;
line-height:30px;
color:#ffffff;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
font-weight:bold;
display:inline;
background-color:#24356e;
}

DIV.divGrid .container {
float:left;
width:100%;
background-color:#DDE8F0;
}

DIV.divGrid .container LABEL {
float:left;
height:30px;
font-weight:normal;
}

DIV.divGrid .header LABEL {
height:30px;
font-weight:normal;
display:inline;
}

DIV.divGrid .container LABEL SPAN A {
color:#222222;
}

DIV.divGrid LABEL IMG {
margin:7px 0px 0px 0px;
}

DIV.divGrid .header LABEL.col1{float:left;width:608px;padding:0px 5px;font-weight:bold;}
DIV.divGrid .header LABEL.col2{float:right;width:50px;padding:0px 5px;text-align:right;}

DIV.divGrid .container LABEL.col1{float:left;width:608px;padding:0px 5px;line-height:30px;}
DIV.divGrid .container LABEL.col2{float:right;width:50px;padding:0px 5px;text-align:right;}

/* DIV GRID 2 ************************************/

DIV.tbgrid {
float:left;
width:678px;
border:1px solid #24356e;
font-size:0.95em;
margin:0px 0px 0px 5px;
}

DIV.tbgrid .header {
height:37px;
background-color:#24356e;
}

DIV.tbgrid .header LABEL {
float:left;
height:37px;
color:#ffffff;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
font-weight:bold;
display:inline;
margin-bottom: 0;
}

DIV.tbgrid .container {
float:left;
width:100%;
background-color:#DDE8F0;
}

DIV.tbgrid .container LABEL {
float:left;
height:37px;
font-weight:normal;
display:inline;
}

DIV.tbgrid .container LABEL SPAN A {
color:#222222;
}

/************************************************/
/* MANAGE RECEIVED ORDER TABLE GRID*/
#frmReceivedOrder .tbgrid .col1 {
width:10%;
}

#frmReceivedOrder .tbgrid .col2 {
width:10%;
}

#frmReceivedOrder .tbgrid .col3 {
width:5%;
}

#frmReceivedOrder .tbgrid .col4 {
width:12%;
}

#frmReceivedOrder .tbgrid .col5 {
width:7%;
}

#frmReceivedOrder .tbgrid .col6 {
width:17%;
}

#frmReceivedOrder .tbgrid .col7 {
width:11%;
}

#frmReceivedOrder .tbgrid .col8 {
width:11%;
}

#frmReceivedOrder .tbgrid .col9 {
width:16%;
}

#frmReceivedOrder .tbgrid .col10 {
width:5%;
}

/* Align TD Data */
#frmReceivedOrder .tbgrid TD {
text-align:left;
}

#frmReceivedOrder .tbgrid TD + TD {
text-align:left;
}

#frmReceivedOrder .tbgrid TD + TD + TD {
text-align:center;
}

#frmReceivedOrder .tbgrid TD + TD + TD + TD {
text-align:center;
}

#frmReceivedOrder .tbgrid TD + TD + TD + TD + TD {
text-align:center;
}

#frmReceivedOrder .tbgrid TD + TD + TD + TD + TD + TD {
text-align:center;
}

#frmReceivedOrder .tbgrid TD + TD + TD + TD + TD + TD + TD {
text-align:center;
}

#frmReceivedOrder .tbgrid TD + TD + TD + TD + TD + TD + TD + TD {
text-align:center;
}

#frmReceivedOrder .tbgrid TD + TD + TD + TD + TD + TD + TD + TD + TD {
text-align:center;
}

#frmReceivedOrder .tbgrid TD + TD + TD + TD + TD + TD + TD + TD + TD + TD {
text-align:center;
}

/************************************************/
/* DELIVERY CONFIRMATION ORDER TABLE GRID*/
#frmDeliveryConfirmation .tbgrid .col1 {
width:12%;
}

#frmDeliveryConfirmation .tbgrid .col2 {
width:12%;
}

#frmDeliveryConfirmation .tbgrid .col3 {
width:7%;
}

#frmDeliveryConfirmation .tbgrid .col4 {
width:14%;
}

#frmDeliveryConfirmation .tbgrid .col5 {
width:15%;
}

#frmDeliveryConfirmation .tbgrid .col6 {
width:17%;
}

#frmDeliveryConfirmation .tbgrid .col7 {
width:12%;
}

#frmDeliveryConfirmation .tbgrid .col8 {
width:11%;
}

/* Align TD Data */
#frmDeliveryConfirmation .tbgrid TD {
text-align:left;
}

#frmDeliveryConfirmation .tbgrid TD + TD {
text-align:left;
}

#frmDeliveryConfirmation .tbgrid TD + TD + TD {
text-align:center;
}

#frmDeliveryConfirmation .tbgrid TD + TD + TD + TD {
text-align:center;
}

#frmDeliveryConfirmation .tbgrid TD + TD + TD + TD + TD {
text-align:center;
}

#frmDeliveryConfirmation .tbgrid TD + TD + TD + TD + TD + TD {
text-align:center;
}

#frmDeliveryConfirmation .tbgrid TD + TD + TD + TD + TD + TD + TD {
text-align:center;
}

#frmDeliveryConfirmation .tbgrid TD + TD + TD + TD + TD + TD + TD + TD {
text-align:center;
}

/* UI DIALOG BOX ***********************/
fieldset {
padding:0;
border:0;
margin-top:25px;
}

DIV#anotherCompany .textbox {
width:20em;
}

DIV#anotherCompany .selectbox {
width:20.2em;
}

fieldset .selectbox {
width:174px;
}

DIV#customerOwned fieldset LABEL {
float:left;
width:27%;
margin:3px 0px 0px 0px;
text-align:right;
}

DIV#customerOwned fieldset .selectbox {
float:right;
width:71%;
margin-left:5px;
}

DIV#customerOwned fieldset .textboxsmall {
float:left;
width:40%;
margin-left:5px;
}

DIV #customerOwned fieldset SPAN {
float:left;
width:100%;
}

DIV#needaTank P {
text-align:justify;
}

div#users-contain {
width: 350px;
margin: 20px 0;
}

div#users-contain table {
margin: 14px 0;
border-collapse: collapse;
width: 100%;
}

div#users-contain table td, div#users-contain table th {
border: 1px solid #eee;
padding: .6em 10px;
text-align: left;
}

.ui-dialog .ui-state-error {
padding:0.2em;
border: 1px solid #cd0a0a;
background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
color: #cd0a0a;
}

.ui-draggable, .ui-droppable {
background-position: top left;
z-index: 999;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
margin: 10px 0 0 5px;
}


/*******************************************/
/* DATE PICKER ******************/
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default {
border: 1px solid #24356e;
background:url(images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x 50% 50%;
font-weight: normal;
color: #4b4b4d;
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active {
background:url(images/ui-bg_glass_65_ffffff_1x400.png) repeat-x scroll 50% 50% #FFFFFF;
border:1px solid #BF0C3A;
color:#BF0C3A;
font-weight:normal;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight {
border: 1px solid #c2e19f;
background: transparent url(images/ui-bg_glass_55_fbf9ee_1x400.png) repeat-x 50% 15%;
color: #ffffff;
}

.gc4 .ui-dialog .ui-dialog-buttonpane button { /* Chrome 4+ */
padding:0.4em 0.3em 0.3em 0.5em;
}

/* Table Border */
.tbl_bord {	 border-bottom: #003366 solid 1px; text-align:center;
}
/* Disabled Text Area for Alert */
.alert_disabled{border:1px solid #7f9db9; background: #ebebe4;}

/* DASHBOARD */
/****************** Client Dashboard ****/

.dashboard hr {
    border-top: 1px solid #e0e0e0;
}

.orderSummary {
    background-color: #fff;
    border: 1px solid #e0e0e0;
}

.dashboard TABLE {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.openOrderHeader, .alertsHeader {
    background-color: #bf202e;
    color: #fff;
    font-size: 20px;
    height: 40px;
}

.openOrdercol1 {
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    padding-left: 70px;
    padding-top: 15px;
    padding-bottom: 10px;
}

.openOrdercol11 {
    padding-top: 15px;
}

.openOrdercol2 {
    padding-top: 10px;
}
.openOrdercol2, .alertscol2 {
    text-align: left;
}

.alertscol1 {
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
}
.alertscol11 {
    padding-top: 10px;
}

.alertscol12 {
    padding-top: 0;
}

.alertscol13 {
    padding-bottom: 10px;
}

.dashboardDivTwo {
    position: relative;
    margin-top: 50px;
}

.dashboardDivTwo .tableBorder {
	table-layout: fixed;
}

.dashboard .textcolor1 {
font-weight:bold;
color:#24356e;
}

.dashboard H1, .dashboardHeader {
float:left;
width:98%;
height:25px;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
margin:10px 0px 5px 0px;
padding:0 0 0 10px;
background:none;
text-align: center;
}

.dashboard H1.active {
border-left:1px solid #24356e;
border-right:1px solid #24356e;
border-top:1px solid #24356e;
border-bottom:0;

border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;

-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;

-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
}

.dashboard H1 .headerarrowright {
float:left;
width:10px;
height:10px;
margin:0px 0px 1px 0px;
padding:0px 10px 10px 5px;
cursor:pointer;
background:transparent url(images/header_arrow_right_dash.gif) no-repeat 10px 6px;
}

.dashboard H1 .headerarrowdown {
float:left;
width:10px;
height:10px;
margin:0px 0px 1px 0px;
padding:0px 10px 10px 5px;
cursor:pointer;
background:transparent url(images/header_arrow_down_dash.gif) no-repeat 10px 6px;
}

.dashboard .frmcontrolbox {
width:1160px;
height:auto;
padding:10px 0 20px 0;
margin:10px auto;

/* border-left:1px solid #24356e;
border-right:1px solid #24356e;
border-bottom:1px solid #24356e; */
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-khtml-border-radius: 4px;
background:none;
}

.ipad .dashboard .frmcontrolbox {
	width:1000px;
}

.dashboard .frmcontrolboxactive {
float:left;
width:770px;
height:auto;
padding:10px 0 20px 0;
margin:-5px 0 10px 0;

border-left:1px solid #24356e;
border-right:1px solid #24356e;
border-bottom:1px solid #24356e;
border-top:0;

border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;

-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;

background:none;
}

.dashboard .frmcontrolbox H4 {
font-weight:bold;
line-height:24px;
color:#246b36;
margin:0.5em 14px;
}

.dashboard .frmcontrolbox TABLE LABEL INPUT[type='checkbox']{
vertical-align:middle;
}
#ga-container {
    margin: 0;
    width: 100%;
    background-color: #fff;
    padding: 20px 0;
    border: 1px solid #e0e0e0;
}

.gaheader {
    width: 100%;
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
}

.gadates {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
    font-style: italic;
}

.gatarget {
    width: 100%;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 0;
}

.gasignin {
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
}

.clear {
    float: none;
    clear: both;
}
#box {
	overflow: hidden; 
	padding:5px;
	margin: 0 auto;
	height:auto; 
	width:93%;
	border: 1px gray solid;
	font-size:11px;
}
.gabox {
	width: 260px; 
	height: 45px; 
	float: left; 
	margin: 3px;
}

.tbox{
	padding-left:5px;
	padding-top:5px;
}
.cbox{
	padding:0 5px 0 0 ;
	text-align:right;
	font-size:20px;
}

/* DASHBOARD TABS */
.dashboard #tabs_dashboard, .reportPanel #tabs_dashboard  {
    width: 100%;
    height: 35px;
    margin: 0;
    padding: 0;
    border-bottom: 0;
    background: #d1d3d5;
}

.dashboard #tabs_dashboard UL#ultabsdashboard, .reportPanel #tabs_dashboard UL#ultabsdashboard {
float:none;
margin:0;
padding:0;
list-style:none;
justify-content: center;
display: flex;
}

.dashboard #tabs_dashboard UL#ultabsdashboard LI, .reportPanel #tabs_dashboard UL#ultabsdashboard LI {
display:block;
float:left;
height:35px;
margin:0;
padding:0;
}

.dashboard #tabs_dashboard UL#ultabsdashboard LI A, .reportPanel #tabs_dashboard UL#ultabsdashboard LI A  {
display:block;
float:left;
height:35px;
line-height: 35px;
padding:0 12px;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
font-size:0.95em;
font-weight:bolder;
color:#000;
text-decoration:none;
}

.dashboard #tabs_dashboard UL#ultabsdashboard LI A SPAN , .reportPanel #tabs_dashboard UL#ultabsdashboard LI A SPAN{
}

.dashboard #tabs_dashboard UL#ultabsdashboard LI.active, .reportPanel #tabs_dashboard UL#ultabsdashboard LI.active  {
}

.dashboard #tabs_dashboard UL#ultabsdashboard LI.active A, .reportPanel #tabs_dashboard UL#ultabsdashboard LI.active A {
color:#76e2b0;
font-weight:bold;
}

.dashboard #tabs_dashboard UL#ultabsdashboard LI A SPAN.active, .reportPanel #tabs_dashboard UL#ultabsdashboard LI A SPAN.active {
}

/* TABLE GRID */
.dashboard TABLE {
margin:0px auto;
}

.dashboard .DB_tbgrid {
border-top:1px solid #24356e;
border-right:1px solid #24356e;
border-bottom:1px solid #24356e;
border-left:1px solid #24356e;
font-size:0.95em;
margin:10px auto 10px auto;
}

.dashboard .DB_tbgrid THEAD TH:first-child,
.dashboard .DB_tbgrid TBODY TD:first-child {
border-left:0px solid #24356e;
}

.dashboard .DB_tbgrid THEAD TR {
background:none;
}

.dashboard .DB_tbgrid THEAD TH {
height:25px;
color:#ffffff;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
padding:0px 5px;
border-left:1px solid #24356e;
border-bottom:1px solid #24356e;
background:#4d9473;
}

.dashboard .DB_tbgrid THEAD TH A {
color:#FFFFFF;
text-decoration:none;
}

.dashboard .DB_tbgrid TBODY TD {
color:#4b4b4d;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
padding:5px 5px;
border-left:1px solid #24356e;
}

.dashboard .DB_tbgrid TFOOT TD {
background:#4d9473;
height:37px;
color:#4b4b4d;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
padding:0px 5px;
border-left:0px solid #24356e;
border-top:1px solid #24356e;
}

.dashboard .DB_tbgrid TBODY TD A {
text-decoration:none;
}

/* NO HEADER GRID */
.dashboard .DB_tbgrid_noheader {
border-top:1px solid #24356e;
border-right:1px solid #24356e;
border-bottom:1px solid #24356e;
border-left:1px solid #24356e;
font-size:0.95em;
margin:10px auto 10px auto;
}

.dashboard .DB_tbgrid_noheader TBODY TH:first-child,
.dashboard .DB_tbgrid_noheader TBODY TD:first-child {
border-left:0px solid #24356e;
}

.dashboard .DB_tbgrid_noheader TBODY TR {
background:none;
}

.dashboard .DB_tbgrid_noheader TBODY TH {
height:25px;
padding:0px 5px;
border-left:1px solid #24356e;
}

.dashboard .DB_tbgrid_noheader TBODY TD {
color:#4b4b4d;
padding:5px 5px;
border-left:1px solid #24356e;
}

.dashboard .DB_tbgrid_noheader TBODY TD A {
text-decoration:none;
}

/* DASHBOARD BUTTON */
.dashboard .buttonoff {
background:#ac1e2e url(images/dashboard_buttonoff.gif) repeat-x left bottom;
height:20px;
line-height:20px;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
font-weight:bold;
color:#356751;
border:0px solid #356751;
text-align:center;
margin:0px 0px 0px 5px;
padding:0 15px 3px 15px;
cursor:pointer;
}

.dashboard .buttonon {
background:#f5ecec url(images/dashboard_buttonon.gif) repeat-x left bottom;
height:20px;
line-height:20px;
color:#356751;
font-family:'Josefin Sans', Arial, Helvetica, sans-serif;
font-weight:bold;
border:0px solid #356751;
text-align:center;
margin:0px 0px 0px 5px;
padding:0 15px 3px 15px;
cursor:pointer;
}

/********************************************************/
/* SETUP UpSell FORM */
#contentpane #frmSetupUpsellProduct INPUT.textboxbig {
width:26.4em;
color:#CCCCCC;
margin:0px 0px 5px 0px;
}

#contentpane #frmSetupUpsellProduct INPUT.textbox {
float:left;
width:12em;
color:#CCCCCC;
margin:0px 5px 5px 0px;
}

.ie7 #contentpane #frmSetupUpsellProduct INPUT.textbox {
width:11.9em;
}

#contentpane #frmSetupUpsellProduct INPUT.zip,
#contentpane #frmSetupUpsellProduct INPUT.phone {
width:40px;
margin:0px 5px 0px 0px;
}

#contentpane #frmSetupUpsellProduct INPUT.zip,
#contentpane #frmSetupUpsellProduct SELECT.zip{
float:left;
}

#contentpane #frmSetupUpsellProduct SELECT.zip {
width:126px;
}

#contentpane #frmSetupUpsellProduct SELECT.functionality {
width:15em;
}

#contentpane #frmSetupUpsellProduct TEXTAREA.textareabox {
width:25em;
height:70px;
}

#contentpane #frmSetupUpsellProduct TEXTAREA.textareaadd {
width:22em;
height:70px;
margin:0px 0px 5px 0px;
}

#contentpane #frmSetupUpsellProduct TEXTAREA.textareaadd2 {
width:22em;
height:150px;
}

#contentpane #frmSetupUpsellProduct TEXTAREA.textareaboxfull {
width:51.3em;
height:70px;
}

.ie7 #contentpane #frmSetupUpsellProduct TEXTAREA.textareaboxfull {
width:50.4em;
height:70px;
}

#contentpane #frmSetupUpsellProduct SELECT.listbox {
width:24em;
height:80px;
}

#contentpane #frmSetupUpsellProduct SELECT.listboxadd {
width:24em;
height:80px;
margin:0px 0px 5px 0px;
}

#contentpane #frmSetupUpsellProduct SELECT.listboxadd2 {
width:24em;
height:160px;
}

#contentpane #frmSetupUpsellProduct LABEL {
display:block;
}

#contentpane #frmSetupUpsellProduct fieldset.firstblock {
float:left;
width:100%;
padding: 0px 10px 10px 10px;
border:0px dashed #246b36;
margin:0px 0px 0px 0px;
}

#contentpane #frmSetupUpsellProduct fieldset.fieldsetblock {
float:left;
width:28em;
padding:0px 10px 10px 10px;
border:0px dashed #246b36;
margin:0px 0px 0px 0em;
display:inline;
}

#contentpane #frmSetupUpsellProduct fieldset.fieldsetadd {
float:left;
width:24em;
padding:0px 0px 10px 10px;
border:0px dashed #246b36;
margin:0px 0px 0px 0px;
display:inline;
}

#contentpane #frmSetupUpsellProduct fieldset.fieldsetaddremove {
float:left;
width:5em;
padding:15px 5px 10px 15px;
border:0px dashed #246b36;
margin:0px 0px 0px 0px;
display:inline;
}

#contentpane #frmSetupUpsellProduct fieldset.fieldsetaddremove2 {
float:left;
width:5em;
padding:15px 5px 10px 15px;
border:0px dashed #246b36;
margin:47px 0px 0px 0px;
display:inline;
}

#contentpane #frmSetupUpsellProduct fieldset.fieldsetaddremove3 {
float:left;
width:5em;
padding:5px 5px 10px 15px;
border:0px dashed #246b36;
margin:0px 0px 0px 0px;
display:inline;
}

.ie7 #contentpane #frmSetupUpsellProduct fieldset.fieldsetaddremove2 {
margin:47px 0px 0px 0px;
}

.ie7 #contentpane #frmSetupUpsellProduct fieldset.fieldsetaddremove3 {
margin:0px 0px 0px 0px;
}

#contentpane #frmSetupUpsellProduct fieldset .buttonoff,
#contentpane #frmSetupUpsellProduct fieldset .buttonon {
margin:0px 0px 5px 10px;
}

.ie7 #contentpane #frmSetupUpsellProduct fieldset .buttonoff,
.ie7 #contentpane #frmSetupUpsellProduct fieldset .buttonon {
margin:0px 0px 5px 10px;
}


#contentpane #frmSetupUpsellProduct fieldset {
float:left;
padding:0px 10px 10px 10px;
border:0px dashed #246b36;
margin:0px 0px 0px 0em;
display:inline;
}

#contentpane #frmSetupUpsellProduct LEGEND {
background-color:#FFFFFF;
padding:0px 2px 2px 2px;
color:#246b36;
}

#contentpane #frmSetupUpsellProduct fieldset .firstblock {
width:100%;
padding:0px;
margin:0px;
}

#contentpane #frmSetupUpsellProduct fieldset .fieldsetadd {
width:100%;
padding:0px;
margin:0px;
}

#contentpane #frmSetupUpsellProduct fieldset .fieldsetaddremove {
width:100%;
padding:0px;
margin:0px;
}

#contentpane #frmSetupUpsellProduct fieldset .fieldsetaddremove2 {
width:100%;
padding:0px;
margin:0px;
}

#contentpane #frmSetupUpsellProduct fieldset DIV {
float:left;
display:block;
margin:0px 0px 5px 0px;
}

#contentpane #frmSetupUpsellProduct SPAN.info {
float:left;
display:block;
margin:0px 0px 5px 0px;
}

/************************************/

#contentpane #frmSetupClientProducts .validateTips {
border:1px solid transparent;
color:#CD0A0A;
font-weight:normal;
margin:15px 0px 0px 5px;
padding:0;
background-color:#FFFFFF;
}

#contentpane #frmSetupClientProducts DIV.tbgrid {
float:left;
width:710px;
border:1px solid #24356e;
font-size:0.95em;
margin:15px 0px 0px 5px;
}

#contentpane #frmSetupClientProducts .tbgrid .header LABEL.col1{width:181px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmSetupClientProducts .tbgrid .header LABEL.col2{width:175px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmSetupClientProducts .tbgrid .header LABEL.col3{width:175px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmSetupClientProducts .tbgrid .header LABEL.col4{width:175px;text-align:center;border-right:1px solid #24356e;}

#contentpane #frmSetupClientProducts .tbgrid .container LABEL.col1{width:181px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmSetupClientProducts .tbgrid .container LABEL.col2{width:175px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmSetupClientProducts .tbgrid .container LABEL.col3{width:175px;text-align:center;border-right:1px solid #24356e;}
#contentpane #frmSetupClientProducts .tbgrid .container LABEL.col4{width:175px;text-align:center;border-right:1px solid #24356e;}

.productImage {
	width: 150px;
}

#contentpane #frmSetupClientProducts .textarea {
	width:250px;
}

/***************** Customer Dashboard *************/

#frmDashboardCust {
    width: 100%;
    margin: 0 auto;
	overflow: hidden;
}

#frmDashboardCust .dashboard {
    text-align: center;
	width: 100%;
}

#contentpane .frmcontrolboxdash {
    width: 95%;
    margin: 0 auto;
}

.customerdashboardtable {
    width: 100%;
    height: auto;
    overflow: hidden;
    outline: 1px solid #ccc;
    outline-offset: -1px;
    background-color: #fff;
}

.customerdashboardtr {
    background-color: #fff;
}

.customerDashboardleft, .customerDashboardright {
    float: left;
    font-family: 'Josefin Sans',sans-serif!important;
    font-size: 20px!important;
    font-weight: bold;
    color: #fff;
    margin: 0 0 0 0!important;
    padding: 0;
    background: none;
    text-transform: uppercase;
    text-align: center;
    height: 40px !important;
    line-height: 40px !important;
    border: 1px solid #3985E3;
	width: 100%;
}

.customerDashboardleft {
    background-color: #3985E3 !important;
    color: #fff!important;
    width: 100% !important;
}

.customerDashboardright {
    border: none;
    color: #363636!important;
}


.customerDashboardPrices {
    float: left;
    width: 100%;
}

.todaysPrices {
    width: 100%;
    text-align: center;
}

.productpricebox {
    width: 210px;
    height: auto;
    margin: 10px;
    display: inline-block;
}

.productname {
    width: 100%;
    height: 50px;
}

.pricefont {
    font-size: 35px;
}

.buybutton {
    height: 40px;
    width: 100%;
    border: none;
    cursor: pointer;
    outline: none;
    background-color: #f4ecd6 !important;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    display: block;
    text-align: center;
    line-height: 40px;
    position: relative;
    text-decoration: none;
}
.buybuttoninactive {
    height: 40px;
    width: 100%;
    border: none;
    cursor: pointer;
    outline: none;
    background-color: #ccc;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    display: block;
    text-align: center;
    line-height: 40px;
    position: relative;
    text-decoration: none;
}
.floatright {
    float: right;
}
.sectionbreak {
    width: 100%;
    height: 50px;
}

.registeredTanks, .registeredLocations {
    float: left;
    margin-top: 0;
    width: 100%;
}
.producttable {
    width: 95%;
    margin: 0 auto;
}
.productSummaryTableHeader {
    color: #363636;
    font-weight: bold;
    height: 50px;
}
tr.productSummaryTableRow td {
    border-top: 1px solid #ccc;
    height: 30px;
}

#contentpane .frmcontrolboxdash{
	padding:10px;
	width: 1160px;
    margin: 0 auto;
}

.ipad #contentpane .frmcontrolboxdash{
	width: 1000px;
}

/***** CSS for Privacy Policy *****/
#contentpanepublic {
float:left;
height:auto;
margin:0;
min-height:500px;
overflow:hidden;
padding:32px 15px 0;
width:100%;
}

#contentpanepublic .frmcontrolbox P {

margin:0.5em 14px;
text-align:justify;
font-weight:.24em;
color:#0000000;
font-size: 10px;
}
#contentpanepublic .frmcontrolbox Table{
font-size: .7em;
}


#contentpanepublic p {
color:#222222;
height:auto;
margin:10px 0;
overflow:hidden;
text-align:justify;
width:auto;
}
/***** End of CSS for Privacy Policy *****/
#divDelConf {
margin-top: 30px;
}

.ui-widget INPUT.phone {
  width: 40px;
}

.row-highlight-simple { /* Simple Highlight */
	background-color: #24356e   !important;
	color: #000000;
	font-weight: bold;
}

.row-highlight-ig { /* Inner Glow */
	color: #000000;
	font-weight: bold;
}

.row-highlight-et { /* Enhanced Text */
	color: #000000;
	font-weight: bold;
	font-size: 20px;
}

.row-highlight-highlight-et { /* Highlight Enhanced Text */
	background-color: #24356e   !important;
	color: #000000;
	font-weight: bold;
	font-size: 20px;
}

.row-highlight-ig-et { /* Inner glow Enhanced Text */
	color: #000000;
	font-weight: bold;
	font-size: 20px;
}

.col-highlight-simple { /* Simple Highlight */
	color: #ffffff !important;
//	box-shadow: 0px 0px 15px 5px #24356e  inset;
	//border-radius: 10px;
}

.col-highlight-ig { /* Inner Glow */
	box-shadow: 0px 0px 15px 5px #24356e  inset;
	background-color: #ffffff;
}

.col-highlight-et { /* Enhanced Text */

}

.col-highlight-highlight-et { /* Highlight Enhanced Text */
	color: #ffffff !important;
}

.col-highlight-ig-et { /* Inner Glow Enhanced Text*/
	box-shadow: 0px 0px 15px 5px #24356e  inset;
	background-color: #ffffff;
}

.col-highlight-ig-rounded { /* Inner Glow Rounded Border*/
	box-shadow: 0px 0px 15px 5px #24356e inset;
	border-radius: 10px;
	background-color: #ffffff;
}

.open-brackets {
	background: url(images/open-brackets.png) no-repeat;
	background-position: left;
}

.close-brackets {
	background: url(images/close-brackets.png) no-repeat;
	background-position: right;
}

.fixed_header{
    table-layout: fixed;
    border-collapse: collapse;
	
}
			
.fixed_header tbody{
  display:block;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 330px;
}
			
.fixed_header thead tr {
   display: block;
}
			
.fixed_header thead {
	border-bottom: 1px solid #ccc;
}

.fixed_header th {
	text-align: left;
	font-weight: normal;
}
			
.fixed_header th:nth-child(1), .fixed_header td:nth-child(1) {
	min-width: 500px;
	width: 500px;
}

.fixed_header th:nth-child(2), .fixed_header td:nth-child(2) {
	min-width: 50px;
	width: 50px;
}

.fixed_header th:nth-child(3), .fixed_header td:nth-child(3) {
	min-width: 57px;
	width: 57px;
}

.fixed_header th:nth-child(4), .fixed_header td:nth-child(4) {
	min-width: 50px;
	width: 50px;
}

.fixed_header th:nth-child(5), .fixed_header td:nth-child(5) {
	min-width: 53px;
	width: 53px;
}

.fixed_header th:nth-child(6), .fixed_header td:nth-child(6) {
	min-width: 90px;
	width: 90px;
}

.fixed_header th:nth-child(7), .fixed_header td:nth-child(7) {
	min-width: 90px;
	width: 90px;
}

.fixed_header th:nth-child(8), .fixed_header td:nth-child(8) {
	min-width: 80px;
	width: 80px;
}

.fixed_header th:nth-child(9), .fixed_header td:nth-child(9) {
	min-width: 80px;
	width: 80px;
}

.fixed_header td:nth-child(2) input, .fixed_header td:nth-child(4) input {
	width: 40px;
}

.fixed_header td:nth-child(6) input {
	width: 80px;
}

.fixed_header td:nth-child(7) select {
	width: 80px;
}

.ad-menu-nav {
	display: none;
}

/***** Responsive ******/

@media(max-width:1200px) and (min-width:966px) 
{
	.outerdiv {
		width: 100%;
	}
	
	#toppane {
		width: 100%;
	}
	
	#loginbox, .pricecontainer {
		right: 10px;
	}
	
	#contentpanehome #contentpanehomeright {
		position: relative;
		right: 10px;
	}
	
	html>body  #leftpane-home UL#ulleftnavhome {
		width: 90%;
		margin: 0 auto;
	}
	
	#leftpane-home UL#ulleftnavhome LI A {
		padding: 6.5px 15px;
	}
	
	#contentpanehome, #contentpane, #contentpanepq, #contentpaneregister, #contentpanestatic {
		width: 100%;
	}
	
	.contentpanehomeinner .banner {
		width: 100%;
	}
	
	#topnavtop {
		width: 100%;
	}
	
	#topnavmid {
		width: 100%;
	}
	
	#toppane  #contactus {
		margin-left: 10px;
	}
	
	.topbar-col2 {
		margin-right: 10px;
	}
	
	#headerbackground {
		width: 98%;
	}
	
	#headerimageleft {
		width: 50%;
	}
	
	#headerimageright {
		width: 50%;
	}
	
	.loginarea #headerimageright .login {
		width: 100%;
	}
	
	#topnavmidwrapper {
		width: 95%;
	}
	
	#leftpane-home UL#ulleftnav LI A {
		padding: 25px 0 0 10px;
	}
	
	.maintextimg {
		width: 60% !important;
	}
	
	.maintext {
		width: 40%;
	}
	
	.slideshow {
		width: 100%;
	}
	
	#contentpanehome #contentpanehomeleftpane {
		width: 100%;
	}
	
	.price0 {
		width: 90%;
	}
	
	.container {
		width: 100%;
	}
	
	.container .four.columns {
		width: 20%;
	}

	.statictext {
		float: left;
	}
	
	.loginarea #headerimageright .login a.linktwo {
		float: right;
	}
	
	#an img{
		margin-right: 20px;
	}
	
}

@media(max-width:965px)
{

	body	{
		width:100%;
	}
	
	.outerdiv {
		width: 100%;
		height: auto;
	}

	.topbar-col2 {
		width: 95%;
	}
	
	.width7em, .width15em {
		width: 100%;
	}
	
	.mmdd {
		height: 50px !important;
	}
	
	#contentpane .loggedInUserName {
		width: 100% !important;
		text-align: center !important;
		padding-right: 0 !important;
	}

	#leftpane-home {
		display: none !important;
	}
		
	#toppaneback {
		display: inline-block;
		position: static;
		width: 100%;
		height:auto;
		padding-bottom: 10px;
		margin-top: -40px;
		float: none;
	}

	.contentpanehomeinner .banner {
		width: 100%;
	}
	

	.bannerwrap {
		width: 95%;
	}

	#toppane {
		height: auto; 
		width: 100%;	
		background: none;
	}
	#topnavtop {
		width: 100%;
		z-index: 6;
	}
	
	#topnavmid {
		width: 100%;
		height: 70px;;
	}
	
	#topnavmidwrapper {
		width: 100%;
		height: auto;
	}
	
	#logo {
		position: relative;
		margin: 0 auto;
	}

	#contentpanehome {
		width: 99.6%;
		border: none;
	}

	#contentpanestatic {
		width: 99.6%;
		border: none;
	}

	#contentpanehome #contentpanehomeleftpane {
		float: none;
		margin: 5px 0px;
		position: relative;
		display: inline-block;
		width: 100%;
		height: auto;
	}

	.pricecontainer{
		display: none;
	}
	
	.pricecontainer0 {
		display: block;
		position: relative;
		margin: 0 auto;
		width: 100%;
	}
	
	#contentpane, #contentpanepq, #contentpaneregister {
		width: 99.6%;
		border: none;
	}

	.loginarea {
		height: auto;
		display: inline-block;
	}
	
	.slideshow {
		height: auto;
		width: 100%;
	}

	.maintext {
		margin: 0 auto;
		width: 90%;
		height: auto;
		float: none;
		min-height: 50px;
	}

	.maintext h1 {
		text-align: center;
	}
	
	.maintextimg {
		display: none;
	}

	#contentpanehome #contentpanehomeleft, #contentpanehome #contentpanehomeright {
		width: 100%;
	}
	
	.pricecontainer0 {
		display: block;
		position: relative;
		margin: 0 auto;
	}
	
	.price0 {
		width: 90%;
		float: none;
	}
	
	.links-div {
		height: auto;
	}
	
	.links-container {
		width: 141px;
		height: auto;
	}
	
	.poweredby {
		width: 100%;
	}

	#contentpanehomeright #newslettersignup, .business{
		float: none;
	}
	
	#contentpanehome #contentpanehomeleftpane #msgblock1 {
		float: none;
		width: 100%;
		margin: 24px auto 0 auto;
	}

	#contentpanehome #contentpanehomeleftpane #msgblock2 {
		float: none;
		width: 100%;
	}

	#headerbackground {
		width: 100%;
		height: auto;
	}
	
		#headerimageleft {
			width: 100%;
			height: auto;
			text-align: center;
		}

		#headerimageright {
			width: 100%;
		}
		
		.loginarea #headerimageright .login SPAN {
			width: 240px;
		}
		
		.loginarea #headerimageright .login {
			width: 600px;
			margin: 0 auto;
		}
		
		.statictext {
			float: left;
			position: relative;
			top: -48px;
		}
		
		.loginarea #headerimageright .login a.linktwo {
			float: left;
		}

		
	#contentpanehome #contentpanehomeleftpane #msgblock1 #msgcontent1 {
		float: none;
		margin: 0 auto;
		padding: 0;
		width: 95%;
	}
	
	#contentpanehome #contentpanehomeleftpane #msgblock2 #msgcontent2 {
		float: none;
		margin: 0 auto;
		padding: 0;
		width: 95%;
	}
		
	/* login */

	.headerright {
		width: 100%;
		height: auto;
	}
	
	#loginbox {
		display: inline-block;
		width: 100%;
		z-index: 999;
		position: relative;
		height: 80px;
		top: -10px;
	}

	#loginbox .login {
		float: right;
		margin: -5px 0 0 0;
		background: none;
		width: 100%;
		height: 80px;
		display: inline-block;
	}

	.login {display: none}
	.orderbox {display: block; width: 100%; position: relative; margin: 0 auto;}

	.loginButton {
		background: url(images/loginButton.png) no-repeat;
		height: 28px;
		width: 423px;
		border: none;
		margin: 20px auto;
		cursor: pointer;
		display: block;
	}

	#loginbox .login LABEL {
	float:right;
	/*width:70px;*/
	text-align:left;
	color:#b8b8b8;
	font-size:13px;
	}

	#loginbox .login SPAN {
		float: left;
		width: 34%;
		height: 51px;
		margin: 9px 0 0 10px;
	}

	#loginbox .login SPAN INPUT[type='text'],
	#loginbox .login SPAN INPUT[type='password'] {
		float: left;
		width: 100%;
		height: 25px;
		margin: 1px 0 0 10px;
		background-color: #ffffff;
		border: 1px solid #000000;
		padding-left: 5px;
		font-size: 16px;
		outline: none;
	}

	.loginbutton {
		margin: 10px 10px 0 20px;
	}
	
	#loginbox .login a {
	float:left;
	color:#1c377b;
	font-size:13px;
	margin:0 0 0 19px;
	text-decoration:none;
	}

	#loginbox .login a.linkone {
/* 	position: relative;
    float: left; */
	}

	#loginbox .login a.linktwo {
	margin: 20px 10px 0 5px;
    float: right;
	}

	#loginbox .statictext {
		margin-left: 0px;
		width: 100%;
		float: right;
		text-align: right;
		position: relative;
/*		top: -90px;*/
		height: 20px;
	}

	.register {
		position: relative;
		margin-right: 10px;
	}
	
	.forgotpwd {
		margin: -20px 0px 0 0;
	}
	
	#footerpane {
		height: auto;
	}

	#an img {
		float: left;
	}

	#footer {
		height: auto;
	}
	
	.footerwrap {
		width: 100%;
	}
	
	.footerwrap .column2 {
		width: 280px !important;
		margin: 0 !important;
	}
	
	.container {
		width: 100%;
		height: auto;
	}	

	.container .four.columns {
		margin: 0 10px;
		display: block;
		width: 22%;
	}
	
	#footer .widget {
		margin-top: -10px;
	}

	#an {
	}
	
	
	#copyright .sixteen.columns {
		width: 95%;
	}

	#copyright .copyright-col1 {
		float: left;
		margin: 5px auto;
		width: 75%;
	}

	.botbar-col2{
		display: block;
		float: none;
		width: 275px;
		height: 30px;
		margin: 0 auto;
	}

	.social-icons {
		float: right;
	}


	#contentpanestatic h1, #contentpanepq h1, #contentpane h1 {
		line-height: 35px;
	}

	/***********************navigation menu****************************/

	.ad-menu-nav{
		display: inline-block;
		width: 100%;
		background:#fff none repeat scroll 0 0;
		margin: 0px 0 0 0;
		padding: 8px 0;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border: 1px solid #000;
	}
	.ad-menu-nav ul {
		display: none;
		height: auto;
	}
	.ad-menu-nav a#pull {
		color: #000;
		display: block;
		padding: 5px 11px;
		position: relative;
		text-decoration: none;
		width: 100%;
	}
	.ad-menu-nav a#pull:after {
		content: "";
		background: url(images/nav-icon.png) no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 25px;
		top: 5px;
	}
	.ad-menu-nav ul {
		border-top: 1px solid #000;
		list-style:none;
		margin: 0 !important;
		padding: 0;
		width: 100%;
	}
	.ad-menu-nav ul li {
		padding: 8px 0 8px 12px;
		text-align: left;
		width: 100%;
		position:relative;
	}
	.ad-menu-nav ul li a {
		color: #000;
		position: relative;
		text-decoration: none;
		z-index: 9999;
	}
	.drop-arow {
		background: rgba(0, 0, 0, 0) url("images/arrow.png") no-repeat scroll right center / cover ;
		display: inline-block;
		height: 10px;
		position: absolute;
		right: 25px;
		top: 9px;
		width: 23px;
	}
	.ad-menu-nav li .ad-dropdown {   
		display: none;
	}
	.ad-menu-nav li .ad-dropdown ul {
		border-top: medium none;
		padding-left: 10px;
	}	

	/************** Price quote page ************/

	.quote-banner {
		height: auto;
	}

	.buttonregister {
		margin-top: 20px;
	}

	.quote-tr {
		height: auto;
	}

	.quote-left-td, .quote-right-td {
		width: 100%;
		display: table;
	}

	.tbquote, .tbresult {
		width: 100% !important;
	}

	.tbquote tbody td {
		
	}

	
	.frmcontrolboxqq, .frmcontrolboxtank, .frmcontrolboxpq {
		width: 100%;
		height: auto;
	}
	
	.frmcontrolboxqq > table {
		display: inline-block;
		width: 100%;
	}

	.pricetable  tbody {
		display: inline-block;
		width: 100%;
	}

	.pricetable  tbody tr {
		display: inline-block;
		width: 95%;

	}

	.pricetable  tbody td {
		display: inline-block;
		width: 98%;
	}

	.input_border {
		background: url(images/border_shadow.jpg) repeat-x scroll center top transparent;
		border: 1px solid #D7D7D7;
		border-radius: 3px;
		height: 35px;
		margin: 5px;
	}

	.input_border tbody tr {
		width: 100%;
	}

	.tdtext {
		padding-top: 5px;
		padding-left: 10px;
		font-weight: bold;
	}

	select {
		width: 100%;
		border: none;
		margin-top: -6px;
	}

	input {
		border: none;
		margin-top: 5px;
	}

	.ui-dialog {
		width: 98% !important;
	}

	.frmcontrolboxstatic > table {
		display: inline-block;
		width: 100%;
	}

	.frmcontrolboxstatic tbody {
		display: inline-block;
		width: 99%;
	}

	.frmcontrolboxstatic tr {
		display: inline-block;
		width: 100%;
	}

	.frmcontrolboxstatic td{
		display: inline-block;
		width: 100%;
	}

	/***************** Refer A Friend *******************/

	.raf-banner {
		height: auto;
	}
	
	#staticText > table, #staticText > tbody, #staticText > tr, #staticText > td, 
	.raftext > table, .raftext > tbody, .raftext > tr, .raftext td {
		display: inline-block;
		width: 100%;
	}

	/******************** Contact Us ********************/

	#frmContactUs > table {
		width: 100%;
		display: inline-block;
	}

	#frmContactUs tr {
		width: 100%;
		display: inline-block;
	}

	#frmContactUs td {
		width: 98%;
		display: inline-block;
	}


	.contactUsTable, .contactUsTable  tbody, .contactUsTable  tr, .contactUsTable  td{
		width: 100%;
		display: inline-block;
	}

	.contactUs {
		margin: 0 !important;
	}

	/******* Customer pages ****************/

	#contentpane .frmcontrolboxdash, .frmcontrolbox, .frmcontrolbox2, .frmcontrolboxstatic {
		width: 100%;
		margin: 0;
	}
	
	#leftpane {
		display: none !important;
	}

	.customerdashboardtr, .customerdashboardtd {
		display: inline-block;
		width: 100%;
	}

	.middle, .middle tbody, .middletr, .middletd {
		display: inline-block;
		width: 100%;
	}

	.ordertr, .ordertd {
		display: inline-block !important;
		width: 98%;
		text-align: left;
	}

	.ordertdnd {
		display: none;
	}

	.box {
		width: 99%;
		margin: 0 auto;
	}

	#paymentOptionDiv table, #paymentOptionDiv tbody, #creditCardDiv table, #creditCardDiv tbody, #codDiv table, #codDiv tbody, #eCheckDiv table, #eCheckDiv tbody,
	#footNoteDiv table, #footNoteDiv tbody, #echeckNoteDiv table, #echeckNoteDiv tbody{
		display: inline-block;
		width: 100%;
	}

	.dataTables_info {
		width: 81%;
	}

	.dataTables_paginate {
		width: initial;
	}

	.dataTables_length select {
		width: 10%;
		background: url(images/border_shadow.jpg) repeat-x scroll center top transparent;
		border: 1px solid #D7D7D7;
		border-radius: 3px;
		height: 30px;
		margin: 5px;
	}

	.lblFriends {
		float: left !important;
	}

	.sf3 .forgotusr {
		margin: -20px 0px 0 50px;
	}

	.sf3 .forgotpwd {
		width: 190px;
		float: right;
		margin: -20px -20px 0 0;
	}



}

@media(max-width: 966px) and (min-width: 822px)
{
	.footerwrap .four.columns {
		float: none !important;
		margin: 0 auto !important;
		display: block;
		height: auto;
	}
	
	.footerwrap .column1 {
		height: 200px !important;
	}
	
}

@media(max-width: 821px) and (min-width: 701px) 
{
	.footerwrap .four.columns {
		float: none !important;
		margin: 0 auto !important;
		display: block;
		height: auto;
	}
	
	.footerwrap .column1 {
		height: 200px !important;
	}
}

@media (max-width: 700px) and (min-width: 600px) 
{
	.footerwrap .four.columns {
		float: none !important;
		margin: 0 auto !important;
		display: block;
		height: auto;
	}
	
	.footerwrap .column1 {
		height: 200px !important;
	}
	
}

@media (max-width: 599px) and (min-width: 502px) 
{

	.footerwrap .four.columns {
		float: none !important;
		margin: 0 auto !important;
		display: block;
		height: auto;
	}
	
	.footerwrap .column1 {
		height: 200px !important;
	}


}

@media (max-width: 501px) and (min-width: 480px) 
{

	.footerwrap .four.columns {
		float: none !important;
		margin: 0 auto !important;
		display: block;
		height: auto;
	}
	
	.footerwrap .column1 {
		height: 200px !important;
	}


}

@media (max-width: 479px) and (min-width: 300px) 
{
	
	.footerwrap .four.columns {
		float: none !important;
		margin: 0 auto !important;
		display: block;
		height: auto;
	}
	
	.footerwrap .column1 {
		height: 200px !important;
	}

}





@media(max-width:1199px) and (min-width:1024px)
{}

@media(max-width:1023px) and (min-width:980px)
{}
@media(max-width:979px) and (min-width:768px)
{}




@media (max-width: 520px) and (min-width: 300px) {
	.footerwrap .column1 {
		width: 95% !important;
	}
	
	#footer .widget h3 {
		width: 95%;
	}
}

@media (max-width: 1199px) and (min-width: 1140px) {
	.loginarea #headerimageright .login SPAN {
		width: 220px;
	}
	
	.loginarea #headerimageright .login SPAN INPUT[type='text'], .loginarea #headerimageright .login SPAN INPUT[type='password'] {
		width: 210px;
	}
	
	#leftpane-home UL#ulleftnav LI A {
		font-size: 15px;
	}
	
}

@media (max-width: 1139px) and (min-width: 1077px) {
	.loginarea #headerimageright .login SPAN {
		width: 210px;
	}
	
	.loginarea #headerimageright .login SPAN INPUT[type='text'], .loginarea #headerimageright .login SPAN INPUT[type='password'] {
		width: 190px;
	}

	#leftpane-home UL#ulleftnav LI A {
		font-size: 14px;
	}
		
}

@media (max-width: 1076px) and (min-width: 1036px) {
	.loginarea #headerimageright .login SPAN {
		width: 200px;
	}
	
	.loginarea #headerimageright .login SPAN INPUT[type='text'], .loginarea #headerimageright .login SPAN INPUT[type='password'] {
		width: 180px;
	}
	
	#leftpane-home UL#ulleftnav LI A {
		font-size: 13px;
	}
		
	
}

@media (max-width: 1035px) and (min-width: 1000px) {
	.loginarea #headerimageright .login SPAN {
		width: 190px;
	}
	
	.loginarea #headerimageright .login SPAN INPUT[type='text'], .loginarea #headerimageright .login SPAN INPUT[type='password'] {
		width: 170px;
	}

	#leftpane-home UL#ulleftnav LI A {
		font-size: 12px;
	}
	
	
}

@media (max-width: 999px) and (min-width: 966px) {
	.loginarea #headerimageright .login SPAN {
		width: 180px;
	}
	
	.loginarea #headerimageright .login SPAN INPUT[type='text'], .loginarea #headerimageright .login SPAN INPUT[type='password'] {
		width: 160px;
	}

	#leftpane-home UL#ulleftnav LI A {
		font-size: 11px;
	}
		
}

@media (max-width: 628px) and (min-width: 610px) {
	.loginarea #headerimageright .login SPAN {
		width: 220px;
	}
	
}

@media (max-width: 609px) and (min-width: 570px) {
	.loginarea #headerimageright .login SPAN {
		width: 200px;
	}
	
	.loginarea #headerimageright .login SPAN INPUT[type='text'], .loginarea #headerimageright .login SPAN INPUT[type='password'] {
		width: 190px;
	}

}

@media (max-width: 569px) and (min-width: 527px) {
	.loginarea #headerimageright .login SPAN {
		width: 185px;
	}
	
	.loginarea #headerimageright .login SPAN INPUT[type='text'], .loginarea #headerimageright .login SPAN INPUT[type='password'] {
		width: 180px;
	}

}

@media (max-width: 526px) and (min-width: 489px) {
	.loginarea #headerimageright .login SPAN {
		width: 165px;
	}
	
	.loginarea #headerimageright .login SPAN INPUT[type='text'], .loginarea #headerimageright .login SPAN INPUT[type='password'] {
		width: 160px;
	}

}

@media (max-width: 488px) and (min-width: 447px) {
	.loginarea #headerimageright .login SPAN {
		width: 145px;
	}
	
	.loginarea #headerimageright .login SPAN INPUT[type='text'], .loginarea #headerimageright .login SPAN INPUT[type='password'] {
		width: 140px;
	}
	
	.loginarea #headerimageright .login LABEL {
		font-size: 10.5px;
	}
	
	.loginarea #headerimageright .login a {
		font-size: 10.5px;
	}

}

@media (max-width: 446px) and (min-width: 405px) {
	.loginarea #headerimageright .login SPAN {
		width: 130px;
	}
	
	.loginarea #headerimageright .login SPAN INPUT[type='text'], .loginarea #headerimageright .login SPAN INPUT[type='password'] {
		width: 120px;
	}
	
	.loginarea #headerimageright .login LABEL {
		font-size: 10px;
	}
	
	.loginarea #headerimageright .login a {
		font-size: 10px;
	}
	
	.loginarea #headerimageright .login a.linktwo {
		margin: 0;
	}
	
	.qqButton, .loginButton {
		width: 95%;
		background-size: 100%;
	}

}

@media (max-width: 404px) and (min-width: 375px) {
	.loginarea #headerimageright .login SPAN {
		width: 110px;
	}
	
	.loginarea #headerimageright .login SPAN INPUT[type='text'], .loginarea #headerimageright .login SPAN INPUT[type='password'] {
		width: 100px;
	}
	
	.loginarea #headerimageright .login LABEL {
		font-size: 10px;
	}
	
	.loginarea #headerimageright .login a {
		font-size: 10px;
	}
	
	.loginarea #headerimageright .login a.linktwo {
		margin: 0;
	}
	
	.qqButton .loginButton {
		width: 95%;
		background-size: 100%;
	}

}

@media (max-width: 374px) and (min-width: 326px) {
	.loginarea #headerimageright .login SPAN {
		width: 115px;
		margin: 9px 0 0 2px;
	}
	
	.loginarea #headerimageright .login SPAN INPUT[type='text'], .loginarea #headerimageright .login SPAN INPUT[type='password'] {
		width: 100%;
		font-size: 12px;
		margin: 1px 0px 0 5px; 
	}
	
	.loginbutton {
		margin: 10px 5px 0 10px;
		float: left;
	}
	
	.loginarea #headerimageright .login LABEL {
		font-size: 12px;
	    margin: 0px 5px 0 10px
	}
	
	.loginarea #headerimageright .login a {
		font-size: 12px;
	}
	
	.loginarea #headerimageright .login a.linktwo {
		margin: -17px 0 0 10px;
	}
	
	.qqButton .loginButton {
		width: 95%;
		background-size: 100%;
	}

}

@media (max-width: 700px) and (min-width: 300px) {
	.container .four.columns {
		width: 300px;
		margin: 0 auto;
		float: none;
	}
}

@media (max-width: 620px) and (min-width: 300px) {
	.loginarea #headerimageright .login {
			width: 100%;
			margin: 0 auto;
		}
}

@media (max-width: 520px) and (min-width: 300px) {
	.couponimg {
		width: 100%;
	}
}

@media (max-width: 701px) and (min-width: 300px) {
	#an img {
		margin-top: 1020px;
	}
}

@media (max-width: 1159px) and (min-width: 300px) {
	.priceboxcontainer {
		width: 100%;
	}
	
}

@media (max-width: 1159px) and (min-width: 1000px) {
	.priceboxcontainer {
		height: 308px;
	}

	#contentpanehome .price0 {
		height: 308px;
	}
	
	.pricecenter0 {
		width: 420px;
	}
	.pricecenter0 {
		top: 90px;
		right: 30px;
	}
}

@media (max-width: 999px) and (min-width: 950px) {
	.priceboxcontainer {
		height: 266px;
	}

	#contentpanehome .price0 {
		height: 266px;
	}
	
	.pricecenter0 {
		width: 400px;
	}
	
	.pricecenter0 {
		top: 90px;
		right: 30px;
	}


}

@media (max-width: 949px) and (min-width: 900px) {
	.priceboxcontainer {
		height: 252px;
	}

	#contentpanehome .price0 {
		height: 252px;
	}

	.pricecenter0 {
		width: 377px;
	}

	.pricecenter0 {
		top: 80px;
		right: 25px;
	}
}

@media (max-width: 899px) and (min-width: 850px) {
	.priceboxcontainer {
		height: 239px;
	}

	#contentpanehome .price0 {
		height: 239px;
	}
	
	.pricecenter0 {
		width: 357px;
	}

	.pricecenter0 {
		top: 75px;
		right: 25px;
	}
}

@media (max-width: 849px) and (min-width: 800px) {
	.priceboxcontainer {
		height: 226px;
	}

	#contentpanehome .price0 {
		height: 226px;
	}

	.pricecenter0 {
		width: 337px;
	}

	.pricecenter0 {
		top: 70px;
		right: 25px;
	}
	
	#contentpanehome .pricespan0 #pricecontent0 {
		font-size: 70px;
		
	}

}

@media (max-width: 799px) and (min-width: 750px) {
	.priceboxcontainer {
		height: 212px;
	}

	#contentpanehome .price0 {
		height: 212px;
	}

	.pricecenter0 {
		width: 315px;
	}

	.pricecenter0 {
		top: 60px;
		right: 20px;
	}
	
	#contentpanehome .pricespan0 #pricecontent0 {
		font-size: 65px;
		
	}

}

@media (max-width: 749px) and (min-width: 700px) {
	.priceboxcontainer {
		height: 199px;
	}

	#contentpanehome .price0 {
		height: 199px;
	}
	
	.pricecenter0 {
		width: 294px;
	}

	.pricecenter0 {
		top: 50px;
		right: 20px;
	}
	
	#contentpanehome .pricespan0 #pricecontent0 {
		font-size: 60px;
	}

}

@media (max-width: 699px) and (min-width: 650px) {
	.priceboxcontainer {
		height: 186px;
	}

	#contentpanehome .price0 {
		height: 186px;
	}
	
	.pricecenter0 {
		width: 275px;
	}

	.pricecenter0 {
		top: 45px;
		right: 20px;
	}
	
	#contentpanehome .pricespan0 #pricecontent0 {
		font-size: 55px;
	}

}

@media (max-width: 649px) and (min-width: 600px) {
	.priceboxcontainer {
		height: 173px;
	}

	#contentpanehome .price0 {
		height: 173px;
	}
	
	.pricecenter0 {
		width: 252px;
	}

	.pricecenter0 {
		top: 40px;
		right: 20px;
	}
	
	#contentpanehome .pricespan0 #pricecontent0 {
		font-size: 50px;
	}

}

@media (max-width: 599px) and (min-width: 550px) {
	.priceboxcontainer {
		height: 159px;
	}

	#contentpanehome .price0 {
		height: 159px;
	}
	
	.pricecenter0 {
		width: 231px;
	}

	.pricecenter0 {
		top: 30px;
		right: 15px;
	}
	
	#contentpanehome .pricespan0 #pricecontent0 {
		font-size: 40px;
	}
}

@media (max-width: 549px) and (min-width: 500px) {
	.priceboxcontainer {
		height: 146px;
	}

	#contentpanehome .price0 {
		height: 146px;
	}
	
	.pricecenter0 {
		width: 210px;
	}

	.pricecenter0 {
		top: 25px;
		right: 15px;
	}
	
	#contentpanehome .pricespan0 #pricecontent0 {
		font-size: 35px;
	}
}

@media (max-width: 499px) and (min-width: 450px) {
	.priceboxcontainer {
		height: 133px;
	}

	#contentpanehome .price0 {
		height: 133px;
	}
	
	.pricecenter0 {
		width: 190px;
	}

	.pricecenter0 {
		top: 15px;
		right: 10px;
	}
	
	#contentpanehome .pricespan0 #pricecontent0 {
		font-size: 35px;
	}

}

@media (max-width: 449px) and (min-width: 400px) {
	.priceboxcontainer {
		height: 119px;
	}

	#contentpanehome .price0 {
		height: 119px;
	}
	
	.pricecenter0 {
		width: 170px;
	}

	.pricecenter0 {
		top: 15px;
		right: 10px;
	}
	
	#contentpanehome .pricespan0 #pricecontent0 {
		font-size: 35px;
	}
}

@media (max-width: 399px) and (min-width: 350px) {
	.priceboxcontainer {
		height: 106px;
	}

	#contentpanehome .price0 {
		height: 106px;
	}
	
	.pricecenter0 {
		width: 147px;
	}

	.pricecenter0 {
		top: 5px;
		right: 10px;
	}
	
	#contentpanehome .pricespan0 #pricecontent0 {
		font-size: 30px;
	}
	
	.super {
		margin-left: -5px;
	}
}

@media (max-width: 349px) and (min-width: 300px) {
	.priceboxcontainer {
		height: 93px;
	}

	#contentpanehome .price0 {
		height: 93px;
	}
	
	.pricecenter0 {
		width: 126px;
	}

	.pricecenter0 {
		top: -3px;
		right: 10px;
	}
	
	#contentpanehome .pricespan0 #pricecontent0 {
		font-size: 30px;
	}
	
	.super {
		margin-left: -5px;
	}
}

@media (max-width: 712px) {
	.bannerwrap .special h1 {
		line-height: 1.2;
	}
}

@media (max-width: 895px) {
	.orderfuelprogress tr {
		justify-content: center;
		display: flex;
		width: 100%;
	}
	
	.activetab, .disabletab, .donetab {width: 20%; font-size: 12px}
}

@media (max-width: 460px) and (min-width: 390px) {
	.activetab, .disabletab, .donetab { font-size: 10px}
}
@media (max-width: 389px) and (min-width: 370px) {
	.activetab, .disabletab, .donetab { font-size: 9px}
}
@media (max-width: 369px) and (min-width: 340px) {
	.activetab, .disabletab, .donetab { font-size: 8px}
}
@media (max-width: 339px) and (min-width: 300px) {
	.activetab, .disabletab, .donetab { font-size: 7px}
}