@charset "utf-8";

/********************************************
   HTML ELEMENTS
********************************************/

/* Top Level Elements */
* { padding: 0; margin: 0; }

body {
	margin: 0; padding: 0;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #666666; 
	background: #FFFFFF none repeat-x;
	text-align: center;	
}

/* Reset Browser Defaults */

html, body, form, h1, h2, h3, h4, h5, h6, pre, p, blockquote, fieldset, input { 
  margin: 0;  padding: 0; 
}

h1,h2,h3,h4,h5,h6,legend,pre,code { 
  font-size: 1em; 
}


/* links */

a img,:link img,:visited img { 
  border: none;
}

a:link, a:visited {
	text-decoration: none;
}

ul{
	list-style:none;
}

/* Form Elements */





/***********************
	  LAYOUT ELEMENTS
************************/

#divWrapper {
	text-align: left;
	width: 990px;
	margin:0 auto;
}


/* divHeader Elements */

#divHeader {
	height: 120px;
/*	border: 1px solid #CCC; */
	overflow: hidden;
}

#divHeaderLeft {
	margin: 30px 0 0 0;
	width: 500px;
	margin-right: -490px;
	border-right: 490px solid #FFF;
	float: left;
	padding: 5px 0 0 0;
}

#divHeaderLeft a:link.create, #divHeaderLeft a:visited.create {
	color: #666;
	background:	#f9f9f9 none repeat;
	border:	1px solid #e0e0e0;
	padding: 5px;
	margin: 0 0 0 5px;	
	text-decoration: none;
}

#divHeaderLeft a:hover.create {
	color: #fff;
	background:	#89afdb none repeat;
	border:	1px solid #668ab5;
	padding: 5px;
	margin: 2px 0 0 5px;
	text-decoration: none;
}

#divHeaderLeft a:link, #divHeaderLeft a:visited {
	color: #6699cc;
	text-decoration: underline;
}

#divHeaderLeft a:hover {
	color: #666;
	text-decoration: underline;
}

#divHeaderLeft .search {
	background: #e7eff8 none repeat;
	border:	3px solid #e7eff8;
	width: 328px;
	line-height: 0px;
}

#divHeaderLeft .search .input {
	background: #FFF url(image/search_glass.png) no-repeat;
	border:	1px solid #bfd3e9;
	color: #555;
	font-size: 12pt;
	font-family: arial, sans-serif;
	padding: 5px 5px 5px 25px;
	width: 296px;
}

#divHeaderLeftBottom {
	margin: 15px 0 0 0;
}

#divHeaderRight {
	width: 490px;
	height: 120px;	
	float: right;
}

#divHeaderRight .Logo {
	float: right;
	margin: 64px 0 0 0;
}

/* divNavigation Elements */

#divNavigation {
	margin: 20px 0 0 0;
}

.ulNavList {
	padding:0 0 0 32px; 
	margin:0; 
	list-style:none; 
	height:35px; 
	background:#fff url(image/button1.gif); 
	position:relative; 
	border:1px solid #000; 
	border-width:0 1px; 
	border-bottom:1px solid #444;
}
.ulNavList li {
	float:left;
}
.ulNavList li a {
	display:block; 
	float:left; 
	height:35px; 
	line-height:35px; 
	color:#aaa; 
	text-decoration:none; 
	font-size:11px; 
	font-family:arial, verdana, sans-serif; 
	font-weight:bold; 
	text-align:center; 
	padding:0 0 0 8px; 
	cursor:pointer;
}
.ulNavList li a b {
	float:left; 
	display:block; 
	padding:0 16px 0 8px;
}
.ulNavList li.current a {
	color:#fff; 
	background:url(image/button3.gif);
}
.ulNavList li.current a b {
	background:url(image/button3.gif) no-repeat right top;
}
.ulNavList li a:hover {
	color:#fff; background:#000 url(image/button2.gif);
}
.ulNavList li a:hover b {
	background:url(image/button2.gif) no-repeat right top;
}
.ulNavList li.current a:hover {
	color:#fff; background:#000 url(image/button3.gif); 
	cursor:default;
}
.ulNavList li.current a:hover b {
	background:url(image/button3.gif) no-repeat right top;
}



/* divMainContent */


#divMainContent {
	overflow: hidden;
	width: 990px;
	margin: 20px 0 0 0;	
}


/* divSidebarLeft */

#divSidebarLeft {
	width: 205px;
	padding: 0 0 0 15px;
	margin-right: -770px;
	border-right: 770px solid #FFF;
	float:left;	
}

.SidebarHead {
	background: #FFF url(image/sidebarheadbg.jpg) no-repeat top left ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	width: 186px;
	height: 21px;
	color: #FFF;
	padding: 4px 0 0 10px;
}
	
.sidebarcontent {
	background: #f4f4f4 none repeat;
	border: 1px solid #CCC;
	width: 184px;
	padding: 0 0 0 0;
}

.pickacolor {
	padding: 5px 0 5px 6px;
	width: 178px;
}

.sidebarcontent img {
	margin: 0 0 0 -2px;
}

.Sections {
	margin: 0 0 25px 0;
}

