/* Company Colours  
mission blue: #0d2587
link: #003399
link hover: #0099FF
grey: #666666
*/

/* body
***********************/
body {
	background: url(../_images/chrome/background.jpg) bottom center fixed repeat-x #9cd0f7; margin: 0px; padding: 0px; font: 12px Arial; 
	color: #000000;
}
form {
	margin: 0px; padding: 0px;
}

/* ============================= noscript ====================== */
.noscript_msg {
	position: relative; height:130px; z-index: 2;
}
.noscript_msg a {
	position: absolute; display:block; width:894px; height:130px; background:url(../_images/js_error.gif) center no-repeat white; left: 50%; margin-left: -447px;
}

/* wrappers
***********************/
#wrapperTop {
	width: 895px; 
	text-align: left; 
	margin: auto; background: white; min-height: 143px;
}
#wrapperBottom {
	width: 895px; 
	min-height: 550px; text-align: left; 
	margin: auto; background: white;
}

/* top left column
***********************/
.topLeftColumn {
	float: left; width: 77.5%;
}
.topLeftColumn .content {
	padding: 20px;
}
.topLeftColumn .headerFlashObject {
	margin-top: 6px; margin-left: 2px; float: left
}
.headerBanner{
	background:url(../_images/chrome/header_middle_background.png) top left no-repeat;
	width:479px; height:130px; float: left; margin: 6px 0 0 1px;
}
.headerImg{
	background: url(../_images/chrome/header.gif) top left no-repeat; width: 207px; height: 135px; float: left;
}

/* top right column
***********************/
.topRightColumn {
	float: left; width: 22.5%; margin-top:-3px;
}
.topRightColumn .headerFlashObject{
	width: 95%;
}
.topRightColumn h1 {
	margin:10px 0 0 0;
}
/* left column
***********************/
.leftColumn {
	float: left; width: 77.5%;
}
.leftColumn .content {
	padding-left: 10px; padding-top: 0; vertical-align: top;
}
.leftColumn .headerFlashObject{
	margin-top: 6px; float: left
}
/* right column
***********************/
.rightColumn {
	float: left; width: 22.5%;
}

/* navigation
***********************/
.navigation {
	width: 895px; 
	min-height: 42px; margin: auto; background: white url(../_images/navigation/six.png) center top no-repeat; 
	position: relative; z-index: 1000;
}
.navigationMA {
	width: 895px; 
	min-height: 42px; margin: auto; background: white url(../_images/navigation/MAsix.jpg) center top no-repeat; 
	position: relative; z-index: 500;
}

/* side bar elements
***********************/
h1.sidebar {
	font: small-caps bold 18px Georgia; color: #ffffff; background: url(../_images/boxes/heading.jpg) top left no-repeat; 
	height: 30px; text-align: center; padding-top: 7px; margin-top: 0px; margin-bottom: 0px; border-bottom: none; width:200px;
}
.roundedbox {
	background: #e1e8f8; width: 194px;
}
.roundedbox p{
	margin: 0; padding: 10px; padding-bottom: 0px; line-height: normal;
}
.roundedbox .roundedboxbottom {
	background: url(../_images/boxes/roundboxbottom.jpg) bottom left no-repeat; width: 194px; height: 11px; margin-top: 0px;
}
/* end: side bar elements */

/* footer
***********************/
.footer {
	width: 895px; 
	min-height: 20px; margin: auto; background: white; position: relative;
}
.footer_right {
	position: absolute; right: 12px; top: 5px; font-size: 10px;
}
.footer_left{ 
	position: absolute; left: 15px; top: 5px;
}
.footerBottom{
	background: url(../_images/chrome/bottom.png) no-repeat top left; height: 15px; margin: auto; width: 895px; 
}

/* link styles
***********************/
a {
	text-decoration: none; color: #3366cc; 
}
.content a {
	color: #003399;
}
.leftColumn a, rightColumn a{
	 font-weight:bold;
}
.content a:hover {
	color: #0099FF;
}
.content a img {
	border:none;
}

/* paragraph styles
***********************/
p {
	line-height: 18px;
}

