/* CSS Document */

html {margin: 0; padding: 0;}
body {margin: 0; padding: 0; background-color: #000; font-family: Tahoma, Geneva, sans-serif; font-size: 100%;}

p {margin: 0; padding: 0;}
img {border: 0;}
a {}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 14px;}

.clear {clear: both; height: 0;}
#wrapper {width: 100%; margin: 0; padding: 0;}
.container {width: 960px; margin: 0 auto; padding: 0;}
.h-line {border-bottom: 1px solid #666; margin: 0; padding: 0; height: 1px;}
.grey {color: #999; text-decoration: underline; font-style: italic;}
.red {color: #9d0f18;}
.bold-red {color: #9d0f18; font-weight: bold;}
.black {color: #000; text-decoration: underline;}

/* Header */
#header {min-height: 250px; color: #fff; padding-bottom: 20px;}
#logo {width: 329px; height: 83px; float: left; background: url(images/stiffnights-logo.png) top left no-repeat; margin-top: 20px;}
#contact-info {width: 250px; float: right; text-align: right; margin: 5px 0 0 0;}
#contact-info p {font-size: 12px; color: #999; font-weight: bold; margin: 3px 0; padding: 0;}
#contact-info h6 {font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; text-transform: uppercase;}

#main-nav {float: left; width: 680px; margin: 40px 0 20px 0; padding: 0;}
#main-nav li {float: left; list-style: none; margin: 0 40px 10px 0; padding: 0;}
#main-nav li a {color: #999; text-decoration: none; font-weight: bold; font-size: 16px; color: #999; padding-bottom: 5px; }
#main-nav li a:hover {color: #fff; border-bottom: 4px solid #960f18;}
#main-nav li a.active {}

#header-info {margin: 0; padding: 0; border-bottom: 1px solid #666; border-top: 1px solid #666;}
#header-info p {float: left; font-size: 14px; font-weight: bold; padding: 5px 0; margin: 0;}
#header-info a {padding-right: 2px; }

#sub-menu {float: right; width: 250px; margin: 23px 0 0 0; padding: 0;}
#sub-menu li {list-style: none; float: right; margin: 0; padding: 0;}
#sub-menu li a {color: #868686; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 16px; text-align: right; padding-left: 20px; line-height: 50px;}
#sub-menu li a:hover {color: #960f18;}
#sub-menu li a.active {}

/* Showcase */
#showcase-1 {background: url(images/showcase-1-bg.png) top left repeat-x; height: 338px; width: 100%; text-align: center; margin: 0; padding: 0;}
#slider {margin: 0 auto; width: 937px; height: 338px;}
#showcase-1 img {margin: 0 auto; text-align: center; }
#slider ul, #slider ul li{ margin: 0; padding: 0; list-style: none;}
#slider li {width: 937px; height: 338px; overflow: hidden;}
#showcase-1 button {border: 0; padding: 0; margin: 0; }
.sampler-button {background: url(images/sampler-bg.jpg) top left no-repeat; padding: 0; margin: 0; border: 0; background-color: #000; width: 937px; height: 338px;}

/*
#showcase {background: url(images/showcase-bg.jpg) top center no-repeat #cfcfcf; height: 338px;}
#showcase h1 {font-size: 36px; color: #000; margin: 0; padding: 0;}
#show-content {padding: 10px 0;}
#cont-1 {width: 350px; float: left;}
#cont-2 {width: 275px; float: left;}
#cont-3 {width: 320px; float: left;}
#f-logo {width: 312px; height: 170px;}
#f-buy {width: 180px; height: 39px; margin: 10px 0 0 80px;}
#f-prod {width: 228px; height: 273px;}
#f-name h2 {font-size: 30px; margin: 0; padding: 0;}
#f-list {margin: 0; padding: 0; font-size: 16px; font-weight: bold;}
#f-list li {list-style: none; background: url(images/star.png) left center no-repeat; padding: 3px 0 2px 22px;}
*/

/* Content Area */
#content {background-color: #fff; min-height: 365px; position: relative;}
#content h1 {font-size: 36px; color: #000; margin: 0; padding: 0;}
#p-1 {width: 265px; height: 310px; float: left; margin: 0 10px 0 0; padding: 0; text-align: center; position: relative;}
#p-2 {width: 225px; height: 310px; float: left; margin: 0; padding: 0; text-align: center; position: relative;}
#p-3 {width: 230px; height: 310px; float: left; margin: 0; padding: 0; text-align: center; position: relative;}
#p-4 {width: 230px; height: 310px; float: left; margin: 0; padding: 0; text-align: center; position: relative;}
.p-title {font-size: 16px; color: #000; padding: 0 15px; margin: 0 0 5px 0; font-weight: bold; text-align: left;}
.p-desc {text-align: left; margin: 0; padding: 0;}
.p-desc p {font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 14px; line-height: 14px; color: #737373; margin-left: 10px; padding: 0 5px;}
.p-view {width: 100%; margin: 10px auto; padding: 0; text-align: center; position: absolute; bottom: 0;}
.p-view img {width: 123px;}

/* Footer */
#footer {min-height: 325px; padding: 20px 0; margin: 0;}
#bottom-show {padding: 20px 0; border-top: 1px solid #666; border-bottom: 1px solid #666;}
.bottom-box {width: 300px; height: 115px; float: left;}
.bottom-box-m {width: 300px; height: 115px; float: left; margin: 0 30px;}
.learn-more {width: 174px; height: 31px; text-align: right; float: right;}

#bottom-info {border-bottom: 1px solid #666; padding: 10px 0; margin: 0;}

#bottom-nav {width: 600px; float: left; margin: 0; padding: 0;}
#bottom-nav li {float: left; list-style: none; margin: 0; padding: 0;}
#bottom-nav li a {font-size: 16px; font-weight: bold; text-decoration: none; padding: 0 15px 0 0; color: #868686; line-height: 29px;}
#bottom-nav li a:hover {color: #9d0f18;}

#social {width: 300px; float: right;  margin: 0; padding: 0;}
#social li.one {color: #868686; line-height: 29px; margin: 0; padding-right: 10px; float: right; list-style: none;}
#social li {margin: 0; padding: 0; float: right; list-style: none;}
#social li a img {margin: 0; padding: 0;}

#newsletter {width: 300px; float: left; margin: 10px 0;}
#newsletter p {color: #595959; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; padding: 0; margin: 0;}
form .einput {padding: 3px 5px; margin: 5px 0; float: left; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 12px; width: 180px; height: 16px;}
form .sinput {margin: 5px 0; padding: 0; float: left; background: url(images/newsletter-signup.png) top left no-repeat; border: 0; width: 68px; height: 24px;}

#copy {width: 650px; float: right; text-align: right; margin: 40px 0 5px 0;}
#copy p {color: #595959; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 14px;}
#copy a {color: #595959; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 14px; padding-right: 10px;}

#disclaimer{float:right; color:#595959; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 11px;}

/*Other Products Page */
#our-products-content {background-color: #ececec; min-height: 365px; padding-bottom: 15px;}
#our-products-content h1 {font-size: 36px; color: #000; margin: 0 0 20px 0; padding: 0;}
.product-info {/*height: 180px;*/ margin: 10px 0 20px 0; padding: 0 0 15px 0; border-bottom: 1px solid #000;}
.product-img {width: 205px; float: left; margin: 0 10px 0 0; padding: 0; text-align: center;}
.prod-center {width: 550px; float: left; margin: 0 10px 0 0; padding: 0;}
.prod-title {margin: 0 0 10px 0; padding: 0;}
.p-ttl {float: left; width: 50%;}
.p-ttl h2 {font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 0; padding: 0;}
.prod-desc p {font-size: 14px; font-weight: bold; margin: 0; padding: 0; color: #737373;}
.prod-desc p.other-opt {font-size: 16px; font-weight: bold; margin: 10px 0; padding: 0; color: #000;}

a.other-opt {font-size: 16px; font-weight: bold; margin: 10px 0; padding: 10px 0 0 0; color: #000; text-decoration: none;}
.alternative {margin: 10px 0;}

.prod-right {width: 140px; float: right; padding: 20px 0 0 0;}
.prod-right form input.submit {width: 140px; height: 31px; background: url(images/add-to-cart.png) top left no-repeat; border: 0;}
.prod-right a img {margin: 0;}
.prod-add-cart {font-size: 16px; font-weight: bold; text-align: right; color: #9d0f18; float: right;}
.prod-v-prod {margin: 10px 0;}
.prod-price {margin: 5px 0;}

/* Testimonials Page */
#test-content {background-color: #ececec; min-height: 365px; padding-bottom: 15px;}
#test-content h1 {font-size: 36px; color: #000; margin: 0 0 10px 0; padding: 0;}
#test-left-col {width: 600px; float: left;}
.test-holder {margin: 10px 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #000;}
.testimonial-cont p {font-size: 14px;}
.location p {font-size: 14px; font-weight: bold; text-align: right; color: #868686;}
.name p {font-size: 14px; font-weight: bold; text-align: right;}
#test-right-col {width: 340px; float: left; margin: 0 0 0 20px; text-align: center;}
#satisfied {width: 270px; margin: 0 auto;}

/* FAQs Page */
#faq-body {color: #FFF;}
#faq-content {background-color: #cfcfcf; min-height: 365px; padding-bottom: 25px;}
#faq-content h1 {font-size: 36px; color: #000; margin: 0 0 10px 0; padding: 0; width: 400px; float: left;}
.qna {width: 960px; min-height: 65px; margin: 0; padding: 0;}
.question {width: 960px; height: 52px; padding: 0; margin: 0;}
.q_left {background: url(images/faq_drop_left.png) top left no-repeat; width: 7px; height: 52px; float: left; margin: 0; padding: 0;}
.q_bg {background: url(images/faq_drop_bg.png) top left repeat-x; width: 742px; height: 52px; margin: 0; padding: 0; float: left; font-size: 1.2em; line-height: 48px; color: #721413;}
.q_bg h2 {width: 400px; margin: 0 20px; padding: 0; font-size: 16px; line-height: 51px; color: #fff; float: left;}
.q_right{background: url(images/faq_drop_right.png) top right no-repeat; width: 211px; height: 52px; float: left; margin: 0; padding: 0;}
.QQ {font-size: 14px; font-weight: bold; margin: 0 10px 0 0; padding: 0; float: left; color: #666;}
.AA {font-size: 14px; font-weight: bold; margin: 0 10px 0 0; float: left; color: #000;}
.answer {background: url(images/faq_answer_bg.png) top left repeat-x; width: 930px; min-height: 110px; margin: 0 auto; font-size: 14px; padding: 10px;}
.answer h3 {font-weight: bold; margin: 0 10px 0 20px; padding: 0; color: #666;}
.answer .ans p {margin: 0; padding: 0; color: #000;}
.ques {margin-bottom: 1px; padding-bottom: 1px;}
.ans {margin-bottom: 5px; padding-bottom: 5px;}
.show_faq {width: 400px; padding: 0; margin: 0; float: right; font-size: 18px; color: #868686; text-align: center; font-weight: bold; line-height: 50px}
.white {color: #fff;}

/* Contact Us Page */
#contact-content {background-color: #ececec; padding-bottom: 15px;}
#contact-content h1 {font-size: 36px; color: #000; margin: 0 0 10px 0; padding: 0; width: 400px; float: left;}
#warning {border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 10px 0; padding: 10px 0; font-weight: bold; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 14px; text-align: left;}
#phone-num {font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 18px; text-align: left; margin: 5px 0; padding: 5px 0; font-weight: bold;}
#contact-left-col {width: 630px; float: left;}
#contact-right-col {width: 310px; float: right; margin: 0; text-align: center;}
.grey-color {color: #666;}
#c-form #contform p label {font-size: 14px; font-weight: bold; text-transform: uppercase;}
#c-form #contform p input.input-text, #c-form #contform p textarea {margin-top: 5px; background-color: #dbdbdb; border: 1px solid #bdbdbd; height: 25px;}
p.require {font-size: 10px; font-weight: bold; color: #980e18;}
#c-info p {font-size: 14px; margin: 2px 0 10px 0;}
#c-info h3 {font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0;}
#warning {margin: 0; padding: 0; border-bottom: 1px solid #000; border-top: 1px solid #000;}
#warning p {padding: 5px 0; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 12px; line-height: 13px;}
input#contact-submit {background: url(images/submit-button.png) top left no-repeat; border: 0; width: 176px; height: 31px; } 

/* Product Page */
#test-content {background-color: #ececec; padding-bottom: 15px;}
#even-col {margin: 0; padding: 0;}
#product-left-col {width: 700px; min-height: 800px; float: left; margin: 20px 20px 5px 0; padding: 15px; background-color: #fff; border: 1px solid #bdbdbd;}
.p-l-left {width: 225px; float: left; margin: 0; padding: 0;}
.p-l-left img {border: 1px solid #d7d7d7;}
.p-l-right {width: 425px; float: left; margin: 0; padding: 0 0 0 10px;}
.p-page-box-1 {margin: 0 0 20px 0; font-size: 12px; color: #999;}
.product-page-title {font-size: 14px; color: #000; font-weight: bold; margin: 0 0 5px 0; padding: 0;}

form {color: #000; font-size: 14px;}
#prod-select {width: 250px; margin: 0 20px 5px 0; float: left;}
#prod-price {width: 150px; margin: 0; float: left;}
.p-price {line-height: 20px;}
#please {float: left; width: 400px; margin: 0; padding: 0;}
#please p {margin: 5px 0; padding: 0; font-size: 12px; color: #999;}
.product-page-price {}
.product-page-add-to-cart {background: url(images/product-page-add-to-cart.png) top left no-repeat; width: 103px; height: 23px; border: 0;}

.p-page-box-2 {}
.pp-product-description {margin: 0 0 10px 0;}
.pp-product-description h2 {font-size: 14px; color: #000; font-weight: bold; text-transform: uppercase; margin: 5px 0;}
.pp-product-description p {font-size: 12px; color: #6d6d6d; margin: 0 0 10px 0; line-height: 16px;}

.p-page-box-3 {}
.pp-ingredients {}
.pp-ingredients h2 {font-size: 14px; color: #000; font-weight: bold; text-transform: uppercase; margin: 5px 0;}
.pp-ingredients p {font-size: 12px; color: #6d6d6d; line-height: 16px; margin: 0 0 10px 0;}

#product-right-col {width: 180px; min-height: 800px; float: right; padding: 15px 10px; background-color: #f4f4f4; border: 1px solid #bdbdbd; margin: 20px 0 5px 0;}
.related {padding: 0 0 15px 0; margin: 0 0 20px 0;}
.pp-r-title {font-size: 14px; color: #000; font-weight: bold; margin: 0 0 5px 0; padding: 0; text-align: center; text-transform: uppercase;}
.r-view-product {height: 22px; text-align: center;}
.related-price {font-size: 18px; color: #980e18; float: right;}

/* FDA Page */
#fda-content {background-color: #ececec; padding-bottom: 15px;}
#fda-content h1 {font-size: 36px; color: #000; margin: 0 0 10px 0; padding: 0;}
p.counterfeit {font-weight: bold; font-size: 14px; margin-bottom: 10px; line-height: 22px;}

/* Guarantee Page */
#guarantee-content {background-color: #fff; min-height: 365px; padding-bottom: 25px;}
#guarantee-content h1 {font-size: 36px; color: #000; margin: 0 0 10px 0; padding: 0;}
#guarantee-content h2 {font-size: 16px; color: #000; margin: 0 0 5px 0; padding: 0;}
#g-info {margin: 10px 0 30px 0; padding: 0;}
#g-info p {font-size: 15px; color: #000;}
#g-1 {width: 195px; min-height: 260px; float: left; margin: 0; padding: 0; text-align: center;}
#g-2 {width: 185px; min-height: 260px; float: left; margin: 0; padding: 0; text-align: center;}
#g-3 {width: 195px; min-height: 260px; float: left; margin: 0; padding: 0; text-align: center;}
#g-4 {width: 185px; min-height: 260px; float: left; margin: 0; padding: 0; text-align: center;}
#g-5 {width: 185px; min-height: 260px; float: left; margin: 0; padding: 0; text-align: center;}
.g-title {font-size: 16px; color: #000; padding: 0 15px; margin: 0 0 5px 0; font-weight: bold; text-align: left;}
.g-desc {text-align: left; margin: 0; padding: 0;}
.g-desc p {font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 14px; line-height: 14px; color: #737373; margin-left: 10px; padding: 0 5px;}
.g-view {margin: 10px 0; padding: 0;}
.g-view img {margin: 10px 0;}
.f-left {float: left; margin: 0 10px 0 0;}

/* Privacy Page */
#privacy-content {background-color: #cfcfcf; min-height: 365px; padding-bottom: 25px;}
#privacy-content h1 {font-size: 36px; color: #000; margin: 0 0 10px 0; padding: 0;}
#privacy-content h4 {font-size: 18px; color: #000; margin: 10px 0 3px 0; padding: 0;}