﻿body {
 	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 63.125%;	 /*reset 1em to 10px, 1.1em to 11px, etc */
	color: #333;
	background: #eee url('images/header/header_bg.gif') repeat-x top left; 
	}
	
	/*position of the Main Top Navigation*/
	#mainNav
	{
		position:absolute;
		top:31px;
		left:50%;
		margin-left:-385px;
		width:54em;
		z-index:100;
	}
	
	
h2 {
	margin: 0 0 15px 0;
	font-size: 1.8em;
	font-weight: normal;
	}

h3 {
	margin: 0 0 15px 0;
	font-size: 1.3em;
	font-weight: bold;
	}
	
.note
{
 font-family:'Arial', 'Verdana', 'Arial','Helvetica', 'sans-serif';
 font-size:11px; 
 color:red;
}

.note1
{
 font-family:'Arial', 'Verdana', 'Arial','Helvetica', 'sans-serif';
 font-size:11px; 
 color:black;
}
	
.gridRow {
	padding-bottom:  20px;
	padding-top:  20px;
    margin-top    : 20px;
	margin-bottom: 20px;
	border-bottom: dotted  1px #b6babf;
	}
	
p {
	margin: 0 0 15px 0;
	font-size: 1.1em;
	line-height: 1.4em;
	}
	
pre {
	margin: 0 0 15px 0;
	font-size: 1.1em;
	line-height: 1.4em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
Font {
	font-size: 1.1em;
	}	
.Regular { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt;  color : Black;  }

#breadcrumb {
	float: left;  /* try to prevent IE6 guillotine bug */
	margin: 10px 0 4px 0;
	width: 100%;
	color: #999;
	line-height: 1.4em;
	}
	
.req {
	font-weight: bold;
	color: #f00;
	}
	
.BlackBold {
	font-size: 1em; 
	font-family: Verdana,Arial,Helvetica,Univers,Zurich BT; 
    font-weight: bold;
	line-height	: normal;
    color : #000000;                
    }
 
 .WhiteBold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt;  color : White; font-weight		: bold;
}
.Regular { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt;  color : Black;  }
.copyright { font-size : 10px; font-family :Verdana, Arial, Helvetica, sans-serif; color: #5D5D5D}

.imageremove{background-image: url('images/x_red.gif');}

.table-head {
	background: #eee;
	}
	
	a.linkButton, a.linkButton:visited
{
  padding-right:21px;
  font-family: 'Arial', 'Verdana', 'Helvetica', 'sans-serif';
  font-size:12px; 
  color:#4c4c4e;
  text-decoration:none;
	background: transparent url('images/Icon_Submit.gif') no-repeat right 1px;
}
a.linkButton:Hover
{	
  font-family: 'Arial', 'Verdana', 'Helvetica', 'sans-serif';
  font-size:12px; 
  color:#003399; 
  text-decoration:none;
  background-position: right -33px;
}

/****************************************
 * Header
 ****************************************/

/* logo */
 
#logo {
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: -375px;
	}
	
#logo a {
	border: none;
	}
	
#printlogo
{
	display:none;
}	
/* Dealer branding */

#dealerInfo
{
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: -259px;
	top: 10px;
	position: absolute;
	background-color:#ffffff;
	 width:80px;
	
}	
.DealerName
{
  font-weight:bold;
  font-family:Verdana,Arial, Arial,Helvetica, sans-serif;
  font-size:7pt; 
  color:#000000;
}
.dealerBrandingHide
{
	display:none;
}

.dealerBranding
{
  font-family:Verdana, Arial,Helvetica, sans-serif;
  font-size:7pt; 
  color:#000000;
}  
 a.dealerBranding, a.dealerBranding:visited 
{
  font-family:Verdana, Arial,Helvetica, sans-serif;
  font-size:7pt; 
  color:#000000;
  text-decoration:underline;
}
a.dealerBranding:Hover
{
  font-family:Verdana, Arial,Helvetica, sans-serif;
  font-size:7pt; 
  color:#226699;
}