/* heading styles
***********************/
h1 {
	color: #666666; font: small-caps bold 28px Georgia; margin: 10px 0 10px 0; border-bottom: 1px solid #cccccc; width: 650px;
}
h1.receipt{
	border-bottom: 1px solid #ffffff;
}
h2 {
	color: #666666; font: small-caps bold 21px Georgia; margin: 10px 0 10px 0;
}
h3 {
	font: bold 12px Verdana; color: #0d2587; margin-right: 20px; margin-top: 0px; margin-bottom: 10px;
}
h4 {
	color: #666666; font: bold small-caps 20px Georgia; margin: 0px 0 10px 0; text-decoration:underline; line-height:22px;
}
h5 {
	font: bold 12px Verdana; color: #0d2587; margin-right: 20px; margin-bottom: 10px;
}
/* start: button styles 
********************/
/* small button
********************/
a.btn {
	color: #ffffff; background: url(../_images/buttons/btn2.gif) top left no-repeat; display: block; height: 24px; 
	width: 111px; margin-top: 5px; margin-bottom: 0px; font: small-caps bold 12px Georgia; text-align: center; padding-top: 3px;
}
a.btn:hover {
	color:#00CCFF;
}
.back{
	position:absolute; right:0;
}
/* input button */
input.btn{
	background: url(../_images/buttons/btn2.gif) top left no-repeat; color: #ffffff; text-align: center; 
	padding: 2px 10px 11px 10px; width: 111px; display: block; margin-top: 5px; margin-bottom: 0px; 
	font: small-caps bold 12px Georgia; border: 0; outline: 0;
}
input.btn:hover{
	color:#00CCFF; cursor:pointer;
}

/* large button
********************/
a.lrgBtn {
	background: url(../_images/buttons/btn.gif) top left no-repeat; color: #ffffff; text-align: center; padding-top: 6px; 
	height: 30px; width: 175px; display: block; margin-top: 5px; margin-bottom: 0px; font: small-caps bold 12px Georgia;
}
.content a.lrgBtn {
	color: white;
}
a.lrgBtn:hover {
	color: #00CCFF;
}
.content .lrgBtn:hover{
	color: #00CCFF;
}

/* input button */
input.lrgBtn {
	background: url(../_images/buttons/btn.gif) top left no-repeat; color: #ffffff; text-align: center; 
	padding: 6px 0px 10px 0px; height: 30px; width: 175px; margin-top: 5px; margin-bottom: 0px; 
	font: small-caps bold 12px Georgia; border: 0; outline: 0;
}
input.lrgBtn:hover {
	color: #00CCFF; cursor: pointer;
}

/* extra large button 
********************/
a.extraLrgBtn {
	background: url(../_images/buttons/extraLrgBtn.gif) top left no-repeat; color: #ffffff; text-align: center; 
	padding-top: 6px; height: 30px; width: 270px; display: block; margin-top: 5px; margin-bottom: 0px; 
	font: small-caps bold 12px Georgia;
}
.content a.extraLrgBtn {
	color: white;
}
a.extraLrgBtn:hover {
	color: #00CCFF;
}
.content .extraLrgBtn:hover {
	color: #00CCFF;
}
/* input button */
input.extraLrgBtn {
	background: url(../_images/buttons/extraLrgBtn.gif) top left no-repeat; color: #ffffff; text-align: center; 
	padding: 6px 0px 10px 0px; height: 30px; width: 270px; margin-top: 5px; margin-bottom: 0px; 
	font: small-caps bold 12px Georgia; border: 0; outline: 0;
}
input.extraLrgBtn:hover {
	color: #00CCFF; cursor: pointer;
}

/* end: button styles */

/* misc. styles 
********************/
.active{
	color:#0099FF;
}
/* crumbtrail
********************/
.crumbtrail {
	font:10px Verdana;
}
.current {
	color:#003399; text-decoration:underline;
}
/* hr style
********************/
hr{
	background-color: #e1e1e1; border: 0px #e1e1e1; display: block;
}
/* generic float styles
***********************/
/* images */
.imgFloatLeft {
	float: left; margin: 0px 15px 15px 0px;
}
.imgFloatRight {
	float: right; margin: 0px 0px 15px 15px; width: 60%;
}
/* divs, etc. */
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
/* generic width styles
***********************/
.width25 {width:25%;}
.width50 {width:50%;}
.width75 {width:75%;}
.width100 {width:100%;}

