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

Description:	Screen CSS
Version:		v1.0
	
Company:		Tuck Beckstoffer Wines
				http://www.tbwines.com

Author:			Design Vineyard, a division of Everflight LLC
				http://www.designvineyard.com

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

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

/* Google Font Directory */
@import url(http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer);
@import url(http://fonts.googleapis.com/css?family=IM+Fell+French+Canon+SC);
@import url(http://fonts.googleapis.com/css?family=IM+Fell+French+Canon);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);

/* ====================================================================================================				
	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; }

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

/* Selection */
::-moz-selection { background: #b10000; color: #fff; }
::selection { background: #b10000; color: #fff; }


/* No Javascript */
#nojs {
    background: black url(i/icon-warning.png) no-repeat 15px 3px;
    height: 45px;
    width: 100%;
    color: white;
    font: 13px Arial, Helvetica, sans-serif;
    padding-left: 62px;
    padding-top: 5px;
    letter-spacing: 1px;
    display: block;
}

noscript span {
    color: #b3b3b3;
}

noscript span a {
    text-decoration: underline;
    color: #b3b3b3;
}

noscript span a:hover {
    text-decoration: none;
}

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

/* Body & Wrapper
---------------------------------------------------------------------------------------------------- */
body { margin: 0 0 100px 0; background: #f1f1f1; }
#wrapper { width: 1000px; margin: 0 auto; background: transparent; }


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

#header { margin: 0 0 25px 0; }

/* Brand Navigation */
.brand-header { text-align: center; margin-top: 50px; }
.brand-navigation { margin-top: 40px; margin-bottom: 20px; }
.brand-navigation ul { margin: 0 0 0 0; list-style-type: none; width: 100%; font-family: 'IM Fell French Canon SC', Georgia, serif; text-transform: normal; font-size: 14px; letter-spacing: 3px; line-height: 16px; text-align: center; }
.brand-navigation ul li { display: inline; }
.brand-navigation ul li a { text-decoration: none; color: #333333; padding: 25px; }
.brand-navigation ul li a:hover { color: #b10000; }
.brand-navigation ul li a.current { color: #b10000; }

/* Content
---------------------------------------------------------------------------------------------------- */
/* Placement */
#inner-wrapper { margin-top: 0; margin-bottom: 30px; }
#content { margin-top: 50px; }
.overview #content { margin-top: 0; }
.wines #content { margin-top: 0; }
.accolades #content { margin-top: 0; }
.mailing-list #content { margin-top: 0; }

/* Home */
#content h1 { text-align: center; color: #3d501f; font-family: 'IM Fell French Canon SC', Georgia, serif; font-size: 18px; font-weight: normal; line-height: 23px; text-transform: normal; letter-spacing: 1px; }
#content p { text-align: justify; color: #333333; font-family: 'IM Fell French Canon', Georgia, serif; font-size: 14px; font-weight: normal; line-height: 22px; }
#content span.dropcap { color: #b10000; font-size: 58px; float: left; margin: 12px 10px 10px 0; }

/* History */
.history #content h1 { text-align: center; color: #333333; font-family: 'IM Fell French Canon SC', Georgia, serif; font-size: 22px; font-weight: normal; line-height: 23px; text-transform: normal; letter-spacing: 1px; margin: 0 0 30px 0; }
.history #content p { text-align: left; color: #333333; font-family: 'IM Fell French Canon', Georgia, serif; font-size: 13px; font-weight: normal; line-height: 22px; }
.history #content img.historical { float: left; margin: 40px 50px 0 10px; }

/* Contact */
.contact #content h1 { text-align: center; color: #333333; font-family: 'IM Fell French Canon SC', Georgia, serif; font-size: 22px; font-weight: normal; line-height: 23px; text-transform: normal; letter-spacing: 1px; margin: 0 0 30px 0; }
.contact #content p { text-align: left; color: #333333; font-family: 'IM Fell French Canon', Georgia, serif; font-size: 13px; font-weight: normal; line-height: 22px; }
.contact #content p em { margin: 0 2px 0 0; font: italic 11px Georgia, serif; color: #444444; }
.contact #content p strong { font-size: 17px; font-weight: normal; color: #3d501f; }
.contact #content p a:link,
.contact #content p a:visited { color: #333333; text-decoration: none; }
.contact #content p a:hover { color: #b10000; }
.contact #content ul li { color: #b2b2b2; list-style-type: none; font-family: 'IM Fell French Canon', Georgia, serif; font-size: 12px; font-weight: normal; line-height: 22px; }

.brands { margin-top: 30px; }

/* Home */
ul.thumb {
	float: left;
	list-style: none;
	margin: 0 0 15px 0; padding: 10px;
	width: 960px;
}
ul.thumb li {
	margin: 0; padding: 12px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 100px;
	height: 100px;
}
ul.thumb li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid transparent;
	padding: 5px;
	background: #f1f1f1;
	position: absolute;
	left: 0; top: 0;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
ul.thumb li img.hover {
	background: transparent;
}




/* Trade Section
---------------------------------------------------------------------------------------------------- */

/* Trade */
#trade #content p { text-align: left; color: #333333; font-family: 'IM Fell French Canon', Georgia, serif; font-size: 13px; font-weight: normal; line-height: 22px; }

.trade-navigation ul { margin: 45px 0 0 0; }
.trade-navigation ul li { list-style-type: none; height: 45px; margin: 0 0 0 0; border-top: 1px solid #f1f1f1; background: transparent; }
.trade-navigation ul li:hover { background: transparent; }
.trade-navigation ul li a:link,
.trade-navigation ul li a:visited { font-size: 11px; line-height: 45px; 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; }

#trade #content h1.trade-title { color: #333333; font-family: 'IM Fell French Canon SC', Georgia, serif; font-size: 22px; margin: 0px 0 12px 0; line-height: 32px; }

.trade-section { background: #ffffff; border: 1px solid #f1f1f1; -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; }


/* 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;
}






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

/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0

Copyright 2009 Jeremie Tisseau
"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
http://www.gnu.org/licenses/gpl-3.0.html
*/

/* Panel Tab/button */
.tab {  }
.tab ul.login { display: block; position: relative; float: left; clear: left; height: 20px; width: auto; line-height: 20px; margin: 0; }
.tab ul.login li { text-align: left; margin: 0 0 0 15px; padding: 10px 0; display: block; float: left; height: 20px; }

/* Sliding Panel */
#toppanel { position: relative; /* relative pushes content, absolute overlays on content */ top: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; }
#panel { width: 100%; height: 100px; color: #333333; background: #f1f1f1; border-bottom: 1px solid #dfdfdf; overflow: hidden; position: relative; z-index: 3; display: none; }



/* Footer
---------------------------------------------------------------------------------------------------- */
#footer { width: 960px; margin: 0 auto; margin-top: 50px; text-align: center; padding: 0 15px 0 15px; font-size: 9px; }
#footer p.brand { font-family: 'Yanone Kaffeesatz', tahoma, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #ffffff; }
#footer p { margin-top: 4px; color: #666666; margin: 0 0 5px 0; }
#footer p em { margin: 0 2px 0 0; font: italic 10px Georgia, serif; color: #3d501f; }
#footer a:link,
#footer a:visited { color: #666666; text-decoration: none; }
#footer a:hover { text-decoration: underline; }