/*************************************************************************************/
/* Barnard Castle Vision CSS - Copyright 2007 - www.barnardcastlevision.co.uk - v1.0 */
/*************************************************************************************/

/**********************
 OVERALL LAYOUT
***********************/

html { overflow-y: scroll; }

body {
	font-family:  verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 16px;
	background-color: #fff;
	color: #000;
}

	* html body {
		font-size: medium;
	}

#skiptomain {
	display: none;
}

#wrapper {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #fff;
	margin-top: 0px;
}

#pagecontainer {
	width: 880px;
	background-color: #fff;
	font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	color: #000;
	text-align: left;
}

	#site-header {
		float: left;
		width: 880px;
		margin: 15px 0;
		padding: 0;
	}

		#site-header #sh-logo-strip {
			width: 880px;
			height: 90px;
		}

		#site-header #sh-top-nav {
			width: 880px;
			height: 36px;
			background: #ffffff url(/images/bg-sh-top-nav.gif) no-repeat left top;
		}

			#sh-top-nav ul {
				width: 880px;
				height: 30px;
				list-style: none;
				margin: 0;
				padding: 0 0 6px 0;
			}

				#sh-top-nav ul li#tn-1 { width: 77px; }
				#sh-top-nav ul li#tn-2 { width: 92px; }
				#sh-top-nav ul li#tn-3 { width: 116px; }
				#sh-top-nav ul li#tn-4 { width: 117px; }
				#sh-top-nav ul li#tn-5 { width: 134px; }
				#sh-top-nav ul li#tn-6 { width: 107px; }
				#sh-top-nav ul li#tn-7 { width: 121px; }
				#sh-top-nav ul li#tn-8 { width: 116px; }

				#sh-top-nav ul li {
					height: 30px;
					display: inline;
					float: left;
					font-size: 0.7em;
					font-weight: bold;
					line-height: 30px;
					list-style-type: none;
					margin: 0;
					padding: 0;
					text-align: center;
				}

					#sh-top-nav ul li a:link, #sh-top-nav ul li a:visited { color: #fff; text-decoration: none; }
					#sh-top-nav ul li a:hover, #sh-top-nav ul li a:active { color: #fff; text-decoration: underline; }

		#site-header #flashanim {
			width: 880px;
			height: 214px;
			margin: 1px 0 0 0;
			overflow: hidden;
			padding: 0;
		}

#footer {
	width: 880px;
	height: 50px;
	background: #ffffff url(/images/bg-footer.gif) no-repeat left top;
	float: left;
}

	#left-foot {
		width: 285px;
		height: 35px;
		float: left;
		font-size: 0.6em;
		line-height: 1.5em;
		margin: 0;
		padding: 10px 0 5px 15px;
	}

	#right-foot {
		width: 560px;
		height: 46px;
		float: right;
		margin: 2px;
		padding: 0 5px 0 0;
		text-align: right;
	}

	#footer a:link, #footer a:visited {
		color: #000;
		text-decoration: underline;
	}

	#footer a:hover {
		color: #c00;
		text-decoration: underline;
	}

