html { margin: 0px; padding: 0px; }

body{
	margin: 0px; 
	padding: 0px;
	font-size: 0.8em;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #1a171b;
	text-align: center;
	color: #333333;
	background-image: url(images/back_wholepagecontainer.gif);
    background-position: 0px -25px;
    background-repeat: repeat-x;
}

textarea, input
{
    padding: 2px;
    font-family: Helvetica, Arial, sans-serif;
}

strong
{
    font-weight: bold;
}

/* basic selectors */
a.email
{
    background-repeat: no-repeat;
    background-image: url(images/icons/email.gif);
    padding-left: 30px;
    background-position: 7px 2px;
}

a { color: #d4d61b; text-decoration:none}
th
{
    vertical-align:top;
}
td
{
    vertical-align:top;
}

#Logo a
{
    width: 341px;
    height: 73px;
    background-image: url(images/logo.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-indent: -10000px;
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

h1 {
	color: #7a7a7a;
	font-family: Helvetica;
	margin: 0;
	padding: 0;
	font-size: 2.0em;
}

h2 {
	font-family: Helvetica;
    font-size: 2.2em;
    margin: 10px 0px 0px 0px;
}

h2.yourcart
{
    display: block;
    background-image: url(images/title_yourcart.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 300px;
    font-weight: bold;
    margin: 20px 0px 20px 0px;
}

h3 {
	color: black;
	font-family: Helvetica;
	font-size: 1.6em;
}

h2.productName
{
    padding-right: 10px;
    font-size: 1.8em;
    padding: 10px 0px 10px 0px;
    margin: 0px;
}

h3.price
{
	font: Garamond, Georgia,"Times New Roman",Times,serif;
	font-size: 3.0em;
	font-weight: normal;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

h3.checkoutWithPaypal
{
    width: 216px;
    height: 44px;
    background-image: url(images/checkoutwithpaypal.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: -10000px;
    margin: 20px 0px 10px 0px;
}

.pnp
{
    float: left;
    color: #7a7a7a;
    font-size: 0.8em;
    margin-left: 10px;
    margin-top: 6px;
}

h4 {
	color: #555555;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
}

h5 {
	color: #7a7a7a;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

h6 {
	color: #7a7a7a;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

img { border: 0px; }
hr { color: gray; height: 1px; }
table { font-size: 100%; }
code { color: white; font: 100% "Courier New", Courier, monospace }
form { margin: 0px; padding: 0px; }

p{
    margin: 0px 0px 20px 0px;
}

ul
{
    clear: both;
    margin: 0 0 1em 0;
    padding: 0 0 0 1em;
}

ul li
{
    list-style-type: disc;
}

.nobullets
{
    margin: 0;
    padding: 0;
}

.nobullets li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#WholePage
{
    text-align: center;
    margin: 0;
    width: 1020px;
    margin-left: auto;
    margin-right: auto;    
    background-image: url(images/back_wholepage.gif);
    background-position: 0 113px;
    background-repeat: no-repeat;
}

#WholePageInner
{
    padding: 0px 10px 0px 10px;
}

.breadcrumb
{
    background-position: left top;
    background-repeat: no-repeat;
    margin: 0px 1px 5px 1px;
    font-size: smaller;
    text-transform: uppercase;
}

.breadCrumbItem
{
    background-image: url(images/back_breadcrumbitemr_on.gif);
    background-position: left center;
    background-repeat: no-repeat;    
    float: left;
}

.breadCrumbItem a
{
    background-image: url(images/back_breadcrumbitem_on.gif);
    background-position: right center;
    background-repeat: no-repeat;
    float: left;
    margin: 0px 0px 0px 12px;
    padding: 5px;
    color: Black;
}

.lastBreadCrumbItem
{
    background-image: url(images/back_breadcrumbitemrlast_on.gif);
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
}

.lastBreadCrumbItem a
{
    float: left;
    margin: 0px 0px 0px 16px;
    padding: 5px;
    color: white;
}

.firstBreadCrumbItem
{
    background-image: url(images/back_breadcrumbitem_on.gif);
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
}

.firstBreadCrumbItem a
{
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 5px;
    color: black;
}

#ContentContainerBack
{
    background-repeat: repeat-y;
    background-position: center bottom;
}

#ContentContainerTop
{
    background-repeat: no-repeat;
    background-position: center top;
}

#ContentContainerBottom
{
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#WholePageContainer
{
    text-align: center;
    margin: 0;
    position: relative;
    background-image: url(images/back_wholepagecontainer_top.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#ContentContainer
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 1000px;
    position:relative;
    clear: both;
}

#Content
{
    
}

#Content.wide
{
}

#WholePage #HeaderContainer
{
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-top: 20px;
	text-align: left;
}

#WholePage #Header
{
    width: 1000px;
    margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 10px;
}

#Footer
{
	clear: both;
	text-align: center;
	font-size: 0.8em;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	background-position: center top;
	background-repeat: no-repeat;
	color: #fafafa;
}

#bar { /* styles for horizontal top bar */
	background: white;
	height: 37px;
	padding: 7px 20px 3px 20px;
	font-size: 110%;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 27px;
	z-index:100;
}
	html>body #bar { height: 27px; }

/* layout styles */
#menu1 { /* styles for top menu */
    text-align: right;
	font-size: 0.8em;
	position: absolute;
	top: -20px;
	right: 0px;
	color: White;
	float: left;
    background-image: url(images/back_mainmenur.gif);
    background-position: right bottom;
    background-repeat: no-repeat;    
}

#menu1inner
{
    float: left;
    background-image: url(images/back_mainmenu.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    margin: 0px 10px 0px 0px;
}

	#menu1 ul 
	{
	    list-style: none; 
        padding: 0px 0px 0px 0px; 
	    margin: 0px; 
	    float: left;
	    background-position: left bottom;
	    background-repeat: repeat-x;
	    clear: none;
	}
	#menu1 li.cart
    {
       	background-image: url(images/cart_tiny.gif);
	    background-position: 0px 6px;
	    background-repeat: no-repeat; 
	    padding: 10px 10px 10px 35px;
	    margin-left: 10px;
    }
	#menu1 li.first { border-left: none; }
	#menu1 li { padding: 10px 10px 10px 10px; margin: 0px; display: block; float: left;}
	#menu1 a, #menu1 p
	{
	    display: block;
	    margin: 0px;	    
	}	
	
	#menu1 a.cart
    {
        background-repeat: no-repeat;
        background-position: 0 0;
    }
    
    #menu1 #CMSPages
    {
        float: left;
        background-image: url(images/back_cmspages.gif);
        background-position: left center;
        background-repeat: no-repeat;
        padding: 0px 0px 0px 5px;
        margin: 0px 0px 0px 5px;
    }
    
    #menu1 #CMSPages a
    {
        color: White;
    }


#HomePageRotator
{
    width:660px;
    height: 440px;
    position: relative;
}

#ManufacturerImages a
{
    display: block;
    margin: 10px 0px 0px 0px;
}

#SearchBar
{   
    display: none;
    position: absolute;
    top: 82px;
    left: 500px;
    position: absolute;
	text-align: right;
	font-size: 0.9em;
	width: 280px;
	height: 40px;
	background-image: url(images/back_search.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#SearchBar div
{
    position: relative;
}

#SearchBar div p
{
    display: block;
    position: absolute;
    top: 13px;
    left: 10px;
}

#SearchBar div input.textbox
{
    display: block;
    position: absolute;
    top: 8px;
    left: 70px;
    padding: 2px;
}

#SearchBar div input.imagebutton
{
    display: block;
    position: absolute;
    top: 5px;
    left: 240px;
}

#Patterned
{
    background-image: url(images/wp_damask_034.jpg);
    background-repeat:repeat;
    width: 1280px;
    height: 1000px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: .10;
	filter: alpha(opacity=10);
}

#LeftColumn
{
    width: 190px;
    float: left;
    background-color: #100f11;
    background-image: url(images/back_leftcontenttop.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

#LeftColumnInner
{
    padding: 0px 10px 10px 10px;
    margin: 0;
    background-image: url(images/back_leftcontentbottom.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}

#CenterColumn
{
    width: 600px;
    float: left;
}

#RightColumn
{
    width: 200px;
    float: left;
}

#RightColumnInner
{
    margin-left: 10px;
    height: 800px;
}

#RightColumn .manufacturer
{
    width: 190px;
    height: 70px;
    overflow: hidden;
    text-indent: -10000px;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
}

#RightColumn .vanvault
{
    background-image: url(images/manufacturer_vanvault.gif);
}

#RightColumn .trukrax
{
    background-image: url(images/manufacturer_trukrax.gif);
}

#RightColumn .tuffrack
{
    background-image: url(images/manufacturer_tuffrack.gif);
}

#RightColumn .sentri
{
    background-image: url(images/manufacturer_sentri.gif);
}

#Attributes h4
{
    font-size: 1em;
    font-weight: bold;
}

#Attributes
{
    padding: 10px;
}

#ProductRight #Attributes .inner
{
    padding: 0;
    margin: 0;
}

.productAttribute
{
    margin-bottom: 10px;
}

#ForgottenPassword
{
    padding: 10px;
    background-color: #efefef;
}

#Login #ForgottenPassword div
{
    margin-bottom: 5px;
}

#Login #ForgottenPassword label
{
    padding-top: 5px;
    width: 100px;
}

#Login input, #Register input
{
}

#Login
{
    padding: 0px;
}

#CenterColumn a.button
{
    display: block;
    margin: 10px 0px 10px 0px;
    padding: 5px 10px 5px 10px;
    background-color: #333333;
    color: White;
    width: 100px;
    text-align: center;
    clear: both;
}

#CenterColumn a.button:hover
{
    background-color: #4c4c4c;
}

#LoginForm, #Register
{
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 20px 0px;
    border-bottom: dotted 1px #4c4c4c;
}

#LoginForm ul
{
    padding: 0;
    margin: 0;
}

#LoginForm ul li
{
    width: 100%;
}

#Register ul li
{
    list-style: none;
    margin-bottom: 10px;
    width: 100%;
}

#Register ul
{
    padding: 0;
    margin: 0;
}

#AddressEntry ul li
{
    list-style: none;
    margin-bottom: 10px;
    width: 100%;
}

#AddressEntry ul
{
    padding: 0;
    margin: 0;
}

#ChangeYourPassword ul li
{
    width: 100%;
}


#Login label
{
    display: block;
    float: left;
    width: 120px;
    padding-top: 5px;
}

.AspNet-Login-PasswordRecoveryPanel, .AspNet-Login-CreateUserPanel
{
    display: none;
}

#Login .AspNet-Login-RememberMePanel label
{
    float: none;
    width: auto;
    display: inline;
    font-size: smaller;
}

#Login div
{
    margin-bottom: 10px;
}

#CheckoutButtons ul
{
    float: left;
    width: 100%;
    margin-left: 0px;
}

#CheckoutButtons li
{
    float: left;
    list-style-type: none;
    margin-right: 20px;
}

.AspNet-Login-TitlePanel
{
    font-family: Helvetica;
    color: #7a7a7a;
	font-size: 1.8em;
}

.AspNet-CreateUserWizard div
{
    margin-bottom: 10px;
}

.AspNet-CreateUserWizard-StepTitlePanel
{
    font-family: Helvetica;
    color: #7a7a7a;
	font-size: 1.6em;
}

.AspNet-PasswordRecovery-UserName-TitlePanel
{
    font-family: Helvetica;
    color: #7a7a7a;
	font-size: 1.6em;
}

.subtotal
{
    text-align: right;
    border-top: 1px solid #c9c9c9;
    margin-top: 5px;
}

.sectionheader
{
    border-bottom: #dcdcdc 1px dotted;
    padding-bottom: 5px;
    font-weight:bold;
}

.admin-header
{
    background-color: #6190CD; 
    height:40px;
    padding-left:10px;
    border-bottom:solid 4px #B4CCEB;
}
.admin-header h1
{
    color: white;
}

.admintable
{
	margin: 5px;
	padding:0;
	width:700px;
	border:1px dashed #cccccc;

}
.adminlabel
{
    font-size: 8pt;
    font-family: verdana;
    width: 120px;
    margin-bottom: 3px;
    vertical-align: top;
}
.adminitem
{
	border-width:0px;
	background-color: #ffffff;
	margin-bottom:3px;
}

.ourpriceincvat
{
	font-weight: bold;
	font-size: larger;	
}

.ourpriceexcvat
{
	font-size: 0.8em;
}

.vattag
{
    font-size: small;
    font-weight: normal;
    font-size: 0.8em;
}

.retailprice
{
    text-decoration: line-through;
}

.priceAndShipping .retailprice
{
	color: gray;
	font-size: 0.6em;
}

.totalbox
{
	text-align:center;
	color:#990000;
	font-weight:bold;
}

.adbox
{
	padding:10px;
	font-size:9pt;
	margin-bottom:10px;
	border:1px solid gainsboro;
}
a.editme
{
	text-decoration:none;
	color:#4a4d5c;
}
.commandbar
{
	padding:3px;
	font-size:8pt;
/*	background-color: blue;*/
	border:1px solid gainsboro;
}

.cartItemDetail
{
    margin-top: 5px;    
}

.cartItemDetail h5
{
    font-weight: bold;
}

.cartItemDetail a
{
    color: #333333;
}

a.removeFromCheckout
{
    display: block;
    background-image: url(images/btnRemoveFromCart.gif);
    background-position: left center;
    background-repeat: no-repeat;
    text-indent: -10000px;
    width: 162px;
    height: 20px;
}

#Categories
{
    font-size: 1.4em;
    background-color: Black;
    margin-top:40px;
	position: relative;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.bottomOfCheckout
{
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 20px;
    clear: both;
}

.cartImage
{
    width: 110px;
    float: left;
}

.cartImage .inner
{
    margin: 0 10px 0 0;
}

.cartImage .inner img
{
    padding: 5px;
    border: 1px solid #cccccc;
    background-color: #fafafa;
}

.cartText
{
    width: 400px;
    float: left;
}

#CenterContent
{
    position: relative;
}

#CenterColumnInner
{
    background-image: url(images/back_centercontent.jpg);
    background-repeat: no-repeat;
    padding: 30px 10px 10px 10px;
    background-color: #e1e1e1;
    margin: 0px 0px 0px 10px;
    zoom: 100%;
    background-position: 0px -30px;
}

.homepage #CenterColumnInner, .catalogpage #CenterColumnInner
{
    background: none;
    padding: 0px;
}

.product #CenterColumnInner
{
    padding: 0px;
}

#CenterColumn a
{
    color: black;
}

#Categories .inner
{
    padding: 0px;
}

#CategoryList, #ManufacturerList, #SecondCategoryList
{
    margin-bottom: 20px;
}

#SecondCategoryList h3, #CategoryList h3, #ManufacturerList h3, #PricesList h3
{
    font-family: Verdana;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: .9em;
}

#CategoryList h3
{
    margin-top: 0px;
}

#CategoryList
{
    padding-top: 10px;
}

.menuContainer
{
    background-image: url(images/back_menutop.gif);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 5px;
}

#CategoryList, #ManufacturerList, #SecondCategoryList
{
    /*
    background-image: url(images/back_menubottom.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    */
}

#CategoryList a, #ManufacturerList a, #PricesList a, #SecondCategoryList a
{
    font-family: Tahoma;
    color: white;
    display: block;
    padding: 3px;
    border-bottom: dottted 1px white;
}

#CategoryList a.hover, #ManufacturerList a.hover, #PricesList a.hover, #SecondCategoryList a.hover
{
    color: gray;
    background-color: #f4f4f4;
    background-image: url(images/menuhover.gif);
    background-position: 4px 9px;
    background-repeat: no-repeat;
    display: block;
}

#CategoryList a.hover, #ManufacturerList a.hover, #PricesList a.hover, #SecondCategoryList a.hover
{
    background-image: url(images/back_secondaryCat.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #b4db39;
    color: black;
    padding: 3px 3px 3px 21px;    
}

#CategoryList h3
{
    text-indent: -10000px;
    background-image: url(images/bycategory.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 131px;
    height: 26px;
    overflow: hidden;    
}

#ManufacturerList h3
{
    text-indent: -10000px;
    background-image: url(images/bybrand.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 97px;
    height: 26px;
    overflow: hidden;    
}

#SecondCategoryList h3
{
    text-indent: -10000px;
    background-image: url(images/byvehicle.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 109px;
    height: 26px;
    overflow: hidden;    
}

#PricesList
{
    display: none;
}

#CategoryList a.level1
{
}

#CategoryDetails
{
}

#SearchBox
{
    background-image: url(images/back_filter.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width: 590px;
    height: 60px;
    overflow: visible;
    margin-bottom: 10px;
    color: White;
    z-index: 2;
    position: relative;
}

#SearchBoxInner
{
}

#SearchBox a
{
    color: White;
}

#FilterByPrice
{
    position: absolute;
    top: 80px;
    left: 320px;
    display: none;
}

#Filters
{
    position: absolute;
    top: 30px;
    left: 10px;
    z-index: 99;
    color: black;
}

.filterContainer
{
    background-image: url(images/back_filterleft.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 0px;
    background-color: #727272;
    cursor: pointer;
    float: left;
    margin: 0px 10px 0px 0px;
}

.filterContainer .title
{
    padding: 0px 0px 0px 20px;
    color: White;
}

p.nofilters
{
    margin: 0;
    padding: 0px 0px 0px 5px;
}

.removeFilterContainer
{
    background-image: url(images/back_filterleft_remove.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 0px;
    background-color: #727272;
    cursor: pointer;    
}

.filterContainer .inner
{
    background-image: url(images/back_filterright.gif);
    background-position: right top;
    background-repeat: no-repeat;
    padding: 3px 10px 3px 0px;
}

.filterContainer .options
{
    margin-top: 4px;
}

.filterContainer a
{
    color: white;
    padding: 3px 10px 3px 10px;
    display:block;
}

.filterContainer a:hover
{
    color: black;
}

.filterContainer .title a
{
    padding: 0px 0px 0px 0px;
}

a.btnFilter
{
    background-image: url(images/back_btnFilter.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width: 31px;
    height: 27px;
    display:block;
    text-indent: -10000px;
    position: absolute;
    top: 68px;
    left: 470px;
}

a.btnReset
{
    background-image: url(images/back_btnReset.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width: 51px;
    height: 27px;
    display:block;
    text-indent: -10000px;
    position: absolute;
    top: 68px;
    left: 510px;
}

#ProductList
{
    z-index: 1;
}

#SortBy 
{
    position: absolute;
    top: 30px;
    left: 380px;    
}

#CategoryDescription
{
    color: #3acfcf;
    width: 400px;
}

#CategoryDetails h2
{
    font-family: 28 Days Later, Helvetica;
    font-weight: bold;
    font-size: 2.6em; 
    margin: 0px 0px 7px 0px;
    color: #bed325;   
    text-transform: uppercase;
}

#SubCategories
{
    background-image: url(images/back_subcategories.gif);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #c2d925;
    margin: 0px 0px 10px 0px;
    zoom: 100%;
}

#SubCategories h3
{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 1.2em;
    color: Black;
}

#SubCategories .inner
{
    padding: 10px 10px 10px 10px;
}

#SubCategories .hover
{
    background-image: url(images/back_subcategoryleft_on.gif);
}

#SubCategories .hover a
{
    background-image: url(images/back_subcategoryright_on.gif);
}

#SubCategories .filterItem
{
    float: left;
    margin: 5px 5px 0px 0px;
    background-image: url(images/back_subcategoryleft.gif);
    background-repeat: no-repeat;
    background-position: center left;
    font-size: 0.8em;
}

#SubCategories a
{
    padding: 6px 6px 6px 6px;
    color: white;
    background-image: url(images/back_subcategoryright.gif);
    background-repeat: no-repeat;
    background-position: center right;
    display: block;
}

p.noProducts
{
    margin-top: 10px;
}

.mainproductimage {
	width: 220px;
	text-align: center;
	float: left;
	padding-bottom: 10px;
}

.productdata {
	border: none;
	border-collapse: collapse;
}

#Product
{
    zoom: 100%;
}

#ProductTopContent
{
    padding: 40px 20px 20px 20px;
}

#ProductLeft
{    
    width: 275px;
    float: left;
    overflow: hidden;
}

#ProductRight
{
    width: 275px;
    float: left;
    overflow: hidden;
    color: Black;
}

#ProductLeft .inner
{
    padding: 0 10px 0 0;
}

#ProductRight .inner
{
    padding: 0 0 0 10px;    
}

#ProductRight .productQuantity
{
    border-bottom: 1px solid #cccccc;
    padding: 10px 10px 10px 10px;
    display: none;
}

div.vehiclePicker
{
    background-image: url(images/back_vehiclepicker_top.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 30px 0px 0px 0px;
    position: relative;
}

div.vehiclePickerInner
{
    background-color: #bed81d;
    background-image: url(images/back_vehiclepicker.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    padding: 0px 20px 20px 20px;
}

div.vehiclePickerLoading
{
    width: 32px;
    height: 32px;
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    top: 40px;
    left: 480px;
    position: absolute;
    text-indent: -10000px;
}

h3.vehiclePicker
{
    margin: 0px 0px 5px 0px;
    text-indent: -10000px;
    background-image: url(images/title_vehiclepicker.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 141px;
    height: 19px;
}

.vehiclePicker .form
{
    margin: 0px;
    padding: 0px;
}

li.pickManufacturer
{
    background-image: url(images/back_pickManufacturer.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 150px;
}

li.pickVehicle
{
    background-image: url(images/back_pickModel.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 150px;
}

li.pickVariation
{
    background-image: url(images/back_pickVariation.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 150px;
}

#AddToCart
{
    margin-top: 10px;
    background-image: url(images/back_product_addtobasket.gif);
    background-repeat: no-repeat;
    background-position: top left;      
}

#AddToCartInner
{
    width: 260px;
    height: 80px;  
    position: relative;
}

#AddToCart .price
{
    color: #cad937;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    padding: 15px 10px 0px 10px;
    width: 100px;
}

#AddToCart .price p
{
    margin: 0;
    padding: 0;
}

#AddToCart .incVAT
{
    font-size: 0.6em;
    font-weight: normal;    
}

a.addToCart
{
    display: block;
    width: 135px;
    height: 60px;
    background-image: url(images/button-addtocart.gif);
    background-repeat: no-repeat;
    background-position: top left;
    position: absolute;
    left: 110px;
    top: 8px;
}

.crossSells
{
    margin-top: 20px;
    clear: both;
    padding: 72px 0px 0px 0px;
    background-image: url(images/hr_tyretrack.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

.crossSells h4
{
    font-family: Helvetica;
}

#ProductRight .productAdd
{
    padding: 10px;
    margin-bottom: 10px;
}

#ProductRight .bundles h4
{
    margin-bottom: 10px;
}

#ProductRight .bundles
{
    margin-top: 20px;
    border-top: 1px solid #cccccc;
    padding-top: 20px;
    font-size: smaller;
}

#ProductRight .bundleImage
{
    padding: 3px;
    border: 1px solid #cccccc;
    float: left;
    margin-right: 5px;
}

#ProductRight .bundleDescription
{
    clear: both;
}

#ProductRight .bundleAdd
{
    margin-top: 10px;
}

#MainProductImage
{
    background-color: White;
    margin: 3px;
    padding: 3px;
    border: 1px solid #cccccc;
    overflow: hidden;
}

#ProductThumbnails
{
    width: 100%;
    float: left;
}

#ProductThumbnails .productThumbnail
{
    float: left;
    border: 1px solid #cccccc;
    padding: 3px;
    margin: 3px;
    background-color: #f4f4f4;
}

#ProductDescriptors
{
    /*background-color: White;*/
    padding: 0px 0px 0px 0px;
    /*
    background-image: url(images/back_tabs.gif);
    background-position: 0px -1px;
    background-repeat: repeat-x;
    */
    clear: both;
    margin: 0px 0px 0px 0px;
}

#ProductDescriptorsInner
{
    background-image: url(images/back_productbottom.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 0px 0px 10px 0px;    
}

.productsection
{
	font-size: smaller;
}

.productsection p
{
    margin: 0;
}

.productsection li
{
    margin-bottom: 2px;
}

.productsection ul
{
    margin-bottom: 10px;
    padding: 0px 0px 0px 10px;
}

.selectDelivery
{
    clear: both;
    margin: 10px 0px 10px 0px;
}

#ProductDescriptors .first
{
    margin-left: 20px;
}

.tab
{
    float: left;
    margin-left: 5px;
    background-image: url(images/back_tabright_off.gif);
    background-position: right top;
    background-repeat: no-repeat;
    padding: 0px 10px 0px 0px;
}

.tab h4
{
    font-size: 0.9em;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 8px 10px;
    cursor: pointer;
    background-image: url(images/back_tableft_off.gif);
    background-position: left top;
    background-repeat: no-repeat;
    color: white;
}

.selectedTab
{
    background-image: url(images/back_tabright.gif);
}

.selectedTab h4
{
    color: Gray;
    background-image: url(images/back_tableft.gif);
}

#TabsContentHolder
{
    margin: 0px 0px 0px 0px;
    background-color: white;
    padding: 20px 20px 0px 20px;
    clear: both;
}

.browsebox
{
}
.browsebox h1
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    color: #3973b5;
    border-bottom: 1px dashed #cccccc;
}
.browsebox h1 a
{
    color: #3973b5  ;
}

h1.accent
{
 	font-size: 12px;
	font-weight:bold;
	color:#990000;
	margin: 0px;
	margin-bottom:5px;
   
}
.smalltext
{
    font-size: 0.8em;
}
.adbox h3
{
    font-weight: bold;
    font-size: 10pt;
    font-family: verdana;
	color:#C7C030;
	margin-top:1px;
	margin-bottom:3px;

}
.loginheader
{ 
    height:30px;
    font-weight: bold; 
    font-size: 10pt; 
    color: #666666; 
    font-family: Helvetica; 
    background-color: #f5f5f5; 
    text-align:center;
 }
 .logincell
 {
    background-color:#ffffff;
    vertical-align:middle;
    text-align:center;
    padding:20px;
}
.logtable
{
    border:1px solid #cccccc;
    background-color:#cccccc;
    
}
.productsTable td
{
    position: relative;
}

.productsList
{
    float: left;
    width: 100%;
    height: 100%;
}

a.updateBasket
{
    width: 160px;
    height: 23px;
    background-image: url(images/btnUpdateBasket.gif);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    text-indent: -10000px;
}

a.proceedToCheckout
{
    width: 99px;
    height: 23px;
    background-image: url(images/btnProceedCheckout.gif);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    text-indent: -10000px;
}

a.continueShopping
{
    width: 172px;
    height: 23px;
    background-image: url(images/btnContinueShopping.gif);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    text-indent: -10000px;
}

.productimage
{
    
}

p.shortDescription
{
    font-size: smaller;
}

.priceAndShipping
{
    margin-top: 5px;
    padding-top: 5px;
    text-align: right;
}

a.productbutton
{
    display: block;
    width: 160px;
    height: 150px;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

.productBox
{
    clear: both;
    margin-bottom: 10px;
    float: left;
}

.productBoxInner
{
    float: left;
    height: 260px;
    width: 590px;
    background-image: url(images/back_productbox2.gif);
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
}

.productBoxAlt .productBoxInner
{
    background-image: url(images/back_productbox2_alt.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.productBoxHover .productBoxInner
{
    background-image: url(images/back_productbox2_on.gif);
}

.productBox h3
{
    margin: 20px 0px 5px 0px;
    font-size: 1.3em;
    font-weight: bold;
}

.productBox h3 a
{
    color: #221e1f;
}

.productBox .productsummaryimageholder
{
    float: left;
    height: 220px;
    width: 220px;
    overflow: hidden;    
}

.productBox .productsummaryimageholderinner
{
    padding: 55px 25px 15px 45px;
}

.productBox .productsummarytext
{
    text-align: left;
    float: left;
    width: 190px;
}

.productBox .productsummarytext p
{
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

.productBox .productsummarytext .inner
{
    padding: 10px 15px 0px 15px;
}

.productBox .productsummaryproductname
{
    margin-top: 5px;    
}

.productBox .productRightMenu
{
    float: left;
    width: 160px;
    padding-top: 20px;
}

.productBox .productRightMenu .pricetag
{
    width: 160px;
    height: 59px;
    overflow: hidden;
    background-image: url(images/back_ourpricetag.gif);
    background-position: left top;
    background-repeat: no-repeat;
    color: #cad937;
    text-align: center;
}

.productBox .productRightMenu .pricetag .price
{
    font-size: 1.3em;
    font-weight: bold;
    margin: 0px;
    padding-top: 10px;
}

.productBox .productRightMenu .pricetag p
{
    margin: 0px;
    padding: 0px;
}

.productBox .productRightMenu .moreDetails
{
    display: block;
    width: 160px;
    height: 55px;
    overflow: hidden;
    background-image: url(images/back_moredetails.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-indent: -10000px;  
}

.productBox .productRightMenu .addtobasket
{
    display: block;
    width: 160px;
    height: 66px;
    overflow: hidden;
    background-image: url(images/back_addtobasket.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-indent: -10000px;
}

.productBoxSmall
{
    background-color: #f4ffc6;    
    border-bottom: solid 1px #e0f38e;
    color: #333333;
    zoom: 100%;
}

.productBoxSmallInner
{
    padding: 10px;
}

.productBoxSmall .image
{
    float: left;
    width: 60px;
    display: none;
}

.productBoxSmall .productsummarytext
{
    float: left;
    width: 320px;
}

.productBoxSmall h4
{
    font-size: 1em;
    margin: 0px;
}

.productBoxSmall .pricetag
{
    width: 82px;
    float: left;
    text-align: center;
}

.productBoxSmall .pricetag .price
{
    font-weight: bold;
}

.productBoxSmall .pricetag p
{
    margin: 0;
}

.productBoxSmall a.addtobasketsmall
{
    float: left;
    color: black;
    display: block;
    background-image: url(images/back_addtobasketsmall.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 118px;
    height: 31px;
    text-indent: -10000px;
}

.yousave
{
    font-weight: bold;
    color: #336600;
}
.hookline
{
    font-size: larger;
    color: #5b626c;
    font-style: italic;
}
.coreboxbody
{
    padding: 20px;
}
.coreboxtop
{
   background-image:url(images/core_box_top.gif);
   height:22px;
   width:180px;

}
.coreboxbottom
{
    width:180px;
    background-image:url(images/core_box_bottom.gif);
    height:22px;

}
.coreboxheader
{
    width:180px;
    background-image:url(images/core_box_bg.gif);
    font-weight: bold;
    padding-top:5px;
    padding-bottom:10px;
    text-align:center;
}
.tenpixspacer
{
    height:10px;
}
.twentypixspacer
{
    height:20px;
}
.sectionoutline
{
    border:1px solid #cccccc;
    padding:15px;
}

table.orderSummary td
{
    padding: 10px;
    font-size: smaller;
}

table.orderSummary tr.header td
{
    border-bottom: 2px solid #cccccc;
}

table.orderSummary tr.orderItem td, table.orderSummary tr.altOrderItem td
{
    border-bottom: 1px dotted #cccccc;
    padding-bottom: 10px;
}

table.orderSummary tr.total td
{
    font-size: 1.2em;;
    font-weight: bold;
}

checkout-visited
{
    font-size: 16pt;
    color: #dcdcdc;
    font-family: verdana;
}
checkout-current
{
    font-size: 16pt;
    color: #990000;
    font-family: verdana;
}

#PayPalCheckoutLeft
{
    float: left;
    width: 310px;
}

#PayPalCheckoutRight
{
    float: left;
    width: 260px;
}

#PayPalCheckoutRightInner
{
    float: left;
    padding: 10px 10px 10px 20px;
    margin: 10px;
    border-left: solid 1px #cccccc;
}

#PromotionalCode
{
    font-size: smaller;
    padding: 20px;
    margin: 20px 0px 20px 0px;
    background-color: #cfcfcf;
    color: black;
}

#PromotionalCode h4
{
    color: black;
}

#PromotionalCode .input
{
    padding: 10px;
    background-color: #dfdfdf;
    margin: 5px 0px 5px 0px;
}

#PromotionalCode .textbox
{
    padding: 2px;
}

.couponGood
{
    margin: 10px 0px 10px 0px;
    font-weight: bold;
}

.couponError
{
    margin: 10px 0px 10px 0px;
    font-weight: bold;
}

/* Rating */
.ratingstar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledratingstar {
    background-image: url(Images/FilledStar.png);

}

.emptyratingstar {
    background-image: url(Images/EmptyStar.png);
}

.savedratingstar {
    background-image: url(Images/SavedStar.png);
}
fieldset
{
    padding:10px;
    -moz-border-radius: 1em;
}
.loadingbox
{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue; 
    background-color: #ffffff; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:20px
}

.clear
{
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*Contact Form*/
div.contactform
{
    background-image: url(/images/back_contactform.gif);
    background-repeat: repeat-x;
    width: 500px;
    float: left;
}

div.contactFormRight
{
    width: 260px;
    float: left;
    margin-top: 30px;
}

div.contactFormRight .inner
{
    padding: 20px;
    background-color: #f1f0f0;
}

div.contactform input{
	background-color: white;
}

div.contactform fieldset {
  margin-bottom: 10px;
  position: relative;
  padding: 20px 20px 20px 20px;
  border: none;
  border: 1px solid #e0f0ff;
  background-image: url(images/back_form.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  border-bottom: none;
}

div.contactform ul {
  margin: 20px 0 0 0;
  padding: 0;
}

div.contactform li {
  list-style: none;
  margin-bottom: 10px;
}

div.contactform legend 
{
  font-size: 1.2em;
  line-height: 1.8;
}
div.contactform label {
  font-weight: bold;
  display: block;
  line-height: 1.8;
  vertical-align: top;
}

div.contactform input, div.contactform textarea
{
    padding: 3px;
    border: 1px solid #cccccc;
}

.form #AddressEntry label
{
    width: 100px;
}

#AddressEntry input
{
    padding: 3px;
    border: 1px solid #cccccc;
}

#AddressEntry table tr td
{
    padding-bottom: 5px;
}

input.bigbutton
{
    padding: 5px;
    display:block;
    margin:10px;
    font-size: larger;
}

.form
{
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}

.form h3
{
    margin-bottom: 5px;
}

.form label
{
    display: block;
    float: left;
    width: 120px;
    padding-top: 5px;
}

.form li
{
    list-style: none;
    margin-bottom: 10px;
    float: left;
    clear: both;
}

.form .checkbox input
{
    float: left;
    width: 2em;
}

.form .checkbox label
{
    float: left;
    font-size: 0.9em;
    padding: 0;
    margin: 0;
    width: 500px;
}

.form .formitem
{
    width: 100%;
}

#ProfileNewsletter
{
    margin-top: 20px;
    clear: both;
}

#ProfileNewsletter h3
{
    margin-bottom: 10px;
}

#ProfileDetails
{
    margin-top: 20px;
}

#ProfileAddress
{
    margin-top: 20px;
}

.errorBox
{
    padding: 20px;
    color: Red;
}

.error
{
    color: Red;
    font-weight: bold;
    background-image: url(images/icons/error.gif);
    background-position: 6px 6px;
    background-repeat: no-repeat;
    background-color: #ffdfdf;
    padding: 6px 10px 6px 25px;
    margin: 0px 0px 10px 0px;
}

.products a
{
    font-weight: normal;
    font-size: 0.6em;
    color: gray;
}

.products
{
    padding: 5px;
    background-color: #fafafa;
}

.subcat
{
    margin-left: 10px;
    padding: 5px;
    background-color: #efefef;
}

.cat
{
    margin-top: 10px;
}

#MyOrders td
{
    padding: 10px;
}


#shopcontactinfo ul
{
    float: left;
    width: 100%;
    padding: 0;
}

#shopcontactinfo li
{
    float: left;
    width: 250px;
    overflow: hidden;
    list-style-type: none;
}

#shopcontactinfo li div
{
    padding-left: 20px;
}

#shopcontactinfo p
{
    margin-bottom: 2px;
}

.link
{
    width: 286px;
    height: 180px;
    float: left;
    overflow: hidden;
}

.link .description
{
    font-size: smaller;
}

.link .description p
{
    margin-bottom: 5px;
}

.link .summary
{
    margin: 0px 0px 5px 0px;
}

.link .inner
{
    margin: 10px;
    border: 1px solid #f6f6f6;
    padding: 10px;
}

.pages
{
    color: White;
}

.pages .page
{
    float: left;
    padding: 4px 5px 4px 5px;
    margin: 0px 3px 3px 0px;
    background-color: #cce424;
    color: black;
    font-size: 1.2em;
}

.pages .pageslabel
{
    float: left;
    padding: 4px 10px 4px 5px;
    margin: 0px 3px 3px 0px;
}

.pages .selected
{
    background-color: #99ac17;
    color: White;
}