/* Start of CMSMS style sheet 'sussex_styles' */
*{
outline:none;

}
.hidden{
display:none;
}
body, html {
	background-color: #000000;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	width: 903px;
	margin: 0 auto;
	color:#ffffff;
}

.clear {
	clear: both;
}

#left_col{
	float:left;
	width: 718px;
	margin-right:9px;
}
#header, #left_col{
	width: 718px;
}
#right_col{
	float:left;
	font-size:16px;
	background-image:url(images/sussexTaps/hori_dividers.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:1px;
	
}
#right_col, #accordion{
	width:175px;
}

#banner{		
	width: 717px;
	clear:both;	
	background-image:url(images/sussexTaps/header_dividers.gif);
	
}
#banner_content{
	background-color:#00632e; 
	margin:0px 6px 0px 6px;
	height:290px;
}
#banner_content.internal{
	height:112px;
	margin: 0;
}

#banner_divider{
	background-image:url(images/sussexTaps/border_divider.gif);
	background-repeat:repeat-x;
	height:5px;
	position:relative;
	font-size:0px;
	line-height:0px;
	margin-top:5px;
	margin-bottom:5px;	
	width: 717px;
}
#banner_divider.internal{
	margin-top:0px;
}

.divider{
	background-image:url(images/sussexTaps/grey_divider_on_white.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	height:5px;
	clear:both;
	padding-top:5px;
	font-size:0px;
	line-height:0px;	
}




#home_page_content{
	background-image:url(images/sussexTaps/home_page_dividers.gif);
	height:183px;
	margin-bottom:6px;	
	background-repeat:repeat-y;	
	
}
#home_page_content h3{
	margin-top:9px;
}
#home_page_content h2{
	margin-bottom:.3em;
}

.box{
	float:left;
	display:inline;
	height:175px;
	overflow:auto;		
}
.box.internal{
	height:auto;
}

.box h3{
	font-size:1.0em;
	font-weight:normal;
	text-transform:uppercase;
	margin:0em 0em .8em 0em;
}
.box h3 a{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
#highlight_1, #highlight_2{
	width:165px;
}
#highlight_1.internal, #highlight_2.internal{
	width:167px;
	font-size:.6em;
	background-color:#000;
	margin:0px;
	padding-left:8px;
	padding-top:10px;
	padding-bottom:6px;
	
	overflow:visible;	
	background-image:url(images/sussexTaps/hori_dividers.gif);
	background-repeat:repeat-x;	
}



#highlight_1{
	margin-left:8px;
}

#highlight_2{
	margin-left:14px;

}

#highlight_1 h2,
#highlight_2 h2{
	color:#fff;
}


#highlight_1 .arrow_icon_on_black,
#highlight_2 .arrow_icon_on_black,
#featured_range .arrow_icon_on_white
{
	margin-top:3px;
}
#right_col #highlight_1 .arrow_icon_on_black, 
#right_col #highlight_2 .arrow_icon_on_black{
	margin-top:-16px;	
}

#right_col #highlight_1 p,
#right_col #highlight_2 p{
	width:117px;
	font-size:13px;
	margin:0px;
	line-height:1.3em;
	font-weight:normal;
		
}
#right_col #highlight_1,
#right_col #highlight_2{
	padding-bottom:10px;
}


 


#featured_range .arrow_icon_on_white{
	float:right;
	height:31px;
	width:18px;
	position:relative;
	float:right;
	text-align:left;
	text-indent:-9999px;	
	background-image:url(images/sussexTaps/arrow_icon_on_white.gif);
	background-position:top;
	background-repeat:no-repeat;
}
#featured_range .arrow_icon_on_white.highlight_hover{
	background-position:0px -31px;
} 



.arrow_icon_on_black{		
	height:31px;
	width:18px;
	position:relative;
	float:right;
	text-align:left;
	text-indent:-9999px;	
	background-image:url(images/sussexTaps/arrow_icon_on_black.gif);
	background-position:top;
	background-repeat:no-repeat;
}
.arrow_icon_on_black.highlight_hover{
	background-position:0px -31px;
} 

a.hover_arrow_icon_on_white{
	background-image:url(images/sussexTaps/arrow_icon_on_white.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:31px;
	width:18px;
	float:right;
	text-align:left;
	text-indent:-9999px;
	position:relative;
}
a.hover_arrow_icon_on_white:hover{
	background-position:0px -31px;
	
} 



#featured_range{
	background-image:url(images/sussexTaps/feature_range_bg.gif);
	height:183px;
	width:325px;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	margin-left:14px;
	color:#000000;
}
#featured_range h3 a{
	color:#000;
}
#featured_range h4{
	font-size:1.2em;
	line-height:14px;
	margin:0px 0px 7px 0px;
	padding:0px;
}


