﻿/* Set up Div shapes specific to this project */

/* Home page blocks */


/* we put a div inside the containing div to defeat the IE block model */
.HomePageBlockContent
{
  margin-right:   25px;
  margin-left:    5px;
  margin-top:     5px;
  margin-bottom:  25px;
}

.HalfBlockLeft .HomePageBlockContent
{
  margin-left: 20px;
  margin-top: 15px;
}

.MINIHeadingImage
{
  color: #22ADFF;
  text-transform: uppercase;
  font-size: 20pt;
  font-weight:bold;
  padding-bottom: 10px;
}

/* transaction */

.TransPanel
{
  width: 728px;
  border: solid 10px #666666;
  background-color: #FFFFFF;
  color: #000000;
  padding: 190px 0px 20px 0px;
  margin-bottom: 30px;
  background-image: url(/App_Themes/MiniUK/Images/Pages/Banner_Quote.gif);
  background-position: top;
  background-repeat: no-repeat;
}

.TextPanel
{
  padding-left: 15px;
}

.Warning
{
  color: Red;
  font-weight: bold;
}


/* text styles */

h1
{
  font-size: 12pt;
  font-weight: bold;
  margin: 15px 0 5px 0;
  padding: 0;
  text-transform: uppercase;
}

h2
{
  font-weight: bold;
  font-size:9pt;
  margin: 5px 0 10px 0;
  padding:0;
  text-transform: uppercase;
}

.Red
{
  color: #0099FF;
}

h3
{
  margin:0;
  padding:5px 0 5px 0;
  font-size:9pt;
  font-weight: bold;
  text-decoration: none;
}

h4
{
  margin:0;
  padding:0 0 5px 0;
  font-weight: bold;
  text-decoration: underline;
}

body,select,input,button,submit,textarea
{
  margin:0;
  padding:0;
  font-family:arial,helvetica,verdana,sans-serif;
  font-size:8pt;
  color:#4c4c4c;
}

p
{
  margin-top: 5px;
  margin-bottom: 5px;   
}



/* remaining bits and pieces from BMW main */

a img,img
{
  border:0;
}

select
{
  padding:2px;
}

body
{
  background: #000000;
}

ul,ol,li
{
  padding:0;
  margin:0;
}

.sipErrorBox
{
  color: #FF0000;
  list-style-type:none;
  margin-bottom: 15px;
}

#sipPage 
{
  position: absolute;
  top: 55px;
  left: 150px;
  width: 800px;
}

#printMain
{
  background-color: #FFFFFF;
  padding: 10px 5px 5px 5px;
  font-size: 12pt;
}

.sipPageTitle
{
  height: 30px;
  padding: 10px;
}
.sipPageTitle h1
{
  margin-left: 10px;
}

.sipHomePagePolicyDocumentsImage
{
  background : url(/App_Themes/BMWCarUK/Images/PolicyDocumentsImage.jpg);
  width: 198px;
  height: 102px;
}

.sipWithRightBar
{
  background:transparent url(/App_Themes/BMWCarUK/Images/BMW_VerticalBar.png) no-repeat scroll right top;
}

.sipHomePageShortfallImage
{
  background : url(/App_Themes/BMWCarUK/Images/ShortfallImage.gif);
  width: 86px;
  height: 61px;
  float: left;
}

.sipHomePageIPImage
{
  background : url(/App_Themes/BMWCarUK/Images/IPImage.gif) no-repeat;
  width: 86px;
  height: 100px;
  float: left;
}

.sipButton
{
  background : url(/App_Themes/MiniUK/Images/SipButton.png) no-repeat scroll left;
  padding:0px 5px 2px 15px;
  font-weight: bold;
  text-transform :uppercase;
  font-family: arial,helvetica,sans-serif;
  font-size: 9pt;
  line-height:15px;
  color: #22ADFF;
  vertical-align:middle;
  text-decoration:none;
}

a.sipBackButton
{
  background : url(/App_Themes/MiniUk/Images/SipBackButton.png) no-repeat scroll left;
  padding: 0px 5px 5px 20px;
  line-height:21px;
  font-weight: bold;
  height:25px;
  margin: 0 10px 0px 0;
  color: #22ADFF;
  font-weight: bold;
  font-size: 9pt;
  font-family:arial,helvetica,sans-serif;
  text-transform :uppercase;
  text-decoration:none;
}

