body {
     color: #333333;
     font-family: Calibri,Verdana,Arial,sans-serif;
     font-size: 12px;
     line-height: 1.5em;
     margin: 0px;
     padding: 0px;
}
div { margin: 0; padding: 0; }
a, a:visited, a:hover {
    text-decoration: none;
    color: #ff6801;
}
h1 {
    font-weight: bold;
    font-size: 25px;
    margin: 0;
}
h1 a, h1 a:hover, h1 a:visited { color: black; }
h2 { margin-top: 0.2em; }
h3 { margin: 10px 0; }
h4 { margin: 2px 0; font-size: 15px; }
a img { border: none; }
p { margin: 0; }

#mainWrapper {
        width: 968px;
        margin: 3em auto 4em;
        padding: 0;
	border: 1px solid #cdcdcd;
}

#headerWrapper {
        width: 968px;
        height: 93px;
	float: left;
}

#logo {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	margin: 20px 0 0 25px;
	float: left;
	height: 66px;
	width: 394px;
}

#search {
	width: 310px;
	height: 30px;
	float: right;
	margin: 25px 20px 0 0;
}

#search input {
        background-color: #FFFFFF;
        border: 1px solid #cfcfcf;
	width: 95px;
}

#search input.searchButton {
        margin: -6px 5px;
}

#accountNavigation {
	width: 310px;
	text-align: center;
	height: 93px;
	float: right;
}

#accountNav {
	margin: 0px;
	padding: 0px;
}

#accountNav li {
	text-align: center;
	height: 20px;
	list-style: none;
}


#staticNavigation {
	float: left;
	height: 35px;
	width: 959px;
	color: #FFF;
	margin-left: 5px;
	background-color: #ff6801;
}

#staticNavigation ul {
        width: 100%;
        margin: 0;
        padding: 0;
}

#staticNavigation ul li {
	list-style-type: none;
        text-transform: uppercase;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        padding: 5px 0;
        display: block;
        float: left;
        width: 95px;
        height: 20px;
}

#staticNavigation ul li a {
        color: #FFF;
}

li#main { border-top: 5px solid #ffbf13; border-right: 1px solid #FF6801; padding-top: 5px; }
li#insurance-spain { border-top: 5px solid #67b77f; border-right: 1px solid #FF6801; padding-top: 5px; }
li#property-spain { border-top: 5px solid #2ea9ff; border-right: 1px solid #FF6801; padding-top: 5px; }
li#money-finance-spain { border-top: 5px solid #fea3a2; border-right: 1px solid #FF6801; padding-top: 5px; }
li#travel-spain { border-top: 5px solid #fffc00; border-right: 1px solid #FF6801; padding-top: 5px; }
li#cars-spain { border-top: 5px solid #ff0000; border-right: 1px solid #FF6801; padding-top: 5px; }
li#gas-natural-spain { border-top: 5px solid #ffd7be; border-right: 1px solid #FF6801; padding-top: 5px; }
li#broadband-spain { border-top: 5px solid #00689b; border-right: 1px solid #FF6801; padding-top: 5px; }
li#shopping-spain { border-top: 5px solid #b2b2b5; border-right: 1px solid #FF6801; padding-top: 5px; }
li#mobile-phone-spain { border-top: 5px solid #89caf2; padding-top: 5px; }

#contentWrapper {
        width: 968px;
	min-height: 450px; 
	_height: 450px;
	float: left;
}

#content {
	min-height: 70px; 
	margin: 40px 0 0 30px;
	float: left;
        width: 912px;
	font-size: 16px;
}

#catagories {
	min-height: 380px;
	margin-left: 30px;
	float: left;
        width: 912px;
}

#insuranceBox {
        width: 147px;
	height: 168px; 
	float: left;
	padding: 4px 12px; 
	background-image:url(../images/orange-box.jpg);
}

#propertyBox {
        width: 151px;
	height: 168px; 
	float: left;
	padding: 4px 10px; 
	margin-left: 13px;
	background-image:url(../images/orange-box.jpg);
}

#moneyBox {
        width: 147px;
	height: 168px; 
	float: left;
	padding: 4px 12px; 
	margin-left: 13px;
	background-image:url(../images/orange-box.jpg);
}

#travelBox {
        width: 147px;
	height: 168px; 
	float: left;
	padding: 4px 12px; 
	margin-left: 13px;
	background-image:url(../images/orange-box.jpg);
}

#motoringBox {
        width: 147px;
	height: 168px; 
	float: left;
	padding: 4px 12px; 
	margin-left: 13px;
	background-image:url(../images/orange-box.jpg);
}
#motoringBox a {
    color: #000;
}

