/*

####################################################################################################

main.css
Main layout styles
Developed by Simon Oram @ Wayfinding Consultants 

####################################################################################################

*/



/* Start: Meyer Reset: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ***************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	cursor: auto;
	}

:focus { /* remember to define focus styles! */
	outline: 0;
	}

body {
	line-height: 1;
	color: #000;
	background: #fff;
	}

ol, ul {
	list-style: bullet;
	}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}                                                                                                                                                                                    

blockquote, q {
	quotes: "" "";
	}


/* Global style ***********************************************************************************/


html, body {
	font-family: Arial, sans-serif;
	color: #333;
	}

* {
	xoutline: 1px dotted pink !important;
	}


/* Layout Main ************************************************************************************/


#wrapper {
	width: 1000px;
	padding: 0 0 18px;
	margin: 0 auto;
	background: url(/assets/images/bg/bg-page.png) no-repeat;
	}

#sidebar {
	padding: 18px 0 0 0;
	}


/* Header *****************************************************************************************/


#header {
	padding: 18px 0;
	}

	#header img {
		display: block;
		margin: 0 auto;
		}


/* Footer *****************************************************************************************/


#footer {
	padding-top: 54px;
	background: url(/assets/images/logo/logo-footer.png) no-repeat left bottom;
	}

	#footer a {
		text-decoration: none;
		}
		
		#footer p a {
			text-decoration: underline;
			}
	
		#footer a:hover,
		#footer a:focus {
			text-decoration: underline;
			}
	
	#footer ul {
		padding: 7px 0 7px 0;
		border-width: 2px 0;
		border-style: solid;
		margin: 0 0 18px 0;
		font: 12px/18px Tahoma, serif;
		}
	
		#footer ul li {
			display: inline;
			}
			
			#footer ul a {
				padding: 0 4px;
				}
	
	#footer p {
		font-size: 11px;
		line-height: 18px;
		padding: 0 0 0 80px;
		margin: 0 0 0 0;
		}



/* Login / Out Form *******************************************************************************/


#login_form {
	display: inline-block;
	width: 600px;
	height: 18px;
	margin: 0 0 -4px 6px;
	}
	
	#login_form form {
		float: left;
		}

.field_box {
	float: left;
	width: 170px;
	}

.field_box input {
	width: 100px;
	height: 14px;
	}

.field_box label {
	display: inline;
	width: 40px;
	padding: 0 2px 0 0;
	}

.submit_box {
	float: left;
	width: 60px;
	}

.submit_box button {
	margin: 0 0 0 0;
	}

#login_form p.error {
	float: left;
	width: 140px;
	color: #f00;
	padding: 0 0 0 0;
	} 



/* Text *******************************************************************************************/


h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	}

h1 {
	font-size: 22px;
	line-height: 36px;
	margin: 9px 0 9px 0;
	letter-spacing: 0.08em;
	}

h2 {
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 18px 0;
	letter-spacing: 0.07em;
	}

h3 {
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 18px 0;
	letter-spacing: 0.06em;
	}

h4 {
	font-size: 14px;
	line-height: 18px;
	margin: 18px 0 18px 0;
	letter-spacing: 0.05em;
	}

strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}

p,
ul,
ol,
dl {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 18px 0;
	}

label,
input {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 0 0;
	}

.managepicturecontainer span {
	font-size: 12px;
	line-height: 18px;
	}

address {
	margin: 0 0 18px 0;
	font-style: normal;
	}

	address p {
		margin: 0 0 0 0;
		display: block;
		}

p.note {
	font-size: 11px;
	}

p#loggedIn {
	display: inline;
	padding: 0 0 0 6px;
	}
	
	#footer p#loggedIn span,
	#footer p#loggedIn a {
		font-weight: bold;
		color: #333;
		}
	
	#footer p#loggedIn span {
		padding: 0 6px 0 0;
		}
	
	#footer p#loggedIn a {
		padding: 0 0 0 6px;
		}


/* Contact details ********************************************************************************/


/* Contact info - global -------------------------------------------------------------------------*/


.contactDetails h3 {
	font-size: 14px;
	margin: 0 0 0 0;
	}


.contactDetails .townPostCode,
.contactDetails .fax {
	margin: 0 0 9px 0;
	}

.contactDetails .tel span,
.contactDetails .fax span,
.contactDetails .email span,
.contactDetails .web span {
	float: left;
	width: 40px;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	}




/* Contact info - abbreviated --------------------------------------------------------------------*/


#pageWines #contactShort h4 {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 0 0;
	}
	
#contactShort .contactDetails .fax {
	margin: 0 0 0 0;
	}

#contactShort .contactDetails {
	margin: -9px 0 18px 0;
	}

	#pageWines #contactShort .contactDetails {
		margin: 0 0 18px 0;
		}