ul.horizontal-list{	
	margin:0px;
	padding:0px;
}
.horizontal-list li {
	display: inline;
	margin-right:10px;
}
.horizontal-list li.last_item{
	margin-right:0px;
}




#wide_background{
	background-image:url(images/sussexTaps/internal_top_cap.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#fff;	
	clear:both;
	background-color:white;
	border-left:1px solid #7f7f7f;
	border-right:1px solid #7f7f7f;
	border-bottom:1px solid #7f7f7f;	
	color:#000;	
	width:715px;/*713*/
	position:relative;
	margin-bottom:6px;
	font-size:10px; /*javascript font_changeable*/	
	min-height:611px;
}




#image_bg{
	background-repeat:no-repeat;
	background-position:bottom right;
}


#internal_plain
{
	width:390px;
	padding:0px 0px 16px 14px;	
	min-height:470px
}

#internal_wide{
	padding:26px 14px 14px 14px;
	width:687px;
	
}




/*GENERAL STYLES*/
h1{
	font-size:1.6em;/*16px*/
	color:#282828;
	font-weight:normal;	
}
#cms_header{
	padding:26px 15px 16px 14px;	
}
#cms_header img{
	float:right;
	margin-top : -10px;	
}


#cms_header h1, #internal_wide h1{
	line-height:20px;	
	background-image:url(images/sussexTaps/grey_divider_on_white.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:0px;
	padding-bottom:15px;
	margin-bottom:10px;
}

h1, h2, h3, h4, h5, p{
	margin:0px;
	padding:0px;
}
h2{
	font-size:1.3em;/*13px*/
	color:#000000;
	font-weight:normal;
	line-height:1.3em;
	margin:0px 0px 1.0em 0px;
	
}
h3{
	font-size:1.0em;
	line-height:1.0em;
	color:#000000;
	text-transform:uppercase;
	margin:0px 0px 1.0em 0px;
}
h4{
	font-size:1.0em;
	line-height:1.0em;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 1.0em 0px;
}
p{
	font-size:1.0em;
	line-height:1.3em;
	color:#000000;
	margin:0px 0px 1.0em 0px;
}
#right_col p{
	margin:6px 0px 5px 0px;
	line-height:1.4em;
	padding:0px;
}

.box p{
	color:#ffffff;
}
blockquote{
	font-size:1.2em;/*12px*/
	color:#000000;
}


img.inline-right{
	float:right;	
}
.cms_content a{
	color:#282828;
	text-decoration:none;
}
.cms_content a:hover{
	text-decoration:underline;
}
.cms_content a.back{
	background-image:url(images/sussexTaps/back_but.gif);
	height:12px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:right;
	padding:1px 0px 1px 14px;
	margin-top:5px;
		
}
.cms_content a.back:hover{
	background-position:0px -14px;	
}

li.pdf_icon{
	background-image:url(images/sussexTaps/pdf_icon.gif);
	background-repeat:no-repeat;
	background-position:left 0xp;
	padding-left:30px;
	padding-bottom:13px;
	padding-top:5px;	
	list-style:none;
	margin-left:0px;
}
li.pdf_icon a{
	text-decoration:none;	
}
li.pdf_icon a:hover{
	text-decoration:underline;
}

/*
you must declare the out div in pixels and all inner divs 
must be declared in either pixels or cms (
*/
.cms_content {
	font-size:10px;
}

/*GENERAL STYLES*/



/*	BREAD CRUMBS */
#bread_crumbs{
	font-size:9px;
	color:#8c8c8c;
	float:right;
	text-align:right;
	position:fixed;
	text-align:right;
	width:400px;
	right:0px;
	position:absolute;	
}
#hori_scroll_content #bread_crumbs{
	right:16px;
}

#bread_crumbs.internal{
	padding-right:15px;
	padding-top:10px;
}

#bread_crumbs .horizontal-list li{
	margin-right:3px;
	background-image:url(images/sussexTaps/arrow_grey_right_on_white.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:8px;
	line-height:16px;
	text-transform:capitalize;	
}
#bread_crumbs .horizontal-list li a{
	text-decoration:none;
	color:#8c8c8c;
	
}

#bread_crumbs .horizontal-list li.last_item{
	margin-right:0px;
}
#bread_crumbs .horizontal-list li.first_item{
	background:none;
}
/*	BREAD CRUMBS */

