H1 {
	float: left;
	width: 735px;
	/*height:25px;*/
	line-height: 22px;
	font-family: "Verdana";
	font-size: 1.1em;
	font-weight: bold;
	color: #0081c6;
	margin: 20px 0px 0px 25px;
	padding: 0px 0 0 10px;
	background: none;
}

H2 { /*float:left;
*/ /*width:691px;*/
	font-family: "Verdana";
	font-size: 1.1em;
	font-weight: bold;
	line-height: 24px;
	color: #4b4b4d;
	margin: 0px;
}

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

H4 {
	font-size: 1em;
}

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

.green {
	color: #0081c6;
	font-weight: bold;
	width: 400px;
}

h3.green {
	width: 99%;
}

.sp {
	color: #0081c6;
	font-weight: bold;
	width: 400px;
}

h3.sp {
	width: 750px;
}

.lightgray {
	color: #999999;
}

A {
	color: #006699;
}

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

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

.marginbottom185px {
	margin-bottom: 185px;
}

.textarea {
	font-size: 1em;
	width:350px;
	font-family: Verdana;
}

.codClass {
	width:177px;
}

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

.widthServicePlanQty {
	width: 30px;
	font-size: 1em;
	text-align: right;
}

.widthServicePlan {
	width: 40px;
	font-size: 1em;
	text-align: right;
}

.widthServicePlanTotal {
	width: 60px;
	font-size: 1em;
	text-align: right;
	float: right;
}

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;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
}

.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: 70%;
	align: center;
}

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

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

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

/* TOP NAVIGATION (TOP) (DEFAULT LINKS) */
#topnavtop UL#ultopnavtop {
	float: right;
	width: auto;
	margin: 0px 45px 0 0;
}

#topnavtop UL#ultopnavtop LI {
	display: inline;
	float: left;
	height: 20px;
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 0px 8px;
	color: #ffffff;
	cursor: pointer;
}

#topnavtop UL#ultopnavtop LI A {
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	background: transparent url(images/bullet_topnav.gif) no-repeat 0 3px;
}

#topnavtop UL#ultopnavtop LI:first-child {
	margin: 0 0 0 -5px;
	padding: 0;
	/*background:transparent url(images/topnavL.gif) no-repeat left 0;*/
}

#topnavtop UL#ultopnavtop LI A SPAN {
	/*background:transparent url(images/defnavM.gif) no-repeat 100% 0;
*/
	
}

#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 {
	/*background:transparent url(images/defnavM.gif) no-repeat 100% 0;*/
	padding: 10px 0;
}

#topnavtop UL#ultopnavtop LI A:hover {
	text-decoration: underline;
	color: #f0f0f0;
}

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


/* CONTENT PANE *********************************/
small.requiredField {
	color: red;
}

#contentpanehome #contentpanehomeleftpane {
	border-right: 1px solid #D8DFDC;
	float: left;
	height: auto;
	margin: 10px 0 0;
	min-height: 327px;
	width: 100%;
}

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

.contentpanehomeinner .banner {
	float: left;
	width: 350px;
	height: 225px;
	margin: 20px 0 0 0;
}

#contentpanehomeleftpane label {
        cursor: pointer !important;
}

/* price block */
#contentpanehome #contentpanehomeleftpane #priceBlock {
	float: left;
	margin: 10px 0 10px 20px;
	width: 90%;
	border-bottom: 1px solid #d8dfdc;
}

/* message block */
#contentpanehome #contentpanehomeleftpane #msgblock1 {
	float: left;
	margin: 1px 0 2px 10px;
	width: 48%;
}

#contentpanehome #contentpanehomeleftpane #msgblock2 {
	float: left;
	margin: 1px 0 2px 3px;
	width: 48%;
}

#contentpanehome #contentpanehomeleftpane #msgblock1 #msgheader1 {
	float: left;
	width: 95%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #00853f;
	padding: 5px 0 5px 0;
	margin: 0 10px 0 10px;
	height: 40px;
}

#contentpanehome #contentpanehomeleftpane #msgblock2 #msgheader2 {
	float: left;
	width: 95%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #00853f;
	padding: 5px 0 5px 0;
	margin: 0 10px 0 10px;
	height: 40px;
}

#contentpanehome #contentpanehomeleftpane #msgblock1 #msgcontent1 {
	float: left;
	width: 95%;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.70em;
