/* GUI */

body{
	margin: 0;
	padding: 0;
	background: #000;
	font-family: Arial, Tahoma, Verdana, Sans-serif;
	font-size: 12px;
}
a{
	color: #a71913;
	text-decoration: none;
}
a:hover{
	color: #5c5c5c;	
}

p{
	font-weight: normal;
	/*margin: 0;*/
	padding: 0;
}
ul{
	list-style: none;
	margin: 0;
	padding: 0;
}


h2{

	
}
h3{
	color: black;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.right{
	float: right;
}
.left{
	float: left;
}


/* buttons */

.small_button{
	font-size: 10px;
	text-transform:uppercase;
	background: #000;
	padding: 2px;
	color: white;
	font-style: italic;
	font-weight: bold;
	margin: 5px 0 5px 0;
}
.button{
	font-size: 12px;
	text-transform:uppercase;
	background: #000;
	padding: 5px;
	color: white;
	font-style: italic;
	font-weight: bold;
}
#go{
	font-size: 10px;
	text-transform:uppercase;
	background: #000000;
	padding: 1px;
	color: white;
	font-style: italic;
	font-weight: bold;
	border: 1px solid #dadada;	
	cursor: pointer;
}
#addeditmycars
{
	font-size: 10px;
	text-transform:uppercase;
	background: #CD0000;
	padding: 1px;
	color: white;
	font-style: italic;
	font-weight: bold;
	border: 1px solid #dadada;	
	cursor: pointer;
}
#editcode
{
	font-size: 8px;
	text-transform: uppercase;
	background: #000000;
	padding: 1px;
	color: white;
	font-style: italic;
	font-weight: bold;
	border: 1px solid #dadada;	
	cursor: pointer;
}
#recalculate
{
	font-size: 8px;
	text-transform: uppercase;
	background: #000000;
	padding: 1px;
	color: white;
	font-style: italic;
	font-weight: bold;
	border: 1px solid #dadada;	
	cursor: pointer;
}
#searchbtn
{
	font-size: 8px;
	text-transform: uppercase;
	background: #000000;
	padding: 1px;
	color: white;
	font-style: italic;
	font-weight: bold;
	border: 1px solid #dadada;	
	cursor: pointer;
}

/* container */

#container{
	width: 1000px;
	margin: 0 auto;
	background: #fff;
}
#header{
	width: 1000px;
	background: url(/images/header_new.jpg) no-repeat;
	height: 113px;
}

/* top navigation */

#top_nav{
	float: left;
	margin-top: 5px;
	height: 42px;
	background: url(/images/topnav_bg.jpg) no-repeat;
	width: 1000px;
	display:inline;
}

#top_nav a:hover{
	text-decoration: none;
	background: #000;
	color: white;
}
#top_nav img{
	padding:0;
	margin: 0;
	float: left;
}
#top_nav ul{

	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	list-style: none;
	margin: 0;
	padding: 0;
}
#top_nav ul li{

	float: left;
}
#top_nav ul li a{
	float: left;
	padding: 14px 15px 14px 15px;
	color: black;

}

/* topnav social media */.

#top_nav ul#social{
	margin-top: 6px;

	float: left;
}
#top_nav ul#social li{
	margin-top: 7px;
	margin-right: 10px;
	float: right;
	padding: 0;

}
#top_nav ul#social a{
	padding: 0;
}

#top_nav ul#social a:hover{
	background: none;
}

/* show products for bar under top nav. */

#show_products{
	float: left;
	width: 1000px;
	height: 42px;
	background: url(/images/show_products.jpg) no-repeat;
	display: inline;
}
#show_products ul{
	padding: 0;
	margin: 10px 0 0 160px;
	display:inline;
	float: left;
}
#show_products li{
	margin-right: 10px;
	float: left;
}
#make{
	width: 150px;
}
#year{
	width: 80px;
}
#search{
	float: right;
	margin-right: 5px;
}

/* left sidebar */

.left_sidebar{
	float: left;
	margin: 10px;
	display: inline;
}

