/* Abbreviated class names ************
Internet Explorer 6 >> ie6
Internet Explorer 7 >> ie7
Internet Explorer 8 >> ie8
Firefox 			>> ff3
Safari 				>> sf3
Chrome 				>> gc4
Opera 				>> op9
**************************************/

html, body {
margin:0px;
padding:0px;
width:100%;
background: #c4c4c4;
}

body {
font-family:'Poppins', sans-serif;
font-size:16px;
margin:0 auto;
color: #000000;
line-height: 1.4;
}

.outerdiv {
position:relative;
width:1140px;
vertical-align:center;
background: #fff;  
height:auto;
overflow:hidden;
margin: 0 auto;
}

/* TOP PANE */
#toppane {
position:relative;
width:100%;
height:200px;
overflow:hidden;
border-bottom: 10px solid #c61d23;
}

/* HEADER IMAGES */
#toppaneback {
	width: 100%;
    height: 200px;
    margin: 0 auto;
    z-index: 1;
}

#headerimageleft {
float:left;
width:524px; 
height:185px;
display:none;
}

#headerimagemid {
float:left;
width:198px; 
height:185px;
display:none;
}

#headerimageright {
	float: right;
    width: 600px;
    height: 200px;
    position: relative;
}


.pricebox {
    float: right;
    width: 200px;
    height: auto;
    position: relative;
    width: 260px;
    background-color: #fff217;
    right: 10px;
    text-align: center;
    font-size: 16px;
    color: #ac1f2d;
    font-weight: bold;
    border-radius: 15px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 4px 10px -6px #031c3b;
    padding: 10px 10px;
}

.pricebox a{
	color: #ac1f2d;
	text-decoration: none;
}

/* TOP NAVIGATION TOP */
#topnavtop {
	height: 0px;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 6;
    background-color: #e5eaef;
}

/* LOGO */
#logo {
position:absolute;
left:35px;
top:20px;
background: url(images/logo.png) no-repeat;
width:400px;
height:156px;
z-index:2;
background-size: 100% 100%;
}

/* SEARCH */
#search {
position:absolute;
width:276px;
height:33px;
top:9px;
right:142px;
display:none;
z-index:2;
}

#leftnavtop {
position:absolute;
width:183px;
height:39px;
left:0px;
top:171px;
/*background:transparent url(images/leftnav_top.png) no-repeat 0 0;*/
display:none;
z-index:3;
}

/* TOP NAVIGATION BOTTOM */
#topnavbot {
position:absolute;
top:63px;
left:0px;
width:100%;
height:31px;
z-index:6;
display:none;
}

/* LEFT PANE */
#leftpane {
width:100%;
height:auto;
padding:0;
margin:0 auto;
background-color: #000;
}

/* LEFT PANE HOME */
#leftpane-home {
width:100%;
height:auto;
padding:0;
margin:0 auto;
background-color: #000;
}

#leftpaneul {

border-bottom:1px solid #005baa;
border-left:1px solid #005baa;
border-right:1px solid #005baa;
float:left;
height:auto;
margin:0 0 20px 11px;
min-height:190px;
padding:0;
width:155px;


}

/* CONTENT PANE */
#contentpane, #contentpanepq {
width:100%;
height:auto;
margin:0px auto;
overflow:hidden;
background: #ffffff;
}

#contentpaneregister {
width:100%;
height:auto;
margin:0px auto;
overflow:hidden;
background: #ffffff;
}

#contentpanestatic {
width:100%;
height:auto;
margin:0px auto;
overflow:hidden;
background: #ffffff;
}

#contentpanehome {
width:100%;
height:auto;
margin:0px auto;
overflow:hidden;
background: #ffffff;
}

#contentpanehome #contentpanehomeleftpane {
float:left;
width:100%;
height:auto;
margin:10px 0 0 0;
border-right:1px solid #d8dfdc;
background: #ffffff;
}

