@charset "utf-8";
/* CSS Document */

/* Just some base styles not needed for example to function */
.img_border {border: 1px solid}
.clear
{
	height: 0 !important;
	line-height: 0 !important;
	clear: both !important;
	font-size: 1px !important;
	margin: 0;
	padding: 0;
	float: none !important;
}
.mainpage_banner_watermark { border: 0px solid #000000;}
/* Advanced CSS hover styles */
.mainpage_banner_watermark ul { overflow: hidden; padding: 5px; }
.mainpage_banner_watermark ul > li {
	position: relative;
	float: left;
	list-style: none;
	margin: 10px 0 0 0;
	font-size: 23px;
	z-index: 1;
}

.mainpage_banner_watermark ul a 							{ text-decoration: none; display: block; }
.mainpage_banner_watermark ul li img 						{ display: block; position: relative; z-index: -1; } /* IE8 fix, background colour appears behind img for uknown reason set negative z-index */
.mainpage_banner_watermark ul li:not([class=na]) img 		{ position: static; } /* Reset relative position, as this plays havoc with good browsers */
.mainpage_banner_watermark ul a:hover, ul a:focus			{ display: block; outline: none; -moz-box-shadow: 3px 3px 5px #000; -webkit-box-shadow: 3px 3px 5px #000; box-shadow: 3px 3px 5px #000; }
.mainpage_banner_watermark ul a:hover img, ul a:focus img	{ outline: 3px solid #ccc; }

.mainpage_banner_watermark ul a:hover:after,
.mainpage_banner_watermark ul a:focus:after
{
	content: attr(title);
	color: #000;
	position: absolute;
	bottom: 0;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	width: 100%;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.7);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.7), rgba(204,204,204,0.7)); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.7)), to(rgba(204,204,204,0.7))); /* Safari */
	display: block;
	text-shadow: 1px 1px 1px #fff;
}
.mainpage_banner_watermark ul a.reverse:hover:after,
.mainpage_banner_watermark ul a.reverse:focus:after { top: 0; right: 0; }

.mainpage_banner_watermark ul a.offset:hover:after,
.mainpage_banner_watermark ul a.offset:focus:after { top: 50%; margin-top: -15px; }

.mainpage_banner_watermark ul a.alternate01:hover:after,
.mainpage_banner_watermark ul a.alternate01:focus:after
{ 
	top: 0;
	width: 50%; 
	height: 100%; 
	line-height: normal; 
	text-align: left; 
	padding: 4px 0 4px 4px; 
	font-size: 14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Change colours */
.mainpage_banner_watermark ul.highlight01 a:hover img, ul.highlight01 a:focus img { outline-color: #1E528C; }

.mainpage_banner_watermark ul.highlight01 a:hover:after,
.mainpage_banner_watermark ul.highlight01 a:focus:after {
	background: rgb(30,82,140); 
	background: rgba(30, 82, 140, 0.7);
	background: -moz-linear-gradient(top, rgba(30, 82, 140, 0.7), rgba(43, 117, 200, 0.7)); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 82, 140, 0.7)), to(rgba(43, 117, 200, 0.7))); /* Safari */
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}
/* Main Page banners */




#heading {
color:#CC6B09;
font-family:Arial,Helvetica,sans-serif;font-size:23px;

font-weight:lighter;
letter-spacing:-0.04em;
margin:0;
padding: 5px 25px 0 20px;
}
p {
margin:0 0 10px;
}

#calendar_content {
  margin-bottom:0;
  margin-left:210px;
  margin-right:0;
  margin-top:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
  position:relative;
  text-align:justify;
  width:675px;
}
.sold_out							{ background: url(/images/events/sold_out.gif) no-repeat;}
.event_sold_out						{ background: transparent url(/images/event_sold_out.gif) no-repeat scroll 0 100px}
#sold_out 							{ text-align: center; background: url(/images/events/sold_out.gif) no-repeat scroll 242px 90px;}

#bookmarks{
float:right;
margin-right:7px;
margin-top:7px;
}

#page_title{
margin-bottom:5px;
margin-top:7px;
}

