body {
    font-size:62.5%; /* Sets base font at 10px */
    font-family: Arial, Verdana, sans-serif;
    color:#363636;
    margin:0; padding:0;
    text-align:center;
    background:url("background.png") fixed repeat-x top left;


}

a { outline:none; }
a:link { text-decoration:none; color:#3BBA38; }
a:visited { text-decoration:none; color:#3BBA38; }
a:hover { text-decoration:underline; }
a:active {text-decoration:none; }

img { border:0; }

form { margin:0; }

/* SKIP TO NAV LINK */

.accessaid { position:absolute;
			height:0;
			overflow:hidden;
}







/* Generic text formatting used throughout the store ---------------------------- */

.actCHECKOUTEM {
	background-color: #fe4d00;
}

.actCHECKOUTBG {
	background-color: #efefef;
}

.actlarger {
	font-size: 13px;
	color: #000000;
}

.actsmaller{
	font-size: 10px;
	color: #000000;
}

.actxxsmall {
	font-size: 10px;
	color: #000000;
}

.actxsmall {
	font-size: 11px;
	color: #000000;
}

.actsmall {
	font-size: 11px;
	color: #000000;
}

.actregular {
	font-size: 13px;
	color: #000000;
}

.actlarge{
	font-size: 16px;
	color: #000000;
}

.actxlarge {
	font-size: 20px;
	color: #000000;
}

.actxxlarge {
	font-size: 20px;
	color: #000000;
}

.actwarningcolor {
	color: #cc0000;
}
	
.actrequiredcolor {
	color: #cc0000;
}

.actsearchhighlightcolor {
	color: #ff0000;
}

.actrequired {
	color: #cc0000;
}

.actwarning {
	font-size: 11px;
	color: #cc0000;
}

.actwelcome {
	font-size: 11px;
	color: #000000;
}

.actlogotext {
	font-size: 11px;
	color: #D9090E;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
.actlogout {
	font-size: 11px;
	color: #000000;
}

/* Boxes and borders ------------------------------------------- */

.thinborder1 {
	border: 1px solid #ffffff;
}

.thinborder2 {
	border: 1px solid #ffffff;
}

.thinred {
	border: solid 1px #ffffff;
	border-top: 0px;
}

.thinred2 {
	border: solid 1px #ffffff;
	border-top: 0px;
} 

.boxheading {
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}

a.boxlink:link{
	color: #ffffff;
	text-decoration:none;
}

a.boxlink:visited{
	color: #ffffff;
	text-decoration:none;
}

a.boxlink:hover{
	color: #ffffff;
	text-decoration:underline;
}

a.boxlink:active{
	color: #ffffff;
	text-decoration:none;
}

* html .boxhead h2 {height: 1%;}

.sidebox {
	background: url('theme_curve4.gif') no-repeat bottom right;
	font-size: 100%;
}

.boxhead {
	background: url('theme_curve2.gif') no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}

.boxhead h2 {
	background: url('theme_curve1.gif') no-repeat top left;
	margin: 0;
	padding: 5px 10px 5px;
	color: #ffffff; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}

.boxbody {
	background: url('theme_curve3.gif') no-repeat bottom left;
	margin: 0;
	padding: 5px 10px 11px;
}

.boxbody ol {
	margin: 0;
	padding: 0;
	margin-left: 1.2em;
	padding-left: 1.2em;
}

.boxbody ol li {
	margin-bottom: 0.2em;
}

/* Shopping cart and checkout fields ------------------------------------------- */

table.checkout td {
	background-color: #efefef;
}

table.checkout th {
	background-color: #fe4d00;
}

.cart {
	background-color: #efefef;
}

.cartheading {
	background-color: #fe4d00;
	font-weight: bold;
}


/* Checkout Progress Indicator  ------------------------------------------------ */

p.checkout-progress-heading {
	width: 300px;
	margin: 10px auto;
}

#checkout-progress-indicator {
	width: 300px;
	height: 19px;
	background-image: url('cpi-background.gif');
	margin: 0 auto 20px auto;
}

.checkout-progress-0 {
	width: 75px;
	height: 19px;
	background-color: #ffffff;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-1 {
	width: 150px;
	height: 19px;
	background-color: #ffffff;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-2 {
	width: 225px;
	height: 19px;
	background-color: #ffffff;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-3 {
	width: 300px;
	height: 19px;
	background-color: #ffffff;
	background-image: url('cpi-main.gif');
	float: left;
}

#checkout-progress-indicator .cpi-end {
	width: 8px;
	padding: 0;
	margin: 0;
	border: 0;
	height: 19px;
	background-image: url('cpi-end.gif');
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}

/* Formatting for the site map -------------------------------------------- */

#actinic-sitemap {
	margin-left: 5px;
}

#actinic-sitemap ul {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Used by 'CSS Product Layout' ------------------------------------------- */

.content_left {
	text-align: left;
	float: left;
	margin-right: 20px;
}

.content_right {
	text-align: left;
	float: left;
}

/* Used by 'Standard Layout Using CSS' and related CSS-based product layouts */

.product_list	{
	margin: 20px 0px 20px 0px;
	}	

/* headings ----------------------------------------------------------------------------- */


h1.subheading	{
	font-size: 13px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 14px 0px;
	color: #ffffff;
	}
		
h2.clearall	{
	font-size: 16px;
	font-weight: 900;
	margin: 0px;
	padding: 2px 0px 14px 0px;
	color: #ffffff;
	clear:both;
	}
	
h3.product	{
	font-size: 13px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	color: #ffffff;
	}
	
h3.product_price	{
	font-size: 11px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
.text_heading_left_column	{
	margin: 0px;
	padding: 19px 0px 4px 0px;
	line-height:normal;
	color: #ffffff;
	font-weight: 900;
	font-size: 13px;
	}

/* Default formatting of all text boxes used in store pages ---------------- */

.form_input_general	{
	line-height: normal;
	font-size : 11px;
	word-spacing: normal;
	}

/* Styles for 'Quick Search Bar With Larger Button' ------------------------ */

.form_main_search_box	{
	line-height: 13px;
	width: 76px;
	height: 16px;
	margin: 0px 1px 0px 1px;
	padding: 0px 0px 0px 2px;
	font-size : 11px;
	background-color: #efefef;
	border: 1px solid #efefef;
	color: #000000;
	vertical-align: top;
	}

.form_main_search_box_td	{
	background-color: #ffffff
	}

.form_button_quick_search	{
	line-height: 13px;
	height: 18px;
	width: 85px;
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 0px 12px;
	font-size : 11px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #ffffff;
	background-image: url('theme_icon_search.gif');
	word-spacing: normal;
	}


/* Styles for the 'Mini' marketing layouts ---------------------------------- */

.product_image_cost	{
	margin: 0px 12px 8px 0px;
	text-align: center;
	float: left;
	}
	
.text_product_small_info	{
	font-size: 10px;
	line-height: normal;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	}

.text_product_small_info_heading	{
	margin: 0px;
	padding: 10px 0px 12px 0px;
	line-height:normal;
	color: #ffffff;
	font-weight: 900;
	font-size: 11px;
	}
	
.text_product_small_info_price	{
	margin: 0px;
	padding: 8px 0px 0px 0px;
	line-height:normal;
	font-weight: 900;
	font-size: 11px;
	}

.best_selling_items	{
	padding: 10px;
	background-color: #ffffff;
	}
	
.best_selling_items_spacing	{
	padding: 0px 0px 8px 8px;
	}

/* Styles for product image and fragment image placement in some layouts -------------------------- */

.image_float_right	{
	float: right;
	margin: 16px 0px 15px 20px;
	}

.image_product	{
	margin: 0px 18px 10px 0px;
	text-align: center;
	float: left;
	}


/* Links to sections and pages in sidebar menus on some themes -------------------------------------*/

ul.products	{
	line-height: normal;
	padding: 0px 0px 0px 1px;
	margin: 3px 0px 4px 15px;
	font-size: 11px;
	color: #cc0000;
	}

a.product_section:visited  {
	color : #000000;
	text-decoration : none;
	}
	
a.product_section:link  {
	color : #000000;
	text-decoration : none;
	}
	
a.product_section:active  {
	color : #000000;
	text-decoration : none;
	}
	
a.product_section:hover  {
	color : #000000;
	text-decoration : none;
	}

/* lines -------------------------------------------------------------------------------- */

.dotted_line_blue	{
	height: 1px;
	background-color: #ffffff;
	background-image:url('theme_dotted_line.gif');
	clear:both;
	}
	
.solid_line_light_blue	{
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	clear:both;
	}
	
.solid_line_blue	{
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	clear:both;
	}
	
.dotted_outline_blue	{
	border: 1px dotted #ffffff;
	padding: 8px;
	}		



/* Styles for 'Compact Parent Section List' ------------------------ */

.text_breadcrumbs	{
	font-size: 10px;
	color: #ffffff;
	margin: 0px;
	line-height:normal;
	padding: 2px 0px 10px 0px;
	}	

a.link_breadcrumbs:visited	{	
	color : #ffffff;
	text-decoration : underline;
	}

a.link_breadcrumbs:link  {
	color : #ffffff;
	text-decoration : underline;
	}
	
a.link_breadcrumbs:active  {
	color : #ffffff;
	text-decoration : underline;
	}
	
a.link_breadcrumbs:hover  {
	color : #ffffff;
	text-decoration : underline;
	}
	

/* Page footer  --------------------------------------------------------*/

.text_footer	{
	color: #ffffff;
	font-size: 10px;
	padding:0px;
	margin:4px 0px 0px 0px;
	}

.text_menu_no_space	{
	word-spacing: normal;
	}

a.link_footer:visited  {
	color : #ffffff;
	text-decoration : underline;
	}
	
a.link_footer:link  {
	color : #ffffff;
	text-decoration : underline;
	}
	
a.link_footer:active  {
	color : #ffffff;
	text-decoration : underline;
	}
	
a.link_footer:hover  {
	color : #ffffff;
	text-decoration : underline;
	}


/* Heading for attributes  --------------------------------------------------------*/

.text_options	{
	font-weight: 900;
	}


/* Formatting for 'Add To Cart Button With Cart Icon' ----------------------------------------------*/

.form_button_add_to_cart	{
	line-height: 13px;
	height: 20px;
	width: 76px;
	margin: 0px 1px 0px 0px;
	padding: 1px 0px 1px 14px;
	font-size : 11px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #ffffff;
	background-image: url('theme_icon_add_to_cart.gif');
	word-spacing: normal;
	}	


/* Styles for CSS Buttons ----------------------------------------------*/

.text_menu	{
	padding: 2px 0px 2px 0px;
	font-size : 11px;
	margin: 0px;
	color : #ffffff;
	}
	

a.link_menu:visited  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #ffffff; 
	border: 1px solid #ffffff;
	}
	
a.link_menu:link  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	}
	
