/* solent rib charter */

/* global styles */
body {
	font-family: arial, Helvetica, sans-serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	line-height: 1.2em;
	text-align: left;
	color: #fff; background: #000;
	margin: 0; padding: 0; }
	
p { margin: 0; padding: 0 0 10px 0; }
	
form,
fieldset { margin: 0; padding: 0; border: none; }

h1, h2, h3, h4 ,h5 { font-size: 1em; margin: 0; padding: 0 0 10px 0; }

img { border: none; }
.clear { clear: both; }

/* style for blankwin */
a.external {
	position: relative; padding-right: 12px;
	background:url(/images/ico_external.gif) no-repeat 100% 50%; white-space:nowrap; }
	
/* main wrapper */
#wrapper { position: relative; width: 980px; margin: 0 auto 0 auto; }

/* header container */
#header { 
	position: absolute; z-index: 100; width: 980px; background: #ffcf00; height:27px; border-top: 5px solid #000;  }
#header #skip { display: none; }
#header h1 { 
	position: absolute; z-index: 110;
	top: -10px; left: 20px; height: 144px; width: 203px; margin: 0; padding: 0; }
#header h1 a { 
	position: absolute; display: block;
	top: 0; left: 0; width: 203px; height: 144px;
	text-indent: -9999px; background: transparent url(/images/src_logo.png) 0 0 no-repeat; }

/* main menu container */
#header #mainMenu { 
	position: absolute; top: 0; right: 0; background:#ffcf00; width: 730px; height:27px; }

#header #mainMenu .select, 
#header #mainMenu .current { margin:0; padding:0; list-style: none; }

#header #mainMenu li { display: inline; margin: 0; padding: 0; height: auto; }

#header #mainMenu .select a,
#header #mainMenu .current a {
	display:block; height:27px; float:left; 
	background:#ffcf00 url(/images/menu_sep.gif) 0 50% no-repeat;
	padding:0 10px 0 10px; text-decoration:none; font-size:1em; line-height:27px; white-space:nowrap; color:#000; }

* html #header #mainMenu .select a,
* html #header #mainMenu .current a { width:1px; height:27px; }

#header #mainMenu .select a:hover, 
#header #mainMenu .select li:hover a {
	background:#ffe681 url(/images/menu_sep.gif) 0 50% no-repeat; cursor:pointer; color:#000; }

/* HACK; for IE5.5 and IE6 only */
#header #mainMenu table {position:absolute; border-collapse:collapse; left:0; top:0;}

#header #mainMenu .current a { 
	background:#ffe681 url(/images/menu_sep.gif) 0 50% no-repeat;
	color:#000; font-weight: bold; }


/* active element with down/up arrows (1st and 2nd level nav) */
#header #mainMenu .current a span { position: relative; display: block; z-index: 1000; }
#header #mainMenu .current a span em { 
	display: block; 
	width: 7px; height: 4px;   
	position: absolute; top:27px; left: 0; 
	background: transparent url(/images/arrow_down.gif) 0 0 no-repeat; }

#wrapper #header #mainMenu ul.current { background: transparent url(/images/arrow_down.gif) 0 0 no-repeat; }

/* drop down menus 2nd level */
#dropmenudiv { position: absolute; margin: 5px 0 0 0; border-bottom: 1px solid #95928d; border-bottom-width: 0; 
	font-family: arial, Helvetica, sans-serif; font-size: 1em; color: #fff; font-weight: normal; line-height: 24px; z-index:9999; }
#dropmenudiv a { width: 100%;  display: block; text-indent: 12px; border-bottom: 1px solid #95928d; padding: 1px 0; 
	text-decoration: none; color: #fff; }
#dropmenudiv a:hover { color: #fff; background: #5c5751 url(/images/icon_bg_menu.gif) 0 0 no-repeat;  }

ul.ulHidden { display: none; }


/* content container */
#content { position: relative; padding-top: 38px; z-index: 1; }
#content .body { position: relative; }


/* mootools slideshow styles; */
#content .slideshow { position: relative; }

/* thumbnail container */
#content .slideshow ul { margin: 0; padding: 38px 0 0 0; overflow: hidden; width: 737px;}
#content .slideshow ul a {
	display: block; width: 142px; height: 64px; margin-right: 5px;
	/*background-position: 50% 50%;*/ cursor: pointer; margin-bottom: 5px;
	opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); }
#content .slideshow ul a.active,
#content .slideshow ul a:hover { 
	opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
#content .slideshow ul li { float: left; list-style: none; }

/* main img wrapper */
#content .slideshow div {}

/* caption container */
#content .slideshow p {
	position: absolute; z-index: 3000; 
	top: 365px; right: 0; text-align: right;  
	margin: 0; color: #fff; font-size: 40px; padding: 10px 20px 10px 0; line-height: 1em; height: 40px; }

#content .slideshow p { display: none; }
#home #content .slideshow p { display: block; }