#redirect_link {
	color: #333333;
	font-size: 16px;
}

#redirect_link a{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

#redirect_link a:hover{
	color: #000000;
	text-decoration: underline;
}

#redirect_link a:visited {
	color: #333333;
	text-decoration:none;
}
/************* breadCrumb styles ***************/

#breadCrumb{
	margin-top: 0px;
	padding: 0px 0px 5px 0px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
	font-size: 80%;
	margin-top: 1px;
	vertical-align: bottom;
	
}

#breadCrumb a{

	color: #AAAAAA;
	vertical-align: bottom;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
	vertical-align: bottom;
}

#right_text
{
line-height: 18px;
}

#right_link
{
float: right;
margin-top: 8px;
}

#menu_shadow
{
	clear : both;
	background-image : url(cj/images/common/shadow_bot.gif);
	background-repeat : repeat-x;
	background-position : left;
	width: 900px;
	float: left;
	height: 5px;
	margin-left: 0px;
} 
/* ----------------------------------- navigation items ----------------------------------- */
#logoWrap {
	background:#050505 url(/images/header_bg.png) no-repeat scroll right center;
	border-color:#FFFFFF; border-style:solid; border-width:10px 10px 1px;
	height:65px; width:910px;
	margin:10px auto 0;
	}						  
	#logo {
		margin:16px 0 0 18px; 
		border: 0px;
		}	
	#topLinks{
		float:right;
		background:#900000;
		margin: .9em auto;
		width:74%;
		}

#sitenav
{
	clear : both;
	background-image : url(/menu/navigationbar.gif);
	background-repeat : repeat-x;
	background-position : left;
	border-top: 1px solid #FFFFFF;
	border-bottom : 1px solid /*#003*/#000;
	background-color : #0a1797;
	font-size : 106%;
	width: 900px;
	float: left;
	height: 29px;
	margin-left: 0px;
}

#sitenavigation
{
	width : 900px;
	list-style-type: none;
	padding-left: 0;

}

/* main menu items */
#sitenavigation li 
{
	float: left;
	color : #333;
	border-right : 1px solid #576066/*#2c33b0*/;
	white-space : nowrap;
	padding: 6px 10px;
}


/* link within main menu */
#sitenavigation li a 
{
	color : #fff;
	text-decoration : none;
	display : block;
	text-align: left;

}

ul#sitenavigation li:hover
{
	
	
	background-color: #000066;
	/* background: url(http://clubequus.com/includes/images/menu_hover_bg.jpg) repeat ; 
	background-color: #64A600;background-repeat : repeat-x;*/
	

}

ul#sitenavigation li.end:hover
{
	background-image : url(images/navigationbar.png); 
	background-repeat : repeat-x;
	background-position : left;
	text-align: left;
}

/* display the sub menus on hover even of an li*/
div#sitenav li:hover ul, div#sitenav li.end:hover ul
{
	display: block;
}

/* sub item list */
#sitenavigation li ul, #sitenavigation li.end ul
{
	list-style-type: none;
	background-color : #fff;
	border: 1px solid #666;
	border-top: 1px solid #0c1eac;
	border-top-width: 3px;
	z-index : 1000;
	display: none;
	position: absolute;
	margin: 6px 0 0 -6px;
	padding : 0;	
}

#sitenavigation li ul {margin-top:6px;border-top-style:solid;border-top-width:1px;border-top-width:3px;border-color:#0C1EAC}

/* sub item */
#sitenavigation li ul li
{
	line-height : 145%;
	float : none;
	border : none;
	border-bottom : 1px solid #E0E0E0;
	width : auto;
	margin:0;
	padding:0;
}

/* sub item */
#sitenavigation li ul li:hover
{
	background-image : none;
}

/* sub item link */
#sitenavigation li ul li a
{
	color : #333;
	padding : 5px;
	display: block;
}

/* hover over sub-item */
#sitenavigation li ul li a:hover
{
	background-color : #d5e5f5;
	background-image : none;
}