/*	font-weight: bold; */
	color: #7c817e;
	text-align: justify;
	padding: 10px 0;
	margin: 0 10px 0 10px;
	overflow: hidden;
}

#contentpanehome #contentpanehomeleftpane #msgblock2 #msgcontent2 {
	float: left;
	width: 95%;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.70em;
/*	font-weight: bold; */
	color: #7c817e;
	text-align: justify;
	padding: 10px 0;
	margin: 0 10px 0 10px;
	overflow: hidden;
}

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


/* FORM */
SELECT {
	font-family: "Verdana";
	font-size: 1em;
}

SELECT {
	height: 20px;
}

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

/* 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;
	margin-left:2px;
	margin-right:2px;
}

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

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

#pswdstrengthcont #paswdstrength3 {
	border: 1px solid gray;
	margin-left:2px;
	margin-right: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;
}

/* TABLE GRID ******************************/
div.tableContainer {
	clear: both;
	height: auto;
	overflow: auto;
/*	width: 755px;*/
	/*margin:0 auto;*/ /*border-left:1px solid #006699;*
/*border-right:1px solid #006699;*/
}

*+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: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*float:left;*/
}

TABLE LABEL {
	font-size: 0.95em;
}

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

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

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

.tbgrid THEAD TR {
	background: #183252 url(images/tableheader3.gif) repeat-x 0 -35px;
}

.tbgrid THEAD TH {
	height: 37px;
	color: #ffffff;
	font-family: "Verdana";
	padding: 0px 5px;
	border-left: 1px solid #006699;
	border-bottom: 1px solid #006699;
}

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

.tbgrid TBODY TD {
	color: #4b4b4d;
	font-family: "Verdana";
	padding: 5px 5px;
	border-left: 1px solid #006699;
}

.tbgrid TFOOT TD {
	height: 25px;
	color: #4b4b4d;
	font-family: "Verdana";
	padding: 5px;
	border-left: 0px solid #006699;
	border-top: 1px solid #006699;
}

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

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

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

.tbgrid2 THEAD TR {
	background: #183252 url(images/tableheader3.gif) repeat-x 0 -35px;
	height: 25px;
	color: #ffffff;
	font-family: "Verdana";
	padding: 0px 5px;
	border-left: 0px solid #006699;
	border-bottom: 1px solid #006699;
}

.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: "Verdana";
	padding: 0px;
	border-left: 1px solid #006699;
}

.tbgrid2 TFOOT TD {
	background: #e1f3db url(images/tableheader.gif) repeat-x 0 bottom;
	height: 25px;
	color: #4b4b4d;
	font-family: "Verdana";
	padding: 0px 5px;
	border-left: 0px solid #006699;
	border-top: 1px solid #006699;
}

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

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

.nogrid TR TD {
	color: #4b4b4d;
	font-family: "Verdana";
	padding: 5px 5px;
	border-left: 1px solid #006699;
}

/* 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 #006699;
	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: "Verdana";
	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: 60px;
	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: 60px;
	padding: 0px 5px;
	text-align: right;
}

/* DIV GRID 2 ************************************/
DIV.tbgrid {
	float: left;
	width: 678px;
	border: 1px solid #006699;
	font-size: 0.95em;
	margin: 0px 0px 0px 5px;
}

DIV.tbgrid .header {
	height: 47px;
	background: #e1f3db url(images/tableheader3.gif) repeat-x 0 -35px;
}

DIV.tbgrid .header LABEL {
	float: left;
	height: 37px;
	color: #ffffff;
	font-family: "Verdana";
	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;
}

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

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

.DB_tbgrid_noheader TBODY TR {
	background: none;
}

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

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

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

::-webkit-input-placeholder { 
	color:red;
	font-size: 1em;
	}

input:-moz-placeholder { 
	color:red;
	font-size: 1em;
	}



.ie7 #contentpane TABLE SPAN {
	float: none;
}

.ie8 #contentpane TABLE SPAN {
	float: none;
}

.ie8 H2 {
	font-family: Verdana;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 24px;
	color: #243D54;
	margin-bottom: 10px;
	float: none;
}

#leftpane-home ul#ulleftnav li#li3 {
	border-bottom: none;
}

#leftpane ul#ulleftnav li#li7 {
	border-bottom: none;
}