#product_categories{
	width: 184px;
	border: 1px solid #dedede;
}
#product_categories ul{

}
#product_categories li{
	border-bottom: 1px solid #dedede;
}
#product_categories a{
	color: black;
	display: block;
	padding-left: 15px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}
#product_categories a:hover{
	background: #c3d9ff;
}
#product_categories a:visited{
	color: black;
}

#product_categories li.last{
	border-bottom: none;
}
#left_ads{
	margin-top: 10px;
	width: 184px;
}

/* center section */

.center{
	margin-top: 10px;
	float: left;
	width: 586px;
	margin-bottom: 10px;
	display:inline;
	margin-right: 0px;
	margin-left: 0px;
}
#slideshow{
	width: 586px;
	height: 330px;
	border: 1px solid #dedede;
	margin-bottom: 10px;
}


/* company news */
#news{
	float: left;
	width: 248px;
	border: 1px solid #dedede;
	margin-right: 6px;
	min-height: 100px;
	display: inline;
}

#news p{
	padding: 10px;	
}
#news h2{
	font-size: 16px;
	color: #a71913;
	margin: 15px 0 0px 0;
	padding-left: 5px;
	font-style:italic;
}
#news h3{
	padding-left: 10px;
	margin: 0;
	color: #404040;
	font-size: 12px;
}

/* new products */

#new_items{
	float: left;
	width: 327px;
	border: 1px solid #dedede;
	min-height: 100px;
	display: inline;
}
#product_table{
	text-align: left;
	width: 320px;
	margin: 5px 0 0 5px;
}


#product_table th{
	width: 150px;
}
#product_table img{
	margin-right: 5px;
}
#product_table p{
	font-weight: normal;
	margin: 0px;
}

#product_picture{
	float: left;
	width: 64px;
	margin-right: 5px;
}
#product_text{
	float: left;
	width: 70px;
	padding-bottom: 10px;
}
#product_text p{
	margin-bottom: 5px;
}

#product_row{
	margin-bottom: 20px;
}

/* mcleod tech box */

#tech_box{
	float: left;
	width: 327px;
	border: 1px solid #dedede;
	margin-top: 10px;
	min-height: 100px;
	display: inline;
}
#tech_box h2{
	font-size: 16px;
	color: #a71913;
	margin: 10px 0 0px 0;
	padding-left: 10px;
	font-style:italic;
}
#tech_box h3{
	padding-left: 10px;
	margin: 0;
	margin-bottom: 5px;
	color: #404040;
	font-size: 12px;

}
#tech_picture{
	float: left;
	display: inline;
	width: 150px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
#tech_text{
	display: inline;
	float: left;
	width: 150px;
}
#tech_box p{
	padding: 10px;	
}

/* UI elements */
#page_header
{
	width: 586px;
}

#page_header h1
{
	padding: 14px 0 0 0;
	color: #000000;
	font-style: italic;
	font-size: 16px;
	border-bottom: 1px solid #000000;
	width: 586px;
}

/*category page */

#category_description{
	width: 586px;
	margin: 15px 0 15px 0;
}
#category_description p{
	margin: 10px 0 10px 0;
}
#categories img{
	padding-right: 3px;
}


/*product page */

#product_description{
	float: left;
	width: 281px;
	margin: 15px 0 15px 0;
}
#product_description p{
	margin: 10px 0 10px 0;
}
#product_image{
	width: 305px;
	float: right;
	margin: 15px 0 15px 0;
	text-align: right;	
}
#products{
	width: 586px;
}
#products h3{
	color: white;
}
#products td{
	padding: 10px;
}
#products .odd{
	background: #dedede;
}

#product_list{
	margin-top: -1px;
	border: 1px solid #dedede;
	font-size: 8pt;
	padding: 10px;
}


.table_header{
	background: url(/images/table_header_bg.jpg) repeat-x;
}
.center_table{
	width: 566px;

}
.redbutton{
	background: #ce0000;
	padding: 4px;
	color: white;
	text-transform: uppercase;
	font-style:italic;
	font-size: 8pt;
}