/* last item */
#sitenavigation li.end
{
	float: left;
	padding : 6px 5px;	
	border-right : none;
	color: #3366CC;
	font-weight: bold;
	font-size: 125%;
	margin-left: 5px;
}

/* ------------------ unordered lists -------------------- */
ul
{
	margin : 0;
	padding : 0px 0px 7px 35px;
	list-style-type : disc;	
}

li
{
	margin : 0px;
	padding : 0px 0px 0px 0px;
}


/* 
Main COntent
--------------------------------------------------------- */

/*************** search styles ***************/

#search{
padding-top: 5px;
width: 767px;
}





#search input{
  font-size: 100%;
  margin: 0px  0px 0px 15px;
  	border: 1px solid #00CC33;
	padding-left: 2px;
	background-image: url(../images/header/bckgInput.gif);
	background-repeat: repeat-x;
	font: 11px Tahoma, Arial;
	color: #333333;
	min-height: 16px;
	background-color: #ffffff;
 }
 
 select, .input {

}
 
#search a:link, #search a:visited {
	font-size: 50%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}



/* 
Main COntent
--------------------------------------------------------- */
* {
	margin:0; 
	padding:0;
	}

body {
	background-image: url(http://clubequus.com/images/background.gif); 
	color: #525252; 
	font-family : Verdana,Tahoma,Helvetica,Geneva,Arial,sans-serif; 
	font-size : 75%;
	}
	
.cleaner {clear:both; height:1px; font-size:1px; border:none; background:transparent;}
.even { background-color: #F1F8FF; border-bottom: 1px solid #C1D6DB; border-top: 1px solid #C1D6DB; }

/* Maincontent */
/* ------------------------------------------------------- */
#main {
	width:760px;
	margin: auto;
	height:10px;
	border-bottom:10px solid #FFF;
}
#main_heading { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight:bold;
}
#main_heading a:hover{color:#000; text-decoration: underline;}
#main_heading a:link { text-decoration:none; }
#logo {width:170px; height:80px; float:left;}
#menu_left {width:500px; height:25px; float:left;}
#top_header {height:70px; background: url(http://clubequus.com/includes/images/header_bg.jpg) no-repeat; background-color:#050505; background-position: right;}
#menu_header {height:30px; background: url(/images/header/bb.gif); border-top:2px solid #FFF; border-bottom:8px solid #FFF; background-color:#2C84DF;}
#header {
	width:900px; height:92px;
	margin:auto; border:10px solid #FFF; 
	background:#FFF;}u
#top_menu { width:740px; margin: auto; height:25px; border-left:10px solid #FFF; border-right:10px solid #FFF; background: url(/images/header/bb.gif);}
#drop_menu { float:right; padding-top: 5px;}
#top_search { width:168px; float:right; height:25px; margin-top: 2px;}
#menu {
	float: right;
	height:31px;
}
#spacer {height:10px;}
#bullets1, #bullets2, #bullets3 {padding-left:5px;}

#content {
	width:900px; margin:auto; height: 100%;
	border:10px solid #FFF; 
	background:#FFF; background-image:url(http://clubequus.com/images/scwbackground.gif);
	min-height: 330px;}

#colleft {width:290px; float:left; margin-top:8px;}
#colright {width:450px; padding-left:28px; float:left; margin-top:8px;}
#right_header {padding-top:5px; width:100%; float:left;}
#colleft {width:242px; float:left;}

#col1_right { float:right; margin-top: -5px;}
#col1_wine {width:225px; float:left; margin-left: 2px;}
#orderform { text-align:center; font-weight:500;}
#col2_wine {width:270px; float:left; margin-left: 30px;}
#col33 {width:248px; float:left; }
#col2 {margin-left:10px;}
#col3 {background:#3D3E42; margin-left:10px; height:300px;}

#wine_left {padding-top:5px; width:50%; float:left;}
#wine_right {padding-top:5px; width:50%; float:right;}

#main_content {
	width:670px;
	float:left;
	height:inherit;
	margin: 0 10px;
	font-size: 12px;
	line-height:1.5;
	}