a.link_menu:active  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	}
	
a.link_menu:hover  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	}

/* Styles for 'Top Level Section List In Boxes' and 'Brochure Nav Bar In Boxes' --------------------*/

.tech_main_menu	{
	background-color: #ffffff
   }
		
.tech_menu_bottom	{
	height: 4px;
	background-color: #ffffff;
	}
		
.tech_menu_button_border	{
	width: 121px; 
	border-right: 1px #ffffff solid;
	border-top: 1px #ffffff solid;
   }
	
div.tech_menu_button {
	width: 119px; 
	top: 0px;
	left: 0px; 
	border: 1px #ffffff solid;
   }
		
div.tech_menu_button_product {
	width: 119px; 
	top: 0px;
	left: 0px; 
	border: 1px #ffffff solid;
   }
		
.tech_menu_button_title	{
	width: 122px;
	border-top: 1px #ffffff solid;
	background-color: #ffffff;
   }

.tech_text_product_section	{
	padding: 3px 3px 3px 5px;
	margin: 0px;
	color : #ffffff;
	font-size : 11px;
	font-weight: 900;
   }

div.tech_menu_button a  {
	width: 113px; 
	color: #ffffff;
	text-decoration:none;
	display:block;
	padding:3px;
	text-align:left;
	background-color: #ffffff;
	font-size: 11px;
   }
	
