html{overflow-y:scroll;}*{margin:0;}div,ul,ol,li,dt,dd,dl,blockquote,fieldset,table,td,th,p,h1,h2,h3,h4,h5,h6,body,form{padding:0;}ul,ol{list-style:none;}abbr,img,fieldset{border:0;}.tr{text-align:right;}.tl{text-align:left;}.fl{float:left;}.fr{float:right;}.tc{text-align:center;}.hide{display:none;}textarea{overflow-y:auto;}table{border-collapse:collapse;}

.content:after,
.clear-after:after, 
#nav-main:after,
.trim-middle:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
.content,
.clear-after,
#nav-main, 
.trim-middle,
.trim {zoom:1;}


/* -------->  GENERAL STYLES  <---------- */
body {background:#ebe5d7 url(../images/skin/bg/body.png) repeat-x;font:11px/1.2 georgia,times,'times new roman',serif;color:#312e26;
	padding:0 0 20px;}

a {text-decoration:none;color:#900;}
a:hover {text-decoration:underline;}
h1,h2,h3,h4 {color:#030101;text-transform:uppercase;}
h1 {font-size:16px;text-transform:none;font-variant:small-caps;color:#8c827c;padding:0 0 .8em;line-height:1.1;}
h2 {}
h3 {font-size:12px;}
h4 {font-size:11px;}
h4 a {padding:2px 0;}

.content {position:relative;min-height:550px;_height:550px;background:url(../images/skin/bg/content.gif) repeat-x;
	padding:24px 0 15px;}
	.content p {padding:0 0 1.1em;line-height:1.7;}
	.content p.lead {font-size:12px;color:#000;}
	.drop-cap {border:1px solid;float:left;font-size:33px;font-weight:normal;line-height:1;
		margin:0pt 0.1em 0pt 0pt;padding:1px 5px;color:#fff;background:#ddcec9;position:relative;top:2px;}
#content .unicode {font-family:'arial unicode MS','Lucida Sans Unicode',sans-serif;}
#content .highlight {color:#a99257;}


/* ------------>  CONSISTENT ELEMENTS  <---------------------*/
#wrap {width:954px;position:relative;margin:0 auto;}
	#wrap-trim-1 {border:1px solid #1c1c18;border-width:0 1px 0 1px;zoom:1;}
	
#footer {background:url(../images/skin/bg/footer.png) no-repeat left bottom;min-height:30px;height:30px;
	text-align:center;}
	#footer[id] {height:auto;}
	#footer, #footer a {font-weight:bold;color:#030101;font-size:10px;}
	
#header {background:url(../images/skin/bg/header.png) repeat-x center top;height:114px;border:1px solid #fdfbeb;
	border-bottom:0;position:relative;}

#greetings {position:absolute;top:12px;left:17px;text-align:center;}
	#greetings h3, #greetings h4 {color:#776447;}
	#greetings h2 {font-size:9px;background:url(../images/skin/bg/greeting-decor.png) no-repeat 50% 3px;
		padding:17px 0;margin:0 0 1px;}

		
/* ------------>  HOME PAGE ONLY  <---------------------*/
#downloads-cta {position:absolute;right:-1px;top:0;}	
#downloads-cta {right:8px;top:10px;overflow:hidden;width:130px;height:90px;overflow:hidden;display:none;}

#quote-generator-download {position:absolute;top:345px;left:15px;}
#Home #nav-main {border-bottom:0;}
	#Home .content {padding-top:3px;background:url(../images/skin/bg/home.jpg) no-repeat;min-height:595px;_height:595px;
		padding-bottom:0;}
#home-quote-of-the-day {position:absolute;width:150px;height:266px;
	background:url(../images/skin/panels/quote-of-the-day.png) no-repeat;top:81px;left:15px;}
	#home-quote-of-the-day h3 {visibility:hidden;height:80px;}
	#home-quote-of-the-day h4 {font-size:13px;}
#home-features {margin-top:302px;margin-left:252px;width:650px;}
	#home-features .panel {float:left;}
	#home-features .panel-wodehouse {background:url(../images/skin/panels/about.png) no-repeat;
		position:absolute;top:292px;right:0;width:268px;height:369px;
		*top:289px; /* correct ie6/7 crappiness */
		_top:289px;}
		.panel-wodehouse h4 {text-transform:none;padding:24px 0px 0 26px;width:93px;font-size:11px;}	