#maincontainer {
	width: 880px;
	border: none;
	margin: 5px 0 0 0;
	padding: 0;
}

	#lhs-nav-outer {
		width: 202px;
		float: left;
	}

		#lhs-nav-bcv {
			width: 202px;
			border: none;
			float: left;
			margin: 0 0 15px 0;
			padding: 0;
		}

			#lhs-nav-bcv ul {
				width: 195px;
				border: none;
				list-style: none;
				margin: 0;
				padding: 0;
			}

				#lhs-nav-bcv ul li {
					width: 157px;
					height: 35px;
					background: #ffffff url(/images/bg-li-lhs-nav-mid.gif) no-repeat left top;
					color: #c00;
					font-size: 0.7em;
					line-height: 35px;
					margin: 0;
					padding-right: 38px;
					text-align: right;
				}

					#lhs-nav-bcv ul li.lhs-nav-top { background: #ffffff url(/images/bg-li-lhs-nav-top.gif) no-repeat left top; }
					#lhs-nav-bcv ul li.lhs-nav-bot { background: #ffffff url(/images/bg-li-lhs-nav-bot.gif) no-repeat left top; }

					#lhs-nav-bcv ul li a:link, #lhs-nav-bcv ul li a:visited { color: #c00; text-decoration: none; }
					#lhs-nav-bcv ul li a:hover, #lhs-nav-bcv ul li a:active { color: #000; text-decoration: underline; }

		#lhs-nav {
			width: 202px;
			border: none;
			margin: 0 0 10px 0;
			padding: 0;
		}
			#lhs-nav img { float: left; }

			#hot{
				float: left;
				width: 175px;
			}

				#hot ul.lhsnav {
					width: 175px;
					background: none;
					border: none;
					list-style: none;
					margin: 0 0 10px 0;
					padding: 0;
				}

					#hot ul.lhsnav li.header {
						clear: left;
						width: 195px;
						border: 0;
						margin: 0;
						padding: 0;
					}

						#lhs-nav ul.lhsnav li.header50 { height: 50px; }
						lhs-nav ul.lhsnav li.header40 { height: 40px; }

					#hot ul.lhsnav li.quote-name {
						clear: left;
						background: transparent url(/images/bg-lhsnav-quote-close.gif) no-repeat left bottom;
						border: 0;
						font-size: 0.7em;
						font-weight: bold;
						line-height: 1.3em;
						margin: 0;
						padding: 0 3px 5px 32px;
					}

					#hot ul.lhsnav li.text-us {
						clear: left;
						background: transparent url(/images/bg-lhsnav-text.gif) no-repeat left top;
						font-size: 0.7em;
						margin: 5px 0 0 0;
						padding: 28px 24px 10px 30px;
					}

						#hot ul.lhsnav li.text-us a:link, #lhs-nav ul.lhsnav li.text-us a:visited {
							color: #000;
							text-decoration: underline;
						}

						#lhs-nav ul.lhsnav li.text-us a:hover {
							color: #c00;
							text-decoration: underline;
						}

					#hot ul.lhsnav li.quote {
						clear: left;
						background: transparent url(/images/bg-lhsnav-quote.gif) no-repeat left top;
						border: 0;
						font-size: 0.7em;
						line-height: 1.3em;
						margin: 0;
						padding: 0 3px 5px 32px;
					}

					#hot ul.lhsnav li.quote-name {
						clear: left;
						border: 0;
						font-size: 0.7em;
						font-weight: bold;
						line-height: 1.3em;
						padding: 0 10px 5px 32px;
					}

	#lhs-nav-outer #rhs-hot-topics {
		padding-bottom: 10px;
	}

	#maincontent {
		width: 678px;
		border: none;
		float: right;
		margin: 0;
		padding: 0;
	}

#lft-490 {
	width: 500px;
	float: left;
	border: none;
	margin: 0px 0 0 0;
	padding: 0;
}

	#button-nav {
		width: 669px;
		height: 43px;
		background: #ffffff url(/images/bg-button-nav.gif) no-repeat left top;
		border: none;
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 0px 9px;
	}

	#button-nav ul {
		width: 669px;
		height: 33px;
		border: none;
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 5px 0 0 0px;
	}

	#button-nav ul li {
		background: none;
		border: none;
		color: #000;
		display: inline;
		float: left;
		font-size: 0.7em;
		height: 33px;
		margin: 0;
		padding: 3px 0 0 0;
		text-align: center;
	}

	#button-nav ul li.bn-1 { width: 100px; background: #ffffff url(/images/bg-bna.gif) no-repeat left top; }
	#button-nav ul li.bn-2 { width: 100px; background: #ffffff url(/images/bg-bnb.gif) no-repeat left top; }
	#button-nav ul li.bn-3 { width: 100px; background: #ffffff url(/images/bg-bnc.gif) no-repeat left top; }
	#button-nav ul li.bn-4 { width: 114px; background: #ffffff url(/images/bg-bnd.gif) no-repeat left top; }
	#button-nav ul li.bn-5 { width: 100px; background: #ffffff url(/images/bg-bne.gif) no-repeat left top; }
	#button-nav ul li.bn-6 { width: 100px; background: #ffffff url(/images/bg-bnf.gif) no-repeat left top; }

	#button-nav ul li.bn-1, #button-nav ul li.bn-2, #button-nav ul li.bn-3, #button-nav ul li.bn-4, #button-nav ul li.bn-5  { margin-right: 9px; }

	#button-nav ul li a:link, #button-nav ul li a:visited {
		color: #c00;
		font-weight: bold;
		text-decoration: none;
	}

	#button-nav ul li a:hover {
		color: #000;
	}

	#features-polaroids {
		width: 460px;
		border: none;
		margin: 0;
		padding: 10px 0 0 0;
	}
		.fp-row {
			width: 460px;
			border: none;
			margin: 0;
			padding: 10px 0 5px 0;
		}

		.fp-cell {
			width: 230px;
			border: none;
			margin: 0;
			padding: 0;
		}

			.fp-cell-lft { float: left; margin-bottom: 20px; }
			.fp-cell-rgt { float: right; margin-bottom: 20px; }

			.fpc-img {
				width: 95px;
				border: none;
				float: left;
				margin: 0;
				padding: 0;
			}

			.fpc-txt {
				width: 130px;
				border: none;
				float: right;
				font-size: 0.85em;
				line-height: 1.3em;
				margin: 0;
				padding: 0 0 0 5px;
			}

				.fpc-txt a:link, .fpc-txt a:visited {
					color: #c00;
				}

				.fpc-txt a:hover {
					color: #000;
				}
	#maintext {
		width: 460px;
		float: left;
		border: none;
		margin: 0px 10px 0px 10px;
		padding: 0;
		font-size: 0.8em;
		line-height: 1.6em;
	}

	#maintext2 {
		width: 460px;
		float: left;
		border: none;
		margin: 18px 10px 0px 10px;
		padding: 0;
		line-height: 1.6em;
	}

			#maintext p {
				margin: 0px 0px 10px 0px;
			}

	#quote490-outer {
		width: 490px;
		background: #ffffff url(/images/bg-quote490-outer.gif) no-repeat left top;
		border: none;
		margin: 20px 0 0 0;
		padding: 0;
		float: left;
	}

	#quote490-inner {
		width: 350px;
		background: transparent url(/images/bg-quote490-inner.gif) no-repeat right bottom;
		border: none;
		font-size: 0.9em;
		line-height: 1.4em;
		margin: 0 0 10px 0;
		padding: 10px 80px 10px 60px;
	}


