/**********************
 GENERAL LAYOUT 
 **********************/

html,
body 
{
	margin: 0;
	padding: 0;
	height: 100%;
}

#wrapper, #wrapperApple, #wrapperBalfour, #wrapperNannettes
{
	/*background: #ff0;*/
	min-height: 100%;
	min-width: 951px;
	position: relative;
}



#header
{
	/*background: #0ff;*/
	padding: 10px;
	height: 170px;
}
#header h1
{
	display: block;
	height: 241px;
}
#header span
{
	display: none;
}






#sidebarWrapper 
{
   padding: 10px;
   padding-bottom: 48px;   /* Height of the footer */
}

#footer 
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 48px;   /* Height of the footer */
	
	background: transparent url(/images/backgrounds/footerborder.png) repeat-x center top;
}

#footer ul
{
	margin: 21px 0 0 0;
	
	font-size: 12px;
	list-style-type: none;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
}
#footer a 
{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover 
{
	text-decoration: underline;
}
#footer li 
{
	display: inline;
	margin: 0pt 7px 0pt 0pt;
	padding: 0pt 7px 0pt 0pt;
	color: #fff;
}
#footer li.last 
{
	border: medium none !important;
	margin: 0pt;
	padding: 0pt;
}




#sidebarWrapper
{
	/*background-color: #0f0;*/
	margin: 0pt auto;
	text-align: left;
	width: 931px;
	margin-top: 15px;
}

#content 
{
	/*background: #00f;*/
	overflow:hidden;
	width:645px;
	min-height: 420px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	padding-top: 14px;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 15px;
}



#sidebar 
{
	background: url(/images/backgrounds/col-l-bg.png) repeat-y scroll left center transparent;
	float: left;
	width: 255px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}

#sidebarWrapper #sidebar .navigation {
	clear: both;
	font-size: 1em;
	height: auto !important;
	min-height: 250px;
	width: 255px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}


#sidebarWrapper #sidebar .navigation UL,
#sidebarWrapper #sidebar .navigation LI,
#sidebarWrapper #sidebar .navigation A {
	background: none repeat scroll 0 0 transparent;
  border: 0 none;
  font-size: 100%;
  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline;
}

#sidebarWrapper #sidebar .navigation LI {
	text-transform: none;
}

#sidebarWrapper #sidebar .navigation a:link {
	text-decoration: none;
	color: #ffffff;
	background-image: url(/images/backgrounds/point.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 3px;
}
#sidebarWrapper #sidebar .navigation a:visited {
	text-decoration: none;
	color: #FFF;
	background-image: url(/images/backgrounds/point.png);
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#sidebarWrapper #sidebar .navigation a:hover {
	text-decoration: underline;
	cursor: pointer;
	color: #999;
}
#sidebarWrapper #sidebar .navigation a:active {
	text-decoration: none;
	color: #FFF;
	background-image: url(/images/backgrounds/point.png);
}

#sidebarWrapper #sidebar .navigation LI A {

}
#sidebarWrapper #sidebar .navigation UL {
	list-style: none outside none;

}

#sidebarWrapper #sidebar .navigation LI {
	padding: 5px 0px 4px 15px;
	position: relative;
	background-attachment: scroll;
	background-image: url(/images/backgrounds/nav-2-heading.png);
	background-repeat: repeat-x;
	background-position: bottom;
}




#sidebarWrapper #sidebar .navigation LI.first {
	background: none; 
}
#sidebarWrapper #sidebar .navigation LI.hover {
	z-index: 200;
	background-color: #000;
}

#sidebarWrapper #sidebar .navigation LI.heading {
	color: #FFF;
	background: url(/images/backgrounds/col-l-nav-brdr.png) 26px bottom no-repeat;	/*background: url(/images/backgrounds/nav-2-heading.gif) no-repeat scroll 26px bottom ;*/
	font-size: 13px;
	text-transform: uppercase;	
	/*
	color: black;
	background: url(/images/backgrounds/nav-2-heading.gif) bottom left repeat-x;

	padding-bottom: 5px;
	margin-bottom: 6px;
	*/
}

