H1 {
	float: none;
    width: auto;
    margin: 0;
    padding: 0 0 10px;
    border: none;
    font-size: 30px;
    color: #1d4386;
}

H2 {
	color: #1d4386;
	font-family: "Arial";
	font-size: 1.1em;
	font-weight: bold;
	line-height: 24px;
	margin: 0;
}

H3 {
	float: left;
	font-family: "Arial";
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
}

H4 {
	font-size: 1em;
}

.bannerwrap H3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	text-align:center;
	color:#fff;
	float:none;
	font-weight:400;
	line-height: 72px;
	margin: 0;
}


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

.green {
	color: #243D54;
	font-weight: bold;
	width: 400px;
}

.lightgray {
	color: #999999;
}

A {
	color: #1d4386;
}

img {
	border: 0px;
}

/* FONT SIZE ***********************/
.fontsize1em {
font-size:1em;
}

/* 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;
}

.width11em {
width:11em;
}

.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 #7e7e7e; 
	background-color: #FFFFFF;
	color:#243D54;
	padding: 5px;	
}

.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;
}

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

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


/* TOP NAVIGATION (TOP) (DEFAULT LINKS) */
#topnavtop UL#ultopnavtop {
	float: right;
    width: auto;
    margin: 75px 0px 0 0;
    padding: 0 10px 0 10px;
    z-index: 999;
    position: relative;
}

#topnavtop UL#ultopnavtop LI {
display:inline;
float:left;
height:35px;
margin:0px 0px 0px 5px;
padding:0px 0px 0px 8px;
color:#000000;
cursor:pointer;
    text-align: center;
}

#topnavtop UL#ultopnavtop LI A {
height:35px;
line-height:35px;
padding:0 10px 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#062c65;
text-decoration:none;
}

#topnavtop UL#ultopnavtop LI:first-child {
margin:0 0 0 -5px;
padding:0;
}

#topnavtop UL#ultopnavtop LI:last-child {
	background: none;
}

#topnavtop UL#ultopnavtop LI A SPAN {
}

#topnavtop UL#ultopnavtop LI A SPAN SPAN {
cursor:pointer;
}

.sf3 #topnavtop UL#ultopnavtop LI A SPAN {
background:none;
}

.sf3 #topnavtop UL#ultopnavtop LI A SPAN SPAN {
padding:10px 0;
}

#topnavtop UL#ultopnavtop LI A:hover {
color:#58585a;
}

#topnavtop UL#ultopnavtop LI#li0 A {
background:none;
}


/* safari */
.sf3 #topnavtop UL#ultopnavtop LI#li0 A SPAN {
padding:0;
}

.sf3 #topnavtop UL#ultopnavtop LI#li1 A SPAN {
padding:0;
}

.sf3 #topnavtop UL#ultopnavtop LI#li2 A SPAN {
padding:0;
}

.sf3 #topnavtop UL#ultopnavtop LI#li3 A SPAN {
padding:0;
}

.sf3 #topnavtop UL#ultopnavtop LI#li4 A SPAN {
padding:0;
}

.sf3 #topnavtop UL#ultopnavtop LI#li0 A SPAN LABEL {
padding:10px 0px 10px 5px;
}

.sf3 #topnavtop UL#ultopnavtop LI#li1 A SPAN LABEL {
padding:10px 0px 10px 20px;
}

.sf3 #topnavtop UL#ultopnavtop LI#li2 A SPAN LABEL {
padding:10px 0px 10px 20px;
}

.sf3 #topnavtop UL#ultopnavtop LI#li3 A SPAN LABEL {
padding:10px 0px 10px 20px;
}

.sf3 #topnavtop UL#ultopnavtop LI#li4 A SPAN LABEL {
padding:10px 0px 10px 20px;
}


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

small.requiredField{
	color:red;
}

.loggedInUserName{
	color:#002D56;
}


.contentpanehomeinner {
float:left;
width:100%;
height:auto;
margin:0px 0 0 0;
padding:0;
overflow:hidden;
}

.contentpanehomeinner .banner {
	float: left;
    width: 100%;
    height: auto;
    margin: 16px 0 0 25px;
    min-height: 100px;
}