div.tech_menu_button a:visited {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
   }
	
div.tech_menu_button a:active {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
   }
	
div.tech_menu_button a:link {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
	}

div.tech_menu_button a:hover {
	color: #ffffff;
	text-decoration:none;
	background-color: #ffffff;
   }

div.tech_menu_button_product a   {
	width: 104px; 
	color: #ffffff;
	text-decoration:none;
	display:block;
	padding:3px 3px 3px 12px;
	text-align:left;
	background-color: #ffffff;
	font-size: 11px;
   }
	
div.tech_menu_button_product a:visited {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
	background-image:url('theme_arrow.gif');
   }
	
div.tech_menu_button_product a:active {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
	background-image:url('theme_arrow.gif');
   }
	
div.tech_menu_button_product a:link {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
	background-image:url('theme_arrow.gif');
   }

div.tech_menu_button_product a:hover {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
	background-image:url('theme_arrow.gif');
   }

/* Start of styles new to v9 */

/* Styles for 'Best Seller List in Boxes' and 'New Products List in Boxes' used on the brochure home page */

.heading_marketing_box	{
	border: 2px solid #ffffff;
	width: 229px;
	margin: 0px 20px 14px 0px;
	}
		
.heading_marketing_box p.text_product_small_info_heading	{
	background-color: #ffffff;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	font-weight: 900;
	font-size: 11px;
	background-image: url('theme_marketing_header.gif');
	margin: 0px;
	padding: 4px 0px 0px 8px;
	height: 20px;
	}
	
