html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}
html {font-size: 100.1%;}
body {
  font-family:Arial, Helvetica, sans-serif;
  background:url(../images/body-bg.gif) repeat-x;
}
#inner {background:url(../images/body-inner-bg.gif) repeat-x;}
img {border:none;}
img.product-thumb {border:1px solid #cccccc; padding:3px;}
form {padding:0;margin:0;}
.form select, .form input, .form textarea {vertical-align:middle;}
#container {
  min-height: 100%;
  position: relative;
}
#bg {min-width: 900px;background: url(../images/body-bg2.gif) repeat-y 50% 0; padding: 0 0 100px 0;}
#bg2 {min-width: 900px;background: url(../images/header-bg.jpg) no-repeat 50% 0;}
#inner #bg2 {min-width: 900px;background: url(../images/header-inner-bg.jpg) no-repeat 50% 0;}
/*start main*/
#main {margin: 0 auto;width: 900px;padding-top: 372px;position: relative;}
#inner #main {padding-top: 214px;}
/*start header*/
#header {width: 900px;height: 372px;position: absolute;top: 0;left: 0;}
#inner #header {width: 900px;height: 214px;}
#header .logo {
	position: absolute;
	width: 227px;
	height: 139px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/logo.gif) no-repeat;
}
/*start top navigation*/
#top-nav {
	position: absolute;
	top: 139px;
	left: -1px;
	list-style: none;
	padding: 0 4px 0 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background: url(../images/top-nav.gif) no-repeat 100% 0;
}
#top-nav li {float: left;position: relative;}
#top-nav li a {
	float: left;
	color: #fff;
	line-height: 29px;
	text-decoration: none;
	cursor: pointer;
	background: url(../images/top-nav-bg.gif) no-repeat;
}
#top-nav li a:hover, #top-nav li:hover a, #top-nav li.hover a {background: url(../images/top-nav-roll-bg.gif) no-repeat;}
#top-nav li.active a,
#top-nav li.current_page_item a,
#top-nav li.current_page_ancestor a {background: url(../images/top-nav-left-active-bg.gif) no-repeat;}
#top-nav li a span {float: left;padding: 0 15px;background: url(../images/top-nav-right-bg.gif) no-repeat 100% 0;}
#top-nav li a:hover span,
#top-nav li:hover a span,
#top-nav li.hover a span {background: url(../images/top-nav-roll-right-bg.gif) no-repeat 100% 0;}
#top-nav li.current_page_item a span,
#top-nav li.current_page_ancestor a span,
#top-nav li.active a span {background: url(../images/top-nav-right-active-bg.gif) no-repeat 100% 0;}

