/* CSS Document */
body
{
margin: 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
background: url(media/bgcheck.jpg) repeat left top;
}
#wrapper
{
text-align: left;
margin: 0px auto;
padding: 0px;
border:0;
width: 980px;
background: #FFFFFF;
}

#header
{
margin: 0px;
background: #FFFFFF url(media/carpartsheader.jpg) no-repeat left top;
height: 184px;
}
#header h1
{
display: none;
}
#headernav
{
float: right;
margin-top: 120px;
width: 720px;
}
#headernav ul
{
margin: 0px;
padding: 0px;
width: 720px;
list-style: none;
}
#header ul li
{
float: left;
display: inline;
font-size: 14px;
margin-right: 44px;
}
#header ul li a
{
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}
#header ul li a:hover
{
color: #000000;
}
#breadcrumb
{
position: relative;
margin: 20px 0px 0px 10px;
font-size: 12px;
color: #000000;
}
#breadcrumb a
{
color: #da0800;
font-weight: bold;
text-decoration: none;
}
#breadcrumb a:hover
{
color: #000;
font-weight: bold;
text-decoration: none;
}

#clearfloats
{
clear: both;
}
#container
{
margin: 0px;
padding: 0px;
}

#side-a
{
float: left;
position: relative;
top: 0px;
width: 200px;
}
#categorieslefttab
{
margin: 0px;
padding: 0px;
width: 178px;
margin: 0px auto;
/*border: 1px solid #000;*/
}
div#catleftnav
{
position: relative;
top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
padding: 0px;
background: url(media/blocknavbg.jpg) repeat-y left top;
}
div#catleftnav ul
{
margin: 0px;
padding: 0px;
width: 178px;
list-style: none;
}
div#catleftnav ul li
{
float: left;
margin: 0px 0px 0px 1px;
padding: 4px 4px;
font-size: 12px;
display: block;
width: 168px;
}
div#catleftnav a
{
display: block;
background: url(media/arrowblack.gif) no-repeat 4px 8px;
text-decoration: none;
color: #000;
padding: 4px 2px 4px 14px;
margin: 0px;
}
div#catleftnav a:hover
{
display: block;
background: #da0800 url(media/arrowwhite.gif) no-repeat 4px 8px;
padding: 4px 2px 4px 14px;
color: #fff;
margin: 0px;
}
div#catleftnav ul li.activelink
{
display: block;
background: #da0800 url(media/arrowwhite.gif) no-repeat 4px 8px;
margin: 0px 0px 0px 5px;
padding: 4px 4px 4px 14px;
font-size: 12px;
display: block;
width: 148px;
color: #fff;
}
div#catleftnav ul li.activelink3
{
display: block;
background: #da0800 url(media/arrowwhite.gif) no-repeat 4px 8px;
margin: 4px 0px 0px 5px;
padding: 4px 4px 4px 14px;
font-size: 12px;
display: block;
width: 148px;
color: #fff;
}
div#catleftnav ul li.activelink2
{
display: block;
background: #da0800 url(media/arrowwhite.gif) no-repeat 4px 8px;
margin: 4px 0px 0px 5px;
padding: 4px 4px;
font-size: 12px;
display: block;
width: 160px;
color: #fff;
}

div#catleftnav ul li ul li
{
float: left;
margin: 0px 0px 0px 1px;
padding: 4px 4px;
font-size: 12px;
display: block;
width: 138px;
}

div#catleftnav a.subcatsleftnav
{
display: block;
background: url(media/arrowblack2.gif) no-repeat 0px 8px;
text-decoration: none;
color: #000;
padding: 4px 0px 0px 14px;
margin: 0px;
}
div#catleftnav a.subcatsleftnav:hover
{
display: block;
background: #da0800 url(media/arrowwhite.gif) no-repeat 0px 8px;
padding: 4px 0px 0px 14px;
color: #fff;
margin: 0px;
}