#tabnav
	{
		height: 20px;
		margin: 0;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #dedede;
		font-size: 10pt;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #000;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #ce0000;
		color: #fff;
	}

#tabnav a:hover
	{
		background: #fff;
	}




/* right sidebar */

.right_sidebar{
	float: right;
	display:inline;
	width: 184px;
	margin: 10px 10px 0 0;
}
#shopping_cart{
	width: 184px;
	border: 1px solid #dedede;
	min-height: 150px;
	background: #eaeaea;
	text-align: center;
}
#shopping_cart p{
	margin: 15px 0 10px 0;
}
#items_cart{
	
	margin: 10px 0px 10px 5px;
	width: 174px;
	border-bottom: 1px solid #5c5c5c;
}

#right_buttons{
	width: 184px;

}
#right_buttons img{

	margin-top: 10px;
	border: 1px solid #dedede;
}





/* footer */

#footer_questions{
	width: 1000px;
	background: url(/images/footer_bg.jpg) no-repeat;
	height: 74px;
}
#footer_questions p{
	float: right;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	font-style: italic;
	margin: 10px 20px 0 0;
	overflow: auto;
}
#policies{

	float: right;
	margin: 5px 10px 10px 0;
}

/* END GUI */

/* START ARCHIVE PAGE */

#archive
{
}

#archive h2
{
	font-size: 14px;
	color: #a71913;
	margin: 15px 0 0px 0;
	padding-left: 10px;
	font-style:italic;
}
#archive p
{
	font-size: 12px;
	color: #000000;
	margin: 15px 0 0px 0;
	padding-left: 10px;
}
/* END ARCHIVE PAGE */

/* GLOBAL ITEMS */

a.subnav:link, a.subnav:visited {
	font: 12px/14px Arial, Verdana, sans-serif;
	color: #CC3333;
	font-weight: bold;
}

a.subnav:hover, a.subnav:active {
	font: 12px/14px Arial, Verdana, sans-serif;
	color: #990000;
	font-weight: bold;
	
}

input.search {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #ffffff;
	margin-bottom: 1px;
	padding: 1px;
	height:18px;
	width:90px;
}


.navpath {
	visible: false;
	font: 12px/14px Arial, Verdana, sans-serif;
	color: #CC3333;
	padding-left: 10px;
	font-weight: bold;
}

h1.pagetitle {
	font: 16px/14px Arial, Verdana, sans-serif;
	color: #000000;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC3333;
}

p.loginheader {
	font: 16px Arial, Verdana, sans-serif;
	color: #000000;
	font-weight: bold;
}


h1.navhead {
	font: 14px/17px Arial, Verdana, sans-serif;
	color: #000000;
	font-weight: bold;
}

p.pagetextcontent {
	font: 11px/12px Arial, Verdana, sans-serif;
	color: #000000;

}

