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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin:0;
	padding:0;
}

#wrapper {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0.5%;
}

#header {
	width:100%;
	float:left;
	padding:0;
	margin:0;
	background: #f1f6f6 url(img/headerbg.jpg) no-repeat -7% 40%;
}

#header .logo {
	float:right;
	margin:40px 30px 0 0;
	padding:0;
}


#lcol {
	margin:0;
	padding:0;
	float:left;
	width:22%;
}

#navigation {
	margin:0;
	margin-top: 50px;
	margin-left:0.5%;
	background-color: #f1f6f6;
}

#navigation ul {
	list-style-type: none;
	margin:0;
	padding:0;
	margin-top: 10px;
	
}

#navigation li {
	display:block;
	list-style-type: none;
	margin:0;
	padding:0;
	clear:left;
	margin: 5px 10px 5px 10px;
	border-bottom: 5px solid #93c6dd;
}

#navigation li a:link, #navigation a:visited {
	display:block;
	background: #2e2c1f url(img/navlinkleft.gif) no-repeat left top;
	color: #fff;
	text-decoration:none;
	font-size: 80%;
	padding: 7px 0 7px 15px;
	margin:0;
	}

#navigation li a:hover {
	text-decoration:underline;
}


#content {
	float:left;
	width:70%;
	margin:0% 0% 2% 2%;
	font-size: 80%;
	min-height: 600px;
	padding:5px;
	padding-top:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.homebg {
	background: url(img/family-bikes.gif) no-repeat 110% 94%;
}

#content p {
	line-height: 1.8em;
	text-align:justify;
}

#footer {
	clear:left;
	font-size: 75%;
	text-align:center;
	background-color: #f1f6f6;
	margin:0;
	padding:0;
}

#footer #footleft {
	float:left;
	margin:0;
	padding:0;
	padding-left:20px;
}

#footer #footleft a {
	color: #0066CC;
}

#footer #footlinks {
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}

#footer #footright {
	margin:0;
	padding:0;
	float:right;
	padding-right:20px;
}

#footer a {
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom:5px;
	text-decoration:none;
	color: #000;
}

#footer a:hover, #footer a:visited {
	color:#990000;
}

.clear {
	clear:both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

#statement-text {
	font-size: 70%;
	color: #6b6859;
	text-align:right;
	margin: 5px 0 5px 0;
}

#head  {
	background: #2F2A16 url(img/h1left.jpg) no-repeat left bottom;
	margin:0;
	font-size: 120%;
	width: 35%;
	padding-left:10px;
}

#head h1 {
	background: url(img/h1right.jpg) no-repeat right bottom;
	font-size: 100%;
	margin:0;
	vertical-align:middle;
	color:#fff;
	padding: 10px 0 10px 15px;
}

h2 {
	font-size:100%;
	font-style: italic;
	color: #454638;
	padding-left: 5px;
	border: 1px solid #8F8B80;
	padding-top: 7px;
	padding-bottom: 5px;
}

.subhead {
	font-size: 100%;
	color: #454638;
	border-bottom: 1px solid #8F8B80;
	font-weight: bold;
	font-style: italic;
	padding-bottom:0;
	margin:0;
}

#content strong {
	font-size: 100%;
	font-style: italic;
	color: #2F2A16;
	font-weight:bold;
	text-decoration:underline;
}

.rfloat {
	float:right;
	margin:5px;
	margin-left:10px;
}

.lfloat {
	float:left;
	margin:5px;
	margin-right:10px;
}

#onlineadvice {
	background:  #454638 url(img/online-advice-bg.jpg) repeat-x left bottom;
	width:90%;
	margin: 10px;
	font-size: 80%;
	text-align:center;
	color: #fff;
	margin-top:20px;
}

#onlineadvice h2 {
	color: #fff;
	font:geneva;
	font-size: 170%;
	text-align:center;
	text-decoration:underline;
	margin:0;
	padding-top:5px;
	border:none;
	font-style:normal;
}