/* additional color styles for captions */
#content .slideshow p span { color: #444; }
#content .slideshow p em { color: #000; font-style: normal; }

/* ribbon overlay semi-transparent png */
#content .imageOverlay {
	position: absolute; top: 0; left: 0; width: 980px; height: 440px; z-index: 2000;
	background: transparent url(/images/ribbon.png) 100% 100% no-repeat; }


/* custom width of the thumbs (pages which will not provide PDF downloads) */
#video #content .slideshow ul,
#contactUs #content .slideshow ul,
#home #content .slideshow ul { width: 792px; }

/* screen instruction container */
#content .instructions {
	position: absolute; top: 478px; right: 0; color: #fff; width: 240px; height: 64px;}


#content .instructions p { 
	width: 80px; font-size: 0.9em; 
	position: absolute; left: 0; bottom: 0; margin: 0; padding: 0; color: #ffcf00; }


/* pages which will not provide PDF downloads */
#video #content .instructions,
#contactUs #content .instructions,
#home #content .instructions { width: 100px; }

/* pdf container */
#content .instructions a,
#content .instructions a:hover { 
	font-size: 1.1em;
	position: absolute; bottom: 0; right: 0; display: block; color: #fff; text-decoration: none; 
	width: 150px; height: 41px; padding: 13px 70px 10px 17px;  
	background: transparent url(/images/pdf.png) 0 0 no-repeat;
	cursor: pointer; }
#content .instructions a:hover { text-decoration: underline; }


/* yellow strapline container + telephone */
#content .strapline {
	position: absolute; 
	top: 445px; left: 0; width: 940px; padding: 0 20px 0 20px; 
	background: #ffcf00; display: block; z-index: 3000; }
#content .strapline p { position: relative; color: #000; font-size: 1.1em; line-height: 27px; padding: 0;  }
#content .strapline p em {
	position: absolute; top: 0; right: 0; display: block; font-style: normal; font-weight: bold;}

#content .strapline h3 { position: relative; color: #000; font-size: 1.1em; line-height: 27px; padding: 0;font-weight: normal;  }
#content .strapline h3 em {
	position: absolute; top: 0; right: 0; display: block; font-style: normal; font-weight: normal;}

	
/* scrolling container + scroll bar */
#content .bodyContainer {
	position: absolute;	top: 40px; right: 20px; 
	width: 300px; height: 330px; padding: 10px; z-index: 5000;  color: #000; 
	background: transparent url(/images/body_bg2.png) 0 0 repeat; }

#contactUs #wrapper #content .body .bodyContainer {top: 30px }
	
	
#body_scrolldiv { }
#scrolldiv_parentContainer { position:relative; height:100%; overflow:hidden; float:left; }
#scrolldiv_content { position:relative; line-height:123%; }
#scrolldiv_slider{ width:14px; float:right; }
#scrolldiv_scrollbar { position:relative; width:14px; background: #b9b3a7; }
#scrolldiv_theScroll {
	position:absolute; top:0px; left:0px; width:14px; height:80px;
	background: transparent url(/images/scroll_bar.gif) 0 0 no-repeat;
	cursor:pointer; }
#scrolldiv_scrollUp,
#scrolldiv_scrollDown{ width:14px; height:14px; cursor:pointer; }
#scrolldiv_scrollUp{ border-bottom: 1px solid #fff; }
#scrolldiv_scrollDown{ border-top: 1px solid #fff; }

#contactUs #content .bodyContainer { width: 400px; height: auto; }

/* gallery */
#content .bodyContainer2 { top: 100px; right: 20px; width: 920px; height: 310px; }
#content #galleryMain { width: 890px; margin: 0; }
#content #galleryMain .galleryPic { float: left; margin: 0 27px 0 0; width: 150px; height: 135px; }
#content #galleryMain img { border: 1px #D4D4D4 solid; }
#content #galleryMain a:hover img { border: 1px #666 solid; }
#content #galleryMain a { color: 0000; }

/* footer styles */
#footer { 
	position: relative;
	border-top: 1px solid #ffcf00; font-size: 1em; margin-top: 3px;
	width: 940px; padding: 5px 20px 15px 20px; }

#footer ul { display: block; width: 600px; }
#footer ul,
#footer ul li { margin: 0; padding: 0; list-style: none; }
#footer ul {  }
#footer ul li {	display: inline; border-right: 1px solid #fff; font-size: 0.9em; }
#footer ul li.last { border-right: none; }
#footer ul li span,
#footer ul li a { color: #fff; padding: 0 5px 0 5px; text-decoration: none; background-image: none; }
#footer ul li a:hover { text-decoration: underline; }

#footer ul.bottom li span,
#footer ul.bottom li a { color: #000; }
#footer ul.bottom li { border-right-color: #000; }

#skandia { position: relative; float: right; margin: 5px 0 0 0; }

/* page header style */
#content .body h2 {
	position: absolute; z-index: 3000; font-weight: normal;
	top: 365px; left: 20px; text-align: left;  
	margin: 0; color: #fff; font-size: 40px; padding: 10px 20px 10px 0; line-height: 1em; height: 40px;	
}