H1 .active {
	float: left;
	width: 745px;
	/*height:25px;*/
	line-height: 22px;
	font-family: "Verdana";
	font-size: 1.1em;
	font-weight: bold;
	color: #003366;
	margin: 20px 0px 0px 25px;
	padding: 0px 0 0 10px;
	border: 1px solid #006699;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-khtml-border-radius: 4px;
	background: none;
}

.sf3 #leftpane-home #contactus {
	float: left;
	height: auto;
	margin-left: 0px;
	margin-top: -30px;
	overflow: hidden;
	position: relative;
	width: 172px;
	background: url("images/contactus.gif") no-repeat transparent;
}

.sf3 #leftpane-home #newslettersignup {
	float: left;
	height: auto;
	margin-left: 0px;
	margin-top: 20px;
	overflow: hidden;
	position: relative;
	width: 172px;
	background: url("images/newslettersignup.gif") no-repeat transparent;
}

.sf3 #leftpane-home #weather {
	float: left;
	height: 174px;
	margin: 15px 0 6px 0px;
	overflow: hidden;
	position: relative;
	width: 172px;
	background: url("images/weatherbox.gif") no-repeat transparent;
}

.servicePlan {
	font-size:0.85em;
	width: 100%;
}

.actionMessage {
	width:80%;
}

.slideshow {
width: 98%;
margin-left: 5px;
}

.pricetext {
margin-top: -20px;
margin-bottom: -50px;
}

#leftpane-home #leftpane-image {
height: 273px;
overflow: hidden;
position: relative;
width: 158px;
background: transparent url(images/gernersidebarpic.jpg) no-repeat bottom;
margin-top:15px;
margin-left: 12px;
}

#divDelConf {
margin-top: 30px;
}

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

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

#loginbox {
	display: none;
}

#contentpanehomerightpane {
	display: none;
}
/***** Responsive ******/

@media(max-width:1200px) and (min-width:1005px) 
{

}

@media (max-width: 1004px) and (min-width: 966px) {
	body {
		width: 100%;
	}
	
	#contentpanehome, #contentpanestatic, #contentpaneregister, #contentpanepq {
		width: 80%;
	}
	
	.contentbottom {
		width: 100%;
	}
	
	h1 {
		width: 90%;
	}
}