.dealerPopDetail
    { 
	POSITION:absolute;		
	display:none;
	background-color: white;	
	width: 30em; 
	font-family: verdana, arial, helvetica, sans-serif;
    font-size:8pt;     
	BORDER-LEFT: 1px solid #a2a3a5; 
	BORDER-TOP: 1px solid #a2a3a5; 
	BORDER-BOTTOM: 2px solid  #a2a3a5; 
	BORDER-RIGHT: 2px solid  #a2a3a5; 
	PADDING: 10px; 
	text-align:left;
	z-index: 101;
	}

/* top row of header links */
#header .header_top {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -370px;/* -390px  vehicle acessories*/
	width: 60em;
	
	}

#header .header_top ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#header .header_top li {
	float: left;
	margin: 0 12px 0 0;
	padding: 0 12px 0 0;
	background: url(images/header/headerlinks.gif) no-repeat center right;
	}
	
#header .header_top a {
	float: left;
	padding: 8px 0 0 13px;
	height: 22px;
	text-decoration: none;
	border: none;
	color: #b6babf;
	background-position: center left;
	background-repeat: no-repeat;
	}

#header .header_top a:hover {
	color: #fff;
	}

#homeLink a		{ background-image: url(images/header/home.gif); }
#accountLink a	{ background-image: url(images/header/account.gif); }
#bagLink a		{ background-image: url(images/header/shoppingbag.gif); }
#helpLink a		{ background-image: url(images/header/help.gif); }


.helplinks	{ background-image: url(../../App_Themes/Lifestyles/images/header/help.gif); }

/* search form */

.searchInput 
{
	padding: 1px 2px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	margin: 6px 0 0 0;
	border: none;
	width: 100px;
	background: #eee url(images/header/search_bg.gif) no-repeat top left;
	vertical-align: middle;
	}

.searchSubmit {
	margin: 7px 0 0 0;
	vertical-align: middle;
	}
	


/****************************************
 * Footer
 ****************************************/

#footer {
	clear: both;
	margin: 0 auto;
	padding: 7px 0 20px 0;
    width     : 740px; 
	}
.FooterCopyright {
	line-height: 1.4em;
	color: #9a9a9a;
	}
	
	
/****************************************
 * Content Layout
 ****************************************/
 
#contentWrap {
	float: left;
	margin: 70px 0 0 0;
	padding: 0 0 20px 0;
	width: 100%;
	background: #fff;
	border-bottom: 2px solid #ccc;
	}
	
#content {
	margin: 0 auto;
	width: 740px;
	
	}
	
#contentTextArea p, #main p {
	font-size: 1.3em;
	}
	
#contentTextArea {
	float: right;
	width: 515px;
	}
	
	
* html #contentTextArea {
	position: relative;
	left: 20px;
	}

	
/****************************************
 * Homepage
 ****************************************/
	
	
/* content sections */	
#byPrice {
	display: inline; /* fix IE6 margin doubling */
	float: left;
	margin: 25px 20px 0 0;
	width: 160px;
	background: url(images/vertical.gif) repeat-y top right;
	}
	
#byPrice p {
	margin: 0 20px 5px 0;
	}
	
#giftIdeas {
	display: inline; /* fix IE6 margin doubling */
	float: left;
	margin: 25px 0 0 0;
	width: 140px;
	}
	
	
/****************************************
 * Left Navigation
 ****************************************/

/* left nav container*/	
#LeftNavTop {
	float: left;
	width: 202px;
	}

.leftNav {	
	float: left;
	margin: 0 0 20px 0;
	width: 202px;
	background: #fafafa;
	}
	
.leftNav h3 {
	margin: 0;
	padding:  10px 7px;
	color: #555;
	background: #e5e5e5 url(images/subnav_corners.gif) no-repeat  top left;
	}

	
.leftNav ul {
	margin: 0;
	padding: 0;
	}
	
.leftNav li {
	float: left;
	width: 202px;
	margin: 0;
	padding: 0;
	background: none;
	}
	
