@charset "utf-8";
/* CSS Document */

html { background:#338491 url(../images/bg.gif) top repeat-x; }
html#home { background:#ffffff url(../images/bg.gif) top repeat-x; }
body { background:url(../images/bg.png) center 18px no-repeat; margin:0 auto; font:14px Arial, Helvetica, sans-serif; color:#666666; box-sizing:border-box; width:100%; min-width:1024px; }
a { outline:0; }
a, a:visited { color:#10606e; text-decoration:underline; }
a:hover { color:#ffffff; background:#338491; text-decoration:none; }

ul.list { list-style:none; margin:0; padding:0; font:14px Arial, Helvetica, sans-serif; color:#666666; }
ul.list li { padding:6px 0 0 32px !important; background:url(../images/list.gif) 15px 10px no-repeat; }


#topbar { width:990px; height:23px; padding:0; margin:4px auto 0; list-style:none; font:11px/11px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#ffffff; letter-spacing:1px; text-align:right; overflow:hidden; }
#topbar li { padding:1px 8px 0; white-space:nowrap; float:right; border-right:1px solid #ffffff;  }
#topbar li.bmc { padding:1px 0 0; float:left; border:0;  }
#topbar li.link { border:0; padding-right:0; }
#topbar li a { padding:6px 2px 0 3px; text-decoration:none; } 
#topbar li a b { color:#adced3; font-weight:normal; }
#topbar li a, #topbar li a:visited { background:#338491; color:#ffffff; }
#topbar li a:hover { background:#ffffff; color:#338491; }


#nav { width:990px; margin:0 auto; background:url(../images/logo.png) 668px 58px no-repeat; height:150px; }
#nav ul { text-transform:uppercase; font:bold 24px/32px Arial, Helvetica, sans-serif; list-style:none; padding:0; margin:0; overflow:hidden;  }
#nav ul li a { text-decoration:none; padding:0 2px 0 3px; }
#nav ul li a.selected { background:#338491 !important; color:#ffffff !important; }
#nav ul li a, #nav li a:visited { color:#a692a0; background:#ffffff; }
#nav ul li a:hover { background:#338491; color:#ffffff; }

/*homepage*/
#bodyhome { width:990px; overflow:hidden; text-transform:uppercase; margin:0 auto; }
#bodyhome h1 { color:#ffffff; background:#338491; font:bold 20px/20px Arial, Helvetica, sans-serif; margin:32px 0 7px; padding:2px 3px 1px; float:left; }
#bodyhome p { font:bold 18px/22px Arial, Helvetica, sans-serif; color:#b5b4b4; padding:0; margin:0; clear:left; width:540px; }
#bodyhome a, #bodyhome a:visited { padding:0 2px; text-decoration:none; color:#2c7683; }
#bodyhome a:hover { padding:0 2px; text-decoration:none; color:#ffffff; background:#2c7683; }

#newshome { border:1px dashed #999999; width:420px; float:right; margin:25px 0 20px; }
#newshome h1 { display:flex; justify-content: space-between; font:bold 14px/18px Arial, Helvetica, sans-serif; color:#555555; border-bottom:1px solid #b2b2b2; float:none; background:none; padding:5px 0; margin:5px 13px; text-transform:uppercase; }

#newshome > a:first-child { display:none;}
#newshome h1 a { font:10px/18px Arial, Helvetica, sans-serif; text-transform:uppercase; }
#newshome h1 a, #newshome h1 a:visited { color:#5f5f5f;   }
#newshome h1 a:hover { color:#ffffff; }

#newshome ul { margin:7px 13px 5px; list-style:none; font:12px/15px Arial, Helvetica, sans-serif; color:#666666; text-transform:none; padding:0; }
#newshome ul li { padding:0 0 7px 15px; margin:0;  background:url(../images/list.gif) 0 4px no-repeat; text-align:justify; }
#newshome ul li a, #newshome ul li a:visited { color:#10606e; font-weight:bold; padding:0 1px; text-decoration:underline; }
#newshome ul li a:hover { color:#ffffff; font-weight:bold; background:#338491; padding:0 1px; text-decoration:none; }

#newshome p { margine:7px 13px 5px; list-style:none; font:12px/15px Arial, Helvetica, sans-serif; color:#666666; text-transform:none; padding:0; }

/*subpage*/
#bodywrap { background:#ffffff;  }
#body { overflow:hidden; margin:0 auto; background:#ffffff; padding:20px 0 50px; width:990px; }
#body h1 { font:bold 26px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#6d4d63; margin:0 auto; padding:17px 0 10px; border-bottom:1px dashed #cccccc; width:990px; }
#body p { font:14px Arial, Helvetica, sans-serif; color:#666666; margin:0 auto; padding:15px 0 0; width:990px; text-align:justify; }
#body input, #body ul, #body li, #body select, #body option, #body textarea { font:14px/16px Arial, Helvetica, sans-serif; color:#666666; margin:0; padding:5px 0 0; }
#body p.f18{ font-size:18px; color:#777777; }
#body p.hr { border-bottom:1px dashed #cccccc; padding:15px 0 0 0; display:block; }
#body h2 { text-transform:uppercase; color:#555555; font:bold 14px Arial, Helvetica, sans-serif; margin:0 0 -5px; padding:15px 0 0; }

#body .product { list-style:none; margin:0; padding:0; }
#body .product li { float:left; }
#body .product li img { border:0; width:305px; height:225px; margin:2px auto;  }
#body .product li a { padding:2px 4px; margin:10px 10px 0 4px; border:1px solid #dddddd; display:block; font:14px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; }
#body .product li a, #body .product li a:visited {  color:#338491;  }
#body .product li a:hover { color:#ffffff; }
#body .productdetail { width:100%; list-style:none; margin:0; padding:7px 0 0 3px; }
#body .productdetail b { margin:-15px 0 0 150px; display:block; font-weight:normal; font:14px/14px Arial, Helvetica, sans-serif; }
#salebody { overflow:hidden; margin:0 auto; background:#ffffff; padding:20px 0 50px; width:990px; }
#salebody h1 { font:bold 26px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#6d4d63; margin:0 auto; padding:17px 0 10px; border-bottom:1px dashed #cccccc; width:1200px; }


/*footer*/
#footerwrap { height:230px; overflow:hidden; }
#footer { clear:both; width:100%; background:#338491 url(../images/bg_footer.gif) repeat-x; }
#footer .gray { background:#ededed url(../images/request.gif) bottom right no-repeat; height:51px; width:990px; margin:0 auto; overflow:hidden; }
#footer .gray div { text-transform:uppercase; color:#b6a591; font:10px/10px Arial, Helvetica, sans-serif; text-align:right; width:548px; float:left; margin:18px 0 0; }
#footer .gray div.tel { color:#6d4d63; font:bold 24px/18px "Arial Narrow", Helvetica-Black-SemiBold, arial; width:200px; float:left; margin:19px 0 0 10px; text-align:left;  }

#footer .gray a { float:left; margin:26px 0 0 36px; text-transform:uppercase; text-decoration:none; font:12px Arial, Helvetica, sans-serif; }
#footer .gray a, #footer .gray a:visited {  color:#ffffff;  } #footer .gray a:hover { color:#fff899; }


#footer .blue { width:990px; margin:0 auto; overflow:hidden; height:185px; overflow:hidden; }
#footer .blue a.fiatspecs, #footer .blue a.fiatspecs:visited {  background:#338491 url(../images/fiat500.gif) top no-repeat; position: relative; z-index:500; width:164px; height:53px; display:block; top:65px; }
#footer .blue a.fiatspecs:hover {  background:#338491 url(../images/fiat500.gif) bottom no-repeat; position: relative; z-index:500; width:164px; height:53px; display:block; top:55px; }
#footer .blue ul { list-style:none; margin:-55px -15px 0 185px; float:right; padding:0; }
#footer .blue ul li { margin:0 9px 0 0; float:left; text-align:center;}
#footer .blue ul li.title { background:none; width:100%; height:20px; font:18px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; background:url(../images/arrow.gif) 100px 5px no-repeat; margin:15px 0 4px; text-align:left; }
#footer .blue ul li.title a { font:10px/10px Arial, Helvetica, sans-serif; float:right; margin:7px 3px 0 660px; text-transform:uppercase; text-decoration:none; padding:1px 0 1px 3px; position: absolute; }
#footer .blue ul li.title a, #footer .blue ul li.title a:visited { color:#ffffff;  }
#footer .blue ul li.title a:hover { color:#338491; background:#ffffff; }
#footer .blue ul li.fade {  background:#fff; width:151px !important; height:114px !important; border-radius: 3px; border:4px solid #fff !important; box-sizing:border-box; }
#footer .blue ul li.copyright { background:none; width:808px; height:20px; font:10px Arial, Helvetica, sans-serif; color:#ffffff; padding:3px 0 0 3px; text-transform:uppercase; text-align:left; }
#footer .blue ul li.copyright a, #footer .blue ul li.copyright a:visited { color:#ffffff; text-decoration:none; padding:0 2px; }
#footer .blue ul li.copyright a:hover { color:#338491; background:#ffffff; padding:0 2px;  text-decoration:none; }


/*photocycle*/
#footer .blue ul li.fade a { display:block; }

#footer .blue ul li.fade:hover { border:4px solid #ccc !important; }
#footer .blue ul li.fade img { width:143px !important; height:106px !important;  }
#footer .blue ul li.fade * {border:0 !important; padding:0 !important; margin:0 !important; font-size:0; }

#overlay { right:0; bottom:0; position:fixed !important;}
.productdetail2 b { font-weight:normal; display:inline-block; min-width:7rem;}