body {
	font-family: Arial,Helvetica,sans-serif;
	color: #000;
	background-image:url('https://comparemyups.com/images/newbg2.jpg');
	background-repeat:repeat-x;
	text-align:center;
	background-color:#dfdfdf;
	
}
a {
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight: bold;
}
a:link {color: #0000FF}     /* unvisited link */
a:visited {color: #000071}  /* visited link */
a:hover {color: #0000eb}   /* mouse over link */
a:active {color: #0000eb}     /* unvisited link */

a.leftcol {
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-size: 11px;
	font-variant: normal;
	text-decoration: none;
	font-weight: normal;
	padding-left: 5px;
}
a.leftcol:link {color: #6a6a6a}     /* unvisited link */
a.leftcol:visited {color: #8e8e8e}  /* visited link */
a.leftcol:hover {color: #003592}   /* mouse over link */
a.leftcol:active {color: #003592}     /* unvisited link */

a.leftcolred {
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-size: 11px;
	font-variant: normal;
	text-decoration: none;
	font-weight: bold;
	padding-left:5px;
}
a.leftcolred:link {color: #682a2a}     /* unvisited link */
a.leftcolred:visited {color: #a42121}  /* visited link */
a.leftcolred:hover {color: #dc0000}   /* mouse over link */
a.leftcolred:active {color: #dc0000}     /* unvisited link */

select {
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	font-weight: 500;
}

blockquote { 
	border: 2px solid rgb(170, 170, 204);
	margin: 0.25em 2em 0pt;
	padding: 0.25em 0.5em;
	background: rgb(255, 250, 255) ;
	clear: both;
	color: black;
	font-weight: 500;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
}

p { 
	font-family: arial,helvetica,sans-serif;
	font-weight:normal;
}
hr {
width:95%;
}
hr.tabs {
width:95%;
height:1px;
color:#dfdfdf;
background-color:#dfdfdf;
border:0;
}
hr.gallery{
	width:90%;
	height:1px;
	color:#c6c6c6;
}
img {
border: none;
}
img.prodthumb {
border: 1px solid #dfdfdf;
max-width: 100px;
max-height: 80px;
}
img.distlogo {
max-width: 150px;
max-height: 60px;
margin-bottom: 5px;
opacity:0.80;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
img.distlogo:hover{
max-width: 150px;
max-height: 60px;
margin-bottom: 5px;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
div.distlogo{
display:table-cell; 
vertical-align: middle;
text-align:center;
background-color: white;
margin-right: 10px;
width: 110px;
height: 48px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
img.distlogo13 {
vertical-align: middle;
max-width: 90px;
max-height: 40px;
opacity:0.80;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
img.distlogo13:hover{
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
td.distlogo{
text-align:center;
vertical-align:middle;
padding-bottom:5px;
padding-top:5px;
}
td.distinfo
{
text-align:left;
vertical-align:middle;
padding-bottom:5px;
padding-top:5px;
}
li {
line-height: 125%;
margin: 5px;
font-family: arial,helvetica,sans-serif;
}
table.apptable {
	border: 1px solid rgb(200,200,200);
}
td { 
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: normal;
	font-stretch: normal;
	color: black;
	vertical-align: top;
	margin: 0;
}
th { 
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 900;
	font-size: 13px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	background-color: black;
	color: white;
	margin: 0;
}
/* Classes and IDs */
td.content { 
	text-align: left;
	vertical-align: text-top;
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	padding: 0px;
	font-size: 12px;
	line-height: normal;
	font-stretch: normal;
	color: black;
	margin: 0;
}
td.landingcontent { 
	background-color:#dfdfdf;
	text-align: center;
	vertical-align: middle;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	padding: 0px;
	font-size: 10px;
	color: black;
	margin: 0;
}
td.white { 
	background-color: white;
	color: black;
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: normal;
	font-stretch: normal;
}
td.grey { 
	background-color: #E5E5E5;
	color: black;
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: normal;
	font-stretch: normal;
}
td.leftcol { 
	background-image: url("/images/newleftbg.jpg");
	padding: 0.1em 0.1em;
	line-height: normal;
	font-stretch: normal;
	font-family: arial,helvetica,sans-serif;
	font-style: oblique;
	font-variant: small-caps;
	font-weight: 900;
	font-size: 12px;
	line-height: normal;
	font-stretch: normal;
	vertical-align: top;
	height: 100%;
}
td.rightcol { 
	line-height: normal;
	font-stretch: normal;
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: normal;
	font-stretch: normal;
	vertical-align: top;
	width: 158px;
	height: 100%;
	padding-right:3px;
	padding-left:3px;
}
h1 {
	font-family: arial,helvetica,sans-serif;
	font-size: 16px;
	color: #00306a;
	font-weight: 800;
	text-align: left;
	font-size-adjust: none;
	font-stretch: normal;
	margin-bottom: 2px;
	line-height: 150%;
}
h2 {
	font-family: 'exodemi_bold',arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 100%;
	font-stretch: normal;
	color: #00306a;
	margin-top:0px;
}
h3 {
	font-family: arial,helvetica,sans-serif;
	font-size: 18px;
	color: #000;
	font-weight: 800;
	font-size-adjust: none;
	font-stretch: normal;
	margin-bottom: 2px;
}

h4 {
	font-family: 'exodemi_bold',arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 100%;
	font-stretch: normal;
	color: #00306a;
	margin-bottom: 3px;
	margin-top:0px;
}
h5 {
	font-family: 'exodemi_bold',arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 800;
	font-size: 14px;
	line-height: 100%;
	font-stretch: normal;
	color: #636363;
}
h6 {
	font-family: arial,helvetica,sans-serif;
	color: #00006a;
	font-size: 14px;
	font-weight: 800;
	font-style: italic;
}
sup {
	font-size:		10px;
	vertical-align: sup;
}

#container {
width: 825px;
margin: 0px;
background-color: #FFF;
color: #333;
/*border: 2px solid grey;*/
line-height: 120%;
text-align:left; /* reset text alignment */ 
width:825px; /* or a percentage, or whatever */ 
margin:0 auto; /* for the rest */ 
}
	
div.qlinks a {
  text-decoration: none;
  text-align: left;
  color: white;
font-family: arial,helvetica,sans-serif;
}

div.qlinks {
background-color: #116E40;
color: black;
font-family: arial,helvetica,sans-serif;
font-size: 12px;
}
div.qlinks td {
	line-height: 16px;
	color: #55aaff;
	font-weight: normal;
	font-size-adjust: none;
	font-stretch: normal;
}
div.qlinks a {
	font-size: 13px;
	line-height: 130%;
}

div.qlinks a:link {color: white}     /* unvisited link */
div.qlinks a:visited {color: white}  /* visited link */
div.qlinks a:active { color: black}
div.qlinks a:hover {color: #5af;}

/* background-repeat: repeat  } div.qlinks a:hover {background-image:url("/images/tesla.gif"); */

div.content { 
	border-bottom: 0px solid gray;
	background-color: rgb(255, 255, 255);
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
}

div.contentsml { 
	border-bottom: 0px solid gray;
	background-color: rgb(255, 255, 255);
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
}

div.landprodtitle {
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	margin-bottom: 10px;
}

div.landprodspec {
	text-align: left;
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom:10px;
}

div.psliprice {
	text-align: left;
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom:0px;
}

a.pslimain {
	text-align: left;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 14px;
}

div.pursmall a {
	text-align: left;
	font-family: arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 12x;
}

div.front_text {
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	line-height: normal;
	padding: 5px;
}

img.banner {
float: right;
font-family: Arial,Helvetica,sans-serif;
display: inline;
border: none;
}

img.headlogo {
left: 0px;
margin-top:auto;
margin-bottom:auto;
position: static;
border: none;
height: 50px;
}
img.landingprod {
left: 0px;
top: 0px;
position: static;
border-width:1px;
border-style:solid;
border-color:black;
width: 85px;
margin-top:10px;
margin-bottom:10px;
}
img.front_img {
opacity:0.80;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
img.front_img:hover{
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#header {
padding: 0px;
background-color: 	#FFFFFF;
border-bottom: 0px solid gray;
height: 56px;
width: 825;
}
#footer {
padding: 0px;
background-color: 	#8FBC8F;
border-bottom: 1px solid gray;
height: 45px;
width: 825;
}
#header h1 {
padding: 0;
margin: 0;
text-align: center;
font: italic small-caps 800 20px verdana,arial,sans-serif;
}
div.headborder {
	background-image:	url(/images/headborder_bg.jpg);
	background-color: 	#8FBC8F;
	border-bottom: 2px solid gray;
	color: black;
	width: 825;
	font-weight: 800;
	font-family: arial,helvetica,sans-serif;
	font-size: 13px;
}
div.headborder a {
	font-size: 13px;
	text-decoration: none;
}
div.headborder a:link {color: #00008B}     /* unvisited link */
div.headborder a:visited {color: #8B0000}  /* visited link */
div.headborder  a:hover {background-color: #00008B}   /* mouse over link */
div.headborder  a:hover {color: white}   /* mouse over link */
div.headborder a:active {color: green}   /* selected link */

a.atitle {
	text-decoration: none;
	color: white;
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
	font-variant: small-caps;
	font-weight: 900;
	font-size: 11px;
	padding: 0px;
	line-height: 14px;
	font-stretch: normal;
}
a.atitle:hover {color: #FF8C00}
div.rcol { 
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: normal;
	font-stretch: normal;
	color: black;
	padding: 2px;
}

/*Product Tab Style */
table.spectable {
	border: 1px solid #636363;
	border-collapse:collapse;
} 
.spectable td {
	padding: 5px;
	margin: 0px;
	font-size: 10px;
	vertical-align: middle;
	text-align: center;
}
.spectable th {
	background-color: #636363;
	color: #FFF;
	font-weight: bold;
	font-size: 10px;
}
tr.spec0 {
	background-color:#FFFFFF;
}
td.specleft {
	text-align:left;
}
tr.spec1 {
	background-color:#F3F3F3;
}
/* */
table.spectabletop {
	border: 1px solid #636363;
	border-collapse:collapse;
} 
.spectabletop td {
	padding: 5px;
	margin: 0px;
	font-size: 10px;
	vertical-align: top;
	text-align: center;
}
.spectabletop th {
	background-color: #636363;
	color: #FFF;
	font-weight: bold;
	font-size: 10px;
}
tr.spec0 {
	background-color:#FFFFFF;
}
td.specleft {
	text-align:left;
}
tr.spec1 {
	background-color:#F3F3F3;
}
/* */

.caption {
	color:black;
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 800;
	font-size: 12px;
}
.tabtitle {
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	font-stretch: normal;
	color: #636363;
}
.title { 
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 800;
	font-size: 18px;
	line-height: 150%;
	font-stretch: normal;
	color: black;
	margin-top: 8px;
	margin-bottom: 8px;
}
.prodtitle { 
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 800;
	font-size: 18px;
	line-height: 150%;
	font-stretch: normal;
	color: #e51b24;
}
.landingtitle { 
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 800;
	font-size: 14px;
	line-height: 225%;
	font-stretch: normal;
	color: #00306a;
}
.titlebar { 
	font-family: arial narrow,helvetica,sans-serif;
	font-style: normal;
	background-color: #ffffff;
	color: black;
	text-align: center;
	vertical-align: middle;
	font-weight: 900;
	font-size: 13px;
	padding: 0px;
	line-height: 14px;
	font-stretch: normal;
}
.titlebarblue { 
	font-family: 'exodemi_bold', arial narrow,arial,helvetica,sans-serif;
	font-style: bold;
	color: #00008b;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	font-size: 13px;
	padding: 0px;
	line-height: 14px;
	font-stretch: normal;
}
.titlebarblack { 
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	background-color:  #000000;
	color: white;
	text-align: center;
	vertical-align: middle;
	font-variant: small-caps;
	font-weight: 900;
	font-size: 11px;
	padding: 0px;
	line-height: 14px;
	font-stretch: normal;
}

.qotd { 
	font-family: arial,helvetica,sans-serif;
	font-style: italic;
	font-size: 11px;
	color: #6a6a6a;
	vertical-align: top;
	font-weight: 400;
	font-size: 12px;
	padding: 0px;
	margin: 1px;
	line-height: 14px;
	font-stretch: normal;
}
.qotd:before { content: '"' }
.qotd:after { content: '"' }
.quotesig { 
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	color: black;
	vertical-align: top;
	font-weight: 800;
	font-size: 12px;
	padding: 0px;
	margin: 1px;
	line-height: 12px;
	font-stretch: normal;
}
.quotesig:before { content: " --" }
.quote { 
	font-family: arial,helvetica,sans-serif;
	font-style: italic;
	color: black;
	vertical-align: top;
	font-weight: 400;
	font-size: 12px;
	padding: 1px;
	line-height: 14px;
	font-stretch: normal;
}
.pullquote { 
	font-family: arial,helvetica,sans-serif;
	font-style: italic;
	max-width: 145px;
	background-color:  #FFF8DC;
	position: relative;
	float: right;
	border: 2px outset gray;
	color: black;
	vertical-align: top;
	font-weight: 700;
	font-size: 15px;
	padding: 4px;
	margin: 8px;
	line-height: 15px;
	font-stretch: normal;
}
.pullquote:before { content: '"' }
.pullquote:after { content: '"' }
td.navform { 
	padding: 3px 3px;
	margin: 4px 4px;
	line-height: normal;
	vertical-align: middle;
}

table.bodyrtborder { 
	border-color: rgb(3,41,105);
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}

span.hilight {
	font-family: arial,helvetica,sans-serif;
	font-style: italic;
	font-variant: normal;
	color: #0080FF;
	vertical-align: top;
	font-weight: 800;
	font-size: 12px;
}

ul.frontul {
	text-indent: -1em;
	list-style-position: inside;
	padding: 3px;
	margin: 2px;
}
	
div.battfindbox {
	
	width: 90%;
	padding: 8px;
	margin: 8px;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	background-color: #e3e3e3;
	border-radius: 8px;
	-moz-border-radius: 8px;
}

form.battfindbox {
	margin-bottom: 3px;
	margin-top: 2px;
}