#side-b
{
float: right;
width: 200px;
}
#categoriesrighttab
{
margin: 0px;
padding: 0px;
width: 178px;
margin: 0px auto;
/*border: 1px solid #000;*/
}
#catrightbasketnav
{
position: relative;
top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 10px;
background: url(media/blocknavbg2.jpg) repeat-y left top;
font-size: 14px;
}
#catrightsearchnav
{
position: relative;
top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 0px;
background: url(media/blocknavbg2.jpg) repeat-y left top;
font-size: 14px;
text-align: center;
}
#specialsrighttab
{
margin: 0px;
padding: 0px;
width: 178px;
margin: 0px auto;
/*border: 1px solid #000;*/
}
#offersrightnav
{
position: relative;
top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
padding: 0px;
background: url(media/blocknavbg.jpg) repeat-y left top;
text-align: center;
font-size: 14px;
font-weight: bold;
}
#offersrightnav p
{
margin: 10px 0px 0px 0px;
padding: 0px;
}
#offersrightnav img
{
margin: 10px 0px 0px 0px;
}
.specialsprice
{
font-size: 24px;
color: #FF0000;
}

#content
{ 
float: left;
width: 58%;
text-align: center;
}
#centerparaselect
{
margin: 0px;
padding: 0px;
width: 570px;
background: url(media/selectvehiclebg.jpg) no-repeat left 32px;
}
#centerparaselect h1
{
display: none;
}

#centerpara
{
margin: 20px 0px 0px 0px;
padding: 0px;
width: 570px;
background: url(media/centerbg.jpg) repeat-y left top;
}
#centerpara h1
{
display: none;
}


#centermanufacturers
{
margin: 0px;
padding: 0px;
font-size: 14px;
text-align: left;
}
#centermanufacturers ul
{
margin: 12px 0px 0px 12px;
padding: 0px;
width: 570px;
list-style: none;
}
#centermanufacturers ul li
{
float: left;
display: inline;
font-size: 14px;
width: 130px;
height: 110px;
border: 1px solid #929292;
margin-right: 5px;
padding: 18px 0px 0px 0px;
}

#centermanufacturers2
{
margin: 0px;
padding: 0px;
font-size: 14px;
text-align: left;
}
#centermanufacturers2 ul
{
margin: 12px 0px 0px 12px;
padding: 0px;
width: 570px;
list-style: none;
}
#centermanufacturers2 ul li
{
float: left;
display: inline;
font-size: 14px;
width: 130px;
height: 110px;
border: 1px solid #929292;
margin-right: 5px;
margin-bottom: 5px;
padding: 18px 0px 0px 0px;
}
.manufacturerslast
{
margin-right: 0px;
}

#carsubmanufacturers
{
margin: 0px;
padding: 0px;
font-size: 14px;
text-align: center;
}
#carsubmanufacturers ul
{
margin: 12px 0px 0px 12px;
padding: 0px;
width: 570px;
list-style: none;
}
#carsubmanufacturers ul li
{
float: left;
display: inline;
font-size: 14px;
width: 270px;
height: 26px;
border: 1px solid #929292;
margin-right: 5px;
margin-bottom: 5px;
padding: 0px 0px 4px 0px;
}
#carsubmanufacturers ul li a
{
text-decoration: none;
}

#footer
{
clear: both;
background: url(media/footbg.jpg) no-repeat left top;
height: 294px;
}
.searchform
{
margin: 0px;
padding: 0px;
}
input.keywords
{
width: 158px;
height: 22px;
font-size: 12px;
margin-bottom: 10px;
}

input.formField
{
font-size: 12px;
margin: 0px 0px 0px 5px;
padding: 2px 2px;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
border: solid 1px #4C4C4C;
width: 240px;
}
textarea.formTextArea
{
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
padding: 5px;
width: 320px;
height: 100px;
border: solid 1px #4C4C4C;
}
.error
{
margin: 0px 0px 10px 0px;;
color: #FF0000;
font-size: 18px;
}
.errortext
{
font-size: 10px;
color: #FF0000;
}

.selectvehicle
{
font-size: 12px;
font-weight: bold;
}