span.message {
	visible: false;
	font: 13px/18px Arial, Verdana, sans-serif;
	color: #FFFFFF;
	background-color: #990000;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}


.ymmdropdown {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-top: 2px;
}



/* Start Home Page Items */


.productspecialslist {
	list-style-position: outside;
	list-style-image: url(/images/bullet.jpg);
	margin-bottom: 18px;	
}



/* End Home Page Items */




/* Start Products Page */

td.productapplicationheader {
	visible: false;
	font: 12px/12px Arial, Verdana, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #000000;
	margin: 0 0;
	padding: 4px 0;
	text-align: left;
}

td.productapplicationtext {
	visible: false;
	font: 11px/13px Arial, Verdana, sans-serif;
	color: #000000;
	margin: 0 0;
	padding: 4px 0;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}


td.productrelateditemsimg {
	visible: false;
	margin: 0 0;
	padding: 4px 0;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
}

td.productrelateditems {
	visible: false;
	font: 11px/13px Arial, Verdana, sans-serif;
	color: #000000;
	margin: 0 0;
	padding: 4px 0;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}

p.relateditemsheader {
	visible: false;
	font: 12px/14px Arial, Verdana, sans-serif;
	color: #000000;
	font-weight: bold;
}

td.productSelected {
	visible: false;
	font: 11px/13px Arial, Verdana, sans-serif;
	color: #CD0000;
	background-color: #cccccc;
	margin: 0 0;
	padding: 4px 0;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
}

td.productSelectedPrice {
	visible: false;
	font: 11px/13px Arial, Verdana, sans-serif;
	color: #CD0000;
	background-color: #cccccc;
	margin: 0 0;
	padding: 4px 0;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
}

td.productpricetext {
	visible: false;
	font: 11px/13px Arial, Verdana, sans-serif;
	color: #000000;
	margin: 0 0;
	padding: 4px 0;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}

.priceStrike {
	text-decoration:  line-through;
	color: #000000;
}

a.appLink:link, a.appLink:visited {
	font: 11px/13px Arial, Verdana, sans-serif;
	color: #CD0000;
}

a.appLink:hover, a.appLink:active {
	font: 11px/13px Arial, Verdana, sans-serif;
	color: #CD0000;
	text-decoration: none;
}

.popupHeader {
	visible: false;
	font: 10px/12px Arial, Verdana, sans-serif;
	color: #000000;
	font-weight: bold;
}

.popupText {
	visible: false;
	font: 10px/12px Arial, Verdana, sans-serif;
	color: #000000;
}


/* End Products Page */

/* Start Cart Page */

input.couponTextbox {
	visible: false;
	/* Nothing here for now */
}

td.cartHeader {
	visible: false;
	font: 12px/12px Arial, Verdana, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #000000;
	margin: 0 0;
	padding: 4px 0;
	text-align: left;
}

td.cartText {
	visible: false;
	font: 12px/12px Arial, Verdana, sans-serif;
	color: #000000;
	margin: 0 0;
	padding: 4px 0;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	vertical-align: top;
}

input.cartQuantityTextbox {
	visible: false;
	height: 22px;
	width: 27px;
}

td.cartTotalText {
	visible: false;
	font: 12px/12px Arial, Verdana, sans-serif;
	color: #666666;
	/*background-color: #FFFFFF;*/
	text-align: right;
}

td.couponText {
	visible: false;
	font: 12px/12px Arial, Verdana, sans-serif;
	color: #CD0000;
}

/* End Cart Page */

/* Start Login Page */
/* End Login Page */

/* Start Forgot Password Page */
/* End Forgot Password Page */

/* Start Address Page */
h2.ShipHead {
	visible: false;
	font : 16px/16px Arial, Verdana, sans-serif;
	color: #666666;
	font-weight: bold;
}

h2.ShipHeadNote {
	visible: false;
	font: 10px/12px Arial, Verdana, sans-serif;
	color: #CD0000;
	font-weight: bold;
}

td.addressOR {
	visible: false;
	font : 14px/16px Arial, Verdana, sans-serif;
	color: #666666;
	font-weight: bold;
}

/* End Address Page */

/* Start Confirmation Page
	page references:
		td.cartHeader
		td.cartTotalText
		td.couponText
*/

h2.stepHead {
	visible: false;
	font : 16px/16px Arial, Verdana, sans-serif;
	color: #666666;
	font-weight: bold;
}

.textTerms {
	visible: false;
	height: 150px;
	width: 400px;
	overflow: auto;
	align: center;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

td.cartOrderTotalText {
	visible: false;
	font: 14px/14px Arial, Verdana, sans-serif;
	color: #000000;
	background-color: #DDDDDD;
	text-align: right;
}

.pricebox {
	border:	0;
	font:	12px Verdana, Arial, sans-serif;
	color: #000000;
	text-align: right;
}

/* End Confirmation Page */

/* Start Personal Homepage
	page references:
		td.cartHeader
		td.cartTotalText
*/

tr.orderList {
	visible: false;
	font: 12px/12px Arial, Verdana, sans-serif;
	color: #000000;
	margin: 0 0;
	padding: 4px 0;
	text-align: left;
	border-bottom: 1px solid #FFFFFF;
	vertical-align: top;
}

tr.orderListAlt {
	visible: false;
	font: 12px/12px Arial, Verdana, sans-serif;
	color: #000000;
	margin: 0 0;
	padding: 4px 0;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	vertical-align: top;
}

p.manageAccount {
	visible: false;
	font: 14px/14px Arial, Verdana, sans-serif;
	color: #666666;
	font-weight: bold;
}

/* End Personal Homepage */

/* Start Search Page */

.searchText {
	font: 10px/12px Arial, Verdana, sans-serif;
	color: #000000;
}

.searchHeader {
	font: 12px/16px Arial, Verdana, sans-serif;
	color: #000000;
	font-weight: bold;
}

.searchResultsHeader {
	visible: false;
	font: 14px/16px Arial, Verdana, sans-serif;
	color: #000000;
	font-style: italic;
}

.searchResultsText {
	visible: false;
	font: 12px/14px Arial, Verdana, sans-serif;
	color: #000000;
}

.searchResultsTextLink {
	visible: false;
	font: 12px/14px Arial, Verdana, sans-serif;
	color: #000000;
}

.searchHints {
	visiable: false;
	font: 12px/14px Arial, Verdana, sans-serif;
	color: #000000;
}

.searchPages {
	font: 12px/16px Arial, Verdana, sans-serif;
	color: #000000;
}

/* End Search Page */

/* Start Dealer Search Page */

.dealerName {
	visible: false;
	font:  14px/16px Arial, Verdana, sans-serif;
	color: #000000;
	font-weight: bold;
}

.dealerDetails {
	visible: false;
	font: 12px/14px Arial, Verdana, sans-serif;
	color: #666666;
}

.dealerType {
	font: 12px/14px Arial, Verdana, sans-serif;
	color: #666666;
	font-weight: bold;
}

/* End Dealer Search Page */

/* Start Download Page */

h2.downloadhead {
	visible: false;
	font: 14px/16px Verdana, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 2px solid #666666;
	margin: 0 0 6px 0;
	padding: 0;
	color: #666666;
}

/* End Download Page */



/* Start Left Nav Brand Drop Down  */

.shopbybranddropdown {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-left: 5px;
	margin-bottom: 5px;
}

/* End Left Nav Brand Drop Down  */


/* Start Footer */

p.footer {
	font: 9px/10px Arial, Verdana, sans-serif;
	color: #000000;
}

/* End Footer */

/* Start the MyCars Area */

h2.producthead {
	font: 14px/16px Arial, Verdana, sans-serif;
	font-weight: bold;
	border: 0;
	margin: 0 0 6px 0;
	padding: 0;
}

.myCarsText {
	font: 12px Arial, Verdana, sans-serif;
	color: #663300;
}

.myCarsVehicleText {
	font: 12px Arial, Verdana, sans-serif;
	color: #000000;
}

/* End MyCars Area */

/* Start Products For My Car Page */

span.productsforcarlistheader {
	font: 12px/12px Arial, Verdana, sans-serif;
	font-weight: bold;
}

p.productsforcarColumnHeader {
	font: 12px/12px Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

td.productsforcarColumnHeader {
	background-color: #666666;
}

span.priceStrike { /* This is for when we have a sale going on */
	font: 12px/12px Arial, Verdana, sans-serif;
	color: #000000;
	text-decoration: line-through;
}

span.priceSale { /* This is for when we have a sale going on */
	font: 12px/12px Arial, Verdana, sans-serif;
	color: #990000;
	font-weight: bold;
}

span.priceNormal {
	font: 12px/12px Arial, Verdana, sans-serif;
	color: #000000;
	font-weight: bold;
}

span.partNumber {
	font: 12px/12px Arial, Verdana, sans-serif;
	color: #000000;
}

/* End Products For My Car Page */