#sidebarWrapper #sidebar .navigation LI.open {
	background-image: url(/images/backgrounds/nav-hover-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 0px;
}
#sidebarWrapper #sidebar .navigation LI A {
	font-size: 13px;
}
#sidebarWrapper #sidebar .navigation LI A:hover {
    text-decoration: none; 
}
#sidebarWrapper #sidebar .navigation LI UL {
	margin-top: 4px;
	list-style: none;
	display: none;
	position: absolute;
	top: -4px;
	left: 255px;
	z-index: 100;
	padding: 7px 21px 0 21px;
	background-color: #000;
}

#sidebarWrapper #sidebar .navigation LI.open UL {
	display: block;
	position: static;
	background-image: url(/images/backgrounds/40-over.png);
	background-repeat: repeat;
}

#sidebarWrapper #sidebar .navigation UL.open 
{
	background: transparent;
	padding-top: 9px;
	padding-left: 0;
	margin-left: -15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#sidebarWrapper #sidebar .navigation UL.open LI {
	padding: 0 0 0 15px;
	color: #a1a1a1;
	font-size: 0.8em;
	background-image: none;
}

#sidebarWrapper #sidebar .navigation UL.open LI.open {
}

#sidebarWrapper #sidebar .navigation UL.open LI.open A {
	color: #000;
	background-color: #FFF;
	width: 225px;
	margin-top: -6px;
	margin-bottom: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#sidebarWrapper #sidebar .navigation UL.open LI A {
	color: #FFF;
	display: block;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 15px;
}

#sidebarWrapper #sidebar .navigation UL.open LI A:hover {
	color: #999;
	text-decoration: none;
}

#sidebarWrapper #sidebar .navigation LI UL {
    z-index: 100; 
}

#sidebarWrapper #sidebar .navigation LI UL LI {
	padding: 0 0 9px 0;
	font-size: 0.9em;
	background: none;
	list-style: none;
	width: 225px;
}

#sidebarWrapper #sidebar .navigation LI UL LI A {
    color: #ddd;
}

#sidebarWrapper #sidebar .navigation LI UL LI A:hover {
    color: #fff;
    text-decoration: none;
}

#sidebarWrapper #sidebar .navigation LI UL LI.heading {
    color: black;
    background: url(/images/backgrounds/nav-2-heading.gif) bottom left repeat-x;

    padding-bottom: 5px;
    margin-bottom: 6px;
}


.slideshow
{
 width: 186px;
 height: 218px;
 background-image: url(/images/backgrounds/shadow.png);
 background-repeat: no-repeat;
 background-position: center bottom;
 float: right;
 margin-left: 20px;
}





/**********************
 Home 
 **********************/

#wrapper, 
#wrapperSkyes
{
	color: #201A0F;
	background: white url(/images/backgrounds/bgpattern.jpg) no-repeat center top;
}
#wrapper #header, 
#wrapperSkyes #header
{
	background-color: transparent;
	background-image: url(/images/backgrounds/header.jpg);
	background-repeat: no-repeat;
	background-position: center 34px;
}
/* Home */
#wrapper #header h1
{
	background-image: url(/images/backgrounds/logo-hush-heath.png);
	background-repeat: no-repeat;
	background-position: center 15px;
}
/* Skye's English Chardonnay */
#wrapperSkyes #header h1
{
	background-image: url(../images/backgrounds/logo-skyes.png);
	background-repeat: no-repeat;
	background-position: center 20px;	
}



/**********************
 Apple Juice 
 **********************/

#wrapperApple 
{
	color: #192b1c;
	background: white url(/images/applejuice/bgpattern.jpg) no-repeat center top;
}
#wrapperApple #header
{
	background: transparent url(/images/applejuice/header.jpg) no-repeat center 34px;
}
#wrapperApple #header h1
{
	background-color: transparent;
	background-image: url(/images/backgrounds/logo-apple.png);
	background-repeat: no-repeat;
	background-position: center 10px;
}





/**********************
 Sparkling Wines 
 **********************/

