/*** Body Definitions ***/

*{margin:0; padding:0;}

body{ 
	height:100%; 
	margin:0; 
	padding:0; 
	font-family: Helvetica, sans-serif; 
	font-size:11px; 
	background-color:#666666;
	background-image:url(images/bg.gif);
}

/*** Website wrapper Div ***/

#wrapper{ 
	margin:0 auto; 
	padding:0; 
	width:984px; 
	min-height:550px; 
	border-top:0px;
}

/*** Website Heading ***/

#header{
	padding:0; 
	margin:0; 
	width:984px; 
	height:190px;
	margin-top:20px;
	background-image:url(images/car-toys-header.gif);
	background-repeat:no-repeat;
	float:left;
}

.performance-vehicles{margin-top:35px; margin-left:1px;}

/*** Horizontal Menu Style with Rollover ***/

#menu-frame{
	float:left;
	margin:0 auto;
	width: 977px;
	height:40px;
	background-color:#333333;
	background-image:url(images/menu-bg-luke.gif);
	background-repeat:repeat-x;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
	text-align:center;
}

#menu{
	margin:0 auto; 
	width:885px;
	height:40px;
	overflow:hidden;
}

#menu ul{ 
	display: inline; 
	list-style-type: none;
	clear:left;
}

#menu ul li{
	float:left;
	text-align:center;
	height:41px;
	width:auto;
}

#menu ul li a:link, #menu ul li a:visited{ 
	float:left;
	height:41px;
	overflow:hidden;
}

#menu ul li a:link span, #menu ul li a:visited span{ display:none;}

#frontlinksdemo 
{
    width: 200px;
    float: left;
    border: 1px solid #FF00FF;
}

.home{ width: 111px; height: 41px; background: url(images/menu/home.gif) no-repeat;}
.home:hover{ width: 111px; height: 41px; background: url(images/menu/home.gif) no-repeat 0px -40px; }

.our-profile{ width: 160px; height: 41px; background: url(images/menu/our-profile.gif) no-repeat;}
.our-profile:hover{ width: 160px; height: 41px; background: url(images/menu/our-profile.gif) no-repeat 0px -40px; }

.contact-us{ width: 167px; height: 41px; background: url(images/menu/contact-us.gif) no-repeat;}
.contact-us:hover{ width: 167px; height: 41px; background: url(images/menu/contact-us.gif) no-repeat 0px -40px; }

.faq{ width: 121px; height: 41px; background: url(images/menu/faq.gif) no-repeat;}
.faq:hover{ width: 121px; height: 41px; background: url(images/menu/faq.gif) no-repeat 0px -40px; }

/*.how-to-shop{ width: 180px; height: 41px; background: url(images/menu/how-to-shop.gif) no-repeat;}
.how-to-shop:hover{ width: 180px; height: 41px; background: url(images/menu/how-to-shop.gif) no-repeat 0px -40px; }*/

.tuning-guides{ width: 180px; height: 41px; background: url(images/menu/tuning-guides.gif) no-repeat;}
.tuning-guides:hover{ width: 180px; height: 41px; background: url(images/menu/tuning-guides.gif) no-repeat 0px -40px; }

.specials{ width: 140px; height: 41px; background: url(images/menu/specials.gif) no-repeat;}
.specials:hover{ width: 140px; height: 41px; background: url(images/menu/specials.gif) no-repeat 0px -40px; }

.menu-img{border:0;}

#menu-shadow{
	margin:0 auto;
	width:977px; 
	height:3px; 
	float:left; 
	background:#999999;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
}

/***  Main Content ***/

#content { 
	float:left;
	background:#ffffff; 
	padding:0px 30px 0px 20px; 
	width: 933px; 
	min-height:300px; 
	overflow:hidden;
}

/*** main left column containing login box and product listing ***/

#login-products{
	float:left;
	width:210px;
}

/*** login box ***/

#login{
	float:left; 
	padding-top:45px;
	background-image:url(images/login-box.jpg);
	background-repeat:no-repeat;
	margin-top:20px;
	width:205px;
	height:130px;
}

#login p{
	text-indent:30px;
	font-size:1em;
	line-height:2.4em;
}

