@import "http://www.bevivid.co.uk/core_stylesheet.css";

body {background-color: #FFFFFF; border: 0; padding: 0; margin: 15px 0 15px 0 }


/****************** general ********************/


#main {width: 922px; margin: auto; clear: both; background-color: #fff; border:1px solid; }
#main_bord { background-color:#FFFFFF; margin: 0 }

#header {width: 921px; height: 123px; margin: auto; border-bottom: 1px solid #48c3f1; clear: both }
#header_container a { padding:4px 5px 4px 5px  }

//#menu1 {width:922px; height: 25px; z-index: 10}
//#menu4 {width:922px; height: 25px; z-index: 10; display: inline}

#menu_top { width: 922px; height: 25px; background-color: #c9cacb; float:left; z-index: 20 }
#menu_bottom { width: 922px; height: 25px; background-color: #48c3f1; float:left; z-index: 20; clear:both; display:inline }

#left { width: 190px; float: left; margin:5px 5px 0 0;}
#left1 { margin:0;  background-color:#ffffff; padding:0; border-bottom: 1px solid #003082; border-right: 1px solid #003082;}
#left2 { margin:10px 0 0 0;  background-color:#ffffff; padding:0; border-bottom: 1px solid #003082; border-right: 1px solid #003082;}


#left1 a { font: bold 11px arial; color:#ff0000}
.boxpad { margin:10px}



#header_flash {border-bottom: 3px solid #FFFFFF; margin:5px 0 0 0; float:right;}


#content {width: 723px; float: right; background-color:#fff; border-bottom:1px solid; border-left:1px solid; border-top:1px solid; border-right:0px #003082}

#company_profiles { width:722px; float:left; background-color: #FFFFFF; }
.individual { width:330px; float:left; background-color: #eee; border: 1px solid #ccc; margin: 10px }

#footer {width: 912px; clear: both; background-color: #0a3983; padding: 2px 5px 2px 5px}

#footer_bot { padding: 0 }



/***************** typography ******************/



#content p {font: normal 8pt arial; color: #222222; margin: 0 0 10px 0; padding: 0 10px 0 10px; border: 0; line-height:20px}
#content img { padding:20px 10px 10px 10px }
#content a:link {font: normal 11px arial; color: #222222; text-align:right}
#content.individual a { font: normal small arial; color: #222222; }
#content a img { border:0 }

#left p {font: bold x-small arial; color: #6f8bb6; padding:0 0 10px 0; margin:0}
#left1 p { font: normal x-small arial; color: #222222; padding:0; }

#left a.boxbut { font: bold 12px arial; color:#6dcff4}
#content a.boxbut { font: bold 12px arial; color:#0a3983; text-align:right}
#footer_bot a { font: normal x-small arial; color: #999595; text-decoration:underline }
#footer_bot a:hover { font: normal x-small arial; color: #999595; text-decoration:none }

#footer { font: bold x-small arial; text-align:right; color:#fff}
#footer_bot p { width: 922px; margin:0; font: normal 11px arial; color: #999595; background-color:#fff; border:0; vertical-align:top;}

a:link,  a:visited {font: bold 11px arial; text-decoration: none; color: #222222;}
a:hover {font: bold 11px arial; text-decoration: underline}
a:active {font: bold 11px arial; text-decoration: none}

ol li { font: normal small arial; color: #222222; padding-right:10px}


#content h1 { font: bold 11pt arial; color: #FFFFFF; border: 0; padding: 5px 0 2px 10px; margin: 0 0 10px 0; background-color:#0a3983; height: 22px }
#left h1 {font: bold 9pt arial; color: #FFFFFF; border: 0; padding: 6px 0 0 10px; margin: 0; background-color:#0a3983; height: 22px}
#left3 h1 {font: bold 9pt arial; color: #FFFFFF; border: 0; padding: 6px 0 0 10px; margin: 0; background-color:#0a3983; height: 22px}
#right h1 {font: bold 9pt arial; color: #1b5ea0; border: 0; margin: 0; padding:4px 0 4px 10px; background-color:#48c3f1}

#left2 h2 {font: bold 10pt arial; color: #3b619c; border: 0; padding: 0 0 0 10px; margin-bottom:9px; background-color: #FFFFFF}
#left3 h2 {font: bold medium arial; color: #3b619c; border: 0; margin: 10px 0 10px 0; padding:5px 0 0 8px; background-color:#fff}
#right1 h2 {font: bold 8pt arial; color: #0a3983; border: 0; padding: 0 0 8px 0; margin: 0; background-color: #FFFFFF}
#left1 h2 {font: bold 8pt arial; color: #0a3983; border: 0; padding: 6px 0 4px 0; margin: 0; }
#content h2 { font: bold 10pt arial; color: #3b619c; border: 0; padding: 0 0 0 10px; margin-bottom:0; background-color: #FFFFFF }

#left1 h3 {font: bold 8pt arial; color: #0a3983; border: 0; padding: 0 0 5px 5px; margin: 0; background-color: #FFFFFF }
#right1 h3 {font: bold 8pt arial; color: #0a3983; border: 0; padding: 0 0 8px 0; margin: 0; background-color: #FFFFFF }
#content h3 { font: bold 9pt arial; color: #3b619c; border: 0; padding: 5px 0 5px 10px; margin-bottom:0; background-color: #FFFFFF }

#content_cont h4 {font: normal 10pt arial; color: #3b619c; border: 0; padding: 0 0 15px 10px; margin: 0; background-color:#fff;}


input { padding: 2px; font: normal x-small arial; color: #03186d; margin: 0 0 0 10px}
.table { border:1px solid #03186d; margin:0 0 0 10px; padding:0 }


th { color: #ffffff; background-color: #0a3983; padding:2px 0 2px 5px; margin:0; text-align:left; font: normal small arial}
td { font: normal x-small arial; padding:2px; color: #0a3983; margin: 0 0 0 10px }
.topspace { padding: 10px 10px 0 0 }
.botspace { padding: 10px 10px 10px 10px;}
.label { padding: 10px 10px 0 10px }
textarea { font: normal x-small arial; padding: 2px; color: #03186d; border:1px solid #7f9db9; margin: 10px }
.button { background-color: #0a3983; color: #ffffff; margin: 5px }
.textarea { font: normal x-small arial; padding: 2px; color: #03186d; border:1px solid #7f9db9;}
select { font: normal x-small arial; padding:2px; color: #0a3983; margin: 0 0 0 10px }