﻿
/* BEGIN RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; border: 0; padding: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/* END RESET */

/* BEGIN LAYOUT */
body { background-color: Black; font-family: Trebuchet MS, Verdana, Arial, Sans-Serif; font-size: 75%; color: #342b1d; }
.content { width: 950px; margin: 0px auto; position: relative; }
.branding { height: 180px; }
.thumbs { position: absolute; top: 92px; left: 380px; }
.branding p { width: 500px; position: absolute; top: 25px; left: 380px; }
.branding p { font-size: 1em; line-height: 1.4em; color: #eee2cd; font-weight: bold; }
.nav { width: 950px; position: absolute; top: 180px; left: 0px; z-index: 100; }
.clear { clear: both; }

.body { background-color: #eee2cd; position: absolute; top: 215px; width: 950px; }
.subContent { width: 360px; _width: 358px; float: left; padding-left: 31px; padding-top: 31px; }
p.subContentQuote { padding-left: 20px; margin-top: 20px; width: 310px; font-size: 1.5em; font-weight: 600; }
p.subContentCite { padding-left: 30px; margin-top: 3px; width: 275px; line-height: 1.3em; font-size: 1.1em; font-weight: normal; font-style: normal; padding-top: 10px; padding-right: 40px; margin-right: 0px; }
p.subContentDescript { padding-left: 32px; margin-top: 1.8em; font-size: 1.1em; width: 275px; line-height: 1.5em; font-style: italic; padding-right: 20px; }
.mainContent { width: 558px; _width: 562px; float: right; _margin-right: -4px; }
.mainContent h1 { font-size: 1.5em; color: #eee2cd; background-color: #342b1d; padding: .2em 0em .2em .72em; margin-bottom: 1em; }
.mainContent h3 { color: #eee2cd; background-color: #796d5b; padding: .2em 0em .2em .72em; margin-bottom: .3em; margin-left: 1.5em; }
.mainContent p { font-size: 1.1em; margin-left: 1em; margin-bottom: 1.2em; line-height: 1.4em; }
.mainContent .productDark p.padded { padding-right: 20px; }
.mainContent p.leftPad { padding-left: 15px; padding-right: 30px; }
.mainContent ul { list-style-position: outside; list-style-type: disc; margin-left: 3em; font-size: 1.1em; line-height: 1.5em; margin-bottom: 2em; }
.mainContent li { margin-right: 20px; }
.mainContent .bread p { font-size: 1em; margin-left: 0em; margin-bottom: 0em; }
.siteinfo { width: 950px; height: 36px; float: left; background-image: url(../App_Themes/images/footer.jpg); margin-top: 30px; }
.bread { margin-top: 14px; margin-left: 15px; margin-bottom: 7px; }
.separator { position: relative; bottom: 100%; }
.productLight { position: relative; width: 558px; float: left; border-left: solid 1px #342b1d; *margin-bottom:-5px;}
.productDark { position: relative; width: 558px; float: left; background-color: #c7b493; border-left: solid 1px #342b1d; *margin-bottom:-5px;}
img.newBurst { position: absolute; left: 465px; top: 52px; _behavior: url(App_Themes/css/iepngfix.htc); }
.productFloatRight { float: right; padding: 0px 18px 0px 10px; }
.bread { color: #554838; height: 12px; font-weight: 500; font-size: 8pt; clear: right; }
.bread a, .bread a:link, .bread a:visited, .mainContent a, .mainContent a:link, .mainContent a:visited { color: #554838; }
#breadcrumb a:hover, .mainContent a:hover { color: #cec4ad; }
.button { padding: 0px 0px 15px 15px; }
.productLight h3, .productDark h3 { clear: both; }
.productLight p img, .productDark p img { padding-bottom: 30px; }
.menu_images { margin: -3px 0px -3px 0px; }
.mainContent ul.thumbImages { padding-left: 20px; margin: 0px; }
.mainContent li.thumbImages { list-style: none; list-style-image: none; float: left; margin-right: 5px; display: block; padding-bottom: 5px; }
img.separate { margin: 0px; padding: 0px; }
.otherPlaces { float: left; width: 950px; position: relative; background-color: Black; }
blockquote { margin: -10px 0 0 0; padding: 0px 0px 10px 20px; font-size: .8em; font-style: italic; }
.SmallJacketFloat { float: right; clear: right; margin: -20px 100px 0px 0px; }
p.jacketLabel { margin-bottom: 0px; padding: 0px; margin-left: 72px; }
p.thumbTitle { font-size: 12px; width: 95px; margin-bottom: 0px; margin-left: 5px; padding: 0px; }
p.thumbTitleWide { font-size: 12px; width: 152px; margin-bottom: 0px; margin-left: 5px; padding: 0px; }

/* IE ONLY */
* html #form .radial_button .button_text { padding: 4px 0px 0px 5px; }

/* IE7 ONLY */
*:first-child + html #form .radial_button .button_text { padding: 4px 0px 0px 5px; }
#form { width: 444px; padding: 20px 0 20px 0; float: left; clear: both; }
#form .radial_button { padding: 0px 0 5px 0px; height: 20px; }
#form .radial_button .button { padding: 0px 0px 0px 0px; float: left; }
#form .radial_button .button_text { float: left; width: 100px; height: 12px; padding: 1px 0px 0px 5px; }
#form .radial_button .button_text p { display: inline; padding: 0px 0px 0px 0px; text-align: left; }
#form .left_small_form { width: 150px; height: 30px; float: left; text-align: right; padding: 5px 0px 0px 0px; }
#form .left_medium_form { width: 150px; height: 60px; float: left; text-align: right; padding: 5px 0px 0px 0px; }
#form .left_big_form { width: 150px; height: 100px; float: left; text-align: right; padding: 5px 0px 0px 0px; }
#form .left_bigger_form { width: 150px; height: 170px; float: left; text-align: right; padding: 5px 0px 0px 0px; }
#form .right_small_form { width: 250px; height: 30px; float: left; clear: right; padding: 0px 5px 5px 10px; }
#form .right_medium_form { width: 250px; height: 60px; float: left; clear: right; padding: 10px; padding: 0px 5px 5px 10px; }
#form .right_big_form { width: 250px; height: 100px; float: left; clear: right; padding: 0px 5px 5px 10px; }
#form .right_bigger_form { width: 250px; height: 170px; float: left; clear: right; padding: 0px 5px 5px 10px; }
#form .consent { width: 400px; float: left; padding: 0px 5px 5px 10px; font-weight: normal; line-height: 130%; }
p.consent { font-size: .85em; font-style: italic; margin-left: 145px; width: 250px !important; }
/* END LAYOUT */

/* BEGIN LIGHTBOX */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; margin: -40px 0px 0px 0px; }
#lightbox img { width: auto; height: auto; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer > #hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../App_Themes/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../App_Themes/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData { padding: 0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* END LIGHTBOX */

/* BEGIN FLIP BOOK */
#fbContainer { height: 600px; background-color: #eee2cd; }
#fbCurrentPages { color: #7e6a4f; font-weight: bold !important; }
#fbFooter { height: 66px; background-image: url(../App_Themes/images/green_strap_02.jpg); }
.fbPaginationMinor { color: #7e6a4f; margin-left: 10px; font-weight: bold !important; }
#fbContents { float: left; margin-left: 15px; }
#fbMenu { float: right; margin-right: 15px;}
#altmsg { position: absolute; background-color: #000000; padding: 20px; opacity: 0.6; filter: alpha(opacity=60); text-align: center; }
#altmsg:hover { opacity: 0.8; filter: alpha(opacity=80); }
a.altlink:link { color: #FFFFFF; }
a.altlink:visited { color: #DDDDDD; }
a.altlink:hover { color: #FFFFFF; }