/*
Campaign CSS Document
*/

/* General Styles */
html { margin: 0; padding: 0; }
BODY { margin: 0; padding: 0; color: #00325F; font: normal 12px "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; /* background: url(/advert/img/generic_back.gif) repeat-x; */ background-color:#980165; }
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
img { border: none; }
fieldset { border: none; }
table { width: 100%; }
th { width: 50%; text-align: left; vertical-align: text-top; }
td { width: 50%; }
p { padding-bottom: 5px !important; }
ol li { margin-bottom: 2px; }

/* Class Styles */
.bullList { list-style: disc; line-height: 20px; }
.links { vertical-align: top; font-size: 12px; padding: 10px; }
.links a { color: #0a4854; font-weight: bold; text-decoration: none; }
.links a:hover { font-weight: bold; text-decoration: underline; }
.calculators { background-color: #ffffff; color: #0a4854; font-size: 12px; padding: 10px; }
.calculators a { color: #0a4854; font-weight: bold;	text-decoration: none; }
.calculators a:hover { font-weight: bold; text-decoration: underline; }
.mainList { list-style: decimal; line-height: 20px; }
.subList { list-style: lower-alpha; }
.intro { font-weight: bold;	font-size: 14px; }
.desc { font-size: 90%; }
.climg { clear: both; }
.mandatory { color: #FF0000; }
.button { background-color: #980165; text-transform: uppercase; font-weight: bold; border: 0; padding: 3px 5px 3px 5px; color: #FFFFFF !important; font-size: 13px; font-weight: bold; border:0px;  }
.error { color: #FF0000; }

/* DIV Classes */
#dim { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 500; display: none; background-color: #00519E; filter: alpha(opacity = 55); opacity:.55; }
#header { top: 0; margin: 0px 0px 0px 0px; padding: 0px; }
#topban { position: relative; margin: 0px auto; width: 995px; height: 90px; }
#logo { position: absolute; top: 5px; left: 5px; }
#toplogo { position: absolute; top: 15px; left: 5px; }
#wrapper { background-color: #FFFFFF; width: 760px;	margin-left: auto; margin-right: auto; text-align: left; position: relative; top: 0; padding: 10px; }
#content { background-color: #FFFFFF; }
#warning { width: 100%; background-color: #FFF; padding: 5px; margin: 5px 0 5px 0; }
#warning p { font-size: 9px; }
#important-information { background-color:#CCDCEC;padding:1px 10px 1px 10px;margin-top:20px; }
#important-information h5 { padding:5px 0px 0px 0px;margin:0px; }
#important-information p { margin:5px 0px 5px 0px; }

#redirect_topban { margin-left: auto; margin-right: auto; position: relative; margin: 0px auto; width: 725px; height: 90px; }
#redirect_wrapper { background-color: #FFFFFF; width: 975px; margin-left: auto; margin-right: auto; margin-top:10px; text-align: left; position: relative; top: 0; padding: 10px 10px 10px 10px; }

#wrapper_wide { background-color: #FFFFFF; width: 975px; margin-left: auto; margin-right: auto; text-align: left; position: relative; top: 0; padding: 10px 10px 10px 10px; }
#wrapper_narrow { background-color: #FFFFFF; width: 640px; margin-left: auto; margin-right: auto; text-align: left; position: relative; top: 0; padding: 10px 10px 10px 10px; }
#maincontent { position: static; left: 0px; top: 0px; width: 965px; float: left; font: normal 11px arial, helvetica, sans-serif; }
#copycontent { position: relative; width: 640px; word-wrap: break-word;}
#leftcontent { float: left; margin: 0px 10px 10px 0px; width: 610px; }
#rightcontent { position: relative; left:10px; top: 0px; width: 325px; float: right; font: normal 11px arial, helvetica, sans-serif; }
#mainimage { margin: 0px 0px 10px 0px; padding: 0px; }

/*seminars only*/
.speaker { clear: both; }
.speaker h4 { float:left; width: 480px; margin: 0px; padding: 0px; }
.speaker p { float:left; width: 480px; }
.speaker img { float:right; border: 2px solid #00519E; margin-bottom:5px;}

/*mypace and myfuture pages only */
#copycontent2 { position: relative; width: 930px; padding: 0px 25px 15px 15px; word-wrap: break-word;}
#leftcopy2 { float: left; width: 445px; margin: 0px 10px 10px 0px;}
#rightcopy2 { float: right; width: 445px; margin: 0px 0px 0px 25px;}

#mainlinks { position: absolute; top: 260px; }
#leftcopy {  float: left; width: 310px;}
#rightcopy { float: left; width: 310px; margin: 0px 0px 0px 20px;}
#notice { float: left; width: 620px; background-color: #B2CAE2; padding: 10px 10px 10px 10px; margin: 10px 10px 0px 0px;}
#notice2 { float: left; width: 955px; background-color: #B2CAE2; padding: 10px 10px 10px 10px; margin: 10px 0px 0px 0px;}
#heading { width: 490px; background-color: #FFFFFF;	color: #0a4854;	padding: 10px 10px 30px 10px; }
#subheading { background: #EACCE0; padding: 10px; }
#links { margin: 0px; padding: 15px 0px 5px 0px; background-color: #ffffff; }
#awards { width: 760px;	background-color: #FFFFFF; border: none; color: #0a4854; font-size: 12px; }
#container {}
.landtabs    { position: relative; margin: 0px 0px 9px 0px; padding: 0px; width: 325px; }
.landtabstop   { position: relative; width: 325px; height: 20px; background: url(/img/landtabtopbg.gif); }
.landtabscont { margin: 0px; border-left: 1px #EACCE0 solid; border-right: 1px #EACCE0 solid; padding: 9px 10px 0px 9px; width: 304px;}
.landtabscont UL { margin: 10px 0px 13px 18px; padding:0;}
.landtabs H2 { position: absolute; margin: 1px 0px 0px 1px; padding: 2px 8px 0px 8px; height: 17px; font-size: 11px; background: #EACCE0; text-transform: uppercase;}
.landtabs P  { margin: 5px 0px 0px 0px; padding: 0px; }
.landtabsbot   { width: 325px; height: 20px; background: url(/img/landtabbotbg.gif); }
.landlinks { display: block; float: right;  padding: 3px 5px 3px 5px; margin:10px 0px 5px 10px; background: #980165; color: #FFFFFF !important; font-size: 13px; font-weight: bold; border:0px; }
.landlinkbuttons { display: block; float: right;  padding: 3px 5px 3px 5px; margin-left: 10px; margin-bottom:8px; !important; border:0px; }

/* SIPP campaign page */
.byemail { display: block; float: left;  padding: 3px 5px 3px 5px; background: #980165; color: #FFFFFF !important; font-size: 13px; font-weight: bold; }
.bypost { display: block; float: left;  padding: 3px 5px 3px 5px; background: #980165; color: #FFFFFF !important; font-size: 13px; font-weight: bold; margin-left: 10px; }


/* ISA 'WIN £1000' competition advert*/
.landtabsb    { position: relative; margin: 0px 0px 9px 0px; padding: 0px; width: 325px; height:150px; background:url(/advert/img/PrizeDraw_landing_page_AdB2.gif);background-repeat: no-repeat;}
.landtabscontb { margin: 0px; padding: 60px 10px 10px 20px; width: 295px;}


/* DIV Classes for the findoutmore.php */
.fomcontainer {padding: 0px 0px 15px 15px;float: left; background-color: #FFFFFF; width: 625px;}
.fomcontainer1 {padding: 0px 0px 15px 15px;float: left; background-color: #FFFFFF; width: 625px;}
.fomcontainer2 {padding: 0px 0px 15px 15px;float: left; background-color: #f0f1f8; width: 625px;}
.fomcontainer3 {padding: 0px 0px 15px 15px;float: left; background-color: #e1e5f2; width: 625px; margin: 0px 0px 0px 0px;}
.numbers {width: 100px; float: left; font-size: 72px; color:#B2CAE2; text-align:center;}
.numberstext {width: 525px; float: left;  }
.fomheading {margin-top: 15px; font-size: 21px; color: #980165; font-weight: bold;}
.fomlandlinks { width:120px;display: block; padding: 3px 5px 3px 5px; margin-left: 10px; margin-right: 415px; background: #980165; color: #FFFFFF !important; font-size: 13px; font-weight: bold; }

#tandc { width: 740px; margin-left: auto; margin-right: auto; padding: 10px; font-size: 75%; }
#tandc h2 {	font-size: 120%; }

#terms { background-color: #CCDCEC;	color: #000000;	width: 204px; top: 20px; left: 550px; padding: 8px;	position: absolute; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#terms h2 { color: #980165; font: bold 12px "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; }
#boxes { top: 10px; left: 515px; position: absolute; }
#box { background-color: #F4E5EF; margin: 10px 0 0 0; color: #000000; width: 204px; padding: 8px; border-style: solid 1px #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
#box h2 { background-color: #980165; color: #ffffff; font: bold 14px "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; }
#information { font: normal 10px Verdana, Arial, Helvetica, sans-serif; }

#fundsearch { background-color: #ffffff; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; }
#fundsearch a {	color: #0a4854;	font-weight: bold; text-decoration: none; }
#fundsearch a:hover { font-weight: bold; text-decoration: underline; }

//      H1 { position: absolute; left: 0px; top: 107px; margin: 0 0 0 8px; padding: 0; width: 658px; height: 81px; background: url(intropara.gif); }
//      H2 { position: absolute; left: 0px; top: 43px; margin: 0 0 0 9px; padding: 0; width: 388px; height: 67px; background: url(t_invest.gif); }
H2 { margin: 0 0 10px 0; padding: 0px; color: #980165; font: bold 20px "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; line-height: 1.1; }
//      H1 SPAN, H2 SPAN { display: none; }

H3 { margin: 10px 0px; padding: 0px; color: #980165; font: bold 18px "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; line-height: 1.1; }
// A:link, A:active, A:visited { color: #980165; font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
A:hover { text-decoration: underline;  }

.midhead { padding-top: 25px; }

#tag { height: 0px; width: 0px; }
#logotrans { height: 633px;  width: 304px; }
#main { position: absolute; top: 0px; left: 314px; }

#c1, #c2, #c3 { position: absolute; left: 0px; top: 208px; margin: 0; padding: 10px 0px; width: 208px; height: 347px; }
#c1 .box, #c2 .box, #c3 .box { margin: 0; padding: 10px 5px 0px 9px; width: 207px; height: 285px; background: #F2F6FA; }
#c3 .box { height: 238px; }
#c1 { left: 0px; }
#c2 { left: 226px; }
#c3 { left: 452px; }


.sectlinks P { margin: 0 0 3px 0; padding: 0; }
.sectlinks A { font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif; }

#terms.trader { left: 514px;  width: 240px; }
#box.trader { left: 514px;  width: 240px; }
#heading.trader { width: 470px; }
#traderlinks { margin: 5px 0px 20px 0px; padding: 10px; background: #F2F6FA;}

/* footer */
#footer { position: relative; clear: left; margin: 0px 0px 10px 0px; padding: 5px 0px 0px 0px; width: 100%; border-top: 2px solid #980165; background: none; }
#footer P, #footer UL, #disclaimer P, #disclaimer UL { color: #00325F; background: #FFF; font: normal 11px arial, helvetica, sans-serif; }
#footer A:link, #footer A:active, #footer A:visited { color: #980165; font-weight: bold; text-decoration: none; }
#footer A:hover { text-decoration: underline;  }
#verisignimg { float: left; }
#disclaimer { margin: 10px 0px 10px 0px; font-size: 11px; width: 100%; border-left: none; }
#disclaimer A { font: bold 11px Arial, Helvetica, sans-serif; }
#disclaimer P, #disclaimer UL { font-family: Arial, Helvetica, sans-serif; }
#disclaimer P:first-child { margin-top: 0px; }
#disclaimer P { margin: 6px 0px; padding: 0px; }
#disclaimer UL { margin: 0px; padding: 0px; }
#disclaimer LI { display: inline; border-left: 1px #00325F solid; padding: 0px 2px 0px 6px; list-style: none; }
#disclaimer LI.first { border-left: none; padding-left: 0px; }

/* new template style */
#templ1_wrapper_wide { background-color: #FFFFFF; width: 982px; margin-left: auto; margin-right: auto; text-align: left; position: relative; top: 0; padding: 10px 10px 10px 10px; }
#templ1_maincontent { position: static; left: 0px; top: 0px; width: 982px; float: left; font: normal 11px arial, helvetica, sans-serif; }
#templ1_maincontent ul { color: #00325F; }
#templ1_boxes { margin:10px 0px 10px 0px; }
.templ1_boxclass { float:left; width:237px; margin: 0px 4px 10px 4px; padding: 0px; }
.templ1_boxtop { background: url(/img/BackInfoPurple2.gif); margin:0px;}
.templ1_boxtop h3 { font-size: 14px; padding: 5px 5px 5px 8px; margin: 0px; color: #FFFFFF; }
.templ1_boxcontent { height: 65px; background-color: #FAF2F7; padding: 5px 10px 5px 10px; margin: 0px; }
.templ1_boxcontent p, div { padding:0px; margin:0px; }
.templ1_boxcontent_nofill { height: 65px; background-color: #FFFFFF; border-left: 1px solid #FAF2F7; border-right: 1px solid #FAF2F7; padding: 5px 10px 5px 10px; margin: 0px; }
.templ1_boxcontent_nofill p, div { padding:0px; margin:0px; }
.templ1_boxbottom { min-height: 20px; background-color: #FAF2F7; padding: 0px 10px 0px 10px; margin: 0px; text-align: right; overflow: auto; }
.templ1_boxbottom p, div { padding:0px; margin:0px; }
.templ1_boxbottom_nofill { min-height: 20px; border-left: 1px solid #FAF2F7; border-right: 1px solid #FAF2F7; border-bottom: 1px solid #FAF2F7; padding: 0px 10px 0px 10px; margin: 0px; text-align: right; overflow: auto; }
.templ1_boxbottom_nofill p, div { padding:0px; margin:0px; }

.templ1_pink_link_box { border:1px #F4E5EF solid; margin:3px; padding:2px 17px 2px 17px; background:url(/img/advert/graphics/blue_link_back.png); }
.templ1_pink_link_box a { color: #980165; }

.templ1_whitespace_fill_left { float:left;width:642px;margin-right:5px; padding: 10px 5px; }
.templ1_whitespace_fill_right { float:left;width:323px; height: 360px; background: top right url(/img/advert/options_bkgnd.gif) no-repeat; margin: 10px 0px 0px 0px; padding: 10px 0px; }

#templ1_options { padding: 0px 20px 0px 35px; }
#templ1_options h3, #templ1_options ul { color: #FFFFFF; }

#templ1_important_information { padding: 10px; margin: 0px 0px 10px 0px; background-color: #F2F6FA; }
#templ1_important_information h4 { font-size: 14px; color: #980165; }

ul.templ1_boxlist  { margin: 0 0 0 15px; padding: 0; }

/* only in cfds-spreads-land1.php */
#cfd1_wrapper_wide { background-color: #FFFFFF; width: 982px; margin-left: auto; margin-right: auto; text-align: left; position: relative; top: 0; padding: 10px 10px 10px 10px; }
#cfd1_maincontent { position: static; left: 0px; top: 0px; width: 982px; float: left; font: normal 11px arial, helvetica, sans-serif; }
#cfd1_boxes { margin:10px 0px 10px 0px; }
.cfd1_boxclass { float:left; width:237px; margin: 0px 4px 10px 4px; padding: 0px; }
.cfd1_boxtop { background: url(/img/BackInfoPurple2.gif); margin:0px;}
.cfd1_boxtop h3 { font-size: 14px; padding: 5px; margin: 0px; color: #FFFFFF; }
.cfd1_boxcontent { height: 65px; background-color: #FAF2F7; padding: 5px 10px 5px 10px; margin: 0px; }
.cfd1_boxcontent p, div { padding:0px; margin:0px; }
.cfd1_boxbottom { min-height: 20px; background-color: #FAF2F7; padding: 0px 10px 0px 10px; margin: 0px; text-align: right; overflow: auto; }
.cfd1_boxbottom p, div { padding:0px; margin:0px; }

.cfd1_pink_link_box { border:1px #F4E5EF solid; margin:3px; padding:2px 17px 2px 17px; background:url(/img/advert/graphics/blue_link_back.png); }
.cfd1_pink_link_box a { color: #980165; }

.cfd1_whitespace_fill_left { float:left;width:642px;margin-right:5px; }
.cfd1_whitespace_fill_right { float:left;width:333px; }

#cfd1_important_information { padding: 10px; margin: 0px 0px 10px 0px; background-color: #F2F6FA; }
#cfd1_important_information h4 { font-size: 14px; color: #980165; }

/* only in cfds-spreads-land2.php */
#cfd2_wrapper_wide { background-color: #FFFFFF; width: 853px; margin-left: auto; margin-right: auto; text-align: left; position: relative; top: 0; padding: 10px 10px 10px 10px; }
#cfd2_content { position: static; left: 0px; top: 0px; width: 853px; float: left; font: normal 11px arial, helvetica, sans-serif; }

.cfd2_pink_box_60  { width:843px; margin-top:10px;padding:5px; background-color:#F4E5EF; }
.cfd2_blue_box_60  { width:843px; margin-top:10px;padding:5px; background-color:#E5EDF5; }

.cfd2_container_60 { width:853px; margin:5px 0px 0px 0px; }
.cfd2_container_20 { width:285px;float:left;margin-right:5px; }
.cfd2_container_40 { width:563px;float:left; }

.cfd2_blue_box_2 { margin-bottom:5px; padding:5px; background-color:#E5EDF5; }
h4 { padding:0px;margin:0px; }
.cfd2_pink_box_4 { margin-bottom:5px; padding:5px; background-color:#F4E5EF; }
.cfd2_pink_box_4 P { margin-top:3px;margin-bottom:3px;padding:0px; }
.cfd2_large_link { font-size:18px; }

.cfd2_container_20_left { width:285px;float:left; margin-left:6px; }
.cfd2_important_info { margin-left:auto;margin-right:auto;width:600px;padding:10px;margin-bottom:10px;background-color:#CCDCEC; }
.cfd2_important_info p { margin:10px 0px 5px 0px;}

.cfd2_whitespace_fill_left { float:left;width:495px;margin-right:5px; }
.cfd2_whitespace_fill_right { float:right;width:353px; }
#cfd2_footer { position: relative; clear: left; margin: 0px 0px 10px 0px; padding: 5px 0px 0px 0px; width: 853px; border-top: 2px solid #980165; background: none; }
#cfd2_footer P, #cfd2_footer UL, #cfd2_disclaimer P, #cfd2_disclaimer UL { color: #00325F; background: #FFF; font: normal 11px arial, helvetica, sans-serif; }
#cfd2_footer A:link, #cfd2_footer A:active, #cfd2_footer A:visited { color: #980165; font-weight: bold; text-decoration: none; }
#cfd2_footer A:hover { text-decoration: underline;  }
#cfd2_verisignimg { float: left; }
#cfd2_disclaimer { margin: 10px 0px 10px 0px; font-size: 11px; width: 853px; border-left: none; }
#cfd2_disclaimer A { font: bold 11px Arial, Helvetica, sans-serif; }
#cfd2_disclaimer P, #cfd2_disclaimer UL { font-family: Arial, Helvetica, sans-serif; }
#cfd2_disclaimer P:first-child { margin-top: 0px; }
#cfd2_disclaimer P { margin: 6px 0px; padding: 0px; }
#cfd2_disclaimer UL { margin: 0px; padding: 0px; }
#cfd2_disclaimer LI { display: inline; border-left: 1px #00325F solid; padding: 0px 2px 0px 6px; list-style: none; }
#cfd2_disclaimer LI.first { border-left: none; padding-left: 0px; }

/* /advert/warrantoffer.php */
#trade_now { border:1px solid #F4E5EF; padding:10px 0px 10px 10px;}
#customer_type { border:1px solid #EACCE0;padding:15px;margin-right:10px;width:264px;min-height:70px;overflow:auto;float:left;background-color:#F4E5EF; }
.large_link { font-size:12px;font:#980165;padding:3px 10px 3px 10px; border:1px solid #E0B2D0;background-color:#fff; }

textarea { overflow:auto; } 
/*
HEX list of main colours:
Primary Blue  #00519E   Primary Purple  #980165
          70  #4C85BB               70  #B74D93
          30  #B2CAE2               30  #E0B2D0
          20  #CCDCEC               20  #EACCE0
          10  #E5EDF5               10  #F4E5EF
           5  #F2F6FA                5  #FAF2F7
Text Blue    	#00325F
*/


#advert_table {table-layout:fixed}
#advert_table td, #advert_table th {font-family:Arial,Sans-Serif; border:1px solid #CCC}
#advert_table th {padding:10px 0; font-size:13px;}
#advert_table th#advert_col1 {width: 40%; padding-left:10px}
#advert_table th#advert_col2 {width: 10%; text-align:center}
#advert_table th#advert_col3 {width: 10%; text-align:center}
#advert_table th#advert_col4 {width: 10%; text-align:center}
#advert_table th#advert_col5 {width: 30%; padding-left:10px}
#advert_table td.title {padding:10px 0 10px 10px; font-weight:bold; font-size:11px; background:#f5f5f5}
#advert_table td.advert_col1 {padding:10px}
#advert_table td.advert_col2 {text-align:center; padding:10px 0}
#advert_table td.advert_col3 {text-align:center; padding:10px 0}
#advert_table td.advert_col4 {text-align:center; padding:10px 0}
#advert_table td.advert_col5 {padding:10px; font-style:italic}