.leftNav a {
	display: block;
	padding: 7px;
	width: 186px;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	background: #fafafa;
	}
	
.leftNav a:hover {
	border-bottom: 1px solid #e5e5e5;
	background-color: #e6f3ff;
	color: #333;
	}
	
#content .leftNav .current a, #content .leftNav .current a:hover {
	font-weight: bold;
	color: #333;
	padding-left: 16px;
	width: 177px;
	background: #fff url(images/dark_gray.gif) no-repeat  7px 12px;
	}	
	
/****************************************
 * Lists
 ****************************************/

ul {
	margin: 0 0 15px 0;
	padding: 0 0 1px 0; /* try to prevent IE6 guillotine bug */
	list-style: none;
	font-size: 1.1em;
	line-height: 1.3em;
	}
	
/*ul li {
	margin: 5px 0 0 0;
	padding: 0 0 0 9px;
	background: url(images/gray.gif) no-repeat 0 0.45em;
	}*/
	
/***************************************
 * Links
 ****************************************/	


	a {
text-decoration: underline;
}
	
a:link {
	color: #06c;
	}
	
a:visited {
	color: #69c;
	}
	
a:hover {
	color: #048;
/*	border-bottom-color: #048; */
	}
	
a:active {
	color: #c33;
	border-bottom-color: #c33;
	}

/****************************************
 * Images
 ****************************************/

img {
	border: none;
	}
	
/* thumbnails */
	

		
.thumbnail-medium {
	position: relative;
	
	/* padding makes room for the dropshadow, but offsets the image */
	padding: 6px 8px 8px 6px;
	background: url(images//medium.gif) no-repeat top left;
	
	/* position and margin fix the offset */
	top: -6px;
	left: -6px;
	margin: 0 0 -14px 0;
	}
	
	
	/* productList navigation */
	
.productListNav {
	float: right;
	font-size: 1.1em;
	margin:0;
	margin-top:9px;
	}
	
.productListNav img {
	vertical-align: 1px;
	}

.productListNav span {
	float: left;
	}

.productListNav-current {
	padding: 0 5px;
	}
	
.productListNav-previous {
	padding: 0 6px 0 0;
	background: url(images/vertical_dark.gif) no-repeat top right;
	color: #999;
	}
	
.productListNav-next {
	padding: 0 0 0 6px;
	background: url(images/vertical_dark.gif) no-repeat top left;
	color: #999;
	}
	
.productListNavItemCount {
	float: left;
	font-size: 1.1em;
	margin:0;
	margin-bottom: 15px;
	}	
	
 #productListHeader{padding: 5px 5px 5px 5px; background-color:#e6f3ff; height:35px;}
 #productListFooter{padding-top:10px;}

/****************************************
* Product Item
****************************************/

#product-description {
	float: left;
	margin: 0 20px 0 0;
	width: 740px;
	}
	
#product-images {
	float: left;
	max-width: 300px;
	margin: 0 15px 10px 0;
	}
	
.additionalProductImages,.relatedProductLinks {
	clear: left;
	float: left;
	margin: 10px 0 5px 0;
	}
	
#product-shopping {
	float: right;
	clear: right;
	margin: 0 0 10px 20px;
	width: 202px;
	}	
	/* product images */

#product-mainImageWrap2 {
	position: relative;
	float: left;
	background: #ddd url(images/product_topleft.gif) no-repeat top left;
	
	/* position and margin fix the offset */
	top: -2px;
	left: -6px;
	margin: 0 0 0 0;
	}
	
#product-mainImageWrap1 {
	float: left;
	 background: url(images/product_topright.gif) no-repeat top right;
	}
	
#product-mainImage {
	float: left;
	background: url(images/product_bottomleft.gif) no-repeat bottom left;
	} 
	
#product-mainImage img {
	display: block;
	/* padding makes room for the dropshadow, but offsets the image */
	padding: 6px 8px 8px 6px;
	 background: url(images/product_bottomright.gif) no-repeat bottom right;	
	}
	
