@import "style_container.css";

@import "style_forms.css";

@import "style_lightbox.css";

@import "style_dialog.css";



html,body,h1,h2,h3,h4,p,ul,form {

    margin:0;

    padding:0;

}



p {

    margin: 10px 0px 10px 0px;

	padding: 0px 0px 0px 0px;

}



ul {

    list-style:none;

}



img { 

    border:0;

}



a {

    outline-color: invert;

    outline-style: none;

    outline-width: medium;

}



h1 {

    color:#666;

    font-size:14px;

    margin-bottom:8px

}



h1 strong {

    color:#e50000

}



td {
	font-family:verdana, arial, geneva, sans-serif;
	font-size:11px;
}

/* input {font-family:verdana, arial, geneva, sans-serif;font-size:9px;}
 select {font-family:verdana, arial, geneva, sans-serif;font-size:9px;}
.grey {font-family:verdana, arial, geneva, sans-serif;color:#999999;font-size:9px;}
 A {color:#000000;text-decoration:underline;}
 A:hover {color:#ff0000;text-decoration:underline;}*/

  
  
  

h2 {

    font-size:16px;

    color:#999;

    margin:0px 0px 8px 0px;

}



h2 strong {

    color:#e50000

}



.subhead {

    font-size:11px;

    color:#000000;

    margin:10px 0px 15px 0px;

    padding: 0px 0px 0px 0px;

    font-weight: bold;

}



#mainfocus {

    height:340px;

    margin-bottom:0px;

}



#hdrt {

    visibility:hidden;

}



div.flash {

    overflow:hidden

}



body {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #90908E;

    background: #828389 url(../nav/bg.jpg) top center no-repeat fixed;

}



#wrapper {

    width: 770px;

    padding: 0 58px;

    margin: auto;

    text-align: left;

    background: transparent url(../nav/bg_cnv.png) top left repeat-y;

    padding-bottom: 1px;

}



a, a:link, a:active, a:visited {

    color: #666666;

    text-decoration: underline;

    font-size: 11px;

}



a:hover {

    color: #e50000;

    text-decoration: underline;

    font-size: 11px;

}



/* ### -- -- -- -- -- top -- -- -- -- -- ### */



#top {

    height: 57px;

    padding: 10px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

}



#dealer {

    width: 700px;

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

    float: left;

}



.dealer-name {

    padding: 29px 0px 0px 0px;

}



#metanav {

    width: 170px;

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

    float: left;

}



#metanav ul {

    list-style:none;

    float:left;

    clear:right;

}



#metanav li {

    float:left;

    margin: 2px 6px 0px 0px;

}



a.meta-home, a.meta-home:link, a.meta-home:active, a.meta-home:visited {

    display: block;

    width: 39px;

    height: 18px;

    padding: 3px 0px 0px 6px;

    background:url(../nav/meta_home.gif) top left;

    color:#FFFFFF;

    text-decoration:none;

}



a.meta-home:hover {

    background:url(../nav/meta_home_on.gif) top left;

}



a.meta-toyota, a.meta-toyota:link, a.meta-toyota:active, a.meta-toyota:visited {

    display: block;

    width: 60px;

    height: 18px;

    padding: 3px 0px 0px 6px;

    background:url(../nav/meta_toyota.gif) top left;

    color:#FFFFFF;

    text-decoration:none;

}



a.meta-toyota:hover {

    background:url(../nav/meta_toyota_on.gif) top left;

}



#logo {

    width: 70px;

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

    float: left;

}



/* ### -- -- -- -- -- nav -- -- -- -- -- ### */



#nav {

    width: 600px;

    margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

    background-color: #FFFFFF;

    z-index: 98;

    height: 42px;

    float: left;

}



#nav ul {

    list-style:none;

    float: right;

    clear: right;

}



#nav li {

    float: left;

}



#nav a {

    text-decoration: none;

    cursor: pointer;

    font-size: 13px;

    line-height: 14px;

    color: #999;

    margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}



#nav a:hover,#nav a.on {

    color: #e50000

}



#nav i, #nav b {

    display: block;

    float: left;

    padding: 7px 6px 10px 6px;

}



#nav b {

    background: url(../nav/nav_sep.gif) top left no-repeat;

    font-weight: normal;

}



#nav i {

    padding-right: 0;

    padding-left: 0;

    width: 6px;

    background-position: -1px 0;

}



#nav b {

    background-position: top right;

    padding-left: 0;

}