#wrapperBalfour 
{
	color: #671720;
	background: white url(/images/balfour/bgpattern.jpg) no-repeat center top;
}
#wrapperBalfour #header 
{
	background-image: url(/images/balfour/header.jpg);
	background-repeat: no-repeat;
	background-position: center 34px;
}
#wrapperBalfour #header h1
{
	background-image: url(/images/backgrounds/logo-balfour.png);
	background-repeat: no-repeat;
	background-position: center 40px;
}



/**********************
 Still Wines 
 **********************/

#wrapperNannettes
{
	color: #000;
	background: #fff url(/images/backgrounds/still-background.jpg) no-repeat center top;
}
#wrapperNannettes #header
{
	background-image: url(../images/backgrounds/still-header.jpg);
	background-repeat: no-repeat;
	background-position: center 34px;	
}
#wrapperNannettes #header h1
{
	background-image: url(../images/backgrounds/logo-nannettes.png);
	background-repeat: no-repeat;
	background-position: center 20px;	
}










/**********************
 Old stuff 
 **********************/

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-size-adjust:none;
	font-stretch:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	color: #FFF;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 15px;
	margin-left: 0pt;
}
h3 {
	font-size:14px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 5px;
	margin-left: 0pt;
}
h4 {font-size:100%; margin:0;}



blockquote {margin:0pt; padding:0pt;}
blockquote p {font-weight:bold; margin:0pt; padding:0pt 0pt 0pt 25px;}
blockquote p:first-letter {margin-left:-0.6em;}
blockquote p.author {font-style:italic; font-weight:normal; margin:10px 0pt 1.4em; padding:0pt 20px 0pt 0pt; text-align:right;}
dl {margin:0pt;padding:0pt;}
dt {clear:left;float:left;font-weight:bold;margin-right:5px;}
p,
ul {margin:0pt 0pt 1.4em;}
p {
	text-align: justify;
}

/* Links */

