body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;

}
#live{

}

* {
	margin: 0px;
	padding: 0px;
}

#ieHack {
float: left;
display: inline;
width: 703px;
background: url(../images/backhack3.jpg) repeat-y left bottom;
}

#background {
	background: url(../images/testbac.jpg) no-repeat center top; 
	float: left;
	display:inline;
	width: 748px;
	height: 645px;
}
#container {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	height: 645px;
}

#contentBox {
	position: relative;
}
#header {
	position: relative;
	left:140px;
	top: 33px;
	height: 37px;
	width: 500px;
	font-size: 11px;
	line-height: 12px;
	font-weight:normal;
}
.hidden {
	display: none;
}
#navigation {
	position: absolute;
	height: 39px;
	width: 445px;
	left: 244px;
	top: 88px;
}

#ribbon{
	position: absolute;
	height: 39px;
	width: 445px;
	left: 248px;
	top: 73px;
}




#topBar, #bottomBar{
	display: block;
}
#topBar {
	float: left;
	height: 20px;
}
#topBar a, #bottomBar a, #footer a {
    float: left;
}
#topBar a:hover {
	background-position: left -20px;
}
#nav11 {
	background: url(../images/nav11.gif) left top;
	height: 20px;
	width: 86px;
}
#nav12 {
	background: url(../images/nav12.gif) left top;
	height: 20px;
	width: 62px;
}
#nav13 {
	background: url(../images/nav13.gif) left top;
	height: 20px;
	width: 87px;
}
#nav14 {
	background: url(../images/nav14.gif) left top;
	height: 20px;
	width: 104px;
}
#nav15 {
	background: url(../images/nav15.gif) left top;
	height: 20px;
	width: 91px;
}
#bottomBar {
	float: left;
	height: 19px;
}
#bottomBar a:hover{
	background-position: left -19px;
}

#nav21 {
	background: url(../images/nav21.gif) left top;
	height: 19px;
	width: 102px;
}
#nav22 {
	background: url(../images/nav22.gif) left top;
	height: 19px;
	width: 60px;
}
#nav23 {
	background: url(../images/nav23.gif) left top;
	height: 19px;
	width: 115px;
}
#nav24 {
	background: url(../images/nav24.gif) left top;
	height: 19px;
	width: 91px;
}

#searchBar {
	position: absolute;
	height: 27px;
	width: 500px;
	left: 400px;
	top: 127px;
	background: url(../images/search.gif) no-repeat left center;
}

#sideNav {
	position: absolute;
	height: 380px;
	width: 160px;
	left: 80px;
	top: 188px;
}
#camoColor a {
	display: block;
	height: 30px;
	width: 144px;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bolder;
	text-decoration: none;
	text-indent: 15px;
}
#camoColor a:hover{
	background-position: -144px top;
}
#red {
	background: url(../images/redCamo.gif) left top;
	border-top: 2px solid #FFFFFF;
}
#gray {
	background: url(../images/grayCamo.gif) left top;
}
#blue {
	background: url(../images/blueCamo.gif) left top;
}
#purple {
	background: url(../images/purpleCamo.gif) left top;
}
#orange {
	background: url(../images/orangeCamo.gif) left top;
}
#pink {
	background: url(../images/pinkCamo1.gif) left top;
	
}

#yellow {
	background: url(../images/yellowCamo.gif) left top;
	
}

#dropDowns {
	margin-top: 38px;
}
select {
	margin-top: 10px;
}
input {
	display: block;
	float: left;
}
#search {
	margin-top: 4px;
	margin-left: 70px;
}