.login-button{
	margin:0 auto;
	text-align:center; 	
	margin-left:72px;
	margin-top:5px;
	float:left;
}

/*** list of product categories on lhs menu ***/

#products {
	float:left; 
	width:212px;
	min-height:200px;
}

#products h2 {}

#products ul {
	background-color:#e9e9e9;
	margin-left:10px;
	width:190px;
	float:left;
	border:1px solid #cccccc;
	list-style-type:none;
	display:inline;
	padding-top:1px;
}

#products ul li{
	float:left;
	margin-left:15px;
	width:160px;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #ffffff;
	text-indent:15px;
	height:25px;
}

#products .product-quick-search-li {
	margin-left:0px;
	width: 190px;
	border-bottom: none;
	border-top: none;
	text-indent: 0px;
	height: 70px;
}

#products ul li a:link, #products ul li a:visited{
	display:block;
	color:#666666;
	line-height:2.3em;
	text-decoration:none;
	background-image:url(images/orange-arrow.png);
	background-position:0 50%;
	background-repeat:no-repeat;
	overflow:hidden;
	margin-top:-15px;
	height:25px;
}

#products ul li a:hover{
	background-color:#FFFFFF;
	color:#cc6600;
	text-decoration:underline;
	height:26px;
}

.product-quick-search { padding-left: 12px; font-size: 1em; }
.product-quick-search-li a { list-style: none;}
#products ul li.product-quick-search-li a, #products ul li.product-quick-search-li a:visited, #products ul li.product-quick-search-li a:hover { list-style: none; background: none; }

.product-list-table-heading{
	font-size:12px;
	background-color:#dddddd;
	margin-top:20px;
	height:26px;
	text-indent:5px;
	padding-top:5px;
}

.product-list-table{
	width:700px;
}

.product-list-table td{
	line-height:1.8em;
	padding:3px;
}

.product-list-table a{color:#666666}

.produt-category-image{
	margin:5px;
	border:0;
}

.row1{
	background-color:#EDEDED;
}
.row2{ 
	background-color:#FFFFFF;
}

.description-heading, .price-heading, .description-heading a, .price-heading a{
	font-weight:bold;
	color:#666666;
	
}

.description-heading{width:400px;}
.price-heading{width:120px;}

/*** prevents content from wrapping under lhs menu if goes to long ***/

#main-content{
	width:700px;
	float:right;
	min-height:500px;
}

/*** line all the boxes up no matter what the text or shopping cart height is ***/

#front-categories{
	clear:both;
	float:left;
}

/*** shopping cart stuff ***/

#shopping-cart{
	clear:both;
	float:right; 
	background-image:url(images/shoppin-cart-bg.jpg);
	background-repeat:no-repeat;
	margin:20px;
	margin-bottom:0;
	padding-top:20px;
	margin-right:0;
	width:205px;
	height:90px;
}

#shopping-cart p{
	margin-left:20px;
	margin-right:20px;
	padding-top:20px;
	font-size:.9em;
	line-height:1.2em;
}

#shopping-cart .view-cart{
	margin-left:20px;
	margin-right:20px;
	padding-top:5px;
	font-size:1em;
	line-height:1.2em;
	text-align:center;
}

/*** rss icon and subscirbe to blog text ***/

#blog-subscribe{
	clear:both;
	float:right; 
	width:190px;
	margin-top:10px;
	margin-bottom:8px;
	height:32px;
}

#blog-subscribe p a:link, #blog-subscribe p a:visited{color:#999999;}

/**********************************************************************/
/*** products page layout ***/

#products-table {padding: 5px 0px 10px 0px; clear:both;}
#products-table > div > table{ width: 685px; border:none;}

#products-table .add-to-cart2{ 
	float:right; 
	text-align:right; 
	padding-right:10px; 
	font-weight:bold;	
}

#products-table .display-price2{ float:right;}
#products-table a:link, #products-table a:visited { text-decoration: none;}
#products-table a:hover { text-decoration: underline;}

#products-table .add-to-cart2 a:link, #products-table .product-desc a:link{color:#666666;}
#products-table .add-to-cart2 a:visited, #products-table .product-desc a:visited{color:#666666;}
#products-table .product-image2{margin-right:20px; border:0; padding:5px;}

