/* BIG Black Book CSS */

* {margin: 0px; padding: 0px;}



/* --------- main content  --------- */

body {
	background: #FFFFFF url(mainbg.gif) repeat-x left top;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial;
	color: #474747;
	line-height: 130%;
}


/* ---------  markups  --------- */

h1 {
	font-size: 20px;
	color: #427FB6;
	margin-bottom: 10px;
	line-height: 140%;
}


h2 {
	font-size: 18px;
	margin-top: 8px;
	color: #427FB6;
	margin-bottom: 4px;
	padding-bottom: 8px;
	line-height: 120%;
}

h3 {
	font-size: 18px;
	color: #ffffff;
	margin-top: 8px;
	margin-bottom: 4px;
}

h4 {
	font-size: 13px;
	color: #427FB6;
}

h5 {
	font-size: 13px;
	color: #474747;
}

h6 {
	font-size: 12px;
	color: #474747;
	font-weight: bold;
}

p {
	font-size: 11px;
	font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial;
	color: #474747;
	line-height: 140%;
	padding-bottom: 15px;
}



/* ---------  MAIN DIVS  --------- */

#maincontainer {
	position: relative;
	width: 820px;
	margin-top: 48px;
	text-align: left;
}

/*#maincontentwide, #maincontent {
	padding-bottom: 25px;
}

/*#topbanner {
}*/

#logo {
	background: url(logo.gif) no-repeat left top;
	width: 368px;
	height: 103px;
	float: left;
}

#MainHTML {
	width: 820px;
	min-height: 500px;
}

.top {
	clear: both;
	height: 1px;
	width: 820px;
}

/*.bot {
	clear: both;
	margin-bottom: 25px;
}*/




/* ---------  a  --------- */

a:link, a:visited, a:active {
	color: #427FB6;
	text-decoration: none;
}

a:hover {
	color: #85AFD4;
	border-bottom: none;
	border-top: none;
	text-decoration: none;
}



/* ---------  top menu  --------- */

#TopMenu {
position: absolute;
top: 10px; right: 0px;
	width: 440px;
	text-align: right;
}

ul#TopMenuSpan {
	font-size: 12px;
	color: #808080;
	text-align: right;
}

#TopMenuSpan li {
	padding-left: 4px;
	padding-top: 8px;
	list-style-type: none;
	display: inline;
}

ul#TopMenuSpan a:link, ul#TopMenuSpan a:visited {
	color: #808080;
	text-decoration: none;
	padding: 3px 4px 0px 4px;
	margin-right: 4px;
	margin-top: 8px;
	border-top: 2px solid #D4D4D4;
	border-bottom: none;
}

ul#TopMenuSpan a:hover {
	color: #427FB6;
	text-decoration: none;
	padding: 3px 4px 0px 4px;
	margin-right: 4px;
	margin-top: 8px;
	border-top: 2px solid #427FB6;
	border-bottom: none;
}

ul#TopMenuSpan a:active {
	color: #808080;
	text-decoration: none;
	padding: 3px 4px 0px 4px;
	margin-right: 4px;
	margin-top: 8px;
	border-top: 2px solid #D4D4D4;
	border-bottom: none;
}

ul#TopMenuSpan a.topselected {
	color: #427FB6 !important;
	text-decoration: none;
	padding: 3px 4px 0px 4px;
	margin-right: 4px;
	margin-top: 8px;
	border-top: 2px solid #427FB6 !important;
	border-bottom: none;
}




/* ---------  sub menu  --------- */

.SubMenuHeadingSpanWide {
	margin-top: 35px;
	font-size: 20px;
	text-transform: uppercase;
	padding-bottom: 20px;
	font-weight: bold;
}

#maincontent .mid {
	float: right;
	width: 550px;
	margin-top: 35px;
}

/*#maincontentwide .mid {
	margin-top
}*/

#submenu {
	margin-top: 35px;
	border: 4px solid #AAC0D5;
	float: left;
	width: 212px;
	background: #427FB6;
	color: #ffffff;
	padding-left: 8px;
}

