/*--------------------------------< 1. Main layout and defaults >-----------------------------------------*/

/* --- default settings --- */
*{
padding:0px;margin:0px;
font-family:Arial, Helvetica, sans-serif;
}

body{
  position:relative;
  margin:0 auto 0 auto;
  background-position: center;
  color:#333;
  font-size:62.5%;
  line-height:1.5;
}

img
{
  border: 0px;
}
/* --- layout settings --- */
#wrapper {
  width: 770px;
  margin:0 auto;
  min-height:300px;
  border: 1px solid #000000;
  background-color:#bdc0c4;
}
#skipLink{
display:none;
}
#nav {
  width: 140px;
  float:right;
  clear:left;
  padding: 5px;
  padding-top:97px;
  padding-right:55px;
  line-height:1.2;
}
#content {
  padding-left:50px;

}
#middleChannel {
  float: left;
  /*width: 440px;*/
  width:600px;
  padding-top:10px;
  color:#000000;
  font-size:1.0em;
}
#header {
  background-color: #CCC;
  height: 117px;
  width: auto;
  background-image:url(/images/frontend/header.gif);
  background-repeat:no-repeat;
}
#headerTW {
  background-color: #CCC;
  height: 154px;
  width: auto;
  background-image:url(/images/frontend/headerTW.gif);
  background-repeat:no-repeat;
}
#footer {
  float:left;
  clear:both;
  height: auto;
  width: 100%;
}
#midsection {
/*background-color:#FFF;*/
width:100%;
padding-bottom:20px;
}
#innerleft{
/*background-color:#009999;*/
width:50%;
float:left;
clear:left;
}
#innerright{
/*background-color:#66FF66;*/
width:50%;
float:left;
clear:right;
background-image:url(/images/frontend/splitter.png);
background-repeat:no-repeat;
background-position:0 50%;
}
.homepagecontainer{
padding:10px;
}

/*--------------------------------< 3. Standard Links >-----------------------------------------*/
a:link, a:visited{
color:#EF3B31;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

/*--------------------------------< 4. Header specific including "Feature List" Accessibilty etc. ------------------*/
#header ul, #header h1{
  padding-left:15px;
}
#header h1{
  padding:0px;
  padding-left:0px;
  margin:0px;
}
#header ul{
padding-left:0em;
}
#featureList li
{
  font-family:Arial, Helvetica, sans-serif;
  display: inline;
  list-style-type: none;
  font-size:0.9em;
  font-weight:bold;
  padding: 0px;
  margin: 0px;
  padding-right: 0.6em;
}
#featureList li a:link, #featureList li a:visited{
  text-decoration: none;
  color:#FFFFFF;
}
#featureList li a:hover{
  text-decoration: underline;
}


/*--------------------------------< 5. Navigation - series of unordered lists >-----------------------------------------*/


#nav ul{
list-style-type:none;
}
/*common sub nav lists*/
#nav ul ul a:link, #nav ul ul a:visited{
color:#999;/*dark_grey*/
display:block;
width:150px;
/*margin:0 8%;*/
padding:4px 2%;
text-decoration:none;
}
#nav ul ul a:hover{
text-decoration:underline;
background-color:#FFF;
}
/*specific lists*/
#nav ul #itemSub a:link, #nav ul #itemSub a:visited{
color:#202A5D;
background-color:#FFF6D9;
}
#nav ul #itemSub a:hover{
background-color:#ffdc6c;
text-decoration:underline;
}

#nav ul h4 a:link, #nav ul h4 a:visited{
display:block;
font-size:1.2em;
width:150px;
/*margin:0 8%;*/
padding: 0 2%;
text-decoration:none;
color:#666;/*default dark grey*/
border-top:solid 2px #ffffff;
font-weight:lighter;
}
#nav ul h4.selected a:link, #nav ul h4.selected a:visited{
display:block;
background-color:#F36;
color:#FFF;
text-decoration:none;
}
#nav ul h4 a:hover{
background-color:#F36;
color:#FFF;
text-decoration:underline;
}
/*--------------------------------< 6. Footer specific styles >---------------------------------------*/
#footer p{
font-family:Arial, Helvetica, sans-serif;
padding:5px 5px 5px 5px;
font-size:1em;
line-height:1.2;
}
/*--------------------------------< 7. Main page area styles >-----------------------------------------*/

/* --- standard html elements --- */
#middleChannel p, #middleChannel h1, #middleChannel h2, #middleChannel h3, #middleChannel h4{
}

