/* --------------------------------------------------------------

Description:	Screen CSS
Version:		1.0.0 (2009-06-24)
Website:		Villa Hermosa Cellars
				http://www.villahermosacellars.com
Author:			Design Vineyard, a division of Everflight LLC 
				http://www.designvineyard.com
	
STRUCTURE:
Page Width:		960px (Using 960 Grid System)

-------------------------------------------------------------- */
/* Import
-------------------------------------------------------------- */

@import "boilerplate.css";
@import "plugins.css";

/*	Body
-------------------------------------------------------------- */
body { margin-top: 10px; font-size: 11px; background: #d8d8d8 url("../images/common/grape-cluster.jpg") top right no-repeat; color: #000; }


/*	General	*/
.content { margin-top: 20px; }
.sidebar { margin-top: 20px; }


/*	Radius Corners
-------------------------------------------------------------- */
blockquote, fieldset, input, textarea { -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; }


/*	Header
-------------------------------------------------------------- */

/*	Company Logo */
.company-logo { display: block; overflow: hidden; text-indent: -9999px; width: 283px; height: 73px; background: #ffffff url(../images/common/logo-villa-hermosa-cellars-web.png); }

/*	Sitewide Navigation */
.header { margin-bottom: 0; }
.header h1 { margin: 0 0 0 0; }
.header ul.navigation { margin: 0 0 0 -20px; padding: 0; float: left; /* This float aligns the navigation */ }
.header ul.navigation li { float: left; list-style: none; margin: 0 0 0 0; padding: 0; }

.header ul.navigation li a { font: normal 11px 'Lucida Grande', Tahoma, Verdana, serif; }
.header ul.navigation li a:link,
.header ul.navigation li a:visited { padding: 25px 10px; color: #727272; text-decoration: none; }
.header ul.navigation li a:hover { color: #082a65; }
.header ul.navigation li a.current { color: #082a65; }

h1.quote { margin: 25px 0 30px 0; text-align: center; font: normal 26px Georgia, 'Times New Roman', Times, serif; color: #585858; }
h1.quote span.grey { color: #9c9c9c; }
span.hidden { display: none; }
td.photogallery img { margin: 0 3px 0 0; }
div#fc_minicart { list-style-type: none; }

/*	Home
-------------------------------------------------------------- */
.home { padding: 20px 0 0 0; }
.home strong { font-size: 16px; color: #082a65; }
.home h3 { font: normal 16px Georgia, 'Times New Roman', Times, serif; color: #585858; }
.home p { padding: 0 30px 0 30px; font: normal 12px Georgia, 'Times New Roman', Times, serif; line-height: 20px; }


/*	Awards & Accoloades
-------------------------------------------------------------- */
.awards { padding: 20px 0 20px 0; }
.awards strong { font-size: 16px; color: #082a65; }
.awards em { font-weight: bold; }


/*	Our Story
-------------------------------------------------------------- */
.story { padding: 20px 0 20px 0; }
.story strong { font-size: 13px; color: #082a65; }
.story em { font-weight: bold; }


/*	Our Wines
-------------------------------------------------------------- */
.bottle { text-align: center; }

.wine .padding { padding: 0 15px; }

.wine h1 { font: normal 16px Georgia, serif; margin: 0 0 10px 0; line-height: 21px; }
.wine p { font-size: 11px; text-align: left; margin: 0 0 10px 0; }
.wine { padding: 10px 0 0 0; }

.wine .notes a:link,
.wine .notes a:visited { padding: 3px 5px; background: #c8c8c8; color: #333; font-weight: bold; text-decoration: none; }
.wine .notes a:hover { background: #082a65; color: #fff; }

.downloads { padding: 20px 0; text-align: right; }
.downloads a:link, 
.downloads a:visited { padding: 3px 5px; background: #c8c8c8; color: #333; font-weight: bold; text-decoration: none; }
.downloads a:hover { background: #082a65; color: #fff; }

img.purchase { padding: 30px 0 0 0; margin: 0; }
img.bottleshot { margin: 0 0 20px 0;}
img.photo { border: 1px solid #c8c8c8; padding: 9px; background: #fff; }
img.right { float: right; margin: 0 0 20px 20px; }
img.left { float: left; margin: 0 20px 20px 0; }

.price { padding: 20px 0 20px 0; font: normal 22px Georgia, serif; }
.price a:link,
.price a:visited { color: #000; text-decoration: none; font-size: 12px; letter-spacing: 1px; padding: 10px;}
.price a:hover { color: #333; background: #c8c8c8; }


/* Cottages
-------------------------------------------------------------- */
h1.phone { margin: 20px 0 10px 0; text-align: center; font: normal 14px Georgia, 'Times New Roman', Times, serif; text-transform: uppercase; letter-spacing: 3px; color: #585858; }
.flickr { float: right; margin: 0 0 20px 20px; }

.rental-price { padding: 20px 0 20px 0; font: normal 16px Georgia, serif; }
.rental-price a:link,
.rental-price a:visited { color: #000; text-decoration: none; font-size: 12px; letter-spacing: 1px; padding: 10px;}
.rental-price a:hover { color: #333; background: #c8c8c8; }

/* Store
-------------------------------------------------------------- */
.store { padding: 20px 0 20px 0; }

.store p { margin: 0 0 0 0; text-align: center; font: normal 14px Georgia, 'Times New Roman', Times, serif; }

.storeicons-left { border: 1px solid #4d4d4d; float: left; margin: 0 10px 10px 0;}
.storeicons-right { border: 1px solid #4d4d4d; float: right; margin: 0 0 10px 10px;}

.storeinfo { margin: 0 0 30px 0; padding: 15px; }

.fill { background: #e4e4e4; min-height: 390px; height: 390px; margin-bottom: 30px; }
.fill { -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -webkit-border-top-left-radius:9px; -webkit-border-top-right-radius:9px; -webkit-border-bottom-left-radius:9px; -webkit-border-bottom-right-radius:9px; }
.fill h4 { font: normal 14px Georgia, serif; margin: 0 0 10px 0; color: #000; line-height: 20px; }


/* FoxyCart Shopping Cart
-------------------------------------------------------------- */
#fc_minicart { display: none; }


/* Misc
-------------------------------------------------------------- */
hr { margin: 0 0 30px 0; }

.spacer { padding: 30px 0 30px 0; }

.clear { margin: 20px 0 20px 0; }

h2.sectiontitle { font: normal 30px Georgia, serif; margin: 0 0 20px 0; color: #7f7f7f; }
h4 { font: normal 16px Georgia, serif; margin: 0 0 10px 0; color: #333; line-height: 20px; }


/* Tables */
table { margin-bottom: 0; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: none; }
th,td { padding: 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/*	Footer
-------------------------------------------------------------- */
.footer { text-align: center; border-top: 1px solid #cdcdcd; margin-top: 20px; padding-top: 10px; }
.footer p.quiet { color: #333; font-size: 10px; }


/* Forms
-------------------------------------------------------------- */
input, textarea { font-size: 16px; }
/* form p.field { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee; } */
form p label { float: left; margin: 4px 0 0 0; width: 100px; font-size: 13px; font-weight: normal; color: #8b8b8b; }
form p small { font-size: 9px; font-weight: normal; color: #444; display:block; }