/* View map link box - in sidebar ----------------------------------------------------------------*/


#viewMap {
	width: 298px;
	height: 277px;
	border-style: solid;
	border-width: 1px;
	background: url(/assets/images/maps/map-childerley-grounds-thumb.png) no-repeat;
	margin: 0 0 9px;
	}


/* Large map on map page -------------------------------------------------------------------------*/


#mapGroundsMed {
	margin: 0 0 18px;
	}


/* Site map ***************************************************************************************/


#sitemap {
	margin: 26px 0 27px 0;
	border-width: 0 0 1px 0;
	border-style: dashed;
	}

	#sitemap ul {
		margin: 0 0 0 0;
		}
	
		#content #sitemap li {
			margin: 0 0 0 0;
			list-style-type: none;
			background: none !important;
			}
		
			#sitemap h3 {
				padding: 9px 10px 0;
				margin: 0 0 0 0;
				border-width: 1px 0 0 0;
				border-style: dashed;
				font-size: 14px;
				line-height: 18px;
				}
			
				#sitemap li p {
					padding: 0 10px;
					margin: 0 0 8px 0;
					}
					
					#sitemap #content li a {
						
						
						}
					


/* Links ******************************************************************************************/


a {
	cursor: pointer;
	}


/* 200px wide link w/lozenge-shaped bg, see themes.css for section-specific style ----------------*/


.manageGallery button,
a.lozenge {
	display: block;
	width: 173px;
	padding: 0 10px 0 17px;
	margin: 0 0 27px;
	background: url(/assets/images/bg/bg-link-lozenge.png) no-repeat !important;
	font-size: 8px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	text-decoration: none;
	border: 0;
	text-align: left;
	cursor: pointer;
	}


/* -------------------------------------------------------------------------------------------------
/* Target Firefox - button text is mis-aligned in everything except Safari it seems.
/* Check IE stylesheets too...
/* -----------------------------------------------------------------------------------------------*/

@-moz-document url-prefix() { a.lozenge, .manageGallery button { line-height: 16px; margin: 0 0 28px; } }




/* Back to normal CSS rules */

	.manageGallery button {
		width: 200px;
		margin: 0 0 9px 0;
		}
	
	.manageGallery button:hover,
	a.lozenge:hover {
		text-decoration: none !important;
		}




/* Link with small arrow in circle to left - see themes.css for section-specific styles ----------*/


p.arrowSml,
p a.arrowSml,
ol li,
#content li,
span.arrowSml {
	padding-left: 15px;
	background: url(/assets/images/bg/bg-link-arrow-small.png) no-repeat;
	}

ol li,
ul.arrowSml li {
	list-style: none;
	margin-left: 0;
	}

/* Gallery management *****************************************************************************/


xul.thumbs * { outline: 1px dotted pink; }

ul.thumbs {
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
	clear: both;
	}
	
	.thumbs .clearboth { 
		clear: both; 
		}
			
	#content ul.thumbs li {
		list-style: none;
		float: left;
		display: block;
		width: 108px;
		height: 108px;
		background: url(/assets/images/bg/bg-gallery-img.png) no-repeat !important;
		list-style-image: none !important;
		margin:	5px 15px 18px 0 !important;
		padding: 0 0 0 0;
		}
		
		#content .childContainer ul.thumbs li {
			list-style: none;
			float: left;
			clear: both;
			display: block;
			width: 610px;
			height: 117px;
			background: url(/assets/images/bg/bg-gallery-img.png) no-repeat !important;
			list-style-image: none !important;
			border-bottom: 1px solid #caa286;
			margin:	5px 15px 8px 0 !important;
			}

			.childContainer ul.thumbs li h2,
			.childContainer ul.thumbs li p {
				float: left;
				clear: right;
				width: 400px;
				margin-left: 36px;
				}
				
			.childContainer ul.thumbs li h2 {
				padding-top: 2px;
				}
				
		.childContainer ul.thumbs li a {
			display: block;
			float: left;
			width: 81px;
			height: 81px;
			overflow: hidden;
			padding: 9px;
			}
			
			ul.thumbs li div {
				width: 81px;
				height: 81px;
				overflow: hidden;
				padding: 9px;
				}
			
				
			ul.thumbs li p {
				overflow: hidden;
				}

			ul.thumbs li a {
				background:	none !important;
				text-decoration: none;
				border: 0;
				}


.childscontainer {
	margin-bottom: 20px;
	float: left;
	}

.thumbscontainer {
	float: left;
	}

.pagenumbers {
	margin-bottom: 20px;
	}