#carsubparts
{
margin: 0px;
padding: 0px;
font-size: 14px;
text-align: center;
}
#carsubparts ul
{
margin: 12px 0px 0px 12px;
padding: 0px;
width: 570px;
list-style: none;
}
#carsubparts ul li
{
float: left;
display: block;
font-size: 14px;
width: 540px;
border: 1px solid #CCCCCC;
text-align: left;
margin: 0px 0px 10px 0px;
}
#carsubparts ul li img.prodimg
{
float: left;
width: 80px;
height: 80px;
border: 1px solid #666666;
margin: 6px;
}
#carsubparts ul li span.carpartname
{
float: right;
width: 430px;
margin: 6px;
font-size: 14px;
font-weight: bold;
color:#666666; 
}


#carsubparts ul li.noproducts
{
float: left;
display: block;
font-size: 14px;
width: 520px;
border: 1px solid #CCCCCC;
text-align: left;
margin: 0px 0px 10px 0px;
padding: 10px;
}

.partmanufacturer
{
font-weight: normal;
color: #000;
font-size: 12px;
}
.model
{
display: block;
font-weight: bold;
color: #000;
font-size: 12px;
}

.quantity
{
width: 30px;
color: #000;
font-size: 12px;
}
a.moreinfo
{
float: left;
display: inline;
width: 101px;
height: 29px;
border: 0px;
}

#relatedproducts
{
margin: 0px;
padding: 0px;
}

#relatedproducts ul
{
margin: 0px;
padding: 0px;
list-style: none;
}
#relatedproducts ul li
{
float: left;
display: inline;
width: 122px;
height: 200px;
margin: 0px 10px 10px 0px;
padding: 0px;
text-align: center;
background: url(media/moreinfobut.jpg) no-repeat center 166px;
}
#relatedproducts ul li a
{
float: left;
display: block;
border: 1px solid #666666;
width: 122px;
height: 200px;
text-decoration: none;
}
#relatedproducts ul li a:hover
{
float: left;
display: block;
width: 122px;
height: 200px;
text-decoration: none;
background: url(media/moreinfobut2.jpg) no-repeat 9px 165px;
border: 1px solid #FF0000;
}
#relatedproducts ul li.endbox
{
float: left;
display: inline;
width: 120px;
height: 200px;
margin: 0px 0px 10px 0px;
padding: 0px;
text-align: center;
}

#relatedproducts ul li.endbox a:hover
{
float: left;
display: inline;
width: 122px;
height: 200px;
margin: 0px 0px 10px 0px;
padding: 0px;
text-align: center;
background: url(media/moreinfobut2.jpg) no-repeat 8px 165px;

}

#relatedproducts ul li p
{
font-size: 12px;
color: #666666;
margin: 0px;
padding: 0px;
}

.price
{
font-size: 18px;
color: #FF0000;
margin: 0px;
padding: 0px;
font-weight: bold;
}
#relatedproducts ul li img
{
border: 0px;
margin: 10px 0px 0px 0px;
}
.pname
{
font-size: 12px;
display: block;
color: #666666;
margin: 0px;
padding: 0px;
}
.detailform
{
margin: 0px;
padding: 0px;
}
.sizeoption
{
float: right;
width: 206px;
margin: 0px 0px 10px 0px;
padding: 2px;
font-size: 12px;
}

.pricetagtxt
{
color: #da0800;
font-size: 24px;
}
.pricetagfrom
{
color: #FF0000;
font-size: 10px;
}


a.bluelink 
{
font-size: 12px;
color: #da0800;
text-decoration: none;
}
a.bluelink:hover
{
color: #CCC;
}

#basketproducts2
{
margin: 0px;
padding: 0px;
background: url(media/basketcenterbg.jpg) repeat-y 4px top;
}


#basketproducts2 h2
{
margin: 0px; 
padding: 0px;
font-size: 14px;
}
#basketproducts2 h3
{
margin: 0px 0px 10px 10px; 
padding: 0px;
font-size: 14px;
}

#basketproducts2 .price
{
color: #FF0000;
font-size: 14px;
font-weight: bold;
}

#basketcontainer1
{
margin: 0px;
padding: 0px;
/*border: 1px solid #000;*/
}