#rgt-175 {
	width: 175px;
	float: right;
	margin: 0;
	padding: 0;
}

#rgt-175 a {  color: #fff; font-weight: bold; }
#rgt-175 a:hover {  color: #000; }

	#rgt-175 p {
		margin: 10px 0 0 0;
	}
	#rhs-quote-top{
		background: #c00 url(/images/bg-rhs-top.gif) no-repeat left top;
		width: 135px;
		padding-left: 25px;
		padding-right: 15px;
		padding-top: 7px;
	}
	.quoteimage{
		float: left;
	}
	#rhs-quote {

		border: none;
		color: #fff;
		font-size: 0.7em;

		width: 160px;
	}
	#rhs-quote2 {
		background: #c00 url(/images/bg-rhs-quote2.jpg) no-repeat left top;
		border: none;
		color: #fff;
		font-size: 0.7em;
		padding-top: 71px;
		width: 160px;

	}
	#rhs-quote3 {
		background: #c00 url(/images/bg-rhs-quote3.jpg) no-repeat left top;
		border: none;
		color: #fff;
		font-size: 0.7em;
		padding-top: 71px;
		width: 160px;

	}
	#rhs-quote4 {
		background: #c00 url(/images/bg-rhs-quote4.jpg) no-repeat left top;
		border: none;
		color: #fff;
		font-size: 0.7em;
		padding-top: 71px;
		width: 160px;

	}
	#rhs-quote5 {
		background: #c00 url(/images/bg-rhs-quote5.jpg) no-repeat left top;
		border: none;
		color: #fff;
		font-size: 0.7em;
		padding-top: 71px;
		width: 160px;

	}
	#rhs-quote6 {
		background: #c00 url(/images/bg-rhs-quote.jpg) no-repeat left top;
		border: none;
		color: #fff;
		font-size: 0.7em;
		padding-top: 71px;
		width: 160px;

	}
	#rhs-quote7 {
		background: #c00 url(/images/bg-rhs-quote7.jpg) no-repeat left top;
		border: none;
		color: #fff;
		font-size: 0.7em;
		padding-top: 71px;
		width: 160px;

	}
	#rhs-quote8 {
		background: #c00 url(/images/bg-rhs-quote8.jpg) no-repeat left top;
		border: none;
		color: #fff;
		font-size: 0.7em;
		padding-top: 71px;
		width: 160px;

	}
	#rhs-quote-end {
		width: 140px;
		background: #c00 url(/images/bg-rhs-quote-end.gif) no-repeat left bottom;
		border: none;
		color: #fff;
		font-size: 0.7em;
		line-height: 14px;
		margin: 0;
		padding: 5px 10px 5px 25px;
		float: left;
	}

		#rhs-quote-end p.tiny {
			margin: 3px 0 0 0;
		}

	#rhs-hot-topics {
		width: 15px;
		border: none;
		margin: 5px 0 5px 0;
		padding: 0;

	}

		.rht-row {
			width: 175px;
			border: none;
			margin: 0 0 5px 0;
			padding: 0;
			float: left;
		}

			.thtr-img {
				width: 60px;
				border: none;
				float: left;
				margin: 0;
				padding: 0;
			}

			.thtr-txt {
				width: 113px;
				border: none;
				float: left;
				font-size: 0.7em;
				margin: 0;
				padding: 0;
			}
			.thtr-txt a{
				color: #E20615;
				font-weight: bold;
			}
			.thtr-txt a:hover{
				color: #000;
			}

				#rhs-hot-topics .thtr-txt a:link, #rhs-hot-topics .thtr-txt a:visited {
					color: #c00;
					font-weight: bold;
					line-height: 1.4em;
				}

				#rhs-hot-topics .thtr-txt a:hover {
					color: #000;
				}
