/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - BIG STYLE */
html, body, .wrapper {height: 100%;}
body > .wrapper { height: auto; min-height: 100%; }
body:before { content: ""; height:100%; float: left; width: 0; margin-top: -32767px; } /*Opera Fix*/
.wrapper { background-color: #ffffff; margin: 0 auto 0 auto; width: 980px; }
.container_16 {  }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - HEADER STYLE */
.header { height: 200px; background-image:url(../images/header-background.jpg); background-repeat:no-repeat; }
.groupMenu { color:#FFFFFF; float: right; margin-top: 162px; margin-right: 10px; font-size:12px; }
.groupMenu a:link, .groupMenu a:visited { color:#FFFFFF; text-decoration:none; }
.groupMenu a:hover { text-decoration:underline; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - NAIVGATION STYLE */
.navContainer { background-image:url(../images/nav-background.jpg); background-repeat: repeat-x; height:60px; border-top: solid 1px #ffffff; }

.menu { float:left; width:100%; overflow:hidden; position:relative; height: 30px; font-size: 12px; font-weight:bold; }
.menu ul { clear:left; float:left; list-style:none; padding:0px; position:relative; left:50%; text-align:center; margin: 6px 0px 0px 0px; }
.menu ul li { display:block; float:left; list-style:none; margin:0px; padding:0px 10px; position:relative; right:50%; }
.menu ul li a:link, .menu ul li a:visited { display:block; margin:0px 0px 0px 1px; padding:3px 0px; color:#999999; text-decoration:none; }
.menu ul li a:hover { color:#fff; border-bottom: solid 2px #F90D24; }
.menu ul li a.active, .menu ul li a.active:hover { color:#fff; border: 0; }

.subMenu { float:left; width:100%; overflow:hidden; position:relative; height: 30px; font-size: 11px; font-weight:bold; }
.subMenu ul { clear:left; float:left; list-style:none; padding:0px; position:relative; left:50%; text-align:center; margin: 8px 0px 0px 0px; }
.subMenu ul li { display:block; float:left; list-style:none; margin:0px; padding:0px 10px; position:relative; right:50%; }
.subMenu ul li a:link, .subMenu ul li a:visited { display:block; margin:0px 0px 0px 1px; padding:3px 0px; color:#666666; text-decoration:none; }
.subMenu ul li a:hover { color:#fff; border-bottom: solid 1px #F90D24; }
.subMenu ul li a.active, .subMenu ul li a.active:hover { color:#fff; border: 0; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - CONTENT STYLE */
.content {  }
.content p { line-height: 16px; }
.content a:link, .content a:visited { font-weight: bold; color:#F90D24; text-decoration:none; }
.content a:hover { text-decoration:underline; }
.content h2 { text-transform: uppercase; font-size: 14px; }
.content h3 { text-transform: uppercase; font-size: 12px; }

.content table { background-color: #FFFFFF; padding: 0px; margin: 0px 0px 10px 0px; }
.content table th { padding: 6px; margin: 1px; background-color: #999999; border: 1px solid #FFFFFF; vertical-align: top; text-align:left; }
.content table td { padding: 6px; margin: 1px; background-color: #dddddd; border: 1px solid #FFFFFF; vertical-align: top; text-align:left; }

/*
.content table { width:100%; }
.content table th { padding:6px; border:solid 1px #ffffff; background-color:#cccccc; text-align:left; color:#FFFFFF; font-weight:bold; font-size:12px; }
.content table tr:hover { background-color:#EDEDED; }
.content table td { padding:6px; border:solid 1px #ffffff; text-align:left; font-weight:normal; color:#666666; font-size:12px;}
*/

.contentRight { margin-left:10px; }

.advertImage { height:380px; background-image:url(../images/content-adimage.jpg); background-repeat: no-repeat; }
.contentContainer { overflow: auto; padding-bottom: 75px; margin-bottom: 10px; }
.contentHeaderBar { height: 24px; background-image:url(../images/content-headbar-bg.jpg); background-repeat: repeat-x; margin: 10px 0px 10px 0px; }
.contentHeaderBar h1 { color: #FFFFFF; text-transform: uppercase; font-size: 16px; padding-top: 4px; padding-left: 4px; }

.rightContent { padding-top: 10px; }


.contentNews {  }
.contentNews p { line-height: 16px; }
.contentNews a:link, .contentNews a:visited { font-weight: bold; color:#F90D24; text-decoration:none; }
.contentNews a:hover { text-decoration:underline; }
.contentNews h2 { text-transform: uppercase; font-size: 16px; color:#F90D24; }
.newsStory { margin: 10px 0px 10px 0px; border-bottom: solid 1px #D6D6D6; }
p.newsDate { color: #999999; margin-top: -12px; }


.newsFloatRight { float:right; margin: 0px 0px 10px 10px; border: solid 1px #D6D6D6; padding: 1px; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - FOOTER STYLE */
.footerContainer { position: relative; margin-top: -75px; /* negative value of footer height */ height: 75px; clear: both; margin-left: auto; margin-right: auto; width: 980px; border-top: solid 1px #D6D6D6; }
.footer { padding: 10px; text-align:center; }

.footer a:link img, .footer a:visited img { border: 1px solid #ffffff; }
.footer a:hover img { border: 1px solid #F90D24; }

.footer ul {  }
.footer ul li { display: inline; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - margin-right: 355px;- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - CAR OFFERS STYLE */
.newCarOffer11 { background-image: url(../images/content-newcars-offer11.jpg); background-repeat: no-repeat; height: 230px; width: 355px; float:left; margin-bottom:10px; }
.newCarOffer12 { background-image: url(../images/content-newcars-offer12.jpg); background-repeat: no-repeat; height: 230px; width: 355px; float:right; margin-bottom:10px; }

.newCarOffer0 { background-image: url(../images/content-newcars-offer0.jpg); background-repeat: no-repeat; height: 230px; width: 355px; margin-bottom:10px; float:left; }
.newCarOffer9 { background-image: url(../images/content-newcars-offer9.jpg); background-repeat: no-repeat; height: 230px; width: 355px; margin-bottom:10px; float:right; }

.newCarOffer2 { background-image: url(../images/content-newcars-offer2.jpg); background-repeat: no-repeat; height: 230px; width: 355px; margin-bottom:10px; float:left; }
.newCarOffer1 { background-image: url(../images/content-newcars-offer1.jpg); background-repeat: no-repeat; height: 230px; width: 355px; margin-bottom:10px; float:right; }

.newCarOffer4 { background-image: url(../images/content-newcars-offer4.jpg); background-repeat: no-repeat; height: 230px; width: 355px; margin-bottom:10px; float:left; }
.newCarOffer3 { background-image: url(../images/content-newcars-offer3.jpg); background-repeat: no-repeat; height: 230px; width: 355px; margin-bottom:10px; float:right; }

.newCarOffer6 { background-image: url(../images/content-newcars-offer6.jpg); background-repeat: no-repeat; height: 230px; width: 355px; margin-bottom:10px; float:left; }
.newCarOffer5 { background-image: url(../images/content-newcars-offer5.jpg); background-repeat: no-repeat; height: 230px; width: 355px; margin-bottom:10px; float:right; }

.newCarOffer8 { background-image: url(../images/content-newcars-offer8.jpg); background-repeat: no-repeat; height: 230px; width: 355px; float:left; }
.newCarOffer7 { background-image: url(../images/content-newcars-offer7.jpg); background-repeat: no-repeat; height: 230px; width: 355px; float:right; }


.carOffersName { margin: 4px 0px 0px 6px; }
.carOffersName h2 { font-weight: bold; text-transform: uppercase; font-size: 24px; }


.carOffersReadMore { margin: 180px 0px 0px 280px; }
.carOffersReadMore a:link, .carOffersReadMore a:visited { text-decoration:none; color: #8B1220; font-weight:bold; }
.carOffersReadMore a:hover { color: #F90F26; }

.carOffersReadMoreSound { margin: 157px 0px 0px 280px; }
.carOffersReadMoreSound a:link, .carOffersReadMoreSound a:visited { text-decoration:none; color: #8B1220; font-weight:bold; }
.carOffersReadMoreSound a:hover { color: #F90F26; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - OTHER STYLE */
.offerBoxMiddle { margin: 0px 12px 0px 12px; }
.versionsContainer { width: 230px; float: right; }
.versionsContainer p { margin: 10px 0px 10px 0px; }
.carColourChart1  { color:#FFFFFF; }
.offerImage { margin-bottom: 10px; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - SCRIPT STYLE */
.toggleSystem { width: 475px; padding: 0px; margin: 0px; }
h2.trigger { margin: 0 0 2px 0; background: url(../images/h2_trigger_a.jpg) no-repeat; height: 46px; line-height: 46px; width: 475px; font-size: 2em; font-weight: normal; float: left; }
h2.trigger a { color: #fff; text-decoration: none; display: block; padding: 0 0 0 50px; }
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container { margin: 0 0 5px; padding: 0; border-top: 1px solid #d6d6d6; background: #f0f0f0 url(../images/toggle_block_stretch.gif) repeat-y left top; overflow: hidden; font-size: 12px; width: 100%; clear: both; }
.toggle_container .block { padding: 20px; /*--Padding of Container--*/ background: url(../images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/ }
.toggle_container .block p { line-height: 18px; }
.toggle_container .block img { margin-bottom: 20px; border: 1px solid #DDDDDD; }
.toggle_container .block h3 { font-size:16px; margin-bottom: 20px; }
.toggle_container .block h4 { font-size:14px; margin-bottom: 20px; }
.toggle_container .block table { padding: 0px; margin: 0px 0px 10px 0px; }
.toggle_container .block table td { padding: 6px; margin: 1px; background-color: #dddddd; border: 1px solid #FFFFFF; vertical-align: top; }
.toggle_container .block table td.whiteCell { background-color: #ffffff; }
.toggle_container .block ul { list-style-type: square; }
.toggle_container .block ul li { line-height: 20px; }
.toggle_container .block a:link, .content a:visited { font-weight: bold; color:#F90D24; text-decoration:none; }
.toggle_container .block a:hover { text-decoration:underline; }


.toggle_container_blank { margin: 0 0 5px; padding: 0; border-top: 1px solid #d6d6d6; background: #f0f0f0 url(../images/toggle_block_stretch.gif) repeat-y left top; font-size: 12px; width: 475px; clear: both; }
.toggle_container_blank .block_blank { padding: 20px; /*--Padding of Container--*/ background: url(../images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/ }
.toggle_container_blank .block_blank p { line-height: 18px; }
.toggle_container_blank .block_blank img { margin-bottom: 20px; border: 1px solid #DDDDDD; }
.toggle_container_blank .block_blank h3 { font-size:16px; margin-bottom: 20px; }
.toggle_container_blank .block_blank h4 { font-size:14px; margin-bottom: 20px; }
.toggle_container_blank .block_blank table { padding: 0px; margin: 0px 0px 10px 0px; }
.toggle_container_blank .block_blank table td { padding: 6px; margin: 1px; background-color: #dddddd; border: 1px solid #FFFFFF; vertical-align: top; }
.toggle_container_blank .block_blank table td.whiteCell { background-color: #ffffff; }
.toggle_container_blank .block_blank ul { list-style-type: square; }
.toggle_container_blank .block_blank ul li { line-height: 20px; }
.toggle_container_blank .block_blank a:link, .content a:visited { font-weight: bold; color:#F90D24; text-decoration:none; }
.toggle_container_blank .block_blank a:hover { text-decoration:underline; }