@media(max-width:965px) {


	body	{
		width:100%;
		border: 0;
	}
	
	.outerdiv {
		width: 100%;
		height: auto;
	}
	.width7em, .width15em, .quoteemail input, #frmContactUs_personEmail, #personName, #frmContactUs_personPhone {
		width: 99.5%;
	}
	
	.mmdd {
		height: 50px !important;
	}
	
	#leftpane-home {
		display: none !important;
	}
		
	#toppaneback {
		position: relative;
		width: 100%;
		padding: 0;
		float: none;
		margin: 0 auto;
		left: 0;
		background-size: 100% 90%;
	}
	
	.contentpanewrapper {
		width: 100%;
	}
	
	#contentpanehome, #contentpanestatic, #contentpanepq, #contentpaneregister {
		width: 100%;
		margin-left: 0;
	}
	
	.contentbottom {
		width: 100%;
	}
	
	#contentpanehomerightpane {
		height: auto;
		width: 100%;
		overflow: hidden;
		position: relative;
		display: block;
	}
	
	#contentpanehome #contentpanehomeleftpane #msgblock1, #contentpanehome #contentpanehomeleftpane #msgblock2 {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
	}
	
	.contentpanehomeinner .banner {
		width: 100%;
	}
	

	.bannerwrap {
		width: 100%;
	}

	
	.homediv {
		position: relative !important;
		margin: 0 auto;
		max-width: 350px !important;
	}
	
	#headerimageright {
		display: none;
	}
	
	#toppane {
		height: auto; 
		width: 100%;	
		background: #fff;
		border: 0;
	}
	#topnavtop {
		display: none;
	}
	
	#topnavmid {
		width: 100%;
	}
	
	#topnavmidwrapper {
		width: 100%;
		height: auto;
	}
	
	#logo1 {
		position: relative;
		margin: 0 auto;
	}

	#headerimageleft {
		width: 100%;
	}

	#headerimageright, #headerimagemid {
		top: 20px;
		position: relative;
		height: auto;
	}
	

	#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 {
		border: none;
		width: 100%;
	}

	.pricetext {
		width: 100%;
		position: relative;
		margin: 0;
	}
	
	.slideshow {
		height: auto;
		width: 100% !important;
		display: block;
		margin: 0;
	}

	.slideshow p {
		text-align: center !important;
	}
	
	.slideshow p img {
		float: none !important;
		position: relative;
		margin: 0 auto;
		display: block;
	}
	
	.slideshow  table, .slideshow  tbody {
		width: 100% !important;
		display: inline-block;
	}
	
	.maintext {
		margin: 0 auto;
		width: 90%;
		height: auto;
		float: none;
		min-height: 50px;
	}

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

	#contentpanehomeleft {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 auto;
		height: auto;
		position: relative;
	}

	#contentpanehome .price11, #contentpanehome .price12 {
		float: none;
		position: relative;
		margin: 0 auto;
		overflow: hidden;
	}
	
	#contentpanehomeright {
		float: none;
		width: 100%;
		position: relative;
		height: auto;
		margin: 0 auto 20px auto;
		display: inline-block;
		text-align: center;
		
	}
	
	#contentpanehome #msgblock1, #contentpanehome #msgblock2 {
		width: 98%;
		height: auto;
		margin: 0 auto;
		position: relative;
		float: none;
		overflow: hidden;
	}
	
	#contentpanehome .login {
		float: none;
		margin: 0 auto;
		display: block;
		vertical-align: top;
	}
	
	#contentpanehome #contactus {
		float: none;
		margin: 10px auto;
		display: block;
		vertical-align: top;
		padding: 0;
		overflow: hidden;
		position: relative;
		width: 172px;
		background: url("images/contactus.gif") no-repeat transparent;
	}
	
	#contentpanehome #contactus .contactusheader {
	    float: left;
		width: 100%;
		height: 25px;
		background: transparent url(images/contactusheader.gif) no-repeat 0px top;
		background-size: 100% 100%;
	}
	
	#contentpanehome #contactus table {
		float: left;
		font-size: 0.70em;
		color: #7c817e;
		margin: 30px 0 15px 10px;
		width:150px;
		background-color: #ffffff;
	}
	
	#contentpanehome #contactus span {
		float: left;
		font-size: 0.70em;
		color: #7c817e;
		padding: 2px 0 0 20px;
		width: 150px;
		height: 18px;
		background: transparent url(images/contact_call.gif) no-repeat left top;
	}

	#contentpanehome #contactus a {
		float: left;
		font-size: 0.70em;
		color: #1378b2;
		padding: 2px 0 0 20px;
		width: 60px;
		height: 18px;
		background: transparent url(images/contact_email.gif) no-repeat left top;
	}
	
	#contentpanehome #contactus .btncontact {
		float: left;
		width: 140px;
		height: 28px;
		margin: 0;
		padding: 0;
		background: none;
		display: none;
	}
	
	#contactus .btncontact INPUT[type='button'] {
		float: right;
		background: transparent url(images/contact_clicktocall.gif) no-repeat left bottom;
		width: 100px;
		height: 24px;
		border: 0;
	}
	
	#contentpanehome #weather {
		height: 145px;
		margin: 18px 18px 18px 11px;
		overflow: hidden;
		position: relative;
		width: 155px;
		background-color: #FFFFFF;
		border-right: 1px solid #006699;
		border-left: 1px solid #006699;
		border-bottom: 1px solid #006699;
	}
	
	#weather .weathertop {
		float: left;
		width: 159px;
		height: 25px;
		background: transparent url(images/weatherbg_top.gif) no-repeat 0px top;
		border-top: 1px solid #006699;
	}

	#weather #weathercontent {
		position: absolute;
		left: 0;
		top: 27px;
		width: 160px;
		height: 115px;
		z-index: 1;
	}
	
	#weatherbox {
		padding-left: 0px;
		padding-top: 2px;
		width: 160px;
		height: 115px;
		background-repeat: no-repeat;
	}
	
	#contentpanehome #weather, #contentpanehome #contactus {
		float: none;
		margin: 10px auto;
		display: block;
		vertical-align: top;
		padding: 0;
		overflow: hidden;
		position: relative;
		width: 172px;
		background: url("images/contactus.gif") no-repeat transparent;
	}
	
	
	#contentpanehome #newslettersignup {
		height: 98px;
		overflow: hidden;
		position: relative;
		width: 172px;
		background: url("images/newslettersignup.gif") no-repeat transparent;
		margin: 10px auto;
	}
	
	#newslettersignup .newslettertop {
		background: url(images/newsletterheader.gif) no-repeat scroll 0 top	 transparent;
		float: left;
		height: 28px;
		width: 159px;
		border-top: 1px solid #006699;
	}
	
	#newslettersignup .newslettersconcontainer {
		float: left;
		width: 160px;
		height: auto;
		margin: 30px 0 12px 6px;
		text-align: left;
		color: #666666;
		font-size: .6em;
		padding-left: 2px;
		background-color: #ffffff;
	}
	
	#newslettersignup .newslettersconcontainer input[type="text"] {
		width: 120px;
		height: 21px;
		margin-left: 1px;
		float: left;
		margin-top: 7px;
		margin-bottom: 6px;
	}

	#newslettersignup .newslettersconcontainer input[type="button"] {
		background: url("images/go.gif") no-repeat scroll left top transparent;
		border: 0 none;
		cursor: pointer;
		height: 22px;
		width: 22px;
		margin-top: 8px;
		margin-left:10px;
	}
	
	#contentpanehome #sharethispage {
		margin: 20px auto;
		width: 158px;
		height: 45px;
		background: #FFFFFF none repeat scroll 0 0;
		border-right: 1px solid #1d6387;
		border-left: 1px solid #1d6387;
		border-bottom: 1px solid #1d6387;
		border-top: 1px solid #1d6387;
		position: relative;
		display: block;
	}
	
	#sharethispage .iconcontainer {
		float: left;
		width: 160px;
		height: 39px;
		margin: 1px 0 0 0;
		text-align: center;
	}
	
	#leftpane-image {
		height: 120px;
		overflow: hidden;
		position: relative;
		width: 158px;
		background: transparent url(images/gernersidebarpic.jpg) no-repeat bottom;
		margin: 15px auto;
		display: block;
		float: none;
	}

	#footerpane .poweredby {
		width: 100% !important;
		right: 0;
		top: 0;
		position: relative;
		height: auto;
	}

	/* login */

	.headerright {
		width: 100%;
		height: auto;
	}
	#headerimageright #sharethispage {
		margin: 0 auto 0 auto;
		float: none;
	}
	
	#headerimageright #sharethispage .iconcontainer {
		margin: 0;
		float: none;
		text-align: center;
	}
	
	.pricetext img {
		height: auto;
	}
	
	#loginbox {
		display: inline-block;
		width: 100%;
		z-index: 999;
		position: relative;
		height: 80px;
		overflow: hidden;
	}

	#loginbox .login1 {
		float: right;
		margin:15px 0 0 0;
		background: none;
		width: 100%;
		height: 80px;
		display: none;
	}

	.orderbox {display: block; width: 80%; position: relative; margin: 0 auto;}

	.loginButton {
		height: 40px;
		width: 100%;
		border: none;
		cursor: pointer;
		outline: none;
		background-color: #c56523;
		color: #fff;
		font-size: 18px;
		font-weight: 700;
		overflow: hidden;
		display: block;
		text-align: center;
		line-height: 40px;
		position: relative;
		top: 15px;
		text-decoration: none;
	}

	#loginbox .login1 LABEL {
		float:left;
		text-align:left;
		font-size:11px;
	}

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

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

	.loginbutton1 {
		float: left;
		margin: 10px 0 0 25px;
		background: transparent url(images/button_login.gif) no-repeat left top;
		width: 76px;
		height: 26px;
		border: 0;
	}
	
	.sf3 .loginbutton1 {
		margin: 10px 10px 0 25px;
	}
	
	#loginbox .login1 a {
	float:left;
	font-size:11px;
	margin:0 0 0 19px;
	text-decoration:none;
	}

	#loginbox .login1 a.linkone1 {
		margin: 0;
		float: left;
	}

	#loginbox .login1 a.linktwo1 {
		margin: 5px 0 0 25px;
		width: 100%;
		text-align: left;
	}

	.sf3 #loginbox .login1 a.linktwo1 {
		margin: 5px 0 0 25px;
	}
	
	#loginbox .statictext1 {
		float: left;
		height: 10px;
		margin-left: 25px;
		width: 100%;
		margin-top: -50px;
	}
	
	.sf3 #loginbox .statictext1 {
		margin-top: -50px;
	}

	.register1 {
		position: relative;
		margin-right: 10px;
	}
	
	.forgotpwd1 {
		margin: -20px 0px 0 0;
	}
	
	#footerpane {
		height: auto;
		float: none;
		width: 100%;
		margin: 0;
		display: block;
		overflow: hidden;
		background: #000;
	}
	
	.securitySeal {
		width: 100%;
	}
	
	#an img {
		float: none;
		right: 0px;
		position: relative;
	}

	#footer {
		height: auto;
	}
	


	#an {
		position: relative;
		margin: 0 auto;
		float: none;
		right: 0;
		overflow: hidden;
		text-align: center;
		top: -5px;
	}
	
	

	#contentpanestatic h1, #contentpanepq h1, #contentpane h1 {
		height: auto;
	}

	.img-responsive {
		width: 100%;
	}
	
	#topnavbot {
		display: none;
	}
	
	.ui-widget input {
		border: 1px solid #000;
	}
	
	/***********************navigation menu****************************/

	.ad-menu-nav{
		display: inline-block;
		width: 100%;
		background:#005baa none repeat scroll 0 0;
		margin: 0px 0 0 0;
		padding: 4px 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: #fff;
		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, .frmcontrolboxtank, .frmcontrolboxpq {
		width: 95%;
		height: auto;
		margin: 10px auto;
		float: none;
	}
	
	.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: auto;
		margin: 5px;
	}

	.input_border tbody tr {
		width: 100%;
	}

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

	select {
		width: 100%;
		border: none;
		height: 30px !important;
	}

	input {
		margin-top: 5px;
		height: 30px !important;
		outline: none !important;
		border: none !important;
	}
	
	.text {
		width: 99.7%;
		outline: none;
	}
	textarea {
		width: 100% !important;
		border: none !important;
		height: 100px;
	}

	.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: 95%;
		height: auto;
		margin: 10px auto;
		float: none;
	}
	
	#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:550px) and (min-width: 300px) {
	#contentpanehome #msgblock1, #contentpanehome #msgblock2 {
		float: none;
		margin: 0 auto;
	}
	
	#contentpanehomeleft {
		width: 100%;
	}

}

