b/* ------------------------------------------------------------- Project Name Project Name - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - .version 1.0 .updated 30-12-2008 ------------------------------------------------------------- ------------------------------------------------------------- + Page structure + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + Resets + Main layout + Forms - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - /* ------------------------------------------------------------- 0. Rests - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td { margin:0; padding:0; } a{ outline:none;} .clear { clear:both; } body { font-family:Arial, Helvetica, sans-serif; } html { height: 100%; } #wraper { width:760px; margin:0 auto; background:#FFF; color:#666666; padding-bottom:100px; } #wraper #Header { background:url(home_new/head.jpg) no-repeat; position:relative; height:263px; width:750px; display:block; margin:0 auto; } #wraper #Header #TopNav { width:330px; position:absolute; margin-top:10px; margin-left:10px; left:0; top:0; } #wraper #Header #TopNav ul li { float:left; display:block; padding:10px; } #wraper #Header #TopNav ul li.Slash { background:url(home_new/list_style.jpg) no-repeat right; } #wraper #Header #TopNav ul li a { color:#666; text-decoration:none; } #wraper #Header #TopNav ul li a:hover { color:#666; text-decoration:underline; } #wraper #Header #Counter { position:absolute; right:10px; top:10px; } #wraper #Header #Counter h4 { float:left; width:130px; color:#FFF; font-size:12px; } #wraper #Header #Counter ul { float:left; list-style:none; padding:5px 0 0 15px; width:175px; } #wraper #Header #Counter ul li { float:left; color:#efdd16; font-size:18px; font-weight:700; width:20px; padding-right:5px; } /* Car Search */ #wraper #Header #InstantFinder { position:absolute; top:65px; width:200px; right:220px; } #wraper #Header #InstantFinder h3 { font-size:22px; color:#FFF; } #wraper #Header #InstantFinder p.First-top { color:#FFF; padding-top:10px; font-size:13px; line-height:15px; } #wraper #Header #InstantFinder p.Second-top { color:#FFF; padding-top:5px; font-size:13px; line-height:15px; } #wraper #Header #InstantFinder p.Second-top a { color:#FFF; font-size:13px; font-weight:700; text-decoration:none; } #wraper #Header #InstantFinder .Search_Btn { display:block; background:url(home_new/search_btn.jpg) no-repeat; text-indent:-9999px; height:40px; width:143px; margin-top:10px; } /* Top Blocks */ #wraper #Top-Blocks { background: #FFF url(home_new/top_grad.jpg) no-repeat top; padding:10px 0 0 9px; } #wraper #Top-Blocks img { padding-left:2px; border:none; } /* Bottom Contents*/ #wraper #BottomContents { background: #FFF url(home_new/bottom_grad.jpg) no-repeat bottom; margin:0 auto; width:747px; display:block; padding-bottom:20px; } #wraper #BottomContents #Blue_Block { height:377px; width:585px; background:url(home_new/blue_block.jpg) no-repeat; margin-left:4px; float:left; display:inline; padding-top:20px; } #wraper #BottomContents #Side-Ads { float:right; width:141px; margin-right:12px; display:inline; } #wraper #BottomContents #Side-Ads img { margin:0; padding-bottom:1px; display:block; } #BottomContents .Block-900 { width:561px; margin:0 auto; } #BottomContents .Block-900 #Flvplayer { width:345px; float:left; margin-right:8px; } #BottomContents .Block-900 #Garantee { width:185px; float:right; margin-right:6px; } #BottomContents .Block-900 #Garantee .AFS-Logo { background:url(home_new/afs_logo.jpg) no-repeat; height:47px; width:195px; display:block; text-indent:-9999px; } #BottomContents .Block-900 #Garantee .whyGaranteee { background:url(home_new/garantee.jpg) no-repeat; height:135px; width:144px; display:block; text-indent:-9999px; margin:22px 0 0 15px; } /* Blue Items */ #BottomContents #Blue-Items { margin:35px 0 0 4px; position:absolute; width:585px; } .block { display: table; height:47px; width:92px; background: #aaa; _position: relative; overflow: hidden; float:left; margin-left:5px; background:url(home_new/blue_items.jpg) repeat-x; border:2px solid #44628b; margin:0px 1px 1px 0; } .block span { width:92px; _position: absolute; _top: 50%; display: table-cell; vertical-align: middle; } .block span a { display:block; text-align:center; width:92px; _position: relative; _top: -50%; color:#FFF; text-decoration:none; font-size:11px; font-weight:700; } /* Footer */ #Footer { background:url(home_new/footer.gif) no-repeat top; height:110px; width:744px; margin:-21px auto; position:relative; padding-bottom:15px; display:block; } #Footer p { color:#333; position:absolute; bottom:10px; padding-left:20px; } #Footer p a { color:#333; text-decoration:none; } /* Blue Blocks and Hovers*/ .Blocks-Container a:hover { background-position:bottom; } .Finance_001 { background:url(home_new/finance.jpg) no-repeat top; height:51px; display:inline; text-indent:-9999px; width:96px; float:left; margin:0 0 1px 1px; } .Price_001 { background:url(home_new/price.jpg) no-repeat top; height:51px; display:inline; text-indent:-9999px; width:95px; float:left; margin:0 0 1px 1px; } .Purchase_001 { background:url(home_new/purchase.jpg) no-repeat top; height:51px; display:inline; text-indent:-9999px; width:96px; float:left; margin:0 0 1px 1px; } .Quality_001 { background:url(home_new/quality.jpg) no-repeat top; height:51px; display:inline; text-indent:-9999px; width:96px; float:left; margin:0 0 1px 1px; } .Range_001 { background:url(home_new/range.jpg) no-repeat top; height:51px; display:inline; text-indent:-9999px; width:95px; float:left; margin:0 0 1px 1px; } .Recommend_001 { background:url(home_new/recommend.jpg) no-repeat top; height:51px; display:inline; text-indent:-9999px; width:96px; float:left; margin:0 0 1px 1px; } .Shop_001 { background:url(home_new/shop.jpg) no-repeat top; height:51px; display:inline; text-indent:-9999px; width:96px; float:left; margin:0 0 1px 1px; } .Trade_001 { background:url(home_new/trade.jpg) no-repeat top; height:51px; display:inline; text-indent:-9999px; width:95px; float:left; margin:0 0 1px 1px; } .Vechicle_001 { background:url(home_new/vechicle.jpg) no-repeat top; height:51px; display:inline; text-indent:-9999px; width:96px; float:left; margin:0 0 1px 1px; } .Website_001 { background:url(home_new/website.jpg) no-repeat top; height:51px; display:inline; text-indent:-9999px; width:96px; float:left; margin:0 0 1px 1px; } .Why_001 { background:url(home_new/why.jpg) no-repeat top; height:51px; display:inline; text-indent:-9999px; width:95px; float:left; margin:0 0 1px 1px; } .Blanck_001 { background:url(home_new/blanck.jpg) no-repeat top; height:51px; display:inline; text-indent:-9999px; width:96px; float:left; margin:0 0 1px 1px; } #search_table td { margin:0; padding:0; font-size:11px; height:30px; } #search_table td input, #search_table td select { height:20px; } #search_table td select { font-size:11px; } /*Double Deals*/ #Double_Deal { height:377px; width:585px; background:url(home_new/doubledeals.jpg) no-repeat; margin-left:4px; float:left; display:inline; padding-top:20px; position:relative; } #Double_Deal .doubledeals { width:500px; position:absolute; top:184px; left:78px; } #Double_Deal .doubledeals h3 { display:block; font-size:24px; font-weight:700; color:#032C6C; font-family:Arial; width:400px; text-align:center; line-height:26px; } #Double_Deal .doubledeals p { display:block; font-size:13px; font-weight:700; color:#032C6C; text-align:center; width:440px; padding:3px 0; } #Double_Deal .doubledeals a { display:block; font-size:11px; font-weight:700; color:#032C6C; text-align:center; width:430px; text-decoration:underline; } #christmas_ads { background:transparent url(christmas_ads/home_ads.jpg) no-repeat scroll 0 0; display:inline; float:left; height:388px; margin-left:4px; position:relative; width:585px; } #christmas_ads a { color:#FFFFFF; display:block; font-size:0; height:40px; line-height:1500px; margin-left:60px; margin-top:320px; overflow:hidden; width:490px; } /*Cash is King Offer*/ #Homead { display:inline; float:left; height:388px; margin-left:4px; position:relative; width:585px; } #Homead a { text-indent:-99999px; display:block; background:url(../home-page-image/home-page-image.jpg) no-repeat scroll 0 0; height:389px; position:relative; width:583px; }