div, li,p,ul, body, html{
	padding:10;
	margin:0;
}


body, html{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	height:100%;
	background:url(/pub/internet/new/reskin/images/background.gif) 50% 0 repeat-y #f7f6ef;
}
p.para{
	padding:10px 0 0 0;
}
#root{
	width:1000px;/*768px;*/
	margin:0 auto;
	background:url(/pub/internet/new/reskin/images/background.gif) 50% 0 repeat-y #f7f6ef;
	height:auto;
	display:table;
}
#header{
	padding:8px 0px 8px 65px;
}

#back-links{
	float:right;
	padding:53px 30px 0 0;
	text-align:right;
	font-size:120%;
	line-height:1.6em;
	color:#16469c;
}
/* ============================ navbar ============================ */

#navbar{
	background:url(/pub/internet/new/reskin/images/titlebar_none.gif) repeat-x #2a2a2a bottom;
	margin:0 19px 0 19px;
	padding:0px 10px 0px 10px;
}
#navbar p{
	color:#FFFFFF;
	font-size:100%;
}

/*insert variations of titlebar background shade image here*/
.navbar_car{
	background:url(/pub/internet/new/reskin/images/titlebar_car.gif) repeat-x #719122 bottom !important;
}

.navbar_bike{
	background:url(/pub/internet/new/reskin/images/titlebar_bike.gif) repeat-x #63bb07 bottom !important;
}

.navbar_boat{
	background:url(/pub/internet/new/reskin/images/titlebar_boat.gif) repeat-x #f8b124 bottom !important;
}

.navbar_caravan{
	background:url(/pub/internet/new/reskin/images/titlebar_caravan.gif) repeat-x #019585  bottom !important;
}

.navbar_home{
	background:url(/pub/internet/new/reskin/images/titlebar_home.gif) repeat-x #e3710b bottom !important;
}

.navbar_travel{
	background:url(/pub/internet/new/reskin/images/titlebar_travel.gif) repeat-x #a80c22 bottom !important;
}

.navbar_health{
	background:url(/pub/internet/new/reskin/images/titlebar_health.gif) repeat-x #4cbadc bottom !important;
}

.navbar_nonproduct{
	background:url(/pub/internet/new/reskin/images/titlebar_nonproduct.gif) repeat-x #16469c bottom !important;
}
/*insert variations of titlebar background shade image ends*/

/* ============================ Steps ============================ */

#steps{
	list-style:none;
	float:left;
	padding-left:10px;
}
#steps li{
	float:left;
	padding-right:3px;
}
#steps li span{
	padding:2px 4px;
	background: #b1c0da;
	color:#FFFFFF;
	text-decoration:none;
	line-height:1em;
	display:block;
}
#steps li.selected span{
	padding:2px 4px;
	background: #ffffff;
	color:#16469c;
	text-decoration:none;
	font-weight:bold;
	line-height:1em;
	display:block;
}
/*insert colour variations for Steps for each shell here*/

#steps li .steps_motor{
	background: #afc491;
}
#steps li.selected .steps_motor{
	background: #ffffff;
	color:#668e3d;
}
#steps li .steps_bike{
	background: #aacf84;
	color:#fff;
}
#steps li.selected .steps_bike{
	background: #ffffff;
	color:#63bb07;
}
#steps li .steps_boat{
	background: #fbd07a;
}
#steps li.selected .steps_boat{
	background: #ffffff;
	color:#f8b022;
}
#steps li .steps_caravan{
	background: #7bc4bb;
	color:#fff;
}
#steps li.selected .steps_caravan{
	background: #ffffff;
	color:#669999;
}
#steps li .steps_home{
	background: #f3c296;
}
#steps li.selected .steps_home{
	background: #ffffff;
	color:#e4720d;
}
#steps li .steps_travel{
	background: #a90e24;
}
#steps li.selected .steps_travel{
	background: #ffffff;
	color:##a90e24;
}
#steps li .steps_health{
	background: #b5ddf7;
}
#steps li.selected .steps_health{
	background: #ffffff;
	color:#62b3e8;
}
#steps li a.steps_nonproduct{
	background: #b1c0da;
}
#steps li.selected a.steps_nonproduct{
	background: #ffffff;
	color:#16469c;
}
/* ============================ title ============================ */

#title{
	margin:0 19px 0 19px;
	border-bottom:1px #DCE2F0 solid;
}
#title h1{
	font-size:18px;
	font-weight:bold;
	color:#16469C;
	padding:10px 0px 0px 10px;
}

