﻿/* DEFAULTS
----------------------------------------------------------*/
html { overflow-y: scroll; }
body { background-color: #ffffff; background-image: url(BackgroundGradient.jpg); background-repeat: repeat-x; font-family: Verdana, sans-serif; font-size: 0.85em; margin: 0px; padding: 0px; color: #3c3900; }
td { font-family: Verdana, sans-serif; }

a:link, a:visited { color: #034af3; }
a:hover { color: #1d60ff; text-decoration: none; }
a:active { color: #034af3; }

p { margin-bottom: 10px; line-height: 1.6em; }
img { border: 0px none; }
hr { height: 1px; border: 0px none; background-color: #e0e0e0; }


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #3c3900; font-weight: 200; margin-bottom: 0px; }
h1 { font-size: 1.6em; padding-bottom: 0px; margin-bottom: 0px; }
h2 { font-size: 1.5em; font-weight: 600; }
h3 { font-size: 1.2em; font-weight: 600; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page { width: 980px; background-color: #362F25; margin: 60px auto 0px auto; }

.header { margin: 0px; padding: 0px; width: 100%; height: 131px; background-image: url(HeaderBackground2.jpg); }
.header h1 { font-weight: 400; margin: 0px; padding: 0px 0px 0px 0px; color: #ffffff; font-size: 2.4em; font-family: Georgia, "Times New Roman"; }

.title { padding-top: 30px; }

.navigation { min-height: 419px; width: 0px; background-color: #362f25; font-size: 0.85em; }

.main { min-height: 419px; background-image: url(HomeBackground.jpg); background-repeat: no-repeat; }

.content { min-height: 419px; background-color: #ffffff; background-image: url(PageBackground.jpg); background-repeat: no-repeat; }

.footer { color: #999999; background-color: #ffffff; border-top: 1px solid #e0e0e0; padding: 10px 0px 10px 0px; text-align: center; font-size: 0.7em; }


/* TAB MENU   
----------------------------------------------------------*/
.staticMenu { }

.staticItem { background-color: #806748; padding-top: 5px; padding-right: 25px !important; padding-bottom: 5px; padding-left: 15px; }
.staticItem:link, .staticItem:visited { color: #ffffff; }
.staticItem:hover, .staticSelected { background-color: #fff2d5; color: #000000; }

.dynamicMenu { border: 1px solid #cccccc; }

.dynamicItem { background-color: #fff2d5; border: 1px solid #cccccc; padding: 5px 15px 5px 15px; color: #000000; }
.dynamicItem:link, .dynamicItem:visited { color: #000000; }
.dynamicItem:hover { background-color: #ffffff; color: #000000; }


/* FORM CONTROLS
----------------------------------------------------------*/
.textBox { width: 450px; }


/* MISC.
----------------------------------------------------------*/
.testimonials { position: relative; float: right; font-size: 0.85em; width: 190px; margin-left: 20px; padding: 15px; border: 1px solid #cccccc; }

.new { font-weight: normal; font-size: 0.8em; }
.new sup { background-color: #00ff00; color: #000000; }

.comparison { border-collapse: collapse; margin-left: auto; margin-right: auto; font-size: 0.9em; }
.comparison thead tr { background-color: #362F25; }
.comparison thead td { color: #ffffff; font-weight: bold; white-space: nowrap; }
.comparison td { border: 1px solid #cccccc; padding: 7px 10px 7px 10px; text-align: center; }
.comparison tfoot td { font-weight: bold; }

.oddRow { }
.evenRow { background-color: #e0e0e0; }

.note { color: #999999; font-size: 0.7em; }

.message { border: 1px solid #cccccc; background-color: #fff2d5; width: 450px; margin-left: auto; margin-right: auto; padding: 15px; }

.required { color: #ff0000; }


/* PRINTABLE VERSION PAGE
----------------------------------------------------------*/
#AddToCartButtons h3 { margin-top: 0; line-height: 1.5em; }
#AddToCartButtons img { vertical-align: middle; cursor: pointer; }

.jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #eee; color: #333; border: 1px solid #000; padding: 12px 20px; }
* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }
.jqmOverlay { background-color: #000; }

#AgreementModal li { padding-bottom: 10px; }
#AgreementModal .windowClose { float: right; line-height: 0.8em; font-weight: 600; }
#AgreementDetail { height: 200px; overflow-y: scroll; padding: 0 12px 12px; margin: 15px 0 25px; border: 1px solid #ccc; background-color: #fff; }
#ButtonPanel { text-align: right; padding-bottom: 10px; }