#onlineadvice ul {
	margin:0px;
	padding:0;
	list-style-type:none;
	margin-left:7px;
}

#onlineadvice ul li {
	list-style-type:disc;
	background:none;
	color:#2b2412;
	font-size: 90%;
	font-weight:bold;
	text-align:left;
	margin-left:12px;
	margin-bottom:7px;
	padding:0;
}

#onlineadvice #advicebutton {
	background: url(img/advicebox-buttonleft.gif) no-repeat left center;
	height:38px;
	text-decoration:none;
	width:80%;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

#onlineadvice #advicebutton  a{
	display:block;
	background: url(img/advicebox-buttonright.gif) no-repeat right center;	
	height:38px;
	line-height:38px;
	color: #2b2412;
}

#continuebutton{
	background: url(img/continue-buttonleft.gif) no-repeat left center;
	height:42px;
	text-decoration:none;
	width:40%;
	margin-top:10px;
	text-align:center;
}

#continuebutton  a {
	display:block;
	background: url(img/continue-buttonright.gif) no-repeat right center;	
	height:42px;
	line-height:42px;
	color: #000;
	font-weight:bold;
	text-transform:uppercase;
}


#top a{
	float:right;
	clear:left;
	color: #2b2412;
	clear:both;
}

li {
	list-style-type:none;
	background: url(img/list-bullet.gif) no-repeat left center;
	padding-left: 20px;
	padding-top:5px;
	padding-bottom: 5px;
}

form {
	padding-left:20px;
	float:left;
	width:90%;
	clear:left;
}

form label {
	float:left;
	width:20%;
	font-weight:bold;
	text-align:left;
	font-size:75%;
}

.questionaire1 input , .questionaire1 select, .questionaire1 textarea {
	float:left;
	margin-left:10px;
}

form input.inputheight {
	height:75px;
}

#content form p {
	text-align:left;
}



span.cleartobelow {
	display:block;
	margin-top:5px;
}

span.floatleft {
	float:left;
	width: 50%;
	margin-right: 10px;
	display:block;
}

/*Sets the widths on textarea boxes */

textarea.textareawidth1 {
	width:95%;
}

.questionaire textarea {
	width:95%;
}

form p {
	float:left;
	width:100%;
	clear:left;
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom: 10px;
}

form .questionaire {
	font-family:Verdana;
}

form .questionaire label {
	float:left
	width: 25%;
	margin-right:5px;
	font-size:75%;
}


form .questionaire p {
	float:left;
	clear:left;
	margin:0 0.2% 0 4%;
	padding:0;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left:30px;
	width:100%;
}


form .questionaire p input.cb {
	float:left;
}

#content .questionaire p strong {
	font-size:80%;
	float:left;
	clear:right;
	display:block;
	margin-right: 10px;
}

/*#content .questionaire p input {
	clear:left;
}
*/

#stage2 {
	clear:left;
}

ul#consultchoice{
	float:left;
	clear:left;
	list-style-type:none;
	width:100%;
	margin-top:15px;
}

ul#consultchoice li{
	display:block;
	list-style-type:none;
	text-align:center;
	float:left;
	margin:0;
	width:30%;
	padding:0;
	margin-right:1%;

}

#content ul#consultchoice li a {
	display:block;
	padding:15px;
	background-color: #003D79;
	color:#fff;
	text-align:center;
	list-style-type:none;
}

#content a:link, a:visited { color: #0066CC; }

img {
	border:none;
}

.center {
	text-align:center;
}

.bold {
	font-weight: bold;
}

.texthighlight {
	clear:left;
	font-weight: bold;
	padding:5px;
	text-align:center;
	background-color:#f1f6f6;
	color: #000;
	width:70%;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:20px;
	padding-left: 10px;
	border: 3px solid #363737;
	border-left: 5px solid #363737;
}

#freeoption ul li a:link, #freeoption ul li a:visited {
	color: #363737;
}