#nav a:hover i, #nav a:hover b {

    background-image: url(../nav/nav_sep_hover.gif);

}



#nav .nav1 i {

    background: url(../nav/nav_sep.gif) top left no-repeat;

}



#nav-sr div{display:none}

#subnav,#nav-sr{list-style:none;height:32px;margin:0;background:url(../nav/bg_secondnav_off.gif);clear:both;margin:0px 0px 1px 0px;}

#subnav li,#nav-sr li{display:inline}

#subnav a,#nav-sr a{display:block;float:left;padding:8px 6px 11px 6px;color:#fff;text-decoration:none;border-right:solid 1px #c3c3c4}

#subnav a:hover,#subnav a.on,#nav-sr a:hover,#subnav .on a{background:url(../nav/bg_secondnav_on.gif);color:#e50000}

#nav-sr{font-size:9px}

#subnav.dbh{height:45px}

#subnav.dbh a{height:26px}



#nav3{border:solid 4px #ebecf0;margin-bottom:6px;line-height:13px}

#nav3,#nav3 a,#nav3 .on li a,#nav3 .on .on li a{color:#838489;text-decoration:none;display:block}

#nav3 h3{font-size:11px;padding:3px 0 8px 4px;background:#ebecf0}

#nav3 ul{margin:4px}

#nav3 a{padding:0 4px 6px 4px}

#nav3 a:hover,#nav3 .on a,#nav3 .on .on a{color:#e50000}

#nav3 .on{border:solid #ebecf0;border-width:1px 0;margin-bottom:6px}

#nav3 .on li{border:0}

#nav3 .on a{padding-top:6px}

#nav3 .on li a{background:url(../nav/nav_arrow_off.gif) no-repeat;padding:0px 4px 6px 12px}

#nav3 .on li a:hover{color:#e50000;background-image:url(../nav/nav_arrow_on.gif);background-repeat:no-repeat}

#nav3 ul ul{margin:0 0 2px 0}

#nav3 ul ul ul{margin-bottom:12px}

#nav3 .on .on li a{font-size:9px;line-height:12px;background:0}

#nav3 .on a,#nav3 .on li .on a{color:#e50000}

#nav3 .on li a,#nav3 .on li .on li a{color:#838489}

#nav3 .on .on li a{background:0}

#nav3 ul li.on ul li.on a { margin-bottom:0px !important; padding-bottom: 2px !important; }



iframe {

    position:absolute;

    width:196px;

    display:none;

    z-index:99;

}



.content-left iframe {

    width:576px;

    height:700px;

    display: block;

    position:relative;

    margin:0px;

}



#serviceLister {

    width:770px;

    height:700px;

    display: block;

    position:relative;

    margin:0px;

}



#subnav a {

    text-decoration:none;

}



/* ### -- -- -- -- -- quicklinks -- -- -- -- -- ### */



#quicklinks ul {

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

}



#quicklinks li {

    margin: 0px 0px 1px 0px;

}



#quicklinks a {

    display: block;

    color: #fff;

    font-size: 9px;

    font-weight: normal;

    text-decoration: none;

}



#quicklinks a, #quicklinks b {

    display: block;

    background: url(../nav/call2action_a.gif);

}



#quicklinks b {

    padding: 6px 12px 0px 6px;

}



#quicklinks a {

    background-position: bottom left;

    padding-bottom: 6px;

}



#quicklinks a:hover, #quicklinks a:hover b {

    background-image: url(../nav/call2action.gif);

}



/* ### -- -- -- -- -- content -- -- -- -- -- ### */



.flashalert {

    left:430px;

    position:absolute;

    top:200px;

    width:400px;

    background:#FFFFFF;

    border:1px dotted;

    border-color: #666666;

    padding: 10px;

    z-index: 100000;

}



#visual img {

    display:block;

    margin: 0px;

    padding: 0px;

}



.teaser img, .teaser-last img  {

    display:block;

    margin: 0px 0px 1px 0px;

    padding: 0px 0px 0px 0px;

}



#dealer-logo {

    padding-top: 30px;

}



.content {

    width: 770px;

    z-index: 98;

	margin-bottom: 25px;

    padding-top:8px;

    overflow: hidden;

}



.main {

    padding-top:33px;

    background:url(../nav/bg_topnav.gif) top left repeat-x;

    clear:both;

    overflow:hidden;

}



.content-top {

    padding-top:8px;

}



.shadow {

    background:url(../nav/bg_shdw.gif) top left repeat-x;

    padding:33px 0px 0px 0px;

    margin:0px 0px 0px 0px;

    overflow:hidden;

}



