/* SVN $Id: main.css 178 2010-04-29 14:57:11Z marc $ */
/* SVN $URL: file:///T:/SOURCE_SVN/Start_Website/httpdocs/css/main.css $ */

/*############################################################################*/
/*# WHITE BASIC CSS */

/*###### RESET_CSS */

* {
	font-weight:                inherit;
	font-family:               	inherit;
	font-style:                	inherit;
	font-size:                 	100%;
	outline:                   	0;
	padding:                   	0;
	margin:                    	0;
	border-collapse:            collapse;
}

img {
	border:                    	0px none;
	margin:						0px;
	padding:					0px;	
}

/*###### /RESET_CSS */
/*###### BASIC STYLES */

body {
	width:                      100%;
	height:                     100%;
	cursor:                     default;
  overflow-y:scroll;
  font:                        normal 12px Century Gothic, Arial, sans-serif;
	line-height:                16px;
	color:                      #666666;
}

.hidden {
	display:                    none !important;
	visibility:	                hidden !important;
}


strong {
	font-weight:                bold;
}

em {
	font-style:                 italic;
}

a {
	text-decoration:            underline;
	cursor:                     pointer;
	outline:                    none;
}

a:hover {
	text-decoration:            none;
}

ol,ul {
	margin-left:                12px;
	padding-left:               16px;
}

ol li {
	list-style:                 decimal;
}

ul li {
	list-style:                 square;
}

table td {
	vertical-align:             top;
}


/*###### /BASIC STYLES */

/*# /WHITE BASIC CSS */
/*############################################################################*/
/*# SITE BASIC CSS -- SET STANDARD TEXT STYLES */

h1 {
	margin:                     0px;
	padding:                    0px;
  margin-top:                 20px;
  margin-bottom:            18px;
	font-size:                  16px;
  color:                        #2a2a2a;
}

h2 {
	margin:                     0px;
	padding:                    0px;
  margin-top:                 20px;
  margin-bottom:            18px;
	font-size:                  14px;
  color:                        #2a2a2a;
}

h3 {
	margin:                     0px;
	padding:                    0px;
  margin-top:                 20px;
  margin-bottom:            18px;
	font-size:                  12px;
  color:                        #2a2a2a;
}

h4 {
	margin:                     0px;
	padding:                    0px;
	font-size:                  16px;
  color:                        #2a2a2a;  
	font-size:                  12px;  
}

h5 {
	margin:                     0px;
	padding:                    0px;
	font-size:                  14px;
  color:                        #2a2a2a;  
}

h6 {
	margin:                     0px;
	padding:                    0px;
	font-size:                  12px;
  color:                        #2a2a2a;  
}

hr {
	width:                      100%;
	height:                     1px;
	border:                     0px;
	border-top:                 1px solid #000000;
}

p {
	margin-top:                 16px;
}

a {
	color:                      #999999;
}

/*# /SITE BASIC CSS */
/*############################################################################*/
/*# TEMPLATE CSS */

div#fullscreen {
	position:                   absolute;
	width:                      100%;
	height:                     100%;
  background-image:   url("../images/site_background.png");
  background-repeat:   repeat-x;
  background-position:  0 98px;
}

div#site {
	width:                      715px;
	min-height:                 100%;
	margin:                     0 auto;
}

div.set_middle {
	width:                      715px;
	margin:                     0 auto;
}

div#header_container {
	width:                      100%;
}

div#header {
	height:                     98px;
}

div#header div#header_left {
  float: left;
  margin-top: 21px;
}

div#header div#header_right {
  float: right;
}

div#header div#header_right UL {
  margin: 0;
  padding: 0;
}

div#header div#header_right UL LI {
  list-style: none;
  float: left;
  margin-left: 2px;
}

div#header div#header_right UL LI A {
  display: block;
  height: 47px;
  width: 47px;
  overflow: hidden;
  margin-top: 25px;
  transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;    
}
div#header div#header_right UL LI A:hover {
  margin-top: 20px;
  transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;    
}

div#menu_container {
	width:                      100%;
}

div#menu {
	position:                   relative;
	height:                     40px;
	z-index:                    100;
}