#freeoption li {
	margin-bottom: 10px;
}

.question {
	padding:0;
	margin:0;
}

#questions {
	padding:0;
	margin-top:0;
	margin-left:10px;
}

p.reduceparaspacing {
	padding:0;
	margin:0;
	margin-top:0;
}

ul#introlist {
	margin-bottom:9px;
}

p.reduceparaspacing2 {
	line-height:1.3em;
	padding:0;
	margin:0;
	margin-bottom:10px;
}


ol {
	float:left;
	width:100%;
	list-style-type:disc;
	margin-left:20px;
	margin-bottom:10px;
}

.disclaimer {
	width:70%;
	float:left;
	margin-bottom:20px;
	padding:10px;
	border: 3px solid #363737;
	border-left: 5px solid #363737;
	padding-bottom:10px;
	padding-left:10px;
	margin-top:10px;
	margin-left:50px;
}

.disclaimerleft {
	float:left;
}

.dismiddle {
	float:left;
	margin-left:5px;
}

.disclaimerright{
	float:left;
	margin-top:10px;
}

span.findmore {
	padding-left:5px;
	margin:0;
}

/*Banner */
.advicet {background: url(img/adviceborder.jpg) 0 0 repeat-x;}
.adviceb {background: url(img/adviceborder.jpg) 0 100% repeat-x;}
.advicel {background: url(img/adviceborder.jpg) 0 0 repeat-y;}
.advicer {background: url(img/adviceborder.jpg) 100% 0 repeat-y;}
.advicebl {background: url(img/advicebl.jpg)  0 100% no-repeat; }
.advicebr {background: url(img/advicebr.jpg) 100% 100% no-repeat;}
.advicetl {background: url(img/advicetl.jpg) 0 0 no-repeat;}
.advicetr {background: url(img/advicetr.jpg) 100% 0 no-repeat; padding:5px;} 

/*Online Advice */
.ht {background: url(img/border.gif) 0 0 repeat-x;}
.hb {background: url(img/border.gif) 0 100% repeat-x}
.hl {background: url(img/border.gif) 0 0 repeat-y}
.hr {background: url(img/border.gif) 100% 0 repeat-y}
.hboxbl {background: url(img/boxbl.gif)  0 100% no-repeat}
.hboxbr {background: url(img/boxbr.gif) 100% 100% no-repeat}
.hboxtl {background: url(img/boxtl.gif) 0 0 no-repeat;}
.hboxtr {background: url(img/boxtr.gif) 100% 0 no-repeat; padding:5px 5px 135px 5px;} 

/*Other general */
.t {background: url(img/border.gif) 0 0 repeat-x;}
.b {background: url(img/border.gif) 0 100% repeat-x}
.l {background: url(img/border.gif) 0 0 repeat-y}
.r {background: url(img/border.gif) 100% 0 repeat-y}
.boxbl {background: url(img/boxbl.gif)  0 100% no-repeat}
.boxbr {background: url(img/boxbr.gif) 100% 100% no-repeat}
.boxtl {background: url(img/boxtl.gif) 0 0 no-repeat;}
.boxtr {background: url(img/boxtr.gif) 100% 0 no-repeat; padding:5px;} 

/*Outer box edges */

.ot {background: url(img/border.gif) 0 0 repeat-x;}
.ob {background: url(img/border.gif) 0 100% repeat-x}
.ol {background: url(img/border.gif) 0 0 repeat-y}
.or {background: url(img/border.gif) 100% 0 repeat-y}
.oboxbl { background: url(img/outerboxbl.gif) no-repeat 0% 100%;  }
.oboxbr { background: url(img/outerboxbr.gif) 100% 100% no-repeat;}
.oboxtl { background: url(img/outerboxtl.gif) no-repeat 0% 0%; }
.oboxtr { background: url(img/outerboxtr.gif) no-repeat 100% 0%; padding:10px;}