@import url(http://fonts.googleapis.com/css?family=Michroma);
html { margin:0; padding:0; border:0 }
.centeralign { width:100%; text-align:center; font-family:'Michroma', sans-serif; font-weight:400; line-height:2.4em; letter-spacing:-0.03em }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; text-align:left; }
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display:block }
body { line-height:1.5; background:white }
/* Dropdown Button */
.dropbtn { z-index:1000; background: #657601; background: -webkit-gradient(linear, left top, left bottom, from(#b9c91e), to(#657601) ); background: -moz-linear-gradient(-90deg, #b9c91e, #657601);  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b9c91e', endColorstr='#657601');
-moz-border-radius: .3em; border-radius: .3em; text-align:center; border-top: 1px solid #fff; /* Fallback style */ border-top: 1px solid rgba(255, 255, 255, 0.5); display: block; padding: 0em 0.8em; }
/* The container <div> - needed to position the dropdown content */
.dropdown { position: relative; display: inline-block; z-index:1000; float:left; }
/* Dropdown Content (Hidden by Default) */
.dropdown-content { display: none; position: absolute; background-color: #0f1010; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
/* Links inside the dropdown */
.dropdown-content a { color: black; padding: 10px 5px; text-decoration: none; display: block; z-index:1000; border-bottom:dotted thin #CCC; float:none; font-size:0.8em; }
/* Change color of dropdown links on hover */
.dropdown-content a:hover { background-color: #222423 }
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content { display: block; }
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn { }
.webaddress { font-size: 14px; font-family:'Michroma', sans-serif; }
table { border-collapse:separate; border-spacing:0 }
caption, th, td { text-align:left; font-weight:normal; float:none !important }
table, th, td { }
blockquote:before, blockquote:after, q:before, q:after { content:'' }
blockquote, q { quotes:"""" }
a img { border:none }
:focus { outline:0 }
/* End Reset */


.body { font-family:Arial, Helvetica, sans-serif; color:whitesmoke; background-image:url(images/body-bg.jpg); background-repeat:repeat-x; background-color:#222423 }
.content-block ul { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.content-block ul li { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
a, a:visited { text-decoration:none; color:#13c9d0 }
.wrapper { width:960px; margin-left:auto; margin-right:auto; background-color:#0f1010; overflow:hidden; line-height:1.25em; -webkit-box-shadow:0px 210px 20px 0px rgba(0,0,0,0.5); box-shadow:0px 210px 20px 0px rgba(0,0,0,0.5) }
.logo-block { height:120px; float:left }
.menu-block { height:40px; font-size:0.85em; font-family:Arial, Helvetica, sans-serif; clear:left }
.menu-block li { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:2.2em }
.menu ul { list-style-type:none }
.menu ul li { float:left }
.menu ul .divider { color:#666; font-size:2em; margin-right:3px; margin-left:3px; line-height:0.55em }
.slogan ul { list-style-type:none; }
.menu ul li a { color:#FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif }
.menu ul li a:hover { color:#CCC }
.menu ul li .active { color:#D9E42D; font-style:italic; font-weight:bold }
.menu ul li .active:hover { color:#FFF }
.image-block { background-image:url(images/image-block-bg.png); height:340px; margin-top:0px; width:980px; margin-left:-11px; background-repeat:no-repeat; background-position:0px -12px }
.slogan ul .bold-italic { font-style:italic; font-weight:bold }
.slogan ul li { float:right }
.content-block { padding:30px 10px 30px }
.footer-block { text-align: center; padding-top: 20px; background: transparent url(images/black50.png) repeat; padding-bottom: 60px; font: 12px Arial, Helvetica, sans-serif; height: 320px; overflow: hidden; }
.footer-blockcontainer { text-align: center; width: 95%; margin-right: auto; margin-left: auto; }
.footer-block a { color:#13c9d0; text-decoration:none; font-family:Arial, Helvetica, sans-serif }
.footer-block a:hover { color:#E2EC3F }
.credits-block { text-align:center; padding-top:20px; padding-bottom:20px; background:transparent url(images/black50.png) repeat; font:0.6em Arial, Helvetica, sans-serif; text-transform:uppercase; clear: both; float: none; }
.credits-block a { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#13c9d0; font-weight:normal }
.credits-block a:hover { color:#FFF }
.logo-block #logo { margin-top:5px }
.image-block #mainimg { margin:10px }
h1 { font-family:'Michroma', sans-serif; font-weight:400; line-height:2.4em; letter-spacing:-0.03em }
h2 { font-size:14px; font-family:'Michroma', sans-serif; font-weight:normal; float:left; margin-top:4px; clear:both; letter-spacing:-0.05em; color: #FFF; }
h3 { font-size:12px; font-family:'Michroma', sans-serif; font-weight:normal; margin-top:4px; clear:both; letter-spacing:-0.02em; line-height:18px; color: #d9e42d; }
h4 { font-size:18px; font-family:'Michroma', sans-serif; font-weight:normal; float:left; margin-top:4px; margin-bottom:10px; clear:both; letter-spacing:-0.05em; color: #d9e42d; }
h5 { font-size:16px; font-family:'Michroma', sans-serif; font-weight:normal; float:left; margin-top:4px; clear:both; letter-spacing:-0.05em; color: #13c9d0; }
.home-button { }
#homebutton { text-decoration:none }
a.button span { float:right; margin-right:30px; display:block; line-height:18px; padding:6px 0 5px 0; background-color:transparent; background-image:url(images/button-hover.png); background-repeat:no-repeat; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-align:center; width:156px; text-decoration:none; letter-spacing:-0.03em }
a.button:hover { background-position:bottom right; color:#fff; outline:none; text-align:left }
a.button:hover span { background-position:bottom left; color:#FFF; text-decoration:none }
.main-block-wrapper { width:636px; float:left; margin-left:4px }
.content-block .main-block { padding-left:20px; padding-right:10px; width:540px; margin-top:0px }
.content-block .main-block p { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#E0E0E0; line-height:1.2em; padding-right:20px; float:left; clear:left }
p { line-height:1.55em }
.side-block-wrapper { width:320px; float:left; margin-top:2px }
.side-block { padding-left:20px; padding-right:10px; width:320px; margin-top:0px }
.side-block p { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#E0E0E0; line-height:1.2em; text-align:justify; padding-right:20px }
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px }
h1 span a { color:#13c9d0; text-decoration:none; margin-left:10px; font:normal 16px Arial, Helvetica, sans-serif }
h1 span a:hover { color:#D9E42D }
.leftalgin { float:right; padding:6px; background-color:#FFF; margin-right:0px; margin-bottom:20px; margin-left:24px }
p a { color:#13c9d0; text-decoration:none }
p a:hover { color:#D9E42D; text-decoration:none }
.main-block h1 { font-size:28px; font-weight:normal; padding-bottom:0px; margin-bottom:0px }
.main-block h2 { margin-top:-4px; margin-bottom:6px; font-size:18px; font-weight:normal }
.h2withimage { padding-bottom:6px; font-size:12px; font-weight:normal; line-height:6px; width:230px; clear:left }
.main-block .h2topmargin { margin-top:30px }
.main-block .contact { margin-bottom:0px; padding-bottom:0px; margin-top:6px }
.fromwrapper { clear:both; float:left }
#formtable { clear:left; float:left; margin-top:14px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; font-size:12px }
.input { color:#E0E0E0; border:1px solid #292B2A; background-color:#151717; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:300px; margin-top:4px; margin-right:4px; margin-bottom:4px; margin-left:10px }
#formtable tr td #sendit { font-family:Arial, Helvetica, sans-serif; color:#FFF; background-color:#151717; margin:4px; padding:10px; margin-left:10px; border:1px solid #292B2A }
#formtable tr td #sendit:hover { background-color:#090909; border:1px solid #292B2A }
#formtable tr td #sendit:active { background-color:#3D3F40; border:1px solid #292B2A }
.news-image-large { margin-top:12px; margin-bottom:26px; float:left; clear:both; border:1px none #FFF; padding:6px; background-color:#FFF }
.image-title { margin-top:-24px; margin-left:6px; font-style:italic; font-size:10px }
.body .wrapper #mailchimp { margin-top:-60px; z-index:99; visibility:visible; overflow:visible; position:absolute; float:right; height:500px; width:500px; margin-left:20px }
.smallh1 { font-size:80% }
.body .wrapper .logo-block .social-block { float:right; clear:right }
.body .wrapper .head-wrap { float:left; width:100%; margin-bottom:30px }
.body .wrapper .head-wrap .social-block { float:right; margin-top:41px; padding-bottom:6px; border-bottom:1px solid #FFF; width:622px; text-align:right }
.social-block img { margin-top:2px; margin-left:4px }
.body .wrapper .footer-block .footer-blockcontainer #third p #brands { float: right; }
.body .wrapper .footer-block .footer-blockcontainer #third h3 { float: right; font-size:14px; font-family:'Michroma', sans-serif; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#FFF; width:60%; padding-bottom:6px; padding-top:6px; margin-right: auto; margin-left: auto; }
.body .wrapper .footer-block .footer-blockcontainer #second { text-align:center; }
.body .wrapper .footer-block .footer-blockcontainer #second img { margin-right: auto; margin-left: auto; }
.body .wrapper .footer-block .footer-blockcontainer #second h3 { text-align:center; font-size:14px; font-family:'Michroma', sans-serif; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#FFF; width:50%; padding-bottom:6px; padding-top:6px; margin-right: auto; margin-left: auto; }
.body .wrapper .footer-block .footer-blockcontainer #first h3 { font-size:14px; font-family:'Michroma', sans-serif; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#FFF; width:50%; padding-bottom:6px; padding-top:6px; }
.footer-brands { float:right; padding-right:100px; }
.footer-details { width: 300px; padding-left: 100px; float: left; }
.footer-block p, h3 { text-align: left; font-weight:normal; }
.home-block h1 { text-align:left }
#mask { position:absolute; top:0px; left:0px; height:100%; width:100%; display:none; background-color:#050505 }
.modal_window { position:absolute; display:none; color:#333; background:url(images/black50.png) }
#modal_window { color:black; z-index:999; .clear:both
}
#gallery { position:relative; height:320px; font-family:Arial, Helvetica, sans-serif; float:left }
#gallery a { float:left; position:absolute }
#gallery a img { border:none }
#gallery a.show { z-index:500 }
#gallery .caption { z-index:600; background-color:#000; color:#fff; height:70px; width:100%; position:absolute; bottom:0 }
#gallery .caption .content { text-align:center; }
#gallery .caption .content h3 { margin:0; padding:0; color:#D9E42D; font-family:'Michroma', sans-serif; font-weight:400; line-height:2.4em; letter-spacing:-0.03em }
.body .wrapper #modal_window #mc_embed_signup { width:600px }
.mce_inline_error { margin:1em 0 0 0; padding:1em 0.5em 0.5em 0.5em; background:#C00 none repeat scroll 0% 0%; font-weight:normal; float:left; z-index:1; width:80%; -moz-background-clip:-moz-initial; -moz-background-origin:-moz-initial; -moz-background-inline-policy:-moz-initial; color:white }
.left { float:left }
#first { width:33.3% }
#second { width:33.3% }
#third { width:33.3% }
#firstb { text-align:center; width:33.3%; height:32px; float:left; margin-top:10px; margin-bottom: 20px; }
#secondb { text-align:center; width:33.3%; height:32px; float:left; margin-top:10px; margin-bottom: 20px; }
#thirdb { text-align:center; width:33.3%; height:32px; float:left; margin-top:10px; margin-bottom: 20px; }
.equal_height p { padding:0 20px 0 20px }
.content-block p { font-size:12px; text-align:justify; clear:left }
.content-block h1 { text-align:left; margin:0px; padding:10px 0 6px 20px; font-size:0.95em }
.content-block hr { width:276px; margin:10px auto; color:#1F2121 }
#brands { padding-top:6px; float:left }
#main { float:left; width:564px; margin-left:20px; padding-bottom:20px }
#main h1 { margin-left:0px; padding-left:0px; font-size:1.1em; letter-spacing:-0.03px; line-height: 0.5em; margin-bottom: 0!important; padding-bottom: 0!important }
#aside { float:right; width:300px; padding-top:22px; padding-right:10px; border-left-width:1px; border-left-style:dotted; border-left-color:#222423; padding-left:20px }
#aside h3 { margin-left:0px; padding-left:10px; text-align:left; letter-spacing:-0.03em; font:normal 0.85em 'Michroma', sans-serif; color: #FFF; }
#aside p { padding: 10px 10px 20px 10px; }
#main h2 { margin-top:20px; line-height:2.5em; font-size:0.9em; letter-spacing:-0.02em; text-align:center }
#main p { padding-bottom:10px; text-align:left; padding-top: 10px; }
#main p #vf { }
#main .home-button { clear:left; float:left; text-align:left; margin-bottom:30px; margin-top:10px }
#aside .home-button { clear:left; float:right; width:150px; margin:4px 144px 40px 0 }
#main ul { clear:left; list-style:square outside }
#main ul li { font-size:12px; float:left; clear:left; text-align:left }
#main ul { }
#car-models thead tr #icon-seat { background:url(images/car-icon/seat.JPG) no-repeat 0px -1px; height:114px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#1F2121; margin-top:-2px }
#h3logo { background:url(../images/product-icon/icons-giac.png) no-repeat right 60px; width:340px }
#jstwitter { font-size:12px; margin-top:-10px; min-height:220px; width:290px; margin-bottom:16px }
#jstwitter .tweet { margin:-5px auto 0 20px; padding:10px 0 10px 0; border-bottom:1px dotted #ccc; text-align:left }
#jstwitter .tweet a { text-decoration:none; color:#13c9d0 }
#jstwitter .tweet a:hover { color:#D9E42D }
#jstwitter .tweet .time { font-size:10px; font-style:italic; color:#666; display:inline; margin-left:5px; padding-bottom:5px }
.newsItems { width:285px; font-size:12px; margin-top:-10px; min-height:320px }
.newsItem { margin:-5px auto 0 20px; padding:10px 0 10px 0; border-bottom:1px dotted #ccc; text-align:left; width:270px }
.newsItems .newsMessage a { text-decoration:none; color:#13c9d0 }
#newsItems .newsMessage a:hover { color:#D9E42D }
.newsDate { font-size:10px; font-style:italic; color:#666; display:inline; margin-left:5px; padding-bottom:5px }
p .fullwidth { padding:6px; background-color:#FFF; margin-top:8px }
.newsItem p { padding:0 }
#first p a img, #second p a img, #third p a img { background-color:#FFF; padding:5px; opacity:0.9 }
#first p a:hover img, #second p a:hover img, #third p a:hover img { background-color:#FFF; opacity:1 }
.form-all { color:White !important }
.home_car { margin-bottom:14px }
.body .content-block #first_row, .body .content-block #second_row, .body .content-block #third_row { margin-bottom:100px; float:left; width:100% }
.body .wrapper .content-block #main p em { background:#292E2E; padding:2px; font-style:oblique }
.buttons { margin: 10px 10px 10px 0px; text-decoration: none; font: normal 14px Arial, Helvetica, sans-serif; /*Change the em value to scale the button*/ display: inline-block; text-align: center; color: #fff; min-width:170px; border: 1px solid #9c9c9c; /* Fallback style */ border: 1px solid rgba(0, 0, 0, 0.3); text-shadow: 0 1px 0 rgba(0,0,0,0.4); box-shadow: 0 0 .05em rgba(0,0,0,0.4); -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4); }
.buttons, .buttons span { -moz-border-radius: .3em; border-radius: .3em; }
.buttons span { text-align:center; border-top: 1px solid #fff; /* Fallback style */ border-top: 1px solid rgba(255, 255, 255, 0.5); display: block; padding: 0.5em 2.5em; /* The background pattern */
    
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))); background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%); /* Pattern settings */
    
    -moz-background-size: 3px 3px; -webkit-background-size: 3px 3px; background-size: 3px 3px; color: #FFF; }
.buttons:hover { box-shadow: 0 0 .1em rgba(0,0,0,0.4); -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4); }
.buttons:active { /* When pressed, move it down 1px */
    position: relative; top: 1px; }
.buttons-green:hover { background: #b9c91e; background: -webkit-gradient(linear, left top, left bottom, from(#657601), to(#b9c91e) ); background: -moz-linear-gradient(-90deg, #657601, #b9c91e);  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#657601', endColorstr='#b9c91e');
}
.buttons-green { background: #657601; background: -webkit-gradient(linear, left top, left bottom, from(#b9c91e), to(#657601) ); background: -moz-linear-gradient(-90deg, #b9c91e, #657601);  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b9c91e', endColorstr='#657601');
}
.buttons-green:active { background: #444444; }
.buttons-grey { background: #181d1d; background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#181d1d) ); background: -moz-linear-gradient(-90deg, #444444, #181d1d);  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#444444', endColorstr='#181d1d');
}
.buttons-grey:hover { background: #444444; background: -webkit-gradient(linear, left top, left bottom, from(#181d1d), to(#444444) ); background: -moz-linear-gradient(-90deg, #181d1d, #444444);  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#181d1d', endColorstr='#444444');
}
.buttons-grey:active { background: #181d1d; }
.asidep { margin: 0px; padding: 0px; }
#aside img { margin-top: 20px; margin-bottom: 0px; padding: 0px; }
.underline { text-decoration: underline; }
/*
.footer-details h3 {
	color: #FFF;
}
.footer-brands h3 {
	color: #FFF;
}
*/
.products { margin-left: 16px; padding-top: 6px; padding-right: 0px; padding-bottom: 6px; padding-left: 6px; }
#main h3 { padding-left: 0; margin-left: 0; float: left; }
#gallery h3 { font-size:16px; margin-top:8px; text-align: center; }
#placeholderblockMain { margin: 0px; padding: 0px; height: 145px; width: 261px; }
#buttonholder { }
.body .wrapper .footer-block #second img { margin-right: auto; margin-left: auto; }