#top-nav li:hover ul, #top-nav li.hover ul  {display: block;}
#top-nav ul {
	position: absolute;
	display: none;
	top: 29px;
	left: 0;
	list-style: none;
	/*padding: 0 0 7px 10px !important;*/
	margin: 0;
	font-size: 12px;
	width: 154px;
	font-weight: normal;
	border: 1px solid #01456a;
	padding: 0 12px 7px;
	background: url(../images/top-nav-drop-bg.gif);
	color: #00446a;
}
#top-nav ul li {float: none !important;}
#top-nav ul a {
	float: none;
	line-height: 20px;
	background: none !important;
	text-transform: none;
	color: #00446a;
	text-decoration: underline;
}
#top-nav ul a:hover {background: none;text-decoration: none;}
#header .box {
	 position: absolute;
	 right: 1px;
	 top: 0;
	 width: 501px;
	 height: 62px;
	 background: url(../images/header-box-bg.gif) no-repeat;
}
#header .box ul{float: left;list-style: none;padding: 0;margin: 17px 0 0 31px;display: inline;}
#header .box ul li {float: left;margin: 0 5px 0 0;padding: 0 0 0 5px;border-left: 1px solid #d9d9d9;display: inline;}
#header .box ul li.contact {padding-left: 0;border: 0;}
#header .box ul li a {
	float: left;
	width: 52px;
	height: 9px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/header-link1.gif) no-repeat;
}
#header .box ul li a:hover {background: url(../images/header-link1-roll.gif) no-repeat;}
#header .box ul li.servicesupport a {background: url(../images/header-link2.gif) no-repeat;width: 107px;}
#header .box ul li.servicesupport a:hover {background: url(../images/header-link2-roll.gif) no-repeat;}
#header .box ul li.news a {background: url(../images/header-link3.gif) no-repeat;width: 32px;}
#header .box ul li.news a:hover {background: url(../images/header-link3-roll.gif) no-repeat;}
#header .box .form {float: right;margin: 0 11px 0 0;display: inline;}
#header .box .form label {
	float: left;
	width: 48px;
	height: 9px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 17px 0 0;
	background: url(../images/header-search-text.gif) no-repeat;
}
#header .box .form .input-text {
	float: left;
	width: 122px;
	height: 21px;
	margin: 10px 0 0 4px;
	display: inline;
	background: url(../images/header-form-bg.gif) no-repeat;
}
#header .box .form .input-text input {
	float: left;
	width: 116px;
	border: 0;
	background: transparent;
	padding: 0;
	font-size: 11px;
	color: #6f6f6f;
	margin: 4px 0 0 6px;
	display: inline;
}
#header .box .form .btn {
	float: left;
	width: 41px;
	height: 17px;
	margin: 13px 0 0 3px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background: url(../images/form-btn-bg.gif) no-repeat;
}
#header .box .form .btn:hover {background-position: 0 100%;}
#header .header-text {position: absolute;width: 520px;top: 223px;left: 29px;}
/*start content*/
#content {overflow: hidden;width: 900px;padding-bottom: 29px;}
#inner #content {min-height:600px;width: 880px;padding: 0 10px 29px 10px;}
/*start left column*/
#column {float: left;width: 537px;padding: 11px 0 0 21px;}
/*start box*/
#column .box {
	float: left;
	width: 459px;
	height: 150px;
	margin: 21px 0 0;
	padding: 0 62px 26px 16px;
	background: url(../images/box1-bg.jpg) no-repeat;
	position: relative;
}
#column .box-2 {background: url(../images/box2-bg.jpg) no-repeat;}
#column .box-3 {background: url(../images/box3-bg.jpg) no-repeat;}
#column .box h2 {
	margin: 13px 0 0;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
}
#column .box h3 {margin: 22px 75px 0 0;font-size: 12px;line-height: 20px;font-weight: bold;color: #1f1f1f;}
#column .box p {margin: 0 75px 0 0;font-size: 12px;line-height: 20px;color: #1f1f1f;}
#column .box .links {
	position: absolute;
	bottom: 0;
	right: 64px;
	font-size: 12px;
	line-height: 24px;
	color: #444;
}
#column .box .links a {color: #1e4157;font-weight: bold;}
#column .box .links a:hover {color: #3787b4;}
/*start right column*/
#column2 {float: left;width: 292px;padding: 30px 0 0 30px;}
#column2 .banner {float: left;margin: 17px 0 0;}
#battery-adapters {font-size:11px; color:#666; margin:5px 0;}
/*start box 4*/
#column2 .flash-holder {
	height: 289px;
	width: 291px;
	background:url(../images/flash-bg.jpg) no-repeat top left;
}
#column2 h2.news {
	clear: both;
	margin: 0;
	padding: 28px 0 0;
	font-size: 18px;
	color: #00446a;
	background: url(../images/title-bg.gif) repeat-x 0 39px;
}
#column2 h2.news span {background-color: #fff;}
/*start box 5*/
#column2 .box5 {
	float: left;
	width: 292px;
	height: 127px;
	margin: 10px 0 0;
	position: relative;
	background: url(../images/box5-bg.gif) no-repeat;
	*/
}
#column2 .box5 ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 30px;
	color: #1f1f1f;
	
}
#column2 .box5 ul li {float: left;width: 290px;}
#column2 .box5 ul li span {float: left;width: 82px;padding: 0 0 0 14px;}
#column2 .box5 ul li a {color: #00446a;}
#column2 .box5 ul li a:hover {text-decoration: none;}
#column2 .box5 .bottom {
	position: absolute;
	bottom: 0;
	right: 8px;
	font-size: 10px;
	line-height: 25px;
	color: #444;
}
#column2 .box5 .bottom a {color: #00446a;}
#column2 .box5 .bottom a:hover {text-decoration: none;}
#content-header {overflow: hidden;width: 880px;padding: 9px 0 20px 0;}
#content-header h1 {margin: 0;}
#content-header .box {
	float: right;
	width: 353px;
	height: 153px;
	background: url(../images/content-header-box-bg.gif) no-repeat;
}
#content-header .box p {margin: 23px 27px 0 27px;font-size: 20px;font-style: italic;color: #222;}
/*start inner page left column*/
#column3 {float: left;width: 216px;}
#column3 .nav {
	float: left;
	width: 214px;
	border: 1px solid #d4e1e9;
	list-style: none;
	padding: 10px 0;
	margin: 0;
	font-size: 95%;
	line-height: 28px;
	color: #00446a;
	background: url(../images/nav-bg.gif);
}
#column3 .nav li {padding: 0 0 0 17px;background: url(../images/nav-item.gif) no-repeat 0 13px;}
#column3 .nav a {color: #00446a;}
#column3 .nav a:hover {text-decoration: none;}
#column3 .nav ul {list-style: none;padding: 0;margin: 0 0 0 -17px;}
#column3 .nav ul li {background: url(../images/nav-item2.gif) no-repeat 0 13px;padding: 0 0 0 36px;}
#column3 .box {
	float: left;
	width: 214px;
	border: 1px solid #d4e1e9;
	background: url(../images/nav-bg.gif);
	padding: 0 0 10px;
	margin: 14px 0 0;
}
#column3 .box2 {
	width: 204px;
	padding: 0 0 10px 10px;
}
#column3 .box h4 {margin: 8px 0 0 11px;font-size: 10px;font-weight: bold;color: #5c5c5c;text-transform: uppercase;}
#column3 .box h5 {margin: 0 0 0 11px;font-size: 95%;line-height: 24px;color: #222;}
#column3 .box ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 95%;
	line-height: 28px;
	color: #00446a;
}
#column3 .box ul li {padding: 0 0 0 28px;background: url(../images/nav-item.gif) no-repeat 0 13px;}
#column3 .box ul a {color: #00446a;}
#column3 .box ul a:hover {text-decoration: none;}
#column3 .box p {margin: 0 0 0 11px;font-size: 95%;line-height: 20px;color: #222;}
#column3 .box p a {color: #00446a;}
#column3 .box p a:hover {text-decoration: none;}
#column4 {float: right;overflow: hidden;width: 637px;padding: 0 0 0 20px;}
#column4 h2 {margin: 0;font-size: 100%;line-height: 24px;color: #00446a;}
#column4 h5 {
	margin: 0;
	color: #1f1f1f;
	font-size: 88%;
	line-height: 24px;
	font-style: italic;
	font-weight: normal;
}
#column4 div.entry ul{margin-top:4px;}
#column4 div.entry ul li{font-size:88%;}
#column4 p {margin: 0 0 18px 0;font-size: 88%;line-height: 24px;color: #1f1f1f;}
#column4 p a {color: #00446a;}
#column4 p a:hover {text-decoration: none;}
#column4 address {font-size: 88%;line-height: 24px;color: #1f1f1f;font-style: normal;}
#column4 .links {
	list-style: none;
	padding: 0;
	margin: 0 0 18px;
	font-size: 100%;
	line-height: 24px;
	color: #00446a;
}
#column4 .links a {color: #00446a;}
#column4 .links a:hover {text-decoration: none;}
/*start products list*/
#column4 .products-list {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 16px;
	line-height: 24px;
	color: #1f1f1f;
}
#column4 .products-list li {float: left;width: 607px;padding: 0 0 30px;}
#column4 .products-list li .img {float: left;}
#column4 .products-list .img2 {float: left;border: 1px solid #d3d3d3;}
#column4 .products-list li .text {float: right;width: 430px;font-size: 100%;}
#column4 .products-list li .text h3 {margin: 0;font-size: 105%;line-height: 24px;color: #00446a;}
#column4 .products-list li .text h3 a {color: #00446a;}
#column4 .products-list li .text h3 a:hover {text-decoration: none;}
#column4 .products-list li .text p {margin: 0;}
#column4 .image {float: right;margin: 0 0 0 37px;border: 1px solid #e0e0e0;}
/*start mews list*/
#column4 .mews-list {list-style: none;padding: 0;margin: 0;font-size: 100%;line-height: 47px;}
#column4 .mews-list li {border-top: 1px solid #dcdcdc;background-color: #f7fcff;}
#column4 .mews-list li.no-bg {border: 0;background: none;}
#column4 .mews-list li span {padding: 0 16px;}
#column4 .mews-list li a {color: #00446a;}
#column4 .mews-list li a:hover {text-decoration: none;}
#column4 .title {border-top: 1px solid #dcdcdc;background-color: #f7fcff;padding: 16px 0 8px 16px;margin: 0 0 10px 0;}
#column4 .title span {font-size: 78%;line-height: 20px;color: #1f1f1f;}
#column4 .back {color: #00446a;font-size: 11px;}
#column4 .back:hover {text-decoration: none;}
/*start form*//*  */
#column4 .form {float: left;width: 529px;}
#column4 .text {
	float: right;
	display: inline;
	font-size: 10px;
	padding: 10px 0 0;
	line-height: 16px;
	color: #00446a;
}
#column4 .form .row {
	float: left;
	width: 529px;
	border-top: 1px solid #e3e3e3;
	padding: 9px 0 5px 0;
	background: #f6f6f6 url(../images/form-bg.gif) repeat-x;
}
#column4 .form .row2 {background: none;background-color: #f6f6f6;padding-bottom: 10px;}
#column4 .form .row .line {float: left;width: 512px;padding: 0 0 3px 0;}
#column4 .form label {
	float: left;
	width: 193px;
	text-align: right;
	color: #1f1f1f;
	font-size: 14px;
	line-height: 22px;
	padding: 0 5px 0 0;
}
#column4 .form .text-input, #column4 .form select, #column4 .form textarea {
	float: left;
	border: 1px solid #ccc;
	padding: 2px 0 2px 5px;
	width: 154px;
	color: #1f1f1f;
	font-size: 14px;
}
#column4 .form select {width: 140px;font-size: 11px;color: #4f4f4f;}
#column4 .form .line span {color: #00446a;font-size: 14px;line-height: 22px;padding: 0 0 0 5px;}
#column4 .form textarea {border: 1px solid #cecece;width: 300px;height: 74px;}
#column4 .form .btn {
	float: right;
	width: 64px;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 10px 16px 0 0;
	background: url(../images/submit-btn.gif) no-repeat;
}