#shoe {position:absolute;bottom:-81px;left:225px;padding-bottom:20px;}


/* ------------>  MAIN-NAVIGATION  <---------------------*/
#nav-main {border:3px solid #1c1c18;border-width:3px 0 3px 0;padding-left:157px;}
	#nav-main li {float:left;padding:0 38px 0 0;background:url(../images/skin/nav/divider.png) no-repeat 100% 5px;}
	#nav-main li.last {padding-right:0;background:0;}
	#nav-main a {display:block;float:left;height:27px;background-repeat:no-repeat;background-position:50% 7px;		}
		#nav-main a span {visibility:hidden;}
	#nav-home a {background-image:url(../images/skin/nav/home.png);width:50px;}
	#nav-titles a {background-image:url(../images/skin/nav/titles.png);width:52px;}
	#nav-about a {background-image:url(../images/skin/nav/about.png);width:135px;}
	#nav-misc a {background-image:url(../images/skin/nav/misc.png);width:213px;}
	#nav-signup a {background-image:url(../images/skin/nav/signup.png);width:64px;}
	#Home #nav-home a,
	#Titles #nav-titles a,
	#Misc #nav-misc a,
	#About #nav-about a,
	#Signup #nav-signup a,
	#nav-main a:hover {text-decoration:none;background-position:50% -24px;} 


/* -------->  POSITIONED ILLUSTRATIONS  <---------- */
.waiter-under-table #waiter-under-table {position:absolute;top:-5px;left:0px;}
.bored-in-armchair #bored-in-armchair {position:absolute;top:29px;left:17px;}
.camp-golfer #camp-golfer {position:absolute;top:20px;left:45px;}
	.camp-golfer #quote-of-the-day {margin-top:304px;}
.singer #singer {position:absolute;top:20px;left:10px;}
.painting-on-head #painting-on-head {position:absolute;top:6px;left:0px;}
.pig-in-bath #pig-in-bath {position:absolute;top:-9px;left:0px;}
#head-in-flowerpot {position:absolute;bottom:-29px;left:0;}
	

