/* -------------- Reset Styles -------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead{border: 0pt none;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0pt;padding: 0pt;}
caption, th, td{font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}
form{ margin: 0; padding: 0;}

/* -------------- general styles -------------- */

html,body{
	margin:0;
	padding:0;
}

body{
	background:#efede7;
}

body, p, div, li{
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size: 12px;
	color: #666;
}


ul{	
	margin: 10px 0;
}

li{
	margin: 1px 25px;
	color: #4d6b90;
}

b, strong{
	font-weight: bold;
}

i, em{
	font-style: italic;
}

.clear{
	clear: both;
	font-size: 1%;
}

.hidden{
	display: none;
}

h1 {
    color: #415a70;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

h2 {
    font-size : 15px;
    font-family : Arial, Helvetica, sans-serif;
    font-weight : bold;
    color : #d67925;
    text-decoration: none;
}

h3 {
    font-size : 13px;
    font-family : Arial, Helvetica, sans-serif;
    font-weight : bold;
    color : #415a70;
    text-decoration: none;
}

h4 {
    color: #5d5d5d;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

h5 {
    font-size : 12px;
    font-family : Arial, Helvetica, sans-serif;
    font-weight : bold;
    color : #acb8c2;
    text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;
}

p {
	margin: 5px 0;
}

a{
	color: #1e51a7;
	text-decoration: none;
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size: 12px;
}

a:hover{
	color: #f39048;
}

a img{
	border: 0;
	text-decoration: none;
}

div#container{
	width:960px;
	background:#fff;
	border:8px solid #fff;
	text-align:left;
	margin:0 auto;
}

	div#headershell{
		position:relative;
		background:#fff url(images/bg-header.gif) top left repeat-x;
		border-bottom:1px solid #e5e5e5;
		height:90px;
	}
	
		div#automotive_tools{
			float:left;
			width:370px;
		}
		
		div#toolstore{
			float:right;
			width:525px;
			padding:0;
			background: url(images/number-shipping.gif) no-repeat top right;
			height: 90px;
		}
	
	#menushell{
		height:39px;
		background:#ddecfb url(images/menu_off.gif) repeat-x bottom left;
		width:960px;
	}
	
		#menulist{
			float:left;
		}
		
			.menuitems{
				background:#ddecfb url(images/menu_off.gif) no-repeat bottom left;
			}
			
			.menu{
				float:left;
				display:block;
				height:39px;
				font-size:11px;
				font-weight:bold;
				font-family:Arial,Verdana,Helvitica,sans-serif;
			}
			
			.menu ul li ul{
				display:none
			}
			
			.menu ul{
				float:left;
				margin:auto;
				padding:0;
				list-style-type:none;
				width:auto;
			}
			
			.menu ul li{
				display:block;
				float:left;
				margin:auto;
			}
			.menu ul li a{
				outline: none;
				display:block;
				color:#666;
				text-decoration:none;
				line-height: 33px;
				height:33px;
				background:transparent url(images/menu_divider.gif) no-repeat top right;
				padding: 0 25px;
				text-align:center
			}
			
			.menu ul li a:hover{
				color:#98c508;
				background:#fff url(images/menu_on.gif) no-repeat top left;
			}
		
		#cart{
			float:right;
			width:165px;
			text-align:left;
			padding:0;
			margin-top:5px;
		}
		
	#searchshell{
		background:#ddecfb url(images/bg-searchshell.gif) bottom left no-repeat;
		height:32px;
		border-bottom:1px solid #dad9e2;
		padding:0;
		margin:0;
	}
	
    #search{
        float:right;
        width:215px;
        height:22px;
        padding:0;
        margin-right:15px;
        display: inline;
    }
	
	/*
		#search{
			float:left;
			width:215px;
			height:22px;
			padding:0;
			margin-left:730px;
			display: inline;
		}
	*/	
	#searchstring{
		border: 0;
		background: none;
		width: 180px;
		height: 25px;
		float: left;
		margin-top: 7px;
		margin-left: 2px;
		font-size: 11px;
	}

			
			#searchsubmit{
				width: 20px;
				height: 14px;
				margin-top: 8px;
				float: right;
			}
	
	div#wrapper{
		width: 590px;
		float: left;
		margin: 0 10px;
	}
	
		div#content{
			margin: 15px 0;
		}
		
			h3.title-weeklyspecial{
				background: url(images/title-weeklyspecial.gif) no-repeat top left;
				height: 29px;
				margin-top: 10px;
				display: block;
			}
			
			h3.title-relatedproducts{
				background: url(images/title-related-products.gif) no-repeat top left;
				height: 29px;
				margin-top: 10px;
				display: block;
			}
			
			
			h3.title-featuredproducts{
				background: url(images/title-featuredproducts.gif) no-repeat top left;
				height: 29px;
				margin-top: 10px;
			}
			
			div.roundbox{
				background: url(images/bg-roundbox.gif) repeat-y bottom;
				padding: 10px;
				color: #1f53a9;
			}
			
				div.roundbox p{
					color: #1f53a9;
				}
				
				span.price{
					color: #990000;
				}
				
				a.moreinfo{
					background: url(images/li-bullet.gif) no-repeat left center;
					padding-left: 25px;
					text-align: right;
				}
				
				table.featuredproducts{
					width: 100%;
				}
				
					table.featuredproducts td{
						padding: 5px;
						text-align: center;
						width: 115px;
					}
					
					tr.featuredproducts-images td{
						vertical-align: bottom;
					}
					
					tr.featuredproducts-name td{
						vertical-align: top;
					}
	
	div#leftcol{
		float:left;
		width:175px;
		background:#fff;
		background-position:left top;
		text-align:left;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight:normal;
		color: #504F4F;
	}
			
		#leftcol ul, #leftcolstatic ul {
			background:#f4f3f6 url(images/bg-quicklinks.gif) repeat-y;
			list-style: none;
			padding: 0;
			margin: 0;
			list-style: none;
		}
		
			#leftcol ul li, #leftcolstatic ul li {
				border-bottom: 1px solid #dad9e2;
				font-size: 12px;
				margin: 0;
			}
			
			#leftcol ul li a, #leftcolstatic ul li a {
				display: block;
				font-weight: bold;
				font-size: 12px;
				color: #1f69b4;
				text-decoration: none;
				font-size: 12px;
				background:  url(images/li-bullet.gif) no-repeat left center;
				padding: 2px 0 2px 25px;
			}
			
			div#leftcol ul li a:hover, #leftcolstatic ul li a:hover {
				color: #fdac2e;
				background: #fff0d4 url(images/li-bullet.gif) no-repeat left center;
				border-left: 1px solid #dad9e2;
				border-right: 1px solid #dad9e2;
			}
	
		#secure {
			padding-top:8px;
			padding-bottom:8px;
			margin:7px;
			text-align:center;
			border-bottom: 1px dashed #ccc;
		}
		
		#creditcards{
			padding-top:7px;
			padding-bottom:9px;
			margin:7px;
			text-align:left;
			font-family: Verdana, Geneva, Helvetica, sans-serif;
			font-size: 10px;
			font-weight:normal;
			color: #333;
			border-bottom: 1px dashed #ccc;
		}
		
			#creditcards h5 {	
				font-family: Verdana, Geneva, Helvetica, sans-serif;
				font-size: 10px;
				font-weight:bold;
				color: #FFA100;
				margin: 0;
				padding: 0;
				padding-bottom:2px;
			}
	
	div#rightcol{
		float:left;
		width:175px;
	}
	
		div#featuredshell{
			text-align:center;
			background:#fff url(images/bg-featured.gif) no-repeat;
			border:1px solid #98c508;
			margin-top:15px;
			padding:35px 0 10px 0;
		}
		
			div#featured a{
				color:#023c90;
				font-weight:bold;
				text-decoration:none;
			}
			
			div#featured a:hover{
				color:#023c90;
				text-decoration:underline;
			}
		
		div#hot{
			text-align:left;
			background:#fff url(images/bg-hot.gif) no-repeat;
			border:1px solid #f5a915;
			margin-top:15px;
			margin-bottom: 15px;
			padding:35px 5px 10px 0;
		}
		
			#hot ul {
				list-style: none;
				padding: 0;
				margin: 0;
				list-style: none;
			}
			
			#hot ul li {
				padding: 2px;
				padding-left: 18px;
				padding-right: 4px;
				font-size: 12px;
				background-image: url(images/li-bullet2.gif);
				background-repeat: no-repeat;
				background-position:0 .2em;
				margin: 0;
			}
			
			#hot ul li a {
				display: block;
				font-size: 12px;
				font-weight:bold;
				color: #f39003;
				text-decoration: none;
				padding-left: 4px;
				font-size: 12px;
			}
			
			div#hot ul li a:hover {
				color: #f55c00;
				background:#fdefdb;
			}
	
	div#contactshell{
		clear:both;
		background:#134dac url(images/bg-contactshell.gif) repeat-x;
		width:100%;
		border-top: 3px solid #124392;
		padding:0;
		margin:0;
	}
	
	div#contact{
		color:#fff;
		padding:20px;
		margin:0;
	}
	
	div#shippingshell{
		float:right;
		width:555px;
		height:100px;
		background:url(images/bg-shipping.gif) bottom no-repeat;
		color:#fff;
		margin-right:10px;
	}
	
	div#shipping{
		color:#feba58;
		font-size:16px;
		padding:5px 5px 5px 100px;
		margin-top:20px;
	}
	
	div#contact h3{
		color:#feba58;
		font-size:16px;
		padding:0;
		margin:0;
	}
	
	div#copyrightshell{
		clear:both;
		background:#222222 url(images/bg-copyrightshell.gif) repeat-x;
		padding:0;
		margin:0;
		text-align: right;
	}
	
	div#copyright{
		color: #777777;
		padding:15px;
		margin:0;
		float: left;
	}
	
	div#siteindex{
		padding: 15px;
		color: #777;
	}
	
	div#copyrightshell a{
		color: #4078d7;
		font-weight:bold;
		text-decoration:none;
	}
	
	div#copyrightshell a:hover{
		text-decoration:underline;
	}
	
	iframe.iframeclass 
	{
		width: 100%;
		margin: 0px;
		padding: 0px;
		border-style: none;
	}
	
	iframe#iframeleft
	{
		
	}
	
	iframe#iframeright
	{
		
	}	
	
    #navtrail{
		float: left;
		line-height: 32px;
		padding-left: 185px;
    }
    
    #navtrail a 
    {
		font-size: 8pt;
    }
    
    div#blog 
    {
		margin-top: 15px;
    }
	
.error { color: Red; }

li.product_list_item { margin-bottom: 5px; }
li.product_list_item b{
    color: #ef7e04;
    font-weight: bold;
    font-size: 13px;
    font-style: italic;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}
a.backlink { color: #234c93; }

.warning	
{	
	font-size:	12px;
	COLOR: Red;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
}

.body_panel 
{
	margin-bottom: 20px;
}

li.product_item_short_desc{
    color: #ef7e04;
    font-weight: bold;
    font-size: 15px;
    font-style: italic;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

li.product_item_price{
    color:#9F3333;
    font-weight:bold;
    font-size: 13px;
    font-style: italic;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

/* start price color */
.product_list_price{
    color: #9f3333;
    font-weight: bold;
}

.product_list_desc{
    color: #ef7e04;
    font-weight: bold;
    font-size: 13px;
    font-style: italic;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

.checkout_step{
	background:#ffffff url(images/checkout-bg.jpg) no-repeat;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    width: 150px;
    height: 36px;
    line-height: 36px;
	padding:0;
	margin:0;
	text-align: center;    
}