button[disabled]
{
  margin:2px 7px 0 0;
    background : url(/App_Themes/MiniUK/Images/SipButtonDisabled.png) no-repeat scroll left;
  background-color:#FFFFFF;
  height:25px;
  cursor:default;
  border: none;
  width:auto;
  overflow:visible;
  line-height:20px; /* Safari */
  padding:0px 5px 6px 15px;
  color: #AAAAAA;
  text-transform :uppercase;
  font-family: arial,helvetica,sans-serif;
  font-weight: bold;
  vertical-align:middle;
}

button{
  margin: 2px 7px 0 0;
  background-color:#FFFFFF;
  height:25px;
  cursor:pointer;
  border: none;
  width:auto;
  overflow:visible;
  line-height:20px; /* Safari */
  background : url(/App_Themes/MiniUK/Images/SipButton.png) no-repeat scroll left;
  padding: 0px 5px 6px 15px;
  font-weight :bold;
  text-transform :uppercase;
  font-family: arial,helvetica,sans-serif;
  font-size: 9pt;
  color: #22ADFF;
  vertical-align:middle;
}

input.formbutton
{
  margin: 2px 7px 0 0;
  background-color:#FFFFFF;
  height:25px;
  cursor:pointer;
  border: none;
  width:auto;
  overflow:visible;
  line-height:20px; /* Safari */
  background : url(/App_Themes/MiniUK/Images/SipButton.png) no-repeat scroll left;
  padding: 0px 5px 6px 15px;
  font-weight :bold;
  text-transform :uppercase;
  font-family: arial,helvetica,sans-serif;
  font-size: 9pt;
  color: #22ADFF;
  vertical-align:middle;
}

input.sipBackButton
{
  margin: 2px 7px 0 0;
  background : url(/App_Themes/MiniUk/Images/SipButton.png) no-repeat scroll left;
  padding: 0px 5px 6px 15px;
  line-height:21px;
  font-weight: bold;
  height:25px;
  color: #22ADFF;
  font-weight: bold;
  font-size: 9pt;
  font-family:arial,helvetica,sans-serif;
  text-transform :uppercase;
  text-decoration:none;
  border:none;
  cursor:pointer;
}

input.formbutton[disabled]
{
  margin:2px 7px 0 0;
    background : url(/App_Themes/MiniUK/Images/SipButtonDisabled.png) no-repeat scroll left;
  background-color:#FFFFFF;
  height:25px;
  cursor:default;
  border: none;
  width:auto;
  overflow:visible;
  line-height:20px; /* Safari */
  padding:0px 5px 6px 15px;
  color: #AAAAAA;
  text-transform :uppercase;
  font-family: arial,helvetica,sans-serif;
  font-weight: bold;
  vertical-align:middle;
}

.sipButtonText
{
  padding :2px 5px 4px 4px;
  font-weight: bold;
  text-transform :uppercase;
  font-family: arial,helvetica,sans-serif;
  font-size: 9pt;
  text-decoration:none;
  color: #22ADFF;
}

input[type="text"]
{
  width:130px;
}

input.sipPriceBox
{
  width:75px;
}


label
{
  color: #666666;
}

.sipBold
{
  font-weight : bold;
}


.sipLinkFooter
{
  margin-top:20px;
  margin-bottom: 20px;
  margin-left:25px;
}

/* The box inviting dealers to log in */
.sipDealerBox
{
  text-align: right;
  font-size : 10px;
  margin-right: 10px;
}

/* The standard box to display errors in */
.sipErrorBox
{
  color: #FF0000;
  list-style-type:none;
  margin-bottom: 15px;
}

/* The standard box to display product in */
.sipProductSelectionBox
{
  background-color: #FFFFFF;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0px 3px 0px 3px;
}

/* Paragraphs inside sipProductSelectionBox divs */
.sipProductSelectionBox p
{
  margin: 2px 2px 2px 2px;
}

/* SipProductSelectionBox divs contained inside SipProductSelectionBox divs */
.sipProductSelectionBox .sipProductSelectionBox
{
  width: auto;
  margin-left: 5px;
  margin-right: 5px;
}

