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

/* general */

/* { margin:0; padding: 0; border: 0  }*/
img, form, h1, h2, h3, h4, h5, h6, p, body {border: 0; padding: 0; margin: 0}

body {background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000; margin: 20px 0 20px 0}

#header_image {width:376px; height: 244px; position: relative; margin-left: 100px; top: 21px; z-index: 5; }

#main {width: 965px; margin: auto; clear: both; border: 1px solid #999}

#header {width: 965px; height: 150px; clear:both; background: transparent url('images/header1.gif') top right no-repeat;}

#head_search {width:555px; text-align:right; padding: 10px 5px 0 0; margin: 0}
#head_search a {float:right;}

#menu1 {width:965px; height: 25px; z-index: 10}
#menu2 {width:965px; height: 25px; z-index: 10}
#header_sub {width:965px; height: 150px; background-color: #666666}

#menu_top {width:965px; height: 25px; background: transparent url('images/header2.gif') top left no-repeat; z-index: 20; }
#menu_bottom {width:965px; height: 25px; background: transparent url('images/header3.gif') top left no-repeat; clear: both; z-index: 20; }
/*#header_sub {border-bottom:5px solid #FFFFFF; clear: both; z-index: -2}*/

#left {width: 222px; margin:0 0 0 2px; float: left}
/*#left1 { margin:0;  background-color:#ffffff; padding:0;}*/
#left2 {background-color:#ffffff; border: 1px solid #8a1f84}
.pink_border { border: 1px solid #d0a5ce;}
.red { color:#FF0000 }
.green { color:#009900 }

#content {width: 729px; float: left; background-color:#FFFFFF; margin: 0 5px 0 5px}
#home_content {width: 508px; float: left; background-color:#FFFFFF; margin: 0 5px 0 5px}
#content_cont {margin: 0 5px 0 5px}

#right {width:221px; float: right; margin:0}
#right1 {margin:0; background-color:#fff }
#right2 {margin:0 0 10px 0; background-color:#fff; border-top: 1px solid #000}
#right3 {margin:0; background-color:#fef3ff}
#right4 {margin:0; background-color:#fff}

.boxpad { margin-left:20px; margin-right:20px}
.rightboxpad { margin:5px; text-align:right}

/* typography */

#home_content p {font: bold 9pt arial; color: #3d4143; margin: 0 0 10px 0; padding: 0; border: 0; line-height:30px}
#content p {font: normal 9pt arial; color: #3d4143; margin: 0 0 10px 0; padding: 0; border: 0; line-height:20px}

#content li {font: bold 11px arial; color: #8a1f84; margin: 0 0 10px 0; padding: 0; border: 0; line-height:20px}
#content ul {margin-left: 20px}

#left1 p {border: 1px solid #95288f; line-height:20px; font: normal 9pt arial;}
#left2 input {margin:0 0 0 5px; font: normal 9pt arial;}

.pink_border p {font: normal 9pt arial; color: #000; margin:6px 0 0 0; padding: 0}
.pink_border h5 {font: bold 9pt arial; color: #a958a5; border: 0; margin: 0; padding:4px 0 4px 0}
#right1 p {font: normal 9pt arial; color: #000; margin:6px 0 0 0; padding:0}
#right2 p {font: normal 9pt arial; color: #000; margin:6px 0 0 0}
#right3 p {font: normal 9pt arial; color: #000; padding:4px 0 4px 5px}
#right a.boxbut { font: bold 9pt arial; text-align:right; color:#23a3dc; }
#right p.boxbut { font: bold 9pt arial; text-align:right; color:#23a3dc; }
#footer {width: 965px; height: 22px; clear: both; background-color: #0195d7; padding: 8px 0 0 0; font: bold 11px arial; text-align:right; color:#fff; border-top: 2px solid #86318B;}


#footer a:link, #footer a:visited {font: bold 9pt arial; text-decoration: none; color: #FFF;}
#footer a:hover {font: bold 9pt arial; text-decoration: underline}
#footer a:active {font: bold 9pt arial; text-decoration: none}

a:link,  a:visited {font: bold 9pt arial; text-decoration: none; color: #000}
a:hover {font: bold 9pt arial; text-decoration: underline}
a:active {font: bold 9pt arial; text-decoration: none}

#content_cont a:link, #content_cont a:visited {font: bold 10pt arial; text-decoration: none; color: #8a1f84}
#content_cont a:hover {font: bold 10pt arial; text-decoration: underline}
#content_cont a:active {font: bold 10pt arial; text-decoration: none}

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

h1 {font: bold 14pt verdana; color: #8a1f84; border: 0; margin: 0 0 10px 0; padding:0}
h2 {font: bold 10pt arial; color: #FFFFFF; border: 0; padding: 2px 0 2px 10px; margin: 0; background-color:#0195d7; line-height: 22px}
h3 {font: bold 10pt arial; color: #a14c9d; border: 0; padding: 2px 5px 0px 10px; margin: 0}
h4 {font: bold 10pt arial; background-color: #8a1f84; color: #FFFFFF; border: 0; padding: 2px 0 2px 10px}
h5 {font: bold 10pt arial; color: #a958a5; border: 0; margin: 0; padding:4px 0 4px 0}
h6 {font: bold 14pt arial; color: #ace4f9; border: 0; padding: 0; margin: 0}

#right1 h1 {font: bold 10pt arial; color: #a14c9d; border: 0; padding: 2px 5px 0px 0px; margin: 0}
#bvlink {float:left; margin:0 0 0 10px;}

/*#menu3 a.button {
	
	padding: 5px;
	text-decoration: none;
	padding: 6px 0 0 16px;
}*/

/* form stuff */

input { border: 1px solid #c78ecc; padding: 2px; font: 11px arial; color: #8a1f84; margin: 0 0 0 5px }
select { border: 1px solid #c78ecc }



/* interactive map */

.none { display: none }

#map {
 position: absolute;
 width: 640px; height: 513px;
 background: url('images/solutionshover.jpg') no-repeat;
 z-index: 1; 
 margin: 30px 0 0 0;
 padding: 0;
 list-style: none;
}
#map li {
 display: inline;
}

#map a { position: absolute;  z-index: 3; }
#map a span { display: none; }
#map a:hover {
 text-indent: 0; 
 text-decoration: none;
 font-family: arial, verdana, serif;
 font-weight: bold;
 color: #5A5A5A;
 background-repeat: no-repeat;
}
#map a:hover span {
 margin-left: 1em;
 display: block;
 position: absolute;
 z-index: 2;
}

#a a {
 width: 301px; height: 167px; 
 left: 4px; top: 13px;
 z-index: 1;
}
#a a:hover { background-image: url('images/1a.jpg');}
#a a:hover span { left: 156px; top: -20px;}

#b a {
 width: 179px; height: 83px; 
 left: 336px; top: 13px; 
 z-index: 3;
}
#b a:hover { background-image: url('images/2a.jpg')}
#b a:hover span { left: 35px; top: -22px; }

#c a {
 width: 112px; height: 99px;
 left: 138px; top: 228px;
 z-index: 6;
}
#c a:hover { background-image: url('images/3a.jpg')}
#c a:hover span { left: -130px; top: 60px; }

#d a {
 width: 112px; height: 99px;
 left: 138px; top: 395px; 
 z-index: 4;
}
#d a:hover { background-image: url('images/4a.jpg')}
#d a:hover span { left: -130px; top: 60px; }

#e a {
 width: 179px; height: 42px;
 left: 336px; top: 96px; 
 z-index: 5;
}
#e a:hover { background-image: url('images/5a.jpg')}
#e a:hover span { left: 35px; top: -105px; }

#f a {
 width: 179px; height: 42px;
 left: 336px; top: 137px; 
 z-index: 5;
}
#f a:hover { background-image: url('images/6a.jpg')}
#f a:hover span { left: 35px; top: -146px; }

#g a {
 width: 112px; height: 99px;
 left: 265px; top: 228px;
 z-index: 6;
}
#g a:hover { background-image: url('images/7a.jpg')}
#g a:hover span { left: -257px; top: 60px; }

#h a {
 width: 112px; height: 99px;
 left: 391px; top: 228px;
 z-index: 6;
}
#h a:hover { background-image: url('images/8a.jpg')}
#h a:hover span { left: -383px; top: 60px; }

#i a {
 width: 112px; height: 99px;
 left: 265px; top: 395px; 
 z-index: 4;
}
#i a:hover { background-image: url('images/9a.jpg')}
#i a:hover span { left: -257px; top: 60px; }

#j a {
 width: 113px; height: 99px;
 left: 391px; top: 395px; 
 z-index: 4;
}
#j a:hover { background-image: url('images/10a.jpg')}
#j a:hover span { left: -383px; top: 60px; }

/* marque CSS */

#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 0px;
padding: 0px;
padding-left: 4px;
}