/*
	Copyright (c) 2008, Element Fusion, LLC. All rights reserved.
	-------------------------------------------------------------
	LICENSED FOR USE UNDER A CREATIVE LICENSE AGREEMENT
	-------------------------------------------------------------
	This document, and all creative material associated herein,
	is protected under copyright law to be used exclusively with
	the Content Management Systems of Element Fusion, LLC.
	-------------------------------------------------------------
	You can read the full creative license agreement at:
	http://www.elementfusion.com/license
	-------------------------------------------------------------
	Version 1.0 - June 23, 2008
	Version 1.1 - Modified, October 1, 2008

	/////////////////////////////////////////////////////////////
	
	STYLE-TEMPLATE.CSS ORDER BREAKDOWN 	
		1. Body / Column Count
		2. Skip To
		3. Page Container
		4. Header
		5. Navigation (Top, Side)
		6. Sub Navigation
		7. Content Container (content types, breadcrumb)
		8  Footer/Copyright		
	
	> For more informaion on CSS, 
	  http://accountsupport.elementfusion.com/css-help
*/

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
}	
	/* this is for sites that have a designed background to keep it from pushing up under the adminbar */
	#body {
	height: auto;
}

/* putting everything in a container to keep html code down */	
#pageContainer {
	width: 1024px;
	height: auto !important;
	height: 320px;
	position: relative;
	margin-top: 0px;
	float: none;
	margin-right: auto;
	margin-left: auto;
}

/* HEADER */
#header {
	margin-top: 0px;
	padding-top: 0px;
	height: 110px;
	width: 969px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/images/head_side_png_02.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
#headiconcontainer {
	width: 475px;
	margin-right: 30px;
	padding-top: 40px;
	height: 42px;
	float: right;
}	
#ebaylogo {
	width: 64px;
	float: left;
}
#myspacelogo {
	width: 89px;
	float: left;
	margin-left: 25px;
	margin-top: 2px;
}
#youtubelogo {
	width: 55px;
	float: left;
	padding-right: 0px;
	margin-left: 30px;
	margin-top: 3px;
}
#phonenumber {
	width: 181px;
	float: right;
}	
	/* supplementary navigation in the header */
	#header .headerNav {
		float: right; 
	}
		#header .headerNav li {
			display: inline;
			padding: 5px;
		}
			#header .headerNav li a {
				color: #666;
			}
#headercontainer {
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}	
#navcontainer {
	float: right;
	position: relative;
	width: 745px;
	margin: 0;
	height: 35px;
	z-index: 20;
}	
	/* site logo */
	#header h1#logo {
	font-size: 3em;
	margin: 0 auto;
	font-weight: bold;
	letter-spacing: -1px;
	width: 833px;
	}
		#header h1#logo a {
			color: #000;
			text-decoration: none;
}


#sidenavcontainer {
	width: 110px;
	margin-left: 109px;
	float: left;
	clear: both;
	position: relative;
}
#sidenavcontent {
	height: 464px;
	width: 110px;
	padding-left: 0px;
	background-image: url(images/images/head_side_png_05.png);
	background-repeat: no-repeat;
	padding-top: 30px;
	background-position: center top;
}
#amsoil {
	margin-left: 18px;
}
#barneys {
	padding-top: 10px;
	margin-left: 18px;
}
#dna {
	padding-top: 10px;
	margin-left: 19px;
}
#drag {
	padding-top: 10px;
	margin-left: 19px;
}
#partsunlimited {
	padding-top: 10px;
	margin-left: 21px;
}
#schnitz {
	padding-top: 10px;
	margin-left: 20px;
}
#yana {
	padding-top: 10px;
	margin-left: 20px;
}




/* PAGE CONTENT AREA */
#contentContainer {
	min-height: 320px;
	height: auto !important;
	height: 320px;
	width: 746px;
	float: right;
	padding-top: 0px;
	position: relative;
	margin-right: 52px;
	clear: right;
	margin-bottom: 20px;
}		
	
	#contentContainer #homeflash {
	padding: 0px;
	margin-top: 5px;
	height: 392px;
	width: 745px;
	position: relative;
	display: inline;
	vertical-align: top;
	}
	
	#contentContainer #productlistingsColumn {
	padding: 0px 0px 0px 5px;
	margin-top: 5px;
	height: auto;
	width: 530px;
	min-height: 300px;
	position: relative;
	float: left;
	display: block;
	clear: right;
	}
	
	#contentContainer #rightColumn {
	padding: 0px 5px 0px 0px;
	margin-top: 5px;
	height: auto;
	width: 190px;
	min-height: 300px;
	float: right;
	display: block;
	clear: right;
	}
	
	#contentContainer #mainColumn {
	padding: 10px 5px;
	margin-top: 10px;
	height: auto;
	width: 735px;
	background-color: #FFFFFF;
	display: block;
	float: right;
	}
	
	#secondarycontent {
	padding-top: 20px;
	padding-bottom: 5px;
	width: 745px;
	}
	
	#bottomthreeboxes {
	padding-top: 0px;
	padding-bottom: 5px;
	width: 746px;
	position: relative;
	float: left;
	display: inline;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	}
	
	#box1title {
	width: 220px;
	height: auto;
	float: left;
	background-color: #000000;
	position: relative;
	min-height: 30px;
	background-image: url(images/bone_box_small_header_png.png);
	background-repeat: repeat-x;
	background-position: top;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF6600;
	}
	
	#box2title {
	width: 220px;
	height: auto;
	margin-left: 28px;
	background-color: #000000;
	float: left;
	min-height: 30px;
	background-image: url(images/bone_box_small_header_png.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF6600;
	}
	
	#box3title {
	width: 220px;
	height: auto;
	float: right;
	background-color: #000000;
	min-height: 30px;
	background-image: url(images/bone_box_small_header_png.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF6600;
	}
	
	#box1 {
	width: 220px;
	height: auto;
	float: left;
	background-color: #000000;
	position: relative;
	min-height: 30px;
	background-repeat: repeat-x;
	background-position: top;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	color: #FFFFFF;
	padding-bottom: 6px;
	}
	
	#box2 {
	width: 220px;
	height: auto;
	margin-left: 28px;
	background-color: #000000;
	float: left;
	min-height: 30px;
	background-repeat: repeat-x;
	background-position: top;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	clear: right;
	color: #FFFFFF;
	padding-bottom: 6px;
	}
	
	#box3 {
	width: 220px;
	height: auto;
	float: right;
	background-color: #000000;
	min-height: 30px;
	background-repeat: repeat-x;
	background-position: top;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	white-space: nowrap;
	color: #FFFFFF;
	padding-bottom: 6px;
	}
		
	/* bread crumb trail */		
	#breadCrumb {
		font-size: .9em;
		color: #888;
		padding: 4px 15px;
	}
		
	/* featured item */
	#featuredItem {
		padding: 5px 0;
	}
		.featuredFull {
			width: 100%;
			text-align: center;
		}
		.featuredHalf {
			width: 50%;
		}







/* SITE FOOTER/NAVIGATION */
#footer {
	clear: both;
	background: #000000;
	padding: 8px 10px 8px 0;
	border-top: 3px solid #ff6600;
	border-bottom: 3px solid #ff6600;
	font-size: 0.9em;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}	
	#footer .bottomNav li {
		display: inline;
		padding: 0 15px;
	}
		#footer .bottomNav li a {
			color: #ff6600;
		}
		
		
/* copyright info */
#copyright {
	text-align: center;
	font-size: 0.8em;
	padding: 5px 0 5px 0;
}
#footerlogo {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	position: relative;
	text-align: center;
}