.SubMenuHeadingSpan {
	font-size: 20px;
	margin-top: 15px;
	color: #ffffff;
	text-transform: uppercase;
	padding-bottom: 20px;
	font-weight: bold;
}

.SubMenuHeadingSpan a {
	color: #ffffff !important;
}

.SubMenuHeadingSpan a:link {
	color: #ffffff !important;
}


.SubMenuHeadingSpan a:visited {
	color: #ffffff !important;
}


.SubMenuHeadingSpan a:hover {
	color: #AAC0D5 !important;
}

.SubMenuHeadingSpan a:active {
	color: #ffffff !important;
}


#SubmenuHTML {
	color: #ffffff;
}


.submenuUL {
	list-style: none;
	font-size: 11px;
	color: #ffffff;
	width: 195px;
}

.submenuUL li {
	list-style: none;
	background: url(bullet_book.gif) no-repeat 0 50%;
	padding-left: 17px;
	padding-bottom: 5px;
	color: #ffffff;
}

.submenuUL li a {
	width:  100%;
	display: block !important;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	color: #ffffff;
}

.submenuUL li a:link {
	background: #427FB6;
	color: #ffffff;
}

.submenuUL li a:visited {
	background: #427FB6;
	color: #ffffff;
}

.submenuUL li a:hover {
	background: #3E72A2;
	color: #ffffff;
}

.submenuUL li a:active {
	background: #427FB6;
	color: #ffffff;
}

.selected a {
	background: #3E72A2 !important;
	color: #ffffff !important;
	
}

#SubMenuFooter {
	height: 8px;
}




/* --------- HOME PAGE  --------- */

.midhome {
	margin: 35px 0px 0px 0px;
	padding: 0px;
	float: right;
	width: 380px;
}



/* -- latest news -- */

ul#latestnews {
	list-style: none;
}

ul#latestnews li {
	padding-left: 20px;
	margin-top: 10px;
}

p.newsbeginning {
	font-size: 10px;
}



/* -- latest download  -- */

.latestfile {
	width: 160px;
	height: 40px;
	float: left;
	border: 4px solid #F4F4F4;
	padding: 5px 5px 5px 10px;
}

.lastitem {
	float: right !important;
}

ul.fileul {
	list-style: none;
}

ul.fileul li {
	background: url(file.gif) no-repeat 0 50%;
	padding-left: 25px;
}

ul.fileul li p {
	font-size: 10px;
	color: #A7A7A7;
}




/* -- SEARCH -- */

#find {
	background: #427FB6 url(findtoppic.jpg) no-repeat top right;
	margin: 35px 0px 0px 0px;
	padding-top: 175px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	border: 4px solid #AAC0D5;
	width: 390px;
	min-height: 500px;
}

h1.findh1 {
	font-size: 20px;
	color: #ffffff;
	padding-bottom: 10px;
}



li.catli {
	background: url(bullet_book.gif) no-repeat 0 50%;
	padding-left: 17px;
	padding-bottom: 5px;
}



/* -- column one -- */

ul#searchcat_col1  {
	list-style: none;
	font-size: 12px;
	color: #ffffff;
	float: left;
	width: 190px;
}

#searchcat_col1 li a {
	width:  100%;
	display: block !important;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
}

#searchcat_col1  li a:link, #searchcat_col1  li a:visited, #searchcat_col1  li a:active {
	background: #427FB6;
	color: #ffffff;
}

#searchcat_col1  li a:hover {
	background: #3E72A2;
	color: #ffffff;
}




/* -- column one -- */

ul#searchcat_col2 {
	list-style: none;
	font-size: 12px;
	color: #ffffff;
	float: right;
	width: 190px;
}

#searchcat_col2 li a {
	width:  100%;
	display: block !important;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
}

#searchcat_col2 li a:link, #searchcat_col2 li a:visited, #searchcat_col2 li a:active {
	background: #427FB6;
	color: #ffffff;
}

#searchcat_col2 li a:hover {
	background: #3E72A2;
	color: #ffffff;
}


/* -- latest social enterprise -- */

.latestaddition {
	width: 108px;
	height: 180px;
	float: left;
	border: 3px solid #AAC0D5;
	margin-right: 6px;
	padding: 0px 5px 5px 5px;
	position: relative;
}