.heading_marketing_box	p{
	padding: 8px;
	}

.heading_marketing_box .product_image_cost	{
	padding: 8px;
	}


/* Rounded header and footer used around the bulk areas in 'Expert' and 'Hotshot' themes,
but also used in the lists that have 'Rounded Corners' in the name */

.rounded-heading {
	background-image: url('theme_curve2.gif');
	background-repeat: no-repeat;
	background-position: top right;
	}

.rounded-heading p.spacer {
	margin: 0;
	padding: 3px 0;
	background-image: url('theme_curve1.gif');
	background-repeat: no-repeat;
	margin-right: 10px;
	color: #ffffff;
	}

.rounded-footer {
	background-image: url('expert_rounded_bottom_right.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	}

.rounded-footer p.spacer {
	margin: 0;
	padding: 3px 0;
	background-image: url('expert_rounded_bottom_left.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-right: 10px;
	color: #ffffff;
	}

.indented-link a {
	display: block;
	background-color: #fff;
	width: 140px;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #ffffff;
	}

.indented-link a:hover {
	background-color: #ffffff;
	}

/* Style for the 'Graduated Background' for Top Level Section lists and Brochure Page lists */

.graduated-link a {
	display: block;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	text-decoration: none;
	border: solid 1px #ffffff;
	border-bottom: 0;
	border-right: 0;
	background-image: url('prime_link_background.gif');
	background-repeat: no-repeat;
	}

/* Style for the 'Shaded Background' for Top Level Section lists and Brochure Page lists */

.hotshot-link a {
	display: block;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #ffffff;
	}

.hotshot-link a:hover {
	background-image: url('hotshot-link-highlight.gif');
	background-repeat: no-repeat;
	}

.hotshot-box-main {
	background-image: url('hotshot-box-main.gif');
	background-position: bottom;
	width: 170px;
	}

.hotshot-box-content {
	background-image: url('hotshot-box-top.gif');
	background-repeat: no-repeat;
	padding: 10px;	
	}

/* Styles for 'Quick Search Bar With Curved Box' layout */

.formbox1 {
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url('theme-rounded-searchfield-left.gif');
	height: 19px;
	padding-left: 10px;
	background-repeat: no-repeat;
	float: left;
	}

.formbox2 {
	padding: 0px;
	margin: 0px;
	border: 0px;
	height: 19px;
	background-image: url('theme-rounded-searchfield-right.gif');
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 10px;
	}

.inputfield {
	padding: 0px;
	margin: 1px 0;
	border: 0px;
	height: 16px;
	font-size: 12px;
	}

/* Drop down menus used for top level section lists and brochure page lists in the 'Corporation' and 'Premier' theme */

#corporate_top_menu, #corporate_top_menu ul { /* main menu lists */
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 1;
	font-size: 11px;	
	}

#corporate_top_menu a {
	display: block;
	color: #ffffff;
	padding: 3px 6px 3px 13px;
	margin: 0;
	font-size: 11px;	
	text-decoration: none;
	background-image: url('theme_arrow.gif');
	background-position: left;
	background-repeat: no-repeat;
	background-color: #ffffff;
	border-right: 1px solid #000000;		
	}

#corporate_top_menu li a:hover {
	display: block;
	color: #ffffff;
	padding: 3px 6px 3px 13px;
	margin: 0;
	font-size: 11px;	
	text-decoration: none;
	background-image: none;
	background-color: #ffffff;
	background-image: url('theme_arrow.gif');
	background-position: left;
	background-repeat: no-repeat;
	}