/* ============================ columns ============================ */

#columns{
	/*margin:0 19px;*/
	background:url(/pub/internet/new/reskin/images/colourline.gif) repeat-y 755px 0;
	padding:10px 25px 10px 30px;
}
#columns #left{
	float:left;
	width:720px;
}
#columns #right{
	float:right;
	width:200px;
	padding-right:5px;
}
#columns #right p{
	font-size:85%;
	line-height:1.2em;
}
#columns #right img{
	margin:0 0 8px 0;
}

#columns h2{
	font-size:16px;
	font-weight:bold;
	color:#16469C;
}

/* ============================ Footer ============================ */

#footer{
	margin:0 19px;
	color:#588cab;
	font-size:11px;
	padding:11px 12px;
	border-bottom:#DCE2F0 solid 1px;
	border-top:#DCE2F0 solid 1px;
	text-align:left;
}
#footer a{
	color:#639fc4;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}


/* ============================ --- ============================ */

#site-info{
	margin:0 31px;
	color:#3f3c67;
	font-size:9px;
	padding-top:10px;
	padding-bottom:20px;
	text-align:left;
}
.panel{
	background:url(/pub/internet/new/reskin/images/gradpanel_bottom.gif) bottom;
	margin-top:10px;
	margin-bottom:10px;
	width:203px;
}
.panel .panel-1{
	background:url(/pub/internet/new/reskin/images/gradpanel_top.gif) top no-repeat;
	width:193px;
	padding:4px 5px;
}
.pb {
	margin-top:10px;
	margin-bottom:0px;
}
.redArrow{
	padding-left:10px;
	background:url(/pub/internet/new/reskin/images/arrow.gif) no-repeat 2px 4px;
	padding-bottom:6px;
}

.floatRight{
	float:right;
	width:auto;
	padding-top:10px;
	height:37px;	
	
}

/* ============================ buttons ============================ */

/*
a.button {
	background: transparent url(/pub/internet/new/reskin/images/button-right-side.gif) no-repeat scroll top right;
	color:#16469c;
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	font-stretch:extra-condensed;
	text-decoration:none;
	height:23px;
	padding-right: 5px; 
	text-decoration: none;
}

a.button span {
    background: transparent url(/pub/internet/new/reskin/images/button-left-side.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 4px 0 5px 15px;
}

a.button:hover{
	background-image: url(/pub/internet/new/reskin/images/button-right-side-over.gif);
	color:#fff;
	text-decoration:none
}
a.button:hover span{
	background-image: url(/pub/internet/new/reskin/images/button-left-side-over.gif);
}
*/


/*Stuff I grabbed from elsewhere */

/*
h1 { color: #0066cc; font-size: 18px; }
h1.squash { font-size: 18px; }
.spotlightHeader, .spotlightHeader:visited { color: #990000; font-weight: bold ! important; }
*/


/* not sure why these are different */

/*
input.temp { font-family: Verdana,Arial,Helvetica; font-size: 11px; color: #000000; background: #ffffff; text-decoration: none; font-weight: normal;}
input.search { font-family: Verdana,Arial,Helvetica; font-size: 11px; color: #000000; background: #ffffff; text-decoration: none; font-weight: normal;}
input.total {	border-style: none; font-size: 12px; font-weight: bold; border-width: 0px; background-color:#fff; color:#000000;}
*/