div#content_container {
	width:                      100%;
}

div.content {
	float:                      left;
  margin-top:             1px;
	width:                      715px;
}

div.iframediv {
  width: 440px;
}

div.iframediv IFRAME {
  height: 1000px;
  width: 685px;
}

div#carousel {
  position: relative;
  width: 715px;
  height: 230px;
  background:                #fff;
  z-index:                        1;
}

div.nivo-controlNav {
  position: absolute;
  bottom: 11px;
  right: 11px;
}

div.nivo-controlNav A {
  float: left;
  margin-left: 1px;
  display: block;
  line-height: 20px;
  height: 20px;
  width: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size:                  8pt;
  background-color: #2a2a2a;
  border-radius: 3px 3px 3px 3px;
}

.nivo-prevNav,
.nivo-nextNav {
  display: none;
}

.nivo-prevNav:hover,
.nivo-nextNav:hover {
  background: rgba(0, 0, 0, .6);
}

div#carousel div#controls UL LI A:hover, 
  div#carousel div#controls UL LI A.on {
  background-color: #3a3a3a;
}

div#main_buttons {
  background-color: #0f2d00;
  height: 62px;
  border-radius: 0px 0px 5px 5px;
}

div#main_buttons UL {
  margin: 0;
  padding: 0;
}

div#main_buttons UL LI {
  float: left;
  list-style: none;
}

div#main_buttons UL LI A {
  position: relative;
  display: block;
  width: 169px;
  height: 40px;
  margin-top: 11px;
  margin-left: 10px;
  padding-left: 56px;
  color: #fff;
  font-size: 14px;
  line-height: 38px;
  text-decoration: none;
  background-color: #30740e;
  background-image: url("../images/button_glow.png");
  background-position: right 1px;
  background-repeat: no-repeat;
  border-radius: 5px;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;    
}
div#main_buttons UL LI A:hover {
  background-color: #669933;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;    
}

div#main_buttons UL LI A IMG {
  position: absolute;
  top: 12px;
  left: 28px;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;        
}
div#main_buttons UL LI A:hover IMG {
  left: 18px;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;    
}

div#brands {
  margin-top: 10px;
  margin-bottom: 30px;
  height: 155px;
  width: 715px;
  background-color: #2a2a2a;
  border-radius: 5px;
}

div#brands UL {
  margin: 0;
  padding: 0;
}

div#brands UL LI {
  float: left;
  list-style: none;
  margin-top: 11px;
  margin-left: 10px;
}

div#brands UL LI A {
  position: relative;
  display: block;
  width: 225px;
  height: 133px;
  background-color: #fff;
}

div#brands UL LI A.home_item_kia {
  background-image: url("../images/home_item_kia.png");
}

div#brands UL LI A.home_item_suzuki {
  background-image: url("../images/home_item_suzuki.png");
}

div#brands UL LI A.home_item_mitsubishi {
  background-image: url("../images/home_item_mitsubishi.png");
}

div#brands UL LI A SPAN {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 47px;
  width: 47px;
  display: block;
  overflow: hidden;
  transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;      
}

div#brands UL LI A.home_item_kia SPAN {
  background-image: url("../images/brand_kia.png");
}

div#brands UL LI A.home_item_suzuki SPAN{
  background-image: url("../images/brand_suzuki.png");
}

div#brands UL LI A.home_item_mitsubishi SPAN { 
  background-image: url("../images/brand_mitsubishi.png");
}

div#brands UL LI A.home_item_kia:hover SPAN {
  background-position: 0px -47px;
}

div#brands UL LI A.home_item_suzuki:hover SPAN{
  background-position: 0px -47px;
}

div#brands UL LI A.home_item_mitsubishi:hover SPAN { 
  background-position: 0px -47px;
}

/* TEXT PAGE */

.content_bg {
  background-color: #fff;
  background-image: url("../images/content_bg.png");
}

div#content_text_big {
  padding-left: 30px;
  float: left;
  width: 685px;
  color: #6f6f6f;
  min-height: 200px;
  text-align: left;
}

div#content_text {
  padding-left: 30px;
  padding-bottom: 24px;
  float: left;
  width: 410px;
  color: #6f6f6f;
  min-height: 200px;
  text-align: left;
}