#corporate_top_menu li { /* all list items */
	float: left;
	padding: 0px;
	margin: 0;
	list-style-image: none;
	line-height: 18px;
	}

#corporate_top_menu li ul { /* second-level lists */
	font-size: 100%;
	width: 150px; 
	display: block;
	position: absolute;
	margin: 0px 0px 0px -2px;
	border-top: 1px solid #000000;
	list-style-image: none;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}

#corporate_top_menu li ul li { /* second-level lists */
	width: 150px; 
	display: block;
	background-image: none;
	background-color: #ffffff;
	border-bottom: 1px solid #000000;
	}

#corporate_top_menu li ul li a { /* second-level lists */
	background-image:none;
	padding: 3px 6px 4px 6px;
	line-height: 150%;
	display: block;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}

#corporate_top_menu li ul li a:hover { /* second-level lists */
	display: block;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 3px 6px 4px 6px;
	background-image:none;
	background-color: #ffffff;
	}

#corporate_top_menu li ul ul { /* third-and-above-level lists */
	margin: -24px 0px 0px 149px;
	}

#corporate_top_menu li:hover ul ul, #corporate_top_menu li.sfhover ul ul {
	left: -999em;
	}

#corporate_top_menu li:hover ul, #corporate_top_menu li li:hover ul, #corporate_top_menu li.sfhover ul, #corporate_top_menu li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

.corporate_pages_menu ul { /* brochure list */
	padding: 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1;
	font-size: 11px;	
	list-style-image: none;
	}

.corporate_pages_menu ul li {
	display: block;
	background-image:none;
	background-color: #ffffff;
	border-bottom: 1px solid #000000;
	}

.corporate_pages_menu li a {
	color: #ffffff;
	background-image:none;
	padding: 3px 6px 4px 6px;
	line-height: 150%;
	display: block;
	}

.corporate_pages_menu li a.product_section {
	color: #ffffff
	}
	
.corporate_pages_menu li a:hover {
	color: #ffffff;
	display: block;
	padding: 3px 6px 4px 6px;
	background-image: none;
	background-color: #ffffff;
	}
	

/* WRAPPER */

