body{
	margin:0px;
	background-color:#434343;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000;
}
.infoBox {
}
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
h2 {
font-size: 90%;
}
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.infoBoxContents {
	font-family:Arial, Helvetica, sans-serif;
  font-size: 100%;
}

.infoBoxNotice {
  background: #FF8E90;
}

.productListing-heading {

}
TD.productListing-data {

  
}
div.outer_container{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
div.main_container{ 
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:966px;
}
div.panel_container{ 
	width:966px;
	background-color:#FFF;
	padding-top:10px;
}
TD.main {
		font-family:Arial, Helvetica, sans-serif;

}
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

div.topbar{
	width:966px;
	height:87px;
	background-image:url(countyBatteryTopbar.jpg)
}

div.navbar{
	padding-left:16px;
	width:950px;
	height:22px;
	background-image:url(countyBatteryNavbar.jpg);
}
div.navtext{
	position:relative;
	top:2px;
	color:#FFF;
	font-size:80%;
	font-weight:bold;
	float:left;
}
div.navtextBottom{
	position:relative;
	top:1px;
	color:#FFF;
	font-size:60%;
	font-weight:bold;
	display:inline-block;

}
div.navspacer{
	height:22px;
	width:16px;
	background-image:url(navspacer.jpg);
	float:left;
}
div.footer{
	color:#000;
	font-size:60%;
	text-align:center;
	background-color:#FFF;
	padding-bottom:50px;
}
div.search{	
	height:230px;
	width:255px;
	background-image :url(search.jpg);
	background-repeat:no-repeat;
}
div.searchTitle{
	padding-top:5px;
	padding-left:14px;
	font-weight:bold;
	color:#4A6AC6;
	float:left;
	font-size:125%;
}
div.searchTitle2{
	padding-top:2px;
	padding-left:14px;
	font-weight:bold;
	color:#4A6AC6;
	float:left;
}
div.searchFields{
	padding-top:2px;
	padding-right:14px;
	text-align:right;	
	float:right;
}
div.searchFields2{

}
input.search{
	width:125px;
	height:18px;
	border:1px #4A6AC6 solid;
}
@font-face { 
font-family: "Plate"; 
src: url( http://dev.countybatteryservices.co.uk/skins/CBmain/UKNumberPlate.ttf) format("truetype"); }
input.cleardefault{
	width:180px;
	font-family: "Plate";
	font-size:300%;
	text-transform:uppercase;
	font-weight: bold;
	height:40px;
	border:0px;
	background-color:#FADB4F;
}


input.cleardefault2{
	width:180px;
	font-size:100%;
	font-weight: bold;
	border:0px;
}
input.searchSubmit{
	border:0px;
	font-weight:bold;
	background-color:#666666;
	color:#FFF;
	width:35px;
	height:20px;
}
div.topad{
	height:260px;
	width:966px;
	z-index:-1;
}
div.clearFloat{
	clear:both;
}
div.panelSpacer{
	float:left;
	width:7px;	
}
div.subnav{
	width:964px;
	background-color:#FFF;
	border:1px solid #ccc;
	font-size:80%;
	z-index: 9;
	
}
span.orange{
	color:#FC911B;
	font-size:100%;
}

div.panel1{	float:left;	width:255px;	height:475px;	border:1px #666 solid;}
div.panel1body{	padding:0px; font-size:60%;}
div.panel1topbar{	width:238px;	height:22px;	background-color:#FC911B;	background-image:url(panel1.jpg);	font-size:95%;	color:#4A6AC6;	font-weight:bold;	padding-top:3px;	padding-left:17px;}
div.panel2{	float:left;	width:206px;	height:475px;	border:1px #666 solid; background-color:#F8F8F8;}
div.panel2body{	padding:2px;	font-size:100%;}
div.panel2topbar{	width:203px;	height:22px;	background-color:#4A6AC6;	font-size:95%;	color:#FC911B;	font-weight:bold;	padding-top:3px;	padding-left:3px;}
div.panel3{	float:left;	width:485px;	height:475px;	border:1px #666 solid;}
div.panel3body{	padding:2px;	font-size:60%;}
div.panel3topbar{	width:482px;	height:22px;	background-color:#FC911B;	background-image:url(panel1.jpg);	background-position:right;	background-repeat:no-repeat;	font-size:95%;	color:#4A6AC6;	font-weight:bold;	padding-top:3px;	padding-left:3px;}
div.prodpanel{	float:right;	width:700px;	border:1px #666 solid;}
div.prodpanelbody{	padding:2px;	font-size:80%;}
div.prodpaneltopbar{	width:697px;	height:22px;	background-color:#4A6AC6;	color:#FC911B;	font-weight:bold;	padding-top:3px;	padding-left:3px;}

div.productSmallinner{
	height:189px;
	width:110px;
	background-color:#FFF;
	border:1px solid #FC911B;

}
div.prodSel{
	padding-left:20px;
	font-size:130%;

}
select.prodSel{
	font-size:100%;
	width:200px;
	border:1px solid #4A6AC6;
}

div.productSmall{
	float:left;
	padding:10px;
}
div.productSmallText{
	padding:2px;
	font-weight:bold;
	color:#FC911B;
	height:60px;
}
td.productSmallText{
	padding:2px;
	font-size:80%;
	font-weight:bold;
	color:#FC911B;
	height:60px;
}
a.productSmallText{
	padding:2px;
	font-size:80%;
	font-weight:bold;
	color:#FC911B;
	height:60px;
	}
	a.productSmallText5{
	padding:2px;
	font-size:100%;
	font-weight:bold;
	color:#FC911B;
	height:120px;
	}
main{
	padding:2px;
	font-weight:bold;
	color:#FC911B;
	height:60px;
	}	
	

div.productSmallPrice{
	padding-left:12px;
	font-size:80%;
	font-weight:bold;
	display:inline;
	color:#4A6AC6;
}
/* BEGIN: CSS Buttons Everywhere */
.cssButton {

  width: 100px;
  height: 20px;

	
	
	padding-left:4px;
	padding-right:4px;
	font-size:80%;
	font-weight:bold;
  border: 1px;
  border-style: solid;
  border-color: #000080;
  border-spacing: 1px;
	background-color:#4A6AC6;
	color:#FFF;
	display:inline;
}
/* END: CSS Buttons Everywhere */
a.productSmallPrice2{

	padding-left:2px;
	padding-right:2px;
	background-color:#4A6AC6;
	color:#FFF;
	display:inline;
	}
div.productSmallPrice2{
	padding-left:2px;
	padding-right:2px;
	font-size:75%;
	background-color:#4A6AC6;
	color:#FFF;
	display:inline;
}
div.productPrice{
	padding-left:12px;
	font-weight:bold;
	display:inline;
	color:#4A6AC6;
}

div.productPrice2{
	padding-left:2px;
	padding-right:2px;
	background-color:#4A6AC6;
	color:#FFF;
	display:inline;
}

div.prodtextleft{
	padding-top:10px;
	padding-left:10px;
	float:left;
	width:388px;
	font-size:90%;
}
div.prodtextright{
	padding-top:10px;
	padding-right:10px;
	float:right;
	width:237px;	
	font-size:90%;
	font-weight:bold;	
}
div.prodpanelsleft{float:left;	width:255px;}

div.quickLink{
	padding-top:5px;
	width:120px;
	float:left;
}
div.quicklinktext{
	background-color:#4A6AC6;
	color:#FFF;
	width:120px;
	text-align:center;
}
a.quicklinks{
	border:0px;
	text-decoration:none;	
}

a.nav{
	color:#FFF;
	border:0px;
	text-decoration:none;	
}

a{
	border:0px;
	text-decoration:none;
}
img{
	border:0px;
}
img.prodimage{
	border:1px solid #FC911B;
}


.horbar	{   /* Color of main horizontal menubar and border */
	background-color:#FFFFFF;
	font:Verdana;
	vertical-align:top;

}

.horizitem	{          /* Behaviour of main horizontal menu items, leave as is for proper operation */
	float: left;
white-space: normal;
vertical-align:top;
}

.horizitem a {              /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	position: relative;	
	display: block;
	vertical-align:top;
}

.horizitem a:link, .horizitem a:visited 	{      /* Font style & color of main menu items */
	color: #000000;
	text-decoration: none;
}

.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	text-decoration: none;
}

.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	text-decoration: none;
}

.horizsubmenu	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.horizsubframe	{      /* Color of submenu item and border */
	background-color: #e6e7e6;
	border: 2px outset #fdfefd;
	
	position: relative;
	display: block;	
}

.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	text-align: left;
}

.horizsubitem a {            /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */
	color: #000000;
	font-size: 12px;	
	text-decoration: none;
}

.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	text-decoration: none;
}

.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;		
	text-decoration: none;
}

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #ccc;
		font-weight: bold;
}

.horbar .dmselected {   /* Style override for selected root category */
    background-color: #999;
}


  .headerCategoriesItems { 
    white-space: nowrap; 
    padding-right: 16px; 
    color: #333333; 
    background-color: #cccccc;
  }
  
  .headerCategoriesItems a { color: #333333; }
  .headerCategoriesItems a:hover { color: #000000; }
  
#content
{
  height: 100%;
  width: 100%;
  text-align: left
}

#ie_fix
{
  height: 100%;
  width: 100%;
  text-align: center
}

#scroll
{
  position: absolute;
  margin: 0 auto; 
  visibility: hidden;
  background-color: white;
  z-index: 1;    
  width: 176px;
  height: 150px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-collapse: collapse;
  border-bottom-style: solid;
  border-color: #000000;
  border-width: 1px;      
  overflow: auto;
  float: left;
}

#scroll div
{
  margin: 0 auto;
  text-align:left
}

#suggest table
{
  width: 170px;
  font-size: 11px;
  font-weight: normal;
  color: #676767;
  text-decoration: none;
  border: 0px;
  padding: 0px;  
  text-align:left;   
  margin: 0px
}

a.suggest_link 
{
  text-decoration: none;
  margin: 0px;
  color: #173f5f
}

a:hover.suggest_link 
{
  text-decoration: none;
  margin: 0px;
  color: #173f5f
} 
.smallText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
}
TD.smallText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
}
.infoBoxContents {
	font-family:Arial, Helvetica, sans-serif;
}


/* panel */
.panel, .panelcollapsed 
{

}

/* panel heading */
.panel h2, .panelcollapsed h2 
{
	height: 18px;
	background: url(arrow-up.gif) no-repeat 200px;
}

/* panel heading on rollover */
.panel h2:hover, .panelcollapsed h2:hover {  }

/* heading of a collapsed panel */
.panelcollapsed h2 
{
	background: url(arrow-dn.gif) no-repeat 200px;
	
}

/* panel content - do not set borders or paddings */
.panelcontent 
{ 
	overflow: hidden;
	text-align:center;
}

/* collapsed panel content */
.panelcollapsed .panelcontent { display: none; }