body { font-size: 62.5%; font-family: arial,helvetica,sans; }
body.internal #central {margin: 0 auto;width: auto;max-width: 1000px;}
ul { margin: 0; padding: 0; }

#central a { text-decoration: none; color: #4C4C4C; font-weight: bold; outline: none; }
#central a:hover { text-decoration: underline; }
#menu, #q2bContent, #footerMenu { font-size: 1.0em; }
#changeAddrRow, #searchAddrRow, #addressControlPlaceholder { margin-left: 15.9em; }

#WizardTabs > ol { overflow: hidden; list-style: none; padding: 0; margin-left: 0; font-size: 1.2em; }
#WizardTabs > ol > li { float: left; position: relative; height: 33px; }
#WizardTabs > ol > li > span, #WizardTabs > ol > li > img { display: inline-block; vertical-align: middle; }
#WizardTabs > ol > li > span { width: 5.8em; }
#WizardTabs > ol > li:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

#footerLinks { margin: 2em 0; clear: both; overflow:hidden; }
#footerLinks > div > div > a { float: left; }
#footerLinks > div > div > a.btnNext { float: right; }
.internal #footerLinks > div { float: left; width: 49%;}
.label, .shortlabel, .longlabel, .summaryLabel, .longlabelAlignLeft { float: left; font-weight: bold; }
.label { width: 20em; }
.shortlabel { width: 10em; overflow: hidden; }
.longlabel, .longlabelAlignLeft { width: 25em; }
.summaryLabel { width: 32em; }
.label-td { width: 24.5em; }

.loginDetails .label { float: left; width: 12em; margin-right: 1em; }
.loginDetails > div, .group, .group > div { overflow: hidden; padding: 0.2em; }
.loginDetails fieldset, .group fieldset { padding: 0; }

.noBorder { border: none; }
.validation-summary-errors { color: #D20000; margin-top: 1em; margin-left: 2em; }
.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: inherit; text-align: center;}
.productBenefits > div > div { width: 33%; }
.productBenefits > div:first-child, .productBenefits > div > div:first-child { text-align: left; }
.productBenefits th { text-align: inherit; }
table.productBenefits { text-align: left; }
.search img { cursor: pointer; }
.policyNotesCnt { overflow: hidden; }
.policyNotesCnt > div { float: left; }

#central .actionLink > a, #central a.Button, #central a.ButtonSmall, #central a.actionLink { color: #FFFFFF; background: #333366 url('btn_blue_right.png') no-repeat right 1px; display:inline-block; padding: 2px 25px 3px 5px; color: #FFFFFF; font-size: 1.2em; }
#central .actionLink > a.btnBack  { background: #333366 url('btn_blue_left.png') no-repeat left 1px; padding: 2px 5px 3px 25px; }

p { text-align: justify; }
p.smallPrint, #homeMain p.smallPrint { font-size: 0.8em; color: Gray; }
a img { border: none; }

