/* 

Style Sheet For ATVTires.com
Designed by DONet, Inc.
Copyright 2005 

::: Index ::::
1. Conventions
2. Design Start
3. Search Properties & Classes
4. Main Navigation Menu
5. Header images
6. Main Content
7. Content Right Begin
8. Footer
9. Store Begin

*/

/* 1. Conventions */
body {
	background:#9CC27A;
	margin:0;
	padding:0;
	font-family:"lucida grande", Arial, Helvetica, sans-serif;
	font-size:10px;
	}

.spacer {
	clear: both;
	}

.left {
	float:left;
	}
	
.right {
	float:right;
	}
	
h1 {
	font-size:14px;
	color:#30612B;
	letter-spacing:2px;
	margin:3px 0 0 0;
	}

h3 {
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;}	

p {
	margin:3px 0 7px 0;
	letter-spacing:1px;
	font-size:11px;
	}	
	
a:link, a:visited {
	color: #7E0101;
	text-decoration:underline;
	}
	
a:hover {
	color:#004203;
	text-decoration:none;
	}			

select, input, textarea {
	border:1px solid #2A3969;
	background:#fff;
	color:#000;
	font-size:10px;
	}
	
th {
	background-color: #B0C4B5;
	border-bottom:1px solid #2A3969;
	border-right:none;
	border-left:none;
	border-top:none;
	}
	
/* 2. Design Start */
#wrapper {
	width:708px;
	margin:0 auto;
	padding:0;
	}

#logo {
	background:transparent url("../images/logo.gif") top no-repeat;
	width:433px;
	height:41px;
	float:left;
	margin:0;
	padding:0;
	}

/* 3. Search Properties & Classes */	
#search {
	width:260px;
	margin:16px 2px 0 0 !important;
	margin:10px 2px 0 0;
	padding:0;
	float:right;
	text-align:right;
	vertical-align:bottom;
	}	
	
input.search_input {
	border: 1px solid #004203;
	background:#fff;
	line-height:15px;
	height:auto !important;
	height: 16px;
	font-size:10px;
	color:#000;
	}
	
input.search_submit {
	border: 1px solid #004203;
	background-color: #DDF3D9;
	line-height:15px;
	color: #000;
	font-size:10px;
	cursor:pointer;
	}

input.search_submit:hover {
	border: 1px solid #004203;
	background-color:#fff;
	line-height:15px;
	color: #000;
	font-size:10px;
	cursor:pointer;
	}
/* 4. Main Navigation Menu */
#menu_wrap {
	margin: -10px 0 0 5px !important;
	margin: -20px 0 0 5px;
	height:25px;
	padding:0;
	}
		
#menu_wrap ul {
	margin:0;
	padding:0;
	}	
		
#menu_wrap ul li {
	background: transparent url("../images/menu_bg.jpg") top repeat-x;
	float:left;
	list-style:none;
	text-align:center;
	}	
	
#menu_wrap ul li a:link, #menu_wrap ul li a:visited {
	background: transparent url("../images/menu_bg.jpg") top repeat-x;
	line-height:25px;
	display:block;
	color: #fff;
	letter-spacing:1px;
	text-decoration:none;
	font-weight:bold;
	}
	
#menu_wrap ul li a:hover {
	background: transparent url("../images/menu_bg.jpg") top repeat-x;
    line-height: 25px;
	display:block;
	color:#000;
	letter-spacing:1px;
	text-decoration: none;
	font-weight:bold;
	}	
		
li#first { width: 60px;} 
li#second {width: 90px;}  
li#third {width: 50px;}  
li#fourth {width: 120px;}  
li#fifth {width: 60px;}  
li#sixth {width: 95px;} 
li#seventh {width: 80px;}
li#eighth {width: 80px;}    
li#nineth {width: 65px;}

#menu_left {
	background:transparent url("../images/menu_left.jpg") top no-repeat;	
	float:left;
	width:6px;
	height:25px;
	position:relative;
	z-index:1;
	}

#menu_right {
	background:transparent url("../images/menu_right.jpg") top no-repeat;	
	float:right;
	width:6px;
	height:25px;
	position:relative;
	z-index:1;
	}

#menu_lines {
	background:transparent url("../images/menu_lines.gif") top no-repeat;	
	float:right;
	width:6px;
	height:25px;
	position:relative;
	z-index:1;
	}	

/* 5. header images */

#header_images {
	width:708px;
	height:175px;
	margin:7px 0 0 0;
	padding:0;
	}

#header_images.image1 {
	background: transparent url("../images/header.jpg") top no-repeat;
	}
	
/* 6. Main Content */
#content_wrap {
	background: transparent url("../images/content_bg.jpg") top repeat-y;
	width:708px;
	}

#content_header {
	background: transparent url("../images/content_header.jpg") top no-repeat;
	width:708px;
	height:25px;
	display:block;
	}

#content_left {
	float:left;
	margin:-16px 0 0 17px !important;
	margin:-16px 0 0 9px;
	width:496px;
	background:transparent;
	display:block;	
	}

#content_left li {
	letter-spacing:1px;
	line-height:12px;
	margin:0 0 3px 0;
	}

#logos_wrapper {
	width: 460px;
	height: 60px;
	margin: 0 auto;
	}	

#left_logo {
	margin:0 50px 0 0; 	
	}