a {color:#902A2C;}
a:visited {color:#6D2021;}
a:hover {color:#D13D3F;}
a.bullet {background:transparent url(/images/icons/linkbullet.gif) no-repeat scroll left center; padding-left:13px;}
a.bulletback {background:transparent url(/images/icons/linkbullet-back.gif) no-repeat scroll left center; padding-left:13px;}
a.bullet:hover,
a.bulletback:hover {background-position:2px 50%;}
a.pdf {background:transparent url(/images/icons/acrobat-icon.gif) no-repeat scroll left center; display:block; height:17px; margin:5px 0pt 0pt; padding:0pt 0pt 0pt 23px;}


#content a {font-weight:bold;}

.caption216 {
	font-size:90%;
	font-style:italic;
	line-height:1.2em;
	width:175px;
	float: right;
}
.colleft50 {float:left; width:295px;}
.colright50 {float:right; width:295px;}
.colleft66 {float:left; width:394px;}
.colright33 {
	clear:right;
	float:right;
	width:186px;
	margin-top: 0pt;
	margin-right: 9px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.colright50 {
	float:right;
	width:335px;
}
.colrighthome {float:right; margin:-10px 0pt; width:295px;}
.colrighthome a img {border:medium none; float:left; margin:0pt; padding:0pt;}
.colrighthome img {display:block; margin:0pt -10px 0pt 0pt;}
.colrightinset {
	float:right;
	height:408px;
	padding:10em 0pt 0pt 20px;
	width:137px;
	background-color: transparent;
}
.colrightinset h3 {font-size:100%; margin:0pt;}
.colrightShop {float:right; margin:20px 0pt 30px 20px; width:175px;}
.colrightShop ul {list-style-type:none; margin:0pt; padding:0pt;}
.colrightShop li {margin:0pt 0pt 5px;}
.colrightShop .padding {padding:0pt 0pt 0pt 3px;}
.colleft25 {
	float:left;
	width:150px;
	margin-top: 35px;
	margin-right: 30px;
	margin-bottom: 0pt;
	margin-left: 10px;
}
.colright75 {float:right; margin:35px 35px 35px 0pt; padding-left:25px; width:375px;}
.colright75 h4 {font-size:100%; margin:30px 0pt -1px;}

.clear {clear:both;}
.floatLeft {float:left; padding:0pt 20px 15px 0pt;}
.floatRight {float:right; padding:0pt 0pt 15px 20px;}
.imageLeft {float:left; padding:0pt 20px 18px 0pt;}
.imageRight {
	float:right;
	margin-left: 10px;
}

.homeheadfix {
	float:left;
	width:290px;
	}
img {border:medium none;}

#madeinengland {
	left:10px;
	position:absolute;
	top:8px;
	}

#madeinengland img {display:block;}

.product {
	float:left;
	margin:0pt 0pt 11px -10px;
	width:630px;
	background-color: transparent;
	}

.productWrapper {
	float:left;
	margin:0pt 0pt -11px;
	overflow:hidden;
	background-color: transparent;
	}

p.quoteAuthor {
	font-weight:bold;
	margin:-12px 0pt 0pt;
	}


.section {margin:0pt 0pt 30px;}
.introduction {clear:both; margin-bottom:1em; overflow:hidden; height:1%;}
.shadow6 {margin:-6px;}

.shadow11 {
	height:217px;
	margin:0pt -10px -10px;
	position:relative;
	width:315px;
	}
	
.shadow {margin:-10px;}
.shadowh {
	margin-top: 20px;
	margin-right: -10px;
	margin-bottom: 0pt;
	margin-left: 10px;
	background-image: url(/images/backgrounds/shadow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 10px;
}



.shopButton {margin:35px 0pt 0pt -7px;}

td {
	border:medium none;
	font-size:100%;
	padding:0pt;
	vertical-align:top;
	}

.thumbcaption {
	font-size:90%;
	font-style:italic;
	line-height:1.2em;
	width:117px;
	height: 50px;
	overflow: hidden;
}

.thumbcaption,
.thumbcaption p {
	text-align: left;
}

img.wine {
	float:left;
	margin:10px 10px 10px 0pt;
	}

img.apple {
	float:left;
	margin:10px 10px 10px 0pt;
	}
	


/* Apple Juice */

#wrapperApple #content {
}

/* Balfour */

#wrapperBalfour #content {
}
.inline {display:inline;}
.buzzSection {
	margin-bottom:5px;
	padding-bottom:3px;
	overflow:hidden;
	height:1%;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #97A651;
}
p.date {
	font-weight:bold;
	margin-bottom: 5px;
}
/*
h2.buzzHeading {color:#671720; float:left; font-size:40px; margin:0; width:230px;}
h3.strapline {color:#f9f4e2; float:left; font-family:Georgia,"Times New Roman",Times,serif; font-size:20px; font-style:italic; margin:20px 0 0 0; width:380px;}
*/

/* Keep It Hush */

/*#wrapper.keepItHush #contentWrapper {background:transparent url(/images/backgrounds/contentbg.jpg) no-repeat scroll 50% 0; margin:0 auto; width:676px;}*/
/*
#wrapper.keepItHush #content 
{
	background:transparent url(/images/content/balfour-bottle.jpg) no-repeat scroll 349px 0; 
	margin:-5px 0 0; 
	padding:30px 33px 30px 33px; 
	width:613px;
}
*/
#wrapper.keepItHush #content 
{
	padding-top: 0;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/content/balfour-bottle.png);
	background-repeat: no-repeat;
	background-position: 352px 296px;
}
#wrapper.keepItHush h3 {font-family:Georgia,"Times New Roman",Times,serif; margin:0;}
#wrapper.terms #content {background:none !important; }
#wrapper.keepItHush p#richard {clear:right; text-align:right;}
#wrapper.keepItHush img.imageRight {margin:15px 0;}
#wrapper.keepItHush form {font-size:100%;}
#wrapper.keepItHush fieldset, #wrapper.keepItHush .sectionBorder {border:1px solid #bfa986; padding:30px 30px 15px 30px}
#wrapper.keepItHush .sectionBorder {margin-bottom:15px;}
#wrapper.keepItHush legend {display:none;}
#wrapper.keepItHush label {font-size:100%; margin-right:5px;}
#wrapper.keepItHush input#deliverySame {margin-top:3px;}
#wrapper.keepItHush textarea#giftMessage {height:95px; width:380px}
#wrapper.keepItHush .colleft50 {margin-bottom:15px;margin-top:15px}
#wrapper.keepItHush .col15Left {float:left; width:80px;}
#wrapper.keepItHush .col85Right {float:right; text-align:right; width:380px;}
#wrapper.keepItHush table#prices, #wrapper.keepItHush table#totals {float:right; margin-bottom:10px;}
#wrapper.keepItHush table#totals th {font-weight:normal; text-align:right;}
#wrapper.keepItHush select {width:230px}
#wrapper.keepItHush table.table {width:100%; margin-bottom:10px}
#wrapper.keepItHush table.table th {padding-bottom:7px; vertical-align:top;}
#wrapper.keepItHush .prices {font-size:140%; font-weight:bold;}
#wrapper.keepItHush th.prices {padding-right:10px;}
#wrapper.keepItHush table#billing.table th {width:95px}
#wrapper.keepItHush .col85Right div {clear:both; margin-bottom:8px;}
#wrapper.keepItHush .note {clear:both; font-size:90%; padding-top:15px;}
#wrapper.keepItHush .textfield {width:150px}
#wrapper.keepItHush #billing select, #wrapper.keepItHush #delivery select {width:160px}
#wrapper.keepItHush div.optIn input {float:left; margin:3px 0.3em 0 0;}
#wrapper.keepItHush div.optIn label {display:block; float:left; width:100%; }
#wrapper.keepItHush .button {clear:both; float:right;}

.sectionDivide {background:transparent url('/images/graphics/divide.gif') repeat-x 0 0; clear:both; overflow:hidden; margin-top:25px; padding-top:20px;}


div.two-columns 
{
	width: 50%;
	float: left;
}
div.column-one 
{
	padding-right: 10px;
}

/**********************
 LISTS 
 **********************/

ul.awards {
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	}

/*ul.awards li {overflow:hidden; padding:0pt 0pt 10px;}*/
ul.awards li 
{
	/*
	overflow: hidden;
	clear: both;
	*/
	margin: 0px 0px 20px 0px;
	padding: 0px;
	height: 120px;
}

ul.awards li img 
{
	float: left;
	margin-right: 10px;
}

ul.awards h4 {color:#902A2C;}

ul.pdf 
{
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

ul.pdf li 
{
	/*
	background:transparent url(/images/icons/acrobat-icon.gif) no-repeat scroll 0pt 2px;
	padding:0pt 0pt 0pt 23px;
	*/
}
ul.pdf img
{
	float: left;
	margin: 0px 10px 10px 0px;
}

ul.pdf p
{
	overflow: hidden;
}


ul.thumbs {
	clear:left;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	}

ul.thumbs li {
	float:left;
	/*margin:0pt 10px 30px 0pt;*/
	margin-right: 10px;
	}


/* lightbox extensions */

span#lightbox-image-details-description, 
span#lightbox-image-details-download
{
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;
}
span#lightbox-image-details-download
{
	font-weight: normal;
}



ul.simple,
ul.inline {
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	}

ul.inline li {display:inline;}
ul.simple ul {margin:0pt 0pt 0pt 20px;}

ul#siteMap li {list-style-type:none;}
ul#siteMap li {margin-bottom: 0.5em; padding:0; background:none;}
ul#siteMap li ul {margin:0.8em 0 0.5em 1.5em;}
ul#siteMap li ul li {margin-bottom: 0.5em;}

ul#siteMap ul, ul#siteMap ul ul {margin-left: 1.5em;}

/* Balfour */

ul#thumbList {height:1%; list-style-type:none; margin:0; overflow:hidden; padding:0;}
ul#thumbList li {float:left; padding:0 12px 0 0; width:64px;}
ul#thumbList li.last {padding:0;}
ul#thumbList li.first {clear:left;}

.paginationControl
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9BAA59;
	padding-top: 8px;
	text-align: right;
	color: #97A651;
}
.paginationControl a
{
	color: #97A651;
	margin-left: 5px;
	text-decoration: none;
}
.disabled
{
	color: #97A651;
}
.keepItHush h2
{
	color: #000
}

#share
{
	/*background: #f0f;*/
}
#share img
{
	vertical-align: top;
	margin-top: -1px;
	margin-right: 10px;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}