.product-desc{width:400px;}

/*** Boxes to display products from database grey and white changing***/
.products1, .products2{
	width:685px; 
	background-color:#ededed; 
	padding:5px;
}

.products2{ 
	background-color:#ffffff;
}

/*** product image on products page ***/
.product-image{
	margin-right:20px; 
	vertical-align:middle;
	border:0;
}

.page-number, .page-number a{color:#666666;}

/*** text description, image and price on products page all in a line ***/
.product-line{
	width:683px; 
}

/** Add to shopping cart ***/
.add-to-cart{ 
	float:right; 
	text-align:right; 
	margin-right:10px; 
	margin-top:-35px;
	color:#666666; 
	font-weight:bold; 
}

.add-to-cart a:link{color:#666666;}

/*** price on products page ***/
.display-price{
	float:right;
	margin-left:20px;
	margin-top:-35px;
	margin-right:30px;
}

/*** RSS Subscribe image ***/
.rss{
	vertical-align:middle;
	border:0;
}

#map{float:right; border:1px solid #000000; margin-top:30px;}

/*** form font styles ***/

.form{font-size:1em;}
.contact-form{color:#666666;}

/*** Heading Styles ***/

h1 {
	margin-top:30px;
	margin-bottom:10px;
	font-size: 2em; 
	font-family: "Trebuchet MS", tahoma, arial, sans-serif; 
	color: #333333;  
	text-align:left;
	font-style:italic;
}

h1 span{ display:none;}
h1 a:link, h1 a:visited{ color:#333333; text-decoration:none;}
h1 a:hover{ color:#333333; text-decoration:underline;}

h2 { 
	font-size: 1.4em; 
	font-family: "Trebuchet MS", tahoma, arial, sans-serif;
	color:#ffffff; 
	text-align:center;
	height:45px;
	line-height:2.7em;
}

h2 span{ display:none;}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-indent:30px;
	font-size:1.2em;
	font-weight:bold;
}

h4, h5, h6{color:#333333; margin-bottom:10px;}
h4{font-size:1.5em;}

h5{line-height:2em; font-size:1.6em;}
h6{margin-top:10px;font-size:1.2em;}

h3.product-details{text-indent:0px; color:#555555; font-size:1.5em; margin-top:15px; margin-bottom:8px;}
h4.product-details{
	font-size:1.4em; 
	color:#555555; 
	margin-top:30px;
	font-weight:normal;
	color:#FF0000;
}
h4.product-details span{font-weight:bold; color:#FF0000;}


h4.front-details{
	font-size:1.4em; 
	line-height:1.8em;
	font-weight:bold;
	color:#FF0000;
}

/*** Paragraph Styles ***/

p { 
	font-family:tahoma, arial, sans-serif; 
	color: #666666; 
	line-height:20px; 
	text-align:left; 
	font-size:1.1em;
}

p a:link, p a:visited{ 
	color: #666666; 
	text-decoration:none;
}

p a:hover{ 
	color: #666666; 
	text-decoration:underline;
}

ul { 
	font-family:tahoma, arial, sans-serif; 
	color: #666666; 
	line-height:20px; 
	font-size:1.1em;
}

#main-content li {
	margin-left: 25px;
}

td{ 
	font-family:tahoma, arial, sans-serif; 
	color: #666666; 
	line-height:20px; 
	text-align:left; 
	font-size:1.1em;
}

textarea { 
	font-family: Helvetica, sans-serif; 
	font-size:13px; 
}

/*** front main boxes ***/

#new-products, #latest-specials, #tuning-guides, #join-cartoys, #customer-cars, #blog{ 
	float:left; 
	text-align:center;
	width:212px; 
	min-height:240px;
	margin:15px 20px 10px 0;
}

#new-products p, #latest-specials p, #tuning-guides p, #join-cartoys p, #customer-cars p, #blog p{ 
	text-align:center;
	font-size:1em;
	line-height:1.4em;
}

#new-products h2, #latest-specials h2, #tuning-guides h2, #join-cartoys h2, #customer-cars h2, #blog h2{ 
	margin-bottom:10px;
	font-style:italic;
	font-weight:normal;
	background-image:url(images/h2-bg.png);
	background-repeat:no-repeat;
} 

/*** track listing & other specs on specific product pages ***/

#more-details{clear:both; float:left;}

/*** blog list style ***/

#blog ul{
	list-style-type:none;
	margin-top:10px;
}

#blog ul li{
	line-height:1.8em;
	text-align:left;
	text-indent:35px;
}

#blog ul li a:link, #blog ul li a:visited{
	text-decoration:none;
	color:#666666;
}