#contentpane #contentImg {
float:right;
width:218px;
height:191px;
margin:0px 0px 10px 10px;
background:transparent url(images/picture.gif) no-repeat left top;
}

.dashboard FORM {
width:90%;
height:auto;
min-height:500px;
margin:0 auto;
overflow:hidden;
}

.clear {
    float: none;
    clear: both;
}

/* RIGHT PANE */
#rightpane {
display:none;
float:left;
width:31px;
height:auto;
min-height:500px;
padding:32px 0px 0px 0px;
margin:0px;
background:#265077 url(images/contentRight.gif) no-repeat left top;
}


/* FOOTER PANE ****************************/
#footerpane {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 10px;
	margin-left: 0px;
	background: #000;
	padding-bottom: 10px;
}

#footerpane A {
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

#footerpane A:hover {
	text-decoration: underline;
}

#footerpane SPAN {
	font-size: 12px;
	color: #ffffff;
}

#footerpane .poweredby {
	text-align: center;
	padding-top: 10px;
	color: #fff;
}

#footerpane .poweredby-resp{
	display: none;
	text-align: center;
	padding-top: 10px;
	color: #fff;
}

#an {
    position: relative;
    top: 0;
    right: 10px;
    text-align: center;
    border: none;
}

.sp {
	color: red;
	font-size: 130%;
}

.sp li {
	list-style: none;
}


#leftpane UL#ulleftnav {
	margin: 0;
	padding: 0px;
	font-family: 'Poppins', sans-serif;
	height: 40px;
	justify-content: center;
    display: flex;
}

#leftpane UL#ulleftnav LI {
	float: left;
    height: auto;
    list-style: none;
}

#leftpane UL#ulleftnav LI A {
	display: block;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    text-decoration: none;
	box-sizing: unset;
}

#leftpane UL#ulleftnav LI:last-child A {
	border: none;
}

#leftpane UL#ulleftnav LI.active A {
    background-color: #404040;
}

#leftpane UL#ulleftnav LI A:hover {
	background-color: #404040;
}


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

#leftpane UL#ulleftnav LI.active A SPAN {
background-color: #404040;
padding:0;
}

#leftpane UL#ulleftnav LI.hover A SPAN {
background-color: #404040;
padding:0;
}


#leftpane UL#ulleftnav LI.active A SPAN SPAN {
background-color: #404040;
padding:0;
}

/* LEFT PANE HOME *************************************/
#leftpane-home UL#ulleftnav {
	margin: 0;
	padding: 0px;
	font-family: 'Poppins', sans-serif;
	height: 40px;
	justify-content: center;
    display: flex;
}

#leftpane-home UL#ulleftnav LI {
	float: left;
	height: 40px;
	list-style: none;
}

#leftpane-home UL#ulleftnav LI A {
	display: block;
    padding: 9px 25px;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
    box-sizing: unset;
}


#leftpane-home UL#ulleftnav LI.active A {
    background-color: #404040;
}

#leftpane-home UL#ulleftnav LI A:hover {
	background-color: #404040;
}


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

#leftpane-home UL#ulleftnav LI.active A SPAN {
background-color: #404040;
padding:0;
}

#leftpane-home UL#ulleftnav LI.hover A SPAN {
background-color: #404040;
padding:0;
}


#leftpane-home UL#ulleftnav LI.active A SPAN SPAN {
background-color: #404040;
padding:0;
}

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

.orderbox {
    width: 50%;
    position: relative;
    float: left;
	height: 140px;
}

.orderButton {
    height: 35px;
    width: 100%;
    border: none;
    cursor: pointer;
    outline: none;
    background-color: #c61d23;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    display: block;
    text-align: center;
    line-height: 35px;
    border-radius: 10px;
    margin: 40px auto 0 auto;
	text-decoration: none;
}

.loginLink {
    text-align: center;
    position: relative;
    margin: 0 auto;
    display: block;
    top: 10px;
    text-decoration: underline;
    font-size: 13px;
    color: #c61d23;
}

