﻿
/*
willisowen.co.uk

red - #e11836
dark grey - #888687
light grey - #F5F5F5
*/




body { margin: 5px 0; padding: 0; font: 0.75em Helvetica, Arial, Verdana; text-align: center; background: #fff; }
div, form, ul, ol, p, h1, h2, h3, img { margin: 0; padding: 0; border: 0; }
#printlogo {display: none;}

p {line-height: 1.5em; margin-bottom: 1em; }
h1 {line-height: 2.5em; font-size: 2em; font-weight: normal; letter-spacing: -1px; color: #000; }
h2 {line-height: 1.5em; font-size: 1.5em; font-weight: normal; letter-spacing: -1px; color: #888687; padding-bottom: .75em; }
h3 {line-height: 1.5em; font-size: 1.25em; font-weight: normal; color:  #888687; }
.clearb { clear: both; }
.mbtm0 { margin-bottom: 0;}
.mbtm10 { margin-bottom: 10px;}
.mbtm20 { margin-bottom: 20px;}
.mtop10 { margin-top: 10px;}
.mright45 { margin-right: 45px;}
.dgrey {color: #888687;}
.wgrey {color: #F5F5F5;}
.black {color: #000;}
.white {color: #fff;}
.red  {color: #e11836;}
.bold {font-weight:bold;}
.smaller {font-size: .8em;}
hr {border: 0; border-top: 1px dashed #888687; height: 1px;}
.center {text-align: center;}
.fright {float: right;}
.fleft {float: left;}
.hide {display: none;}

/* 3d buttons start */
#col2 a.button3d {background-color: #e11836; border: 2px #e11836 outset; padding: 2px 4px; color: #fff; text-decoration: none; font-weight: bold;}
#col2 a.button3d:hover {border-style: inset; background-color: #C91430;}
#col2 a.button3d:active{color: #fff;}
/* 3d buttons end */

div.toggleContent {display: none; margin: 10px 0 10px 1.2em; border-bottom: 1px dashed #888687; }
.fakeli {margin-left: 1.8em; margin-bottom: 1em;}
p.togq {line-height: 1.5em;  margin-bottom: 0;background: url(/App_Themes/wo_default/images/bullet.gif) no-repeat left top; padding-left: 1.2em;}

#container { width: 955px; text-align: left; margin: 0 auto; position: relative; }
/* header and main nav */
#header { background: #e11836; height: 85px; width: 100%;}
#header img.logo {float: left; margin: 10px 0 0 10px; border: 0; }
#header #isahead {float: right; margin: 5px 10px 0 0; width: 237px;}
#header #isahead img {border: 0;}
#header #isahead span {clear: right; display:block; margin-top: 5px;}
#header #isahead img.isalog, #header #isahead img.isareg {vertical-align:bottom;}

ul#mainNav { font-size: 1.2em; font-weight: normal; background-color: #000; list-style-type: none; width: 100%; position: absolute; top: 90px; left: 0; padding: 5px 0; }
ul#mainNav li { display: inline; }
ul#mainNav li a { color: #fff; text-decoration: none; border-right: 1px solid #fff; padding: 0 8px; }
ul#mainNav li a:hover { text-decoration: underline; }
ul#mainNav li a#mncontact {border-right: 0; }
ul#mainNav li a#mnhome {margin-left: 2px; }
/*body#home a#mn1, body#about a#mn2, body#services a#mn3, body#isa a#mn9, body#portfolios a#mn4, body#discounts a#mn5, body#expert a#mn6, body#contact a#mn7 {color:#e11836;}*/

#maintelno { font-size: 1.2em; font-weight: bold; width: auto; position: absolute; top: 95px; right: 10px; color: #fff;}
/* End header and main nav */

/* subnav */
#subnav ul { padding: 0; border: 0; width: 175px; text-align: left; position: absolute; top: 144px; left: 0;}
#subnav ul li { list-style-type: none; border-bottom: 1px dotted #888687; padding: 5px 10px;}
#subnav ul li a { text-decoration: none; color: #888687; display: block; width: 100%;}
#subnav ul li a:hover, #col1 ul li strong {color: #e11836; }
#subnav ul li a:hover strong {color: #888687;}
/* End subnav */

/* Main content columns */
#mainContent { position: relative; padding: 0 225px 0 175px; min-width: 555px; margin: 41px 0 10px 0; min-height: 410px; height: auto !important; height: 410px;}
#col2 { position: relative; float: left; width: 100%; padding: 0 25px 20px 25px; font-size: 1.1em; }
#col1 { position: relative; float: left; min-width: 175px; width: 175px; left: 175px; margin-left: -100%; padding-top: 20px;}
#col3 { position: relative; float: left; min-width: 175px; width: 175px; margin-right: -100%; padding-top: 20px;}
/* IE Fix  */
#mainContent > #col1 { left: -225px; }
/* End Main content columns */

/* col2 content*/
#col2 ul { line-height: 1.5em; margin-bottom: 1em; margin-left: 3em; list-style: square outside url(/App_Themes/wo_default/images/bullet.gif);}
#col2 ol { line-height: 1.5em; margin-bottom: 1em; margin-left: 3em;}
#col2 a, #col3 a {color:#e11836; text-decoration:none;}
#col2 a:hover, #col3 a:hover {text-decoration:underline;}
#col2 ul li.nobullet {list-style-type:none; list-style-image: none;}
/* End col2 content */

/* col3 content*/
#col3 img {display: block;}
/* End col3 content */

/* footer */
#footer { text-align: center; background: #fff; color: #888687;}
#footer a { color: #888687; }
#footer ul { text-align: center; padding: .3em 0; margin: 0; list-style-type: none; width: 100%; background: #000;  color: #fff; border-bottom: 1px solid #000; margin-bottom: 5px;}
#footer ul li { display: inline; }
#footer ul li a { color: #fff; text-decoration: none; border-right: 1px solid #000; padding: 0 10px; }
#footer a:hover { color: #e11836; text-decoration: underline; }
#footer ul li a.last { border-right: 0; }
/* end footer */

/* table */
table {border:1px solid #BFBEBE; width: 98%; margin-bottom: 10px; padding: 0; background: #fff;}
table th, table td {border:1px solid #BFBEBE; padding: 3px; margin: 0; background: #F5F5F5; vertical-align:top;}
table th {background: #888687; color:#fff;}
table .width50 {width: 42%;}
#col2 table th a {color:#fff; text-decoration: underline;}
#col2 table th a:hover {color:#e11836;}
/* table end */

/* email phone post etc */
div.post, div.phone, div.email, div.online, div.warning, div.questions, div.pies, div.exview, div.research {position: relative; display: block; clear: both; background: no-repeat 0 0; min-height: 55px; height: auto !important; height: 55px; margin-bottom: 10px;}
div.post {background-image: url(/App_Themes/wo_default/images/post.gif);}
div.phone {background-image: url(/App_Themes/wo_default/images/phone.gif);}
div.email {background-image: url(/App_Themes/wo_default/images/email.gif);}
div.online {background-image: url(/App_Themes/wo_default/images/online.gif);}
div.warning {background-image: url(/App_Themes/wo_default/images/warning.gif);}
div.questions {background-image: url(/App_Themes/wo_default/images/questions.gif);}
div.exview {background-image: url(/App_Themes/wo_default/images/expertview.gif);}
div.r100 {margin-left:70px;}
/* email phone post etc end*/

/* application forms page */
.applications img { float: left; padding: 3px; margin-right: 10px; background: #F5F5F5; margin-bottom: 15px; }
.applications p { margin-bottom: 0; margin-top: 10px;}
/* application forms end */

/* bottom heros */
#btm_hero {margin-bottom: 5px; background:#f5f5f5;}
#btm_hero ul  {padding: 0; margin: 0; list-style-type: none;}
#btm_hero ul li {float:left; width: 155px; text-align: center; padding: 0; margin: 0 5px 0 0; }
#btm_hero ul li.last {margin-right: 0;}
#btm_hero ul li a {color: #fff; text-decoration: none; padding: 5px 0 0 0; display: block; height: 66px; background: #e11836 url(/App_Themes/wo_default/images/testhero.gif) no-repeat 0 25px;}
#btm_hero ul li a:hover {text-decoration: underline; background: #000 url(/App_Themes/wo_default/images/header_logo.gif) no-repeat 0 25px;}
#btm_hero ul li a#btm_hero1, #btm_hero ul li a#btm_hero1:hover {background-image: url(/App_Themes/wo_default/images/btm_hero1.jpg);}
#btm_hero ul li a#btm_hero2, #btm_hero ul li a#btm_hero2:hover {background-image: url(/App_Themes/wo_default/images/btm_hero2.jpg);}
#btm_hero ul li a#btm_hero3, #btm_hero ul li a#btm_hero3:hover {background-image: url(/App_Themes/wo_default/images/btm_hero3.jpg);}
#btm_hero ul li a#btm_hero4, #btm_hero ul li a#btm_hero4:hover {background-image: url(/App_Themes/wo_default/images/btm_hero4.jpg);}
#btm_hero ul li a#btm_hero5, #btm_hero ul li a#btm_hero5:hover {background-image: url(/App_Themes/wo_default/images/btm_hero5.jpg);}
#btm_hero ul li a#btm_hero6, #btm_hero ul li a#btm_hero6:hover {background-image: url(/App_Themes/wo_default/images/btm_hero6.jpg);}

#btm_hero ul li a#btm_hero5 {background-color: #888687;}
#btm_hero ul li a#btm_hero5:hover {background-color: #000;}

/* end bottom heros */

/*forms*/
fieldset {padding: 20px 20px 0 20px; background: #F5F5F5;  border: 1px solid #888687;}
label {width: 8em; float: left; text-align: left; margin-right: 0.5em; display: block;}
#ctl00_middlecontent_btnsubmit {margin-left: 8.5em; background-color: #e11836; border: 2px #e11836 outset; padding: 2px 4px; color: #fff; text-decoration: none; font-weight: bold;}
#ctl00_middlecontent_btnsubmit:hover {border-style: inset; background-color: #C91430;}
#ctl00_middlecontent_btnsubmit:active{color: #fff;}
input, select, textarea {background: #fff; border: 1px solid #888687;}
.txtb { width: 18em;}
.txtbs { width: 10em;}
.txtlineup {margin-left: 10.5em;}
.txtbtnvol {margin-left: 8.5em;}
/*forms end*/

/* researched funds tables */
table#rf {border:1px solid #BFBEBE; width: 98%; margin-bottom: 10px; padding: 0; background: #fff;}
table#rf th, table#rf td {border:1px solid #BFBEBE; padding: 3px; margin: 0; background: #fff; vertical-align:top;}
table#rf th {background: #e11836; color:#fff; font-size: 1.7em; font-weight: normal;}
table#rf th strong {font-weight: bold;}
table#rf tr.rfrow1 td {color: #e11836; font-weight: bold; font-size: 1.3em;}
table#rf .width10 {width: 10%;}

table#rf.green th {background: #5DA621;}
table#rf tr.rfrow1.green td {color: #5DA621;}

#rfpics {background: #000; margin: 45px 0 25px 0; }
#rfpics p {padding: 2px; margin-bottom: 0;}
#rfpics p strong {margin: 2px; display: block; color: #fff;}
/* researched funds tables  end */

/* isa swf */
#homeswf {margin-left:-5px; position: relative; background: #fff url(image.png) no-repeat;}
/* isa swf */

/* SimpleModal Confirm Modal Dialog start */
#confirm {display:none;}
/* Overlay */
#confirm-overlay {background-color:#eee; cursor:wait;}
/* Container */
#confirm-container-sw, #confirm-container-art {height:360px; width:520px; font-family: Helvetica, Arial, Verdana; font-size:12px; line-height:1.5em; text-align:left; background:#fff; border:2px solid #000;}
#confirm-container-sw {height:420px;}
#confirm-container-art {height:160px;}

#ccheader {width:100%; background:#e11836; color:#fff; font-size:1.2em; font-weight:bold; line-height:2em;}
#ccheader span {padding-left:8px;}
p.message {color:#000; margin:0; padding:12px 4px 12px 8px;}
p.message span {margin-bottom:10px; display: block;}
#ccbuttons {float:right;} 
#ccbuttons div {float:left; margin-right:20px; width:70px; line-height:2em; color:#fff; font-weight:bold; text-align:center; background:#e11836; border:1px solid #C91430; cursor:pointer;} 
a.modal-close, a.modal-close:link, a.modal-close:active, a.modal-close:visited {text-decoration:none; font-size:1.1em; position:absolute; top:-1px; left:510px; color:#fff;}
a.modal-close:hover {color:#000;}
/* SimpleModal Confirm Modal Dialog end */



/* print begin */
 @media print {
	
	#printlogo {display: block;}
    body {background: #fff; text-align: left; margin:0; padding: 0;}
    #header, ul#mainNav, #subNav, #col1, #col3, #footer, .noprint {display: none;}
    #container, #mainContent {margin: 0; padding: 0;}
    h1, h2, h3 {color: #000;}
    #col2 {margin: 0; padding: 0; font-size: 1.2em; min-height: 100%; }
    div.r100 {margin-left:0;}
	table {width: 99%;}
	table, table th, table td {border: 1px solid #333;}
	table th .fleft {font-weight: bold; color: #000;}
	.hide {display:block;}	
	
}
/* print end */


