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;
}
}