#ultilitiesBox {
        width: 147px;
	height: 168px; 
	float: left;
	padding: 4px 12px; 
	margin: 13px 0 0;
	background-image:url(../images/orange-box.jpg);
}

#broadbandBox {
        width: 147px;
	height: 168px; 
	float: left;
	padding: 4px 12px; 
	margin: 13px 0 0 13px;
	background-image:url(../images/orange-box.jpg);
}

#shoppingBox {
        width: 147px;
	height: 168px; 
	float: left;
	padding: 4px 12px; 
	margin: 13px 0 0 13px;
	background-image:url(../images/orange-box.jpg);
}

#mobilesBox {
        width: 147px;
	height: 168px; 
	float: left;
	padding: 4px 12px;
	margin: 13px 0 0 13px;
	background-image:url(../images/orange-box.jpg);
}

#rightText {
        width: 171px;
	height: 120px; 
	float: left;
        padding: 40px 0;
	text-align: left;
	font-size: 16px;
	margin: 13px 0 0 13px;
}

#footer {
	width: 968px;
	height: 70px;
	float: left;
}

#footNav {
	width: 958px;
	height: 35px;
	float: left;
        margin-left: 5px;
	background-color: #ff6801;
}

#footNav ul {
	margin: 8px auto;
	padding: 0;
	display: table;
}

#footNav ul li {
	list-style-type: none;
	text-align: center;
	margin: 0 5px;
        float: left;
        color: #FFF;
}

#footNav ul li a { color: #FFF; }

#footContent {
        width: 958px;
        height: 35px;
	float: left;
	font-size: 13px;
	text-align: right;
}

.clear {
	width: 100%;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

.orange { color: #ff6801; }
.full { margin: 0 0 10px; float: left; width: 100%; }
.header { background-color: #EEE; width: 98%; padding: 0px 1%; }
.label { float: left; margin: 0 1% 5px 0; text-align: right; width: 33%; }
.field { float: left; margin: 0 1% 5px 0; width: 64%; }

.full .full { margin: 0px 0px; }
.hidden { display: none; }
.linkButton { background-color: #ff6801; color: #FFF; padding: 3px 5px; }
.linkButton:hover { color: #FFF; }

.tb { float: left; margin: 0 1% 5px 0; width: 33%; text-align: right; }
.otb { float: left; margin: 0 1% 5px 0; width: 64%; }

/* Car Insurance Stuff */

.providerDetails , .providerHeader {
	width: 240px;
	min-height: 20px;
	_height: 20px;
	float: left;
	padding: 5px;
}

.quoteDetails {
	width: 660px;
	min-height: 20px;
	_height: 20px;
	float: left;
}

.paymentDetails , .paymentHeader {
	width: 260px;
	float: left;
}

.legalCover , .legalHeader , .breakDownCover , .breakDownHeader , .protectedNoClaims , .noClaimsHeader , .hireCar , .courtesyHeader {
	width: 90px;
	float: left;
	padding: 5px;
}

.error { background-color: #D60601; }

#firstStep , #secondStep , #thirdStep , #fourthStep { float: left; height: 20px; width: 180px; padding: 5px 10px; background-image: url('../images/arrow-grey.png'); background-repeat: no-repeat; color: #FFF; }
#firstStep .orangeBack , #secondStep .orangeBack ,#thirdStep .orangeBack ,#fourthStep .orangeBack { background-image: url('../images/arrow-orange.png'); }
#firstStep a , #secondStep a , #thirdStep a , #fourthStep a { color: #FFF; display: block; width: 180px; height: 20px; }

.orangeHeader {
    background-color: #FF6801;
}

.insuranceLinkCol {
	width: 24%;
	float: left;
	margin-right: 1px;
	min-height: 35px;
}

.moreHeader , .tableHeader {
    color: #333;
    font-size: 24px;
    font-weight: bold;
}

.tableHeader {
    text-align: center;
}

.fifth { width: 18%; margin: 0px 1%; float: left; height: 20px; }
.sixth { width: 14%; margin: 0px 1%; float: left; height: 20px; }

.quater { width: 23%; margin: 0px 1%; float: left; min-height: 20px; _height: 20px; }

.quoteTable {
	border: 2px solid #FF6801;
	border-top: 4px solid #FF6801;
	margin-top: 5px;
}

.odd { background-color: #FFF; }
.even { background-color: #FDE1CC; }

.quoteTable td { text-align: center; }
.quoteHeader { background-color: #FDB07C; }

.toolTip {
	display: none;
	position: absolute;
	padding: 10px;
	border: 1px solid #FF6801;
	background-color: #FDB07C;
}

.quoteTable { text-align: centre; }