.shadow2 {

    background:url(../nav/bg_shdw2.gif) top left repeat-x;

    padding:23px 0px 0px 0px;

    margin: 1px 0px 0px 0px;

    overflow:hidden;

}



.shadow2-top {

    margin-top: 1px;

}



.active {

    background-image: url(../nav/bg_content.gif);

    background-repeat: no-repeat;

    background-position: top left;

}



.content-full {

    width: 770px;

    float: left;

    padding: 19px 0px 0px 0px;

    margin: 0px 0px 1px 0px;

}



.content-left {

    width: 576px;

    float: left;

    padding: 0px 6px 10px 0px;

    margin: 0px 0px 1px 0px;

}



.content-home {

    width: 576px;

    float: left;

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 2px 0px;

}



.content-right {

    width: 188px;

    float: left;

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 1px 0px;

}



.content-left p {

    padding: 8px 5px 10px 0px;

    margin: 0px 5px 0px 0px;

}



.content-left h1 {

    padding: 0px 0px 10px 0px;

    margin: 0px 0px 0px 0px;

    font-size: 15px;

    font-weight: bold;

    color: #666666;

}



#services h1 {

    font-size:11px;

    color:#000000;

    margin:10px 0px 15px 0px;

    padding: 0px 0px 0px 0px;

    font-weight: bold;

}



#services ul {

    width: 188px;

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

    float: left;

}



#services ul.last {

    width: 179px;

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

    float: left;

}



#services ul li {

    margin: 0px 0px 0px 0px;

	padding: 0px 0px 2px 7px;

    background-image: url(../nav/list.gif);

    background-repeat: no-repeat;

    background-position: left top;

}



.content-left .box-small {

    background-image: url(../nav/bg_content.gif);

    background-repeat: no-repeat;

    background-position: top left;

    width: 179px;

    padding: 7px 0px 7px 9px;

    margin: 20px 6px 10px 0px;

    font-size: 10px;

    float: left;

}



.content-left .box-small h1 {

    background: transparent !important;

    font-size: 10px !important;

    font-weight: bold !important;

    width: 179px !important;

    padding: 0px 0px 0px 0px !important;

    margin: 0px 0px 10px 0px !important;

    color: #90908E !important;

}



.content-right .box-small {

    background-image: url(../nav/bg_content.gif);

    background-repeat: no-repeat;

    background-position: top left;

    width: 179px;

    padding: 7px 0px 7px 9px;

    margin: 0px 0px 10px 0px;

    font-size: 10px;

}



.content-right .clean {

    background: transparent !important;

}



.colum-right .box-small {

    background: transparent !important;

    width: 179px;

    padding: 7px 0px 7px 9px;

    margin: 0px 0px 10px 0px;

    font-size: 10px;

}



.content-right .box-small h1 {

    font-size: 10px;

    font-weight: bold;

    width: 179px;

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 10px 0px;

}



.content-right-index {

    margin-top: 1px;

    padding-left: 6px;

}



.content-left-index {

    margin-top: 0px !important;

    padding-bottom: 0px !important;

    margin-bottom: 0px !important;

}



.box-small p {

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 10px 0px;

}



.box-small ul {

}



.box-small ul li {

    margin: 0px 0px 0px 0px;

	padding: 0px 0px 2px 7px;

    background-image: url(../nav/list.gif);

    background-repeat: no-repeat;

    background-position: left top;

}



.content-left ul {

}



.content-left ul li {

    margin: 0px 0px 0px 0px;

	padding: 0px 0px 2px 7px;

    background-image: url(../nav/list.gif);

    background-repeat: no-repeat;

    background-position: left top;

}



ul#cars ul {

    margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}



ul#cars img {display:block; margin: 0px; padding: 0px;}



.content-right .box-padding {

    margin-top: 4px;

}



.teaser-row {

}



.teaser {

    width: 188px;

    padding: 0px 0px 0px 0px;

    margin: 20px 4px 0px 0px;

    float: left;

    font-size: 10px;

}



.teaser-last {

    width: 188px;

    padding: 0px 0px 0px 0px;

    margin: 20px 0px 0px 0px;

    float: left;

    font-size: 10px;

}



.teaser p, .teaser-last p {

    padding: 0px 0px 0px 7px;

    margin: 0px 0px 10px 0px;

}



