/* solent rib charter */

/* global styles */
body {
	font-family:"Times New Roman", Times, serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	line-height: 1.2em;
	text-align: left;
	color: #222222; background: #35110e;
	margin: 0; padding: 0; }
	
p { margin: 0; padding: 0 0 10px 0; }
	
form,
fieldset { margin: 0; padding: 0; border: none; }

h1, h2, h3, h4 ,h5 { font-size: 1em; margin: 0; padding: 0 0 10px 0; }

h4 { color: #ed008c; }

img { border: none; }
.clear { clear: both; }

a { color: #533432; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { outline: none; }

/* style for blankwin */
a.external {
	position: relative; padding-right: 12px;
	background:url(/images/ico_external.gif) no-repeat 100% 50%; white-space:nowrap; }

div {

/*border: 1px solid #ffcc00;
*/}	

hr { color: #826b69; background-color: #826b69; height: 1px; border: 0; }

/* header container */
#header { position: relative; margin: 2px auto 0 auto; width: 935px; height: 57px;  
			background: transparent url(/images/icon_tel.gif) bottom right no-repeat;
		}

#header #skip { display: none; }

#header h1 { position: absolute; width: 113px; height: 42px; margin: 15px 0 0 15px; padding: 0; }
#header h1 a { 
	position: absolute; display: block; top: 0; left: 0; width: 203px; height: 60px; 
	text-indent: -9999px; background: transparent url(/images/logo_jsw.gif) 0 0 no-repeat; }

/* main menu container */
#mainMenu {	
	position: relative; top: 20px;  margin: 0 auto 0 auto; width:980px; height:43px; }
	
#mainMenu ul,
#mainMenu ul li { display: block; padding: 0; margin: 0; list-style: none; position: relative; }
#mainMenu ul li { display: block; float: left; }

#mainMenu ul li a { 
	position: relative;
	display: block; float: left; height: 43px; text-indent: -9999px;
	background: transparent url(/images/menu_nav4.gif) 0 0 no-repeat; } 

/* about us */
#mainMenu ul li.aboutUs a { background-position: 0 -43px; width: 140px; }
#mainMenu ul li.aboutUs a:hover { background-position: 0 0; }
#mainMenu ul li.aboutUs a.active { background-position: 0 0; }

/* menus */
#mainMenu ul li.menus a { background-position: -140px -43px; width: 140px; }
#mainMenu ul li.menus a:hover { background-position: -140px 0; }
#mainMenu ul li.menus a.active { background-position: -140px 0; }

/* wine list */
#mainMenu ul li.wineList a { background-position: -280px -43px; width: 140px; }
#mainMenu ul li.wineList a:hover { background-position: -280px 0; }
#mainMenu ul li.wineList a.active { background-position: -280px 0; }

/* inside */
#mainMenu ul li.inside a { background-position: -420px -43px; width: 140px; }
#mainMenu ul li.inside a:hover { background-position: -420px 0; }
#mainMenu ul li.inside a.active { background-position: -420px 0; }

/* rooms */
#mainMenu ul li.rooms a { background-position: -560px -43px; width: 140px; }
#mainMenu ul li.rooms a:hover { background-position: -560px 0; }
#mainMenu ul li.rooms a.active { background-position: -560px 0; }

/* work for us */
#mainMenu ul li.workForUs a { background-position: -700px -43px; width: 140px; }
#mainMenu ul li.workForUs a:hover { background-position: -700px 0; }
#mainMenu ul li.workForUs a.active { background-position: -700px 0; }

/* contact us */
#mainMenu ul li.contactUs a { background-position: -840px -43px; width: 140px; }
#mainMenu ul li.contactUs a:hover { background-position: -840px 0; }
#mainMenu ul li.contactUs a.active { background-position: -840px 0; }


/* main wrapper */
#wrapper { position: relative; width: 980px; margin: 20px auto 0 auto;
background: transparent url(/images/bg_menu3.gif) 0 0 repeat-y;
}

/* show image toggle */
/*#wrapper #content .body #switchContainer { position: absolute; right: 36px; top: 26px; z-index: 100;  width: 150px; height: 50px; text-align: right;}
#wrapper #content .body #switchContainer a { color: #e5d6ce; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; line-height: 20px; }
*/

/* show image toggle */
#wrapper #content .body #switchContainer { position: absolute;  right: 14px;  top: 14px;  z-index: 100; 
		width: 70px; height: 15px; background: transparent url(/images/body_bg50pc.png) 0 0 repeat;
		padding: 0 0 2px 0; text-align: center; }
#wrapper #content .body #switchContainer a { color: #35110e; font-size: 1.0em; }


/* local menu */
#content .body #localMenu { position: relative; width: 135px; float: left; padding: 16px 0 0 0 ; margin: 0; }	

#localMenu ul,
#localMenu ul li { display: block; padding: 0; margin: 0; list-style: none; position: relative; }
#localMenu ul li { display: block; }

