@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}
html, body {
 background-color:#f2f2f2;
 background-image:url(images/backStrip.jpg);
 background-position:top;
 background-repeat:repeat-x;
 margin: 0;
 padding: 0;
 border: 0;
 height:100%;
 font-family:Verdana, Geneva, sans-serif;
 }

* html .topText, #splitLine, .topMessage, .topLeft, .topLeft2, .bottomLeft, .bottomLeft1, .bottomLeft2, .bottomLeft3, .qqMain, #button, #line, .bottomStrip, #container{ display:inline; }
.topMessage{ display: inline-block; position:relative; width:900px; height:95px; margin-left: 32px; margin-right: 32px;}
.topImage{display: inline-block; position:relative; float:right; margin-top: 32px;}
* html #container{float:left;position:relative;height:auto;background-image:url(images/strip2.gif);background-repeat:repeat-y;}
* html .bottomStrip{ float:left; position:relative; width:960px; height:15px; background-image:url(images/bottomStrip2.jpg); background-repeat:no-repeat;}

body { margin-top:0px;} 
 
 h1{
	 
	 font-size:16px;
	 font-weight:bold;
	 color:#00AEEF;
	 
 }
 
  h2{
	 
	 font-size:18px;
	 line-height:22px;
	 color:#00AEEF;
	 font-weight:100;
	 margin-bottom:16px;
	
	
 }
 
  h3{
	 
	 font-size:18px;
	 line-height:22px;
	 color:#00AEEF;
	 font-weight:100;
	 margin-top:32px;
	 margin-bottom:16px;
	
	
 }
 
   h4{
	 
	 font-size:18px;
	 line-height:22px;
	 color:#00AEEF;
	 font-weight:100;
	 margin-bottom:16px;
	
	
 }
 
h5{
	 
	  font-size:12px;
	  font-weight:bold;
	  line-height:16px;
	  color:#333;
	  margin-bottom:16px;
}

h6{
	 
	 font-size:12px;
	 line-height:16px;
	 color:#00AEEF;
	 font-weight:bold;
	 margin-bottom:8px;
 }

p, body {
	 
	  font-size:12px;
	  line-height:16px;
	  color:#333;
}

.PageTitle {
	 font-size:22px;}