/* message block */
#contentpanehome #contentpanehomeleftpane #msgblock1 {
	float: left;
    width: 49%;
    height: auto;
    min-height: 200px;
}

#contentpanehome #contentpanehomeleftpane #msgblock2 {
	float: left;
    margin: 10px 0;
    width: 49%;
    height: auto;
    min-height: 200px;
}

#contentpanehome #contentpanehomeleftpane #msgblock1 #msgcontent1 {
	float: left;
    width: auto;
    height: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.70em;
    color: #5C5F61;
    text-align: justify;
    padding: 10px 0;
    margin: 0 10px 0 10px;
    overflow: hidden;
}

#contentpanehome #contentpanehomeleftpane #msgblock2 #msgcontent2 {
	float: left;
    width: auto;
    height: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.70em;
    color: #5C5F61;
    text-align: justify;
    padding: 10px 0;
    margin: 0 10px 0 10px;
    overflow: hidden;
}


/* FORM */
SELECT {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

SELECT {
height:30px;
}

INPUT {
height: 20px;
}

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;
}

/* 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:1em;
font-weight:normal;
}


.hero-button{
background-color: #fccf08;
border: 2px solid #fca908; 
color:#000;
text-decoration:none;
padding:10px 20px;
font-size: 26px;
}

.hero-button:hover{
background-color:#fca908; 
border: 2px solid #fca908; 
}

.ui-state-default {
color: #7e7e7e;
}

.ui-state-active{
border: 1px solid #7dcc77;
color: #58585a;
}


.ie7 .buttonoff,
.ie7 .buttonon { /* ie7 hack */
padding:0px 5px;
line-height:28px;
}

/* ICONS *******************************/
.btnDelete {
background:transparent url(images/close.png) no-repeat 50% 50%;
width:24px;
height:24px;
}

.btnAdd {
background:transparent url(images/add.png) no-repeat 50% 50%;
width:24px;
height:24px;
}

.btnDel2 {
background:transparent url(images/close2.png) no-repeat 50% 50%;
width:24px;
height:24px;
}

.btnAdd2 {
background:transparent url(images/add2.png) no-repeat 50% 50%;
width:24px;
height:24px;
}

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

*+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-size:14px;;
font-family:Arial, Helvetica, sans-serif;
position: relative;
/*float:left;*/
}


TABLE LABEL {
font-size:0.95em;
}

TABLE H3 {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
margin:0px;
}

.tbgrid {
border-top:1px solid #7e7e7e;
border-right:1px solid #7e7e7e;
border-bottom:1px solid #7e7e7e;
border-left:1px solid #7e7e7e;
}

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

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

.tbgrid THEAD TR {
background-color:#1c377b !important;
}

.tbgrid THEAD TH {
height:37px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
padding:0px 5px;
border-left:1px solid #1c377b;
border-bottom:1px solid #1c377b;
}

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

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

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

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

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

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

.tbgrid2 THEAD TR {
background:#183252 url(images/tableheader3.gif) repeat-x 0 -35px;
height:25px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
padding:0px 5px;
border-left:0px solid #7e7e7e;
border-bottom:1px solid #7e7e7e;
}

.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:Arial, Helvetica, sans-serif;
padding:0px;
border-left:1px solid #7e7e7e;
}

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

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

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

.nogrid TR TD {
color:#4b4b4d;
font-family:Arial, Helvetica, sans-serif;
padding:5px 5px;
border-left:1px solid #7e7e7e;
}

/* 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 #7e7e7e;
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:Arial, Helvetica, sans-serif;
font-weight:bold;
display:inline;
background:#183252 url(images/tableheader3.gif) repeat-x 0 -35px;
}

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 #7e7e7e;
font-size:0.95em;
margin:0px 0px 0px 5px;
}

DIV.tbgrid .header {
height:47px;
background:#1c377b;
}

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

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;
}



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

DIV#anotherCompany .textbox {
font-size:1.1em;
width:20em;
}

DIV#anotherCompany .selectbox {
font-size:1.1em;
width:20.2em;
}

fieldset .selectbox {
font-size:1.1em;
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: 1em 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:Arial, Helvetica, sans-serif;
font-size:1.1em;
}


/*******************************************/
/* DATE PICKER ******************/
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default {
border: 1px solid #7e7e7e;
font-weight: normal;
color: #4b4b4d;
width: auto;
height: auto;
}