#main_content_temp {
	width:670px;
	float:left;
	height:inherit;
	margin: 0 10px;
	font-size: 12px;
	line-height:1.5;
	}

#visitor {
	width:670px;
	float:left;
	height:inherit;
	margin: 0 10px;
	font-size: 12px;
	line-height:1.5;
	}

#visitor a:link{
	color:#00C;
	font-weight: bold;
	text-decoration:none;
	}

#visitor a:hover{
	color: #009;
	text-decoration:underline;
	}


#left_col {
	width:200px; float:left;
	margin-right: 10px;  
	height: 100%;
	}
#left_col_new {
	width:200px; float:left;
	margin-right: 10px;  
	height: 100%;
	position: inherit;
	}	

#col11 {background:transparent url(../images/vl.jpg) repeat-y scroll right top;
margin:0 5px;
padding:3px;
vertical-align:top;
width:310px;}
#col22 {background: url(../images/vl.jpg) repeat-y right top; padding:4px; vertical-align:top; width:310px}
#col33 {margin-left:2px; width:220px; padding:2px; vertical-align:top;}
#left {width:200px; margin-right: 10px; border-width:1px; border-style:solid; border:#FFFFFF; float:left;}
#contentin { width:700; float:left; margin-left:0px; margin-top:3px; background: url(../images/bgc.gif) repeat-x; padding:10px; }
#contentwine { width:750px; float:left; margin-left:0px; margin-top:3px; background: url(../images/bgc.gif) repeat-x; padding:10px; }

#content_full {
	/*background:transparent url(../images/bgc.gif) repeat-x scroll 0 0;*/
	padding:10px;
	width:880px;}
#content_full p {
	color:#333333;
	line-height:20px;
	padding:0 0 10px;
	text-align:justify;}
	
#content_right {
	background:transparent url(../images/bgc.gif) repeat-x scroll 0 0;
	margin:0 0 0 200px;
	padding:12px 20px;
	width:659px;}
#content_right p {
	color:#333333;
	line-height:20px;
	padding:0 0 0;
	text-align:justify;}

#pics_left {
	float:left; 
	padding:0px; 
	width:200px;}


/* Contact Us Page */
#contact_us { width:880px; float:left; margin-left:0px; margin-top:3px; background: url(../images/bgc.gif) repeat-x; padding:10px; }
#contact_us_form { width:430px; float:left; margin-left:0px; margin-top:0px; padding:10px; }
#contact_us_map { width:430px; float:right; margin-left:0px; margin-top:0px; padding:10px; }

#contentmain { float:left; margin-top:3px;}
#wines {margin:9px 0 0 0; padding-top:1px;}
#pln { height:60px; background:#63625F;}

