/* $Id */
/* Layout & Positioning */
#main div.wrapper {width:940px;position:relative;left:5px;}
table#table1 {text-align:center; margin-left:auto; margin-right:auto; width:940px;}
tr,td {text-align:left;}

#main #body-wrapper
{
	margin: 0 0 0 -5px;
	padding: 0;
	width: 940px;
	position: relative;	
}
#main #content #left {display:inline; float:left; width:200px; padding:0 20px 0 0; margin-top:11px;position: relative; z-index:0;border-top:6px solid #595959;}
#main div.wrapper #breadcrumbs {clear:both; width:940px;}

#main div.wrapper #content {width:940px; padding-top:15px; position: relative; margin: 0; padding: 0;}
#sec-nav-horizontal {clear:both; width:940px;}
#left {position:relative;left:5px;}

#main #content div.wrapper {display:inline; float:right; width:700px; position: relative; margin: 0; padding: 0;}
#main #content #horizon-feature {clear:both; padding:8px 0; width:702px;}
#main #content #left {display:inline; float:left; width:200px; padding:0 20px 0 0;margin:0;border-top:6px solid #595959;}
#main #content #outer-left {display:inline; float:left; width:460px; padding:0 20px 0 0; margin-top: -5px;vertical-align:top;}
#main #content #outer-right {display:inline; float:right; width:220px; vertical-align:top;}

#main div.wrapper #btmnav { width:940px; clear: both; }
/* ------------------- */
/* Colour, Typography */
#main div.wrapper #breadcrumbs {border-top:dotted 1px #ccc; border-bottom:dotted 1px #ccc;padding: 4px 0 2px 0;}

#main #content div.wrapper h2 {color:#c00; font-size:30px; line-height:36px; padding:10px 0 0 0; text-transform:none; letter-spacing:.02em;}

#main #content div.wrapper h3.pgtitle, #main #content div.wrapper #outer-left h3 {color:#c00; font-size:2.0em; line-height:1.2em; margin:0; padding:0 0 0 0; text-transform:none;}
#main #content div.wrapper #outer-left h4, #main #content div.wrapper #outer-right h4 {color:#585858; font-size:1.1em; font-weight:normal; line-height:1.2em; margin:0; padding:0;}
#main #content div.wrapper #outer-left em, #main #content div.wrapper #outer-right em {font-style:italic; }
#main #content div.wrapper #outer-left a, #main #content div.wrapper #outer-right a {text-transform:none;}

#loopedSlider
{
	background-color: #BCBCBC;	
}
.container { width:400px; text-align:center; height: 270px; overflow:hidden; position:relative; cursor:pointer; float: right;   }
.container2 { width:280px; height: 270px; overflow:hidden; position:relative; cursor:pointer; float: left;  }
.slides { position:absolute; }
.slides div { position:absolute; top:0; width:400px; display:none; margin: auto 0 auto 0;border: solid 1px #FFFFF !important;}

.slides img
{
	padding: 21px 0 0 0; margin: 0 -20px 0 0;
	
}

#loopedSlider
{
	height: 270px;	
}


.pagination
{
	position: absolute;
	bottom: 3px;
	left: 10px;	
}

.pagination li a {
	border: 1px solid #595959;
	padding: 4px 7px;
	color: #fff;
	font-weight: bold;
}

.pagination li.active a {
	border: 1px solid #fff;
}

.left_side {
	position: absolute;
	top: 0;
	left: 20px;
}

.container2 p.desss_txt
{
	color: white !important;
		width: 300px;
} 

.container2 p.title_txt
{
	font-size: 2.1em;
	color: #000000;
	font-weight:normal;
	width: 300px;
	line-height: 1.2em;
	z-index:100;margin-top:17px;
}


#main div.wrapper #tester{
	width: 940px;
	height: 9px;
	background-image:url('/sites/all/themes/custom/brock/top_grey_bar.png');
	background-repeat: no-repeat;
}

#featured{ 
	width:690px;  
	position:relative; 
	border:5px solid #CC0000; 
	height:250px; 
	background: #CC0000;
}
#featured ul.ui-tabs-nav{ 
	position: relative; 
	top:215px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	display: inline;
	float: left;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; 
	padding-left:9px;  
	font-size:.8em; 
	color:#FFF; 
	width: 25px;
	display: inline;
}
#featured ul.ui-tabs-nav li img{ 
	float: right; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
		font-size:1em; 
	font-family: "Trebuchet MS", verdana, sans-serif; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display: inline;
	width: 25px;
	font-size: 1.2em;
	font-family: "Trebuchet MS", verdana, sans-serif;  
	height:60px; 
	color:#000;   
	line-height:20px;padding: 3px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:url('images/selected-item.gif') top left no-repeat; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	padding: 3px;
	border: 1px solid white; color:#fff;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a:hover { color:#FFF;border: 1px solid white;background:#cc0000;}
#featured .ui-tabs-panel{ 
	height:250px; 
	position:relative;
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; 
	right:0; 
	height:70px; 
	width: 200px; 
}

#featured .ui-tabs-panel img
{margin-top:1.5px; border:1px solid #FFF; }

#featured .info
{
	float:left;
	height:200px;
	overflow:hidden;
	position:absolute;
	width:325px;
	left:0px;
}

#featured .info h2{ 
	font-size:1.5em; 
	font-family: "Trebuchet MS", verdana, sans-serif;  
	color: white; 
	padding: 0 0 3px 10px; 
	margin: 0 0 3px 10px;
	overflow:hidden; 
	font-weight: normal; 
	text-decoration: none;width:300px;
}

#featured .info h2 a:hover {  
	text-decoration: none;
}
#featured .info p{ 
	margin:0 0 0 10px; 
	font-family: "Trebuchet MS", verdana, sans-serif;  
	font-size:24px;
	line-height:27px;
	color: #e0e0e0;
}
#featured .info a{ 
	text-decoration:none;
	color: #fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

#main #content #featured h2 { display: block; }

#left ul.nice-menu {margin-top:-20px;}

/*table td {padding:5px;}*/