.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;}


#divDelConf {
margin-top: 30px;
}

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


.topbar-col2{
	margin-top: 5px;
}

.botbar-col2{
	display: none;
}

.social-icons {
	float: right;
	margin-top: -20px;
}

.social-icons  li{
	list-style: none;
	float: left;
	cursor: pointer;
	margin-left: 5px;
	margin-top: -23px;
}

.socialimg {
	width: 31px;
	height: 31px;
}

.slideshow {
	width: 100%;
	height: auto;
	position: relative;
}


.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: 330px;
	width: 330px;
}

.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;
}


/***************** RESPONSIVE **********************/

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

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

@media(max-width:1215px)
{}

@media(max-width:1214px) and (min-width:1201px)
{
	body {
		width: 100%;
	}
}

@media (max-width: 1200px) and (min-width: 1120px) {
	body {
		width: 100%;
	}
	
	#leftpane-home UL#ulleftnavhome LI A {
		padding: 12px 18px;
		font-size: 17px;
	}
	
}

@media (max-width: 1119px) and (min-width: 1024px) {
	body {
		width: 100%;
	}
	
	#leftpane-home UL#ulleftnavhome LI A {
		padding: 12px 16px;
		font-size: 16px;
	}
	
	#headerimageright {
		width: 520px;
	}
	
	#headerimageright img {
		width: 250px;
	}

}

@media(max-width:1023px) and (min-width:968px)
{
	body {
		width: 100%;
	}
	
	#leftpane-home UL#ulleftnavhome LI A {
		padding: 12px 15px;
		font-size: 15px;
	}
	
	#headerimageright {
		width: 420px;
	}
	
	#headerimageright img {
		width: 200px;
	}

}

@media(max-width:967px)
{
	body	{
		width:96%;
	}
	
	.outerdiv {
		width: 100%;
		height: auto;
	}

	.width7em, .width15em {
		width: 100%;
	}
	
	.mmdd {
		height: 50px !important;
	}
	
#leftpane-home {
	display: none;
}
	
#toppaneback {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    border: none;
    overflow: hidden;
}

#headerimageright {
	float: none;
    margin: 0 auto 80px auto;
	height: auto;
    right: 0;
    top: 15px;
	width: 98%;
	text-align: center;
	padding-bottom: 15px;
}

.topbar-col2 {
}

#toppane {
    height: auto; 
	width: 100%;		
}
#topnavtop {
    display: none;
    height: 26px;
    left: 1px;
    position: static;
    width: 100%;
    z-index: 6;
}

#logo {
	position: relative;
	margin: 0 auto;
}

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

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

#contentpanehome #contentpanehomeleftpane {
	float: none;
	margin: 5px;
	position: relative;
    display: inline-block;
}

#contentpane, #contentpanepq, #contentpaneregister {
	width: 99.6%;
	border: none;
}

.slideshow {
	height: auto;
    margin-top: -190px;
	width: 100%;
}

.maintext {
    margin: 190px auto 30px auto;
	top: 0px;
	width: 270px;
}

.cta {
	margin: 60px auto 0 auto;
    width: 230px;
}

.maintextimg {
	display: none;
}

.paraleft {
	width: 100%;
    float: none;
    margin: 0 auto;
}

.pararight {
float: none;
    margin: 0 auto;
}

#contentpanehome #contentpanehomeleftpane #msgblock1 {
	float: none;
	width: 98%;
	margin: 24px auto 0 auto;
}

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

	#headerimageleft {
    background: rgba(0, 0, 0, 0) url("images/logo.png") no-repeat scroll left top / 100% auto;
    float: none;
    height: 100px;
    margin: 0px auto 0;
    min-height: 55px;
    width: 95%;
	background-size: 100% 100px;
	display: none;
}

	
/* login */

#loginbox {
	display: inline-block;
	width: 99%;
	z-index: 999;
    position: relative;
	height: 130px;
}

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

