html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin : 0; padding : 0; border : 0; outline : 0; vertical-align : baseline; } body { font-family : Arial, Helvetica, sans-serif; font-size : 12px; background : #fff url(../../images/bdy_bg.png) repeat; } ul { list-style : none; } img, fieldset { border : none; } a { text-decoration : none; } .hidden { position : absolute; left : -9999px; } .clear { clear : both; } /* mainContent -------------------------------------------*/ #mainContent { width : 951px; margin : 0 auto; } /* homepage -------------------------------------------*/ .homepage { width : 930px; padding : 0px 11px 0 10px; } .slideshow-container { padding : 0; width : 650px; float : left; } .slideshow { padding : 0 0 2px 0; width : 930px; background : url(/images/slideshow.png) repeat-x bottom; } .slidecon { height : 266px; width : 930px; } .slidecon_r { float : right; width : 554px; } .slidecon_l { float : left; width : 330px; padding : 30px 0 0 10px; font-weight : bold; font-size : 42px; color : #000; } .slidecon_l span { color : #d52e31; } .slidecon_l h2 { font-size : 58px; } .iconDiv { width : 110%; padding : 15px 0 50px 0; background : url(/images/slideshow.png) repeat-x; } .heading-two-wrapper { font-size : 18px; line-height : 20px; font-weight : normal; } .iconDiv ul { overflow : hidden; } .iconDiv ul li { width : 232px; float : left; overflow : hidden; } .icon { float : left; width : 86px; } .iconText { width : 145px; float : right; padding : 3px 0 0 0; font-size : 23px; color : #1b1b1b; line-height : 25px; } .btnDiv { padding : 10px 10px 0px; width : 630px; overflow : hidden; margin-left : 0px; margin-top : 5px; } .btnDiv_lft { height : 60px; width : 250px; float : left; padding : 18px 76px 16px 4px; background : url(/images/btnDiv_lft_r.png) no-repeat; } .div260 { width : 120px; height : 58px; float : left; text-align : center; line-height : 32px; font-size : 32px; color : #fff; font-weight : bold; margin-top : -3px; } .divAction { width : 130px; height : 56px; float : left; text-align : center; line-height : 18px; font-size : 18px; color : #fff; padding : 0px; margin-top : -5px; } .btnDiv_rgt { float : right; overflow : hidden; } a.btnsignup { width : 128px; height : 58px; line-height : 58px; display : block; color : #fff; font-weight : bold; text-shadow : 2px 2px 2px #000; font-size : 15px; text-align : center; padding : 0px; background : url(/images/signupbtn_r.png) no-repeat; float : left; } a.login { width : 114px; height : 58px; line-height : 58px; display : block; color : #fff; font-weight : bold; text-shadow : 2px 2px 2px #000; font-size : 15px; text-align : center; padding : 0px; background : url(/images/login_r.png) no-repeat; float : right; margin-left : 17px; } /* slider_area --------------------------------------*/ #slider_area { /*width : 640px;*/ /*height : 310px;*/ width : auto; height : auto; overflow : hidden; } #slider_area .activeSlider { height : 217px !important; margin-top : 0px; } #slider_area li { width : 930px; height : 217px !important; position : relative; } .sig { float : right; } .sig a { line-height : 32px; display : block; padding : 0 28px; text-shadow : 2px 2px 2px #888; background : url(/images/signup.png) repeat-x; color : #fff; font-size : 13px; border-radius : 2px; box-shadow : 1px 1px 2px #000; } .bid4cars { width : 100%; } .bid4cars h2 { font-size : 22px; font-weight : normal; border-bottom : 1px solid #d52e31; padding-bottom : 10px; font-style : italic; line-height : 24px; margin-bottom : 20px; } .bid4cars h3 { background : url(/images/freestr.png) repeat-x; line-height : 35px; padding : 0 10px; border : 1px solid #9a9a9a; border-radius : 3px; color : #fff; margin-bottom : 10px; text-shadow : 1px 2px 2px #000; } .boxDiv { background : #eeeeee; overflow : hidden; width : 407px; border : 1px solid #9a9a9a; border-radius : 2px; } .boxDiv ul { width : 407px; border-bottom : 1px solid #d6d6d6; } .boxDiv ul li { width : 407px; overflow : hidden; } .box_lft { width : 292px; float : left; padding : 5px 0 0 12px; font-size : 11px; color : #717171; } .box_lft p span { font-size : 18px; display : block; } .box_rgt { float : right; width : 100px; background : #fff; line-height : 43px; text-align : center; color : #34900e; font-weight : bold; font-size : 16px; } .bid4cars h4 { line-height : 38px; border-bottom : 1px solid #d52e31; padding : 0 0 0 12px; font-size : 13px; color : #717171; } .next { padding : 9px 12px; overflow : hidden; } .next button { background : none; border : none; color : #fff; float : right; line-height : 34px; display : block; width : 83px; padding : 0 12px 0 0; text-align : center; font-size : 13px; font-weight : bold; background : url(/images/next.png) no-repeat; cursor : pointer; } #auctions_text, #valuation_text, #mystock_text, #dealership_text { background : url(/images/tooltips.png) no-repeat; font-famity : "Myriad Pro"; color : #000000; font-style : normal; width : 121px; height : 215px; position : absolute; padding : 7px 21px 10px 22px; margin-left : 56px; margin-top : -109px; display : none } #auctions_text h2, #valuation_text h2, #mystock_text h2, #dealership_text h2 { font-size : 14px; } #auctions_text p, #valuation_text p, #mystock_text p, #dealership_text p { font-size : 11px; line-height : 13px; } .signup { width : 950px; padding : 35px 0 60px 0; font-family : "Myriad Pro"; font-style : normal; color : #413e3e; margin : 0 auto; } .signopt { background : url(/images/packline.jpg) repeat-x left bottom; } .signopt h2 { font-size : 22px; } .signopt h5 { font-size : 12px; padding-bottom : 10px; } .pacimg00 { float : left; width : 265px; padding-top : 45px; } .pacimg00 h6 { font-size : 14px; } .pacimg00 h2 { font-size : 24px; } .pacimg01 { float : left; width : 122px; background : url(/images/packoffer.jpg) no-repeat left bottom; height : 105px; padding-top : 165px; padding-left : 25px; margin-left : 7px; } .packhead { overflow : hidden; } .pacimg01 span a { display : block; width : 100px; text-align : center; padding-bottom : 55px; font-size : 15px; font-weight : bold; color : #404040; } .packdetail { background : url(/images/pacdetailtopbg.jpg) no-repeat top left; border : #d3d3d3 1px solid; width : 729px; border-top : none; } .rowod, .rowev { overflow : hidden; width : 270px; height : 47px; } .rowod div.txt, .rowev div { float : left; padding-top : 17px; font-family : "Arial Unicode MS"; font-size : 12px; line-height : 14px; } .package { width : 729px; padding : 128px 0 0 111px; } .boxtop, .boxbtm, .boxbg { width : 729px; } .boxtop { padding-top : 142px; background : url(/images/boxbg02_top.png) no-repeat; } .boxbtm { padding-bottom : 33px; background : url(/images/boxbg02_btm.png) no-repeat bottom; } .boxbg { background : url(/images/boxbg02_bg.png) repeat-y; position : relative; } .free { width : 107px; height : 108px; position : absolute; top : -124px; left : 292px; } .pro { left : 600px; width : 107px; height : 108px; position : absolute; top : -124px; } .pay { width : 107px; height : 108px; position : absolute; top : -124px; left : 443px; } .divrow { width : 729px; overflow : hidden; line-height : 47px; font-size : 12px; color : #404040; } .col1 { height : 47px; width : 240px; padding : 0 13px; float : left; } .col1 p { line-height : 16px; padding : 7px 0 0 0; } .col2 { height : 47px; width : 154px; float : left; text-align : center; } .col3 { height : 47px; float : left; width : 154px; text-align : center; } .col4 { float : left; height : 47px; width : 154px; text-align : center; } .mobileDiv { width : 267px; height : 215px; position : absolute; left : 0; top : -220px; font-size : 14px; color : #000; } .mobileDiv p { padding : 0 0 0 53px; } .mobileDiv h2 { font-size : 22px; padding : 0 0 0 53px; } .btn_sections { height : 54px; width : 710px; padding : 0 16px 0 0; position : relative; } a.comming_s { width : 83px; height : 83px; float : right; margin-left : 56px; margin-right : 15px; } a.gopro { width : 122px; display : block; height : 54px; text-align : center; float : right; background : url(/images/btn03.png) no-repeat; font-size : 13px; font-weight : bold; line-height : 50px; color : #fff; margin-left : 28px; } a.choose { width : 110px; display : block; height : 40px; float : right; background : url(/images/btn02.png) no-repeat; font-size : 13px; font-weight : bold; line-height : 12px; font-family : "Arial Unicode MS"; color : #717171; text-shadow : 1px 1px 1px #fff; margin-left : 28px; padding : 14px 0 0 12px; } button.chooseFree { border : none; width : 123px; display : block; height : 54px; float : right; background : url(/images/btn01.png) no-repeat; font-size : 13px; font-weight : bold; line-height : 12px; font-family : "Arial Unicode MS"; color : #717171; text-shadow : 1px 1px 1px #fff; margin-left : 28px; } /* mobile and tablet*/ @media (min-width : 768px) and (max-width : 979px) { #mainContent { width : 100%; } .homepage { width : 100%; padding : 0px 0px 0px 0px; margin-left : 25%; } .btnDiv { padding : 8px 0; width : 100%; overflow : hidden; margin-left : 25%; margin-top : 0px; } .btnDiv_lft { height : 128px; width : 480px; float : left; padding : 18px 36px 10px 1px; background : url(/images/btnDiv_lft.png) no-repeat !important; margin-left : 5px; } .btnDiv_rgt { float : left; overflow : hidden; margin-left : 10px; margin-top : 0px; } .div260 { width : 184px; height : 64px; float : left; text-align : center; line-height : 64px; font-size : 53px; color : #fff; font-weight : bold; } .divAction { width : 217px; height : 56px; float : left; text-align : center; line-height : 23px; font-size : 23px; color : #fff; padding : 8px 0 0 0; } a.btnsignup { width : 188px; height : 72px; line-height : 72px; display : block; color : #fff; font-weight : bold; text-shadow : 2px 2px 2px #000; font-size : 23px; text-align : center; padding : 12px; background : url(/images/signupbtn.png) no-repeat; float : left; } a.login { width : 165px; height : 72px; line-height : 72px; display : block; color : #fff; font-weight : bold; text-shadow : 2px 2px 2px #000; font-size : 23px; text-align : center; padding : 12px; background : url(/images/login.png) no-repeat; float : right; margin-left : 1px; } .iconDiv { /*background:url("/images/slideshow.png") repeat-x scroll 0 0 transparent;*/ padding : 15px 0 50px 0; width : 100%; } .test { display : none; } .heading-two-wrapper { font-size : 23px; line-height : 26px; font-weight : normal; } .iconDiv ul { overflow : hidden; } .iconDiv ul li { width : 212px; float : left; overflow : hidden; } .icon { float : left; width : 86px; } .iconText { width : 125px; float : right; padding : 3px 0 0 0; font-size : 23px; color : #1b1b1b; line-height : 25px; } .footerSec { margin : 20px -5px 0 !important; background : #363434; border-top : 2px solid #D52E31; padding : 20px 5px 20px 5px; height : auto; overflow : hidden; } .footer { width : 95%; margin : 0; } .footer ul.fmenu li { display : block !important; } .footer_rgt { float : none; } } @media (max-width : 767px) { .mobile-header-top { background : url(../../imgs/tablet_header.jpg) repeat; border-bottom : 1px solid #7A7879; } .cc-mobile-header { background : #313131 url("/../imgs/header-bg-rpt.png") repeat-x scroll center top border-bottom : 1 px solid #877b7b; } .cc-mobile-header-top { background : transparent url("/imgs/header-with-logo-cc.png") no-repeat scroll 51% 0%; border-bottom : 1px solid #877b7b; background-size : 967px 90px !important; background-position : 0px 0px; height : 90px; border-bottom : none; } /* mainContent -------------------------------------------*/ #mainContent { width : 100%; } .homepage { width : 100%; padding : 0px 0px 0px 0px; margin-left : 15%; } .btnDiv { padding : 8px 0; width : 100%; overflow : hidden; margin-left : 8%; margin-top : 0px; } .btnDiv_lft { height : 128px; width : 480px; float : left; padding : 18px 36px 10px 1px; background : url(/images/btnDiv_lft.png) no-repeat !important; margin-left : 5px; } .btnDiv_rgt { float : left; overflow : hidden; margin-left : 10px; margin-top : 0px; } .div260 { width : 184px; height : 64px; float : left; text-align : center; line-height : 64px; font-size : 53px; color : #fff; font-weight : bold; } .divAction { width : 217px; height : 56px; float : left; text-align : center; line-height : 23px; font-size : 23px; color : #fff; padding : 8px 0 0 0; } a.btnsignup { width : 188px; height : 72px; line-height : 72px; display : block; color : #fff; font-weight : bold; text-shadow : 2px 2px 2px #000; font-size : 23px; text-align : center; padding : 12px; background : url(/images/signupbtn.png) no-repeat; float : left; } a.login { width : 165px; height : 72px; line-height : 72px; display : block; color : #fff; font-weight : bold; text-shadow : 2px 2px 2px #000; font-size : 23px; text-align : center; padding : 12px; background : url(/images/login.png) no-repeat; float : right; margin-left : 1px; } .iconDiv { max-width : 100%; padding : 15px 0 50px 0; overflow : hidden; background : none; } .heading-two-wrapper { font-size : 23px; line-height : 26px; font-weight : normal; } .iconDiv ul { overflow : hidden; } .iconDiv ul li { width : 212px; float : left; overflow : hidden; } .icon { float : left; width : 86px; } .iconText { width : 125px; float : right; padding : 3px 0 0 0; font-size : 23px; color : #1b1b1b; line-height : 25px; } } @media (max-width : 480px) { /* mainContent -------------------------------------------*/ #mainContent { width : 100%; } .homepage { width : 100%; padding : 0px 0px 0px 0px; margin-left : 0; } .btnDiv { padding : 8px 0; width : 100%; overflow : hidden; margin-left : 0px; margin-top : 0px; } .btnDiv_lft { height : 128px; width : 100%; float : left; padding : 18px 36px 10px 1px; background : url(/images/btnDiv_lft_mobi.png) no-repeat !important; margin-left : 2% !important; } .btnDiv_rgt { float : left; overflow : hidden; margin-left : 15%; margin-top : 0px; } .div260 { width : 217px; height : 64px; float : left; text-align : center; line-height : 64px; font-size : 53px; color : #fff; font-weight : bold; } .divAction { width : 217px; height : 56px; float : left; text-align : center; line-height : 23px; font-size : 23px; color : #fff; padding : 8px 0 0 0; } a.btnsignup { width : 188px; height : 72px; line-height : 72px; display : block; color : #fff; font-weight : bold; text-shadow : 2px 2px 2px #000; font-size : 23px; text-align : center; padding : 12px; background : url(/images/signupbtn.png) no-repeat; } a.login { width : 165px; height : 72px; line-height : 72px; display : block; color : #fff; font-weight : bold; text-shadow : 2px 2px 2px #000; font-size : 23px; text-align : center; padding : 12px; background : url(/images/login.png) no-repeat; margin-left : 1px; } .iconDiv { width : 100%; padding : 15px 0 50px 0; background : none; } .heading-two-wrapper { font-size : 23px; line-height : 26px; font-weight : normal; } .iconDiv ul { overflow : hidden; } .iconDiv ul li { width : 212px; float : left; overflow : hidden; } .icon { float : left; width : 86px; } .iconText { width : 125px; float : right; padding : 3px 0 0 0; font-size : 23px; color : #1b1b1b; line-height : 25px; } } @media (max-width : 399px) and (min-width : 360px) { .dealerhome .divAction { margin : 0 0 0px 0px !important; } }