/*CSS FRAMEWORK BY JEREMY ALDRICH*/
/*DEFINE SITE COLORS
background:#dedede
link color/drk blue/text color:#223670
link hover color:#E88F27
END SITE COLORS*/
/*DEFINE BROWSER RESETS*/
img {border:0;}
p {margin:0.2em 0 0.8em 0;}
h1,h2,h3,h4,h5,h6 {margin:0.3em 0; font-weight:normal;}
form {margin:0; font-family:inherit; color:inherit;}
input, select, textarea {font-size:1em; font-family:inherit; color:#333;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal;}
/*END BROWSER RESETS*/
/*DEFINE SITEWIDE TAGS*/
a {text-decoration:none; color:#cd0c0f;}
a:hover {text-decoration:underline; color:#000;}
h1 {font-size:2.2em;}
h2 {font-size:2.0em;}
h3 {font-size:1.8em;}
h4 {font-size:1.6em;}
h5 {font-size:1.4em;}
h6 {font-size:1.2em;}
hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}
/*END SITEWIDE TAGS*/
/*DEFINE SITEWIDE CLASSES*/
.clear {clear:both;}
div.hideclear {clear:both; visibility:hidden; height:0; overflow:hidden;}
.center {text-align:center;}
.imgright {float:right;}
.imgleft {float:left;}
.logo {float:left;}
.prod_left {width:290px; float:left; height:140px; padding:0 30px 20px 0;}
.prod_right {width:290px; float:left; height:140px; padding:0 0 20px 0;}
.prod_image {float:left; width:100px; height:89px; padding:0 5px 51px 0;}
.prod_name {font-size:1.2em; font-weight:bold;}
.products {list-style:none; margin:0; padding:0;}
.products li {margin:0; padding:0 30px 0 0; float:left;}
.product_info {width:290px; float:left; padding:0 0 0 30px;}
.product_slideshow {width:290px; float:left;}
.related_prod {clear:both; min-height:150px; height:auto!important; height:150px;}
.last {padding:0!important;}
.white {color:#fff;}
.related_products {border-left:1px solid #cd0e11; padding:0 0 0 15px;}
.recipes {margin:0; padding:0; list-style:none;}
.recipes li {width:290px; padding:0 15px 0 0; float:left;}
.recipes a {display:block; height:16px; padding:2%; width:96%;}
.recipes a:hover {background:#eee;}
.form {width:400px;}
.required {color:#F00;}
td.cart_name, td.cart_cp_name {color:#cd0c0f;}
/*END SITEWIDE CLASSES*/
/*DEFINE SITE STRUCTURE*/
body{font-size:62.5%; font-family:Lucida Sans, "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0; padding:0; text-align:center; background:url(../images/bg.gif) repeat-x #fff;}
/*THIS IS YOUR MAIN CONTAINER DIV*/
#main {text-align:left; margin:0 auto; width:960px; background:url(../images/header_bg.jpg) no-repeat; padding:0 15px; min-height:300px; height:auto!important; height:300px;}
#header {}
#mainnav {float:left; width:680px; text-align:right;}
#mainnav ul {margin:0; padding:0; list-style:none; position:relative; z-index:500; zoom:1;}
#mainnav li {padding:0; position:relative; margin:0 0 0 15px; float:right;}
#mainnav a.dropdown {background:url(../images/dropdown_icon.gif) no-repeat 0px 35px; position:relative;}
#mainnav a {color:#fff; padding:30px 0 25px 15px; display:block; font-size:1.3em; font-weight:bold;}
#mainnav a:hover {text-decoration:none;}
#mainnav li:hover, #mainnav li.sfhover { background:url(../images/nav_rollover.jpg) no-repeat center top;}
#mainnav li ul {position:absolute; left:-9999px; width:160px; z-index:9999; margin:0;}
#mainnav li li {padding:0; text-align:left; margin:0; font-size:0.9em; float:none;}
#mainnav li li a {width:96%; padding:2%!important; background:#000; opacity:0.70; filter: alpha(opacity = 70); border-bottom:#999 solid 1px; display:block; font-weight:normal;}
#mainnav li li a:hover {opacity:1.0; filter: alpha(opacity = 100); border-bottom:1px solid #F00; background:#000;}
#mainnav li:hover ul, #mainnav li.sfhover ul {left:auto;}
#slideshow { width:960px; height:400px; overflow:hidden; clear:both;}
#callouts {clear:both; padding:20px 0;}
.callout { float:left; padding:0 15px 0 0; width:310px; height:168px;}
.signup {float:left; background:url(../images/empty_callout.jpg) no-repeat; width:285px; height:168px; padding:0 0 0 25px;}
#left_col {width:610px; float:left; margin:0 30px 0 0;}
#content {clear:both;}
#subcontent {padding:12px 15px; clear:both; font-size:1.1em; color:#555;}
#right_col {width:290px; float:left;}
#footer {clear:both; text-align:center; color:#989898; padding:30px 0}
.bottomnav {border-bottom:1px solid #ebe9e9; list-style:none; margin:0 50px 10px 50px; padding:0 0 10px 0; font-size:1.2em;}
.bottomnav li {padding:0 15px; display:inline;}
#footer a {color:#989898;}
#copyright {clear:both;}
/*******************************************************************************
* Right Slide Panel *
*******************************************************************************/
#rightSlidePanel
{
height: 100%;
width: 300px;
position:fixed;
right: 0;
top: 0;
right:-293px;
z-index:9999;
text-align:left;
color:#fff;
}
#rightSlidePanel A.handle
{
width: 30px;
height: 142px;
position: absolute;
left: -23px;
top: 45%;
text-indent: -150px;
overflow: hidden;
background: url(../images/btn_contact.gif) 0 0 no-repeat;
}
#rightSlidePanel A.handle.out
{
background-position: 0 -142px;
}
#rightSlidePanel #slideInner
{
float:right;
height:100%;
width: 250px;
padding: 20px;
border-left: 3px solid #cd0c0f;
background-color: #383838;
}
/********************************* ** Table of Products (Cart) ** ******************************** */
table.cart{border-collapse:separate;border-spacing:3px;padding-top:1em;width:100%;}
td.cart_quantity,td.cart_cp_quantity{padding:3px;text-align:center;width:70px;}
td.cart_price,td.cart_cp_price{font-style:italic;padding:3px;text-align:right;}
th.cart_price, th.cart_total {text-align:right;}
td.cart_total,td.cart_cp_total{padding:3px;text-align:right;white-space:nowrap;}
td.cart_op1,td.cart_op2{padding:3px;}
/************************************** ** Table of Totals ** ** Subtotal, Tax, Shipping, etc. ** ************************************* */
table.totals{line-height:150%;vertical-align:middle; text-align:right;}
table.totals td{text-align:right;}
td.totals_all_txt, td.totals_txt {padding:0 20px 0 0;}
/********************** ** Address Table ** ***
****************** */
table.addr { width:100%;}
table.bill_addr,table.ship_addr{margin:0 auto; width:400px;}
td.addr{padding-right:5px;text-align:right;}
td.addr_foot{font:bold smaller Arial;text-align:center;}
td.sql_addr{padding-right:15px;}
.comm{text-align:center; width:100%;}
/********************** ** Payment Table ** ********************* */
table.payment{margin-left:auto;margin-right:auto;}
td.sql_pay{font-weight:700;padding-right:15px;}
div#messages{margin-top:10px;vertical-align:middle;}
/******************************** ** Table of Error Messages ** ******************************* */
td.ups_error{vertical-align:middle; color:#000;}
td.cart_delete,td.cart_cp_delete{padding:3px;text-align:center;width:50px;}
td.cart_empty{padding:3px;text-align:center;}
textarea.cart{vertical-align:middle;}
/****************************** ** Table of Registration ** ***************************** */
table.reg{border-spacing:0;padding-bottom:1em;vertical-align:middle;}
td.coupon{padding-top:1em;}
/*** select shipping method, tax rate ** */
table.taxnship,table.surcharge{padding-top:1em;text-align:right;}
td.taxnship_hdr{font-weight:700;text-align:left;}
/*** select surcharge ** */
table.surcharge{text-align:right;}
table.instruct{margin-left:auto;margin-right:auto;text-align:center;}
td.checkout_err,inv_err{}
th.cart_name,th.cart_sku,td.cart_name,td.cart_cp_name,td.cart_sku,td.cart_cp_sku,td.cart_op{padding:3px;text-align:left;}
td.totals_all,td.totals_all_txt,td.pay_holder_hdr,td.reg_wel,td.sql_addr_hdr,td.instruct_hdr{font-weight:700;}
td.comm_hdr,td.bill_addr_hdr,td.ship_addr_hdr,td.payment_hdr{font-weight:700;text-align:center;}
table.addr_name,table.sql_pay{margin-left:-4px;margin-right:auto;}
td.addr_val,td.ship_check,td.payment,td.payment_value,select.cart,td.new_payment_type,td.reg,td.reg_link,table.zipncountry,td.zipncountry,td.zipncountry_text,td.taxnship{text-align:left;}
table.pay_holder,table.checkout_err,inv_err,table.ups_error{margin-left:auto;margin-right:auto;}
td.paymentselection,td.buttons,td.orderinginstructions{padding-top:1em;text-align:center;}
input.button152,input.button154{cursor:pointer;}
table.checkout {margin:0 auto;}
.required {font-weight:bold; color:#CC0000;}
table.cart td {padding:2px; margin:0; border-collapse:collapse; border-bottom:1px solid #ddd;}
table.cart {padding:0; margin:0; border-collapse:collapse;}
table.cart textarea {width:550px; height:1.2em;}
.gcs_table {text-align:center; width:100%;}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h1 {
}
.sIFR-active h2 {
}
.sIFR-active h3 {
}
.sIFR-active h4 {
}
.sIFR-active h5 {
}
}