/* -------->  REUSABLE STYLES  <---------- */
.panel {height:265px;width:216px;}	
	.panel h3 {height:50px;visibility:hidden;}
	.panel h4 {text-transform:none;}
	.panel blockquote h4 {line-height:1.2;font-size:11px;padding:10px 35px;}
	.panel-etiquette {background:url(../images/skin/panels/etiquette.png) no-repeat;}
		.panel-etiquette blockquote h4 {width:151px;margin-left:29px;padding:10px 0;}
	.panel-cocktail {background:url(../images/skin/panels/cocktail.png) no-repeat;}
	.panel-competition {background:url(../images/skin/panels/competition.png) no-repeat;}
	
		.panel-competition h4 {text-align:center;font-size:11px;padding:18px 0 0;} 
	.panel-signup {background:url(http://www.wodehouse.co.uk/assets/images/signUpBack.gif) no-repeat;}
		.panel-signup h4 {text-align:center;font-size:11px;padding:18px 0 0;} 

blockquote h4 {padding:13px 15px;text-align:center;line-height:1.35;text-transform:none;}
	blockquote .open-quote,
	blockquote .close-quote {font-size:120%;line-height:1;}
	blockquote .open-quote {padding-right:.1em;}
	blockquote .close-quote {padding-left:.1em;}

#quote-of-the-day {width:210px;line-height:1.5;margin-top:220px;}
	#quote-of-the-day blockquote {background:url(../images/skin/panels/quote-of-the-day-large-top.png) no-repeat;
		padding:5px 10px 20px; height: 266px;}
	#quote-of-the-day h3 {visibility:hidden;height:80px;}
	#quote-of-the-day h4 {line-height:1.6;}	
	
	
/* -------->  LAYOUT STYLES  <---------- */
.layout-about .column {}
	.layout-about .column-1 {width:225px;padding:0 0 0 19px;position:relative;z-index:2;float:left;}
	.layout-about .column-2 {float:left;width:441px;padding-left:9px;}
	.layout-about .column-3 {float:right;width:215px;padding:0 19px 0 0;}
		.layout-about .panel-competition {margin-bottom:20px;}
	.flow-area .trim-top,
	.flow-area .trim-bottom {line-height:0;font-size:0;height:7px;}
	.flow-area .trim-bottom {background:url(../images/skin/trims/readable-bottom.png) no-repeat;}
 	.flow-area .trim-top {background:url(../images/skin/trims/readable-top.png) no-repeat;}
	.flow-area .inner {padding:11px 30px 10px;background:#fff;}
	#Titles .flow-area .inner {padding:15px 15px 10px;}
	#Terms .flow-area li {padding:0 0 .8em;line-height:1.4;}

.layout-misc-home {}
	.layout-misc-home .column-1 {width:225px;padding:0 0 0 19px;position:relative;z-index:2;float:left;}
	.layout-misc-home .column-2 {float:left;width:690px;padding:15px 0 0 9px;}
/*
	.misc-panel {width:215px;min-height:470px;_height:470px;float:left;margin-right:14px;zoom:1;}
		.misc-panel h2 {visibility:hidden;height:60px;text-transform:none;font-size:0;}
		.misc-panel .inner {padding:0 30px 10px 28px;}
		.misc-panel-cocktail {background:url(../images/skin/panels/misc-cocktail-recommender.png) no-repeat;width:222px;}
		.misc-panel-etiquette {background:url(../images/skin/panels/misc-all-about-etiquette.png) no-repeat;}
			.misc-panel-etiquette ul {}
			.misc-panel-etiquette h4 {padding:5px 0 17px;
				background:url(../images/skin/bg/misc-home-divider.png) 50% 100% no-repeat;margin-bottom:7px;}
			.misc-panel-etiquette li {background:url(../images/skin/bg/bullet.png) 0 .4em no-repeat;padding:0 0 6px 10px;}
		.misc-panel-quote-generator {background:url(../images/skin/panels/misc-quote-generator.png) no-repeat;
			margin-right:0;text-align:center;}
			.misc-panel-quote-generator p {line-height:1.4;padding:5px 0 .7em;}
			.misc-panel-quote-generator .cta {font-size:11px;}
*/	

.column-horz {float:left;width:433px;padding:0 0 0 14px;}
.column-horz .misc-panel {float:none;width:auto;min-height:235px;}
	.misc-panel {width:215px;min-height:470px;_height:470px;float:left;zoom:1;}
	.misc-panel h2 {visibility:hidden;height:60px;text-transform:none;font-size:0;}
	.misc-panel .inner {padding:0 30px 10px 28px;}
	.misc-panel-cocktail {background:url(../images/skin/panels/misc-cocktail-recommender.png) no-repeat;width:222px; _width: 202px;}
	.misc-panel-competition {background:url(../images/skin/panels/misc-competition-2.png) no-repeat;
		padding:12px 45px 0 125px; _height: 225px;}
		.misc-panel-competition .inner {padding:4px 20px 10px 16px;}
		.misc-panel-competition h4 {padding:5px 0 17px;line-height:1.4;
			background:url(../images/skin/bg/misc-home-divider.png) 50% 100% no-repeat;margin-bottom:7px;}
	.misc-panel-quote-generator {background:url(../images/skin/panels/misc-quote-generator-2.png) no-repeat;
		margin-right:0;text-align:center; _height: 225px;}
		.misc-panel-quote-generator p {line-height:1.4;padding:5px 0 .7em;}
		.misc-panel-quote-generator .cta {font-size:11px;}
			
		
.layout-3 .column {}
	.layout-3 .column-1 {width:225px;padding:0 0 0 19px;position:relative;z-index:2;float:left;}
	.layout-3 .column-2 {float:left;width:212px;padding-left:23px;}
		.layout-3 .column-2 h1 {color:#a99257;padding-bottom:.6em;}
		.layout-3 .column-2 p {line-height:1.5;}
	.layout-3 .column-3 {float:right;width:415px;margin-right:19px;min-height:505px;_height:505px;_display:inline;}
	.layout-3 .column-3 h2 {visibility:hidden;height:90px;font-size:0;}
	.cocktail-recommender {background:url(../images/skin/panels/cocktail-recommender.png) no-repeat;}
	.cocktail-recommender .inner {padding:0px 30px 25px 140px;}
	.cocktail-recommender h3 {text-indent:-5000px;margin:1.2em 0 .7em;}
	.cocktail-recommender h4 {text-transform:none;padding:0 0 5px;}
	.cocktail-recommender select {font-family:inherit;width:165px;margin-right:5px;}
	.cocktail-recommender input {vertical-align:middle;}
	.cocktail-recommender .list-ingredients {font-weight:bold;line-height:1.4;padding:0 0 8px;}
	.cocktail-recommender p {line-height:1.5;}
	.competition {background:url(../images/skin/panels/the-competition.png) no-repeat;}
	.signup {background:url(http://www.wodehouse.co.uk/assets/images/signUpBack.gif) no-repeat;}
	
	
	.layout-3 .quote-generator {background:url(../images/skin/panels/quote-generator.png) no-repeat;text-align:center;
		margin-right:23px;}
	.quote-generator .inner {padding:0 50px 0 70px;zoom:1;}
	.quote-generator blockquote {padding:30px 0 0;}
	.quote-generator blockquote p {font-weight:bold;line-height:1.6;padding:0px 25px 1em;font-size:15px;}
	.quote-generator p.citing {font-size:11px;padding-bottom:2em;}
	#title-choose-a-spirit {background:url(../images/skin/titles/choose-a-spirit.png) no-repeat;height:14px;margin-top:0;}
	#title-jeeves-would-prepare-you {background:url(../images/skin/titles/jeeves-would-prepare-you.png) no-repeat;
		height:35px;}
	#title-recipe {background:url(../images/skin/titles/recipe.png) no-repeat;height:15px;}


/* -------->  TITLES SECTION  <---------- */
#nav-sub {font-weight:bold;font-size:10px;padding:0 0 0px 0px;margin-left:9px; margin-bottom: 9px;}
	#nav-sub li {float:left;padding-left:30px;background:url(../images/skin/nav/sub-nav-divider.png) no-repeat 11px 0px;}
	#nav-sub li.first {padding:0;background:0;}
	#nav-sub li a:hover, 
	#nav-sub li.on a {text-decoration:none;color:#569bcc;} 
	#nav-sub a {text-transform:uppercase;display:block;float:left;color:#312e26;}

.product {padding:25px 5px 8px;background:url(../images/skin/bg/product-divider.png) 50% 0 no-repeat;}
	.product.first {padding-top:0;background:0;}
	.product .btn {display:block;text-align:right;}
	.product .fr {width:280px;}
	.product .fl {text-align:center;width:106px;}
	.product h3 {padding:0 0 .4em;font-size:11px;}
	.product h4 {color:#a99257;padding:0 0 .4em;}
	.product p {line-height:1.6;padding:0;}

.product-detail {background:0;padding:0 5px 20px;}
	.product-detail p {padding:0 0 1.1em;}
	.product-detail .btn {padding-top:15px;text-align:center;}
	.product-detail h4 {padding:0 0 1em;}
	.product-detail .fr {width:250px;}
	.product-detail .fl {width:132px;}

	
/* -------->  FORM STYLES  <---------- */
.list-fields {padding:10px 110px 30px 40px;font-weight:bold;line-height:1.4;}
	.list-fields em {display:block;font-style:normal;padding:0 0 .2em;}
	.list-fields li {padding:0 0 .7em;}
	.list-fields input,
	.list-fields select,
	.list-fields textarea {font-size:13px;font-family:inherit;font-weight:normal;}
	.list-fields li.last {padding:1em 0 0;}
	.list-fields li.opt-in {padding-top:.5em;}
	input.text,
	textarea {width:250px;border:1px solid;background:#fff;border-color:#ccc #eee #eee #ccc;padding:1px 2px;}
	textarea {height:6em;}




.legal h4{
	margin-top: 9px;
	margin-bottom: 5px;
}

#homeTicker{
	float: right;
	width: 650px;
	height: 290px;
	position: relative;
	left: -27px;
	top: 8px;
}
.aboutPanel{
	color: black;
}
.aboutPanel:hover{
	text-decoration:underline;
}
.clickHereGraphic{
	margin-top: 8px;
	background-image:url(../images/btns/clickHere.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='assets/images/btns/clickHere.png')!important;
	_cursor:pointer;
	width: 85px;
	height: 12px;
}
.clickHereGraphic span{
	display: none;
}
.clickHereGraphicNarrow{
	margin-top: 8px;
	background-image:url(../images/btns/clickHereNarrow.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='assets/images/btns/clickHereNarrow.png')!important;
	_cursor:pointer;
	width: 43px;
	height: 24px;
	float: right;
	margin-right: 26px;
	margin-top: 60px;
}
.clickHereGraphicNarrow span{
	display: none;
}
#cocktailPanelH5{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	font-size: 1em;
}

#cocktailPanelP{
	color: #557d3d;
	margin-top: 8px;
	text-align: right;
	margin-right: 24px;
}
#cocktailPanelP a:hover{
	text-decoration: none!important;
}
#cocktailPanelP a{
	color: #557d3d!important;
}
.cocktailCTA{
	float: right!important;
}
.panel-wodehouse a:hover{
	text-decoration: none;
}
#cocktailPanelH5 a{
	color: #35360e!important;
	text-decoration: none!important;
}
#cocktailPanelH5 a:hover{
	text-decoration: none!important;
}
.panel-competition a{
	color: black;
}
.panel-etiquette a{
	text-decoration: none!important;
}
.panel-competition a:hover{
	text-decoration: none!important;
	color: black;
}
#compCTAmiddle{
	margin: auto; 
	margin-top: 6px;
}
#compCTAmiddle a{
	width: 100%;
	height: 100%;
	display: block;
}
#cocktailTallPanel{
	margin-top: 70px;
	float: right;
	text-align: right;
	_position: relative;
	_left: 16px;
}
#cocktailTallPanel a{
	color: black!important;
	color: #557d3d!important;
}
#cocktailTallPanel a:hover{
	text-decoration: none!important;
}
#cocktailTallPanel h5{
	font-size: 1em;
}
#cocktailTallPanel p{
	margin-top: 8px!important;
	color: black!important;
	color: #557d3d!important;
}
#tallCTACocktail{
	color: #557d3d!important;
	margin-top: 0px;
	float: right;
}
#tallCTACocktail a{
	color: #557d3d!important;
	width: 100%;
	display: block;
	height: 100%;
	_position: relative;
	_left: 16px;
}