#wrapper { width:940px;
            margin:0 auto;
	    text-align:left;
	    }
	    
/* BRANDING */

#branding { width:900px;
            background-color:#FE4D00;
	    padding:0 20px;
	    position:relative;
	    
}

/* shipping icon */

#branding blockquote { width:303px; height:37px;
                       background:url("free-battery-delivery.gif") no-repeat top left;
		       position:absolute;
		       top:40px; left:360px;
}

#branding blockquote, #branding blockquote p { padding:0; margin:0;}

#branding blockquote p { text-indent:-99999px;}

/* top right nav */

#branding ul { list-style:none;
               padding:10px 0; margin:0;
	       width:900px;
	       text-align:right;
	       }
	       
#branding li { display:inline;
               color:#fff;
	       font-weight:bold;
	       padding:0 4px; border-right:solid 1px #fff;
	       }
	       
#branding li.nobords { padding-right:0; border-right:none; }

#branding li a { color:#fff; }

/* site logo */

#branding h1 { width:146px; float:left; margin:0; padding:0;
               text-indent:-9999px;
               height:34px;
               position: relative;
               }

#branding h1 a {
                display: block;
               text-decoration: none;
               cursor: pointer;
               }

#branding h1 span {  height:34px;
                     position: absolute;
                     top: 0;
                     left: 0;
                     background:url("vapex-branding.jpg") no-repeat top left;
                     width:146px;
                     }

/* search form */

#branding form { width:500px;
                 float:right; margin:0; padding:20px 0;
		 text-align:right;
}

#branding form p { margin:0; padding:0;}

#branding form p input { vertical-align:middle;}

#stxt { border:solid #363636 1px;
        width:160px; height:16px;
	font-family: Arial, Verdana, sans-serif;
	font-size:1.1em;
	padding:2px 10px 0 10px;
	margin:0 5px 0 0;

}

/* Global Nav */

#nav { list-style:none;
       background:#363636 url("global-nav.jpg") repeat-x bottom left;
       height:3.5em;
       margin:0; padding:0;
}

#nav li { float:left;
          font-size:1.1em;
	  text-transform:uppercase;
	  }

#nav li a { color:#fff;
            display:block;
	    background:url("nav-bk.gif") no-repeat top right;
	    padding:0 22px 0 20px;
	    line-height:3.2em;
	    text-decoration:none;
	    }
	    
#nav li a:hover { background:#3BBA38 url("hover-bk.png") no-repeat top left; color:#fff; }

/* MAIN CONTENT WRAPPER */

#content-wrap { width:938px; padding:5px 0 20px 0;
                background:#E8E9E9 url("content-bk.jpg") repeat-x bottom left;
		border:solid #ccc 1px;
}

/* BREADCRUMB LINK */

#crumb-link { background-color:#fff;
              width:918px;
	      border-top:solid 1px #ccc;
	      border-bottom:solid 1px #ccc;
	      padding:0 0 0 20px;
	      margin:0 0 12px 0;
	      line-height:1.6em;
	      font-weight:bold;
}

#crumb-link a { color:#363636; }

/* MAIN CONTENT DIVIDES */

#supp-nav { width:200px;
            float:left;
	    padding-left:3px;
}

#maincontent { width:730px;
            float:right;
	    
}

#content, #hp-content { width:532px;
           float:left;
	   }
	   
#supp-content { width:197px;
                float:right;
		}
		
/* supp navigation */

#supp-nav h3 { width:200px;
            margin:0; padding:0;
	    text-indent:-9999px;
	    height:20px;
}

#store-hr { background:url("battery-hr.gif") no-repeat top left; }

#mail-hr { background:url("mailing-list-hr.gif") no-repeat top left; }

#bestsell-hr { background:url("best-sellers-hr.gif") no-repeat top left; }

#newprods-hr { background:url("new-bat-hr.gif") no-repeat top left; }