#product-images a {
	border: none;
	}
	
.product-moreImages {
	clear: left;
	float: left;
	margin: 10px 0 5px 0;
	}
#product-description p {
	font-size: 1.3em;
	}
	
#optionsContainer3 {
	float: right;
	vertical-align:top;
	margin: 0 0 10px 20px;
	background: #e6ecf2 ;
	background: #e6ecf2 url(images/tl.gif) no-repeat top left;
	}
#bagcheckout #optionsContainer3
{
	clear:both; float: left;
	margin: 0  20px 0 0 ;
	}	
	
#optionsContainer2 {
	float: left;
	background: url(images/tr.gif) no-repeat top right;
	}
	
#optionsContainer1 {
	float: left;
	padding-bottom:10px;
	background: url(images/br.gif) no-repeat bottom right;
	}
	
#optionsContainer {
	float: left;
	padding: 10px 10px 12px 12px;
	min-width: 178px;
	background: url(images/bl.gif) no-repeat bottom left;
	width: 100px; /* fix opera */
	}
	
	* html #options { /* fake min-width for IE/win */
	width: 178px;
	}

#optionsContainer .formPair {
	float: left;
	clear: both;
	padding-bottom:10px;
	}

#optionsContainer .formItem {
	float: none;
	margin: 0 0 2px 0;
	text-align: left;
	padding-bottom:5px;
	}

#optionsContainer .formValue {
	float: none;
	display: block;
	}
	
#optionsContainer .formSubmit {
	float: left;
	margin: 0;
	padding-top:5px;
	}
	
* html #optionsContainer .input-submit {
	width: 150px;
	}
.product-link {
	margin: 7px 0;
	padding: 0 0 0 22px;
	}
#emailLink {
	background: url(images/email.gif) no-repeat 0 0.45em;
	}	
	
/****************************************
 * Checkout
 ****************************************/
#bagcontents {
	float: right;
	width: 515px;
	}

#bagcheckout {
	float: left;
	width: 202px;
	}


#checkoutsummary {
	margin-bottom: 25px;
	}
	
td.totals-item {
	text-align: right;
	font-weight: bold;
	}
	
.totals-value {
	font-weight: bold;
	text-align: right;
	}
	
.checkout-summary-product {
	font-weight: bold;
	}
	
#checkoutsummary #shoppingBag img {
	float: left;
	margin-top: 5px;
	margin-bottom: -5px;
	}
	
.continueShopping {
	clear: left;
	padding: 25px 0 5px 7px;
	background: url(images/blue_left.gif) no-repeat 0 2.4em;
	font-size: 1.3em;
	font-weight: bold;
	}
	
#bagcontents .continueShopping {
	padding: 20px 0 0 7px;
	float: right;
	background-position: 0 2.1em;
	line-height: 1.4em;
	}
	
#disclaimer {
	clear: both;
	padding: 50px 0 0 0;
	color: #777;
	}

		
#subtotal {
	float: right;
	margin: 15px 0 0 0;
	width: 220px;
	text-align: right;
	}	
	
#subtotal td {
	text-align: right;
	padding-right: 10px;
	}	
#subtotal .finalTotal td {
	font-weight: bold;
	padding-bottom: 15px;
	}
	
	
	.popup7
	{
		POSITION:absolute; left:0px; top:0px;width:100%; height:120%;opacity:.60;filter: alpha(opacity=60);BACKGROUND-COLOR: #fff;-moz-opacity: 0.6;z-index: 3008;
	}
	
	.popup51 
    { 
	POSITION:absolute;
	left:35%;
	top: 30%;
	BACKGROUND-COLOR: #e6ecf2;	
	width: 250px; 
	Height: 80px;
	font-family:'Arial', 'Verdana', 'Helvetica', 'sans-serif';
    font-size:8pt;
    border-left: 1px solid  #a2a3a5; 
    border-top: 1px solid  #a2a3a5;
	border-bottom: 1px solid  #a2a3a5; 
	border-right: 1px solid  #a2a3a5; 
	PADDING: 20px; 	
	z-index: 70000 
	}
	