#localMenu ul li a { padding: 12px 0 0 16px; display: block; height: 29px; 
color: #a49391; font-size: 1.2em; background: transparent url(/images/line1.gif) left bottom no-repeat; 
} 
#localMenu ul li a.active { color: #fff; text-decoration:none; }


/* local menu - Wine List - special */
/*#special #wrapper #content .body #localMenu ul li a { padding: 10px 0 0 16px; display: block; height: 25px;  }*/
#special #wrapper #content .body #localMenu ul li a { padding: 7px 0 0 16px; display: block; height: 22px; }
#special #wrapper #content .body #localMenu { background-color: #533432; }
#special #wrapper #content .body #localMenu ul li a { background: none; }
#special #wrapper #content .body #localMenu ul li { color: #a49391; background: transparent url(/images/line1.gif) left top no-repeat; }
#special #wrapper #content .body #localMenu #first .active { background: none; }
#special #wrapper #content .body #localMenu .subli a { background: none; color: #a49391; font-size: 0.9em; }
#special #wrapper #content .body #localMenu .subli { background: none; }
#special #wrapper #content .body #localMenu ul li.subli a { padding: 1px 0 5px 26px; display: block; height: 8px; color: #a49391; font-size: 0.9em; } 
#special #wrapper #content .body #localMenu .noborder { background: none; }
#special #wrapper #content .body #localMenu .border {  background: transparent url(/images/line1.gif) left top no-repeat; }
/*#special #wrapper #content .body #localMenu #first a { height: 20px; margin: 0 0 5px 0; }*/
#special #wrapper #content .body #localMenu #first a { height: 17px; margin: 0; }
#special #wrapper #content .body #localMenu .subli .current { color: #fdc689; text-decoration: underline; margin: 0 0 3px 0; }
#special #wrapper #content .body #localMenu .winehdrOn .active { height: 20px; }
#special #wrapper #content .body #localMenu ul#borderbottom li { background: transparent url(/images/line1.gif) left bottom no-repeat; }

/* content container */
#content { position: relative; z-index: 1; }
#content .body { position: relative; }

#wrapper #content .body #imgContainer {
	position: relative; bottom: 0; left: 141px; width: 839px; z-index: 10;
	min-height: 478px; height:auto !important; height: 478px; } 

#wrapper #content .body #imgContainer img {
	display: none; position: absolute; bottom: 0; }
	
	
/* scrolling container + scroll bar */
#content .bodyContainer { position: absolute; top: 0; left: 141px; 
	width: 395px; height: 443px; padding: 25px 10px 10px 15px; z-index: 5000;  color: #000; 
	background: transparent url(/images/body_bg.png) 0 0 repeat; }
	
#special #content .bodyContainer { position: absolute; top: 0; left: 141px; 
	width: 813px; height: 443px; padding: 25px 10px 10px 15px; z-index: 5000;  color: #000; 
	background: transparent url(/images/fff-2.gif) 0 0 repeat; 
	}

#body_scrolldiv { }
#scrolldiv_parentContainer { position:relative; height:100%; overflow:hidden; float:left; }
#scrolldiv_content { position:relative; line-height:130%; }

#scrolldiv_slider { width:14px; float:right; }
#scrolldiv_scrollbar { position:relative; width:14px; background: #897472; }
#scrolldiv_theScroll {
	position:absolute; top: 0; left: 0; width: 14px; height:80px;
	background: transparent url(/images/scroll_bar.gif) 0 0 no-repeat;
	cursor:pointer; }
#scrolldiv_scrollUp,
#scrolldiv_scrollDown { width:14px; height:14px; cursor:pointer; }
#scrolldiv_scrollUp { border-bottom: 1px solid #fff; }
#scrolldiv_scrollDown { border-top: 1px solid #fff; }

/* Home page 'kwicks' */
#kwick { width: 980px;/* border-right: 1px solid #fff;*/ }  
#kwick .kwicks { height:461px; list-style-type:none; margin:0; padding:0; overflow: hidden; background: transparent url(/images/h7_BG-2.jpg) top right no-repeat; }  
#kwick li { float:left; }  
#kwick .kwick { display:block; cursor:pointer; overflow:hidden; height:461px; width:140px; overflow: hidden; }  
#kwick .kwick span { display:none; }  

#kwick .slot1 { background: transparent url(/images/JSW_homeimages1.jpg) no-repeat; }
#kwick .slot2 { background: transparent url(/images/JSW_homeimages2.jpg) no-repeat; }
#kwick .slot3 {	background: transparent url(/images/h3-b.jpg) no-repeat; }
#kwick .slot4 {	background: transparent url(/images/JSW_homeimages4.jpg) no-repeat; }
#kwick .slot5 { background: transparent url(/images/h5-b.jpg) no-repeat; }
#kwick .slot6 {	background: transparent url(/images/JSW_homeimages6.jpg) no-repeat; }
#kwick .slot7 {	background: transparent url(/images/h7-b.jpg) no-repeat; }

