/*
2011-02-17T12:04:55-08:00 - Added some IE6 fixes when new images were added. Switched
				to floats for the bag images. New div around bag images for IE6.
*/

/* palette: 
main denim: #303c50, light denim: #8EA0BF, dark denim: 182640,
purple: #4F2F3B, light green: #9FD67E
compliment brown: #4F4533 
*/
body { color: black; font-size: 16px; font-family: Georgia, "Times New Roman", serif; }
p,td,th,li,pre,code {  font-size: 1em;  }
body, div { margin: 0; padding: 0 }

p { margin: 1.5em 0px; line-height: 1.5em }

/* set page width */
#allContentWrapper { width: 900px; margin: 0 auto }
body { background: #78a0c3 url(../image/fzm-wine.corks.texture-01-blk-blur[400x400].jpg) top center; 
 color: black; font-size: medium; font-family: verdana, arial, helvetica, sans-serif;  }
#mainContainer { background-color: transparent }

body { text-align: center }

/* holds everything, same as allContentWrapper */
#allContentWrapper { position: relative; text-align: left; margin: 0 auto; background-color: transparent }


/* the main sections */
#headingContainer { }
#bodyContainer { position: relative; clear: both; background-color: #eff0d0 }
#footerContainer { clear: both }


/* content for each title section */
#titleContainer { background: transparent url(../image/WkTitleBg-fs8.png) top center repeat-y } 
#titleContent { text-align: center }
#pageTitleImg { width: 283px; height: 38px; padding: 38px }
/* height is for IE 5/6 display bug, has_layout */
#headingText { height: 1%; background: #EFF0D0 url(../image/WkBodyTopEdge.gif) no-repeat scroll 0 100%; padding: 40px 80px; position: relative }
#headingText .tagline1 { font-size: 30px; color: #292F35; margin: 20px 0 10px 0 }
#headingText .tagline2 { font-size: 24px; color: #292F35; margin: 0 0 10px 0 }
#titleLhGrape { position: absolute; top: -80px; left: -50px; behavior: url(css/iepngfix.htc) }
#titleRhGrape { position: absolute; top: -60px; right: -60px; behavior: url(css/iepngfix.htc) }

/* content for each bodyContainer section */

/* main content, left of rhContainer */
#mainContainer { background-color: #303c50; margin-right: 180px }
#largerMessage { padding: 1em 2em; background-color: #abd5af; }
/* only show this if JS is enable */
#imageMessage { padding: 1em 2em; background: #303c50 url(../image/WkBagBgTR-fs8.png) top right no-repeat; 
  color: white; min-height: 150px; clear: both }
#imageMessage a { color: white; }
#imgSmallWinePocket { float: right; width: 240px; height: 320px; margin: 1.5em 0 .75em .75em }

#bagImageContainer { background-color: #303c50; padding-bottom: 1em }
#thumbs { float: left; position: relative; background: #303c50; padding: 40px 0px 0 0px }
#thumbs .thumbPic { float: left; width: 180px; margin: 30px 0; text-align: center; vertical-align: middle; }
#thumbs a { display: block; width: 120px; margin: 0 auto; vertical-align: middle; }
#thumbs .thumbFrame { position: absolute; width: 120px; height: 160px; z-index: 1; 
	background: transparent url(../image/bagBg.png) no-repeat center center; }
#theBigPicture { } /* done is the js */


/* fixed width container to right of mainContainer */
#rhContainer { background-color: #eff0d0; width: 180px; position: absolute; right: 0; top: 0; overflow: hidden }
#rhContainer .adSpace { margin: 20px auto; width: 160px }
#relatedLinks { font-size: 80%; border-width: 5px 0  }

/* content for each footerContainer section */
#footerButtons { text-align: center; padding-top: 30px }

/* only show if JavaScript is enabled */
.jsBlockEnable { display: none }
.jsInlineEnable { display: none }

/* ================================================================ */
/* everything is the same below here FixedRightCol and CenteredPage */

ul { margin: .75em 0em 1.5em 1.5em; padding-left: .5em }	/* box starts at the text, marker is outside the box */
ul.noBull { margin: .75em 0em 1.5em .5em; padding-left: .5em }	/* box starts at the text, no marker */
ol { margin: .75em 0em 1.5em 2em; padding-left: .5em }	/* box starts at the text, no marker */
ul ul { margin: 0em 0em .75em 1.5em}
ul ul { margin: 0em 0em .75em 1.5em}
li { padding: .375em 0px;}
ul.noBull li { list-style-type: none; }
ul li { list-style: disc;}
ul li li { list-style:  square; font-size: smaller }
ul li li li { list-style:  circle; font-size: 100% }