div#content_text  A {
  color:                      #921e21;
}

div#sidebar {
  padding-top: 10px;
  padding-bottom: 10px;
  float: right;
  width: 245px;
}

div#sidebar .collom {
  padding-left: 10px;
  padding-bottom: 10px;
  width: 235px;
  border-bottom: 1px solid #dfdfdf;
}
div#sidebar .collom_last {
  border: 0 none;
}

div#sidebar .collom .collom_header {
	margin:                     0px;
	padding:                    0px;
  margin-top:                 10px;
  margin-bottom:            10px;
	font-size:                  16px;
  color:                        #2a2a2a;
}

div#sidebar .collom .collom_image {
  width: 225px;
  height: 120px;
  overflow: hidden;
  margin-bottom: 1px;
  border-radius: 5px;
}

div#sidebar .collom .collom_button A {
  display: block;
  width: 225px;
  height: 40px;
  color: #fff;
  font-size: 14px;
  line-height: 38px;
  text-decoration: none;
  background-color: #3a3a3a;
  background-image: url("../images/button_glow.png");
  background-position: right 1px;
  background-repeat: no-repeat;
  border-radius: 5px;
  transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;      
}

div#sidebar .collom .collom_button A:hover {
  background-color: #30740e;
  transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;      
}

div#sidebar .collom .collom_button A IMG {
  float: left;
  margin-top: 12px;
  margin-left: 10px;
  margin-right: 10px;     
}

/* END TEXT PAGE */

div#floatfixer {
	clear:                      both;
	height:                     282px;       /* Footer height + margin */
}
div#intro_floatfixer {
	clear:                      both;
	height:                     327px;       /* Footer height + margin */
}

div.footer_container {
  position:                  relative;
	width:             	        100%;
	margin-top:               -282px;
  padding-bottom:       41px;
}
div.intro_footer_container {
	margin-top:               -327px;
}

div.footer_top {
  height:                     45px;
  background-image:   url("../images/footer_top.png");
}

div.footer_top span {
  margin-left: 10px;
  line-height: 42px;
  display: block;
  font-size: 12px;
  color: #ccc;
  padding: 0 12px;
  text-decoration: none;
  cursor: pointer;
  background-image: url("../images/footer_arrow.png");
  background-position: left center;
  background-repeat: no-repeat;
}

div.footer_middle {
  position: relative;
  width: 100%;
  min-height: 241px;
  background-color: #3a3a3a;
}

div.footer_overlay {
  position: relative;
  clear: both;
  display: none;
  width: 715px;
  padding: 20px 0;
  color: #fff;
  background-color: #3a3a3a;
  z-index: 1000;
}

div.footer_overlay P {
  padding: 0;
  margin: 0;
  margin-left: 10px;
  color: #fff;
}

div.footer_content {  
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -358px;
  height: 241px;
  z-index: 100;
  font-size: 12px;
}

div.footer_content H2 {
  margin: 0;
  padding: 0;
  display: block;
  color: #fff;
  height: 46px;
  line-height: 40px;
  font-weight: normal;
}

div.footer_content div#locations {
  float: left;
  margin-left: 10px;
  margin-bottom: 43px;
  width: 470px;
  height: 198px;
}

div.footer_content div#locations div.location {
  float: left;
  margin-right: 10px;
  width: 225px;
  height: 152px;
}

div.footer_content div#locations div.location a.location_header {
  display: block;
  margin-bottom: 1px;
  height: 39px;
  width: 223px;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  background-color: #2a2a2a;
  background-image: url("../images/button_glow.png");
  background-repeat: no-repeat;
  background-position: right top;
  border: 1px solid transparent;
  border-radius: 5px;
  transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;      
}

div.footer_content div#locations div.location a.location_header:hover {
  background-color: #323232;
  transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;    
}

div.footer_content div#locations div.location a.location_header SPAN {
  display: block;
  margin-top: 11px;
  margin-left: 20px;
  padding: 0 10px;
  background-image: url("../images/footer_arrow.png");
  background-repeat: no-repeat;
  background-position: left center;
}