#footer 						{ margin:auto; padding: 11px; height:150px; width:920px; background:#000; color:#666; font-family: Arial, Verdana, Helvetica, sans-serif; }
#footer a						{ color: #666; font-size: 120%;	text-decoration: none;}
#footer a:hover					{ text-decoration: underline;}	
.footer_copyright				{ color:#333333; font-size:10px;}
#footer_twitter 				{ margin:86px 7px 0; position:absolute; }
#privacydisclaimer_footer	 	{ font-size:10px;}

em {font-style: italic;}
em a { border-bottom:1px dotted #363636; text-decoration:none;}
em a:hover{ background:#83D287;}
.abbr { cursor:help;border-bottom:1px dashed #363636;}
#footer-icons{ float: right;
padding:2px 8px; font-size: 80%; }
#privacy{ float: right;
padding:2px 8px; font-size: 80%; }
#cecom a{color:#00FF33;}
#sccom a{ 
color: #0033FF;
}

/* Headings */
/* ------------------------------------------------------- */
h1, h1 a:link 					{ font-size:23px; color:#CC6B09/*#E47904*/; font-weight:normal; border-bottom:1px dotted #333333; margin-bottom: 15px; text-decoration:none; }
h2 								{ font-size:17px; font-weight:bold; color: #333333; padding:0 0 10px 0; }
h3 								{ font-size:13px; font-weight:bold; color:#006600; padding: 0 0 10px 0; }
h4 								{ font-size:13px; font-weight:bold; color:#003366;	padding: 0 0 10px 0; }
h5 								{ font-size:19px; font-weight:bold; color: #0033CC; padding: 0 0 10px 0; }
h6 								{ font-size:19px; font-weight:bold; color: #333333; padding: 0 0 0px 0; }


/* Lists */
/* ------------------------------------------------------- */

#menu ul { list-style:none; text-align:center; padding:32px 0;}
#menu ul li {display: inline; list-style-type: none; }
#mainnav ul, #nav ul, #portfolio ul { list-style:none;}
#contentin li { margin-top:5px; margin:0 0 5px 40px;}
#contentwine li { margin-top:5px; margin:0 0 5px 40px;}

/* Links */
/* ------------------------------------------------------- */
a:link { color:#525252;  }
a:visited{ color:#525252; text-decoration: none; }
a:hover{color:#879733; text-decoration:none;}
#contentin a:hover{color:#000;text-decoration:none;}
#contentwine a:hover{color:#000;text-decoration:none;}
a:active{color:#525252;background-color:transparent;font-weight:normal;}
#logo a {width:170px; height:80px; display: block;}

#menu ul li a { font:12px "Lucida Sans Unicode", verdana, helvetica, sans-serif; padding: 30px 8px; color:#FFF; }
#menu ul li a:hover { color:#BAC58E; text-decoration:none;}
#col33 a{ display: block; padding: 0px; text-decoration:none; color:#3F7E86; width:234px; }



/* LeftNavigration Images Replacements
*/#nav0 a {background-position:0 0;}
#nav1 a {background-position:0px -29px;}
#nav2 a {background-position:0px -58px;}
#nav3 a {background-position:0px -87px;}
#nav4 a {background-position:0px -116px;}
#nav5 a {background-position:0px -145px;}
#nav6 a {background-position:0px -174px;}
#nav7 a {background-position:0px -203px;}
#nav8 a {background-position:0 0;}
#nav9 a {background-position:0px -29px;}
#nav10 a {background-position:0px -58px;}
#nav11 a {background-position:0px -87px;}
#nav12 a {background-position:0px -116px;}
#nav13 a {background-position:0 0;}
#nav14 a {background-position:0px -29px;}
#nav15 a {background-position:0px -58px;}
#nav16 a {background-position:0px -87px;}
#nav17 a {background-position:0px -116px;}

.portitem { float:left;  width:248px; margin:0 20px 0 0; }
.end { margin:0 0 10px 0; }
#contentin .portitem p { padding:0 0 5px 0; }
#contentwine .portitem p { padding:0 0 5px 0; }

.portitemThumbPic { display:block; border:2px solid #DCDEDF; }
.portitemThumbPic img { border:2px solid #FFF; }
.portitemThumbPic:HOVER {	border:2px solid #A9ABAE; }
.portitemText h3 { margin:0; padding:0; }
.portitemThumbEnd { background: url(http://www.ditindia.com/images/greyshadow.gif) repeat-x; height:15px; width:248px; margin:0; }
.portclear { height:10px; margin:10px 0; border-top:1px dotted #333333; }
.portheader { height:2px; margin:1px 0; border-top:1px dotted #333333; }
.tbp {
	padding:4px;
	}
.tbb {
	background:#999999;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
input, textarea {
	border: 1px solid #d5d7d0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	padding: 2px;
}
input:focus, textarea:focus {
	background: #fdfff7;
	border-color: #C3B9A2;
}
#contactform {
padding: 10px;
}
#contactform input, #contactform textarea{
width: 350px;
margin: 3px 0 0 0;
padding:4px;
background:#F4F4F4;
font-weight:bold;
}
#contactform label {
display: block;
}
#submit {
width: auto !important;
}
#submit {
	background: #fdfff7 left bottom repeat-x;
	border: 1px outset #FFFFFF;
	color: #9a1;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}
.red-font{
color:#FF0000;}

/* Ajax Form*/
/* ------------------------------------------------------- */
fieldset { border:0;margin:0;padding:0; }
label { display:block; }
input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }