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

#header
{
margin: 0px;
background: #FFFFFF url(media/paintprotectionheader1.jpg) no-repeat left top;
height: 100px;
}
#header h1
{
display: none;
}
#headernav
{
float: right;
margin-top: 50px;
width: 570px;
}
#headernav ul
{
margin: 0px;
padding: 0px;
width: 570px;
list-style: none;
}
#header ul li
{
float: left;
display: inline;
font-size: 14px;
margin-right: 20px;
}
#header ul li a
{
text-decoration: none;
color: #FFF;
font-weight: bold;
}
#header ul li a:hover
{
color: #CCCCCC;
}
#breadcrumb
{
position: relative;
margin: 12px 0px 0px 10px;
font-size: 12px;
color: #000000;
}
#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;
background: url(media/categoriesbg.jpg) repeat-y left top;
/*border: 1px solid #000;*/
}
div#catleftnav
{
position: relative;
top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
padding: 0px;
background: url(media/categoriesbg.jpg) repeat-y left top;
}

div#catleftnav ul
{
margin: 0px;
padding: 0px;
width: 178px;
list-style: none;
}

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

div#catleftnav li a.leftmaincats
{
display: block;
background: url(media/arrow-off.gif) no-repeat 4px 7px;
text-decoration: none;
padding: 4px 0px 4px 4px;
color: #000;
}
div#catleftnav li a.leftmaincats:hover
{
display: block;
background: #c7adc8 url(media/arrow-on.gif) no-repeat 4px 7px;
padding: 4px 0px 4px 4px;
color: #fff;
}
div#catleftnav ul li.activelink
{
display: block;
background: #a4c50c url(media/arrow-on.gif) no-repeat 4px 7px;
margin: 4px 0px 0px 5px;
padding: 4px 4px 4px 4px;
font-size: 12px;
width: 158px;
color: #fff;
}

div#catleftnav ul li ul li.subs
{
display: block;
width: 147px;
margin: 0px;
padding: 4px 4px 4px 4px;
}

div#catleftnav ul li ul li.subs a.testsubs
{
display: block;
width: 140px;
margin: 0px;
padding: 0px;
text-decoration: none;
color: #000;
background: url(media/arrowblack2.gif) no-repeat 4px 8px;

}
div#catleftnav ul li ul li.subs a.testsubs:hover
{
display: block;
background: url(media/arrowwhite.gif) no-repeat 4px 8px;
text-decoration: none;
color: #FFF;
}

div#catleftnav ul li ul li.subs div.testdiv
{
display: block;
width: 128px;
margin: 0px 0px 0px 14px;
padding: 4px 4px 4px 0px;
}
div#catleftnav ul li ul li.last a.subslink
{
display: block;
width: 147px;
}


#cardlogos
{
padding: 0px;
width: 178px;
margin: 0px auto;
text-align: center;
}

#side-b
{
float: right;
width: 200px;
text-align: center;
}
#categoriesrighttab
{
margin: 0px;
padding: 0px;
width: 178px;
margin: 0px auto;
background: url(media/categoriesbg.jpg) repeat-y left top;
/*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;
background: url(media/categoriesbg.jpg) repeat-y left top;
/*border: 1px solid #000;*/
}
#offersrightnav
{
position: relative;
top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
padding: 0px;
background: url(media/categoriesbg.jpg) repeat-y left top;
text-align: center;
font-size: 14px;
font-weight: bold;
}
#offersrightnav p
{
margin: 0px;
padding: 0px;
}
#offersrightnav img
{
margin: 10px 0px 0px 0px;
}
.specialsprice
{
font-size: 24px;
color: #FF0000;
}

#content
{ 
float: left;
width: 574px;
text-align: center;
}
#centerpara
{
margin: 0px 0px 0px 8px;
padding: 0px;
width: 558px;
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: 264px;
border: 1px solid #929292;
margin-right: 5px;
margin-bottom: 5px;
padding: 8px 0px 0px 0px;
}
#carsubmanufacturers ul li a
{
text-decoration: none;
}

#footer
{
clear: both;
background: url(media/footer.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 #c7adc8;
width: 240px;
}
textarea.formTextArea
{
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
padding: 5px;
width: 320px;
height: 100px;
border: solid 1px #c7adc8;
}
.error
{
margin: 0px 0px 10px 0px;;
color: #FF0000;
font-size: 18px;
}
.errortext
{
font-size: 10px;
color: #FF0000;
}

#footerlinks
{
float: right;
position: relative;
top: 0px;
right: 0px;
margin: 60px 300px 0px 0px;
padding: 0px;
}

#footerlinks ul
{
list-style: none;
margin: 0px;
padding: 0px;
font-size: 12px;
}
#footerlinks ul li
{
padding: 2px 0px;
margin: 0px;
color: #FFF;
line-height: 22px;
}
#footerlinks ul li a
{
color: #FFF;
text-decoration: none;
}
#footerlinks ul li a:hover
{
color: #c7adc8;
text-decoration: none;
}

a.linksfooter
{
color: #000;
text-decoration: underline;
}
a.linksfooter:hover
{
color: #FFF;
text-decoration: none;
}

.usererror
{
color: #FF0000;
font-weight: bold;
}

.topnavtreetextnormal
{
font-size: 14px;
}

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 #a4c50c;
width: 240px;
}
textarea.formTextArea
{
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
padding: 5px;
width: 240px;
height: 100px;
border: solid 1px #a4c50c;
}