/*ACCORDION   - 
see jquery custom styles
all necessary properties have been overriden here
you should not have to change the default theme. just over ride them
*/
#accordion{
	background-color: #000000;
	float:right;
	font-size:.75em;
	padding-bottom:10px;
	
}
#accordion ul{
list-style:none; 
margin:0px;
padding:3px 0px 3px 0px;
}

.top_sect{
	padding:9px;
	padding-top:12px;
	background-color:#646464;
}

#icons img{
	border:0px;
}
#icons{
	padding-bottom:40px;
}

#icons a{
cursor:pointer;
}
#accordion ul li {
	display:block;
	magin:0px;
	padding:0px 10px 0px 10px;
	position:relative;
	
}
#accordion ul li a{
 padding:4px 10px 5px 0px;
 display:block; 	
 border-bottom:1px solid #6c6c6e;
 text-decoration:none;
 background-image:url(images/sussexTaps/accordion/sub_rollover.gif);
 background-repeat:repeat-x; 
 background-position:0px 0px;
 background-repeat:repeat-x;
 font-weight:normal;
 font-size:11px;
 
}

#accordion ul li a.active, #accordion ul li a.active:hover{
 background-position:0px -54px;
}

#accordion ul li a:hover{
	text-decoration:none;
 	background-position:0px -27px;
}

#accordion ul li.last_item a{
border-bottom:none;
}

#accordion.ui-accordion .ui-accordion-content { 
	padding: 0px; 
	overflow:hidden; 
}
#accordion.ui-accordion .ui-state-default, .ui-widget-content .ui-state-default{
	border-top:0px;
}
#accordion.ui-accordion .ui-accordion-header{
	margin-top:0px;
}
#accordion.ui-accordion .ui-accordion-content{
	margin-bottom:0px;
	margin-top:-3px;
}
#accordion .ui-state-default, .ui-widget-content .ui-state-default,
#accordion .ui-state-active, .ui-widget-content .ui-state-active{
	border:0px;
}
#accordion.ui-accordion .ui-accordion-header .ui-icon{
	right:.75em;
	left:auto;
}
#accordion.ui-accordion .ui-accordion-header a{
	padding:0px;
}
#accordion .ui-state-default .ui-icon{
	display:none;
}
#accordion .ui-state-active .ui-icon{
	display:none;
}
#accordion #ah_category, #accordion #ah_application, #accordion #ah_range{
	
}
#accordion h3 a{
	background-repeat: no-repeat;
	display: block;	
	outline: none;	
	height:39px;
	width:176px;
	text-indent:-9999px;
	text-align:left;
}
#accordion h3.ui-state-hover{
	background-position: 0 -39px;
}
#accordion h3.ui-state-active{
	background-position: 0 -78px;
}

#ah_category{
	background-image:url(images/sussexTaps/accordion/acc_category.gif);	
	background-position: 0 0px;
}
#ah_application{
	background-image:url(images/sussexTaps/accordion/acc_application.gif);	
	background-position: 0 0px;
}
#ah_range{
	background-image:url(images/sussexTaps/accordion/acc_range.gif);	
	background-position: 0 0px;
}
/*ACCORDION*/




/*   HEADER   */
#header {
/*	height: 124px;*/
	float: left;
	margin: 0 0px 12px 0;
	background-color:#000;
}

.logo_sussex {
	float: left;
	margin: 28px 0 0 0;
	width: 110px;
	height: 80px;
	background-image: url(images/sussexTaps/logo_sussex.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.tagline_sussex {
	float: right;
	width: 271px;
	height: 11px;
	background-image: url(images/sussexTaps/tagline_sussex.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	clear: right;
	margin: 66px 0 0 0;
}

.myFavourites {
	float: right;
	width: 79px; /*174*/
	height: 23px; /*36*/
	background-image: url(images/sussexTaps/btn_myFavorites.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 9px;
	text-transform: uppercase;
	padding: 13px 0 0 95px;
}

.myFavourites:hover {
	background-position: 0 -36px;
}


/*   FOOTER   */
#footer {
	border-top: 2px solid #7f7f7f;
	color: #8c8c8c;
	position: relative;
}
#footer ul{
	padding-left:0px;
	margin-top:8px;
	margin-left:0px;
}

#footer li {
	float: left;
	list-style: none;
	font-size: 9px;
	text-transform: uppercase;
	margin: 0 25px 0 0;
	padding: 0;	
	
}
#footer li.last_item{
	margin:0px;
} 

#footer a {
	color: #c5c6c8;
	text-decoration: none;
	padding-bottom:10px;
}


#footer a:hover {
	color: #8c8c8c;
}

#map_place_holder{
	padding-bottom:10px;
	width:687px;
	height:289px;
}
#find-suppliers{	
	float:right;
}
/* End of 'sussex_styles' */

