﻿* { padding: 0px; margin: 0px; }
body { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 12px; color: #AEAEAC; }

#page { width: 963px; margin: 0px auto; }
a { color: #AEAEAC; text-decoration: none; }

a img { border: 0px; }

.TopBanner { padding-top: 30px; width: 963px; }

#RenaultLogo { width: 95px; float: left; }

.TopMenu { clear: both; padding: 0px; padding: 7px 0px 25px 75px; font-weight: bold; }
.TopMenu .MenuItem { padding: 0px 21px; float: left; }
.TopMenu .Separator { float: left; }

.ContentArea { width: 960px; }

#LeftColumn { width: 160px; float: left; margin-left: 19px; }

* html #LeftColumn { margin-left: 10px; }

#LeftColumn ul li { list-style-type: none; background-image: url(../Image/common/menu_arrow.gif); background-repeat: no-repeat; background-position: right; width: 180px; padding: 6px 0px; font-size: 12px; border-bottom: 1px solid #ECECEC; }

#LeftColumn #TopMenu { margin: 10px 0px; border-top: 1px solid #ECECEC; width: 180px; }
#LeftColumn li a:hover { color: #000000; }

#LeftColumn ul li .text { width: 170px; min-width: 170px; }

#RightColumn { width: 245px; float: right; }
#RightColumn .modelLinks { margin-bottom: 2px; }
#RightColumn .modelLinks a { color: #ffffff; padding: 0px 0px 0px 2px; position: relative; left: -3px; }
#RightColumn .modelLinks ul { padding-left: 10px; padding-right: 10px; background-color: #ffb901; }
#RightColumn .modelLinks ul li { padding-top: 7px; padding-bottom: 7px; list-style-type: none; }
#RightColumn .modelLinks ul li.seperator { border-bottom: solid 1px #fdcf57; border-top: solid 1px #b17602; padding: 0; margin: 0; }

#RightColumn #contact { background-color: #FCB414; width: 245px; height: 120px; padding-top: 11px; color: #565543; margin-bottom: 1px; }
#RightColumn #contact #contactHeader { margin-left: 17px; padding-bottom: 9px; width: 212px; background: url(../Image/common/contact_sep.gif) bottom repeat-x; }
#RightColumn #contact ul { list-style-image: url(../Image/common/contact_arrow.gif); padding: 2px 0px 0px 0px; margin: 0px 0px 0px 20px; }
* html #RightColumn #contact ul { margin: 0px 0px 0px 20px; }
#RightColumn #contact ul li { margin: 2px 0px; }
#RightColumn #contact ul li p { margin: 2px 0px; width: 210px; font-size: 11px; }
#RightColumn #contact a { color: #565543; font-weight: bold; }

#RightColumn div.promobox { height: 195px; margin-bottom: 4px; }
#RightColumn .promobox img { margin: 0; padding: 0; border: 0; border-style: none; display: block; }
#RightColumn .promobox p { width: 245px; height: 22px; display: block; text-transform: uppercase; background-color: #D5D5D5; color: #000; text-align: center; padding: 8px 0 2px 0; }
#RightColumn .promobox p a { color: #000; font-size: 1em; }

.ModelInfo { margin: 13px 0px 13px 0px; }
.ModelInfo h2 { font-size: 18px; color: #000; font-weight: bold; }

.ModelInfo h1 { font-size: 14px; }

.clearBoth { clear: both; }
.brochureSwfObject { z-index: 0; }
.brochureModalPopup a { color: #ECECEC; }
.brochureModalPopup { width: 1010px; height: 585px; text-align: right; background-color: #ffffff; border: 1px solid #000000; color: #ECECEC; }

.genericModalBackground { opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); background-color: #727272; }
.termsAndConditionsHeader { height: 30px; width: 600px; background-color: #CCCCCC; padding-top: 20px; }



.termsAndConditionsHeader .button { float: right; margin-right: 10px; }

.termsAndConditionsHeader .header { width: 300px; padding: 0px 0px 0px 20px; font-weight: bold; float: left; color: #ffffff; font-size: 14px; }
.termsAndConditionsModalPopup { width: 600px; height: 200px; background-color: #ffffff; border: 1px solid #000000; color: #000000; font-size: 12px; }

.termsAndConditionsCopy { color: #000000; font-weight: normal; margin: 10px; }

#FlashContent { width: 715px; height: 395px; float: left; }
#FinanceInformation { width: 680px; border: 1px solid #ECECEC; float: left; padding: 15px; }
#FinanceInformation p { color: #000000; margin: 5px 0px; }

#FinanceInformation ul { color: #000000; margin: 5px 25px; }

#FinanceInformation h1 { font-size: 14px; color: #000000; font-weight: bold; }

#FinanceInformation a { color: #000000; font-weight: bold; }

.collapsePanel { display: none; }

.Footer .Copy { float: left; width: 150px; }

.lagunaPromoLink { border: 0px; display: block; height: 97px; margin: 10px 0 10px -30px; }

* html .lagunaPromoLink { margin: 10px 0px 10px 0; padding: 0px; position: absolute; right: 0; }
.bannerholder { margin: 20px 0 160px 0; }

.Eco2link { margin-left: 10px; border: 0; }

p.further-info { color: #000; width: 450px; margin: 0 0 15px 5px; }
p.further-info a { color: #FAB500; text-decoration: underline; }

.fullSpecContent { display: none; }

#blackBackground { background: #000; filter: alpha(opacity=80); height: 100%; left: 0px; position: absolute; opacity: 0.8; width: 100%; z-index: 10001; }
#whiteBox { background: #fff; height: auto; width: auto; padding: 15px 15px 15px 15px; position: absolute; top: 20%; z-index: 10002; }
#whiteBox a { color: #555; float: right; margin: 0px 15px; text-decoration: none; }
#whiteBox a:hover { text-decoration: underline; }