#breadcrumb a
{
font-size: 12px;
color: #000;
text-decoration: none;
}
#breadcrumb a:hover
{
font-size: 12px;
color: #c7adc8;
text-decoration: none;
}

#listlinks
{
margin: 0px;
padding: 0px;
}
#listlinks img
{
float: left;
margin: 0px 12px 0px 0px;
padding: 0px;
/*border: 2px #FFB0B0 solid;*/
width: 180px;
height: 135px;
}

#listlinks ul
{
margin: 0px 0px 10px 0px;
/*border: 1px solid #000;*/
padding: 0px;
}

#listlinks ul li
{
margin: 0px 0px 10px 5px;
background: #a4c50c;
/*border: 1px solid #000;*/
padding: 10px 20px 10px 10px;
list-style: none;
font-size: 14px;
width: 480px;
}
#listlinks h3
{
font-size: 16px;
border: 0px;
}
#listlinks ul li a:link
{
color: #000066;
font-size: 14px;
}
#listlinks ul li a:active
{
color: #000066;
font-size: 14px;
}
#listlinks ul li a:visited
{
color: #000066;
font-size: 14px;
}
#listlinks ul li a:hover
{
color: #FFF;
font-size: 14px;
}

a.docdownloads 
{
font-size: 14px;
color: #000;
text-decoration: none;
}
a.docdownloads:hover
{
font-size: 14px;
color: #a4c50c;
text-decoration: none;
}

#rightsubs
{
margin: 0px;
padding: 0px;
font-size: 14px;
text-align: left;
}
#rightsubs ul
{
margin: 12px 0px 0px 34px;
padding: 0px;
width: 558px;
list-style: none;
}
#rightsubs ul li
{
float: left;
list-style: none;
display: inline;
width: 250px;
height: 280px;
margin: 0px 7px 10px 0px;
padding: 10px 0px 0px 0px;
background: url(media/catbg.jpg) no-repeat left top;
text-align: center;
}
#rightsubs ul li img
{
margin: 0px 0px 10px 0px;
padding: 0px;
}
#rightsubs ul li a
{
display: block;
margin: 0px auto 10px auto;
padding: 10px 0px 0px 0px;
width: 250px;
height: 280px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #000;
text-align: center;
}

#rightsubs ul li a:hover
{
display: block;
margin: 0px auto 10px auto;
padding: 10px 0px 0px 0px;
width: 250px;
height: 280px;
color: #c7adc8;
background: url(media/catbg2.jpg) no-repeat left -10px;
}

.price
{
color: #ff6000;
font-size: 16px;
}

/*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 #a4c50c;
	
	text-decoration: none; /* no underline */
	color: #a4c50c;
}
.pagination a:hover, div.pagination a:active {
	border: 1px solid #a4c50c;

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

/*end of pagination*/
#thumbnails
{
margin: 0px 0px 0px 30px;
padding: 0px;
}
#thumbnails ul
{
margin: 0px;
padding: 0px;
}

#thumbnails ul li
{
float: left;
display: inline;
width: 80px;
margin: 2px 2px 0px 1px;
padding: 0px;
height: 60px;
font-size: 8px;
overflow: hidden;
border: 1px solid #999999;
}
#thumbnails ul li a
{
float: left;
display: inline;
width: 80px;
margin: 0px;
padding: 0px;
height: 50px;
font-size: 8px;
overflow: hidden;

}
#thumbnails ul li a:hover
{
float: left;
display: inline;
width: 80px;
margin: 0px;
padding: 0px;
height: 50px;
font-size: 8px;
overflow: hidden;
}
a.maroonlink 
{
font-size: 12px;
color: #a4c50c;
text-decoration: none;
}
a.maroonlink:hover
{
color: #000;
}

#rightsubs2
{
margin: 0px;
padding: 0px;
font-size: 14px;
text-align: left;
}
#rightsubs2 ul
{
margin: 12px 0px 0px 24px;
padding: 0px;
width: 558px;
list-style: none;
}
#rightsubs2 ul li
{
float: left;
list-style: none;
display: inline;
width: 250px;
height: 280px;
margin: 0px 7px 10px 0px;
padding: 10px 0px 0px 0px;
background: url(media/catbg.jpg) no-repeat left top;
text-align: center;
}
#rightsubs ul li img
{
margin: 0px 0px 10px 0px;
padding: 0px;
}
#rightsubs2 ul li a
{
display: block;
margin: 0px auto 10px auto;
padding: 10px 0px 0px 0px;
width: 250px;
height: 280px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #000;
text-align: center;
}

#rightsubs2 ul li a:hover
{
display: block;
margin: 0px auto 10px auto;
padding: 10px 0px 0px 0px;
width: 250px;
height: 280px;
color: #a4c50c;
background: url(media/catbg2.jpg) no-repeat left -10px;
}