/******************************************************/ /* login */
#loginbox {
	float: right;
    width: 500px;
    height: 70px;
    z-index: 999;
    position: relative;
	top: -150px;
}

#loginbox .login {
	float: right;
    margin: 5px 10px 0 0px;
    background: none;
    width: 430px;
    height: 80px;
	z-index: 999;
	position: relative;
}


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

#loginbox .login SPAN {
	float: left;
    width: 180px;
    height: 51px;
    margin: 9px 0 0 5px;
}

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

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

#loginbox .login a.linkone {
	margin: -20px 270px 0 0px;
    float: right;
}

#loginbox .login a.linktwo {
margin:0 0 0 5px;
}

#loginbox .statictext {
	float: right;
    height: 10px;
    margin-left: 15px;
	width: 500px;
}

.register {
	font-size: 13px;
    margin: -20px 0 0 75px;
}

.loginarea #loginbox .login .registertwo {
    margin: 0 0 0 3px;
}

.loginbutton {
    float: right;
    margin: 10px 0 0 5px;
    background: #ffffff;
    width: 55px;
    height: 25px;
    border: 1px solid #ffffff;
    cursor: pointer;
    outline: none;
    color: #000000;
    padding: 1px 1px;
}

.loginbutton:hover {
    background: #cccccc;
}

.forgotusr {
	width: 190px;
	float: left;
	margin: -30px 54px 0 0;
}

.forgotpwd {
	width: 190px;
	float: right;
	margin: -30px 54px 0 0;
}

/***********************************************************/
.clearboth {
	clear: both;
}

/* BUTTON ***************************************/

.buttonoff, .button {
    background: #c61d23;
    color: #FFFFFF;
    text-align: center;
    margin: 0px 5px;
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    width: auto;
    font-size: 16px;
	height: auto;
}

.buttonoff:hover, .button:hover{
	background: #000;
}

.buttonoffprice {
	background: #c61d23;
	height: 30px;
	line-height: 30px;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px 10px;
	cursor: pointer;
	width: 60px;
	border: none;

}

.buttonon {
	background: #000;
    color: #FFFFFF;
    text-align: center;
    margin: 0px 5px;
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    width: auto;
    font-size: 16px;
	height: auto;
}

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

/* CONTENT BOTTOM ****************************/
.contentbottom {
	float: none;
	width: 100%;
}

.contentbottomhome {
	float: left;
	width: 721px;
	height: 28px;
	margin: 0;
	background: transparent url(images/contentBottomHome.gif) no-repeat left
		top;
}
.topbar-col2{
	float: right;
    width: 370px;
    margin-top: 20px;
    text-align: right;
	position: relative;
    right: 20px;
}
.toplinks {float: left; padding-top: 2px; color: #b70019; font-weight: bold;}
.toplinks a {text-decoration: none}

.botbar-col2{
	float: right;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    position: relative;
    right: -15px;
}
.botbar-line1 {
	font-size: 42px;
    color: #000;
    font-weight: 800;
    font-style: italic;
}
.botbar-line2 {
	font-size: 22px;
    margin: 0;
    font-style: italic;
    margin-top: -10px;
    color: #000;
    font-weight: 500;
}

.social-icons {
	float: right;
	color: #00000a;
    font-weight: normal;
    font-size: 20px;
    position: relative;
	margin-bottom: 10px;
}

.social-icons  ul {
	margin: 0;
}

.social-icons  li{
	list-style: none;
	float: left;
	cursor: pointer;
	margin-right: 20px;
}

.social-icons  li a{
	color: #00000a;
}

.fixed_header{
    table-layout: fixed;
    border-collapse: collapse;
	
}
			
.fixed_header tbody{
  display:block;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 320px;
}
			
.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: 290px;
	width: 290px;
}

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

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

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

