/*******************************************************
*******************************************************/
*{
padding: 0;
margin:  0;
}
html, body {
font:       12px Verdana, Arial, Helvetica, sans-serif;
color:      #000;
background: #fff;
text-align: center;
}
a {
color:#cc0000;
text-decoration:underline;
}
a:hover {
color:#367BC0;
text-decoration:none;
}
p{
margin: 0 0 10px 0;
padding: 0 10px 0 0;
border: 0px solid #1466B7;
}
img {
border: 0px;
margin: 0px;
}

/****************
#CONTAINER
*****************/
#container {
width: 990px;
margin: 0 auto;
text-align: left;
position: relative;
background: #FFF;
}
/****************
END #CONTAINER
*****************/

/****************
#HEADER
*****************/
#header {
padding: 0px;
height: 110px;
background-image:url(../img/header_bg.jpg);
margin-bottom:2px;
}
#header img {
margin: 0 0 0 100px;
}
#header h1 { 
margin:0; 
padding:0;
display:none;
}
/****************
END #HEADER
*****************/

/****************
#NAVIGATION
*****************/
#navigation {
margin: 0px;
background:#fff;
}
#navigation ul {
margin: 0px;
padding: 4px 0 0 50px;
height: 27px;
background-image: url(../img/navigation_background.jpg);
list-style-type: none;
}
#navigation ul li {
float: left;
font-size: 9pt;
font-weight: bold;
text-align: center;
}
#navigation ul li a {
display: block;
margin: 1px 2px 0 0;
padding: 6px 0 0 0;
background-image: url(../img/navigation_button.jpg);
color: #fff;
width: 112px;
height: 20px;
text-decoration: none;
}
#navigation ul li a:hover,
#navigation ul li a.active {
background-image: url(../img/navigation_button_hover.jpg);
color: #DD652B;
}
/****************
END #NAVIGATION
*****************/

/****************
#LEFT COLUMN
*****************/
#leftColumn {
float:left;
width: 730px;
margin: 0 0 20px 0;
padding: 0 10px 0 20px;
border: 0px solid red;
}
#leftColumn h1{
margin:10px 0 10px -10px;
padding:0;
color: #DD652B;
font-size: 16px;
}
#leftColumn h2{
margin:10px 0 10px -10px;
padding:0;
color: #DD652B;
font-size: 14px;
}

table.news{
margin: 0 0 10px 0;
padding: 0;
border-collapse: collapse;
border:1px solid #B2B2B2;
}
table.news th{
margin: 0;
padding: 5px;
background: #367BC0;
color: #fff;
text-align: left;
}
table.news td {
margin: 0;
padding: 5px;
background: #fff;
font-size: 10px;
border:1px solid #B2B2B2;
}
table.news a{
color: #DD652B;
text-decoration: none;
}

table.providers {
margin: 0 0 20px 0;
}

table.providers td {
padding: 0 0 50px 0;
}

table.providers a {
font-weight: bold;
text-decoration: none;
color: #367BC0;
font-size: 12px;
}

table td.avarage {
font-weight: bold;
text-decoration: none;
color: #367BC0;
font-size: 12px;
}

table a {
font-weight: bold;
text-decoration: none;
color: #367BC0;
font-size: 12px;
}

form {
padding: 15px;
width: 500px;
}
label {
float: left;
width: 170px;
text-align: left;
margin: 0px;
}
input.text, textarea.text, select.text {
margin-bottom: 10px;
padding: 0px;
font-size: 12px;
width: 310px;
}
select.text {
width: 314px;
}
textarea.text {
height: 150px;
}

div#error {
margin: 10px 0 0 0;
padding: 10px 20px 10px 20px;
width: 500px;
border: 1px red solid;
background: #FFB0B0;
}

table.review{
margin: 0 0 10px 0;
padding: 0;
border-collapse: collapse;
border: 1px solid #B2B2B2;
font-size: 10px;
}
table.review th{
margin: 0;
padding: 5px;
background: #367BC0;
color: #fff;
text-align: left;
}
table.review td {
margin: 0;
padding: 5px;
background: #fff;
border:1px solid #B2B2B2;
}

div.review_btn {
width: 620px;
margin-bottom: 15px;
text-align: center;
}

div#disclaimer {
border-top:1px solid #B2B2B2;
border-bottom:1px solid #B2B2B2;
margin: 10px;
padding: 5px;
font-size: 10px;
color: #B2B2B2;
}

span#providerName {
font-weight: bold;
text-decoration: none;
color: #367BC0;
font-size: 12px;
}
/****************
END #LEFT COLUMN
*****************/

/****************
#RIGHT COLUMN
*****************/
#rightColumn {
float:right;
margin: 0 0 20px 0;
padding:0;
width:220px;
background-color:#fff;
border:0px solid #000000;
}

#rightColumn h2{
margin:10px 0 0 0;
padding:0;
color: #DD652B;
font-size: 12px;
}

#rightColumn table a {
font-weight: bold;
text-decoration: none;
color: #367BC0;
font-size: 12px;
}

#rightColumn table td {
padding: 0 0 10px 0;
}

#rightColumn table td.avarage {
font-weight: bold;
text-decoration: none;
color: #367BC0;
font-size: 12px;
}

form.postcodeCheck {
padding: 0px;
width: 165px;
}

input.postcodeCheck{
margin-bottom: 10px;
padding: 0px;
font-size: 12px;
}
/****************
END #RIGHT COLUMN
*****************/

/****************
#FOOTER
*****************/
#footer {
clear:both;
width: 100%;
height: 22px;
line-height: 22px;
font-size:10px;
text-align:center;
background-image: url(../img/navigation_background.jpg);
}
/****************
END #FOOTER
*****************/