/*start footer*/
#footer {
 /* position: absolute; THIS CAUSES display issues.. footer starts floating above other content on the page*/
  bottom: 0;
  min-height: 100px;
  min-width: 900px;
  width: 100%;
  background: #004165 url(../images/footer-bg.gif) repeat-x;
}
.footer-inner {width: 900px;margin: 0 auto;padding-bottom: 43px;}
.footer-inner ul {
	list-style: none;
	padding: 16px 0 0;
	margin: 0;
	font-size: 10px;
	line-height: 12px;
	color: #f5f5f5;
	text-align: center;
}
.footer-inner ul li {display: inline;padding: 0 8px;border-left: 1px solid #f5f5f5;}
.footer-inner ul li.first {border: 0;}
.footer-inner ul a {color: #f5f5f5;}
.footer-inner ul a:hover {text-decoration: none;}
.footer-inner p {margin: 12px 0 0;font-size: 10px;color: #f5f5f5;text-align: center;}
.alignleft{float:left;}
.alignright{float:right;}
.navigation{padding-bottom:20px;}
#content a{color:#00446A;}
strong.category a{
    font-size:15px!important;
    font-weight:normal;
}
.footer-inner ul li:first-child {border: 0;}
#top-nav li li a span {
    float: none;
    padding: 0;
    background: none;
}
#top-nav li li a:hover span,
#top-nav li:hover li a span,
#top-nav li.hover li a span {
    background: none;
}
.producttext p.wpsc_product_price {
    display:none;
}
