@charset "utf-8";
@import "infiniti_typography.css";
/* CSS Document */
body { margin:0; padding:0 0 30px; background:#000; color:#FFFFFF; font-size:100%; height:100%; font-family: Verdana; font-size: 11px}
img { border:none;}
a { color:#FFF; outline:none; }
a:hover { text-decoration:none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size: 16px; font-weight: bold;}
p { font-size:12px; line-height:150%; }
em {}
strong {}
.main-content h3 { font-family: Verdana }
object { outline: none; }
   
/* block & layouts */
.content { padding:0 20px; width:940px; text-align:left; margin:0 auto; color:#000000; }

#header { background:url(../images/header_bg.png) repeat-x; height:75px; /*overflow:hidden;*/ /*position:relative; z-index:100;*/ }
#header h1 { width:94px; height:48px; margin:12px 0; float:left; overflow:hidden; }
#header h1 a { display:block; text-indent:-99em; overflow:hidden; background:url(../images/infiniti_logo.png) no-repeat -8px center; width:94px; height:48px; }
#header h2 { float:right; font-weight:normal; font-family: Verdana; font-size:26px; margin:24px 0 0 0; line-height:100%; /*background:url(../images/elit_auto_jug.png) no-repeat 0 0; text-indent:-99em; overflow:hidden; height:20px; width:140px;*/ }


.topmenu {
    background-color: #e7e7e7;
    background-repeat: repeat-x;
    height: 63px;
    background:url(../images/topfon.png);
    font-size:11px;
    font-family: Arial;
    color:#222222;
    font-weight: 200;
    width:964px;
    margin:0 auto; 
}

.topmenu .logo{
    height: 63px;
    width: 130px;
    background-repeat: no-repeat;
    background-image: url(../images/logo.png);
    float:left;
}

.topmenu a{
    color:#444444;
    text-decoration:none;
}

.topmenu a:hover{
    color:#444444;
    text-decoration:underline;
}

.topmenu .tablemenu{
    width:670px;
    float:left;
    padding: 10px 0 0;
}

.topmenu .tablemenu ul{
    overflow:hidden; list-style:none; margin:18px 0 0 0; padding:0; float:left; 
}

.topmenu .tablemenu li{
    float:left; margin: 0 0 0 12px; 
    font-size:14px;
    font-weight: bold;
}
.topmenu .tablemenu td{
    padding-right: 10px; 
    padding-top:3px;
}

.topmenu .elite-logo{
    width:146px;
    height: 63px;
    background-image: url(../images/elit_logo.png);
    background-repeat: no-repeat;
    float:right;
}


/**/
#overlay, #overlay-start {position:absolute; top:0; left:0; width:100%; height:100%; background:black; z-index:-1; height:601px; }
#overlay-start { height:520px; }
#content { overflow:hidden; color:#fff; padding:0; width:964px; position:relative; }
.inner-layout, .inner-layout-start { padding: 0 10px 0 0; overflow:hidden; height:100%; min-height:601px; /*background:url(../images/content/inner_bg.jpg) no-repeat;*/ position: relative; }
.inner-layout-start {min-height:665px !important;}
/*.gallery-layout { height:615px; }*/
.inner-layout object { display:block;  }
.home-page {padding-top:440px; }
.g-coupe { background:url(../images/g_coupe_bg.jpg) no-repeat; }
.gallery #overlay { background:url(../images/content/photo_gallery.jpg) no-repeat; }

#models-list-layout { height:465px; width:50%; float:right; overflow:hidden; }
#models-list { list-style:none; margin:15px -6px 0 0; padding:0; overflow:hidden; float:right; padding:0 ; }
#models-list li { margin:0; padding:0; float:left; }
#models-list li a { padding:0 6px 0 0; cursor:pointer; display:block; color:#e9e9e9; font-size:16px; font-family: Verdana; text-decoration:none; height:28px; }
#models-list li a strong { padding:0 4px 0 10px; height:28px; line-height:28px; display:block; font-weight:normal; }
#models-list li a:hover { background:url(../images/car_list_right_bg.png) right top no-repeat; }
#models-list li a:hover strong { background:url(../images/car_list_left_bg.png) no-repeat left top; text-decoration:underline; }

#visual-car-name { text-indent:-999em; display:block; overflow:hidden; margin:0; float:left; }
#visual-car-description { text-indent:-999em; display:block; overflow:hidden; margin:0; float:left; }

div.banners-main {
    width: 100%; position: absolute; bottom: 2px;
    overflow: hidden;
}

ul.presentation  { margin-top:480px !important; }
#services { margin: 40px 15px 0 0; padding:0 0 0 0; list-style:none; float: right;}
.banners-main #services { margin: 83px 18px 0 0}
#services li { width:234px; height:60px; float:left; margin-right:15px }
#services #banner3 { margin-right:0; }
/*#services li a { display:block; text-indent:-999em; width:278px; height:105px; }*/
/*#services #banner1 a { background:url(../images/vip_service.png) no-repeat; }
#services #banner2 a { background:url(../images/banners/testdrive.png) no-repeat; }
#services #banner3 a { background:url(../images/support.png) no-repeat;  }*/

/* submenu in content block */
.submenu { margin: 0 10px 20px 0px; width:189px; float: left; padding:0 0 8px; }
.submenu .inner { background:url(../images/content_sub_menu_botom_bg.png) no-repeat scroll 0 100%; padding:0 0 0 15px; overflow:hidden; min-height: 456px}
.submenu .inner h2 { font-size:24px; padding: 14px 0 15px; margin:0; line-height:24px; }
.submenu .inner ul { padding:0; list-style:none; font-size:11px; margin:0 0 30px -15px; }
.submenu .inner ul li { margin:0; padding: 5px 5px 5px 15px; }
.submenu .inner ul li a { text-decoration:none; padding: 0 0 2px; }
/*.submenu .inner ul li a:hover,*/ .submenu .inner ul li.active a { border-bottom:1px solid; }
.submenu .inner ul li.active, .submenu .inner ul li:hover { background:url(../images/list_arrow.png) 6px 9px no-repeat;}
.submenu .inner ul li ul li.active {background-position: 6px 7px; }
.submenu .inner ul li ul { margin:5px 0 0 0 }
.submenu .inner ul li ul li { padding: 3px 0 2px 20px; }
.submenu .inner ul li ul li:hover { background-position: 6px 7px; }
.submenu .pages-menu { margin-top:24px !important; }

.quickmenu{
    width:189px;
    height:143px;
    background-image: url(../images/quick_menu_bg.png);
}
.banners-main .quickmenu {
    margin-left: 5px;
    float: left;
}
.quickmenu ul{
    overflow:hidden; list-style:none; margin:0; padding:0; float:left;     
    font-family: Verdana;
    font-size:13px;
    font-weight: bold;
    color:#ffffff;
    margin:20px 0 0 10px;
}

.quickmenu li{
    float:left;
}

.quickmenu a{
    color:#fefefe;
    text-decoration: none;
    font-size:11px;
    display:block;
    margin:12px 0 0 0;
    background: url(../images/qmenuarr.png) no-repeat 0 3px;
    padding-left:10px;
    font-weight: normal;
}
.quickmenu a:hover{
    color:#ffffff;
    text-decoration: underline;    
    
}

/* slider */
.slider-holder { overflow:hidden; position:relative; width: 710px; height:25px; margin:0 0 14px; }
.slider-holder-colors {
    width: 78px; 
    float: right;
    position:relative; 
    margin:0 0 0 14px;
    padding-bottom: 30px;
}   
.slider-wrapper {
    height:262px;
    position:relative; 
    overflow:hidden; 
}
.slider-menu { margin:0; padding:0; list-style:none; position:absolute; font-size:14px; }
.slider-holder .slider-menu li {float:left; background:url(../images/slider_menu_arrow.png) 5px 3px no-repeat; padding: 0 15px 0 20px; margin:0 0 8px; }
.slider-holder-colors .slider-menu li {padding: 0 0 12px;}
.slider-menu li a { outline:none;  }
.slider-menu li a.current { text-decoration:none; }

.slider-holder-colors .slider-menu li a {
    border: 1px solid transparent;
}
.slider-holder-colors .slider-menu li a:hover, .slider-holder-colors .slider-menu li a.current {
    border-color: #fff;
}

.slider-content { background:url(../images/slider_content_bg.png) repeat; padding:5px; overflow:hidden; width:700px; }
.slider-content-colors {
    width:529px;
}

.slider-content .slider-content-inner {display:none; height:332px; }
.slider-content-colors {
    height:263px;
}

.slider-content .slider-content-inner img { background:url(../images/ajax_loader.gif) center center no-repeat;}

.slider-holder .next { position:absolute; top:3px; left:699px; }
.slider-holder-colors .next { position:absolute; bottom:0; left:30px; }
.slider-holder .prev { position:absolute; top:3px; left:684px; }
.slider-holder-colors .prev { position:absolute; bottom:16px; left:30px; }
.slider-holder .disabled, .slider-holder-colors .disabled { display:none; }   

.color-code {
    display: block;
    width: 76px;
    height: 24px;
}

/**/
.main-content { width:710px; overflow:hidden; min-height:499px; font-family:Verdana; font-size:12px; margin-left: 20px; float: left}
h2.title { background:url(../images/h_tag_bg.png) repeat-x left bottom; overflow:hidden; font-size:24px; font-weight: normal; padding: 14px 0 15px; margin:0 0 14px; line-height:24px; font-family:Verdana; }


#gallery-holder { width: 105px; background:url(../images/slider_content_bg.png) repeat; float:right; padding:0 0 5px; }
.items-holder { width: 105px; height:189px; position:relative; overflow:hidden; margin:0 0 14px; }
#gallery-holder .items { margin:0 0 14px; position:absolute; }
#gallery-holder .items div { padding: 5px 5px 0; }
#gallery-holder .items a { display:block; height:58px; }
#gallery-holder span { display:block; float:left; }
#gallery-holder span.next a { background:url(../images/slider_down_active_button_bg.png) no-repeat; display:block; overflow:hidden; width:25px; height:13px; text-indent:-99em; margin:0 6px 0 24px; }
#gallery-holder span.next a:hover { background:url(../images/slider_down_inactive_button_bg.png) no-repeat; }
#gallery-holder span.previous a { background:url(../images/slider_up_active_button_bg.png) no-repeat; display:block; overflow:hidden; width:25px; height:13px; text-indent:-99em; }
#gallery-holder span.previous a:hover { background:url(../images/slider_up_inactive_button_bg.png) no-repeat; }

.car-list { width:330px; margin:0 50px 20px 0; float:left; clear:left;}
.car-list .image-holder { height:130px; text-align:center; padding: 20px 0 0; }
.car-list h3, .car-list h4 { margin-bottom:0; }
.car-list ul { margin-top:0; }
.car-list p.price { margin:0; font-size: 14px;}
.car-list p.strike { text-decoration: line-through; font-size: 12px !important;}
.car-list .description {margin-top: 5px;}
.even { margin-right:0; clear:none; }

.news-body { display:none; }
.news-holder { /*width:210px; height:400px; overflow:hidden;*/ }
.news-list { padding:0 0 20px 80px; font-size:12px; font-weight:bold; overflow:hidden; }
.news-list img { margin:0 0 0 -80px; float:left; }

#items-slogan { font-style:normal; display:block; margin:-6px 0 12px; }
#rounded-corners { background:url(../images/visual_bottom_bg.png) no-repeat; overflow:hidden; width:980px; height:9px; position:absolute; bottom:0;} 
/**/

#footer { color:#454545; font-size:11px; padding:15px 0 0; height:100%; overflow:hidden; font-family:Verdana; line-height:150%; }
/*#footer a { color:#454545; }*/
/*#about-company {float:left; }*/
/*#webart { float:right; background:url(../images/webart_logo.png) no-repeat left center; height:30px; padding:0 0 0 56px; }*/

#footer .left{
    float:left;
}

#footer .right{
    float:right;
}

#footer ul{
    overflow:hidden; list-style:none; margin:0; padding:0; float:left;     
}

#footer li{
    float:left; margin:0 20px 0 0;     
}

#footer a{
    color:#aeadad;
    text-decoration: none;
}
#footer a:hover{
    color:#ffffff;
    text-decoration: underline;
}

/*#check { position:absolute; left:50%; margin-left: -490px; width:980px; height:1000px; z-index:11; top:0; background:url(../images/template.png) 0 0 no-repeat; }*/

#preload_block {
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -24px; /* -height/2 0 0 -width/2 */
}

.middleColumn {
    display: block;
    clear: both;
    overflow: hidden;
}
.optionset {
    padding: 5px 0 0;
}
.optionset li {
    list-style: none;
}

#CatalogForm_CatalogForm_CurrentAutoYear {
    width: 80px !important;
}
#ForgotPassword {
    display: inline;
}
h3.collapse {
    background: url(../images/dealer_acc_section_header.png) no-repeat;
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
}
h3.collapse a {
    background: url(../images/gl_expand.gif) no-repeat 4px 2px;
    padding-left: 20px;
    height: 20px;
    line-height: 20px;
}
h3.collapse a.active {
    background: url(../images/gl_collapse.gif) no-repeat 4px 2px !important;
}