.teaser h1, .teaser-last h1 {

    background-image: url(../nav/bg_content.gif);

    background-repeat: no-repeat;

    background-position: top left;

    width: 181px !important;

    padding: 7px 0px 7px 7px !important;

    margin: 0px 0px 0px 0px !important;

    font-size: 10px;

    font-weight: bold;

    color: #666666;

}



.news {

    border-bottom: 1px dotted #CCCCCC;

    padding: 10px 0px 10px 0px;

    margin: 0px 0px 0px 0px;

}



.TBspezial {

	width: 100%;

	padding: 10px 0 10px 0;

    border-bottom: 1px dotted #CCCCCC;

}



.TBleft {

	padding-right: 10px;

}



.TBright {

	padding-left: 10px;

}



.toyotaLinks {

	margin-bottom: 10px;

}



#teaser-logo {

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

}



.intro {

    color:#666666;

    font-size:12px;

    line-height:16px;

    padding: 0px 0px 10px 0px;

    margin: 0px 0px 0px 0px;

}



#intro {

    color:#666;

    font-size:14px;

    line-height:18px

}



#intro, #intro p {

    color:#999;

    margin-bottom:12px;

    line-height:18px

}



.subline {

    color:#000000;

    font-size:11px;

    margin-bottom:2px;

}



.clear {

    clear: both;

    line-height: 0px;

    height: 0px;

    overflow:hidden;

}



/* ### -- -- -- -- -- gallery -- -- -- -- -- ### */



#gallery-menu {

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 11px 2px;

}



#gallery-menu a {

    background:url(../nav/btn_gallery.gif) top left no-repeat;

    border:1px solid #CCCCCC;

    padding: 4px 6px;

    text-decoration: none;

}



#gallery-menu a:hover, #gallery-menu a.wactive {

    background:url(../nav/btn_gallery.gif) top left no-repeat;

    border:1px solid #CCCCCC;

    padding: 4px 6px;

    color: #e50000;

    text-decoration: none;

}



.galleryRow {

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 11px 2px;

}



.galleryRow img {

    display: inline;

}



#gallery {

    

}



#galleryImages ul {

    font-weight: normal;

	list-style: none;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}



#galleryImages ul li {

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

    background: transparent none !important;

}



#galleryImages ul li img {

    background:#FFFFFF none repeat scroll 0%;

    border:1px solid #CECDC3;

    padding:3px;

}

    

/* ### -- -- -- -- -- edit panel -- -- -- -- -- ### */



.teaser a, .teaser a:link, .teaser a:active, .teaser a:visited {

    color: #666666;

    text-decoration: none;

    font-size: 10px;

}



.teaser a:hover {

    color: #e50000;

    text-decoration: none;

    font-size: 10px;

}



.teaser-last a, .teaser-last a:link, .teaser-last a:active, .teaser-last a:visited {

    color: #666666;

    text-decoration: none;

    font-size: 10px;

}



.teaser-last a:hover {

    color: #e50000;

    text-decoration: none;

    font-size: 10px;

}



.box-small a, .box-small a:link, .box-small a:active, .box-small a:visited {

    color: #999999;

    text-decoration: underline;

    font-size: 10px;

}



.box-small a:hover {

    color: #e50000;

    text-decoration: none;

    font-size: 10px;

}



.box-small a.black, .box-small a.black:link, .box-small a.black:active, .box-small a.black:visited {

    color: #000000;

    text-decoration: underline;

    font-size: 10px;

}



.box-small a.black:hover {

    color: #e50000;

    text-decoration: none;

    font-size: 10px;

}



a.arrow, a.arrow:link, a.arrow:active, a.arrow:visited {

    color: #999999;

	background-color: transparent !important;

    text-decoration: none;

    background-image: url(../nav/icon_arrow.gif);

    background-repeat: no-repeat;

    background-position: left;

    padding: 0px 0px 0px 11px;

    margin: 0px 10px 0px 5px;

    font-size: 9px;

}



a.arrow:hover {

    color: #e50000;

	background-color: transparent !important;

    text-decoration: none;

    background-image: url(../nav/icon_arrow.gif);

    background-repeat: no-repeat;

    background-position: left;

    padding: 0px 0px 0px 11px;

    margin: 0px 10px 0px 5px;

    font-size: 9px;

}



a.save, a.save:link, a.save:active, a.save:visited {

    color: #e50000;

	background-color: transparent !important;

    text-decoration: none;

    background-image: url(../nav/save.png);

    background-repeat: no-repeat;

    background-position: left;

    padding: 2px 0px 2px 18px;

    margin: 0px 0px 0px 5px;

    font-size: 11px;

}