/****************************************
 * Email this Page
 ****************************************/
	
#emailThisPage .formSection {
	float: left;
	margin-bottom: 12px;
	padding-bottom: 3px;
	width: 100%;
	background: url(images/horizontal.gif) no-repeat bottom left;
	}

.formSection p {
	margin: 0 0 8px 0;
	font-size:  x-small
	}
	
#emailThisPage-preview {
	width: 515px;
	}	
	
#emailThisPage #message {
	width: 515px;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	background: url(images/horizontal.gif) no-repeat bottom left;
	}
	
#emailThisPage #featuredItems {
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	background: url(images/horizontal.gif) no-repeat top left;
	}
	
#emailThisPage #alsoAvailable .thumbLink-small {
	margin-right: 25px;
	}

/*Checkout*/	
	.popDetail
    { 
	POSITION:absolute;		
	visibility:hidden;
	background-color: white;	
	width: 250; 
	font-family: verdana, arial, helvetica, sans-serif;
    font-size:8pt;     
	BORDER-LEFT: 1px solid #a2a3a5; 
	BORDER-TOP: 1px solid #a2a3a5; 
	BORDER-BOTTOM: 2px solid  #a2a3a5; 
	BORDER-RIGHT: 2px solid  #a2a3a5; 
	PADDING: 1px; 
	text-align:left;
	z-index: 101;
	}
	
	.popDetailOptions
    { 
	POSITION:absolute;		
	visibility:hidden;
	background-color: white;	
	width: 250; 
	font-family: verdana, arial, helvetica, sans-serif;
    font-size:8pt;     
	BORDER-LEFT: 1px solid #a2a3a5; 
	BORDER-TOP: 1px solid #a2a3a5; 
	BORDER-BOTTOM: 2px solid  #a2a3a5; 
	BORDER-RIGHT: 2px solid  #a2a3a5; 
	PADDING: 2px; 
	text-align:left;
	z-index: 101;
	}
	
	.poppointer
	{
		cursor:pointer;
	}
	.bdetails
	{
		display:none;
	}
	a.previousLink, a.previousLink:visited
{
    display: inline;
    text-decoration :none; 
    font-family: verdana, arial, helvetica, sans-serif;
    font-size:8pt;  
    color: #000000;
    padding-left: 17px;
    background: transparent url('Images/Icon_Previous.gif') no-repeat left 1px;
}

a.previousLink:hover, a.previousLink:active
{
	color: #003399;
    background-position: left -33px;
}

a.CartButton
{
  padding-right:20px;
  text-decoration :none; 
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:8pt; 
  color:#000000;
  background: transparent url('Images/Icon_Submit.gif') no-repeat right 1px;
  
}
a.CartButton:Hover, a.CartButton:active
{
 
 text-decoration :none; 
font-family: verdana, arial, helvetica, sans-serif;
 font-size:8pt; 
 color:#003399; 
 background-position: right -33px;
 }
 
 .xsmalltext
{
    font-size: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
     color: #a2a3a5;
}

.validationtext
{
    font-size: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    color: red;
}
	
	/*--Order Confirm Page --*/
	
	div#ConfirmBorder
	{
		border: solid 1px #a2a3a5; padding:10px;
	}
	
	.tableCol, .tableCol0{width: 170px;}
	
	
/****************************************
* Print Styles
****************************************/
@media print {

#bagcontents, #bagcheckout, 
#bagcontents .formSection,
#bagcontents .formPair,
#bagcontents .formValue,
#bagcontents .formItem {
float: none;
width: 675px;
border: none;
text-align: left;
}

body{	 background: none;	}
#homeLink a		{display:none }
#accountLink a	{ display:none; }
#bagLink a		{ display:none; }
#helpLink a		{ display:none; }
.searchInput 	{display:none;	}	
.searchSubmit {display:none}

#logo {display:none }
#printlogo
{
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: -375px;
	display:inline-block;
	}