#supp-nav form { width:198px;
                 border:solid #ccc 1px;
		 background:#fff url("mail-form-bk.jpg") repeat-x bottom left;
		 padding:10px 0; margin:0 0 10px 0!important;
		 }
		 
#supp-nav form p { margin:0; padding:0; text-align:center;}

#supp-nav form p input { vertical-align:middle;}

#supp-nav form p a { color:#0BB7E1; font-weight:bold;}

#mtxt { width:120px; height:18px; border:solid #ccc 1px;
        font-family: Arial, Verdana, sans-serif;
	font-size:11px; margin-right:5px;
	}

#supp-nav ul { list-style:none;
               padding:0;
	       margin:0 0 10px 0;
	       border-right:solid #ccc 1px;
	       border-left:solid #ccc 1px;
	       width:198px;
	       }
	       
#supp-nav li { background:#fff url("supp-nav-bk.jpg") repeat-x bottom left;
	       border-bottom:solid #ccc 1px;
	       padding-left:5px; float:left; width:193px;
}
	       
#supp-nav li a { display:block; 
                 background:url("orange-arrow.png") no-repeat left 11px;
		 padding:8px 8px 8px 8px; text-transform:uppercase;
		 color:#363636; 
                  }
		  
#supp-nav li a:hover { color:#3BBA38;}

#xcards { text-align:center; margin:0 0 11px 0!important; padding:0!important; }

/* supp content */

#supp-content h3 { padding:0; margin:3px 0 0 0;
                   text-indent:-99999px;
		   width:197px;
		   }

#cart-hr { background:url("shopping-basket-hr.png") no-repeat top left;
           height:45px; margin:-2px 0 0 0!important;
}


#cart-lnks { width:197px;
             background:url("shopping-basket-bk.png") no-repeat bottom left;
	     height:8.0em;
}

#cart-lnks p { padding:8px 0; margin:0; text-align:center;
               font-size:1.2em;
	       }

#vchk { padding-right:5px;}

#cust-service { width:197px;
                background:url("helpline-bk.png") no-repeat top left;
		padding-top:30px; 
		height:88px;
}

#cust-service h4, #cust-service p { padding:0;
                   margin:0 0 0 10px;
		   font-size:1.1em;
		   text-transform:uppercase;
		   }
		   
#cust-service p strong { color:#FE4C00; font-size:1.4em; }

#cust-service p span { font-size:8px;}

/* supp content - promo content */

.sm-promo-pod { width:187px; height:83px;
                background:url("battery-promo-pod-bk.png") no-repeat top left;
		
		padding:5px 5px 0 5px;
}

.sm-promo-pod img { float:left; margin:0 8px 0 3px; }

.sm-promo-pod h5 { margin:20px 0 0 0; padding:0;
                   text-transform:uppercase;
		   font-size:1.2em;
		   
}

.ad-pod { padding:3px 0;
          margin:0 auto;
	  width:180px;
	  }

.ad-pod img { border:solid #ccc 1px; display:block; }

/* HOME PAGE STYLES  */

#home-banner { width:530px;
               height:252px;
	       background:url("welcome-bk.png") no-repeat top left;
}

#home-banner h2 { color:#fff; padding:15px 0 0 13px; margin:0; font-size:2.2em;
                   text-transform:uppercase;
}

#home-banner img { margin:20px 0 0 30px; float:left; }

#home-banner p { margin:0;
                 padding:7px 30px 0 0; width:260px;
		 float:right; color:#fff;
		 font-size:1.1em;
		 }
		 
#shop-lnk { background:url("welcome-screen-bk.png") no-repeat top left;
             height:25px; margin-top:10px!important;
	     
}

#shop-lnk a { color:#353535;
              background:url("range-arrow.png") no-repeat right center;
	      padding-right:12px; text-transform:uppercase;
	      font-weight:bold; padding-left:17px;
}

/* home styles - 2 promo pods */

#pods-wrap { width:530px;}