/* The table containing product, Yes radio, No radio */
.sipProductTable
{
  width: 100%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/* The product descriptions inside sipProductTable */
.sipProductTable th
{
  font-weight: bold;
  width: 350px;
  text-align: left;
}

/* Radio yes, Radio no */
.sipProductTable td
{
  width: auto;
}

/* The table containing summary data */
.sipSummaryTable
{
  width: 450px;
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
}

.sipSummaryTable th
{
  border: none;
  font-weight: bold;
  text-align: left;
}

.sipSummaryTable td
{
  border: none;
  text-align: left;
}

.sipYourSituationBox
{  
  background-color: #FFFFFF;
  width: 650px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0px 3px 0px 0px;
}

.sipYourSituationHeader
{  
  font-weight:bold;
}

.sipQuoteDetailsBox
{
  background-color: #FFFFFF;
  width: 450px;
  margin-top: 15px;
  margin-bottom: 5px;
  padding: 0px 3px 0px 0px;
}

.sipQuoteDetailsTable th
{
  text-align: left;
}

.sipQuoteDetailsTable
{
  margin-left:0px;
}


table.sipPurchaseWorkflowHeader
{
  width : 600px;
  margin : 10px 0 10px 0;
  padding : 0px 0px 0px 50px;
}


table.sipPurchaseWorkflowHeader tr
{
  margin : 0;
  padding : 0;
}

#sipCurrentPageHeader
{
  background-color : #FFFFFF;
  color: #000000;
  font-weight:bolder;
  padding:2px;
  text-align:center;
  text-transform :uppercase;
  padding-left: 15px;
}

#sipCurrentPageHeader .sipPageHeaderLink
{
  color: #000000;
  font-weight:bolder;
  text-transform :uppercase;
}

#sipNonCurrentPageHeader
{  
  background-color : #FFFFFF;
  color: #BBBBBB;
  font-weight:bolder;
  padding:2px;
  text-align:center;
  margin: 50px;
  text-transform :uppercase;
  padding-left:15px;
}

#sipNonCurrentPageHeader .sipPageHeaderLink
{  
  color: #BBBBBB;
  font-weight:bolder;
}

.sipPriceBox
{
  border: 1px solid #AAAAAA;
  font-weight: bold; 
  color: #000000;
  padding: 0 3px 0 3px;
  margin: 3px 0 3px 0;
  text-align: right;
  width: 75px;
}

.sipPriceTable
{
  text-align:right;
  padding-left:10px;
}

.sipPriceTable td
{  
  width:100px; 
}

.sipPriceTable th
{  
  width:200px;  
}

.sipImportantInformation
{
  color: Red;
}

span.sipLink
{
  color: #3333CC;
  text-decoration:underline;
}

span.sipLink:hover
{
  color: #0000AA;
}

/* The links footer above the branding footer */
.sipLinkFooter a
{
  color: #3333CC;
  margin-right: 10px;
  
}

.sipPrintableSummary
{
  color:Black;
  font-size:13px;
}

.sipPrintableSummaryRightColumn
{
  padding-left :10px;
}

.sipPrintableSummary h2
{
  margin-bottom:5px;
  padding-bottom:0px;
}

.sipPrintableSummary h3
{
  margin-top:5px;
  margin-bottom:5px;
  padding-bottom:0px;
}

.sipPrintableSignatureBox
{
  border:1px solid gray;
  width:275px;
  height: 50px;
}

.sipPrintPageBreak
{
  page-break-before: always;
}

a.sipInfoButton 
{
  text-decoration:none;
  border: 1px solid #22ADFF;
  padding: 0px 3px 2px 2px;
  font-weight:bold;
  color: #22ADFF;
  text-align:center;
}

.sipValidationMessage
{
 padding-left : 2px;
  font-weight : bold;
  color : #FF0000;
}

input.sipCardDateTextbox
{
  width:20px;
}

input.sipCardSecurityTextbox
{
  width:30px;
}

.sipVehicleDropdown
{
  width:250px;
}

span.sipRecommendedField
{
  font-size: 12pt;
}

.sipRecommendationsTable td
{
  height:20px;
}

table.sipFAQTable td
{
  vertical-align:top;
  padding-right: 50px;
}

table.sipClaimsTable td
{
  vertical-align:top;
  padding-right: 50px;
}

@media print {
  div.sipHideOnPrint {
    display:none;
  }
}

span.sipNonMandatoryField 
{
 padding-left:7px; 
}

td.sipNonMandatoryField
{
  padding-left:10px; 
}

div#popupMain
{
 margin:10px; 
 width:450px;  
}