.loginbutton {
	float: left;
	margin: 10px 0px 0 15px;
}

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

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

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

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

#loginbox .login a.linkone {
margin:0 0 0 0px;
float: left;
}

#loginbox .login a.linktwo {
	margin: -10px 0 0 15px;
    width: 100%;
}

#loginbox .statictext {
	float: left;
    height: 10px;
    margin-left: 25px;
    width: 100%;
}

#footerpane {
	height: auto;
}

#an img {
    margin-top: -10px;
    float: none;
    margin-right: 0px;
}

#footer {
	height: auto;
}

.footerwrap {
	width: 100%;
	height: auto;
}	

.footerwrap .four.columns {
	margin: 0 auto;
    float: none;
    display: block;
}

#copyright .sixteen.columns {
	width: 100%;
}

#copyright .copyright-col1 {
	float: none;
    margin: 5px auto;
}

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

.social-icons {
	float: left;
    margin-top: 10px;
}

.social-icons  li {
	margin-left: -40px;
}

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

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

.ad-menu-nav{
	display: inline-block;
	width: 100%;
	background:#be0405 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;
}
.ad-menu-nav ul {
	display: none;
	height: auto;
}
.ad-menu-nav a#pull {
    color: hsl(0, 0%, 100%);
    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 #fff;
	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: #fff;
    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 > 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: 30px;
    margin: 5px;
}

.input_border tbody tr {
	width: 100%;
}

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

select {
	width: 100%;
	border: none;
}

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 ****************/

#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 {
	margin: 0;
}

#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:640px) and (min-width:480px)
{

}

@media(max-width:479px) and (min-width:381px)
{
#logo {
	width: 100%;
	height: 110px;
    background-size: 100%;
}
	
.forgotusr {
	margin: -25px 0px 0 50px;
}

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

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

}

@media (max-width: 421px) and (min-width: 381px) {
	#loginbox .login SPAN {
		width: 34%;
	}
}

@media(max-width:380px) and (min-width:345px) {

#logo {
	width: 100%;
	height: 100px;
    background-size: 100%;
}

#loginbox .login SPAN {
	width: 34%;
}

.buttonoff {
	padding: 8px 1px;
	display: inline-block;
}

.forgotusr {
	margin: -25px 0px 0 20px;
}

.forgtpwd {
	margin: -25px -30px 0 0;
}

.pararight {
	width: 90%;
}

.rafcta {
	width: 90%;
}

}

@media (max-width: 344px) and (min-width: 300px) {

	#logo {
		width: 100%;
		height: 80px;
		background-size: 100%;
	}

	#loginbox .login SPAN {
		width: 31%;
	}
}

@media (max-width: 660px) and (min-width: 600px) {
	#headerimageright {
		margin: 0 auto 65px auto;
	}

	#headerimageright img{
		width: 270px;
	}
}

@media (max-width: 599px) and (min-width: 574px) {
	#headerimageright {
		margin: 0 auto 60px auto;
	}
	
	#headerimageright img{
		width: 260px;
	}
}

@media (max-width: 573px) and (min-width: 552px) {
	#headerimageright {
		margin: 0 auto 60px auto;
	}
	
	#headerimageright img{
		width: 250px;
	}
}

@media (max-width: 551px) and (min-width: 530px) {
	#headerimageright {
		margin: 0 auto 60px auto;
	}
	
	#headerimageright img{
		width: 240px;
	}
}

@media (max-width: 529px) and (min-width: 500px) {
	#headerimageright {
		margin: 0 auto 55px auto;
	}

	#headerimageright img{
		width: 220px;
	}
}

@media (max-width: 499px) and (min-width: 450px) {
	#headerimageright {
		margin: 0 auto 50px auto;
	}

	#headerimageright img{
		width: 200px;
	}
}

@media (max-width: 449px) and (min-width: 400px) {
	#headerimageright {
		margin: 0 auto 40px auto;
	}

	#headerimageright img{
		width: 180px;
	}
}

@media (max-width: 399px) and (min-width: 350px) {
	#headerimageright img{
		width: 160px;
	}
}

@media (max-width: 349px) and (min-width: 300px) {
	#headerimageright img{
		width: 135px;
	}
}