/* home page bottom strip*/

#wrapper #strip { background: url(/images/line3.gif) left top no-repeat ; height: 16px; width: 980px; }


/* footer styles */
#footer { 
	position: relative;
	border-top: 1px solid #35110e; font-size: 1em; 
	width: 920px; padding: 16px 20px 0 15px; 
	background: #35110e url(/images/icon_michelin.gif) right bottom no-repeat; 
	font-family: Arial, Helvetica, sans-serif;
	}

#footer ul { display: block; }
#footer ul,
#footer ul li { margin: 0 0 3px 0; padding: 0; list-style: none; }
#footer ul {  }
#footer ul li {	display: inline; border-right: 1px solid #fff; font-size: 0.9em; }
#footer ul li.last { border-right: none; }
#footer ul li span,
#footer ul li a { color: #fff; padding: 0 5px 0 5px; text-decoration: none; background-image: none; }
#footer ul li a:hover { text-decoration: underline; }

/* page header style */
#content .body h2 { padding: 0 0 10px 0; line-height: 1em;  color: #35110e; font-size: 1.5em; font-weight: normal; }
#content .body h3 { padding: 0 0 10px 0; line-height: 1em;  color: #35110e; font-size: 1.2em; font-weight: 700; font-style: italic;}

#content .body .bodyContainer, 
#content .body .bodyContainer li,
#content .body .bodyContainer p { font-size: 1.1em; color: #2e2e2e; }

/* bullet */
#content .bodyContainer ul,
#content .bodyContainer ul li { padding: 0; margin: 0 0 0 10px; }
#content .bodyContainer ul { padding-bottom: 10px; }



/* form styles  */
#content .forms { position: relative; padding: 0; }
#content .forms h4 { font-weight: normal; }
#content .forms fieldset { padding: 0; margin: 0; border: 0; }
#content .forms label { 
	display: block; 
	clear: left; float: left; text-align: left;
	width: 180px; font-weight: normal; 
	padding: 3px 5px 2px 0;  } 

#content .forms select,
#content .forms textarea,
#content .forms input { margin: 3px 0 2px 0; width: 200px; }


#content .forms .captcha label span,
#content .forms label span { color: #a58e80; font-weight: bold; }

#content .forms .captcha {  display: block; width: 380px;  background-image: none; margin-top: 2px; }
#content .forms .captcha label span { display: inline; width: auto; padding: 0; }
#content .forms .captcha img { border: 1px solid #888; }
#content .forms .captcha input { margin-left: 185px; width: 100px; }
#content .forms .captcha span { padding-left: 185px; display: block; font-size: 0.9em; color: #444; }


#content .forms input#submit,
#content .forms input#reset,
#content .forms input#cancel,
#content .forms input#close { width: auto; }

.captcha_success_message {
	background-color: #d9efd0;
	padding: 10px;
	margin: 0 0 20px 0;
	color: #000;
	border: 1px solid #33691c;
}
.captcha_error_message {
	background-color: #efa3a3;
	padding: 10px;
	margin: 0 0 20px 0;
	color: #000;
	border: 1px solid #f90505;
}

.required { background-image: url(/images/icon_required.gif); background-position: right; 
		background-repeat: no-repeat; }
p.more { border-bottom: 1px dotted #666; margin: 0 0 10px 0; }

#special #scrolldiv_content table { font-size: 1.1em; }
#special #scrolldiv_content span { color: #5d413e; }

/* Gallery */

#special #wrapper #content .body #mainTextArea #body_scrolldiv #scrolldiv_parentContainer #scrolldiv_content .hoverbox {
	cursor: default; list-style: none; }

#special #wrapper #content .body #mainTextArea #body_scrolldiv #scrolldiv_parentContainer #scrolldiv_content .hoverbox a {
	 border: 1px solid #fff; display: block;}
#special #wrapper #content .body #mainTextArea #body_scrolldiv #scrolldiv_parentContainer #scrolldiv_content .hoverbox a:hover {
	border: 1px solid #666; }

#special #wrapper #content .body #mainTextArea #body_scrolldiv #scrolldiv_parentContainer #scrolldiv_content .hoverbox img {
	background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px;
	color: inherit; padding: 2px; vertical-align: top; width: 161px; height: 91px; }

#special #wrapper #content .body #mainTextArea #body_scrolldiv #scrolldiv_parentContainer #scrolldiv_content .hoverbox li {
	 position: relative; background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px;
	color: inherit; display: block; float: left; margin: 3px; padding: 5px;}

/* Pagination */
#special #wrapper #content .body #pagination { margin: 17px 0 0 0; }
#special #wrapper #content .body #pagination a { color: #666; }

/* sitemap */
#sitemap a { color: #666; }
#sitemap li { list-style: url(/images/bullet2.gif) none; }