/* NOTE: all !important entries are there to make sure that CSS styles included with BMW header get overridden */
body { font-size: 62.5% !important; font-family: Arial,Sans-Serif,helvetica !important; background: #FFFFFF !important; color: #262626 !important; }
body.internal {margin: auto;max-width: 1000px;}

table { font-family: Arial,Sans-Serif,helvetica !important; color: #262626 !important; font-size: 1.0 !important; }
ul { margin: 0; padding: 0; }
a, a:visited { text-decoration: none; outline: none; color: #666666; }

#central p, #contenter label {
    font-size: 1.3em;
    margin: 13px 0;
}
#central a.arrowLink { background: transparent url('arrow_grey.png') no-repeat center left; padding-left: 10px; text-decoration: none; color: #666666; font-weight: bold; outline: none; }
#central a:hover.arrowLink { color: #1C69D4; text-decoration: none; }
a:hover { text-decoration: underline; }

input, select, textarea { color: #262626; }

#central h1, #central h2, #central h3, #central h4 { text-transform: uppercase; color: #262626; font-weight: bold; }
#central h1 { font-size: 3.2em;  margin: 0.3em 0; }
#central h2 { font-size: 2.2em; margin: 1.5em 0; }
#central h3 { font-size: 1.7em; margin: 1.5em 0; }
#central h4 { font-size: 1.3em; margin: 0.6em 0; }

#WizardTabs > ol { overflow: hidden; list-style: none; padding: 0; margin: 25px 0 0 0; }
#WizardTabs > ol > li { float: left; position: relative; width: 85px; }
#WizardTabs > ol > li > div { font-size: 1.3em; color: #BBBBBB; font-weight: bold; }
#WizardTabs > ol > li > div:first-child { font-size: 3.2em; }
#WizardTabs > ol > li.current > div { color: #1C69D4; }
#WizardTabs > ol > li.active > div { color: #262626; }

#footerLinks { margin: 2em 0 2em ; overflow:hidden; }
#footerLinks > div { }

#footerLinks > div > div > a { float: left; }
#footerLinks > div > div > a.btnNext { float: right; }

#loginControl { position: relative; }
#loginControl div.loginAssistInfo { background-color: #FFFFFF; position: absolute; top: -65px; right: 0; text-align: center; width: 100px; overflow: visible; }

.fieldLabel, .fieldValue, input, .field-validation-error { vertical-align: top; }
.fieldLabel { width: 170px;  float: left; margin-right: 10px; }
.fieldLabel label + span { color: Red; padding-left: 3px; font-weight: bold;}

input[type=text], textarea { width: 190px; }
input[type=text].smallTextBox { width: 39px; }
input[type=radio], input[type=checkbox] { margin: 0; display: inline-block; }
#contenter input[type=radio] + label { margin: 0; display: inline-block; }
#contenter input[type=checkbox] + input[type=hidden]  + label { margin: 0; display: inline-block; max-width: 570px; }

.fieldLabel + span { font-size: 1.3em; }

.field-validation-error { font-size: 1.3em; max-width: 210px; display: inline-block; margin: 2px 0; color: #D20000; }

.fields > div.checkboxes { margin: 20px 0; display: block; }

.noBorder { border: none; }

.input-validation-error { border: solid 1px #D20000; background-color: #FFFFFF; }
.validation-summary-errors { margin-top: 1em; margin-left: 2em; color: #D20000; }
.newLineValMsg { display: block; max-width: 100%; }

.horizontallist { float:left; min-width: 13em; }
.productRow { display: block; padding-top: 0.5em; clear: both; overflow: hidden; }
.productRow > div.leftcolumn, .productRow > div.rightcolumn { float: left; width: 48%; }
.productBenefits {  margin: 1em 0;  min-width:600px; text-align:left;}
.productBenefits th {
    text-align: inherit;
}

.search img { cursor: pointer; }
.policyNotesCnt { overflow: hidden; }
.policyNotesCnt > div { float: left; }

.actionLink > a,
a.Button,
a.ButtonSmall,
input[type=submit],
.actionButton
{ background: transparent url('grey_btn.png') repeat-x top left; display:inline-block; height: 24px; color: #FFFFFF; font-size: 1.3em; font-weight: bold; padding: 4px 10px 4px 10px; border: none; cursor: pointer; }


.actionLink > a.mainAction,
input[type=submit].mainAction,
.mainAction { background-image: url('blue_btn.png'); width: 180px; }

.actionLink > a:visited, .actionLink > a:hover,
a.Button:visited, a.Button:hover,
a.ButtonSmall:visited, a.ButtonSmall:hover
{ color: #FFFFFF; font-weight: bold; text-decoration: none; }
.actionLink > a.saveWarranty{margin-top:12px; margin-right:120px;}
input[type=submit] { height: 24px; text-align: left; color: #FFFFFF !important; }
.actionLink > a.btnBack, a.actionLink  { background: #FFFFFF url('previous.png') no-repeat center left; padding: 4px 0 0 25px; color: #1C69D4; height: 20px; font-size: 1.3em; font-weight: bold; }

p { text-align: justify; }
p.smallPrint, #homeMain p.smallPrint, #central .loginSmallPrint p { font-size: 1.1em; }
a img { border: none; }
ul { margin: 13px 0 13px 15px; font-size: 1.3em; }

.simple_overlay, .visualOverlay, .lengthUnitOverlay { background-color: #FFFFFF; border: 1px solid #666666; box-shadow: none; display: none; padding: 15px; }
.simple_overlay .close, .visualOverlay .close, .lengthUnitOverlay .close { background: url("close.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 18px; position: absolute; right: 15px; top: 15px; width: 18px; }
.visualOverlay .close { top: 21px; right: 21px; }

.center-content { text-align: center; }

.slides { position:relative; overflow:hidden; width: 100%; height: 420px; max-width: 1280px }
.slides div.slide { display: none; position: absolute; top: 0; left: 0; }
.slides a.getQuote { position: absolute; left:65px; bottom: 55px; }
.slides .control > img, .slides .control > span { vertical-align: middle; }
.slides .control { position: absolute; right: 55px; bottom: 40px; background-color: #FFFFFF; padding: 10px; }
.slides .control > img { cursor: pointer; margin-right: 6px; }
.slides .control > span { font-size: 1.3em;  margin-left: 10px; }
.slides div.topBorder { position: absolute; top: 0; left: 0; width: 100%; height: 11px; background: transparent url('slides_top_border.png') repeat-x 0 0; z-index: 9; }
.slidetabs > a { display: none; color: #262626; cursor: text; }
.slidetabs > a:hover { text-decoration: none; }
.slidetabs > a.current { display: inline; }

a.getQuote { background: transparent url('get_quote.jpg') no-repeat; width: 180px; height: 24px; display: block; }

.tabs { position: relative; margin-top: 15px; }
.tabs > ul { height: 36px; margin: 0; font-size: 1.0em; }
.tabs > ul > li { float: left; list-style: none;  padding: 0; background-color: #FFFFFF; margin-top: 4px; height: 32px; }
.tabs > ul > li a { font-size: 1.0em; padding: 11px 14px; display: block; font-weight: bold; }
.tabs > ul > li.current a { padding-top: 15px; color: #1C69D4; }
.tabs > ul > li.current { margin-top: 0; z-index: 99; height: 36px; }
.tabs > div.bottomLeft { background: transparent url('left_shadow.png') repeat-y right top; position: absolute; bottom: 0; left: -4px; height: 4px; width: 4px;  }
.tabs > div.bottomEdge { background: transparent url('top_shadow.png') repeat-x left bottom; position: absolute; bottom: 0; width: 100%; height: 4px; }
.tabs > div.bottomRight { background: transparent url('top_right_shadow.png') no-repeat bottom left; position: absolute; bottom: 0; right: -4px; height: 4px; width: 4px; }
.panes { background-color: #FFFFFF; padding: 10px; min-height: 110px; }

.shadowBox .topShadowEdge { background: transparent url('top_shadow.png') repeat-x left bottom; }
.shadowBox .bottomShadowEdge { background: transparent url('bottom_shadow.png') repeat-x left top; }
.shadowBox .leftShadowEdge { background: transparent url('left_shadow.png') repeat-y right top; }
.shadowBox .rightShadowEdge { background: transparent url('right_shadow.png') repeat-y top left; }

.shadowBox .topLeftShadowCorner { background: transparent url('top_left_shadow.png') no-repeat bottom right; }
.shadowBox .topRightShadowCorner { background: transparent url('top_right_shadow.png') no-repeat bottom left; }
.shadowBox .bottomRightShadowCorner { background: transparent url('bottom_right_shadow.png') no-repeat top left; }
.shadowBox .bottomLeftShadowCorner {  background: transparent url('bottom_left_shadow.png') no-repeat top right; }

#central .accordion > a { margin: 0; padding: 10px 0 10px 28px; font-size: 1.3em; display: block; border: none; background: none; color: #262626; font-weight: bold; position: relative; }
#central .accordion > a.ui-state-default { border-bottom: solid 2px #E6E6E6; }
#central .accordion > a:hover { text-decoration: none; color: #262626; }
.ui-accordion .ui-accordion-content { padding: 0; margin: 0; border: none; border-bottom: solid 2px #E6E6E6; }
.ui-icon-circle-plus, .ui-icon-circle-minus { position: absolute; left: 0; top: 8px; }
.ui-icon-circle-plus,.ui-state-default .ui-icon { background: transparent url('plus.png') no-repeat top left; width: 18px; height: 18px; }
.ui-icon-circle-minus, .ui-state-active .ui-icon { background: transparent url('minus.png') no-repeat top left; width: 18px; height: 18px; }

.residencyBlock { display: inline-block; }

.tooltip { display: none; padding: 10px; z-index: 99; background-color: #FFFFFF; max-width: 210px; font-size: 1.3em; position: relative; }
span.tooltip { font-size: 1.0em; }
.tooltip .tipTooth { position: absolute; background: transparent url('tipTooth.png') no-repeat top left; width: 9px; height: 14px; top: 10px; left: -9px; z-index: 99; }

#CallBackLink { position: absolute; top: -85px; right: -70px; overflow: visible; background-color: #FFFFFF; }
#CallBackLink p { text-align: center; padding: 0 10px; }

#productsRow { margin-left: -4px; width: 400px; }
#productsRow > div { overflow: visible; margin: 4px 4px 30px; padding: 10px; cursor: pointer; }
#productsRow .productBox > div { margin-bottom: 10px; font-size: 1.3em; }
#productsRow .productBox > div label { font-size: 1.0em; cursor: pointer; }
.productBox { margin: 0 10px; }
.productBox .productTypeHdr { font-weight: bold; text-align: center; text-transform: uppercase; }
.productBox .productTypeHdr > img { margin-left: 10px; }
.productBox .description { text-align: center; }
.productBox .price { color: #1C69D4; }

#confirmationProductInfo { padding: 10px; text-align: center; margin-top: 20px; }
#confirmationProductInfo > span { font-weight: bold; font-size: 1.3em; }

#productSelection { margin-right: 30px; }
#productSelection label, #productSelection select, #productSelection img { display: inline-block; margin: 2px 0; vertical-align: top; }
#productSelection label, #productSelection select { width: 150px; }

#changeAddrRow, #searchAddrRow, #addressControlPlaceholder { margin-left: 180px; }

.loadIndicator #animation { height: 100%; }
.longlabel{width:40em;}
.dealerNumber { overflow: hidden; }
.dealerNumber > div { float: right; }
#vehicleDetailsTable > div select { width: 420px; }
#vehicleDetailsTable button { position: absolute; vertical-align: middle ;display: inline; margin-left: 1em; font-size: 1.0em; text-align: left; height:22px;}

.readonly{border:none;}
#monthly
{
    display:none;
}
#policyHandbook
{
    float:left;   
    clear:left;
    width:100%;
}


#IPTText
{    
    float:left;
}

#productSelection > div 
{
    padding-bottom : 20px;
}

#productsLeft
{
    width:40% ; 
    float:left;
}

#productsRight
{
    width:60% ; 
    float:left;
}
.longTimeActionDialog { left:40%; display: block; }

#popupContent{ padding:10px;}
#popupContent h3:first-child { margin-top: 0; }
#popupContent .validation-summary-errors { margin: 0; }
#popupContent fieldset{border:none;position:relative;}
#popupContent fieldset .editor-label{position:relative;float:left;clear:both;margin-top: 5px;font-size: 1.1em;}
#popupContent fieldset .editor-field input{   width: 90%;}
#requestACallBackForm .simple_overlay {background-color:white;width:500px;min-height:500px;}

#requestACallBackForm .PeLogRequest
{
    top: 13%;
    left: 20%;
    width:700px;
    height:90%;
    max-height:420px;
}

#requestACallBackForm .PeLogRequest div.internalCnt 
{ 
    overflow-x: hidden; /*Horizontal scrollbar*/
    -ms-overflow-x: hidden; /*IE 8 horizontal scrollbar*/
    overflow-y: auto; /*Verical scrollbar*/
    -ms-overflow-y: auto; /*IE 8 vertical scrollbar*/
    max-height: 430px;
}

#requestACallBackForm .PeLogRequest div{padding:0;}
.PeParametersDiv .ReqCallBackBtn{margin: 0 160px 0 215px;}
.PeParametersDiv input[type="text"],textarea {width:400px;}

#requestACallBackForm .field-validation-error { max-width: none; margin-left: 180px; }
#requestACallBackForm .PeLogRequest .label{width:16em ;text-align:right;margin-right:10px;font-size:0.9em;font-weight:bold;display: inline-block; vertical-align:top;}
#CallBackConfirmation{margin-left:7px;}
.callbacktitle{font-size:18px;font-weight:bold;color:#262626;}
.callbackheader,.callbackexpectedtitle{font-size:12px; margin: 10px 0 20px 0;}

.callbackexpectedtitle{font-weight:bold;}

.callbackexpecteddetails ul li {font-size: 1.1em;padding: 7px 0 0;}


.questionText { width:500px; font-weight:normal; font-size: 1.3em; }
#questions { padding:1em; overflow:hidden; }
#existingPolicyNotes, #newPolicyNote {width:300px;}
#ChangeQuestionsAnswsersButton {margin-bottom:20px;}

.divLeft { width: 49%; float: left; overflow: hidden; }
.divRight { width: 49%; float: right; overflow: hidden; }


.ui-autocomplete-input{ width: 420px !important}
#dealerNumber { overflow: hidden; margin:5px; padding:10px; }
#dealerNumber > div { float: right; }
#dealerNumber label { margin:0 35px; }


.PeParametersDiv, .PeParametersDiv div {overflow:hidden;}
.RequestPeLogsButton{text-align:center; width:100%;}

#PeParameters {  width:300px;}
#CallBackViewContainer{    margin-left:7px; }

#CallBackViewContainer .PeParametersDiv .label   {margin: 0 10px 5px 0; width:200px; display:inline-block; font-weight:bold; text-align:right; }

.products { width: 100%; }
.PeLogRequest input[type="checkbox"].input-validation-error { outline: solid 1px #D20000; }
.dealerNumber .fieldLabel + span { font-size: 1.0em; }
.enquiryMethod { margin-top: 40px; }