a.save:hover {

    color: #999999;

	background-color: transparent !important;

    text-decoration: none;

    background-image: url(../nav/save.png);

    background-repeat: no-repeat;

    background-position: left;

    padding: 2px 0px 2px 18px;

    margin: 0px 0px 0px 5px;

    font-size: 11px;

}



a.cancel, a.cancel:link, a.cancel:active, a.cancel:visited {

    color: #e50000;

	background-color: transparent !important;

    text-decoration: none;

    background-image: url(../nav/statistics_cancel.png);

    background-repeat: no-repeat;

    background-position: left;

    padding: 2px 0px 2px 18px;

    margin: 0px 0px 0px 5px;

    font-size: 11px;

}



a.cancel:hover {

    color: #999999;

	background-color: transparent !important;

    text-decoration: none;

    background-image: url(../nav/statistics_cancel.png);

    background-repeat: no-repeat;

    background-position: left;

    padding: 2px 0px 2px 18px;

    margin: 0px 0px 0px 5px;

    font-size: 11px;

}



a.verteilerDelete {

	color: #000000;

    text-decoration: none;

    background-image: url(../nav/verteiler_delete.gif);

    background-repeat: no-repeat;

    background-position: left;

    padding-bottom: 2px;

    padding-left: 20px;

}



a.verteilerDelete:hover {

	color: #FF0000;

	background-color: transparent !important;

    text-decoration: underline;

    background-image: url(../nav/verteiler_delete_hover.gif);

    background-repeat: no-repeat;

    background-position: left;

    padding-bottom: 2px;

    padding-left: 20px;

}



a.filialeAdd {

	color: #000000;

    text-decoration: none;

    background-image: url(../nav/fililale_add.gif);

    background-repeat: no-repeat;

    background-position: left;

    padding-bottom: 2px;

    padding-left: 20px;

}



a.filialeAdd:hover {

	color: #FF0000;

	background-color: transparent !important;

    text-decoration: underline;

    background-image: url(../nav/fililale_add_hover.gif);

    background-repeat: no-repeat;

    background-position: left;

    padding-bottom: 2px;

    padding-left: 20px;

}



/* ### -- -- -- -- -- edit panel -- -- -- -- -- ### */



.editPanelDiv {

    position: absolute;

    background-color: #EFEFEF;

	color: #000;

	-webkit-box-shadow: 0 8px 64px #000; 

	-moz-box-shadow: 0 0 64px #000; 

	box-shadow: 0 0 64px #000;

	

	-webkit-border-radius: 7px; 

	-moz-border-radius: 7px;

	border-radius: 7px;

    border: 1px solid #CCC;

    margin: 0px;

    padding: 5px;

    width: 400px;

    z-index: 100 !important;

    top: 25px;

    left: 185px;

}



.formEdit {

    font-size: 10px;

}



/* ### -- -- -- -- -- footer -- -- -- -- -- ### */



#footer {

    background: transparent url(../nav/bg_footer.gif) top left no-repeat;

    padding: 0 58px;

    margin: auto;

    text-align: right;

    position: relative;

    height: 48px;

    padding-top: 24px;

    font-size: 13px !important;

    color: #fff;

    width: 770px;

}



#footer ul {

	font-weight: normal;

	list-style: none;

	margin: 0px 0px 0px 0px;

	padding: 8px 0px 0px 0px;

}



#footer li {

    margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

    display: inline;

}



#footer ul li a, #footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {

    color: #FFFFFF;

	background-color: transparent !important;

    text-decoration: none;

    padding: 10px 6px !important;

}



#footer ul li a:hover {

    text-decoration: underline;

}



/* ### -- -- -- -- -- response styles -- -- -- -- -- ### */



.content-hide {

    display: none;

}



.success, .warning, .error {

	background-position: 10px center;

	background-repeat: no-repeat;

	border: 1px dotted;

	margin: 10px 0px 10px 0px !important;

	padding: 10px 10px 10px 45px !important;

    font-size: 10px;

    width: 353px !important;

    letter-spacing: 1px;

}



.success p, .warning p, .error p {

    margin: 5px 0px 0px 0px !important;

	padding: 0px 0px 0px 0px !important;

}



.successSmall {

    background-position: 10px center;

	background-repeat: no-repeat;

	border: 1px dotted;

    margin: 0px 0px 15px 10px;

	padding: 0px 5px 0px 10px;

    font-size: 11px;

    width: 611px;

    color: #090;

	background-color: #efe;

	border-color: #090;

}