.radioText {  font-size:12px; font-weight:bold; line-height:16px; color:#333;}

p.strong {  font-size:12px; font-weight:bold; line-height:16px; color:#333;}

ul{list-style: none; margin: 0; overflow: hidden; padding:0px; clear:left;}
li { display:inline-block; float:left;  padding-right:32px;}

ul.standard {list-style-type:disc; overflow: visible; padding: none; clear: none;}
ul.standard li {display: list-item; float: inherit; margin-left: 20px;}
ul.standard li.bac-li {
    margin-left: 50px;
    margin-bottom: 10px;
}


a.step1Button, a.step2Button, a.step3Button, a.startButton, a.nextButton, a.finishButton {  font-size:18px; font-weight:100; text-decoration:none; color:#fff; display:block; padding:5px 10px 5px 10px; background-color:#00AEEF; background-image:url(images/arrow.gif); background-repeat:no-repeat;}
a.step1Button:hover, a.step2Button:hover, a.step3Button:hover, a.startButton:hover, a.nextButton:hover, a.finishButton:hover {color:#00AEEF; background-color:#f3f3f3; text-decoration:underline; background-image:url(images/arrow2.gif); background-repeat:no-repeat;}

a.step1Button, a.step2Button { width: 120px; background-position:110px;}
a.nextButton {  width:60px; background-position:60px;}
a.finishButton, a.startButton {  width:70px; background-position:70px;}
a.step3Button {  width:120px; background-position:115px;}
input.quoteButton{ margin-right: 390px; border: none; height: 33px; text-align: center;  font-size:18px; font-weight:100; text-decoration:none; color:#fff; display:inline-block; width:180px; padding:5px 10px 5px 10px; background-color:#00AEEF; cursor: pointer;}
input.quoteButton:hover{color:#00AEEF; background-color:#f3f3f3; text-decoration:underline; }
input.requoteButton{ margin-right: 360px; border:none; height: 33px; text-align: center; line-height: 22px;  font-size:12px; font-weight:100; text-decoration:none; color:#00AEEF; display:inline-block; width:210px; padding:5px 10px 5px 10px; background-color:#FFFFFF; cursor: pointer; background-image:url(images/Refresh.gif); background-position: 5px center; background-repeat:no-repeat; cursor: pointer; float: left;}
input.requoteButton:hover{color:#00AEEF; background-color:#FFFFFF; text-decoration:underline; }

  
.quickQuoteHeader
{
	 
	 font-size:22px;
	 line-height:22px;
	 color:#00AEEF;
	 font-weight:100;
}
    
a.textLink{  font-size:12px; font-weight:100; text-decoration:underline; color:#00AEEF;}
a.textLink:hover{color:#666; text-decoration:underline;}

a, img {border:none;}
 

#main {
	width: 960px;
	margin: 0 auto;
	min-height: 100%;
	position:relative;
	
}

#container{
	float:left;
	position:relative;
	height:auto;
	width:960px;
	background-image:url(images/strip.png);
	background-repeat:repeat-y;
}


.welcome{ margin-bottom:16px;}

#step1{ float:right; clear:right; margin-top:10px; margin-right:10px;}
#step2{ float:right; margin-top:10px;}
#step3{ float:right; margin-top:10px; margin-right:580px;}

.topText{ position:relative; float:left;clear:left; margin-left:32px; width:896px; height:auto; margin-bottom:32px;}
.topLeft{ position:relative; float:left; clear:left; margin-left:32px; margin-bottom:32px; margin-right:64px; width:384px; height:160px; border-bottom: 1px solid #e4e4e4;}
.topLeft2{ position:relative; float:left;clear:left; margin-left:32px; margin-bottom:16px; margin-right:64px; width:384px; height:auto; padding-bottom:16px; border-bottom: 1px solid #e4e4e4;}
.topRight{ position:relative; float:right; clear:right; width:384px; margin-right:64px; margin-bottom:32px; height:140px; border-bottom: 1px solid #e4e4e4;}
.topRight2{ position:relative; float:right; clear:right; width:384px; margin-right:64px; margin-bottom:32px; height:auto;}
.bottomLeft{ position:relative; float:left; clear:left; margin-left:32px; margin-bottom:16px; margin-right:64px; width:384px; height:auto;}
.bottomLeft2{ position:relative; float:left; clear:left; margin-left:32px; padding-bottom:32px; margin-bottom:16px; margin-right:64px; width:384px; height:auto; border-bottom: 1px solid #e4e4e4;}
.bottomLeft3{ position:relative; float:left; clear:left; margin-left:32px; padding-bottom:10px; margin-bottom:16px; margin-right:64px; width:512px; height:auto; border-bottom: 1px solid #e4e4e4;}
#getAQuote{ position: relative; display: inline-block; clear: both; width: 900px; margin-bottom: 20px; padding: 0px 30px;}
.qqMain{ position:relative; float:left; clear:left; width:512px; height:auto; border-bottom: 1px solid #e4e4e4; min-height: 300px;}
.bottomRight{ position:relative; float:right; clear:right; padding-bottom:32px; width:384px; margin-right:64px; height:auto;}
.rightBox{ position:relative; float:right; clear:right; width:320px; height:230px; background-image:url(images/borderline.jpg);}

.barclaysRow {
    margin-right: 32px;
	margin-left: 32px;
	margin-bottom: 32px;
}
.barclaysRow h3 {
	font-weight: bold;
	color: #333333;
}
.scamSmart {
	font-weight: bold;
	font-size: 30px;
    color: #333333;
    margin-bottom: 20px;
    margin-top: 20px;
}


#boxText {
	position: relative;
	margin-left: 54px;
	margin-top: 92px;
}
#boxLink{ position:relative; margin-left:54px; margin-top:42px;}


.bottomStrip{ float:left; position:relative; width:960px; height:15px; background-image:url(images/bottomStrip.jpg); background-repeat:no-repeat;}

#button{ position:relative; float:left; clear:left; margin-left:32px; margin-top:16px; margin-bottom:32px;}
 
#line{ float:left; position:relative; margin-bottom:32px; margin-left:7px; width:945px; height:32px; background-color:#00AEEF;}
#splitLine{ float:left; position:relative; margin-bottom:32px; margin-left:32px; width:896px; border-bottom: 1px solid #e4e4e4;}
#littleLine{ float:left; position:relative; margin-bottom:16px; margin-top:16px; width:512px; border-bottom: 1px solid #e4e4e4;}

input[type="radio"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; -ms-appearance: checkbox; -o-appearance: checkbox;}


table, tr, td
{
    border-collapse: collapse;  
    border: 1px solid #ccc;
}

.tables{ background-color:#fff;  font-size:12px; font-weight:100; color:#00AEEF; padding: 10px 5px;}
.tables .tableTitles{text-align: left; width: 148px; background-color:#00aeef;  font-size:12px; font-weight:100; color:#fff; padding: 10px 5px;}
.tables td {text-align: center; padding: 10px 5px;}
.tables.tableStrongTitle{ font-weight:bold; }

.tableTitles2{background-color:#00aeef;  font-size:12px; font-weight:bold; color:#fff; padding:5px;}
.tables2{background-color:#fff;  font-size:12px; font-weight:100; color:#00AEEF; padding:5px;}


/* Quick Quote requires javascript. We'll only 
show the iframe and button if js is enabled */
.jScript, .button.jScript, .bottomLeft3 .jScript, .qqMain .JScript
{
    display: none;
}

#logo{ position:relative; float:right; padding: 32px 20px 10px 0px;}

.warning { color: Red; }


/* ie6 fix testing */
.buttonRow {display: inline-block; width: 900px; padding: 0px 0px 30px 0px; margin-left: 30px;}
.buttonBack{display: inline-block; width: auto; float: left; clear:none;}
.button { display: inline-block; width: auto; float: right; clear:none;}

.mainButton{ border: none; height: 33px; text-align: center;  font-size:18px; font-weight:100; text-decoration:none; color:#fff; display:inline-block; padding:5px 10px 5px 10px; background-color:#00AEEF; cursor: pointer;}
.mainButton:hover{color:#00AEEF; background-color:#f3f3f3; text-decoration:underline; }

a.backButton{ display: inline-block;  font-size:18px; font-weight:100; text-decoration:none; color:#fff; width:60px; padding:5px 10px 5px 10px; background-color:#999; background-image:url(images/backArrow2.gif);background-repeat:no-repeat; background-position:10px; cursor: pointer; padding-left: 30px; clear: none;}
a.backButton:hover{text-decoration:underline;background-color:#666; background-image:url(images/backArrow1.gif); }

.bold {
    font-weight: bold;
}