div.footer_content div#locations div.location div.location_text {
  height: 86px;
  width: 185px;
  color: #ccc;
  line-height: 20px;
  font-size: 12px;
  padding: 12px 20px;
  border-radius: 5px;
  background-color: #464646;
}

div.footer_content div#locations div.location div.location_text SPAN.phone {
  color: #fff;
  padding: 0 15px;
  background-image: url("../images/phone_icon.png");
  background-repeat: no-repeat;
  background-position: left center;
}

div.footer_content div#social_media {
  float: right;
  margin-right: 10px;
  width: 225px;
  height: 198px;
}

div.footer_content div#social_media #social_text {
  margin-bottom: 1px;
  height: 86px;
  width: 195px;
  color: #ccc;
  font-size: 12px;
  padding: 12px 15px;
  border-radius: 5px;
  background-color: #323232;
}

div.footer_content div#social_media #social_text A {
  margin-bottom: 8px;
  display: block;
  height: 23px;
  padding: 0 30px;
  text-decoration: none;
  color: #fff;
  line-height: 20px;
  background-repeat: no-repeat; 
}

div.footer_content div#social_media #social_text A.facebook {
  background-position: 0 -24px;
  background-image: url("../images/facebook_small.png");
}

div.footer_content div#social_media #social_text A.twitter {
  background-position: 0 -24px;
  background-image: url("../images/twitter_small.png");
}

div.footer_content div#social_media #social_text A.youtube {
  background-position: 0 -24px;
  background-image: url("../images/youtube_small.png");
}

div.footer_content div#social_media #social_text A.facebook:hover {
background-position: 0 -1px;
}

div.footer_content div#social_media #social_text A.twitter:hover {
background-position: 0 -1px;
}

div.footer_content div#social_media #social_text A.youtube:hover {
background-position: 0 -1px;
}

div.footer_content div#social_media A.tellafriend {
  display: block;
  text-align: center;
  text-decoration: none;
  line-height:38px;
  height: 39px;
  width: 223px;
  color: #fff;
  border-radius: 5px;
  background-color: #2a2a2a;
  background-image: url("../images/button_glow.png");
  background-repeat: no-repeat;
  background-position: right top;
  border: 1px solid  transparent;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;    
}
div.footer_content div#social_media A.tellafriend:hover {
  background-color: #464646;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;    
}

div.footer_bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height:                     41px;
  font-size: 12px;
  background-image:   url("../images/footer_bottom.png");
}

div.footer_bottom A {
  color: #666666;
  font-size: 12px;
  text-decoration: none;
}

div.footer_bottom div#left {
  margin-top: 12px;
  float: left;
}

div.footer_bottom div#right {
  margin-top: 12px;
  float: right;
}

/*# /TEMPLATE CSS */
/*############################################################################*/

/* GALLERIA */
div.galleria-container {
    background:                #fff;
}

div.galleria_content, div.nivoSlider  {
  width: 715px;
  height: 230px;
  margin:                      0 auto;
  color:                       #000;
}

div.galleria_content div.galleria-stage {
  top:                         0;
  bottom:                      0;
  left:                        0;
  right:                       0;
  width: 715px;
  background-color:            #DEE0E2;
}

div.galleria_homecontent div.galleria-stage {
  width:                       958px;
}

div.galleria_content.small div.galleria-stage {
  top:                         0;
  bottom:                      0;
  left:                        0;
  right:                       0;
  width: 715px;
  background-color:            #DEE0E2;
}
div.galleria-counter,
  div.galleria-thumbnails-container {
  visibility:                  hidden;
  display:                     none;
}

/*############################################################################*/
/*# Form CSS */

fieldset {
  border:                      0px;                                                 
}

xmp {
  font-size:                   18px;
}

label.before {
  float:                       left;
  clear:                       left;
  width:                       168px;
  line-height:                 18px;
}

label.radio, label.checkbox {
  cursor:                      pointer;
}

input[type=text], select, textarea {
  border:                      1px solid #ccc;
  border-radius:            5px;
}

input.required, textarea.required, select.required {
  background-image:            url('../images/form_required.gif');
  background-repeat:           no-repeat;
  background-position:         top right;
}