.SelectCar, .SelectBody, .SelectZipCode {
	padding: 10px 0 10px 5px;
	width: 178px;	
}

.SelectCar select, .SelectBody select  {
	width: 170px;
}
	
.ChoosePrice {
	padding: 10px 0 10px 5px;
	width: 178px;	
}

.ChooseMileage {
	padding: 10px 0 10px 5px;
	width: 178px;	
}

.SelectZipCode {
	font-weight: normal;
}

.SelectZipCode input.textbox {
	width:80px;
}

.SelectZipCode input.inputimg {
	margin: 5px 0 -5px 0;
}

.ResetFilters {
	padding: 20px 0 20px 10px;
}

.ResetFilters a:link, .ResetFilters a:visited {
	text-decoration: underline;
	color: #6087B7;
}

.ResetFilters a:hover {
	color: #000;
}



/* divContentRight Elements */

#divContentRight {
	width: 770px;
	float: right;
}


#divContentVideo {
	background: #FFF url(image/videobg.gif) repeat-x;
	height: 284px;
	overflow: hidden;
}


#divContentVideoLeft {
	background: transparent url(image/videoleftbg.jpg) no-repeat top left;
	height: 284px;
	width: 342px;
	margin-right: -428px;
	border-right: 428px solid #FFF;
	float: left;
}

#divContentVideoRight {
	background: transparent url(image/videorightbg.gif) no-repeat top right;
	height: 284px;
	width: 428px;
	float: right;
}

.VideoMenu {
	padding: 28px 0 0 20px;
	margin: 15px;
}

.VideoMenu a:link, .VideoMenu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}

.head01 {
	background: url(image/head01bg.gif) repeat-x left top;
}

.head02 {
	background: url(image/head02bg.gif) repeat-x ;
}

.head03 {
	background: url(image/head03bg.gif) repeat-x ;
}

.head04 {
	background: url(image/head04bg.gif) repeat-x ;
}

.head05 {
	background: url(image/head05bg.gif) repeat-x ;
}

.list01 {
	background:url(image/list01bg.jpg) left center no-repeat;
	padding:0px 0px 3px 20px;
}

.list02 {
	background:url(image/list02bg.jpg) left center no-repeat;
	padding:0px 0px 3px 20px;
}

.list03 {
	background:url(image/list03bg.jpg) left center no-repeat;
	padding:0px 0px 3px 20px;
}

.list04 {
	background:url(image/list04bg.jpg) left center no-repeat;
	padding:0px 0px 3px 20px;
}


/* divContentThumbnails  Elements */

#divContentThumbnails {
	margin: 15px 0 0 0;
	width: 768px;
	padding: 0 1px;
}

.thumbs {
	height: 110px;
	width: 383px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background: #F0F0F0 none repeat;	
	float: left;
	overflow: hidden;
}
  
.thumbnail {
	margin-right: -263px;
	border-right: 263px solid #F0F0F0;
	padding: 10px 0 0 0;
	float: left;
	margin-left: 5px;
}

.details {
	width: 243px;
	padding: 10px 0 0 0;
	background: #F0F0F0 none repeat;		
	float: right;
	font-weight: normal;
}

.details p {
	line-height: 2.5em;
}

.title a:link, .title a:visited {
	color: #000;
	text-decoration: none;
	padding: 3px;
	font-weight: bold;
}

.title a:hover {
	color: #fff;
	text-decoration: none;
	background: #6087b7 none repeat;
	padding: 3px;
}

/* divPagination  Elements */

#divPagination {
	font-family: arial,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 16pt;
	color: #999;
	padding: 5px 5px 5px 1px;
}

#divPagination ul li {
	display: inline;
}

#divPagination a:link, #divPagination a:visited {
	color: #666;
	background: #f9f9f9;
	border: 1px solid #e0e0e0;
	padding: 5px;
	text-decoration: none;
}

#divPagination a:link.selected, #divPagination a:visited.selected {
	color: #666;
	background: #e9e9e9;
	border: 1px solid #ccc;
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
}

#divPagination a:hover, #divPagination a:hover.selected  {
	color: #fff;
	background: #89afdb;
	border: 1px solid #668ab5;
	padding: 5px;
	text-decoration: none;
}


/* divFooter Elements  */

#divFooter {
	height: 60px;
	width: 100%;
	padding: 10px 0 0 0;
	margin: 30px 0 0 0;
	text-align: left;
	border-top: 1px solid #CCC;
	background: #F4F4F4 none repeat;
}

#divFooter span {
	color: #CCC;
	font-weight: normal;
}

#divFooter ul li {
	display: inline;
}

#divFooter a:link, #divFooter a:visited {
	color: #333333;
	font-weight: normal;
}

#divFooter a:hover {
	color: #4973a4;
	text-decoration: underline;
}
.RssFeed {
	background: transparent url(image/rssfeed.png) left 30% no-repeat;
	padding:0px 0px 3px 16px;	
	margin: 0 0 0 3px;
}

#divFooter p {
	font-weight: normal;
	padding: 10px 0 0 16px;
}

.clear {
	clear: both;
}



/* inner page Elements */

