/*DEFINE BASE TAGS*/
body
{
	margin-left: 22px;
	margin-top: 18px;
	margin-right: 20px;
	margin-bottom: 20px;
	font: 9px Verdana, Arial, san-serif;
	clear: left;
	background-color: #FFFFFF;
	background-image: url(../images/fs_bg.gif);
	background-repeat: no-repeat;
	padding-bottom: 2px;

}


img { border: 0px; }


/* this stops the dotted border showing up on link images in mac.ie */
.imglinknoborder { 	border-bottom: 1px dotted #ffffff; }


.rpad { padding-right: 10px; }



/* LAYOUT TABLES*/



.maintable
{
	width: 730px;
	padding: 0px;
}



/* SUBNAV TABLE AND TYPE */


.subnavtable
{
	width: 162px;
	padding: 0px;
	background-color: #C368A2;
}

.subnavtablecontent
{
	width: 160px;
	height: 18px;
	background-color: #eeeeee;
}

.subnavtablecontent a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
	padding-left: 10px;

}

.subnavtablecontent a:hover
{
	color: #000000;
	text-decoration: none;
	padding-left: 10px;
}

.subnavtablecontent a:visited
{
	color: #333333;
	text-decoration: none;
	padding-left: 10px;
}








/*  GREENBOX 1 ( why choose hatstand on front page ) */


.boxout1
{
	width: 162px;
	background-color: #000000;
}


.boxout1title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #C7E50C;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}


.boxout1inside
{
	width: 162px;
	background-color: #C7E50C;
}


.boxout1insidetext /* bold for titles & links */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.boxout1insidetext2 /* not bold */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.boxout1insidetext a:link
{
	color: #333333;
	text-decoration: none;
	border-bottom: 1px dotted #333333;
}

.boxout1insidetext a:visited
{
	color: #333333;
	text-decoration: none;
	border-bottom: 1px dotted #333333;
}

.boxout1insidetext a:hover
{
	color: #333333;
	text-decoration: none;
	border-bottom: 1px dotted #333333;
}






/*  GREENBOX 2 ( free health check on front page ) */



.boxout2
{
	width: 162px;
	background-color: #C7E50C;
}


.boxout2title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}


.boxout2inside
{
	width: 162px;
	background-color: #eeeeee;
}

.boxout2insidetext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 2px;
}

.boxout2insidetext a:link
{
	color: #333333;
	text-decoration: none;
	line-height: 16px;
	border-bottom: 1px dotted #333333;
}

.boxout2insidetext a:visited
{
	color: #333333;
	text-decoration: none;
	line-height: 16px;
	border-bottom: 1px dotted #333333;
}

.boxout2insidetext a:hover
{
	color: #333333;
	text-decoration: none;
	line-height: 16px;
	border-bottom: 1px dotted #333333;
}







/*  GREENBOX 3 ( what we do.html  ) */


.boxout3
{
	width: 162px;
	background-color: #C7E50C;
}


/*this class has a bottom border to complete the green frame when the box is expanded. 
doing it this way stops the border from being shown when the <td> is closed*/
.boxout3inside
{
	width: 162px;
	background-color: #ffffff;
	border-bottom: 1px solid #C7E50C;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C7E50C;
	border-left-color: #C7E50C;
}


.boxout3title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #C7E50C;
	background-color: #000000;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}



.boxout3insidetext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	color: #333333;
	padding-left: 10px;
	padding-right: 4px;
	padding-top: 8px;
	padding-bottom: 2px;
	display: none;
}





/*  TYPE CLASSES */


.bodycopy
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #333333;
}

.bodycopybold
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	font-weight: bold;
	color: #333333;
}

.bodycopy a:link
{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #333333;
}

.bodycopy a:visited
{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #333333;
}

.bodycopy a:hover
{
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #C7E50C;
}

.bodycopyred
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #e13333;
}

.bodycopygreen
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #33983a;
}

.bodycopyblue
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #339fed;
}


.footertype
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	line-height: 18px;
}

.footertype a:link
{
	color: #999999;
	text-decoration: none;
	
}

.footertype a:visited
{
	color: #999999;
	text-decoration: none;
}

.footertype a:hover
{
	color: #AF007C;
	text-decoration: none;
}





/*PRODUCT PAGES - COLOURED TABLES*/


.greentd
{
	padding-left: 5px;
	padding-right: 2px;
	padding-bottom: 8px;	
	background-color: #CBE3CE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
	color: #00983A;
	background-image: url(../images/type/col_heads/green_bg.gif);
	background-repeat: repeat-y;
}

.redtd
{
	padding-left: 5px;
	padding-right: 2px;
	padding-bottom: 8px;	
	background-color: #F9DCCF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
	color: #E1001A;
	background-image: url(../images/type/col_heads/red_bg.gif);
	background-repeat: repeat-y;
}

.bluetd
{
	padding-left: 5px;
	padding-right: 2px;
	padding-bottom: 8px;
	background-color: #DCF2FD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
	color: #0090E0;
	background-image: url(../images/type/col_heads/blue_bg.gif);
	background-repeat: repeat-y;
}





	
/* PRODUCT PAGES - (GREEN OFFERED BOX) */


.boxoffered
{
	width: 125px;
	background-color: #C7E50C;
	text-align: right;
}


.boxofferedtitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #C7E50C;
	text-decoration: none;
	padding-left: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.boxofferedinside
{
	width: 125px;
	background-color: #ffffff;
	border-bottom: 1px solid #C7E50C;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C7E50C;
	border-left-color: #C7E50C;
}

.mifidboxofferedinside
{
	width: 162px;
	background-color: #ffffff;
	border-bottom: 1px solid #9DAACA;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9DAACA;
	border-left-color: #9DAACA;
}


.boxofferedinsidehidden
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	color: #333333;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: none;
}

	
/* MiFID PRODUCT PAGES - (GREEN OFFERED BOX) */


.mboxoffered
{
	width: 125px;
	background-color: #9DAACA;
	text-align: right;
}


.mboxofferedtitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	padding-left: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
}


.mboxofferedinside
{
	width: 125px;
	background-color: #ffffff;
	border-bottom: 1px solid #9DAACA;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9DAACA;
	border-left-color: #9DAACA;
}


.mboxofferedinsidehidden
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	color: #333333;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: none;
}








/* FORM ELEMENTS */



input
{
	border: 1px #C7E50C solid;
	background: #FFFFFF;
	font: 10px Verdana, Arial, san-serif;
	color: #333333;
	padding: 2px;
	width: auto;
}

textarea
{
	border: 1px #C7E50C solid;
	background: #FFFFFF;
	font: 10px Verdana, Arial, san-serif;
	color: #333333;
	width: 300px;
}

select
{
	border: 1px #C7E50C solid;
	background: #FFFFFF;
	font: 10px Verdana, Arial, san-serif;
	color: #333333;
	width: 250px;
}
.textareasizer {
	width: 245px;
}

/* CSS styling for the side menu */
#dropmenudiv{
position:absolute;
border:1px solid white;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid white;
padding: 1px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333333;
text-decoration: none;
text-weight: normal;
}