.racing-pod { width:245px;
              height:156px;
	      background:url("vp-racing-tech-bk.png") no-repeat top left;
	      padding:0 6px 0 5px;
	      float:left;
}

.racing-pod img { float:right; margin:12px 0 0 2px; }

.racing-pod  p { padding:45px 0 0 0; margin:0; font-size:1.1em; }

.tech-pod { width:245px;
              height:156px;
	      background:url("vp-tech-bk.png") no-repeat top left;
	      float:right;
	      padding:0 11px 0 0;
	      margin-right:-2px;
}

.tech-pod img { float:left; margin:10px 4px 0 0; }

.tech-pod  p { padding:40px 0 0 0; margin:0; font-size:1.1em; }

/* home page new products */

#hp-content h3, #sec-hr { background:#FE4D00 url("latest-products-bk.jpg") repeat-x top left;
              padding:0; margin:0;
	      font-size:1.4em;
	      text-transform:uppercase;
	      width:526px;
	      color:#fff;
	      line-height:1.8em;
	      text-align:center;
	      border:solid #FE4D00 1px;
}

#new-products-wrap, #product-wrap, #chk-wrap, #broc-wrap { border-right:solid #ccc 1px;
                    border-left:solid #ccc 1px;
		    border-bottom:solid #ccc 1px;
		    padding:10px 8px;
		    width:510px;
		    background-color:#fff;
		    
}

#product-wrap { float:left; }

.new-prod-item { width:160px;
                 padding:15px 10px 0 0;
		 margin:0;
		 float:left;
		 height:180px;
		 background:url("np-divide.gif") no-repeat bottom left;
		 }

.new-prod-item p, .new-prod-item h4  { margin:0 0 3px 0; padding:0; }

.new-prod-item p, .new-prod-item h4 { text-align:center;}

.new-prod-item h4 { text-transform:uppercase; font-size:1.1em; }

.new-prod-item p a { color:#f00; font-weight:bold; }


/* FOOTER */

#footer { background-color:#FE4D00; color:#fff;
          text-align:center; font-weight:bold;
	  
}

#footer p { margin:0; margin:0; line-height:2.6em;}

#footer p a { color:#fff; }

/* SITE CREDITS */

#site-credits { width:940px; }

#site-credits address { padding:3px 0; margin:0;
                        font-style:normal;
			text-align:center;
			color:#666;
			}
			
#site-credits address a { color:#666; }

#site-credits p { margin:0; padding:10px 0;
                  text-align:center; color:#666; font-weight:bold;
		  font-size:9px;
		  }
		  
#site-credits p img { padding-right:5px; }


/* PRODUCT SUMMARY */

.prod-summary { width:500px;
                padding:20px 0 30px 0;
                border-bottom:solid #ccc 1px;
                }


.prod-sum-img { width:230px;
                float:left;
                }
                
.prod-sum-img p { padding:0; margin:0; text-align:center; }
                
.prod-sum-img p img { border:solid #000 1px; }

.prod-sum-txt { width:260px;
                float:right;
                }
                
.prod-sum-txt h3, .prod-sum-txt p, .prod-sum-txt h4 { padding:0; margin:0 0 10px 0; }

.prod-sum-txt h3 { font-size:1.6em; color:#000; 
                   text-transform:uppercase;
}

.prod-sum-txt p { font-size:1.1em; }

.prod-sum-txt h4 { color:#c00; font-size:1.8em; } 


/* CHECKOUT STYLES */

#chk-wrap table th, chk-wrap table td { font-size:12px; }

#chk-wrap input, #chk-wrap select { font-size:12px;
                                    font-family: Arial, Verdana, sans-serif;
} 

.cartheading { color:#fff; }

/* BROCHURE STYLES */



#broc-wrap p { font-size:1.2em;
               line-height:1.4em;
               padding:0; margin:0 0 10px 0;
               }
               
.nimg { height:100px; }
       
/* DIV STYLES  */

.fixclear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

* html .fixclear { height:1%;}
.fixclear { display:block; }