.inner #divTopContent h1 { 
	border-bottom: 1px solid rgb(221, 221, 221); 
	padding: 3px 3px 6px 5px;
	margin: 0 15px 0 15px;
	color: rgb(0, 0, 0); 
	font-family: "trebuchet ms",arial,sans-serif; 
	font-size: 14pt; 
	font-weight: normal; 
}

.inner #divTopContent h1.usage { 
	border: none;
	padding: 10px 3px 0 3px;
	color: rgb(0, 0, 0); 
	font-family: "trebuchet ms",arial,sans-serif; 
	font-size: 13pt; 
	font-weight: normal; 
}

.inner #divTopBar p {
	background: #F4F4F4 none repeat;
	font-weight: normal;
	padding: 5px 0 5px 5px;
	margin: 0 15px 0 15px;
}

.inner #divTopBar a:link , .inner #divTopBar a:visited, .inner #divInformation a:link , .inner #divInformation a:visited {
	text-decoration: underline;
	color: #000;
	font-weight: normal;
}

.inner #divTopBar a:hover, .inner #divInformation a:hover {
	color: rgb(96, 135, 183);
}

.inner #divTopBar .right {
	padding: 0 0 0 450px;
}

.inner #divTopBar .share, .save, .flag {
	padding: 0 8px 0 0;
}

.inner #divTopBar a:link.current, .inner #divTopBar a:visited.current {
	font-weight: bold;
}

.inner .divContentVideo {
	width: 975px;
	padding: 5px 0 0 15px;
	overflow: hidden;
}

.inner #divContentVideoLeft {
	background: #FFF url(image/mainvideobg.gif) no-repeat top left;	
	height: 362px;
	width: 750px;
	margin-right: -225px;
	border-right: 225px solid #FFF;
	float: left;
}

.inner #divMainVideo{
	width: 425px;
	background: #000 none repeat;
	height: 362px;
	margin: 0 auto;
}

.inner #divRelatedItems {
	width: 225px;
	background: #FFF none repeat;
	float: right;
}	

.inner #divRelatedItems .related {
	font-size: 12px;
	font-weight: bold;
	border: none;
	color: #666;
}

#divButtons {
	text-align: center;
	padding: 10px 0 0 0;
}

#divButtons img {
	padding: 0 15px 0 0;
}

/* divContentMiddle  */

.inner #divContentMiddle {
	width: 975px;
	padding: 30px 0 0 15px;
	overflow: hidden;
}

.inner #divContentLeft {
	width: 540px;
	border-right: 435px solid #FFF;
	margin-right: -435px;
	float: left;
}

.inner #divContentRight {
	width: 385px;
	padding: 0 30px 0 20px;
	float: right;
}

.headbar {
	width: 535px;
	color: #FFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding:5px 0 5px 5px;
	margin: 0 0 20px 0;
	background: #555 none repeat;
	text-align: left;
}


#divImages {
	background:#F4F4F4 none repeat;
	text-align: center;
}

#divImages img {
	margin: 20px;
	padding: 1px;
	border: 1px solid #CCC;
}

#divImages img.shringbutton {
	padding:0 0 0 470px;
	margin:0;
	border: 0;
	
}

#divSellersDesc img.shringbutton {
	padding:0 0 0 400px;
	margin:0;
	border: 0;
	
}

#divInformation img.shringbutton {
	padding:0 0 0 445px;
	margin:0;
	border: 0;
}

#divQuestionFrm img.shringbutton {
	padding:0 0 0 70px; 
	margin:0;
	border: 0;
}

#divSellersDesc, #divInformation {
	margin: 20px 0 0 0;
	font-weight: normal;
	color: #000;
	background:#F4F4F4 none repeat;	
}

#divSellersDesc p {
	padding:0 5px 20px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#divInformation {
	height: 300px;
	font-family: Arial, Helvetica, sans-serif;
}

#divInformation .divLeft {
	width: 140px;
	padding: 0 0 0 10px;
	float: left;
	height: 25px;
}

#divInformation .divRight {
	width: 380px;
	padding: 0 0 0 10px;	
	height: 25px;
	float: right;
}

#divInformation .divRight h2 {
	font-weight: normal;
}


#divContentRight .headbar {
	width: 380px;
	color: #FFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding:5px 0 5px 5px;
	margin: 0 0 20px 0;
	background: #555 none repeat;
	text-align: left;
}

#divQuestionFrm {
	background:#F4F4F4 none repeat;		
	width: 385px;
	padding: 0 0 20px 0;
}

/* form Elements */

#divQuestionFrm form {
	margin: 0 0 0 10px;
}

#divQuestionFrm label {
	font-weight: bold;
	color: #000;
}

#divQuestionFrm textarea {
	margin: 5px 0 10px 0;
	width: 350px;
	height: 150px;
}

#divQuestionFrm form img {
	margin: 5px 0 10px 0;
}

#divQuestionFrm form .inputText {
	margin: 0 0 10px 0;
	height: 25px;
	width: 100px;
	font-size: 18px;
	border: none;
	border: 1px solid #999;
}

#divQuestionFrm form .submit {
	width: 150px;
	height: 30px;
}