/* Dealer branding */

#dealerInfo
{
	position: absolute;
	top: 10;
	left:0px;
	width:60%;
	
}	
.DealerName
{
  font-weight:bold;
  font-family:Verdana,Arial, Arial,Helvetica, sans-serif;   
  font-size:12px; 
  color:#000000;
}

.dealerBrandingHide
{
	display:inline-block;
    font-family:Verdana, Arial,Helvetica, sans-serif;
    font-size:8pt; 
    color:#000000;  
}
  
.dealerPopDetail, .printV, .FooterCopyright, #footer
{
	display:none;
}

div#ConfirmBorder
	{
		border:none;
	}
	
	table#ShippingTable
	{
		position:absolute;
		top: 330px;
	}
	
	table#BillingTable
	{
		position:absolute;
		top: 330px;
		left:400px;
	}
	
	table#OrderDetail
	{
		position:absolute;
		top: 420px;
	}
.tableCol0{width: 50px;}
.tableCol{width: 140px;}
.ConfirmTransaction
{
	position:absolute; 
	top: 320px;
}
	
a.dealerBranding, a.dealerBranding:visited,a.dealerBranding:Hover 
{
  font-family:Verdana, Arial,Helvetica, sans-serif;
  font-size:7pt; 
  color:#000000;
  text-decoration:underline;
}

#contentWrap {	
	border: 0px;
	}
	
	div#OrderDate
	{
	  padding-left:10px;
	}

}
.expeditedpopup 
   { 
	POSITION:absolute;
	VISIBILITY: visible; 
	BACKGROUND-COLOR: white;	
	width: 175px; 
	font-family:'Arial', 'Verdana', 'Helvetica', 'sans-serif';
    font-size:8pt; 
	BORDER-LEFT: 1px solid #a2a3a5; 
	BORDER-TOP: 1px solid #a2a3a5; 
	BORDER-BOTTOM: 2px solid  #a2a3a5; 
	BORDER-RIGHT: 2px solid  #a2a3a5; 	
	padding-left:10px;
	padding-top:5px;
	padding-bottom:7px;
	text-align:left;
	z-index: 30000;
	margin-top:-45px;
	margin-left:55px;
    float:left;
	}
.red11px
{
  font-family: Arial, Verdana, Arial,Helvetica, sans-serif;
  font-size:11px; 
  color:#ff6666;
}

.TitleName,.TitleName:link,.TitleName:hover,.TitleName:visited
{
  
  font-family:Arial, Arial,Helvetica, sans-serif;
  font-size:14pt;   
  color:#000000;
  text-decoration:none;
  
}


	.shopnowpopup1 
   { 
	POSITION:absolute;	
	BACKGROUND-COLOR: #E6E7E9;	
	width: 368px; 
	font-family:'Arial', 'Verdana', 'Helvetica', 'sans-serif';
    font-size:8pt; 
	BORDER-LEFT: 1px solid #a2a3a5; 
	BORDER-TOP: 1px solid #a2a3a5; 
	BORDER-BOTTOM: 1px solid  #a2a3a5; 
	BORDER-RIGHT: 1px solid  #a2a3a5; 	
	padding-left:12px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	z-index: 30000;
	top:500px;
	nowrap:nowrap;		
	height:188px;
	}
	
	
	 a.divCartButton
{
  padding-left:20px;
  text-decoration :none; 
  font-family:'Arial', 'Verdana', 'Helvetica', 'sans-serif';
  font-size:8pt; 
  color:#000000;
  background: transparent url('images/Icon_Submit.gif') left 1px; background-repeat:no-repeat; background-position: top 1px;
   cursor:hand;


}


a.divCartButton:Hover, a.divCartButton:active
{
 
 text-decoration :none; 
 font-family:'Arial', 'Verdana', 'Helvetica', 'sans-serif';
 font-size:8pt; 
 color:#003399; 
 background-position: left -33px ;
 background-position: top 1px;
 cursor:hand;

 }