.picturecontainer {
	text-align: center;
	}

	.picturecontainer .title {
		font-weight: bold;
		margin-top: 20px;
		}
	
	.picturecontainer .picture img {
		border: none;
		margin: 0 !important;
		}
	
	.picturecontainer .picture a {
		background:	none !important;
		text-decoration: none;
		border: 0;
		}


.managecontainer {
    float: left;
	}

	.managepicturecontainer * {
		xoutline: 1px dotted pink;
		}

	.managepicturecontainer hr {
		clear: both;
		}

	.managepicturecontainer textarea {
		width: 290px;
		}
	
.managecontainer hr {
	width: 400px;
	text-align: left;
	margin: 20px auto 20px 0;
	}

.pictureform .managepicture {
	float: left;
	clear: left;
	}

.pictureform .shortfields {
	float: left;
	}

.pictureform .clearboth {
	clear: both;
	}

.uploadcounter {
	width: 20px;
	margin-bottom: 10px;
	float: left;
	clear: left;
	}

.uploadfile {
	margin-bottom: 10px;
	float: none;
	}

.uploadfile input {
	width: 385px;	
	}

.uploadform .clearboth {
	clear: both;
	}

.slideshowwrapper {
	text-align:	center;
	}




.managepicture {
	width: 180px;
	height: 160px;
	}

.shortfields {
	width: 140px;
	
	}

.managetext {
	float: left;
	width: 300px;
	}


.thumbscontainer {
	margin: -9px 0 18px 0;
	}


.uploadform,
.deleteform,
.synchform {
	float: left;
	clear: both;
	width: 100%;
	padding: 0 0 0;
	clear: both;
	}


.synchform hr,
.deleteform hr {
	margin: 18px 0;
	}













/* Navigation - Main ******************************************************************************/


#navMain {
	padding: 12px 0 4px 0;	
	}

#navMain ul {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	}
	
	#navMain li {
		display: inline;
		margin: 0 24px 0 0;
		font: normal 15px/18px Tahoma, sans-serif;
		list-style: none;
		}
		
		#navMain li.last {
			margin: 0 0 0 0;
			}	
		
	#navMain a {
		text-decoration: none;
		padding: 0 4px 5px 4px;
		border-bottom: 5px solid green;
		}


/* Breadcrumbs ************************************************************************************/


#breadcrumbs {
	padding: 3px 0;
	margin-top: 6px;
	margin-bottom: 13px;
	line-height: 18px;		
	}

#breadcrumbs ul {
	padding: 0 0 0 18px/*36px*/;
	margin: 0 0 0 0;
	}

	#breadcrumbs li {
		display: inline;
		font-size: 11px;
		}
		
		#breadcrumbs li span {
			padding: 0 4px;
			font-size: 8px;
			}
			
			#breadcrumbs li span.last {
				padding: 1px 0;
				font-size: 11px !important;
				line-height: 18px;
				}
				
				#breadcrumbs li span span {
					font-size: 11px !important;
					}
				
				#pageGeneric #breadcrumbs li span.last {
					display: inline-block;
					}
				
	#breadcrumbs a {
		text-decoration: none;
		}
		
		#breadcrumbs a:hover,
		#breadcrumbs a:focus {
			text-decoration: underline;
			}


/* Navigation - Local *****************************************************************************/


ul#navLocal  {
	font-family: Tahoma, sans-serif;
	font-size: 14px;
	border-width: 0 0 1px 0;
	border-style: dashed;
	margin: 0 0 17px;
	}

	#navLocal li {
		display: block;
		border-width: 1px 0 0 0;
		border-style: dashed;
		}

		#navLocal a {
			display: block;
			padding: 8px 9px 8px;
			text-decoration: none;
			}
			
		#navLocal span {
			padding: 0 4px 0 0;
			font-size: 8px;
			vertical-align: 1px;
			}
			



/* News Excerpt - Sidebar *************************************************************************/


#newsList ul {
	font-size: 11px;
	border-width: 0 0 1px 0;
	border-style: dashed;
	margin: 0 0 9px;
	}

	#newsList li {
		display: block;
		padding: 8px 9px 9px;
		border-width: 1px 0 0 0;
		border-style: dashed;
		background-image: none !important;
		}

#newsList a {
	text-decoration: none;
	}

	#newsList a:hover,
	#newsList a:focus {
		text-decoration: underline;
		}

	#newsList a span {
		display: block;
		}


/* News - main news page, content area ************************************************************/


#content #newsList ul {
	font-size: 12px;
	margin: -1px 0 18px;
	}

	#content #newsList ul h3 {
		margin: 9px 0 3px;
		}

	#content #newsList ul span {
		margin: 4px 0 2px;
		}

/* Gallery short - sidebar ************************************************************************/


#galleryPreview {
	display: block;
	margin: -9px -10px 0;
	}


/* "Get wine list" block **************************************************************************/


