/*---------------------------------------------
[Main CSS Stylesheet]

Project:          auto-jambrisak
Primary Use:      Screen
Version:          1.0
Date:             17.08.2009.
Last Change:      17.09.2009.
Author:           Dimedia
---------------------------------------------*/
@import url("reset.css");

/******************************************************************************/
/******* TYPO *****************************************************************/
/******************************************************************************/
body  { font-family: Verdana, arial, sans-serif; font-size: 12px; line-height: 15px; color: #4e4e4e; }

.top-nav a        { color: #666; font-size: 11px; text-decoration: none; }
.top-nav .last a  { color: #FEBE10; }
.top-nav .on a,
.top-nav a:hover  { color: #000; }

.bottom-nav a        { color: #666; font-size: 12px; font-weight: bold; text-decoration: none; }
.bottom-nav .on a,
.bottom-nav a:hover  { color: #000; }

#home-banners .box a  { *white-space:nowrap; color: #333; font-size: 11px; line-height: 16px; text-decoration: none; }
#home-banners .box a:hover  { color: #999; }

#sidebar .on li a,
#sidebar a        { color: #4e4e4e; font-size: 11px; text-decoration: none; }
#sidebar .on a,
#sidebar .on .on a,
#sidebar .on li a:hover,
#sidebar a:hover  { color: #FEBE10; }

h1            { font-size: 18px; line-height: 20px; }
h1 span       { font-size: 14px; }
.text h2      { font-size: 14px; line-height: 16px; font-weight: bold; }
.text a       { color: #FEBE10; text-decoration: none; }
.text a:hover { color: #666; }

.disclaimer h1  { margin-bottom:35px !important; }
.disclaimer h2  { margin:20px 0 !important; }

#contact input,
#contact textarea { font-family: Verdana, arial, sans-serif; font-size: 12px; }
#contact em       { color: #FEBE10; }
#contact p        { font-size: 11px; }
#contact button   { color: #333; font-weight: bold; font-size: 11px; }

#footer-nav a       { color: #707070; font-size: 10px; text-decoration: none; }
#footer-nav a:hover { color: #333; }

.footer-note  { color: #707070; font-size: 10px; line-height: 12px; }
.footer-note a        { color: #707070; text-decoration:none; }
.footer-note a:hover  { color: #333; }
.sign         { color: black; font-size: 10px; text-decoration: none; font-family: arial, sans-serif; }
.sign:hover,
.sign span    { color: red; }

/******************************************************************************/
/******* LAYOUT ***************************************************************/
/******************************************************************************/

#container  { width: 796px; margin: 30px auto; position: relative; }

#header { background: url(../images/header.jpg) top left no-repeat; height: 98px; margin-bottom: 1px; padding: 1px 0; position: relative; }
  #header .logo       { float: left; background: url(../images/logo.gif); width: 200px; height: 46px; margin: 17px 0 0 12px; *display: inline; text-indent: -9999px; }
  #header .top-nav    { position: absolute; top: 10px; right: 90px; }
  #header .top-nav li { float: left; margin-right: 7px; padding-right: 8px; background: url(../images/separator-top-nav.gif) right 4px no-repeat; }
  #header .top-nav .last  { padding: 0; background: none; }
  
  #header .bottom-nav    { position: absolute; bottom: 5px; left: 19px; }
  #header .bottom-nav li { float: left; margin-right: 5px; padding-right: 6px; }
  #header .bottom-nav .last  { padding: 0; background: none; }
  
#wrapper { background: url(../images/bg-shadow.gif) 0px top repeat-y; }
  #wrapper .inner-bkg   { background: url(../images/bg-shadow.gif) -949px bottom no-repeat; }
  #wrapper .inner-bkg-2 { background: url(../images/bg-shadow.gif) -1898px top no-repeat; padding: 7px 13px 8px 13px; overflow: hidden; zoom: 1; }

#home-flash       { width: 613px; height: 383px; float: left; }
  #home-flash img { display: block; }

#home-banners             { float: right; }
  #home-banners .box      { background: #f0f0f1 url(../images/home-box-bkg.gif) bottom left repeat-x; padding: 5px 0 3px 0; zoom: 1; }
  #home-banners .box h2   { background: url(../images/box_title.gif); width: 156px; height: 40px; text-indent: -9999px; margin-bottom: 10px; }
  #home-banners .box div  { margin: 0 11px 18px 11px; width: 130px; padding: 1px 2px; background: #fff; height: 180px; overflow: auto; }
  
  #home-banners .box ul   { overflow: hidden; zoom: 1; }
  #home-banners .box li   { float: left; clear: left; }
  
  #home-banners a,
  #home-banners a img { display: block; }
  
#sidebar  { width: 161px; float: left; margin-right: 1px; background: #babfc3 url(../images/sidebar-bg.jpg) top left no-repeat; }
  #sidebar ul { float: left; zoom: 1; margin-bottom: 30px; }
  #sidebar li { float: left; clear: left; position: relative; width: 161px; }
  #sidebar li a   { display: block; padding: 4px 10px 4px 20px; border-bottom: 1px solid #fff; zoom: 1; }
  #sidebar ul ul  { display: none; position: absolute; background: url(../images/side-banner-bkg.jpg) bottom left repeat-x; left: 161px; top: 0; margin: 0; }
  
  #sidebar ul li.hover ul,
  #sidebar ul li:hover ul { display: block; }
  
  #sidebar .banner,
  #sidebar .banner img { float: left; display: block; }

#content  { width: 608px; float: left; }
#content.full-width  { position:relative; width: 770px; }
#content.full-width h1  { margin:15px 10px; }
#top-pic  { display: block; margin-bottom: 15px;  }

#special-offer        { overflow:hidden; margin-bottom:20px; }
#special-offer li     { position:relative; float:left; min-height:130px; _height:130px; padding:5px 0 0 140px; margin:0 0 7px 7px; width:230px; display:inline; border:1px solid #e0e0e0; }
#special-offer h2     { margin:0 0 10px; }
#special-offer h2,
#special-offer strong { font-weight:bold; }
#special-offer p      { margin-bottom:15px; font-size:11px; }
#special-offer div    { position:absolute; right:0; bottom:0; width:230px; height:17px; padding:5px 0 10px 5px; background:#e9e9e9; font-size:11px; }
#special-offer div a  { position:absolute; right:10px; top:6px; display:inline; text-decoration:none; text-transform:lowercase; color:#3d3d3d; }
#special-offer span   { font-size:15px; font-weight:bold; }
#special-offer img    { position:absolute; left:2px; top:2px; }

#so-car         { overflow:hidden; padding:0 10px 30px; }

#img-gall         { float:left; }
#img-gall img     { display:block; margin-bottom:5px; }
#img-gall a       { margin-left:3px; }
#img-gall a img   { width:63px; display:inline; vertical-align:top; -ms-interpolation-mode:bicubic; }

#desc           { float:left; margin-left:15px; padding:15px; width:490px; display:inline; border:1px solid #e0e1e3; background:#f0f0f0; font-size:11px; }
#desc div       { margin:7px 0; }
#desc strong    { float:left; width:155px; font-weight:bold; }
#desc p         { _height:1%; overflow:hidden; }
#desc .price    { margin-top:40px; line-height:20px; }
#desc .price p  { font-size:15px; font-weight:bold; }

.back { position:absolute; right:10px; top:15px; font-size:11px; color:#3d3d3d; }

h1  { font-weight:normal; margin: 0 10px 10px 10px; }

.text           { padding: 0 20px 30px 10px; overflow: hidden; zoom: 1; }
.text h2        { margin-bottom: 5px; }
.text p         { margin-bottom: 10px; }
.text ul        { list-style: disc;  margin: 0 0 10px 20px; }
.text img       { border: 1px solid #cbcbcb; padding: 1px; }
.text .no-bord  { border: none; padding: 0; }
.text .img-left { float: left; margin: 0 20px 10px 0; }

#contact          { padding: 0 0 30px 10px; width: 482px; overflow: hidden; zoom: 1; }
#contact div      { float: left; width: 206px; margin-right: 30px; }
#contact label    { display: block; margin-bottom: 2px; }
#contact input    { display: block; border: 1px solid #999; padding: 2px; width: 200px; margin-bottom: 7px; }
#contact .error   { background: #ffb2bf; }
#contact textarea { display: block; border: 1px solid #999; padding: 2px; width: 200px; height: 146px; overflow: auto; }
#contact button   { background: #e7e8ea; border: 1px solid #bbbcc0; border-top: none; border-left: none; float: right; padding: 2px 5px; margin: 0 40px 0 -25px; cursor: pointer; }
#contact p        { clear: both; margin-bottom: 10px; }


#footer-nav         { text-align: center; margin-bottom: 10px; }
#footer-nav li      { display: inline; margin-right: 1px; padding-right: 4px; background: url(../images/separator-top-nav.gif) right 4px no-repeat; }
#footer-nav li.last { background: none; }

.footer-note        { text-align: center; }
.trustedBrand-logo  { position: absolute; display: block; right: 15px; bottom: -5px; }
.sign               { float: left; margin-left: 20px; }

#floating-banner { position:absolute; z-index:9999; left:50%; top:150px; margin-left:-255px; padding:20px; background:#fff; }
#floating-banner a { cursor:pointer; position:absolute; right:5px; top:2px; font-weight:bold; font-size:12px; font-family:"Verdana",sans-serif; color:#333; }

.terms { text-transform:uppercase; color:#981313 !important; }

.hidden { display:none; }


#notificationPopupOverlay { position: absolute; top: 0; left: 0; background: #000; z-index: 1000; display: none; cursor: pointer; }
#notificationPopup        { position: absolute; top: 0; left: 0; z-index: 1001; display: none; padding: 1px; background: #fff; width: 400px; padding: 25px 15px 15px 15px; }
#notificationPopup .close { position: absolute; top: 10px; right: 10px; display: block; cursor: pointer; }