p.findp {
	color: #ffffff;
	font-size: 10px;
}

h2.findh2 {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

p.clickmore a:link, p.clickmore a:visited, p.clickmore a:active {
	background: #5189BC;
	color: #D2E4F4;
	font-size: 10px;
	text-align: right;
	padding-left: 3px;
	padding-right: 3px;
}

p.clickmore a:hover {
	background: #427FB6;
	color: #85AFD4;
	font-size: 10px;
	text-align: right;
	padding-left: 3px;
	padding-right: 3px;
}

.latestmore {
	position: absolute;
	bottom: -6px;
	right: 6px;
}

/* ---------  NEWS PAGE  --------- */

img.newsimage {
	border: 2px solid #AAC0D5;
	margin-left: 8px;
	margin-bottom: 10px;
}

p.newsdate {
	margin-bottom: -5px;
	color: rgb(153, 153, 153);
	font-size: 10px;
}

p.newsintro {
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: bolder;
	font-size: 13px;
}

p.intro {
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: bolder;
	font-size: 13px;
}


/* --------- FILESTORE PAGE  --------- */

.filestoretbl{
	line-height: 140%;
}


/* --------- PRODUCTS PAGE  --------- */

/*#adstable {
}*/

#vtopsearch {
	margin-top: 10px;
	margin-bottom: 10px;
}

.searchform {
	background: #427FB6 url(product_search.gif) no-repeat left top;
	width: 820px;
	height: 100px;
	border: 4px solid #AAC0D5;
	margin-top: 35px;
}

.searchform h3 {
	font-size: 20px;
	color: #ffffff;
	margin-top: 8px;
	margin-bottom: 4px;
}

#productstable {
	width: 820px;
}

#productstable th {
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 14px;
	color: #427FB6;
	font-weight: bold;
}

.row1 {
	background-color: #E4ECF3;
}

.row2 {
	background-color: #F1F5F9;
}

/*#productstable {width: 105%; }

#productstable th {background-image: url("table_th.gif"); padding: 5px; }

#productstable th a {color:  #000000 !important; }*/


#productstable td {
	padding:  15px;
	border-bottom:  4px solid #ffffff;
}

#productstable a img {
	border:  3px solid #AAC0D5;
}

#productstable a:hover img {
	border: 3px solid #C8DAEB;
}

.searchselect {
	width: 210px;
	font-size: 13px;
	font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial;
	color: #474747;
}

.searchinput {
	width: 210px;
	font-size: 13px;
	font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial;
	color: #474747;
	padding: 1px;
}



/* --------- MORE INFO PRODUCTS PAGE  --------- */

img.prodimg1 {
	border: 2px solid #AAC0D5;
	margin-left: 8px;
	margin-bottom: 10px;
}

#contactus {
	background: #427FB6;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 20px;
	border: 4px solid #AAC0D5;
	font-size: 11px;
	color: #ffffff;
	line-height: 140%;
}

#contactus a:link, #contactus a:visited, #contactus a:active {
	background: #5189BC;
	color: #D2E4F4;
	font-size: 11px;
	padding-left: 3px;
	padding-right: 3px;
}

#contactus a:hover {
	background: #427FB6;
	color: #85AFD4;
	font-size: 11px;
	padding-left: 3px;
	padding-right: 3px;
}


#contactus img {
	border: 2px solid #AAC0D5;
	margin-left: 8px;
	margin-bottom: 10px;
}

.prodinfo {
	color: #427FB6;
}

.dirh1 {
	margin-top: 35px;
}


/* --------- CONTACT  --------- */
input {
	font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial;
	color: #282828;
	font-size: 11px;
	width: 160px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}

textarea {
	font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial;
	color: #282828;
	font-size: 11px;
	width: 300px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.submit {
	font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial;
	color: #282828;
	font-size: 11px;
	width: 70px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.button {
	width: 76px;
	height: 27px;
}


/* ---------  footer  --------- */

#footer {
	width: 100%;
	padding-top: 25px;
	padding-bottom: 30px;
	/*margin-top: 50px;*/
	clear: both;
	background-color: #F5F5F5;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	text-align: center;
}

#footcontain {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#bottomnav {
	float: right;
	width: 280px;
}