#basketcontainer1 h1
{
display: none;
}
table#shoppingBasket
{
border-collapse: collapse;
width: 740px;
/*border: 1px solid #0057a6;*/
margin-top: 0px;
}

th, td
{
padding: 0px;
}

thead tr
{
/*background-color: #0057a6;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
}

.basketcontents
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

table#basketTotals
{
border-collapse: collapse;
width: 740px;
border: 0px;
font-size: 12px;
margin-bottom: 10px;
color: #000;
}
table#basketTotals td
{
padding: 10px 10px 10px 0px;
}

#basketbuttons
{
/*border: 1px solid #000;*/
position: relative;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
}
#basketbuttons ul
{
list-style: none;
margin: 0px;
padding: 0px;
position: relative;
line-height: 26px;
top: 5px;
}
#basketbuttons ul li
{
float: left;
display: inline;
width: 180px;
margin-bottom: 0px;
margin-right: 18px;
margin-left: 12px;
padding: 0px;
}
#basketbuttons ul li.right
{
margin-right: 0px;
margin-bottom: 0px;
}

a.basketlink:link
{
color: #333333;
font-size: 14px;
text-decoration: none;
}

a.basketlink:visited
{
color: #333333;
font-size: 14px;
text-decoration: none;
}
a.basketlink:active
{
color: #333333;
font-size: 14px;
text-decoration: none;
}

a.basketlink:hover
{
color: #666666;
font-size: 14px;
text-decoration: underline;
}

.basketlinktext
{
color: #000;
font-size: 14px;
}
.basketactivetxt
{
font-size: 18px;
color: #da0800;
}
.basketnotactivetxt
{
font-size: 18px;
color: #ccc;
}

#centerpara3
{
margin: 20px 0px 0px 0px;
padding: 0px;
width: 750px;
}
#centerpara3 h1
{
display: none;
}
#centerpara3 h2
{
margin: 4px auto;
padding: 0px;
}

/*pagination*/
.pagination {
	padding: 0px;
	margin: 0px;
}

.pagination ul{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
margin-right: 2px;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #0057a6;
	
	text-decoration: none; /* no underline */
	color: #0057a6;
}
.pagination a:hover, div.pagination a:active {
	border: 1px solid #0057a6;

	color: #000;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #0057a6;
		
		font-weight: bold;
		background-color: #0057a6;
		color: #FFF;
	}
.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}

/*end of pagination*/



a.detailenquirylink:link
{
color: #333333;
font-size: 12px;
text-decoration: none;
}

a.detailenquirylink:visited
{
color: #333333;
font-size: 12px;
text-decoration: none;
}
a.detailenquirylink:active
{
color: #333333;
font-size: 12px;
text-decoration: none;
}

a.detailenquirylink:hover
{
color: #666666;
font-size: 12px;
text-decoration: underline;
}

.formfield
{
margin: 0px 0px 10px 0px;
background: #ccc;
font-size: 12px;
border: 1px solid #000;
width: 298px;
color: #000;
}

.formTXTfield
{
margin: 0px 0px 10px 0px;
background: #ccc;
font-size: 12px;
border: 1px solid #333;
width: 298px;
color: #333;
height: 200px;
}
input.formButton
{
float: left;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-color: #999;
margin: 5px 0px;
color: #FFFFFF;
border: solid 1px #999;
font-weight: bold;
}
input.formButton:hover
{
color: #CCC;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-color: #666;
margin: 5px 0px;
border: solid 1px #666;
font-weight: bold;
}

.keratinform
{
width: 340px;
text-align: left;
margin: 20px auto;
}

.formfield2
{
margin: 4px 0px 4px 0px;
background: #ccc;
font-size: 12px;
border: 1px solid #333;
width: 190px;
color: #146500;
}
input.formButton
{
float: left;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-color: #999;
margin: 5px 0px;
color: #FFFFFF;
border: solid 1px #999;
font-weight: bold;
}
input.formButton:hover
{
color: #CCC;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-color: #666;
margin: 5px 0px;
border: solid 1px #666;
font-weight: bold;
}