.pad1emAll { padding: 1em }
.pad1emSides { padding-left: 1em; padding-right: 1em }

blockquote, div.indent { margin: .75em 0 .75em 20px }
div.boxed, blockquote.boxed { border: 1px solid #999999; padding: 10px; background-color: #f0f0f0 }
blockquote.blockFormat { font-family: "Times New Roman", Times, serif; 
 margin: 10px 30px }
div.quoteGroup { margin-left: 10px; border-left: 1px dotted #999999; padding-left: 10px }

/* floating sidebars */
div.sideBarLeft, div.sideBarRight { width: 30%; padding: .5em 1em; margin: .5em 1em;
background-color: #f0f8ff; border: 1px solid #d0e0f0 } 
div.sideBarRight { float: right; margin-right: 0; border-right: none } 
div.sideBarLeft { float: left; margin-left: 0; border-left: none }

/* for lists of buttons (or text), usually in rhContainer of 180px */
.buttonBox { background-color: #ECF1F4; padding: 5px; margin: 25px 5px; 
   border: 3px solid #8EA0BF; text-align: left }
.buttonBoxNbg { padding: 5px; margin: 25px 5px; text-align: left }
.buttonBox a, .buttonBoxNbg a { border: none; margin: 0; padding: 0 }
.buttonBox a img, .buttonBoxNbg a img { border: none; margin: 0; padding: 0 }
.buttonBox ul, .buttonBoxNbg ul { margin: .75em 0em 0em 0em; padding-left: 0; list-style-type: none;  }	
.buttonBox ul li, .buttonBoxNbg ul li { margin: .375em auto; padding: 0; list-style-type: none;  } 
.buttonBox ul li.spaced, .buttonBoxNbg ul li.spaced { margin: 1.5em auto; padding: 0; list-style-type: none;  } 
.buttonBox .linkButton, .buttonBoxNbg .linkButton { border: none; margin: 0; padding: 0 }

/* div for a quick link or two for local navigation */
.floatRightButtons { float: right; padding: .5em; margin: 0 0 1em 1em }

.first, .noTopMargin { margin-top: 0 ! important }
.noTopBorder { border-top: none ! important }
.noTopPadding { padding-top: 0 ! important }
.last { margin-bottom: 0 ! important }
.center { text-align: center }

/* specialty classes for books, movies and music */
.mediaTitle { font-weight: bold; font-style: italic }
.phoneNumber { font-family: monospace; font-weight: bold; white-space: nowrap }
.comment { font-family: times }

code, .code { color:#006600; font-family:Courier,'Courier New',monospace; font-size:100%; }
.monospaceFont { font-family: monospace }

img { border: none; position: relative }
pre, code { font-family: monospace; font-size: 100% }

h1, h2, h3, h4, h5, h6 { font-family: verdana, arial, helvetica, sans-serif; font-weight: bold;
letter-spacing: .1em; margin: 2em 0 .25em 0; padding-top: 6px; clear: both }
h1 { font-size: 150%; margin-top: 0; line-height: 120%; padding: 6px .5em; }
h2 { font-size: 130%; border-top: 2px solid; margin-top: 1em }
h3 { font-size: 110%; margin-top: .5em }
h4 { font-size: 100%; margin-top: .5em }
h5 { font-size: 100%; margin-top: .5em }

/* content dividers, typically start article with h1 */
/* .article { margin: 20px 0em; border-top: 8px solid #78a0c3; padding-top: 8px; clear: both } */
.article { margin: 1.5em 0; clear: both }
.noTopBorder { border-top: none }

hr { width: 95% }
hr.secBreak { margin: 15px auto 3px auto; clear: both; text-align: center; }
.clear, .clearfix { clear: both }

.footerButton{ margin: 20px; width: 100px; display: inline }

/* ================================================ */
/* color overrides */
/* color scheme is hue 0x93 */

a:hover { text-decoration: none }
a { color: #1b3345; text-decoration: underline; }
a img { border: none }
h1 { color: #EAF0F6; background-color: #292F35; }
h2, h3, h4, h5, h6 { color: #173147 }
h2 { border-top-color: #173147 }

.comment { color: #2D4A63 }
.quoteGroup { border-left-color: #8A98A4 }
.textWrapper .article, #bodyContainer .article { border-top-color: #78a0c3 }
.sideBarLeft, .sideBarRight { background-color: #f0f8ff; border-color: #d0e0f0 }
.phoneNumber { color: #1b3345 }
.floatRightButtons { background-color: #D6DFE6 }
/* ================================================ */