.hottopics{
	padding-left: 10px;
	background: #ffffff url(/images/hot_back.gif) repeat-y left top;
	float: left;
	width: 185px;
}

.teamdiv {
	clear: both;
	margin: 5px 0;
}

	.teamimage {
		float: left;
		width: 100px;
		height: 71px;
		margin-right: 10px;
		background-position: -61px center;
	}

	.teamdiv p {
		float: right;
		width: 350px;
	}

/**********************
 GENERIC CLASSES
***********************/

a {  color: #000; }
a:hover {  color: #c00; }
form.inline { 	display:inline; }
img { border: none; margin: 0; padding: 0; }

p.fivespace { margin: 5px 0px 0px 0px; }
p.tenspace { margin: 10px 0px 0px 0px; }
p.fifteenspace { margin: 15px 0px 0px 0px; }
p.twentyspace { margin: 20px 0px 0px 0px; }

.breaker { clear: both; }
.lbreaker { clear: left; }
.rbreaker { clear: right; }

div.breaker { clear: left; font-size: 0.1em; height: 1px; }

h1 { color: #c00; font-size: 16px; }
h2 { color: #c00; font-size: 12px; margin: 15px 0 5px 0; }
	h2.meat-team { font-size: 14px; margin: 15px 0; }
h3 { color: #c00; font-size: 12px; margin: 5px 0; }

img.floatleft {
	float: left;
	position:relative;
	margin: 0px 5px 0px 0px;
}

#flashanim {
	position: relative;
	float: right;
	width: 678px;
	height: 214px;

}

#flashanim.default {
	background: transparent;
	width: 678px;
	height: 214px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

#flashanim img {
	display:none;
	position:absolute;
	top:0; left:0;
}

img.roomimage {
	float: left;
	width: 678px;
	height: 214px;
}


/**********************
 VISION UPDATE
***********************/

.allvisions{
	color: #000;
	font-weight: normal;
}

.mainvision{
	float: left;
}

.titlevision{
	width: 370px;
	float: left
}

.titlevision h2{
	margin-top: 0px;
}

.visiondate{
	text-align: right;
	width: 80px;
	float: left;
	font-weight: bold;
}

/**********************
 THOUGHTS
***********************/

ul#thoughts {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
}

	ul#thoughts li.quote {
		clear: left;
		width: 418px;
		background: transparent url(/images/bg-thought-quote.gif) no-repeat left top;
		border: 0;
		line-height: 1.3em;
		margin: 0;
		padding: 0 3px 5px 32px;
	}

	ul#thoughts li.quote-name {
		clear: left;
		width: 418px;
		background: transparent url(/images/bg-thought-quote-close.gif) no-repeat right bottom;
		border: 0;
		font-weight: bold;
		line-height: 1.3em;
		margin: 0 0 15px 0;
		padding: 0 3px 5px 32px;
	}

#rgt-175 a.meettheteam:link, #rgt-175 a.meettheteam:hover, #rgt-175 a.meettheteam.visited {
	color: #000000;
}
.lhsnavcon{
	float: left;
	font-size: 11px;
	background-image: url(/images/quoteback.gif);
	background-position: 0px 0px;
	width: 170px;
	margin-top: -3px;
}
.lhsnavcon ul{
	float: left;
	margin: 0px;
	padding: 0px;

}
.lhsnavcon li{
	list-style-type: none;
	background: transparent url(/images/bg-li-converse.gif) no-repeat left bottom;
	padding-left: 17px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 140px;
	margin: 0px;
}
.lhsnavcon p{
	margin: 0px;
}

#gmap {
	width: 677px;
	height: 677px;
	border: 1px solid #000000;
}

/* reviews */

.review {
	line-height: 1.3em;
	margin: 11px;
	padding-bottom: 2px;
}

	.review img {
		margin-bottom: 5px;
	}

	.customername {
		color: #c00;
		font-weight: bold;
	}

	p.reviewtext {
		margin: 5px 0;
	}

	.writereview {
		padding-top: 10px;
		margin-left: 0px;
		background: url(/images/writeback.gif) no-repeat left top;
		margin-bottom: 12px;
	}

	.writereviewlink {
		color: #079DCF;
		font-weight: bold;
	}

	.customerEmail {
		border: 1px solid #7F9DB9;
		background-color: #fff;
		background-image: url(/images/whitedot.gif);
	}

/* downloads */

#downloads-group h2 {
	font-size: 1.1em;
	margin: 25px 0 10px 0;
}

#downloads-group h2 a:link, #downloads-group h2 a:visited { color: #c00; }
#downloads-group h2 a:hover, #downloads-group h2 a:active { color: #000; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}