.simple_overlay { background-color: #000000; border: 10px solid #666666; border-radius: 6px 6px 6px 6px; box-shadow: 0 0 90px 5px #000000; display: none; }
.simple_overlay .close { background: url("close.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 18px; position: absolute; right: 10px; top: 10px; width: 18px; }

/*Static pages tabs*/
.scrollable { position:relative; overflow:hidden; width: 100%; height: 420px; max-width: 1280px }
.scrollable .items { width:20000em; position:absolute; }

.scrollable .items div { float:left; position: relative; }
.scrollable .control { position: absolute; right: 55px; bottom: 40px; background-color: #FFFFFF; padding: 10px; }
.scrollable .control > img, .scrollable .control > span { vertical-align: middle; }
.scrollable .control > img { cursor: pointer; margin-right: 6px; }
.scrollable .control > span { font-size: 1.3em;  margin-left: 10px; }
.scrollable a.getQuote { position: absolute; left:65px; bottom: 55px; }

.tabs { position: relative; margin-top: 15px; }
.tabs > ul { height: 17px; margin: 0; font-size: 1.0em; }
.tabs > ul > li.current { background: #31477D url('BlueDownTab.png') no-repeat top right; z-index: 999; margin-top: -2px; padding-top: 2px; }
.tabs > ul > li { float: left; list-style: none; padding: 0; background: #BDBDBD url('GreyDownTab.png') no-repeat top right; margin-top: 0; z-index: 99;  }
.tabs > ul > li a { padding: 1px 30px; color: #FFFFFF !important; display: block; }

.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; position: relative; min-height: 100px; z-index: 999; }

.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.0em; 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-left: 20px; margin: 0; border: none; border-bottom: solid 2px #E6E6E6; }


.ui-icon-circle-plus, .ui-icon-circle-minus { position: relative; float:left; width: 21px; height: 21px; padding-right:12px;}

.ui-icon-circle-plus { background: transparent url('plus.png') no-repeat top left !important;  }
.ui-icon-circle-minus { background: transparent url('minus.png') no-repeat top left !important;  }

.readonly{border:none;}

.tooltip { display: none; padding: 10px; z-index: 99; background-color: #FFFFFF; max-width: 210px; font-size: 1.2em; position: relative; max-width:220px; color: #4C4C4C; text-align: justify; }
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; }
 
.field-validation-error { color: #D20000; vertical-align: top; display: inline-block; max-width: 320px; margin-top: 3px; }
.newLineValMsg { display: block; max-width: inherit; }
.fieldLabel, .fieldValue, input { vertical-align: middle; }
.fieldLabel { width: 180px;  float: left; margin-right: 10px; font-weight: bold; }
.fieldLabel label + span { color: Red; padding-left: 3px; font-weight: bold; float: right;}
#central p, #contenter label {
    margin: 13px 0;
}
#contenter label { vertical-align: middle; }
input[type=text], textarea { width: 190px; }
input[type=text].smallTextBox { width: 39px; }
#contenter input[type=checkbox] + input[type=hidden]  + label { max-width: 570px; }

#productsRow {  margin-left: -6px; width: 400px; clear:right; position:relative;}
#productsRow > div { overflow: visible; margin: 4px 4px 30px; padding: 10px; cursor: pointer; }
#productsRow .productBox > div { margin-bottom: 10px; font-size: 1.0em; }
#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: #31477D; }
#confirmationProductInfo {
    margin-top: 20px;
    padding: 10px;
    text-align: center;
}
/* Static Pages*/

#tabContent H3
{
    text-align:left;
}
#loginControl
{
    position: relative;
}
#contenter
{
    margin: 0 13px 20px 0;
    font-size: 1.2em;
}
#loginControl div.loginAssistInfo
{
    background: url("phone.png") no-repeat scroll left center transparent;
    border: medium none;
    font-weight: bold;
    max-width: 115px;
    overflow: visible;
    padding-left: 25px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: capitalize;
    top: 43px;
}

.residencyBlock
{
    display: inline-block;
}

.center-content {
    text-align: center;
}
.center-content > input[type=submit]:before {
    content: "> ";
}
.center-content > input[type=submit],
.actionLink > a.saveWarranty,
.actionButton
{
    color: #fff;
    background-color: #31477D;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px; 
    border: none; cursor: pointer;
    font-size:1.0em;
}
.imgOnTopCnt
{
    padding:150px 0 0 0;
}
.imgOnLeftCnt
{
    padding: 0 0 0 27px;
}
  
  /* Transaction Pages*/
#CallBackLink {
    background-color: #31477D;
    color:#fff;
    border-radius: 10px 10px 10px 10px;
    clear: right;
    left: 75%;
    padding: 6px;
    position: absolute;
    text-align: center;
    top: 45px;
}
  #central #CallBackLink  a
  {
  color:#fff;
  }
.callback
{
    text-decoration:underline;
}
#CallBackLink p { text-align: center; padding: 0 10px; color: #FFFFFF; }

#requestACallBackForm .simple_overlay {
    background-color: white;
    min-height: 300px;
    width: 400px;
}
.RequestCallBkTitle {
    color: #31477D;
    font-size: 18px;
    font-weight: bold;
    text-transform:uppercase;
}

#CallBackLink a:hover
{
     color: #333333;
}

.ReqCallBackBtn {
    background-color: #31477D;
    color: White;
    cursor: pointer;
}

#mileageInfo
{
    font-weight:bold;
    text-transform:capitalize;
}

.close
{
    height:28px;
    width:28px;
}
p {
    text-align: justify;
    overflow: hidden;
    color: #4C4C4C;
    font-family: arial,helvetica,verdana,sans-serif;
}

.motorradList { color: #4C4C4C; }

.readonly{border:none;}
.quoteSummary 
{
    padding-left:16px;
    margin-top:20px;
}

#confirmationProductInfo span
{
    color:#31477D;
    font-weight:bold;
}

.checkboxes
{
    padding:5px 0 0 0;
}

.products
{
    width:99%;
}

.products .loadIndicator #animation
{
    height: 30px;
    width: 30px;
}
#monthly
{
    display:none;
}

#policyHandbook
{
    float:left;   
    clear:left;
    width:100%;
}
#IPTText
{    
    clear: both;
}

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

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

#productsRight
{
    width:60% ; 
    float:left;
}


a.getQuote 
{
    background: #333366 url('getquotebtn.jpg') no-repeat top right; display:inline-block; width:169px; height: 40px;  color:#31477D;
} 

#mainArea
{
    width:764px;
}

.questionText { width:500px; font-weight: normal; }
#questions { padding:1em; overflow:hidden;}

/*Warranty Extranet*/
#vehicleDetailsTable > div { white-space: nowrap; }
#vehicleDetailsTable > div select { max-width: 53em; }
#vehicleDetailsTable button
{
    position: absolute;
    vertical-align: middle;
    display: inline;
    margin-left: 1em;
}
.policyNotesCnt
{
    overflow: hidden;
}
.policyNotesCnt > div
{
    float: left;
}
.dealerNumber { overflow: hidden; }
.dealerNumber > div { float: right; }
.longTimeActionDialog { left:40%;display: block; }


#existingPolicyNotes, #newPolicyNote {width:300px;}
#ChangeQuestionsAnswsersButton {margin-bottom:20px;}

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


#vehicleDetailsTable > div select { width: 420px; }
#vehicleDetailsTable button { position: absolute; vertical-align: middle ;display: inline; margin-left: 1em; font-size: 1.0em; text-align: left; }
.ui-autocomplete-input{ width: 420px !important}
#dealerNumber { overflow: hidden; margin:5px; padding:10px; }
#dealerNumber > div { float: right; }
#dealerNumber label { margin: 0; }
#requestACallBackForm .PeLogRequest
{
    top:13%;
    left:20%;
    width:800px;
    height:95%;
    max-height:500px;
}

#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: 480px;
}

#requestACallBackForm .PeLogRequest div{padding:0;}
.PeParametersDiv .ReqCallBackBtn{margin: 0 160px 0 170px;}
input.emailField{ width: 25em;}#requestACallBackForm .PeLogRequest .label{width:10em ;text-align:right;margin-right:10px;font-size:0.9em;font-weight:bold;}

.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; }

.PeParametersDiv textarea{width:600px;}
/* popup confirmation msg*/
#CallBackConfirmation {
    margin-left: 7px;
}

.callbacktitle{font-size:18px;font-weight:bold;color:#22ADFF;}
.callbackheader,.callbackexpectedtitle{font-size:12px; margin: 10px 0 20px 0;}

.comparisonTabl, .cookietable { width: 100%; border-collapse: collapse; }
.comparisonTable td, .comparisonTable th, .cookietable td, .cookietable th { text-align: center; padding: 2px 5px; }
.comparisonTable td:first-child, .comparisonTable th:first-child { text-align: left; font-weight: bold; }
.comparisonTable tr, .cookietable tr { border-bottom: 1px solid #C0C0C0; }
.comparisonTable tr.even, .cookietable tr:nth-child(2n-1) { background-color: #F3F3F3; }
.cookietable thead tr:first-child { background-color: #FFFFFF; }
.cookietable td { text-align: left; vertical-align: top; color: #4C4C4C; }

.ui-accordion {
    width: 90% !important;
}
.PeLogRequest input[type="checkbox"].input-validation-error { outline: solid 2px #D20000; }
fieldset { border: none; }

#popupContent h3:first-child { margin-top: 0; }
.addressCtrl { margin-bottom: 5px; }

h5 { font-size: 1.2em; margin-bottom: 0; }
.footerText { color: Green; font-size: 1.2em; text-align: center; }
.callbackexpecteddetails { margin: 15px; }
.loginSmallPrint p { font-size: 0.92em; }
.dealerNumber .fieldLabel + span { font-size: 1.0em; }

.enquiryMethod { margin-top: 40px; }