#tallCTACocktailC{
	color: #557d3d!important;
	margin-top: 5px;
	text-align: middle;
	width: 100%;
	background-repeat:no-repeat;
	background-position:center;
}
#tallCTACocktailC a{
	color: #557d3d!important;
	width: 100%;
	display: block;
	height: 100%;
}


#tallCTACocktailB{
	color: #557d3d!important;
	margin-top: 5px;
	text-align: middle;
	width: 100%;
	background-repeat:no-repeat;
	background-position:center;
}
#tallCTACocktailB a{
	color: #557d3d!important;
	width: 100%;
	display: block;
	height: 100%;

}


#coktailP a:hover{
	text-decoration: none!important;
}
#etiquetteList a:hover{
	text-decoration: none!important;
}
#profileLeft{
	float: left;
	width: 140px;
}
#bookProfileColumn{
	width: 252px;
	position: relative;
	left: 17px;
	display: table;
}
#bookProfileColumn h2{
	color: #a99257;
}
#bookProfileData{
	color: #a99257;
}
.btn2{
	float: left;
	margin-top: 10px;
	margin-left: 77px;
}
.signUpP{
	width: 200px;
	margin: auto;	
	text-align: center;
	position: relative;
	left: -25px;
}

#checkBox{
	float: left;
}
.checkBoxLabel{
	width: 220px;
	float: left;
	margin-left: 8px;
}
/* confuse bots to stop spam mail via the form */
.obfuscateBots{
	display: none;

}
#footerNavBooks{
	width: 100%;
	text-align: center;
}