/**************** General Classes *****************/
body {
	margin: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000f41;
	background-image: url(http://www.yourfirmonline.co.uk/images/body_bg.jpg);
	background-color:#ebf6fc;
	background-repeat: repeat-x;
	background-position: left top;
}
	   
p {margin: 0 0 10px 0; padding:0; color:#000f41; text-align:justify; line-height:16px; }
ul, li { color:#000f41; text-align:justify;  margin-top: 0; margin-bottom: 1; padding-top: 0; padding-bottom:0; }

.vsmall { font-size:9px; }
.small { font-size:10px; }
.smallNote { font-size:10px; color:#FF6600; }
.white { color:#FFFFFF; }
img {margin: 0; padding:0; }
.tsText { padding-bottom:3px; } 
.hilight { font-size:14px; color:#FF0000; }
div.point{ width: 100px; float: left; }

div.answer{ width: 380px; float: left;}

.indent { margin: 0 20px 0 20px; display:block; }

h1 { margin: 0px; padding-top: 20px; font-size: 22px; color:#000f41; }
h2 { font-size: 16px; color:#000f41; margin:3px 0 15px 0; padding:0; text-align:justify; }
h3 { margin: 0px; padding: 10px 30px 0 0; font-size: 16px; color:#0844a4; }
h4 { margin: 0px 0 0 10px; padding-top: 10px; font-size: 16px; color:#000f41; }

.websiteHeading { font-size: 16px; color:#0844a4; text-align:center; font-weight:bold; }
.maintextarea h2 { font-size: 16px; color:#000f41; margin:3px 0 15px 0; padding:0; text-align:justify; width:490px; }

.subjectHead { margin: 0px; font-size: 20px; color:#0844a4; } 

hr { color:#000066; height:1px; margin:0; padding:0px; }

.imagePad { margin: 0 10px 10px 10px; }

.offer{ color:#FF6600; font-weight:bold; }

a {	color:#0033CC; text-decoration:underline; }

a:hover { color:#0033CC; text-decoration:none;}

a.more { 
	color:#000f41;
	font-weight:bold;
	padding-left: 20px;
	padding-right: 3px;
	background-image: url(http://www.yourfirmonline.co.uk/images/arrow-more.gif);
	background-position: left center;
	background-repeat: no-repeat; }
	
#selected {
	background-color:#000099;
	color:#FFFFFF;
	border:1px solid #000073;
	background-image: url(http://www.yourfirmonline.co.uk/images/subNavSelect.jpg);
	background-repeat: repeat-x;
	}

a.subNav {
	margin-bottom:1px;
	text-align:left;
	display: block;
	font-weight:bold;
	width: 165px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	font-size:11px;
	text-indent: 5px;
	color: #000;
	border:1px solid #a9c9fd;
	background-color:#c9deff;
	background-image: url(http://www.yourfirmonline.co.uk/images/subNavA.jpg);
	background-repeat: repeat-x;
}

a.subNav:hover {
	background-color:#000066;
	color:#FFFFFF;
	border:1px solid #000073;
	background-image: url(http://www.yourfirmonline.co.uk/images/subNavHover.jpg);
	background-repeat: repeat-x;
}

#globalContainer {
	width: 750px;
	margin: 0px auto 0px auto;
	background-image: url(http://www.yourfirmonline.co.uk/images/global-bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 16px 20px 0px 20px;		
}

#globalContainerIndex {
	width: 750px;
	margin: 0px auto 0px auto;
	background-image: url(http://www.yourfirmonline.co.uk/images/global-bg-index.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 16px 20px 0px 20px;		
}

#globalContainerTile {
	width: 790px;
	margin: 0px auto 0px auto;
	padding:0px;
	background-image: url(http://www.yourfirmonline.co.uk/images/global-bg-tile.gif);
	background-repeat:repeat-y;
	background-position: center top;
	background-color:#FFFFFF;	
}

#topHeader { width:100%; }

.logo { float:left; 
	width:306px; 
	margin: 0px 0px 5px 0px;
	/*
	background-image: url(http://www.yourfirmonline.co.uk/images/logo.gif);
	background-repeat: none;
	*/
 }
.indexLink { float:right; width:310px; margin: 0px 0px 5px 0px; padding: 30px 10px 0 0; text-align:right; font-size:16px; font-weight:bold; }
.indexLink a { color:#FF0000; text-decoration:none; }
.indexLink a:hover { color:#CC0000; text-decoration:none; }
.toplinks { float:left; width:400px; text-align:right; }
.flash { margin: 0; padding: 0 0 5px 0; }

/* rounded corner box
================================== */

.boxborder {
	padding: 0 10px 0 10px;
	margin:-5px 0 -3px 0;
	background-image: url(http://www.yourfirmonline.co.uk/images/boxmid.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
 
/* mainNav Used
=======================*/

#topNav ul {
  margin: 0px 0 0 0;
  padding: 0 0px;
  float: right;
  width: 326px;
  list-style: none;
  font-weight:bold;
  font-size:10px;
}

#topNav ul li {
  float: left;
}


#topNav ul a {
  padding: 0 15px;
  line-height: 15px;
  background: url(http://www.yourfirmonline.co.uk/images/mainNavBorderThin.gif) repeat-y left top;
  text-decoration: none;
  color:#FFFFFF;
  float: left;
  display: block;
}

#topNav ul a:hover { color:#FFCC33; }


#topNav .nodivide a { background: none; }

#topNav .nopad a { padding-right: 0px;}

#secondaryNav ul {
  margin: 0px 0 0 0;
  padding: 8px 0px 0 0;
  float: right;
  width: 295px;
  list-style: none;
  font-weight:bold;
  font-size:10px;
}

#secondaryNav ul li {
  float: left;
}


#secondaryNav ul a {
  padding: 0 15px;
  line-height: 15px;
  background: url(http://www.yourfirmonline.co.uk/images/secNavBorderThin.gif) repeat-y left top;
  text-decoration: none;
  color:#000f41;
  float: left;
  display: block;
}

#secondaryNav ul a:hover { color:#0066FF; }

#secondaryNav .nodivide a { background: none; }

#secondaryNav .nopad a { padding-right: 0px;}

.innerlink ul {
list-style-type: none;
margin: 0 0 10px 0;
padding: 3px;
text-align:left;
}

.innerlink li a {
color:#000f41;
line-height:20px;
text-decoration:none;
display:block;
width:100%;
border-bottom: 1px solid #EDEAEB;
background: #FFF url(http://www.yourfirmonline.co.uk/images/arrow-more.gif) no-repeat left center;
text-indent:20px;
}

.innerlink li a:hover {
color:#003399;
line-height:20px;
display:block;
width:100%;
border-bottom: 1px solid #EDEAEB;
background: #FFF url(http://www.yourfirmonline.co.uk/images/arrow-more.gif) no-repeat left center;
text-decoration:none;
background-color:#EAEFF4;
}

#mainNav ul {
  margin: 0px 0 0 0;
  padding: 0 10px;
  float: right;
  width: 420px;
  list-style: none;
  font-weight:bold;
  font-size:12px;
  text-transform:uppercase;
}

#mainNav ul li {
  float: left;
  padding-top: 25px;
}

#mainNav ul a {
  padding: 0 20px;
  line-height: 15px;
  background: url(http://www.yourfirmonline.co.uk/images/mainNavBorderThin.gif) repeat-y left top;
  text-decoration: none;
  color:#000099;
  float: left;
  display: block;
}


#mainNav ul a:hover { color:#FFFFFF; background-color:#000066;
}

#mainNav .nodivide a { background: none; }

.mainlinks {
	background-image: url(http://www.yourfirmonline.co.uk/images/main-links.gif);  width:100%; height: 26px; color:#FFFFFF; background-repeat: no-repeat; 
}

.mainintro {
	background-image: url(http://www.yourfirmonline.co.uk/images/main-intro.gif);
	width:100%;
	background-color:#d9d7d7;
	color:#000f41;
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 5px;
}

.mainIntroBorder {border-left: 1px solid #000000; border-right: 1px solid #000000; margin-left: 10px; padding-left:10px; width:700px; }

.mainBlue { width:100%; height:5px; background-color:#000f41; margin-bottom:5px; }

.mainintro p { font-size:12px; margin:0px; padding: 10px; text-align:justify; color:#000f41; }

#options {
	background-image: url(http://www.yourfirmonline.co.uk/images/option-tile.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#dbe9ff;
	height: 260px;
	margin: 5px 0 0px 0px;
}

.optionbox { float:left; width:163px; padding: 0 10px 0 10px; font-size: 11px; }
.optiondivider {
	float:left;
	width:5px;
	height:250px;
	background-image: url(http://www.yourfirmonline.co.uk/images/option-divider.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color:#dbe9ff;
}

.optionbox p { margin-top:-10px; padding:0px; line-height:normal; }

#supportPage {
	width:750px;
	background-color:#FFFFFF;
	padding: 0 10px 0 10px;
	margin: 0px -10px 0px -10px;
	
}

#subPage {
	width:750px;
	background-image: url(http://www.yourfirmonline.co.uk/images/subpageblue-col.gif);
	background-repeat: repeat-y;
	clear:both;
	margin: 0px 0 0px 0;
}

#sideMenu {
	float:left;
	padding: 0 10px 0 10px;
	width:168px;
	background-image: url(http://www.yourfirmonline.co.uk/images/option-menu-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#dbe9ff;
	height: 100%;
	margin: 0px 0 10px 0px;
}

.maintextarea {
	float:left;
	width: 510px;
	height: 100%;
	padding: 0px 9px 20px 29px;
	background-image: url(http://www.yourfirmonline.co.uk/images/main-text-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-left: 10px;
}

.maintextarea  p{ padding: 10px 20px 0 0px; }
.maintextarea ul { padding: 10px 20px 0 0px; }

#footer { width: 750px; margin: 0 auto; background-color:#d9d7d7; color:#000f41; padding: 5px 10px 5px 10px; height: 25px; border-top: 10px solid #FFFFFF; }
#footer p { padding-top: 5px; }

#footer a {	color:#000f41; padding:2px; text-decoration:none; border:none; font-size:11px; }
#footer a:link { color:#000f41; }
#footer a:visited { }
#footer a:hover { background-color:#999999; padding: 2px; color:#FFFFFF; text-decoration:none; }
#footerEnd {
	width: 790px;
	margin: 0px auto 0px auto;
	clear:both;
	}

.footprimary { float: left; width:400px; text-align:left; }
.footprimary p { font-size:11px; }

.footsecondary { float: right;  text-align:right; }

/* Table Features
=======================*/

.productHeading { font-size:12px; color:#000f41; font-weight:bold; }
.pricing table {
  border-collapse: collapse;
  margin-left: 0px;
  width: 490px;
  border: 1px solid #666;
  font-size:11px;
}

.pricing table a { font-weight:bold; font-size:11px;}
.pricing table a:hover { color:#FFFF66;  font-weight:bold;}

caption {
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding: 10px 0 10px 0px;
  text-align:left;
}

.pricing col {
  border-right: 1px solid #ccc;
}

.pricing thead {
  background: #ccc url(http://www.yourfirmonline.co.uk/images/bar.gif) repeat-x left center;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
  font-size:12px;
}

.pricing th {
  text-align: left;
  font-weight:bold;
}

.pricing th, .pricing td {
  border-right: 1px solid #a5a5a5;
}

.odd { background-color:#edf5ff; }

.pricing tr:hover { background-color:#5f8bd0; color: #fff; }

.pricing thead tr:hover { background-color: transparent; color: #000; }

/* Table Features End
=======================*/


/*-----------------------------------Form styles--------------------------------------------*/
#formPrimary { width: 490px; float:left; background:#cfd1d4;}
#formSecondary {width: 300px; float: right; }
.RequiredField { color:#FF0000; }
form { margin:0px; padding:0px; }
form fieldset { display:block; border-top:1px solid #fff; border-left:none; border-right:none; border-bottom:none; padding:10px; font-family:verdana, sans-serif; margin-bottom:20px; line-height:20px; }


form legend {
	color: #0844a4;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	border:3px solid #fff;
	
	padding:3px;
	width:280px;
	background-color: #fff;
	background-image: url(http://www.yourfirmonline.co.uk/images/form.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
form label { font-family: Arial, Helvetica, sans-serif; clear:left; display:block; float:left; width:140px; text-align:left; padding-right:10px; color:#000f41; margin-bottom:10px;}
label.sameline  { font-family: Arial, Helvetica, sans-serif; clear:left; display:block; width:400px; float:left; text-align:left; padding-right:10px; color:#000f41; margin-left:25px;}


form select {margin-left:0px;}

form option {background:#788; color:#fff;}
form optgroup {background:#abb; color:#000; font-family:georgia, serif;}
form optgroup option {background:#9aa; color:#fff;}
form #button1 {color:#00CC00; padding-right:10px; cursor:pointer; width:150px; margin-left:8px;}
form #button2 {color:#000066; padding-right:10px; cursor:pointer; width:100px; margin-left:8px;}
form #button1:hover, form #button2:hover {background-position:center left; color:#000;}

/*-----------------------------------Form styles End--------------------------------------------*/

/*-----------------------------------Site Map Styles --------------------------------------------*/

div.boxColumnLeft{
	width: 240px;
	float: left;
}

div.boxColumnRight{
	margin-left:10px;
	width: 240px;
	float: left;
}
div.boxTop {background-image: url(http://www.yourfirmonline.co.uk/images/subNavHover.jpg); background-repeat: repeat-x; border-bottom: solid 1px #000000;}
div.boxTop a { color:#FFFFFF; }
div.boxTop p {color:#555555; margin: 0px; padding: 5px; font-weight:bold;}
div.linkBox {border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; background-color:#f0f0f0; font-size:11px;}
div.linkBoxTop {border: 1px solid #000000; background-color:#f0f0f0; font-size:11px;}

/*-----------------------------------Site Map Styles End --------------------------------------------*/


/*-----------------------------------Bottom styles--------------------------------------------*/

#bottom {
	height: 120px;
	background-color:#000000;
	clear:both;
	bottom:0px;
	background-image: url(http://www.yourfirmonline.co.uk/images/bottom-tile.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.bottomContent { margin: 0 auto; padding: 0px 0 0 130px; width: 770px; color:#FFFF99; font-size: 20px;  }
.bottomOptionbox { float:left; width:230px; padding: 20px 50px 0 0px; }
.bottomOptionboxR { float:left; width:380px; padding: 20px 0px 0 0px; }
.bottomContent a { color:#FFFFFF; text-decoration:none; font-size:16px; }
.bottomContent a:hover { color:#FFFFFF; text-decoration:underline; }

/* mainNav Not Used
=======================*/

#topNavCol ul {
  margin: 0px 0 0 100px;
  padding: 0 0px 0 0px;
  float: right;
  width: 130px;
  list-style: none;
  font-weight:bold;
  font-size:10px;
}

#topNavCol ul li {
border-bottom: 1px solid #000000;
}


#topNavCol ul a {
  padding: 0 10px;
  line-height: 19px;
  background: url(http://www.yourfirmonline.co.uk/images/mainNavBorder.gif) repeat-y left top;
  text-decoration: none;
  color:#000066;
  
  display: block;
}


#topNavCol ul a:hover {
  color:#FFFFFF;
  background-color:#000066;
  line-height: 18px;
  background: url(http://www.yourfirmonline.co.uk/images/mainNavBorderHover.gif) repeat-y left top;
}


#topNavCol .nodivide a {
  background: none;
}