.success {

	color: #090;

	background-color: #EEFFEE;

	background-image: url(../nav/success.gif);

	border-color: #090;

}



.warning {

	color: #660;

	background-color: #FFFFDD;

	background-image: url(../nav/warning.gif);

	border-color: #660;

}



.error {

	color: #c00;

	background-color: #FFEEEE;

	background-image: url(../nav/error.gif);

	border-color: #c00;

}



.confirm, .form-error  {

    /*width: 322px !important;*/

}



/* ### -- -- -- -- -- car styles -- -- -- -- -- ### */



.urban-iq,.urban-aygo,.urban-cruiser{background-image:url(../nav/bg_urban.jpg)}

.urban-iq #footer {background-image:url(../nav/bg_footer_urban_purple.png)}

.urban-iq h2 strong{color:#92539a}

.urban-iq #footer.sitem{background:url(../nav/bg_footer_urban_purple_2.png)}

.urban-iq #cnv3{background-image:url(../nav/bg_urban_cnv3.png)}

.urban-iq .smap{background-color:#74447e}



.urban-aygo #footer {background-image:url(../nav/bg_footer_urban_red.png)}

.urban-aygo h2 strong{color:#c90123}

.urban-aygo #footer .sitem{background:url(../nav/bg_footer_urban_red_2.png)}

.urban-aygo #cnv3{background-image:url(../nav/bg_urban_cnv3.png)}

.urban-aygo .smap{background-color:#a1031c}



.urban-cruiser #footer {background-image:url(../nav/bg_footer_urban_red.png)}

.urban-cruiser h2 strong{color:#c90123}

.urban-cruiser #footer.sitem{background:url(../nav/bg_footer_urban_red_2.png)}

.urban-cruiser #cnv3{background-image:url(../nav/bg_urban_cnv3.png)}

.urban-cruiser .smap{background-color:#a1031c}



.life{background-image:url(../nav/bg_life.jpg)}

.life #footer {background-image:url(../nav/bg_footer_life.png)}

.life h2 strong{color:#ae9f6d}

.life #footer.sitem{background:url(../nav/bg_footer_life_2.png)}

.life #cnv3{background-image:url(bg_life_cnv3.png)}

.life .smap{background-color:#8d7f58}



.recreation{background-image:url(../nav/bg_recreation.jpg)}

.recreation #footer {background-image:url(../nav/bg_footer_recreation.png)}

.recreation h2 strong{color:#7e6f5d}

.recreation #footer.sitem{background:url(../nav/bg_footer_recreation_2.png)}

.recreation #cnv3{background-image:url(../nav/bg_recreation_cnv3.png)}

.recreation .smap{background-color:#685a4d}



.energy{background-image:url(../nav/bg_energy.jpg)}

.energy #footer {background-image:url(../nav/bg_footer_energy.png)}

.energy h2 strong{color:#5cbac8}

.energy #footer.sitem{background:url(../nav/bg_footer_energy_2.png)}

.energy #cnv3{background-image:url(../nav/bg_energy_cnv3.png)}

.energy .smap{background-color:#4995a2}



.together{background-image:url(../nav/bg_together.jpg)}

.together #footer {background-image:url(../nav/bg_footer_together.png)}

.together h2 strong{color:#c47e3d}

.together #footer.sitem{background:url(../nav/bg_footer_together_2.png)}

.together #cnv3{background-image:url(../nav/bg_together_cnv3.png)}

.together .smap{background-color:#9e6633}



.work{background-image:url(../nav/bg_work.jpg)}

.work #footer {background-image:url(../nav/bg_footer_work.png)}

.work h2 strong{color:#808b83}

.work #footer.sitem{background:url(../nav/bg_footer_work_2.png)}

.work #cnv3{background-image:url(../nav/bg_work_cnv3.png)}

.work .smap{background-color:#666f6a}



body{background-position:top center;background-color:#828389}

.urban-iq,.urban-aygo,.urban-cruiser{background-color:#292929}

.life{background-color:#D0BD7B}

.recreation{background-color:#95836F}

.energy{background-color:#5CBAC8}

.together{background-color:#C47E3D}

.work{background-color:#808B83}

div#images img {
	float: left;
}

table#vehicle-info {
	float: left;
	width: 250px;
	margin: 0 0 0 10px;
}

.clear-both {
	clear: both;
	height: 1px;
}