@charset "utf-8";
/**************************************
* CSS document for The BT Retirement 
* Saving Scheme website
*
* @ copyright	Standard Life
* @ version		17/01/2011
***************************************/

* { margin:0; padding: 0;}

body { font-size: 68.8%; color: #222; background: #fff; font-family: Verdana, Geneva, sans-serif } 

/* DEFAULT text formatting*/
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; } 
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } 
h2 { font-size: 2em; margin-bottom: 0.75em; font-weight:bold } 
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } 
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } 
p { margin: 0 0 1.5em;} 
li ul, li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
dl { margin: 0 0 1.5em 0; } 
dl dt { font-weight: bold; } 
dd { margin-left: 1.45em;} 

a { outline: none; }
a:link { color: #00528e; text-decoration: underline}
a:visited {color: #00528e; text-decoration: underline}
a:hover {color: #64379b; text-decoration: underline}
a:active {color: #a3bbce; text-decoration: underline}

#wrap { margin: 0 auto; width: 960px;}
#header{ padding: 0 24px;}
#header { background-color: #e9e9ea; border-top: 10px solid #ddd; height:80px;}
	#header #sl_logo {}
	#header #bt_logo {}
	
/* main navigation*/
#nav { background-color: #e9e9ea; height: 44px; margin: 0; width: 100%}
	#nav td a { color: #fff; font-size: 1.091em; font-weight: bold; background-color:#00528e; display: block; height: 24px; margin-top: 8px; text-align: center; padding: 12px 16px 0;  text-decoration: none}	
	#nav td.nav_margin { border-top: 8px solid #E9E9EA; background-color: #00528E; width:24px }
	#nav td a:hover { background-color: #2f70a0;}
	#nav td.current a, #nav td.current a:hover { background-color: #afc3d3; color: #00528e; margin-top:0; padding-top: 20px; }

#subnav { background-color: #afc3d3; padding:5px 40px;} 
#subnav a { color: #00528e; font-size: 0.909em; font-weight: bold; text-decoration: none;}
#subnav a:hover{ color: #64379b; }

	
	
/* #top_content contains the title of the page, breadcrumbs and the intro blurb when in the home page*/
#top_content { background: #e9e9ea url(../images/bot_dropshadow.gif) 0 100% repeat-x; padding: 10px 40px 1px; position:relative}
#top_content h2 { color: #6d6e70; font-weight:bold } 
#top_content p { font-size: 12px }
#top_content #breadcrumbs { margin: 0 0 5px;}
#top_content #breadcrumbs li { display: inline; list-style: none;}
#top_content #breadcrumbs li a { text-decoration: none}
#top_content #breadcrumbs li a:hover { text-decoration: underline}
	#home #top_content { padding: 0 0 8px}
	#home #top_content div { background: url(../images/family_illust.gif) 100% 100% no-repeat; padding:20px 290px 0 40px; height: 151px}
	
/* start contents */
#content { padding: 20px 20px 0 40px; min-height: 300px; width:620px; float:left}
	#content h3 {font-weight: bold; color:#d71f85}
		#onthe_journey #content h3 {color:#64379B}
		#moving_on #content h3 {color:#6cb33f}
		#dependants #content h3 {color:#6cb33f}
		#gsipp #content h3 {color:#00528e}
		#smart #content h4 {color:#d71f85; font-size: 1em; line-height: 1.1; margin-left:45px;}
	#content h4 {font-weight: bold; color:#00528e}
	#content ol { margin-left: 2em; }
	#content dl { width: 305px; float: left; margin: 0; position:relative}
	#content dt { color: #fff; height: 55px; width:265px; padding: 15px 0 0 15px;}
	/* quadrant sections */
	#home dt { background: url(../images/home_subsections.gif) 0 0 no-repeat;}	
	#getting_started dt { background:url(../images/gettingstarted_subsections.gif)  0 0 no-repeat;}
	#onthe_journey dt { background: url(../images/onthejourney_subsections.gif)  0 0 no-repeat;}
	#death_in_service dt { background: url(../images/deathinservice_subsections.gif)  0 0 no-repeat;}
	#moving_on dt { background: url(../images/movingon_subsections.gif)  0 0 no-repeat;}
	#content dt#bottom_left { background-position: 0 -140px }
	#content dt#top_right  { background-position: 0 -73px }
	#content dt#bottom_right { background-position: 0 -210px }
		
	#content dd { background-color: #eaeaea; border: 1px solid #cfc8cb; position:static; margin-top: -25px; margin-bottom: 35px; padding: 10px; width: 225px }
		#home #content dd {padding: 15px;}
		#content dd ul { margin-right: 0; margin-bottom: 0 }
		#content dd ul li a { font-weight: normal;}
	#content dd a {color: #000; font-weight: bold; text-decoration: none;}
	#content dd a:hover { color: #00528e; text-decoration: underline;}	
	
	#content table { border-top: 1px solid #a3bbce;  border-left: 1px solid #a3bbce; margin:0 auto 1.4em; }
	#content thead th, #content tbody th, #content tbody td{ border-right: 1px solid #a3bbce;  border-bottom: 1px solid #a3bbce; padding: 7px 10px 7px 7px; text-align: left } 
	#content thead th { background-color:#bacbd8; color: #000; padding: 10px 10px 10px 7px;}	
	#content tbody th { font-weight: bold}
	#content tr.center td { text-align:center}
	#content tr.even td, #content tr.even th  { background-color: #d1dae1; }
	#content tr td a { color:#333;}
	#content tr td a:hover { color:#64379b}
	
	#content #signpost { margin: 0 0 20px; text-align:center}
    #content #signpost li { display: inline; list-style: none;}
    #content #signpost li a { text-decoration: none}
    #content #signpost li a:hover { text-decoration: underline}
	
	/* Table in payment levels page*/
	#content table.payment_level { border: 0; margin:0 auto 1.4em;}
	#content table.payment_level thead th { background-color:#9e9e9e; border: 0;  color: #fff; padding: 6px 10px 6px 7px;}	
	#content table.payment_level thead th.purple { background-color: #64379b}
	#content table.payment_level thead th.pink { background-color: #d71f85}
	#content table.payment_level tbody td { border:0;  border-bottom: 1px solid #9e9e9e; font-weight: bold; text-align: center }
	
    /* Table in SMART pensions  page*/
	#content table.smart_pensions { border-top: 1px solid #bbbbbb;  border-left: 1px solid #bbbbbb; margin:0 auto 1.4em;}	
	#content table.smart_pensions thead th.pink { background-color: #d71f85; text-align:center; color:#FFF; }
	#content table.smart_pensions tbody td { border-right: 1px solid #bbbbbb;  border-bottom: 1px solid #bbbbbb;
	font-weight: bold;}
	#content table.smart_pensions tbody td.grey { background-color:#cecece}
	
	#sitemap #content table tbody th, #sitemap #content table tbody td {border: 0}
	#sitemap #content table tbody th { background-color: #fff}
	#sitemap #content table tbody h3 a { color:#D71F85; text-decoration: none}
	#sitemap #content table tbody h3 a:hover { text-decoration: underline}
	
#right_pane { background:url(../images/rightpane_bg2.gif) 100% 0 no-repeat; width: 240px; padding: 20px 0; float:left;}
	#right_pane dt { background: #e6e7e8 url(../images/rightpane_bg.gif) 0 0 no-repeat; height: 30px; padding:15px 0 0 50px;}
	#right_pane dt#retirement_planner { background-position: 0 -53px}
	#right_pane dt#member { background-position: 0 -116px}
	#right_pane dt#emp_zone { background-position: 0 -178px}
	#right_pane dt#archive { background-position: 0 -235px}
	#right_pane dd { background-color: #e6e7e8; border-bottom: 1px solid #fff; padding:0 0 10px 35px;}
	#right_pane dt a { color: #222; text-decoration: none}
	#right_pane dt a:hover { text-decoration: underline}
	
	
/* footer of the page */
#footer { background-color: #00528e; clear:both; color: #fff; font-size:0.8em; height: 70px; padding: 20px 40px; position:relative }
#footer ul { margin-left: 0; text-transform: none}
#footer ul li { font-weight: bold; display:inline; list-style: none; margin: 0; }
#footer ul li a { color: #fff; text-decoration:none; }
#footer ul li a:hover { border-bottom: 1px solid #fff}



/*utils*/
.italic { font-style: italic}
.bold { font-weight: bold}