#contact {
	float: left;
	width: 280px;
}

ul#footul {
	color: #A9A9A9;
	font-size: 9px;
	text-align: right;
}

ul#footul li {
	padding-left: 4px;
	padding-top: 8px;
	list-style-type: none;
	display: inline;
}

ul#footul a:link, ul#footul a:visited {
	color: #A9A9A9;
	text-decoration: none;
	padding: 3px 4px 0px 4px;
	margin-right: 4px;
	margin-top: 8px;
}

ul#footul a:hover {
	color: #427FB6;
	border-bottom: 2px solid #427FB6;
	text-decoration: none;
	padding: 3px 4px 0px 4px;
	margin-right: 4px;
	margin-top: 8px;
}

ul#footul a:active {
	color: #A9A9A9;
	text-decoration: none;
	padding: 3px 4px 0px 4px;
	margin-right: 4px;
	margin-top: 8px;
}

p.address {
	font-size: 9px;
	color: #A9A9A9;
	padding-bottom: 0px;
}

#easilogo {
	height: 29px;
	width: 76px;
	margin-top: 8px;
	float: left;
}

#easilogo a {
	background: url(easilogo.gif) no-repeat bottom left;
	height: 29px;
	width: 76px;
	margin-top: 8px;
	float: left;
}

#easilogo a:hover {
	background: url(easilogo_on.gif) no-repeat bottom left;
	height: 29px;
	width: 76px;
	margin-top: 8px;
	float: left;
}

#logo1 {
	width: 31px;
	height: 29px;
	margin-top: 20px;
	float: right;
}

#logo2 {
	width: 97px;
	height: 29px;
	margin-top: 20px;
	float: right;
}

#logo3 {
	width: 84px;
	height: 29px;
	margin-top: 20px;
	float: right;
}


#logo1 a {
	background: url(lloyds_off.gif) no-repeat left top;
	display: block;
	width: 31px;
	height: 29px;
}

#logo2 a {
	background: url(socialeco_off.gif) no-repeat left top;
	display: block;
	width: 97px;
	height: 29px;
}

#logo3 a {
	background: url(workwest_off.gif) no-repeat left top;
	display: block;
	width: 84px;
	height: 29px;
}


#logo1 a:hover {
	background: url(lloyds_on.gif) no-repeat left top;
	display: block;
	width: 31px;
	height: 29px;
}

#logo2 a:hover {
	background: url(socialeco_on.gif) no-repeat left top;
	display: block;
	width: 97px;
	height: 29px;
}

#logo3 a:hover {
	background: url(workwest_on.gif) no-repeat left top;
	display: block;
	width: 84px;
	height: 29px;
}



/* ---------  add/edit profile  --------- */

#editprofile fieldset { border: 3px solid #AAC0D5; margin-top: 15px; margin-bottom: 20px; padding: 10px;}

#editprofile legend { font-size: 16px; font-weight: bold; color: #427FB6; margin-bottom: 16px; padding-left: 10px; padding-right: 10px;}

#editprofile label { font-size: 11px; display: block; padding-right: 20px; }

#editprofile select {
	font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial;
	color: #282828;
	font-size: 11px;
	width: auto;
}

#editprofile table tr td { vertical-align: top; padding-bottom: 8px;}

.submitprofile {
	font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial;
	font-size: 11px;
	width: 80px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #666666;
}


#addprofile {
	background: url(add.jpg) no-repeat top left;
	clear: both;
	width: 250px;
	height: 80px;
	float: right;
	margin-top: -50px;
	display: block;
	cursor: pointer;
	_margin-top: 0px;
}


table.supporttable th {
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 13px;
	color: #427FB6;
	font-weight: bold;
	border-bottom:  4px solid #ffffff;
}

table.supporttable td {
	padding: 6px;
	border-bottom:  4px solid #ffffff;
}

/* ---------  hidden divs  --------- */

#DateDiv {
	display: none;
}

#printpage {
	display: none;
}