/*
*************************************************
Winestore
Home Page Styles

Author:		andCulture, info@andCulture.com
Updated:	March 18, 2009
Notes:		Winestore Magenta:	#f0037f
*************************************************
*/


body { background: #de0074 url(../images/bg_lines.png) repeat-x 50% 0; }

ul#nav { margin-left: 22px; top: 133px; }

#intro { padding: 69px 0 5px 0; background: #FFF; }
#intro h2 { margin: 0 auto; padding: 0; width: 550px; height: 42px; background: url(../images/titles/homepage_title_matrix.png) no-repeat; text-indent: -9999px; }
#intro p { margin: 12px auto 52px auto; width: 550px; height: 45px; background: url(../images/titles/homepage_title_matrix.png) 0 -53px no-repeat; text-indent: -9999px;}
#intro h3 { margin: 0 auto; padding: 0; width: 550px; height: 12px; background: url(../images/titles/homepage_title_matrix.png) 0 -151px no-repeat; text-indent: -9999px; }

#content { margin: 0 auto; width: auto; min-height: 0; background-color: #f0037f; float: none; }

#featured-wine-info { margin: 0 0 0 -275px; padding: 23px 0 10px 0; width: 380px; position: absolute; left: 50%; overflow: hidden; } /* Overflow for Safari*/
#featured-wine-info h1 { margin: 0; padding: 0; height: auto; color: #FFF; background: none; font-size: 32px; text-indent: 0; text-transform: none; }

#featured-wine-info p { margin: 0 105px 10px 0; color: #FFF; }
#featured-wine-info a.wine-details { color: #FFF; }
#featured-wine-info ul.details { width: 380px; position: absolute; top: 0; }
#featured-wine-info ul.details li { padding: 7px 0 0 0; color: #FFF; }
#featured-wine-info ul.details li.price { margin-top: 60px; padding: 0; float: right; color: #6d0039; font-size: 36px; font-weight: bold; line-height: .9; }
#featured-wine-info ul.details li.price sup { padding: 0 0 0 2px; top: -3px; font-size: 20px; }
#featured-wine-info ul.details li.price sup span { display: none; }

	/* ACTIONS */
	div.actions h6 { margin: 0 0 10px 0; display: none; color: #FFF; font-size: 20px; font-weight: bold; }
	div.actions button { height: 29px; display: none; background: url(../images/buttons/button_matrix_home.png); }
	div.actions button.add-to-cart { width: 156px; }
	div.actions button.in-cart { width: 128px; background-position: 0 -30px; }
	div.actions button.not-available { width: 156px; background-position: 0 -60px; }
	div.actions button.processing { width: 158px; background: url(../images/buttons/processing.gif) 0 -120px; }
	
	div.default button.add-to-cart,
	div.in-cart button.in-cart,
	div.not-available button.not-available,
	div.processing button.processing,
	div.error button.not-available,
	div.error h6 { display: block; }

	/* ICONS */
	ul.icons { margin: 0 0 5px 0; padding: 0; list-style: none; }
	ul.icons li { margin: 0 5px 0 0; padding: 0; width: 24px; height: 24px; float: left; background: url(../images/icons/wine_icon_matrix_home.png); text-indent: -9999px; }
	ul.icons li.color { width: 20px; }
	
	ul.icons li.rose 			{ background-position: -28px 0; }
	ul.icons li.white 			{ background-position: -56px 0; }
	
	ul.icons li.full			{ background-position: -84px 0; }
	ul.icons li.medium 			{ background-position: -112px 0; }
	ul.icons li.light 			{ background-position: -140px 0; }
	
	ul.icons li.apricot 		{ background-position: -168px 0; }
	ul.icons li.astringent 		{ background-position: -196px 0; }
	ul.icons li.blackcherry 	{ background-position: -224px 0; width: 23px; }
	ul.icons li.blackberry		{ background-position: -252px 0; width: 19px; }
	ul.icons li.butter			{ background-position: -280px 0; }
	ul.icons li.chocolate		{ background-position: -336px 0; width: 16px; }
	ul.icons li.floral			{ background-position: -364px 0; width: 23px; }
	ul.icons li.grapefruit		{ background-position: -392px 0; }
	ul.icons li.greenapple		{ background-position: -420px 0; width: 21px; }
	ul.icons li.honey			{ background-position: -448px 0; width: 23px; }
	ul.icons li.lemonlime		{ background-position: -476px 0; width: 26px; }
	ul.icons li.pear			{ background-position: -504px 0; width: 16px; }
	ul.icons li.redapple		{ background-position: -532px 0; width: 21px; }
	ul.icons li.redcherry		{ background-position: -308px 0; }
	ul.icons li.spice			{ background-position: -560px 0; }
	ul.icons li.strawberry		{ background-position: -588px 0; width: 18px; }
	ul.icons li.vanilla			{ background-position: -616px 0; width: 16px; }
	ul.icons li.vegetal			{ background-position: -644px 0; width: 16px; }

#featured-wine-photo { margin-left: -450px; width: 175px; height: 640px; position: absolute; top: -310px; left: 50%; }

ul#menu { margin: 0 0 0 155px; width: 289px; border-left: 3px solid #de0074; border-right: 3px solid #de0074; position: relative; left: 50%; }
ul#menu li { margin-bottom: 0; border-top: 2px solid #de0074; height: 49px; }
ul#menu li a { height: 49px; display: block; background-image: url(../images/nav/menu_home_matrix.png); }

ul#menu li#search-wine { border-top: none; }
ul#menu li#go-to,
body.authed ul#menu li#sign-in { display: none; }
body.authed ul#menu li#go-to { display: block; }

	/* NORMAL STATE */
	ul#menu li#search-wishlists a	{ background-position: 0 -49px; }
	ul#menu li#sign-in a				{ background-position: 0 -98px; }
	ul#menu li#go-to a			{ background-position: 0 -147px; }
	
	/* HOVER STATE */
	ul#menu li#search-wine a:hover		{ background-position: -289px 0; }
	ul#menu li#search-wishlists a:hover	{ background-position: -289px -49px; }
	ul#menu li#sign-in a:hover			{ background-position: -289px -98px; }
	ul#menu li#go-to a:hover			{ background-position: -289px -147px; }

/* FOOTER */
#footer { margin-top: 100px; margin-left: 0; padding: 0; width: 450px; background: none; }
#copyright { color: #FFF; }
#copyright a { color: #6d0039; }