/* generic margin styles
***********************/
.marginBtm40 {
	margin-bottom:40px;
}

/* Mission Estate Winery Logo link to home
***********************/
.homeLink {
	display: block; 
	position: absolute; 
	height: 150px; 
	width: 210px; 
	cursor: pointer;
}

/* artists page styles
***********************/
.artists{
	position:relative;
}
.block {
	display: block; float: left; clear:both;
	width: 100%; padding-top: 5px; padding-bottom: 0px; margin-top: 0px;
}
.block h2 {
	margin-top: 0px;
}
.block p {
	margin-top: 0px; margin-right: 20px;
}
.block p + p {
	margin-top: -10px;
}
.artists p {
	font-style: italic;
}
.artists p + p {
	background: none; padding: 0px; font-style: normal; font-weight: normal;
}
.artistBtn {
	margin: auto;
}
.artistFloatRight {
	float: right; width: 338px; height: 625px; margin-left: 20px;
}
table.artistTable {
	margin-left: 20px; display: none;
}
/* pdf icon style
***********************/
.pdf {
	padding:0 0 10px 20px; background:url(../_images/symbols/logo_pdf.gif) top left no-repeat;
}
.flash {
	padding: 0 0 10px 20px; background: url(../_images/symbols/flash_logo.jpg) top left no-repeat;
}

/* food & beverage page styles
***********************/
.food_beverage a {
	font-weight: bold;
}
.price {
	font: bold 11px Verdana; color: #666666; line-height: 20px; margin-top: -50px; text-align: right;
}
.subheading2 {
	font: small-caps bold 14px Georgia; color: #666666; margin-left: 0px; margin-right: 20px;
}
/* back to top style
***********************/
a.backToTop {
	display:block; background: url(../_images/symbols/arrow_up.jpg) center right no-repeat; padding: 0px 15px 2px 0; 
	font-size: 11px; color: #999999; font-weight: bold; margin-bottom: 0px; border-bottom: 1px solid #cccccc; text-align:right;
}
a.backToTop:hover {
	background: url(../_images/symbols/arrow_up_reverse.jpg) center right no-repeat #0099ff; color: white; 
	padding: 0px 15px 2px 0;
}

/* Details Message in Accommodations section style
***********************/
.accommDetailsMsg{
	margin-top:10px; font-style:italic;
}

/* No flash div style
***********************/
.noFlashMiddle{
	padding: 0; margin: 0; width:478px; height:130px; background:url(../_images/chrome/topMiddleBkgrnd.gif) top left no-repeat;
	font: 10px Tahoma; color: #ccc; text-align:center;
}
.noFlashRight{
	padding: 0; margin: 0; width:194px; height:131px; background:url(../_images/chrome/topRightBkgrnd.gif) top left no-repeat;
	font: 10px Tahoma; color: #ccc; text-align:center;
}
.padding0margin0{
	padding: 0; margin:3px 3px 0px 3px;
}
.noFlashP{
	font: 10px Tahoma; height:100px; color: #ccc;
}



/* accommodation list styles
***********************/
.content ul.features {
	list-style-type:none; margin-left:-35px;
}
.content ul.features li {
	padding-left:25px; margin-bottom:5px; padding-bottom:3px; 
	background:url(../_images/symbols/arrow_bevel_whiteBak.gif) top left no-repeat;
}


/* @group Hacks
/* 
float hack 
See http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
.clearfix { display : inline-block; }
/* Hide from IE Mac \*/
.clearfix { display : block; }
/* End hide from IE Mac */
* html .clearfix { height : 1px; }
/* @end */


/* youtube turn off by default
***********************/
.youtube{
	display:none;
}


/* ============================= homepage ====================== */