#middleChannel p, #middleChannel h3{
}

#middleChannel h1{
font-size:1.8em;
line-height:1.4em;
font-weight:lighter;
color:#FFFFFF;
}

#middleChannel h2{
font-size:1.6em;
line-height:1.4em;
}

#middleChannel h2 {color:#ffffff;
font-size:1.2em;}

#middleChannel h3{
font-size:1.4em;
line-height:1.2em;
color:#ffffff;
}
#middleChannel h4{
font-size:1.2em;
line-height:1.4em;
}
#middleChannel ul{
padding-left:40px;
padding-bottom:10px;
}
#middleChannel select{
font-size:1.1em;
width:200px;
}
#middleChannel option{
line-height:1px;
}
#middleChannel input{
font-size:1.1em;
line-height:1;
}

#middleChannel table{
	background-color:#cccccc;
}
#middleChannel table td{
	padding:10px;
	background-color:#f0f0f0;
	color:#333333;
	font-weight:500;
	font-size:0.9em;
	border-bottom: #CCCCCC solid 1px;
	background-attachment: scroll;
	background-image: url(/images/frontend/table_shade.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#middleChannel table td input, #middleChannel table td select{
	
	/*background-color:#CC6699;*/
	font-size:1.0em;
	color:#666666;
	font-weight:200;
}

.noteHelper{
	font-size:0.8em;
	font-weight:200;
	padding-left:0px;
}

.field100{
	width:100px;
}
.field150{
	width:150px;
}
.field200{
	width:200px;
}
.field250{
	width:250px;
}
.field300{
	width:300px;
}
.field350{
	width:350px;
}


/*--------------------------------< 7. Common helper styles >---------------------------------------*/

/* --- table formatting --- */
#myTable #highlight{
background-color:#E0F0F7;
}
#myTable #lowlight{
background-color:#9FD8F3;
}
.clear{
height:1px;
font-size:0.0em;
clear:both;}

/*-------------------------------------- STYLINGS FOR POWERSPEC FORM --------------------*/

#formPartOne {background-color: #fff;
margin-top:10px;
color:#000000;
border:#000000 1px solid;
}


#formPartTwo {background-color: #fff;
margin-top:20px;
margin-bottom:20px;
color:#000000;
border:#000000 1px solid;
}

#formPartThree {background-color: #fff;
margin-top:20px;
margin-bottom:20px;
color:#000000;
border:#000000 1px solid;
}
#mainForm {padding:10px;
font-size:1.2em;}

#my_quotes {padding:10px;
font-size:1.2em;
padding-left:30px;
padding-right:30px;}

.titleRequired {background-color: #B4AFAF;
padding-left:10px;
padding-top:4px;
padding-bottom:4px;
margin-top:10px;}

.star {color:#FF0000;}

.width50 {width:50px;}

.width90 {width:90px;}

.note {background-image:url(/images/frontend/note2.gif);
background-repeat:no-repeat;
padding-left:20px;
padding-top:5px;
padding-right:20px;
padding-bottom:5px;}

.note p {color:#ffffff;}

.marginTopBox {margin-top:253px;}

.info_box {
/*padding:10px;
border:1px solid #c0b31d;
background-color:#eedd1d;
color:#000000;*/}

#nav_tabs {background-color:#ffffff;
padding-left:48px;
font-size:0.0em;}

#sub_nav {height:4.0em;
background-color:#231F20;}

#sub_nav a {color:#ffffff;}

#sub_nav ul {margin-left:48px;
margin-top:10px;;
color:#ffffff;
float:left;}

#sub_nav li {list-style:none;
display:inline;
color:#ffffff;/*
vertical-align:middle;*/
height:2.0em;
margin-right:5px;
padding-left:5px;
}

#sub_nav ul li img {vertical-align:middle;}

.middle {vertical-align:middle;}

.center {text-align:center;}

#login_details {float:right;
width:300px;
color:#ffffff;
margin-top:10px;
margin-right: 3px;
text-align:right;
height:2.6em;}

#login_details img {vertical-align:middle;
margin-left:10px;}

#my_quotes_table th {background-color:#000000;
color:#ffffff;
text-align:left;
padding:5px;}

#my_quotes_table {margin-top:10px;}

#my_quotes_table td {font-size:1.0em;
padding:3px;
}