@media(max-width:1200px) and (min-width:1010px) 
{
	body {
		width: 1002px;
	}
	
	#leftpane-home UL#ulleftnav LI A {
		padding: 5px 16px;
	}

}

@media (max-width: 1009px) and (min-width: 966px)
{
	body {
		width: 100%;
	}
	
	#toppaneback {
		width: 100%;
		height: 298px;
		background-size: 100% 100%;
	}
}

@media(max-width:965px)
{
	body {
		width: 100%;
	}
	
	.outerdiv {
		background-color: #ffffff;
		width: 100%;
	}
	
	.width7em, .width15em {
		width: 100%;
	}
	
	.mmdd {
		height: 50px !important;
	}
	
	#toppane {
		height: auto;
		border: none;
	}
	
	#topnavtop {
		position: relative;
		top: 0;
		height: 0px;
	}
	
	#leftpane-home, #leftpane {
		display: none !important;
	}
	
	#toppaneback {
		width: 100%;
		height: auto;
		position: relative;
		margin: 15px auto;
		overflow: hidden;
	}
	
	#topnavtop UL#ultopnavtop {
		display: none;
	}
	
	#loginbox {
		float: none;
		top: 0;
		width: 95%;
		margin: 0 auto;
		height: 100px;
	}
	#logo {top: 10px; position: relative; margin: 0 auto; left: 0}
	#headerimageright {
		    float: none;
			width: 100%;
			height: auto;
			margin: 10px auto 5px auto;
			overflow: hidden;
	}
	#loginbox .login {display: none;}
	
	.orderbox {display: block; width: 100%; position: relative; margin: 0 auto; height: 40px;}
	.orderButton {display: none}
	.topbar-col2 {width: 100%; right: 0; margin: 0}
	.toplinks {float: none; text-align: center; padding-bottom: 10px;}
	.social-icons {
		float: none;
		text-align: center;
		overflow: hidden;
		margin: 0 auto 10px auto;
		position: relative;
	}
	.social-icons ul {display: flex; justify-content: center;}
	.botbar-col2 {display: none}
	.loginButton {
		height: 40px;
		width: 100%;
		border: none;
		cursor: pointer;
		outline: none;
		background-color: #ac1f2d;
		color: #fff;
		font-size: 18px;
		font-weight: 700;
		overflow: hidden;
		display: block;
		text-align: center;
		line-height: 40px;
		position: relative;
		top: 30px;
		text-decoration: none;
	}

	#loginbox .login LABEL, #loginbox .login a {
		color: #003366;
	}
	
	.loginbutton {
 		margin: 10px 0 0 5px; 
		background: #003366;
		height: 30px;
		border: 1px solid #003366;
		color: #ffffff;
		float: left;
	}
	
	.loginbutton:hover {
		background: #ffffff;
		color: #000000;
	}
	
	
	#contentpanehome #contentpanehomeleftpane #msgblock1,
	#contentpanehome #contentpanehomeleftpane #msgblock2	{
		float: none;
		position: relative;
		margin: 0 auto;
	}
	
	#contentpanehome #contentpanehomeleftpane #msgblock2 #msgcontent1,
	#contentpanehome #contentpanehomeleftpane #msgblock2 #msgcontent2 {
		float: none;
		position: relative;
		margin: 0 auto;
	}
	
	.srrow td {
		text-align: left;
	}
	
	/***********************navigation menu****************************/

	.ad-menu-nav{
		display: inline-block;
		width: 100%;
		background:#000 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;
	}	

	/**** Footer ****/
	#footerpane {
		height: auto;
	}
	#footerpane .poweredby {
		display: none;
	}
	#footerpane .poweredby-resp {
		display: block;
	}
	#an {
	}
	
	/************** 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: 100%;
	}

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

	#frmContactUs_contactComment {
		width: 95%;
	}

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

	.customerDashboardPrices, .registeredLocations, .registeredTanks, .customerDashboardWeather {
		width: 93%;
	}
	
	.box {
		width: 100%;
		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;
	}
	
}

@media(max-width: 910px) and (min-width: 822px) 
{
	#toppaneback {
		width: 100%;
		height: 280px;
		background-size: 100% 100%;
	}

}

@media (max-width: 821px) and (min-width: 701px)
{
	#toppaneback {
		width: 100%;
		height: 270px;
		background-size: 100% 100%;
	}

}

@media (max-width: 700px) and (min-width: 600px)
{
	#toppaneback {
		width: 100%;
		height: 260px;
		background-size: 100% 100%;
	}

}

@media (max-width: 599px) and (min-width: 460px)
{
	
	.pricetext img{
		width: 100%;
	}

}

@media (max-width: 459px) and (min-width: 391px)
{

	#loginbox .login {
		width: 100%;
	}
	
	#loginbox .login SPAN {
		width: 40%;
	}
	
	#loginbox .login SPAN INPUT[type='text'], #loginbox .login SPAN INPUT[type='password'] {
		width: 95%;
	}
	
	.register {
		margin: -20px 0 0 95px;
	}	

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

	.pricetext img {
		width: 100%;
	}

		#loginbox .statictext {
		width: 100%;
	}
	
	#loginbox .login LABEL, #loginbox .login a {
		float: left;
		margin-left: 10px;
	}
	
	#loginbox .login a.linkone {
		margin-left: 105px;
	}
	
	.forgotpwd {
		float: left;
		margin: -15px 0 0 5px;
	}

	#loginbox .login a.linktwo {
		margin: 0 0 0 -5px;
	}
}

@media (max-width: 390px) and (min-width: 330px) {
	#loginbox .login SPAN {
		width: 38%;
	}
	
	#loginbox .login SPAN INPUT[type='text'], #loginbox .login SPAN INPUT[type='password'] {
		width: 95%;
	}
	
	#loginbox .login {
		width: 100%;
	}

	.register {
		margin: -20px 0 0 95px;
	}	

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

	.pricetext img {
		width: 100%;
	}

	#loginbox .statictext {
		width: 100%;
	}
	
	#loginbox .login LABEL, #loginbox .login a {
		float: left;
		margin-left: 10px;
	}
	
	#loginbox .login a.linkone {
		margin-left: 105px;
	}
	
	.forgotpwd {
		float: left;
		margin: -15px 0 0 5px;
	}

	#loginbox .login a.linktwo {
		margin: 0 0 0 -5px;
	}
	
}

@media (max-width: 329px) and (min-width: 300px) {
	#loginbox .login SPAN {
		width: 36%;
	}
	
	#loginbox .login SPAN INPUT[type='text'], #loginbox .login SPAN INPUT[type='password'] {
		width: 95%;
	}
	
	#loginbox .login {
		width: 100%;
	}

	.register {
		margin: -20px 0 0 95px;
	}	

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

	.pricetext img {
		width: 100%;
	}

	#loginbox .statictext {
		width: 100%;
	}
	
	#loginbox .login LABEL, #loginbox .login a {
		float: left;
		margin-left: 10px;
	}
	
	#loginbox .login a.linkone {
		margin-left: 105px;
	}
	
	.forgotpwd {
		float: left;
		margin: -15px 0 0 5px;
	}

	#loginbox .login a.linktwo {
		margin: 0 0 0 -5px;
	}
	
}

@media (max-width: 700px) and (min-width: 300px) {
	#loginbox .login {
		float: none;
		margin: 0 auto;
	}
	
	.pricebox {
		width: 90%;
		float: none;
		margin: 0 auto 20px auto;
		display: block;
		position: relative;
		right: 0;
	}
	
	.topbar-col2 {
		width: 100%;
	}
}

@media (max-width: 590px) {
	#logo {
		width: calc(100% * 70 / 100);
		height: calc(156px * 60 / 100);
		margin: 0 auto;
		position: relative;
	}
	
	.social-icons {width: calc(100% * 40 / 100);}
}