/* bullet links */
/*
#content .bodyContainer ul,
#content .bodyContainer ul li { padding: 0; margin: 0; list-style: none; }
#content .bodyContainer ul li { display: inline; }
#content .bodyContainer ul { padding-bottom: 10px; }
#content .bodyContainer ul li a { display: block; padding: 1px 0 1px 15px; background: transparent url(/images/bullet.gif) 0 2px no-repeat; }
#content .bodyContainer ul,
#content .bodyContainer ul li { padding: 0 0 0 0; margin: 0 0 0 10px; }
*/
#content .bodyContainer ul { padding: 0 0 0 20px; list-style-image: url(/images/bullet.gif); }
#content .bodyContainer li { margin: 0; padding: 0; }

/* form styles  */
#content .forms { position: relative; padding: 0; }
#content .forms h4 { font-weight: normal; }
#content .forms fieldset { padding: 0; margin: 0; border: 0; }
#content .forms label { 
	display: block; 
	clear: left; float: left; text-align: left;
	width: 180px; font-weight: normal; 
	padding: 3px 5px 2px 0;  } 

#content .forms select,
#content .forms textarea,
#content .forms input { margin: 3px 0 2px 0; width: 200px; }


#content .forms .captcha label span,
#content .forms label span { color: #ffcf00; font-weight: bold; }

#content .forms .captcha {  display: block; width: 380px;  background-image: none; margin-top: 2px; }
#content .forms .captcha label span { display: inline; width: auto; padding: 0; }
#content .forms .captcha img { border: 1px solid #888; }
#content .forms .captcha input { margin-left: 185px; width: 100px; }
#content .forms .captcha span { padding-left: 185px; display: block; font-size: 0.9em; color: #444; }


#content .forms input#submit,
#content .forms input#reset,
#content .forms input#cancel,
#content .forms input#close { width: auto; }

/* //////  videos ////// */
#content #videos { position: absolute; top: 110px; left: 20px; z-index: 8000; width: 959px; }

#content #videos .videoItem { position: relative; float: left; width: 226px; height: 290px; background-color: #fff; padding: 2px; margin: 0 8px 0 0; }
#content #videos .videoItemHdr { position: relative; padding: 0; margin: 0 auto 0 auto; width: 222px; height: 170px; }
#content #videos .videoItem p { width: 195px; } 

#content #videos .videoItemHdr img { width: 222px; height: 170px; }

#content #videos .videoItemCaption { position: relative; padding: 0; margin: 5px; width: 216px; height: 110px; overflow: auto; color: #000; }

#content #videos .videoItem .videoItemHdr span { position: absolute; top: 30%; left: 20%; text-indent: -9999px;
	width: 111px; height: 62px; background: transparent url(/images/play_video.png) 0 0 no-repeat; }

#content #videos #videoPagination { position: relative; border: 1px solid #ffcf00; margin: 10px 0 0 0; padding: 3px 3px 3px 7px; }


/*#content #videos dl,
#content #videos dl dt,
#content #videos dl dd { padding: 0; margin: 0; display: block; }

#content #videos dl { position: relative; margin-right: 20px; float: left; width: 187px; }
#content #videos dl dt { position: relative; }


#content #videos dl dt a { 
	position: relative;
	display: block; border: 1px solid #fff; 
	width: 185px; height: 138px; cursor: pointer;
	margin-bottom: 1px;	overflow: hidden;
}

#content #videos dl dt a span {
	position: absolute; top: 30%; left: 20%; text-indent: -9999px;
	width: 111px; height: 62px; background: transparent url(/images/play_video.png) 0 0 no-repeat; }


#content #videos dl dt a img { }

 
#content #videos dl dd {  
	color: #000; padding: 5px; font-size: 0.9em;
 	background: transparent url(/images/body_bg2.png) 0 0 no-repeat; }*/
	
#scrolldiv_content h4 { color: #666; }
#scrolldiv_content h4 span { color: #000; font-size: 0.9em; }
#scrolldiv_content a { color: #666; text-decoration: none; }
#scrolldiv_content a:hover { color: #000; }
#scrolldiv_content { font-size: 1.1em; }
#scrolldiv_content table { font-size: 0.9em; }

.captcha_success_message {
	background-color: #d9efd0;
	padding: 10px;
	margin: 0 0 20px 0;
	color: #000;
	border: 1px solid #33691c;
}
.captcha_error_message {
	background-color: #efa3a3;
	padding: 10px;
	margin: 0 0 20px 0;
	color: #000;
	border: 1px solid #f90505;
}

.required {
	background-image: url(/images/icon_required.gif);
	background-position: right;
	background-repeat: no-repeat;
}

/* Reveal image function */
#home #wrapper #reveal,
#wrapper #reveal { position: absolute; float: left; top: 78px; left: 616px; z-index: 5; }