/* == G L O B A L   S T Y L E S */

*	{margin:0; padding:0;}

/*
		Copyright (c) 2007, Yahoo! Inc. All rights reserved.
		Code licensed under the BSD License:
		http://developer.yahoo.net/yui/license.txt
		version: 2.3.0
		*/

/**
		 * Percents could work for IE, but for backCompat purposes, we are using keywords.
		 * x-small is for IE6/7 quirks mode.
		 */

body	{font:13px/1.22 verdana,arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small;}

table	{font-size:inherit; font:100%;}

/**
		 * Bump up IE to get to 13px equivalent
		 */

pre,code,kbd,samp,tt	{font-family:monospace; *font-size:108%; line-height:99%;}

/* end YUI code*/

.glassButton	{font-size:92%;}

* html .glassButton,
* + html .glassButton	{font-size:13px}

h1,h2,h3,
h4,h5,h6	{font-weight:normal; font-size:100%;}

li	{margin-left:1em; position:relative;}

.darkPurple	{background-color:#4f2347; color:#ffffff;}

.midPurple	{background-color:#763d6b; color:#ffffff;}

.palePurple .palePurple,
.lightPurple	{background-color:#d6c9d3;}

.palePurple	{background-color:#f0eaef}

.yellow	{background-color:#fdb514;}

.midYellow	{background-color:#ffe08e;}

/* == T E S T */

.product .labelImage	{background-color: transparent;}

/* == T Y P E */

h2		{font-size:189%; font-weight:bold; color:#4f2347; margin-bottom:15px; padding:0 12px;}
h2 span	{font-weight:normal;}
h3		{font-weight:bold;}
p		{margin-bottom:1em;}
textarea{font-family:Verdana; font-size:114%;}
abbr	{border:0;}
	
.top,
#sortStrip,
h3.name	{font-family:Tahoma; font-size:100%;}

#contentPagesWrap	{padding:0 12px;}
#contentPagesWrap h2{padding:0; font-size:114%; margin:10px 0 10px 0;}

/* == A C C / U S A B I L I T Y */
a	{color:#763d6b; border:0;}
.description .readMore	{display:block;}
* + HTML input[type=submit]	{overflow:visible; padding:0 5px;}/*fix button widths for ie7*/
.accessHide	{position:absolute; left:-3000px; top:0;}

	/*glassy links*/
.glassLink				{color:#ffffff; text-decoration:none !important; font-weight:bold; position:relative; zoom:1;}
.glassLink span			{background:url(designImages/glassyLinks_back.gif) no-repeat -273px 0px; padding:0 0 0 10px; text-align:left !important; float:left;}
.glassLink span span	{height:19px; padding:4px 10px 0px 0;}
.glassLink:hover span	{background-image:url(designImages/glassyLinksHover_back.gif); cursor:pointer;}

	/*glassy button*/
.glassButton		{float:left; padding:0 0 0 6px; height:22px; background:url(designImages/glassyLinks_back.gif) no-repeat 0% 0%;}
.glassButton input	{border:0; letter-spacing:1px; margin:0; background-color:Transparent; height:22px; padding-bottom:3px; font-weight:bold; cursor:pointer; color:#ffffff; padding-right:10px !important; background:url(designImages/glassyLinks_back.gif) no-repeat 100% 0%;}

.glassButton:hover,
.glassButton:hover input	{background-image:url(designImages/glassyLinksHover_back.gif);}

	/*both*/
.gl_Purple span	{background-position:0% 0px;}
.gl_Purple span span	{background-position:100% 0px;}

a.gl_Green,
.gl_Green span	{background-position:0 -71px ;}

a.gl_Green input,
.gl_Green span span	{background-position:100% -71px;}

a.gl_Red,
.gl_Red span	{background-position:0 -47px ;}

a.gl_Red input,
.gl_Red span span	{background-position:100% -47px;}

.gl_Yellow input,
.gl_Yellow	{color:#4f2347;}

a.gl_Yellow,
.gl_Yellow span	{background-position:0 -24px ;}

a.gl_Yellow input,
.gl_Yellow span span	{background-position:100% -24px;}

/*errors*/

.sellFormError	{display:block; text-align:left; color:#ec2027; font-weight:bold; padding-top:3px; text-align:right; padding-top:10px; clear:both;}

.valError,
.AspNet-Login-FailurePanel,
.valSum	*	{color:#ec2027; font-weight:bold;}

.valSum	{margin-bottom:20px; float:none; clear:both;padding-left:10px; overflow:auto;}

/* phh 15 July -> */
.loginDetailsTab {overflow:auto;}
.loginDetailsTab .valSum {padding-left:0; overflow:auto;}
.loginDetailsTab .valSum ul, .loginDetailsTab .valSum ol {overflow:auto;} 
.loginDetailsTab .valSum li {clear:both;} 
.loginDetailsTab .valSum li label, .loginDetailsTab .valSum li span {float:none; line-height:inherit;}
.loginDetailsTab .valSum li a {text-decoration:none;}
.loginDetailsTab .valSum li a:hover {text-decoration:underline;}

.loginDetailsTab div, .loginDetailsTab ol {clear:both;}

/* <- phh */

.form .valSum span	{float:none; clear:both;}

.valSum li	{list-style:none; margin:0; padding:0}

/* == B L O C K S */

html, body	{margin:0; padding:0;}

#pageWrap	{width:950px; margin:auto; font-size:85%; position:relative;}
#header		{height:93px; position:relative;}
#contentWrap	{width:100%; float:left; overflow:visible;}

#leftColumn,
#rightColumn	{width:143px; margin:0 8px 0 18px;}

#leftColumn:after	{content:"."; color:#ffffff;}

/* slightly hackish fix for FF collapsing the column when it's empty */

#rightColumn	{margin:0 0px 0 8px;} 

#mainColumn	{width:612px; overflow:visible; min-height:500px; _height:500px;}

#leftColumn,
#rightColumn,
#mainColumn	{float:left;}

#footer					{overflow:hidden; zoom:1; clear:both; /* width:100%; */ 
	padding:25px 22px; display:inline-block; color:#733C6B;
	/* 28 Feb 08 */ 
	margin:0; padding:0;
	padding-left: 18px; padding-right: 10px; width: 922px;
	}/* display:inline-block fixes ie7 double padding */
#footer a#footer_logo	{float:left;}
#footer img				{border:none;}
#footer ul				{float:left; list-style-type:none; padding:0; margin:46px 0 0 30px; font-family:Tahoma;}
#footer ul li			{float:left; padding:0; margin:0 5px 0 10px;}
#footer ul li a			{text-decoration:none;}
#footer ul li a:hover	{text-decoration:underline;}
#footer a#wpLogo		{float:right; margin-top:36px; /*margin-right:10px;*/
	/* 28 Feb 08 */ margin-right:0;
	}
#footer ul li#cardsFooter		{background-color:#d6c9d3; font-weight:bold; padding:3px 3px 3px 5px; margin-top:-10px;}
#footer ul li#cardsFooter img	{vertical-align:middle;}

#drinkaware_logo		{top:0px;display:block; clear:both; position:relative;}

#aisLink a,
#aisLink			{clear:both; color:#888888; padding-top:40px; zoom:1; text-align:center;}

.clear				{clear:both !important; height:0; width:0; display:block; line-height:0;}

/* == H E A D E R */

#header h1		{position:absolute; top:13px; left:35px; z-index:100;}
#accountMenu	{position:absolute; top:8px; left:496px; text-align:left; color:#fff;
	/* phh : to avoid overwriting buttons 340px */left:478px;
	}
#accountMenu p {margin:0;} /* phh */
#accountMenu p.accountMenu { padding-top:2px; margin-bottom:6px; } /* phh */

#accountMenu a	{color:#ffffff;}
ul#toolsNav		{position:absolute; top:8px; right:18px; margin:0; padding:0; list-style-type:none;}
ul#toolsNav li	{float:left; display:block; margin: 0 0 0 15px; color:White;}
ul#toolsNav li a			{color:White; text-decoration:none; background-repeat:no-repeat; background-position: left center; padding:2px 0; display:inline-block;
	
/*	padding-top: 6px; padding-bottom: 6px; */}
	
ul#toolsNav li a:hover			{text-decoration:underline;}
ul#toolsNav li a.contact_us		{padding-left:22px; background-image:url(designImages/contact_us_icon.gif);}
ul#toolsNav li a.send_to_friend	{padding-left:22px; background-image:url(designImages/send_to_friend.gif);}
ul#toolsNav li a.help			{padding-left:22px; background-image:url(designImages/help_icon.gif);}
/* 08.05.08
ul#toolsNav li a.sendToAFriend	{padding-left:40px; background-image:url(designImages/dog_36x24.gif);
	background-position: 0 0;
	background-repeat: no-repeat;}
*/	
	
#theHound		{position:absolute; top:8px; left:260px;}

/* == M A I N  M E N U */
#mainMenu		{margin-bottom:20px;}
#menuTabs		{float:right; margin-top:-27px; margin-right:18px; height:0; overflow:visible; display:inline;}
#menuTabs li	{float:left; list-style:none; margin-left:2px; font-weight:bold;}
/*#menuTabs li img	{ margin:0px 4px -5px -5px;  }
#menuTabs li img	 margin-bottom:-6px; margin-top:-2px; left:-5px; position:relative;}*/

#menuTabs li img	{top:6px; left:10px; margin:0; border:0; position:relative; zoom:1; line-height:0.1em; position:absolute;  }
#menuTabs li.sniffedOutTab span 		{padding-left:31px;}

#menuTabs a:-moz-any-link,
#menuTabs:not(p) li img	{top:0;}

#menuTabs a:-moz-any-link,
#menuTabs:not(p)	{margin-top:-21px;}

/* Firefox only hacktasticness */
#menuTabs li a			{text-decoration:none !important; background:url(designImages/mainTabs-backs.gif) no-repeat 100% 0%; padding:6px 15px 6px 0px; display:inline-block; zoom:1;}
* + html #menuTabs li a	{padding-top:5px;}/*IE7 Only*/

#menuTabs li a span			{color:#ffffff; background:url(designImages/mainTabs-backs.gif) no-repeat 0% 0%; text-align:center; padding:6px 0px 6px 15px;}
#menuTabs li a:hover		{background-position:100% 49%}
#menuTabs li a:hover span	{background-position:0% 49%}
#menuTabs li.active a		{background-position:100% 24%}
#menuTabs li.active a span	{background-position:0 24%; color:#4f2347;}
#menuTabs li.active a:hover	{background-position:100% 97.5%}
#menuTabs li.active a:hover span	{background-position:0% 97.5%;}
.menuStrip					{clear:both; text-align:right ; padding: 3px 18px 7px 0; min-height:16px; _height:14px; line-height:1.4em;
	/* phh 15 July 2008 padding-right:0;*/
	}
.menuStrip a				{text-decoration:none; padding:0 5px 0 10px; font-weight:bold; border-left:1px solid #ffffff;
	/* phh 15 July */ margin-left:5px; padding:0 0 0 6px; /*white-space:nowrap; float:right;*/
	}

.menuStrip a:hover			{text-decoration:underline;}
#menuStrip1					{margin-left:495px; width: 437px;
	/* phh 15 July 2008  width:637px;	margin:0 0 0 300px; text-align:right;*/ margin-left:480px; width:452px; overflow:auto;
	}
#menuStrip1	a				{color:#FFFFFF; white-space:nowrap; float:left;}
#menuStrip1	a.Selected		{color:#fdb514;}
#menuStrip2					{text-align:right ; padding: 3px 18px 6px 0; color:#733C6B;}
#menuStrip2	a				{color:#763d6b; border-color: #733C6B;}
#menuStrip2	a:hover			{text-decoration:underline;}
#menuStrip2	a.Selected		{text-decoration:underline;}
#menuStrip2	a.filter		{border:0; background-image: url(designImages/plus.gif); background-repeat: no-repeat; background-position: left center; padding-left:15px;}
#menuStrip2	a.filter:hover	{text-decoration:line-through;}

#menuStrip2 a.First,
.menuStrip a.First		{border:0; background-image:none; margin-left:0;}

/* == C O M P O N E N T S */
.pod			{border:1px solid #d1d3d4; width:127px; padding:10px 7px; margin-bottom:10px; position:relative;}
.pod h2			{font-size:100%; text-align:left; min-height:23px; _height:23px; margin:-11px -8px 5px; position:relative; padding:4px 7px 0 7px; background-image:url(designImages/podTitle_back.gif); background-repeat:no-repeat; font-weight:bold;}
.pod img.icon	{position:absolute; top:5px; right:5px;}

/* disappears in IE7 (not tested in anything except FireFox!) - mike	*/
.pod ol					{list-style:none;}
.pod li					{margin:0; margin-bottom:0.5em}
.pod .glassLink span	{width:105px;}
.pod input				{width:125px;}
.pod select				{width:130px; font-size:100%;}
.pod select option		{min-width:150px;}

/*search pod*/
.searchPod				{padding-bottom:6px;}
.searchPod li			{margin-bottom:5px;}

/*basket pod*/
.basket					{padding-bottom:5px;}
.basket .total			{width:100%;}

* html .basket,
* + html .basket		{padding-bottom:0px;}

/* wine of the week */
.wineOfWeek	img			{margin-left:30px;}
.wineOfWeek h3			{margin-bottom:0.3em;}

/* == V E R I S I G N */
#verLogo a,
#verLogo img	{display:block; text-align:center; margin:auto;}

#verLogo a		{font-size:0.75em;}
#verLogo		{margin-bottom:15px;}

/*!!!!!!!!!!!!!!!!!!!!!!*/

/* S A F A R I  H A C K */

/* safari sucks and can't read the next style rule or anything after it
.glassLink span span { height:19px;#}  */

/*don't put any style rules below here*/