/* 7. Content Right Start */
#content_right {
	float:right;
	margin:-16px 9px 0 0 !important;
	margin:-16px 4px 0 0;
	width:175px;
	background:transparent;
	display:block;	
	}
		
#content_right ul {
	margin:0;
	padding:0;
	}	

#item_sub_wrap {
margin:0 0 0 25px !important;
margin:0 0 3px 25px;
padding:0;
line-height:19px;
}

#content_right ul li.items_sub {
	background: transparent url("../images/rightmenu_bg.jpg") top repeat-x;
	list-style: none;
	text-align: left;
	width:175px !important;
	width:174px;
	margin:0 !important;
	margin:-3px 0 0 0;
	color:#fff;
	}

#content_right ul li.items_sub a:link, #content_right ul li.items_sub a:visited {
	background: transparent url("../images/rightmenu_bg.jpg") top repeat-x;
	line-height:38px;
	display:block;
	color:#fff;
	letter-spacing:1px;
	text-decoration:none;
	font-weight:bold;
	}		

#content_right ul li.items_sub a:hover {
	background: transparent url("../images/rightmenu_selected.jpg") top repeat-x;
    line-height: 38px;
	display:block;
	color:#fff;
	letter-spacing:1px;
	text-decoration: none;
	font-weight:bold;
	}
		
#content_right ul li {
	background: transparent url("../images/rightmenu_bg.jpg") top repeat-x;
	list-style: none;
	text-align: left;
	width:175px !important;
	width:174px;
	margin:0 !important;
	margin:-3px 0 0 0;
	}	
	
#content_right ul li a:link, #content_right ul li a:visited {
	background: transparent url("../images/rightmenu_bg.jpg") top repeat-x;
	line-height:38px;
	display:block;
	color:#fff;
	letter-spacing:1px;
	text-decoration:none;
	font-weight:bold;
	}
	
#content_right ul li a:hover {
	background: transparent url("../images/rightmenu_selected.jpg") top repeat-x;
    line-height: 38px;
	display:block;
	color:#fff;
	letter-spacing:1px;
	text-decoration: none;
	font-weight:bold;
	}
	
#content_right ul li.ups_button {
	background: transparent url("../images/ups_button.jpg") top no-repeat;
	text-indent:-9999px;
	margin:0 !important;
	margin:-3px 0 0 0;
	padding:0;
	display:block;
	}	
	
#content_right ul li.ups_button a:link, #content_right ul li.ups_button a:visited {
	background: transparent url("../images/ups_button.jpg") top no-repeat;
	line-height:57px;
	height:inherit !important;
	height:60px;
	display:block;
	letter-spacing:1px;
	text-decoration:none;
	}
	
#content_right ul li.ups_button a:hover {
	background: transparent url("../images/ups_button_selected.jpg") top no-repeat;
    line-height: 57px;
	height:inherit !important;
	height:60px;
	display:block;
	letter-spacing:1px;
	text-decoration: none;
	}			

#credit_cards {
	background: transparent url("../images/creditcards.gif") top no-repeat;
	width:175px !important;
	width:174px;
	height:14px;
	margin: 10px 0;
	}

#arrow {
	background: transparent url("../images/arrow_bg.png") top no-repeat;
	width:19px;
	height:38px;
	float:left;
	display:block;
	margin:0 4px 0 0;
	}
	
/*End Contnet Right */

/* 8. Footer */
#content_footer {
	background:transparent url("../images/footer.jpg") top no-repeat;
	width:708px;
	height:74px;
	display:block;
	}		

#footer_copy {
	margin: 0 auto;
	height:15px;
	padding:0;
	text-align:center;
	width:708px;
	height:125px;
	display:block;
	}
		
#footer_copy ul {
	margin:0 auto;
	padding:0;
	color:#fff;
	}	
		
#footer_copy ul li {
	list-style:none;
	text-align:center;
	display:inline;
	}	
	
#footer_copy ul li a:link, #footer_copy ul li a:visited {
	background: transparent;
	line-height:15px;
	color:#fff;
	letter-spacing:1px;
	text-decoration:underline;
	padding: 0 5px;
	}
	
#footer_copy ul li a:hover {
	background: transparent;
    line-height:15px;
	color:#fff;
	letter-spacing:1px;
	text-decoration:none;
	}
	
#footer_copy p	{
	display:block;
	}
	
#banner {
	width:708px;
	text-align:center;
	display:block;
	}	

/* 9. Store Begin */

#itemlist_wrap, #oneitem_wrap, #store_wrap {
	border:1px solid #004203;
	}

#itemlist_title, #store_categories {
	background-color: #B0C4B5;
	border-bottom:1px solid #004203;
	line-height:15px;
	padding:0 0 0 5px ;
	}

#store_list {
	background-color: #D5E3D6;
	line-height:20px;
	padding:0 0 0 5px;
	}

#itemlist_content {
	background-color: #D5E3D6;
	padding:5px 0 0 5px;
	}
	
.item_submit {
	border:1px solid #004203;
	background: #ccc;
	color:#000;
	font-size:10px;
	margin:5px 0;
	cursor:pointer;
	}

#oneitem_image {
    background-color: #B1C3D0;
	border-bottom:1px solid #2A3969;
	}

#oneitem_description {
	background-color: #ECEAE4;
	padding:5px 0 0 5px;
	}

table.checkout_wrap {
border:1px solid #2A3969;
}
	