.getFiles {
	margin: 0 0 27px 0;
	}

	.getFileItem {
		padding: 10px 0 10px 62px;
		margin: 0 0 9px 0;
		border-width: 1px;
		border-style: dashed;
		}
		
		.getFiles .pdf {
			background: url(/assets/images/icon/icon-pdf-48.gif) no-repeat;background-position: 7px 7px;
			}
		
		.getFiles .word {
			background: url(/assets/images/icon/icon-ms-word-48.png) no-repeat;background-position: 7px 7px;
			}
		
		.getFiles .xls {
			background: url(/assets/images/icon/icon-ms-xls-48.gif) no-repeat;background-position: 7px 7px;
			}
		
		.getFiles h2 {
			font-size: 15px;
			line-height: 18px;
			margin: 0 0 5px 0;
			}
	
		.getFiles p {
			margin: 0 0 0 0;
			}
			
			.getFiles p a.lozenge {
				margin: 0 0 0 0;
				}





/* Mini gallery boxes *****************************************************************************/


#miniGallery_outer {  
	width: 600px;
	height: 116px;
	margin: 18px auto 18px; 
	background: #f5ede7;
	display: block;
	overflow: hidden;
	position: relative; 
	padding: 0px 10px 0px;
	}

.manageGallery button.manage {
	margin: 0 0 18px 0;
	}



/* create custom forward-backward buttons for this container -------------------------------------*/

#miniGallery_outer .SlideItMoo_forward,
#miniGallery_outer .SlideItMoo_back { 
	display: block; 
	position: absolute; 
	cursor: pointer; 
	width: 20px; 
	height: 116px; 
	bottom: 0px; 
	right: 0px; 
	}

	#miniGallery_outer .SlideItMoo_forward { 
		background: url(/assets/images/buttons/buttons-gallery-back-forward-2.png) no-repeat 0 -750px;  
		}
	
	#miniGallery_outer .SlideItMoo_back { 
		left: 0px; 
		background: url(/assets/images/buttons/buttons-gallery-back-forward-2.png) no-repeat 0 0;  
		}

/* the width is set to show the number of thumbnails that will be visible ------------------------*/

#miniGallery_inner { 
	position: relative; 
	overflow: hidden; 
	width: 574px; /* set a display width to make the slider look good in case js is disabled */
	margin: 0px auto 0px;
	padding: 0;
	}

	#miniGallery_items { 
		display: block; 
		position: relative; 
		}
	
/* single element */
		#content #miniGallery_items li.item { 
			list-style: none;
			float: left;
			display: block;
			width: 108px;
			height: 108px;
			background: url(/assets/images/bg/bg-gallery-img.png) no-repeat !important;
			list-style-image: none !important;
			margin:	4px 20px 0 0 !important;
			padding: 0 0 0 0;
			}
			
			#miniGallery_items li div {
				width: 81px;
				height: 81px;
				overflow: hidden;
				padding: 9px;
				}
		
				#miniGallery_items a img { border: none; }
		
		
/* Slimbox ****************************************************************************************/


#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
	}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
	}

.lbLoading {
	background: #fff url(/assets/snippets/maxigallery/slimbox/images/loading.gif) no-repeat center;
	}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
	}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
	}

#lbPrevLink {
	left: 0;
	}

#lbPrevLink:hover {
	background: transparent url(/assets/snippets/maxigallery/slimbox/images/prevlabel.gif) no-repeat 0 15%;
	}

#lbNextLink {
	right: 0;
	}

#lbNextLink:hover {
	background: transparent url(/assets/snippets/maxigallery/slimbox/images/nextlabel.gif) no-repeat 100% 15%;
	}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
	}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/assets/snippets/maxigallery/slimbox/images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
	}

#lbCaption, #lbNumber {
	margin-right: 71px;
	}

#lbCaption {
	font-weight: bold;
	}


/* Utilities **************************************************************************************/


img.illustration {
	float: left;
	clear: left;
	width: 212px;
	height: 146px;
	padding: 9px;
	margin: -2px 15px 18px -5px;
	background: url(/assets/images/bg/bg-illustration.png) no-repeat;
	}

.clearAll {
	clear: both;
	}


/* Clear fix - see @ http://www.positioniseverything.net/easyclearing.html -----------------------*/


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }



/* Diagnostic styles - see @ http://meyerweb.com/eric/tools/css/diagnostics/ ---------------------*/


/*

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding: 0.5em; background: yellow; }

*[style], font, center { outline: 5px solid red; }
*[class=""], *[id=""] { outline: 5px dotted red; }

img[alt=""] { border: 3px dotted red; }


img:not([alt]) { border: 2px solid red; }

a[title=""] { outline: 3px dotted red; }

*/