/*********************/ /* F O N T S */ /*********************/ /*APPLIED TO ALL -----------------*/ *{ font-family:Arial, Helvetica, sans-serif;} /*----------------------- The vertical menu -------------------------*/ .vertical_menu h1{ font-size:15px; color:#FFFFFF; font-weight:bold;} .vertical_menu ul li a{ text-decoration:none; color:#FFFFFF;font-style:normal;} .vertical_menu ul li a:hover{ color:#FCC200;} .vertical_menu ul li li a{ text-decoration: none; color:#FFFFFF;font-style:normal;} .vertical_menu ul li li a:hover{ color:#FCC200;} .menuContent *{ font-size:11px; color:#FFFFFF;font-style:normal; margin-top:0;} .menuContent a{ text-decoration:none; color:#FCC200; font-style:italic;} .menuContent a:hover{ color:#76C6CF;} .menuContent b{} .menuContent input{ color:black;} .menuContent select {color:black;} .menuContent option {color:black;} /*----------------------- The Main Content -------------------------*/ #middleContent { font-size:12px; color:#4B4B4D;} #middleContent a{ font-weight:normal; color:#B5121B; text-decoration:none;} #middleContent a:hover{ text-decoration:underline;} #middleContent legend{font-size: 15px;color:#4B4B4D; font-weight:bold;} #middleContent h1{font-size:20px; clear:both; color:#4B4B4D;font-weight:normal; } #middleContent h2{ font-size:15px; color:#B5121B;font-weight:bold; background:url(../misc/h2.jpg) 0 2px no-repeat; height:23px; padding:8px 0 0 12px;} #middleContent h3{margin-top:10px; color:#1A171B;font-weight:normal; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;} #middleContent h4{margin-top:10px; color:#1A171B;font-weight:normal;font-style:italic ;font-family:Georgia, "Times New Roman", Times, serif;} #middleContent .specialoffer{ color:red} #middleContent select{ color:#646567} #middleContent p { margin-bottom:10px} #middleContent hr { height:1px; color:#1A171B;} #footer a { font-size:10px; text-decoration:none; color:white} #footer a:hover { color:#B5121B ;} /*********************/ /* L A Y O U T */ /**********************/ /* Dont change this */ a {outline: none;} /* The body - with repeating image*/ body{ margin:0; padding:0;} /* The overall containers for the page, outer just centers the content within it */ .outer{position:relative;width:100%; background:url(../misc/bg_repeat.jpg) top repeat-x; } .inner{ position:relative; width:1024px; margin:0 auto;} #search_form {} #search_submit{position:absolute;top:221px; left:153px;} #search_input{background:none;border:none;height:16px;left:28px;position:absolute;top:220px;width:120px; padding:0; font-size:11px; color:#656467} #headerr { position:relative; background:url(../misc/header.jpg) no-repeat; height:618px; width:1024px;} #call { position:absolute; top: 61px; right:17px;} #logo { position:absolute; display:block; left:8px; top:54px;} #quote { position:absolute; top: 289px; margin-left:12px; } .mot { position: relative; background: #fd907b; background: -moz-linear-gradient(top, #fd907b 0%, #a0121e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd907b), color-stop(100%,#a0121e)); background: -webkit-linear-gradient(top, #fd907b 0%,#a0121e 100%); background: -o-linear-gradient(top, #fd907b 0%,#a0121e 100%); background: -ms-linear-gradient(top, #fd907b 0%,#a0121e 100%); background: linear-gradient(to bottom, #fd907b 0%,#a0121e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd907b', endColorstr='#a0121e',GradientType=0 ); color: #ffffff; font-weight: 600; padding: 10px; border: 1px #a0121e solid; border-radius: 5px; text-decoration: none; display: block; } .mot:hover { background: #a0121e; text-decoration: none; } .mot b { font-size: 20px; text-transform: uppercase; } .mot .icon { width: 42px; height: 42px; margin-right: 10px; display: block; border-radius: 100%; float: left; background: url('../misc/widget.jpg'); background-position: -11px -10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #link_one, #link_two,#link_three,#link_four,#link_five,#link_six,#link_seven,#link_eight{ position:absolute; top:0px; height:32px} #link_one_mouseover, #link_two_mouseover,#link_three_mouseover,#link_four_mouseover, #link_five_mouseover,#link_six_mouseover,#link_seven_mouseover,#link_eight_mouseover{ position:absolute; top:0px; height:32px} #link_one{left:20px; background:url(../misc/roll1A.jpg) no-repeat;width:105px;} #link_two{left:158px;background:url(../misc/roll2A.jpg) no-repeat;width:103px;} #link_three{left:270px;background:url(../misc/roll3A.jpg) no-repeat;width:117px;} #link_four{left:411px;background:url(../misc/roll4A.jpg) no-repeat;width:105px;} #link_five{left:548px;background:url(../misc/roll5A.jpg) no-repeat;width:111px;} #link_six{left:692px;background:url(../misc/roll6A.jpg) no-repeat;width:95px;} #link_seven{left:803px;background:url(../misc/roll7A.jpg) no-repeat;width:85px;} #link_eight{left:908px;background:url(../misc/roll8A.jpg) no-repeat;width:103px;} #link_one:hover{background:url(../misc/roll1B.jpg) no-repeat;} #link_two:hover{background:url(../misc/roll2B.jpg) no-repeat;} #link_three:hover{background:url(../misc/roll3B.jpg) no-repeat;} #link_four:hover{background:url(../misc/roll4B.jpg) no-repeat;} #link_five:hover{background:url(../misc/roll5B.jpg) no-repeat;} #link_six:hover{background:url(../misc/roll6B.jpg) no-repeat;} #link_seven:hover{background:url(../misc/roll7B.jpg) no-repeat;} #link_eight:hover{background:url(../misc/roll8B.jpg) no-repeat;} #link_one_mouseover{background:url(../misc/roll1B.jpg) no-repeat;left:20px;width:105px;} #link_two_mouseover{background:url(../misc/roll2B.jpg) no-repeat;left:158px;width:103px;} #link_three_mouseover{background:url(../misc/roll3B.jpg) no-repeat;left:270px;width:117px;} #link_four_mouseover{background:url(../misc/roll4B.jpg) no-repeat;left:411px;width:105px;} #link_five_mouseover{background:url(../misc/roll5B.jpg) no-repeat;left:548px;width:111px;} #link_six_mouseover{background:url(../misc/roll6B.jpg) no-repeat;left:692px;width:95px;} #link_seven_mouseover{background:url(../misc/roll7B.jpg) no-repeat;left:803px;width:85px;} #link_eight_mouseover{background:url(../misc/roll8B.jpg) no-repeat;left:908px;width:103px;} #content{position:relative; float:left; width:1024px;} #menu1{ position:relative; left:4px;float:left; width:203px;margin-top:0px; z-index:100;} #middleContent{position:relative;float:left; left:14px; width:590px; margin-top:-470px; z-index:100;} #menu2{ position:relative; right:4px;float:right; width:203px;margin-top:-419px; z-index:100;} #side_one, #side_two,#side_three,#side_four{ position:relative; left:0px; width:204px; display:block;} #side_one{top:0px; background:url(../misc/side1A.jpg) no-repeat;height:79px;} #side_two{top:0px;background:url(../misc/side2A.jpg) no-repeat;height:78px;} #side_three{top:0px;background:url(../misc/side3A.jpg) no-repeat;height:80px;} #side_four{top:0px;height:177px;margin-bottom:32px;} #side_one:hover{background:url(../misc/side1B.jpg) no-repeat;} #side_two:hover{background:url(../misc/side2B.jpg) no-repeat;} #side_three:hover{background:url(../misc/side3B.jpg) no-repeat;} .vertical_menu{} .vertical_menu h1{ background:url(../misc/menu_h1.jpg) no-repeat ; height:52px; padding:20px 0 0px 15px; margin:0;} /* The vertcal menu main content */ .menuContent{ padding:0px 23px 20px 23px; background:url(../misc/menu_bg.jpg) bottom repeat-y;} .menuContent ul{ margin:0; padding:0;} .menuContent li{ position:relative; list-style-type:none;background:url(../misc/list_icon.jpg) 0 5px no-repeat; padding-left:0px; line-height:20px; margin-left:1px; } .menuContent li li{ position:relative; list-style-type:none;background:url(../misc/list_icon2.jpg) 0 4px no-repeat; padding-left:15px; line-height:20px; } /* Main content list image */ /* indentation of text */ #middleContent li{ list-style-type:none;background:url(../misc/bullet.jpg) 0 5px no-repeat; margin:0; padding-left:17px; line-height:20px; } #footwrap { position:relative; width:100%; background:url(../misc/footer_repeat.jpg) bottom repeat-x ;} #footer {position:relative; clear:both; height:238px;width:1024px; background:url(../misc/footer.jpg) no-repeat; margin:0 auto;} #logo2 { position:absolute; display:block; left:800px; top:48px;} #footer li { position:relative; list-style-type:none; line-height:11px;} #footer ul { margin:0; padding:0;} #twit,#face,#rss { position:absolute; display:block; top: 77px} #twit { left:32px} #face { left:102px} #rss { left:237px} #ul_one,#ul_two,#ul_three { position:absolute; top:76px} #ul_one { left:375px;} #ul_two { left:470px;} #ul_three { left:575px;} div#preload { display: none; } .car_listing{ background:url("../misc/infobox.jpg") no-repeat; float:left; width:393px; height:159px; position:relative; } .car_listing .car_title{position:absolute;font-size:20px; color:white; left:33px; top:17px} .car_listing .car_spec{position:absolute; left:40px; font-size:11px; top:50px} .car_listing .price_text{position:absolute; left:280px; top:65px;font-size:14px; } .car_listing .price_amount{position:absolute; left:322px; top:65px;font-size:14px; font-weight:bold; color:#B3081B} .car_listing .car_more_info{position:absolute; left:282px; top:110px;font-size:14px; font-weight:bold; color:#B3081B} .car_listing_large{ background:url("../misc/infobox_large.jpg") no-repeat; float:left; width:367px; height:212px; position:relative; } .car_listing_large .car_title{position:absolute;font-size:20px; color:white; left:33px; top:17px} .car_listing_large .car_spec{position:absolute; left:39px; font-size:11px; top:60px} .car_listing_large .price_text{position:absolute; left:246px; top:72px;font-size:14px; } .car_listing_large .price_amount{position:absolute; left:287px; top:68px;font-size:19px; font-weight:bold; color:#B3081B} .car_listing_large .car_more_info{position:absolute; left:282px; top:110px;font-size:14px; font-weight:bold; color:#B3081B} .car_listing_large .back_to_home{position:absolute; left:271px; top:145px;font-size:14px; font-weight:bold; color:#B3081B} .car_listing_large .email_info{position:absolute; left:271px; top:110px;font-size:12px; font-weight:bold; color:#B3081B} .car_listing_large .print_page{position:absolute; left:305px; top:145px;font-size:12px; font-weight:bold; color:#B3081B;width:54px;height:56px; display:block;} .car_listing_large .details_title{position:absolute; left:43px; top:200px; font-weight:bold; font-size:11px; } .car_listing_large .details_content{position:absolute; left:43px; top:215px; width:280px; font-size:11px;}