select.formR { font-family: Verdana,Arial,Helvetica;  color: #000000; text-decoration: none; font-weight: normal;}
option.header { font-family: Verdana,Arial,Helvetica;  color: #3087C2; background: #ffffff; text-decoration: none; font-weight: bold;}

.topBar {
	background-color: #666666;
}
.date {
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 10px;
}

.tabBar {
	background-color: #16469C;
}
td img.tabs {
	display: block;
}
/*
#motorO, #homeO, #healthO, #businessO, #otherO, #communityO {
	position: absolute;
	top: 42px;
	left: 0px;
	padding: 4px;
	padding-left: 10px;
	visibility: hidden;
	z-index: 15;
	width: 100%;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
}
#motorO {
	background: #009933;
}
#homeO {
	background: #CC0000;
}
#healthO {
	background: #3399FF;
}
#businessO {
	background: #660066;
}
#otherO {
	background: #CC6600;
}
#communityO {
	background: #16469C;
}

.hSplitter {
	z-index: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

.step {
	color: #0066CC;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
.title {
	color: #16469C;
	font-family: Arial;
	font-size: 22px;
}
.content {
	margin-top: 10px;
	margin-bottom: 10px;
}
.dotsdiv {
	margin-top: 10px;
	margin-bottom: 10px;
}
.vSplitter {
	top: 40px;
	left: 0px;
	position: absolute;
	width: 100%;
	z-index: 1;
}
*/

a, a:visited {
	color: #0066CC;
	text-decoration: none;
}
a:hover {
	color: #0066CC;
	text-decoration: underline;
}
a.smallbold, a.smallbold:visited {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}
a.smallbold:hover {
	color: #CC0000;
	text-decoration: underline;
	font-weight: bold;
}
.disclaimer {
	background: #999999;	
	color: #FFFFFF;
	font-size: 10px;
}
.wht, .wht:hover, .wht:visited {
	color: #FFFFFF;
}

.disclaimerR {
	background: #FFFFFF;	
	color: #999999;
	font-size: 10px;
}
.disclaimerB {
	background: #FFFFFF;	
	color: #000000;
	font-size: 10px;
}

.db { font-family: Verdana,Arial,Helvetica; font-size: 12px; color: #000066; text-decoration: none;}
.db:hover { font-family: Verdana,Arial,Helvetica; font-size: 12px; color: #ff0000; text-decoration: underline;}
.dbSize1 { font-family: Verdana,Arial,Helvetica; font-size: 14px; color: #000066; text-decoration: none; font-weight: normal;}
.dbSize2 { font-family: Verdana,Arial,Helvetica; font-size: 16px; color: #000066; text-decoration: none; font-weight: normal;}


.BlkBold { font-weight: bold;}
.BlueBold {font-weight: bold;color: #16469C;}
a .BlkBold:hover { font-size: 12px; color: #16469C; text-decoration: underline; font-weight: bold;}
a .BlkBold:visited { font-size: 12px; color: #000000; text-decoration: none; font-weight: bold;}


/*used for headings*/
/*.DbBoldSize1 { font-size: 18px; color: #16469C; font-weight: bold;}*/
.DbBoldSize1 { font-size: 18px; color: #16469C; font-weight: bold; display:none;}
.DbBoldSize1_shown { font-size: 18px; color: #16469C; font-weight: bold;}
.DbBoldSize2 { font-size: 14px; color: #16469C; font-weight: bold;}
/*used for heading (section in page) */
.DbBold {	font-weight: bold;	color: #16469C;}



.ThirdLevelNavigationLink { font-size: 10px; color: #000000;}

.smallText		{font-size: 10px; color: #000000; font-family: verdana; }



/* ============================== Tables ============================== */

td {
	color:#333333;
	font-family: Verdana, Arial, "Sans Seriff";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	text-decoration: none;
}

td.lightblue {background-color:#eff3ff; color:#1c489a;}
td.medblue {background-color:#cce0f5; color:#1c489a;}
td.dotted {background-image: url(/pub/internet/new/images/horizontal_splitter.gif); background-repeat : repeat-x; width:100%; height:1px}
tr.medblue {background-color:#cce0f5}


.tableHeader	{background-color: #cccccc; }


table.infoTable { border: 1px solid #999999; border-style: solid; empty-cells: show; margin: 0 0 0 0; padding: 0 0 0 0; vertical-align: top; }
th.tableHeader { background: #cccccc; margin: 0 0 0 0; padding: 5px 5px 5px 5px; font-size: 13px; }

.lightblue {
	background-color: #CCE0F5;
	color: #122B85;
	font-size:14px;
}

/* mediumblue == mediumBlue but both names are used in the apps */

.mediumblue , .mediumBlue{
	background-color: #B3D1F0;
	color: #122B85;
}
.mediumblue td , mediumBlue td{
	font-size:11px;	
}


.excess td{
	padding:3px;
	font-size:11px;
	color:#18469b;
}
.excess{
	background:#efefef;
}
.tablePadding td{
	padding:5px 5px 5px 0;
	font-size:12px;
}



tr.white, td.white {
	background-color: #FFFFFF;
	color: #122B85;
}
.WhtBold { color: #ffffff; font-weight: bold;}


/* for health app */
tr.grey, td.grey {
	background-color: #EEEEEE;
	color: #122B85;
}


Td.dotted {
	background-image: url(/pub/internet/new/reskin/images/horizontal_splitter.gif); 
	background-repeat : repeat-x; 
	width:100%; 
	height:1px
}

.qtable {
	COLOR: #122b85; 
	BACKGROUND-COLOR: #cce0f5;
	border : 4px solid #cce0f5;
}


/* ========================================= */


.Red {
	color: #FF0000;
}
.stdblue{
    background-color: #B5CFF7;
}
.stdlightblue{
    background-color: #eff3ff;
}

.Hsplitter{
    height:1px;	background-image:url(/pub/internet/new/images/horizontal_splitter.gif);background-repeat:repeat-x;
}    

li.ThirdLevelNavigationLink { font-size: 10px; color: #000000;}

.BlueBold {
	FONT-WEIGHT: bold; COLOR: #16469C;
}
.BlueNormal {
	 COLOR: #16469C
}
.BlueSmall {
	 COLOR: #16469C;FONT-SIZE: 10px; padding:3px;
}
.BlueSmallBold {
	 COLOR: #16469C;FONT-SIZE: 10px; FONT-WEIGHT: bold; padding:3px;
}
.EstimateBold {
	FONT-FAMILY: Arial,Helvetica; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #085A94;  padding:3px;
}
.EstimateNormal {
	FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 11px; COLOR: #085A94;  padding:3px;
}
.Estimate12Bold {
	FONT-FAMILY: Arial,Helvetica; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #085A94;
}
.Estimate12Normal {
	FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 12px; COLOR: #085A94;
}
.Estimate11Bold {
	FONT-FAMILY: Arial,Helvetica; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #085A94;  padding:3px;
}
.Estimate11Normal {
	FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 11px; COLOR: #085A94;
}
.Estimate9Normal {
	FONT-FAMILY: Arial,Helvetica; FONT-SIZE: 9px; COLOR: #085A94;
}

.resultsth{
	FONT-WEIGHT: bold ;
	color:white ;
	BACKGROUND-COLOR: #cce0f5;
	border : 1px solid #cce0f5;
	FONT-STYLE: normal; 
	FONT-FAMILY: Verdana, Arial, "Sans Seriff";
    FONT-SIZE: 12px;
	padding-top : 3px;
	padding-bottom : 3px;
}

.resultstd{
	FONT-WEIGHT: normal ;
	color:black ;
	BACKGROUND-COLOR: #F0F0F0;
	border : 1px solid white;
	padding-top : 2px;
	padding-bottom : 2px;
	padding-left: 4px;
}

.whiteborder{	border : 1px solid white; 	}

.dots {
	BACKGROUND-IMAGE: url(/pub/internet/new/images/dots.gif); BACKGROUND-REPEAT: repeat-x
}

.hardline {
	BACKGROUND-IMAGE: url(/pub/internet/new/images/hardline.gif); BACKGROUND-REPEAT: repeat-x
}

.whiteHeading {
	background-color: #085A94;
	color: #ffffff;
}
.WhtBoldHeading {
	background-color: #085A94;
	color: #ffffff;
	font-weight: bold;
}

#errormsg,#errormsg p {
	color: red;
}

#errormsg strong,#errormsg b {
	color: red;
	font-weight: bold;
}
.EstimateBlack{
	font-size:16px;
	font-weight:bold;
	color:#000000;
	padding:3px 0;
}



/* ============================================================================================ */

/*
textarea,input,select,option { font-family: Verdana,Arial,Helvetica; font-size: 12px; font-weight: normal;}
textarea,input,select,option { margin:1px 2px 1px 1px; heightt:20px;} 
input,select {margin-top:1px;margin-bottom:1px; } firefox*/

textarea, input, select, option {
font-family:Verdana,Arial,Helvetica;
font-size:12px;
font-weight:normal;
}
input, select {
margin-bottom:1px;
margin-top:1px;
}

/*
#columns #left table.infoTable td.even { background: #ffffff; margin: 0 0 0 0; padding: 5px 5px 5px 5px; }
#columns #left table.infoTable td.odd   { background: #efeded; margin: 0 0 0 0; padding: 5px 5px 5px 5px; }
*/
#columns #left table.selecttable td.odd { background: #e5eff9; margin: 0 0 0 0; padding: 2px; }
#columns #left table.selecttable td	 { background: #fff; margin: 0 0 0 0; padding: 2px; }

#columns #left a:hover { color:#CC0000; text-decoration:underline; }


#columns #left li{
margin:2px 0px 2px 0px;
padding:0px;

}

#columns #left ul{
padding:0px;
margin:0px;
margin-bottom:12px;
margin-left:40px;

}

#columns #left p {
margin:0px 0px 12px 0px;

}

#msg{
padding:5px 0px 0px 30px;
}