/* ====================================================================================================

	Description:	Screen CSS
	Version:		v1.0 | 2009
	
	Company:		The Other Guys, Inc.
					togwines.com

	Author:			Design Vineyard, a design service of Everflight LLC
					designvineyard.com

==================================================================================================== */

/* Imports */
@import "base.css";


/* ====================================================================================================				
	Generic Classes
==================================================================================================== */

/* Headings */
h1 { font-size: 40px; line-height: 40px; margin: 0 0 10px 0; color: #333333; }
h2 { font-size: 30px; line-height: 30px; margin: 0 0 10px 0; color: #333333; }
h3 { font-size: 20px; line-height: 20px; margin: 0 0 10px 0; color: #333333; }
h4 { font-size: 14px; line-height: 20px; margin: 0 0 10px 0; color: #333333; }
h5 { font-size: 12px; line-height: 20px; margin: 0 0 10px 0; color: #333333; }
h6 { font-size: 10px; line-height: 20px; margin: 0 0 10px 0; color: #333333; }

/* Typography */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif; }
body { font-size: 12px; line-height: 19px; }
p { color: #333333; }
blockquote { font-family: Georgia, serif; }

/* Lists */
ol { margin: 0 0 25px 0; }
ol li { margin: 0 0 4px 0; }
ul { list-style-type: square; margin: 0 0 25px 0; }
ul li { margin: 0 0 5px 20px; line-height: 14px; }

/* Links */
a:link, 
a:visited { color: #375b9e; text-decoration: underline; }
a:hover { color: #375b9e; text-decoration: underline; }


/* ====================================================================================================				
	Site Specific CSS
==================================================================================================== */

/* Body & Wrapper
---------------------------------------------------------------------------------------------------- */
body { margin: 20px 0 20px 0; background: #afcfd2; min-width: 960px; text-align: left; }
#wrapper { width: 1000px; margin: 0 auto; border: 1px solid #7aa2a7; background: #ffffff; -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.2); }


/* Header
---------------------------------------------------------------------------------------------------- */
#header { margin-top: 0; margin-bottom: 10px; }
#header ul.rotate { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; }

.logo { margin: 0 0 0 0; }

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

#header ul.navigation li a { font: bold 9px 'Lucida Grande', sans-serif; line-height: 61px; letter-spacing: 1px; text-transform: uppercase; }
#header ul.navigation li a:link,
#header ul.navigation li a:visited { padding: 0; margin: 0 0 0 30px; color: #ffffff; text-decoration: none; }
#header ul.navigation li a:hover { color: #c02c14; }
#header ul.navigation li a.current { color: #c02c14; }

/* Content
---------------------------------------------------------------------------------------------------- */
#content { margin-top: 60px; margin-bottom: 60px; }

.home #content { margin-top: 60px; margin-bottom: 60px; }

.general #content h1 { font-family: "kelvingrove-1","kelvingrove-2",serif; font-size: 22px; margin: 0 0 15px 0; color: #c02c14; text-transform: uppercase; }
.general #content h2 { font-family: "ronnia-condensed-1","ronnia-condensed-2",sans-serif; font-size: 22px; margin: 0 0 15px 0; line-height: 22px; }
.general #content p { font-size: 11px; }

.general #content h3 { font-family: "ronnia-condensed-1","ronnia-condensed-2",sans-serif; font-size: 15px; margin: 85px 0 4px 0; line-height: 18px; text-transform: uppercase; }
.general #content h4 { font-family: "ronnia-condensed-1","ronnia-condensed-2",sans-serif; font-size: 28px; margin: 0 0 15px 0; line-height: 28px; }

.company-image { text-align: center; }
.company-image img { height: 360px; margin: 25px 0 0 50px;}

.company #wrapper #content h2 { text-align: center; font-family: "ronnia-condensed-1","ronnia-condensed-2",sans-serif; font-size: 17px; margin: 0 0 15px 0; line-height: 26px; }


.wine-navigation { text-align: center; margin: 0 0 30px 0; }
.wine-navigation ul { list-style-type: none; height: 20px; margin: 0 0 0 0; }
.wine-navigation ul li { display: inline; margin: 0 0 0 0; }
.wine-navigation ul li a:link,
.wine-navigation ul li a:visited { font-size: 10px; text-decoration: none; color: #333333; padding: 10px; }
.wine-navigation ul li a:hover { font-size: 10px; color: #c02c14; }
.wine-navigation ul li a.current { font-size: 10px; text-decoration: none; color: #c02c14; }
.wine-navigation ul li strong { font-family: Georgia, serif; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #333333; padding: 7px 25px 7px 10px; margin: 0 10px 0 6px; border-right: 1px solid #f1f1f1;}

.section-navigation { text-align: center; margin: 0 0 30px 0; }
.section-navigation ul { list-style-type: none; height: 20px; margin: 0 0 0 0; }
.section-navigation ul li { display: inline; margin: 0 0 0 0; }
.section-navigation ul li a:link,
.section-navigation ul li a:visited { font-size: 10px; text-decoration: none; color: #333333; padding: 10px; }
.section-navigation ul li a:hover { font-size: 10px; color: #c02c14; }
.section-navigation ul li a.current { font-size: 10px; text-decoration: none; color: #c02c14; }
.section-navigation ul li strong { font-family: Georgia, serif; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #333333; padding: 7px 25px 7px 10px; margin: 0 10px 0 6px; border-right: 1px solid #f1f1f1;}

#wrapper.hey-mambo { background: #ffffff url('http://www.togwines.com/public/images/backgrounds/hey-mambo.jpg') no-repeat top left; height: 650px; }
#wrapper.plungerhead { background: #ffffff url('http://www.togwines.com/public/images/backgrounds/plungerhead.jpg') no-repeat top left; height: 650px; }
#wrapper.the-white-knight { background: #ffffff url('http://www.togwines.com/public/images/backgrounds/the-white-knight.jpg') no-repeat top left; height: 650px; }
#wrapper.moobuzz { background: #ffffff url('http://www.togwines.com/public/images/backgrounds/moobuzz.jpg') no-repeat top left; height: 650px; }
#wrapper.pennywise { background: #ffffff url('http://www.togwines.com/public/images/backgrounds/pennywise.jpg') no-repeat top left; height: 650px; }
#wrapper.leese-fitch { background: #ffffff url('http://www.togwines.com/public/images/backgrounds/leese-fitch.jpg') no-repeat top left; height: 650px; }

.wines-main #content { margin-top: 30px; margin-bottom: 60px; }

.wines-main h1 { font-family: "ronnia-condensed-1","ronnia-condensed-2",sans-serif; font-size: 16px; margin: 0 0 35px 0; color: #333333; text-transform: normal; text-align: center; }
.wines-main ul.links { list-style-type: none; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 2px solid #bbbbbb; }
.wines-main ul.links li { margin: 0 0 12px 0; padding: 0 0 0 0;}
.wines-main ul.links li a:link,
.wines-main ul.links li a:visited { font-size: 10px; line-height: 12px; text-decoration: none; color: #333333; display: block; }
.wines-main ul.links li a:hover { font-size: 10px; color: #c02c14; }
.wines-main ul.links li a.current { font-size: 10px; text-decoration: none; color: #c02c14; }


.company #content { margin-top: 30px; margin-bottom: 100px; }
.company #content h1 { font-family: "kelvingrove-1","kelvingrove-2",serif; font-size: 22px; margin: 0 0 15px 0; color: #c02c14; text-transform: uppercase; }
.company #content h2 { font-family: "ronnia-condensed-1","ronnia-condensed-2",sans-serif; font-size: 16px; margin: 0 0 15px 0; line-height: 22px; }
.company #content p { font-size: 11px; }

.company #content h3 { font-family: "ronnia-condensed-1","ronnia-condensed-2",sans-serif; font-size: 15px; margin: 85px 0 4px 0; line-height: 18px; text-transform: uppercase; }
.company #content h4 { font-family: "ronnia-condensed-1","ronnia-condensed-2",sans-serif; font-size: 28px; margin: 0 0 15px 0; line-height: 28px; }

/* .company #content .closure { border: 1px solid #f1f1f1; -moz-border-radius:5px; -webkit-border-radius:5px; } */
.company #content .closure img { margin: 0 0 0 -20px; }
.company #content .closure h1 { font-family: "kelvingrove-1","kelvingrove-2", serif; font-size: 14px; margin: 0 0 15px 0; line-height: 14px; color: #333333; text-transform: normal; text-align: center; }
.company #content .closure p { padding: 0 20px 5px 20px; font-size: 11px; }



.wines-intro #content { margin-top: 30px; margin-bottom: 100px; }

.brand-intro { margin: 10px 0 0 0; }
.brand-intro img.brand-logo { margin: 0 0 8px 0; }
.brand-intro h1 { font-family: "kelvingrove-1","kelvingrove-2",serif; font-size: 18px; margin: 0 0 15px 0; color: #333333; }
.brand-intro p { margin: 0 0 30px 0; }
.brand-intro h3 { font-size: 12px; font-weight: bold; }
.brand-intro ul {  }
.brand-intro ul li { list-style-type: none; margin: 0 0 7px 0; }
.brand-intro ul li a:link,
.brand-intro ul li a:visited { font-size: 10px; color: #777777; text-decoration: none; }
.brand-intro ul li a:hover { color: #c02c14; }
.brand-intro ul li a.current { color: #c02c14; }

.wines-product #content { margin-top: 30px; margin-bottom: 100px; }

.wines-product .brand-logo { text-align: center; margin: 30px 0 0 0; }

.wines-product .release-navigation { background: #f9f9f9; padding: 15px; margin: 0 0 30px 0; border: 1px solid #f1f1f1; -moz-border-radius:5px; -webkit-border-radius:5px; }
.wines-product .release-navigation:hover { background: #f9f9f9; border: 1px solid #eeeeee; }
.wines-product .release-navigation ul { margin: 0 0 0 0; }
.wines-product .release-navigation ul li { list-style-type: none; margin: 0 0 7px 0; }
.wines-product .release-navigation ul li a:link,
.wines-product .release-navigation ul li a:visited { font-size: 10px; color: #777777; text-decoration: none; }
.wines-product .release-navigation ul li a:hover { color: #c02c14; }
.wines-product .release-navigation ul li a.current { color: #c02c14; }

.wines-product .release-navigation h3 { font-size: 12px; font-weight: bold; }

.wines-product .wine-header { border-top: 1px solid #dddddd; margin: 0 0 20px 0; }
.wines-product h1.brand { font-family: "ronnia-condensed-1","ronnia-condensed-2",sans-serif; font-size: 14px; line-height: 14px; text-transform: uppercase; margin: 0 0 5px 0; color: #333333; }
.wines-product h1 { font-family: "ronnia-condensed-1","ronnia-condensed-2",sans-serif; font-size: 26px; margin: 0 0 15px 0; line-height: 32px; color: #333333; }
.wines-product h2 { font-size: 14px; font-weight: bold; margin: 0 0 0 0; color: #333333; }
.wines-product p { font-size: 11px; margin: 0 0 25px 0; color: #777777; }
.wines-product .bottle-shot { text-align: center; }

.wines-product .technical-information ul { list-style-type: none; margin: 0 0 30px 0; }
.wines-product .technical-information ul li { font-size: 11px; line-height: 15px; margin: 0 0 15px 0; color: #777777; }
.wines-product .technical-information span.title { font-size: 9px; text-transform: uppercase; font-weight: bold; color: #333333; }

.wine-downloads h2 { font-size: 9px; font-weight: bold; text-transform: uppercase; margin: 0 0 0 0; color: #333333; }
.wine-downloads ul {  }
.wine-downloads ul li { list-style-type: none; margin: 0 0 7px 0; }
.wine-downloads ul li a:link,
.wine-downloads ul li a:visited { font-size: 10px; color: #56898e; text-decoration: none; }
.wine-downloads ul li a:hover { color: #56898e; text-decoration: underline; }

.wine-download-section { background: #f9f9f9; border: 1px solid #eeeeee; -moz-border-radius:3px; -webkit-border-radius:3px; padding: 15px; margin: 0 0 15px 0; }
.wine-download-section h2 { color: #333333; font-size: 11px; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 10px 0; line-height: 12px; border-bottom: 1px solid #dddddd; }

.wine-download-section ul { margin: 0 0 0 0; }
.wine-download-section ul li { list-style-type: none; margin: 0 0 4px 0; font-size: 11px; }
.wine-download-section ul li a:link,
.wine-download-section ul li a:visited { font-size: 11px; color: #333333; text-decoration: none; width: 100px; }
.wine-download-section ul li a:hover { color: #c02c14; text-decoration: underline; }


/* Trade */

.trade-downloads-hey-mambo { background: #ffffff url(http://www.togwines.com/public/images/media-backgrounds/hey-mambo.jpg) no-repeat top left; min-height: 520px; }
.trade-downloads-plungerhead { background: #ffffff url(http://www.togwines.com/public/images/media-backgrounds/plungerhead.jpg) no-repeat top left; min-height: 520px; }
.trade-downloads-the-white-knight { background: #ffffff url(http://www.togwines.com/public/images/media-backgrounds/the-white-knight.jpg) no-repeat top left; min-height: 520px; }
.trade-downloads-leese-fitch { background: #ffffff url(http://www.togwines.com/public/images/media-backgrounds/leese-fitch.jpg) no-repeat top left; min-height: 520px; }
.trade-downloads-moobuzz { background: #ffffff url(http://www.togwines.com/public/images/media-backgrounds/moobuzz.jpg) no-repeat top left; min-height: 520px; }
.trade-downloads-pennywise { background: #ffffff url(http://www.togwines.com/public/images/media-backgrounds/pennywise.jpg) no-repeat top left; min-height: 520px; }
/* .trade-downloads-the-other-guys { background: #ffffff url(http://www.togwines.com/public/images/trade-backgrounds/the-other-guys.jpg) no-repeat top left; min-height: 520px; } */

h1.trade-title { font-family: "ronnia-condensed-1","ronnia-condensed-2",sans-serif; font-size: 26px; margin: 15px 0 12px 0; line-height: 32px; color: #333333; }

.trade-section { background: #f9f9f9; border: 1px solid #eeeeee; -moz-border-radius:3px; -webkit-border-radius:3px; padding: 15px; margin: 0 0 15px 0; }
.trade-section h2 { color: #333333; font-size: 12px; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 10px 0; line-height: 12px; border-bottom: 1px solid #dddddd; }

.trade-section ul { margin: 0 0 0 0; }
.trade-section ul li { list-style-type: none; margin: 0 0 4px 0; font-size: 11px; }
.trade-section ul li a:link,
.trade-section ul li a:visited { font-size: 11px; color: #333333; text-decoration: none; }
.trade-section ul li a:hover { color: #c02c14; text-decoration: underline; }

.trade-section ul.trade-contacts { margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #dddddd; }
.trade-section ul.trade-contacts li { list-style-type: none; margin: 0 0 7px 0; padding: 0 0 7px 0; font-size: 11px; }
.trade-section ul.trade-contacts li strong { float: left; text-align: left; width: 150px; font-weight: bold; }
.trade-section ul.trade-contacts li a:link,
.trade-section ul.trade-contacts li a:visited { font-size: 11px; color: #333333; text-decoration: none; float: left; width: 100px; }
.trade-section ul.trade-contacts li a:hover { color: #c02c14; text-decoration: underline; }




/* Media */

.trade-navigation {  }
.trade-navigation ul {  }
.trade-navigation ul li { list-style-type: none; height: 65px; margin: 0 0 0 0; border-bottom: 1px dotted #dcdcdc; border-top: 1px solid #ffffff; background: #ffffff url(http://www.togwines.com/public/images/media/media-arrow.png) no-repeat 95% 50%; }
.trade-navigation ul li:hover { background: #f5f5f5 url(http://www.togwines.com/public/images/trade/trade-arrow-hover.png) no-repeat 95% 50%; }
.trade-navigation ul li a:link,
.trade-navigation ul li a:visited { font-size: 12px; line-height: 65px; padding: 0 0 0 15px; color: #333333; text-decoration: none; display: block; }
.trade-navigation ul li a:hover { color: #c02c14; text-decoration: none; }
.trade-navigation ul li a.current { color: #c02c14; text-decoration: none; font-weight: bold; }

.media-accolades-hey-mambo { background: #ffffff url(http://www.togwines.com/public/images/media-backgrounds/hey-mambo.jpg) no-repeat top left; min-height: 650px; }
.media-accolades-plungerhead { background: #ffffff url(http://www.togwines.com/public/images/media-backgrounds/plungerhead.jpg) no-repeat top left; min-height: 650px; }
.media-accolades-the-white-knight { background: #ffffff url(http://www.togwines.com/public/images/media-backgrounds/the-white-knight.jpg) no-repeat top left; min-height: 650px; }
.media-accolades-leese-fitch { background: #ffffff url(http://www.togwines.com/public/images/media-backgrounds/leese-fitch.jpg) no-repeat top left; min-height: 650px; }
.media-accolades-moobuzz { background: #ffffff url(http://www.togwines.com/public/images/media-backgrounds/moobuzz.jpg) no-repeat top left; min-height: 650px; }
.media-accolades-pennywise { background: #ffffff url(http://www.togwines.com/public/images/media-backgrounds/pennywise.jpg) no-repeat top left; min-height: 650px; }
/* .media-accolades-press-releases { background: #ffffff url(http://www.togwines.com/public/images/media-backgrounds/press-releases.jpg) no-repeat top left; min-height: 650px; } */

.media .trade-section p { font-size: 10px; font-weight: bold; line-height: 14px;  }
.media .trade-section p strong { color: #a10000; }
.media .trade-section p em { font-size: 9px; font-weight: normal; color: #777777; }
.media .trade-section a:link,
.media .trade-section a:visited { color: #333333; text-decoration: none; font-weight: normal; }
.media .trade-section a:hover { color: #276e75; text-decoration: underline; }



/*	Slidemenu
-------------------------------------------------------------- */
.accordion { list-style:none; width:940px; height:240px; display:block; overflow:hidden; margin: 0 0 0 0; padding: 0 0 0 0; }
.accordion li { float:left; display:inline; overflow:hidden; margin: 0 0 0 0; padding: 0 0 0 0; }

.history-accordion { list-style:none; width:940px; height:300px; display:block; overflow:hidden; margin: 0 0 0 0; padding: 0 0 0 0; }
.history-accordion li { float:left; display:inline; overflow:hidden; margin: 0 0 0 0; padding: 0 0 0 0; }




/* Pick Up This Penny */
body.penny { background-color: #000000; }
body.penny #wrapper { width: 1000px; margin: 0 auto; border: 1px solid #333333; background: #ffffff; -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.2); }
body.penny #wrapper.pennywise { background: #ffffff url('http://www.togwines.com/public/images/pickupthispenny/bg-pickupthispenny.jpg') no-repeat top left; height: 1300px; }
.penny #content { margin-top: 30px; margin-bottom: 50px; }

body.penny #footer { margin-top: 15px; margin-bottom: 30px; text-align: center; }
body.penny #footer p { font-size: 9px; color: #333333; line-height: 19px; margin: 0 0 7px 0; }
body.penny #footer p a:link,
body.penny #footer p a:visited { color: #333333; text-decoration: none; }
body.penny #footer p a:hover { color: #333333; text-decoration: underline; }

/* Miscellaneous
---------------------------------------------------------------------------------------------------- */

span.grey { margin: 0 0 0 8px; color: #bbbbbb; font-size: 20px; }

/* Icons */
a[href$='.pdf'] {
display:inline-block;
padding-left:27px;
line-height:15px;
background:transparent url(http://www.togwines.com/public/images/icons/pdf.gif) center left no-repeat;
}

a[href$='.png'] {
display:inline-block;
padding-left:27px;
line-height:15px;
background:transparent url(http://www.togwines.com/public/images/icons/png.gif) center left no-repeat;
}

a[href$='.jpg'] {
display:inline-block;
padding-left:27px;
line-height:15px;
background:transparent url(http://www.togwines.com/public/images/icons/jpg.gif) center left no-repeat;
}

a[href$='.zip'] {
display:inline-block;
padding-left:27px;
line-height:15px;
background:transparent url(http://www.togwines.com/public/images/icons/zip.gif) center left no-repeat;
}

a[href$='http://www.facebook.com/togwines'] {
display:inline-block;
padding-left:22px;
line-height:16px;
background:transparent url(http://www.togwines.com/public/images/social/facebook.png) center left no-repeat;
}

/* Search */
.left { text-align: left; }
.right { text-align: right; }

/* Search */
#search { margin: 0 0 20px 0; }

/* Mailing List */
#mailing-list { margin-top: 20px; margin-bottom: 15px; font-size: 10px; text-align: center; }
#mailing-list input[type="text"] { width: 250px; padding: 4px; border: 1px solid #d3e9eb; background: #afcfd2; color: #ffffff; }

/* Social Media */
#social-media { margin-bottom: 20px; font-size: 10px; text-align: right; }
#social-media a:link, 
#social-media a:visited { margin: 0 0 0 15px; color: #333333; text-decoration: none; }
#social-media a:hover { text-decoration: underline; }


/* Footer
---------------------------------------------------------------------------------------------------- */
#footer { margin-top: 30px; margin-bottom: 30px; text-align: left; }
#footer p { font-size: 10px; color: #56898e; line-height: 19px; margin: 0 0 3px 0; }
#footer p.credits { font-size: 9px; }
#footer p a:link,
#footer p a:visited { color: #56898e; text-decoration: none; }
#footer p a:hover { color: #56898e; text-decoration: underline; }