#blog ul li span, #blog ul li span{
	font-weight:bold;
	color:#ff6600;
	font-size:1.2em;
	font-family:tahoma, arial, sans-serif;
}
#blog ul li a:hover{
	text-decoration:underline;
}

.qty-form{
	margin-right:10px;
	padding:0;
}

/*** images ***/

.buy-now{
	margin:10px;
	margin-left:0;
	border:0;
	vertical-align:middle;
}

.main-product-image{
	margin-top:20px;
	margin-right:20px;
	margin-bottom:5px;
	border:0;
}

.picture-box{
	height:145px;
	margin:auto;
}
.front-image{
	margin:auto;
	border:0;
}

#product-image{ width:190px; text-align:center; margin:auto;}

/*** website footer ***/

#footer{
	clear:both;
	margin-top:20px;
	margin:auto;
	width:950px;
	background:#ffffff;
}	

#footer p{
	font-size:1em;
	color:#999999;
	text-align:right;
}

#footer a{ font-size:1em; color:#999999; text-decoration:none;}
#footer a:visited{color:#999999; text-decoration:none;}
#footer a:hover{color:#666666; text-decoration:underline;}

#footer-shadow{margin-bottom:20px;}


/*** shopping cart page ***/

.shopping-cart-table{
	width:100%;
	margin-top:10px;
	border: 1px solid #CCCCCC;
	clear:both;
}

.shopping-cart-table th {
	background-color:#666666;
	color:White;
	padding:5px;
	font-size:1.1em;
}

.shopping-cart-table td {
	padding:5px;
}

.shopping-cart-table a:link, .shopping-cart-table a:visited {
	color:#666666;
	text-decoration:none;
}
.shopping-cart-table a:hover {
	color:#666666;
	text-decoration:underline;
}

.purchase-history-footer {border-bottom:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}

.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.no-padding{padding:0; margin:0;}
.vmiddle{vertical-align:middle;}

.mbottom10{margin-bottom:10px;}
.padding5{padding:5px;}
.width450{width:450px;}

.pager span{color:#CCCCCC;}
.pager td{padding-left:10px;}
.pager td table tr td {width:20px;}

.photo-pager tr td table tr td{width:55px;}

.search-fields{width:130px;}

.blog-text{
	float:left;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	font-size:1.1em; 
	line-height:1.4em; 
	text-align:justify;
	width:470px;	
	margin-bottom:20px;
	height:auto;
}
.blog-text p, .blog-text td{color:#333333; margin-bottom:15px;}


.blog-posted {
	clear:both;
	background-color:#F6F6F6;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	color:#888888;
	padding:5px;
	margin-bottom:20px;
	width:460px;
}

.blog-comment {
	clear:both;
	color:#888888;
	padding:5px;	
	margin-bottom:15px;
	width:460px;
}

.blog-menu{
	text-align:left; 
	width:180px;	
}

.photo{
	vertical-align:middle;	
	border:0;
	padding: 5px 10px 5px 0px;
}
.photo-large{ padding: 5px 5px 5px 0px; margin:0px; border:0;}

.promo-img {
	float:right;
	margin:40px 8px 0 0;
	height:175px;
}


/* ADMIN PAGES STYLES */

.admin-menu{ height:41px; float:left;}
.admin-menu a {
	font-weight:bold; 
	font-style:italic; 
	font-size:1.2em; 
	color:White; 
	margin:10px; 
	margin-left:18px;
	padding-right:3px;
}
.admin-menu a:link, .admin-menu a:visited{ text-decoration:none;}
.admin-menu a:hover{ text-decoration:underline;}

.add-product{clear:both; color:Blue; margin-top:-5px; margin-bottom:10px; font-size:1.1em;}