/* Vintage VW Experience CSS by run2 - January 2014 */
/* main stylesheet - dark purple #46193e; light purple: #753169 */

/* Specialist Fonts */
@font-face {
    font-family: 'Signpainter';
    src: url('/assets/fonts/signpainter.eot');
    src: url('/assets/fonts/signpainter.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/signpainter.woff') format('woff'),
         url('/assets/fonts/signpainter.ttf') format('truetype'),
         url('/assets/fonts/signpainter.svg#Signpainter') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rockwell';
    src: url('/assets/fonts/rockwell.eot');
    src: url('/assets/fonts/rockwell.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/rockwell.woff') format('woff'),
         url('/assets/fonts/rockwell.ttf') format('truetype'),
         url('/assets/fonts/rockwell.svg#Rockwell') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rockwell_bold';
    src: url('/assets/fonts/rockwell-bold.eot');
    src: url('/assets/fonts/rockwell-bold.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/rockwell-bold.woff') format('woff'),
         url('/assets/fonts/rockwell-bold.ttf') format('truetype'),
         url('/assets/fonts/rockwell-bold.svg#Rockwell_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
font: 100% Tahoma, Trebuchet, Verdana, Arial, sans-serif; 
color: #000; 
margin: 0;
padding: 0;
text-align: center; 
background: #753169 url(/assets/bodybg.gif) repeat-x;
}


/* General Typography */
h1 { margin: 0; padding: 0; font-size: 1.5em; font-weight: normal; }
h2 { margin: 0; padding: 0; font-size: 1.7em; } 
h3 { margin: 0; padding: 0; font-size: 1.3em; } 
h4, th { margin: 0; padding: 0; font-size: 1.3em; } 
h5, p { margin: 0; padding: 0; font-size: 0.8em; line-height: 1.5; } 
table, ul { font-size: 0.8em; line-height: 1.3; line-height: 1.5; }
a { color: #753169; text-decoration: none; 	
	-webkit-transition: all 0.3s ease-in;  /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-in;  /* FF4+ */
	-ms-transition: all 0.3s ease-in;  /* IE10? */
	-o-transition: all 0.3s ease-in;  /* Opera 10.5+ */
	transition: all 0.3s ease-in;
}
a:hover { background: #753169; color:#fff; text-decoration: underline; }


/* Span Classes */
.Rockwell_bold { font-family: Rockwell_bold, Tahoma, Trebuchet, Verdana, Arial, sans-serif; }
.Rockwell { font-family: Rockwell, Tahoma, Trebuchet, Verdana, Arial, sans-serif; }
.Signpainter { font-family: Signpainter, Georgia, "Times New Roman", Times, serif; } 
.dkpurple { color: #46193e; }
.ltpurple { color: #753169; }
.black { color: #000; }
.right { float: right; }
.right_txt { text-align: right; }
.clear { clear: both; }
.offleft { position: absolute; left: -999px; width: 990px; visibility: hidden; }
.noborder { border: none; margin: 0; }
.icon { margin-right: 10px; margin-top: 10px; }
.rule { border-top: 2px dotted #000; margin: 40px 0; }


/* Control */
.wrapper {
text-align: center; 
width: 960px; 
margin: 40px auto 0 auto;
padding: 0 0 1px 0; 
background: #fff;
-webkit-box-shadow: 0px 0px 25px rgba(0,0,0,.9);
-moz-box-shadow: 0px 0px 25px rgba(0,0,0,.9);
box-shadow: 0px 0px 25px rgba(0,0,0,.9);
behavior: url(/scripts/PIE.htc);
}


/* Header */
header {
width: 920px; 
height: 250px;
margin: 0 auto;
}
	.logo { margin: 20px 0 0 0; }
	header a:hover { background: none; }


/* Main Nav */ 
nav {
width: 920px; 
margin: 0 auto;
padding: 0;
text-align: left; 
font-family: Rockwell_bold, Tahoma, Trebuchet, Verdana, Arial, sans-serif; 
font-size: 18px;
color: #753169; 
background: #fff;
}
	nav ul { text-align: center; margin: 0; }
	nav a { 
	margin: 0;
	display: block; 
	float: left;
	color: #753169;
	padding: 5px 10px;
	}
		nav a.selected, nav a:hover {
		background: #753169; 
		color: #fff; 
		}
	a.nav_bay67 { color: #283960; }
	a:hover.nav_bay67 { background: #283960; color: #fff; }

/* Main Content */
article {
clear: both; 
width: 920px;
margin: 20px; 
text-align: left;
line-height: 1.25;
}
	.h1_home, article h2 { 
	font-family: Rockwell_bold, Tahoma, Trebuchet, Verdana, Arial, sans-serif; 
	font-weight: normal;  
	color: #46193e; 
	margin-bottom: 10px; 
	}
		.col_left h1 { margin-bottom: 20px; }
	.h2_home {
	margin: 20px 0 10px 0; 
	font-family: Signpainter, Georgia, "Times New Roman", Times, serif; 
	font-weight: normal;  
	color: #753169;
	}
	article h3 {
	margin: 20px 0 10px 0; 
	font-family: Rockwell, Tahoma, Trebuchet, Verdana, Arial, sans-serif; 
	font-weight: normal;  
	color: #753169;
	}
	article h4, article th {
	margin: 20px 0 7px 0; 
	font-family: Signpainter, Georgia, "Times New Roman", Times, serif; 
	font-weight: normal;  
	font-size: 1.6em;
	color: #46193e;
	}
	article p { 
	margin: 0 0 10px 0;
	}
	article a {
	text-decoration: underline;
	}
		article a:hover {
		text-decoration: underline;
		}
	article ul { 
	margin: 0px 0px 15px 0;
	list-style: none;
	}
		article ul.disc {
		list-style: disc; 
		margin-left: 18px; 
		margin-top: -10px;
		}
		article ul li { 
		margin-right: 10px; 
		}

	.mainpic {
	width: 920px;
	height: 400px; 
	overflow: hidden;
	margin: 0 0 20px 0; 
	}
		.page_pic { margin: 0; padding: 0; z-index: 2; }
		.page_pic_text {
		width: 910px;
		height: 85px; 
		font-family: Signpainter, Georgia, "Times New Roman", Times, serif;
		font-size: 4em;
		background: none; 
		color: #46193e; 
		padding-left: 10px;
		float: left;
		z-index: 3;
		position: relative; 
		top: -85px;
		background-color: #fff; 
		background: url(/assets/white_80.png); /* fallback image */  
		background: rgba(255, 255, 255, 0.7); 
		}
		.inset_pic { float: right; margin: 0 0 0 10px; }
		.inset_text { margin-right: 200px; }
	
	.col1, .col2, .col3 { float: left; width: 215px; margin: 0 20px 0 0; padding: 0; }
	.col4 { float: left; width: 215px; margin: 0; padding: 0; }
	.col1_2 { float: left; width: 450px; margin: 0 20px 0 0; padding: 0; }
	.col1_2_3 { float: left; width: 685px; margin: 0 20px 0 0; padding: 0; }
	.col1_2_3_4 { float: left; width: 920px; margin: 0; padding: 0; }
	
	.col_left { float: left; width: 544px; margin: 0 20px 0 0; padding: 0; }
	.col_right { float: left; width: 356px; margin: 0 0 -110px 0; padding: 0; }
		.col_right_pic { 
		margin-bottom: 20px;
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.9); 
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.9); 
		box-shadow: 0px 0px 10px rgba(0,0,0,.9); 
		behavior: url(/scripts/PIE.htc); 
		}
	
	.image { 
	clear: both; 
	float: left;
	position: relative; 
	width: 920px;
	height: 220px;
	margin: 20px 20px 0 0; 
	padding: 0;
	} 

	/* required styles for carouSlide */
	.slideshow { 
	clear: both; 
	position: relative; 
	overflow: hidden; 
	width: 920px; 
	height: 220px; 
	margin: 0;
	padding: 0; 
	bottom: 0;
	}
		.slider-wrapper img { margin: 0; padding: 0; }
		.slider-holder { display: block; overflow: hidden; width: 920px; height: 220px; margin: 0; padding: 0; }
		.slider-holder li { display: block; float: left; width: 920px; height: 220px; margin: 0; list-style: none; color: #fff; }
		.slider-holder a { margin: 0; padding: 7px 0; border: 0; text-decoration: none; display: block; } 
			.slider-holder a img { border: 0; } 
			.slider-holder a:hover { text-decoration: none; display: block; background: #753169; }
		.s-active { position: relative; top: 0; left: 0; }
		.slider-header {
		width: 400px;
		font-family: Signpainter, Georgia, "Times New Roman", Times, serif;
		font-size: 5em;
		background: none; 
		color: #46193e;
		padding-left: 5px;
		}
		.slider-text {
		width: 400px;
		font-family: Rockwell, Tahoma, Trebuchet, Verdana, Arial, sans-serif;
		font-size: 1.8em;
		color: #000;
		background: none; 
		margin-bottom: 0;
		}
		.slider-link { 
		width: 400px;
		font-family: Rockwell_bold, Tahoma, Trebuchet, Verdana, Arial, sans-serif;
		font-size: 1.8em; 
		color: #46193e; 
		background: none; 
		}
		.slider-holder a:hover .slider-header, .slider-holder a:hover .slider-link { color: #fff; }

	.ruby { float: right; margin: 0; padding: 0; position: relative; top: -310px; right: 0;  z-index: 9999; }

	.image_static { 
	clear: both; 
	position: relative; 
	width: 960px;
	margin: 0 0 30px 0; 
	padding: 0;
	} 

	/* Home page boxes */
	.box { 
	display: block;
	float: left; 
	width: 195px; 
	margin: 10px 20px 30px 0;
	padding: 10px 10px 0 10px;
	background: #753169 url(/assets/box_bg.gif) repeat-x; 
	}
		.box_last { margin-right: 0; }
		.box a { text-decoration: none; }
		.box a:hover { text-decoration: none; background: none; }
		.boxtitle { 
		position: relative;
		float: left;
		top: -41px;
		width: 185px; 
		height: 37px;
		margin-bottom: -37px; 
		padding: 0 5px;
		background-color: #fff; 
		background: url(/assets/white_80.png); /* fallback image */  
		background: rgba(255, 255, 255, 0.7); 
		font-family: Signpainter, Georgia, "Times New Roman", Times, serif; 
		font-size: 1.9em; 
		-webkit-transition: all 0.3s ease-in;  /* Saf3.2+, Chrome */
		-moz-transition: all 0.3s ease-in;  /* FF4+ */
		-ms-transition: all 0.3s ease-in;  /* IE10? */
		-o-transition: all 0.3s ease-in;  /* Opera 10.5+ */
		transition: all 0.3s ease-in;
		}
		.box a:hover .boxtitle {
		color: #fff;
		background-color: #46193e; 
		background: url(/assets/purple_80.png); /* fallback image */  
		background: rgba(70, 25, 62, 0.7); 
		}
		.boxtext { color: #fff; font-size: 0.8em; line-height: 1.2; }

	.quote_panel2 { border-top: 2px dotted #46193e; border-bottom: 2px dotted #46193e; margin: 40px 0; padding: 20px 0 10px 0; }
	.quote_panel { border-top: 2px dotted #46193e; margin: 40px 0 0 0; padding: 20px 0 0 0; }
	.quote { font-family: Signpainter, Georgia, "Times New Roman", Times, serif; font-size: 2.2em; color: #753169; padding-left: 5px; line-height: 1; }
	.quotee { font-family: Rockwell_bold, Tahoma, Trebuchet, Verdana, Arial, sans-serif; color: #46193e; }

	.contactwide { display: block; float: left; width: 100px; color: #46193e; }
	.contactwide2 { display: block; float: left; width: 150px; color: #46193e; }

	.address { display: inline-block; width: 100px; color: #46193e; font-weight: bold; font-size: 1em; }
	
	.map { 
	display: block; 
	width: 920px; 
	height: 460px; 
/*	margin: 20px 60px 20px 20px; */
	margin-bottom: 17px;
	border: 1px solid #9e9d9c; 
	}
		.map img { border: none; } 

	.bay67h { width: 215px !important; }
	.bay67s { display: block; width: 356px; height: 17em; }

	.bay67 a { 
	width: 100%;
	height: 100%;
	/* background: #283960; */
	background: #82ceee;
	color: #000;
	display: block; 
	text-decoration: none; 
	}
		.bay67 a:hover { background: #82ceee; text-decoration: none; }
		.bay67_header { 
		font-family: Signpainter, Georgia, "Times New Roman", Times, serif; 
		font-size: 3em; 
		}
		.bay67 p { width: 195px; float: left; margin: 10px; }
		.bay67v { display: inline-block; width: 4em; font-weight: bold; margin-left: 10px; }
		.bay67l { 
		color: #fff;
		font-weight: bold; 
		-webkit-transition: all 0.3s ease-in;  /* Saf3.2+, Chrome */
		-moz-transition: all 0.3s ease-in;  /* FF4+ */
		-ms-transition: all 0.3s ease-in;  /* IE10? */
		-o-transition: all 0.3s ease-in;  /* Opera 10.5+ */
		transition: all 0.3s ease-in; 
		}
			a:hover .bay67l { background: #283960; }
		.bay67h .van { margin-top: 0; margin-left: -22px; }
		.bay67s .van { position: relative; right: -20px; float: right; top: -93px; }

/* Footer */
footer { 
clear: both;
width: 960px;
margin: 20px auto 0 auto;
text-align: left; 
color: #fff;
font-size: 0.9em;
}
	footer a { color: #fff; }
	footer a:hover { color: #46193e; }
	footer .column {
	float: left;
	width: 164px;
	margin-right: 20px;
	margin-bottom: 30px;
	}
		footer .column_last {
		float: left; 
		width: 408px;
		margin-right: 0;
		text-align: right;
		}
		footer h5 { 
		font-family: Rockwell_bold, Tahoma, Trebuchet, Verdana, Arial, sans-serif; 
		font-size: 1em;
		}
		footer .column ul {
		list-style: none;
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 0px; 
		padding-left: 0px;
		}
			footer .column ul li {
			margin-bottom: 2px;
			}
		footer .icon { 
		margin: 3px 10px 3px 0; 
		padding: 0;
		float: left;
		}
		footer .current { color: #46193e; font-weight: bold; }

/*Booking form styles */ 
	table.bookingform { line-height: 2.5em; }
	table.bookingform td { vertical-align: middle; padding: 2px 5px 0px 5px; background: #fff; }
		td.half { width: 400px; }
	table.bookingform textarea { vertical-align: middle; margin-top: 10px; margin-bottom: 10px; }
	.label { width: 250px; } 
	.inputbox_sm { width: 100px; }
	.inputbox_half { width: 400px; }
	.inputbox_full { width: 700px; }
	
	.bookingform input, .bookingform textarea { font-size: 0.8em; color: #757575; }
	.col1 { width: 130px; } .col1 input { width: 80px; height: 1em; font-size: 0.75em; } .col1 .check { width: 10px; }
	.col2 { width: 50px; } .col2 input { display: inline; }
	.col3 { width: 120px; }
	.col4 { width: 150px; } .col4 input { width: 145px; margin: 0; }
	.col5 { width: 290px; } .col5 input { width: 285px; }
	.col6 { width: 150px; } .col6 input { width: 145px; }
	.dayLink { display: inline-block; margin: 10px 0 -10px 0; height: 1em; color: #97bf0d; cursor: default; }
	.dayLink:hover { color: #30a8c3; text-decoration: underline; } 
	.select { width: 200px; }
	
	.bf_smtxt { font-size: 0.85em; }
	.bf_day { width: 35px; }
	.bf_date { width: 80px; }
	.bf_rest { width: 35px; }
	.bf_prev { width: 50px; }
	.bf_name { width: 150px; }
	.bf_add { width: 150px; }
	.bf_tel { width: 80px; }

	.bf_button { 
	width: 200px; 
	background: #97bf0d; 
	color: #fff !important;
	border: none;
	margin: 0 5px;
	}
		.bf_buttonred { background: #f00; }
		.bf_button2 { background: #f00; }
		.bf_button:hover { background: #753169; }
	
	.conf_label { display: inline-block; width: 150px; }
	.conf_from_to { display: inline-block; width: 50px; font-style: italic;  }
	.conf_tel { font-style: italic;  }
	.conf_button { 
	display: inline-block; 
	width: 200px;
	background: #97bf0d; 
	color: #fff !important;
	border: none;
	margin: 0 5px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	}
		.conf_button2 { background: #f00; }
		.conf_button:hover { background: #753169; text-decoration: none; }

/* jQuery UI datepicker styles */ 
.ui-datepicker { background: #fff; margin-top: -1px; padding: 4px 2px 2px 2px; border: 1px solid #b7b7b7; font-size: 0.8em; display: none; }
.ui-datepicker a { color: #000; } 
	.ui-datepicker a:hover { text-decoration: none; }
.ui-datepicker-header { padding: 5px 0 3px 0; border-bottom: 1px solid #b7b7b7; }
.ui-datepicker-prev { position: absolute; top: 8px; left: 5px; display: block; background: #f0f; width: 24px; height: 15px; background: url(/assets/icon_prev_up.png); }
	.ui-datepicker-prev:hover { background: url(/assets/icon_prev_over.png); }
.ui-datepicker-next { position: absolute; top: 8px; right: 5px; display: block; background: #0f0; width: 24px; height: 15px; background: url(/assets/icon_next_up.png); }
	.ui-datepicker-next:hover { background: url(/assets/icon_next_over.png); }

.ui-datepicker-prev span, .ui-datepicker-next span { display: none; }
.ui-datepicker-calendar { 
background: #fff; 
padding: 2px;
}
.ui-datepicker th { 
font-weight: bold; 
text-align: center;
padding-top: 3px;
} 
.ui-datepicker td { 
background: #753169; 
color: #fff;
border: 1px solid #fff;
padding-top: 2px;
text-align: center; 
width: 2em;
} 
	.ui-datepicker td a { color: #fff; text-decoration: none; }
	.ui-datepicker td.ui-datepicker-week-end { background: #ddd; }
	.ui-datepicker td:hover, .ui-datepicker td.ui-datepicker-week-end:hover { background: #97bf0d; text-decoration: none; } 
	.ui-datepicker td.ui-datepicker-unselectable { background: #fff; border: 1px solid #fff; }
	.ui-datepicker td.ui-datepicker-today { background: #97bf0d; border: 1px solid #fff; }