input.text {
  width:                       238px;
  height:                      18px;
  padding:                     1px;
  font:                        normal 12px Century Gothic, Arial, sans-serif;
  background-color:            #FFFFFF;
  cursor:                      text;
  vertical-align:              middle;
}

input.file {
  width:                       224px;
  height:                      22px;
  font:                        normal 12px Century Gothic, Arial, sans-serif;
  background-color:            #FFFFFF;
  cursor:                      text;
  vertical-align:              middle;
}

input.focus {
  background-color:            #FFFFCC;
}

input.button {
  font:                        normal 12px Century Gothic, Arial, sans-serif;
  vertical-align:              middle;
}

input.contentwidth {
  margin-top:                  6px;
  width:                       360px;
}

input.error, textarea.error, select.error {
  border:                      1px solid #FF0000;
}

input.good, textarea.good, select.good {
  /*border:                      1px solid #339933;*/
}

input.radio {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
  border:                      0px;
}

input.checkbox {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
}

select.select {
  width:                       238px;
  height:                      18px;
  margin:                      1px;
  font:                        normal 12px Century Gothic, Arial, sans-serif;
  cursor:                      pointer;
}

textarea.textarea {
  width:                       238px;
  height:                      50px;
  padding:                     1px;
  font:                        normal 12px Century Gothic, Arial, sans-serif;
  background-color:            #FFFFFF;
  cursor:                      text;
}

fieldset li, fieldset ul {
  list-style:                  none;
  margin:                      0px;
  padding:                     0px;
}

li.oneline {
  clear:                       both;
  line-height:                 20px;
  white-space:                 nowrap;
  vertical-align:              top;
  padding-bottom:              4px;
}

li.multilinein {
  margin-left:                 150px;
}

li.buttons {
  clear:                       both;
  width:                       411px;
  height:                      22px;
  line-height:                 22px;
}

div.fielderror, div.counter {
  color:                       #FF0000;
  margin-left:                 170px;
  margin-top:                 0px;
  height:                      20px;
  font-size:                  11px;
}
div.counter {
  color:                       #000000;
  white-space:                 nowrap;
}

.hidden {
  display:                     none;
  visibility:                  hidden;
}

span.fieldhint {
  color:                       #AAAAAA;
}

span.hint {
  color:                       #AAAAAA;
}

#prefereddate {
  width: 145px;
}

#testdrive, #brochure {
  padding-bottom: 6px; 
}

input#street {
  width:                       133px;
}

input#housenr {
  width:                       60px;
}

input#zip {
  width:                       80px;
}

input#city {
  width:                       150px;
}

input#persontotal {
  width:                       80px;
}

div#captcha1 {
  float:                       left;
  padding-left:                150px;
}

div#captcha2 {
  float:                       left;
  padding-left:                32px;
  font-size:                   11px;
  line-height:                 13px;
}
div#captcha2 img {
  margin:                      0px 6px 0px -22px;
}

input#captcha_code {
  width:                       111px;
}

div#captcha_code_error {
  clear:                       both;
}

input#submit {
  float:                       right;
  cursor:                      pointer;
  font:                        normal 12px Century Gothic, Arial, sans-serif;
  background-color:     #3a3a3a;
  padding:                  5px;
  color: #fff;
  border: 0 none;
  border-radius: 5px;
}

input#submit:hover {
  background-color:  #30740E;
}

div#requiredtext {
  float:                       left;
}

/*# Form CSS */
/*############################################################################*/

#googleMapsDirections {
  width: 391px;
  margin-left: 5px;
}

.googleMaps {
  margin-bottom: 10px;
}

td.googleTitle {
  width: 500px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

td.googleTitle A {
  display: block;
  text-decoration: none;
  float: right;
  margin-right: 3px;
}

td.googleTitle input {
  float: left;
}

td.googleTitle input#submit {
  margin-top: -5px;
  margin-right: -5px;
  width: 120px;
  height: 30px;
  border: 0 none;
  background: transparent;
  border-radius: 0px;
}

#fromAddress {
  margin-top: 11px;
  margin-right: 5px;
  width: 250px;
  border-radius: 5px;
  border: 1px solid #ccc;
}