/* mainstyles */

body, *{
margin:0; padding:0;
text-align:center;
}

body{
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
}

body .container{
margin:0 auto;
text-align:left;
width:780px;
background-color:#ededed;
}

.header{
height:127px;
background:url(../gfx/header.gif) 0 0 no-repeat;
position:relative;
background-color:#ededed;
}

.referral{
background-image:url(../gfx/header_referral.gif);
}

.header h1 {position:absolute;top:0px;right:0px}
.header h1 a {display:block;text-indent:-999em;width:315px;height:93px;background:url(../gfx/logo-pension-transfers-direct.gif) no-repeat 0 0}

.top-nav{position:absolute; bottom:9px; left:26px;}

.block-nav{
display:block; clear:both; margin:7px 18px 0 17px;
}


.top-nav li, .block-nav li{
display:inline;
float:left;
}

.block-nav li a img{
border:0;
}

.top-nav li a, .top-nav li a:visited{
font-size:10px;
color:#ffffff;
text-decoration:none;
padding:0 9px;
border-right:1px solid #FFFFFF;
}

.top-nav li a:hover, .top-nav li.current a{text-decoration:underline;}
.top-nav li a.first, .top-nav li a:visited.first{padding-left:0;}
.top-nav li a.last, .top-nav li a:visited.last{padding-right:0;border-right:0px;}

.clearing{
width:0;height:0;
font-size:1px;
clear:both;
display:block;
visibility:hidden;
}

#content{
/*width:745px;*/
margin:7px 18px 0 17px;
background:url(../gfx/content-bg.gif) repeat-y 0 0;
position:relative;
font-size:11px;
line-height:1.5em;
color:#5F6062;
}

#content *{
text-align:left;
}

#content p{
margin:5px 0;
}


.left ul li{
margin-left:15px;
padding:2px 3px;
line-height:1.2em;
}


#content .bottom{
position:absolute; bottom:0; right:0;
width:149px; /*to prevent ie6 bug, remove the width of the abs positioned element near floated elements*/
height:237px; /*207px;*/
padding-top:10px;
background: url(../gfx/right-col-bg.jpg) repeat-x bottom;

}

a.checklist, a.checklist-on, a.no-cost-on, a.checklist:visited, a.no-cost, a.no-cost:visited, a.create-planner, a.review-planner, a.create-planner:visited, a.review-planner:visited, a.login, a.login:visited,a.advisers, a.advisers-on, a.advisers:visited
{
display:block;text-indent:-999em;width:130px;height:50px; margin-left:9px;
}

a.login,a.login:visited{margin-left:8px; margin-top:26px; height:25px; background: url(../gfx/planner/btn-login.gif) no-repeat 0 0;}
a.login:hover{margin-left:8px; margin-top:26px;background: url(../gfx/planner/btn-login-on.gif) no-repeat 0 0;}

a.checklist, a.checklist:visited{background: url(../gfx/btn-free-checklist.gif) no-repeat 0 0;}

a.advisers, a.advisers:visited{background: url(../gfx/btn-adviser-off.jpg) no-repeat 0 0;}
a.advisers:hover{background: url(../gfx/btn-adviser-on.jpg) no-repeat 0 0;}

a.no-cost, a.no-cost:visited{
background: url(../gfx/btn-get-started.gif) no-repeat 0 0;
margin-top:1px;
}
a.uk-cash-account, a.uk-cash-account-on {
display:block;text-indent:-999em;width:130px;height:98px; margin-left:9px;
}
a.uk-cash-account, a.uk-cash-account:visited{
background: url(../gfx/btn-uk-cash-account.jpg) no-repeat 0 0;
margin-top:1px;
}
a.uk-cash-account:hover, a.uk-cash-account-on{background: url(../gfx/btn-uk-cash-account-on.jpg) no-repeat 0 0;}
a.no-cost:hover, a.no-cost-on{background: url(../gfx/btn-get-started-on.gif) no-repeat 0 0;}
a.checklist:hover, a.checklist-on{background: url(../gfx/btn-free-checklist-on.gif) no-repeat 0 0;}

#content .left {width:595px;float:left; min-height: 350px;}
#content .campaign{width:720px;/*575px;*/ padding:10px;}

#content .right{float:right; width:149px; padding-bottom:237px;/*207px;*//*125px;*/ }



#curr-image{
float:left;
}

.red-text {
	color: red;
}

.footer{
margin:9px 6px 9px 26px;
text-align:left;
font-size:10px;/*8px;*/
color:#5f9fa1;
padding-bottom:8px;
}