.book_tickets_button{
	background:url(../_images/home/book_tickets_button.png) top left no-repeat;
	width:254px; height:51px; display:block; 
}
.book_tickets_button_large{
	background:url(../_images/home/book_tickets_button_large.png) top left no-repeat;
	width:350px; height:70px; display:block;
}
.register_now_button_large{
	background:url(../_images/home/register_now_button_large.png) top left no-repeat;
	width:350px; height:70px; display:block;
}
.register_now_button{
	background:url(../_images/home/register_now_button.png) top left no-repeat;
	width:254px; height:51px; display:block;
}
.tell_a_friend_button{
	background:url(../_images/home/tell_a_friend_button.png) top left no-repeat;
	width:254px; height:51px; display:block;
}
.book_tickets_button:hover, .register_now_button_large:hover, .book_tickets_button_large:hover, .register_now_button:hover, .tell_a_friend_button:hover{
	background-position:bottom left;
}
.book_tickets_button span, .register_now_button_large span, .book_tickets_button_large span, .register_now_button span, .tell_a_friend_button span{
	display:none;
}
.homepage_headline{
	background:url(../_images/home/homepage_headline_background.png) top left no-repeat; 
	width:670px; height:77px; position:relative;
}


/* ============================= top right navigation ====================== */

.concert_club{
	width:193px; height:130px; background:url(../_images/chrome/top_right_nav_background.png) top left no-repeat; position:relative;
	margin:10px 0 0 0;
}
.concert_club .heading span, .concert_club .members_home span, .concert_club .buy_tickets span, .concert_club .register_now span{
	display:none;
}
.concert_club .heading{
	width:193px; height:31px; background:url(../_images/chrome/top_right_nav_heading.png) top left no-repeat;
	margin:0 0 0 0;
}
.concert_club .members_home, .concert_club .buy_tickets, .concert_club .register_now{
	width:175px; height:36px; display:block; margin:0; padding:0;
}
.concert_club .members_home:hover, .concert_club .buy_tickets:hover, .concert_club .register_now:hover{
	background-position:bottom left;
}	
.concert_club .members_home{
	background:url(../_images/chrome/top_right_nav_members_login_button.png) top left no-repeat;
	position:absolute; top:33px; left:10px;
}
.concert_club .buy_tickets{
	background:url(../_images/chrome/top_right_nav_buy_tickets_button.png) top left no-repeat;
	position:absolute; top:73px; left:10px;
}
.concert_club .register_now{
	background:url(../_images/chrome/top_right_nav_register_now_button.png) top left no-repeat;
	position:absolute; top:73px; left:10px;
}
.concert_club p{
	position:absolute; width:193px; color:white; font:normal 10px Verdana; text-align:center;
	top:100px; left:0px; 	margin:10px 0 0 0;
}
.concert_club p a{
	color:#00ccff; font-weight:bold;
}

/* ============================= RHS banners ====================== */
/* wrapper */
.banner{
	position:relative; width:194px; margin:10px 0;
}
/* footer */
.banner .footer{
	width:194px; height:9px; background:url(../_images/chrome/rhsBanner_footer.png) bottom left no-repeat;
}
/* content */
.banner .content{
	background:#e1e8f8; padding: 10px 10px 0px 10px; overflow:auto;
}
.banner .content img{
	display:block; clear:both;
}
.banner .content a{
	color:#36C; font-weight:bold; clear:both; display:block;
}
/* headers */
.banner .header{
	width:194px; height:36px; background-position: top left no-repeat;
}
.banner .tour{
	background-image:url(../_images/chrome/rhsBanner_header_tour.png);
}
.banner .reviews{
	background-image:url(../_images/chrome/rhsBanner_header_reviews.png);
}
.banner .album{
	background-image:url(../_images/chrome/rhsBanner_header_album_0819.png);
}
.banner .videos{
	background-image:url(../_images/chrome/rhsBanner_header_videos.png);
}
.banner .photos{
	background-image:url(../_images/chrome/rhsBanner_header_photos.png);
}
/* header icons */
.banner .icon{
	width:60px; height:60px; background:top left no-repeat;
	position:absolute; top:-10px; left:-5px;
}
.banner .photos .icon{
	background-image:url(../_images/chrome/rhsBanner_header_photos_icon.png);
}
.banner .videos .icon{
	background-image:url(../_images/chrome/rhsBanner_header_videos_icon.png);
}


/* ============================= home news ====================== */
.home_news {
	padding:0 20px 0 0;
}
.home_news p strong{
	color:#0099ff; font-size:14px; display:block; margin:0 0 10px 0;
}
.home_news h2{
	color:#003399; font-size:24px; margin-top:0;
}
.home_news img{
	float:left; width:324px; margin:0 15px 0 0; padding:0;
}