@media (max-width: 675px) and (min-width: 300px) {
	.pricetext p {
		margin: 0;
	}
	
	.pricetext-text {
		padding: 0 !important;
	}
	
	.pricetext-table {
		width: 95%;
		height: auto;
		display: inline-block;
	}
	
	.pricetext-table tbody, .pricetext-table tr, .pricetext-table td{
		width: 100%;
		display: inline-block;
	}
	
	.pricetext-table img {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 550px) and (min-width: 300px) {
	.homediv {
		width: 350px !important;
	}
	
	.homediv-left{
		float: none;
		margin: 40px auto;
		width: 350px;
	}
	
	.homediv-right {
		float: none;
		margin: 0 auto;
		width: 95%;
	}
}

@media (max-width: 500px) and (min-width: 300px) {
	#headerimageleft {
		width: 100%;
		background-size: 100%;
	}
}

@media (max-width: 344px) and (min-width: 300px) {
	#loginbox .login1 SPAN {
		width: 31%;
	}
	
	.sf3 #loginbox .login1 SPAN {
		width: 27%;
	}
}

@media (max-width: 700px) and (min-width: 300px) {
	.slideshow  tr, .slidetd {
		width: 100% !important;
		display: inline-block;
	}
	
	.slidetdimg {
		margin: 0 auto;
		position: relative;
		float: none;
		width: 256px;
		display: block;
	}
}

@media (max-width: 550px) and (min-width: 300px) {
	.pricetext img {
		width: 90%;
		height: auto;
	}
}


@media (max-width: 395px) and (min-width: 300px) {
	#loginbox .login1 SPAN {
		width: 32%;
	}
	
	.sf3 #loginbox .statictext1 {
		margin-top: 5px;
	}
	
	.sf3 #loginbox .login1 a.linktwo1 {
		margin: 8px 0 0 25px;
	}

}

@media (max-width: 447px) and (min-width: 300px) {
	.pricetext img {
		width: 100%;
		overflow: hidden;
	}
}

@media (max-width: 750px) and (min-width: 300px) {
	h1 {
		width: 90% !important;
	}
}