#goBtn {
	margin-top: -4px;
}
#main {
	position: absolute;
	width: 448px;
	left: 241px;
	top: 180px;
	font-size: 11px;
	margin-top:75px;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 2px solid #000000;
	background: #FFFFFF;
	padding: 5px;
	padding-bottom: 50px;
	height: auto;
}
#subBottom {
	background: #FFFFFF url(../images/testfoot.jpg) no-repeat left bottom;
	position: absolute;
	height: 168px;
	width: 750px;
	bottom: -10px;
	left: -243px
}
#backHack {
	background: url(../images/backhack2.gif) repeat-y left bottom;
	position: absolute;
	width: 244px;
	left: -243px;
	top: 330px;
	bottom: 0px;
	height:77px;
	}

.category{font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	font-weight:bold;
	}

	.category2{font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	font-weight:bold;
	}

div.category3{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
color:#000000;
border-width: 1px;
border-style: solid;
border-color: #BABABA;
padding: 3px; 
margin-top:5px;
}

div.imagebox{
height:140px;
}


div.titlebox{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
color:#000000;
width: 98%;
border-width: 1px;
border-style: solid;
border-color: #BABABA;
padding: 3px; 
background-color:#830800;
}


div.databox { 
font-family: Arial,Verdana,Sans-serif;
font-size: 12px;
font-weight:bold;
padding:5px 5px 5px 5px;
background-color: #EBEEBF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #004000; 
}

div.databoxcart { 
font-family: Arial,Verdana,Sans-serif;
font-weight:bold;
font-size:11px;
padding:5px 5px 5px 5px;
background-color: #EBEEBF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #004000; 
}

.green{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;color:#000000;font-weight:bold
}

.white{font-family: Arial,Sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold;text-decoration:none; }


a.general{font-family: Arial,Sans-serif; font-size: 12px; color: #000000; font-weight: bold;text-decoration:none; }
a.general:hover {font-family: Arial,Sans-serif; font-size: 12px; color: #B8192F; font-weight: bold; }

a.white{font-family: Arial,Sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold;text-decoration:none; }
a.white:hover {font-family: Arial,Sans-serif; font-size: 12px; color: #000000; font-weight: bold; }


.blackheadline{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;color:#000000; font-weight:bold;
}

div.coolbox { 
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
color:#000000;
width: 98%;
border-width: 1px;
border-style: solid;
border-color: #BABABA;
padding: 3px; 

}

div.descr { 
background-color:#DFDFDF;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color:#000000;
width: 98%;
font-weight:normal;
border-width: 1px;
border-style: solid;
border-color: #BABABA;
padding: 3px; 

}

div.scroll{ overflow : auto; height:375px; width:445px;
overflow-x: hidden;
overflow-y: scroll; 
}

div.prodbox { 
position:absolute;
top:100px;
left:150px;
font-family: Arial,Verdana,Sans-serif;
font-size: 12px;
padding:5px 5px 5px 5px;
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #000000; 
width:274px;
}

div.prodbox2 { 
font-family: Arial,Verdana,Sans-serif;
font-size: 12px;
padding:5px 5px 5px 5px;
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #000000; 
width:100px;
float:left;
margin-left:10px;
margin-top:10px;
height:250px;
}

#footertoo {
   margin-top:65px;
	margin-left:100px;
	width: 600px;
	
}

a.white{font-family: Arial,Sans-serif; font-size: 15px; color: #FFFFFF; font-weight: bold;text-decoration:none; }
a.white:hover {font-family: Arial,Sans-serif; font-size: 15px; color: #000000; font-weight: bold; }

a.footer{font-family: Arial,Sans-serif; font-size: 12px; color: #000000; font-weight: bold;text-decoration:none; }
a.footer:hover {font-family: Arial,Sans-serif; font-size: 12px; color: #BABABA; font-weight: bold; }

#tailgate a {
	float: left;
	background: url(../images/tailgate.jpg) left top;
	height: 82px;
	width: 340px;
}
#tailgate {
	position: absolute;
	height: 80px;
	width: 340px;
	left: 360px;
	top: 163px;
}

#recomend {
	background: url(../images/recomend.gif) left top;
	margin-top: 35px;
	height: 22px;
	width: 106px;
}

#footer {
	
	margin-left:95px;
	
}