.footer span{font-size:10px; font-weight:bold;}

.gradient{background: url(../gfx/planner/left-col-bg.jpg) repeat-x 0 0; padding-bottom:79px; padding-top:10px;}

#content .page-content h2, #content .campaign h2
{
font-size: 12px;
font-weight:normal;
font-style:italic;
color:#5F6062;
font-family:Arial, Helvetica, sans-serif;
/*color: #1c6b70;*/
}

#content .campaign h2.first{
margin-bottom:12px;
}

#content .page-content h1, #content .campaign h1
{
font-family:Arial, Helvetica, sans-serif;
color:#000000; /*#5F6062;*/
/*font-size: 28px;*/
font-weight: bold;
font-size:11px;/*11px;*/
margin:1px 0;
}

#content h1{
font-family: Arial,Helvetica,sans-serif;
color: #000000;
font-weight: bold;
font-size: 11px;
margin-top: 1px;
margin-right: 0pt;
margin-bottom: 1px;
margin-left: 0pt;
}

#content .campaign h1{
font-size:13px;
color:#006B6E;
}

#content .campaign h2{
font-style:normal;
font-weight:bold;
font-size:11px;
color:#000000;
}

input.error{
	border: 2px solid #FF0000;
	}
table.form input, table.form select, table.form submit{
margin:3px 3px 0 0;
}


table.form{
margin-top:10px;
margin-bottom:10px;
}
#contact-form{
margin-top:20px;
}



input#submit{
text-align:center;
}

table.form tr.checkboxes td, #extraUK2.show td{
padding:5px 0;
}



/* original styles from old website*/
div.success
{
color: #80c0c0;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #80c0c0;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #80c0c0;
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}

.show {}
.hide {display:none}

div.error{
color: #ff0000;
font-weight: bold;
padding-left: 10px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #ff0000;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #ff0000;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 10px;
}

.left a, .left a:visited{
color:#000000;
text-decoration:underline;
}

.left a:hover{
color:#006B6E;
text-decoration:underline;
}

ul.useful-links{
line-height:1.3em;
list-style-type:none;
margin-top:10px;
padding-bottom:10px;
}

ul.useful-links li{
margin-left:0;
padding-left:0;
}

table.cpBorder table{
padding:3px;
margin:0 auto;
}

table.cpBorder a,table.cpBorder a:visited{
color:#000000;
font-weight:bold;
text-decoration:none;
}

table.cpBorder a:hover{
color:#006B6E;font-weight:bold;
text-decoration:underline;
}

table.cpBorder table td{
padding:2px;
}

.date_box{
	width:135px;/*120px;*/
	float:left;
	background-color:#D4DBDC;
	padding: 0px;
	margin:0;
	margin-top:5px;
	
	margin-left:10px;
}
#content .date_city{
	background-color: #1C6B70;
	padding: 5px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 10px;
	display:block;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.date_info{
	font-size: 10px;
	padding: 5px;
}


#content #nopiccie ul li{
padding-left:0;
margin-left:10px;
}

#content .page-content{
margin-left:307px;
padding-right:5px;
}

span.seminardate{
color:#5F6062;
}

#officelisting h1{
font-weight:normal;
color:#5F6062;
margin-top:6px;
margin-bottom:3px;
text-decoration:underline;
font-size:11px;
}

#officelisting h2{
font-size:11px;
font-weight:normal;
color:#000000; /*color:#5F6062;*/
font-style:normal;
}

#officelisting h1:hover, #officelisting h1.on{
font-weight:normal;
cursor:pointer;
color:#000000;
text-decoration:none;
font-size:11px;
}



.off{
display:none;
}


table.form td, table.form th{
font-size:9px;
}

#state_1, #state_2, #state_3, #state_4, #state_5{
font-size:9px;
}


a#linkyourphonemove, a#linkyourphonemove:visited{display:block; text-indent:-9999px; background:url(../gfx/btn-yourphonemove.jpg) no-repeat bottom center; width:130px; height:220px; margin:30px 0 0 11px;}

a#linkyourphonemove:hover{background-image:url(../gfx/btn-yourphonemove-on.jpg);}

a#linkyourphonemoveBanner, a#linkyourphonemoveBanner:visited{display:block; text-indent:-9999px; background:url(../gfx/banner-yourphonemoveplanner.jpg) no-repeat bottom center; width:577px; height:136px; margin:20px 0 0 0;}

.form-error
{
	color: red;
	text-size: 10px;
}