.quote_table_background {background-color:#ffffff;}

.quote_table_background_alt {background-color:#F7E5E5;}

.border_right {border-right: 1px solid #D9D9D9;}

#pager {text-align:right;
margin-top:5px;}

.account_home {color:#000000;
margin-top:20px;
font-size:1.2em;}

.bar
{
  background-color:#000000;
  height:4em;
}

/*----------------------------------Home page new styles-------------------------------------------*/
.homepagecontainer{
color:#fff;
padding-left:30px;
padding-right:30px;
}

.homepagecontainer h1{
color:#fff;
padding-bottom:20px;
font-size:1.8em;
}
.homepagecontainer h2{
color:#fff;
line-height:1.2em;

font-size:1.4em;

}
.homepagecontainer h3{
padding-bottom:0.6em;
line-height:1.1em;
font-size:1.2em;
}
.homepagecontainer img{
padding-right:12px;
}
/*.homepagecontainer h3{
color:#000;
padding-bottom:8px;
}*/

.homepagecontainer p{
font-size:1.2em;
line-height:1.2em;
}

.homepagecontainer ul {
padding-left:20px;
font-size:1.2em;
}

.homepagecontainer a:link, a:visited{
color:#f6be2c;
text-decoration:underline;
}
.homepagecontainer a:hover{
text-decoration:underline;
}
#register_link{
font-size:1.4em;

}
#buttoncontainer{
/*background-color:#CC0000;*/
padding-top:40px;
padding-bottom:10px;
}
#leftbutton {
float:left;
clear:left;
}
#rightbutton{
float:left;
clear:right;
}
#register_link a {
text-align:center;
/*padding-left:20px;*/
padding-top:1.2em;
display:block;
height:40px;
width:158px;
background-image:url(/images/frontend/register_small.png);
background-repeat:no-repeat;
color:#f0f0f0;
text-decoration:none;
line-height:1.0;
padding-bottom:0.2em;
}
#register_link a:hover {
background-image:url(/images/frontend/register_small_on.png);
background-repeat:no-repeat;
color:#fff;
}


ul.tick_list {

/*list-style-image:url(/images/frontend/tick.gif);*/
padding-top:1.2em;
padding-left:0.5em;
list-style-type:none;
/* padding-left:20px;
 margin-left:20px;
 margin-bottom:0px;
 margin-top:20px;*/

 

}
ul.tick_list li{
	color:#fff;
	background-image:url(/images/frontend/tick.gif);
	background-repeat:no-repeat;
	background-position:0 -2px;
	margin:0.4em 0;
	padding-left:24px;
	padding-bottom:0.3em;
	font-weight:bold;
	/*list-style-image:url(/images/frontend/tick.gif);*/
	
	
}
.atomicForm {
font-size:1.2em;
background-color:#99CC00;
width:420px;
/*padding:10px;*/
}
.atomicFormFooter{
clear:both;
/*background-color:#CC3366;*/
}
.atomicForm H4{
padding-left:0.4em;
font-size:1.4em;
display:block;
background-color:#999999;
color:#FFFFFF;
}
.atomicForm p{
font-size:0.8em;
padding-left:0.5em;
padding-top:1em;
padding-bottom:1em;

}
.atomicForm .formRow{
height:inherit;
vertical-align:top;
padding: 0.2em 0em 0.2em 0.5em;
clear:both;
}
.formRow label{
font-weight:bold;
}
.formRow .formElement{
position:relative;
left:164px;
font-weight:normal;
/*margin:0.5em 0  0.5em 0;*/
}
.hide{
/* Used on button labels */
margin-left:-30000px;
}

/*.fluidForm .formRow label strong {frontend.css (line 618)
display:block;
font-size:13px;
margin:0pt 0pt 3px;
}
.fluidForm .formRow label {frontend.css (line 611)
font-size:10px;
}
.fluidForm .formRow label {frontend.css (line 611)
clear:left;
display:block;
float:left;
font-size:10px;
width:42%;
}
.fluidForm, .pageBlock {frontend.css (line 582)
margin:0pt auto;
position:relative;
width:550px;
}
*/
#terms_and_conditions{
	font-size:1.0em;
}
#helpFile{
 padding:20px;
}
#helpFile ol, #helpFile ul{
padding-left:40px;
}
#helpFile h2{
padding:5px 0;
}
#helpFile h3{
padding-bottom:5px;
}
#helpFile p, #helpFile li{
font-size:1.1em;
}