/* CORE */
html,body,#outermost {
height: 100%;
width: 100%;
margin: 0;
padding: 0px;
}
body {
text-align: center; /* IE/Win bug fix */
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #78431b;
}
#wrapper {
margin: 10px;
}
/*#outer {
height: 24em;
width: 40em;
z-index: 10;
}*/
/*
Works in IE5+/Win, Opera 5+, Netscape 6+, Firefox, Konqueror 3, Safari
Does not work in NS4.x or IE/Mac
*/
.valignmid1 {
position: middle;
margin: 0 auto;
}
/* Opera 7.0x is buggy when you put display:table on Opera 7.2+ and 6.x
don't appear to have this problem. We hide this from IE5/Mac, because it
doesn't support display:table-cell and it doesn't have the same bug that allows
this to work in IE5-6/Win (hide from IE/Mac) \*/
.valignmid1 {
display: table;
vertical-align: middle;
}
/* Moz1.4 - Moz1.6 (NS7.1) bug, can't put position:relative on .valignmid2 \*/
.valignmid2 {
width: 100%;
display: table-cell;
vertical-align: middle;
}
* html .valignmid2 {
top: 50%;
left: 0;
position: top;
}
* html .valignmid3 {
top: -50%;
position: top;
}
/* This is to make the text easier to select in IE5-6/Win (hide from IE/Mac) \*/
* html .valignmid1,
* html .valignmid2, {
height: 1%;
}
/* end hide */
li, ul, ol, h1, h2, h3, h4, h5, h6 {
font-family: Arial, Tahoma, Helvetica, sans-serif;
text-align: left
}
td {
font-family: Arial, Tahoma, Helvetica, sans-serif;
}
th {
font-family: Arial, Tahoma, Helvetica, sans-serif;
color: #78431b;
font-size: 10px;
font-weight: bold;
padding: 3px 5px 3px 3px;
}
h1 {
margin: 4px 4px 4px 4px;
padding: 0;
font-size: 30px;
letter-spacing: 2pt;
font-weight: bold;
color: #000066;
}
h2 {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 8px;
margin-right: 8px;
font-size: 1.25em;
letter-spacing: 3pt;
padding: 0px;
font-weight: bold;
}
h3 {
text-align: center;
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
font-size: 14px;
letter-spacing: 0pt;
line-height: 1.5;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 0px;
color: #78431b;
}
h4 {
text-align: center;
border-top: 1px solid #DDDDDD;
border-right: 0px solid #000000;
border-bottom: 1px solid #666666;
border-left: 0px solid #000000;
font-size: 14px;
letter-spacing: 0pt;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 8px;
color: #000000;
background: #CCCCCC;
}
h5 {
margin-top: 0px;
margin-bottom: 12px;
margin-left: 0px;
margin-right: 0px;
font-size: 0.85em;
letter-spacing: 1pt;
padding: 0px;
font-weight: bold;
}
h6 {
margin: 0px;
font-size: 18px;
padding: 0px;
font-weight: bold;
color: #a5d56f;
}
img {
display: inline;
border:0;
}
img.inline {
display: inline;
border:0;
}
#top_nav {
text-align: right;
font-size: 12px;
font-weight: normal;
padding: 5px 5px 5px 5px;
}
#breadcrumb {
font-size: 10px;
font-weight: normal;
padding: 2px 2px 2px 10px;
color:#78431b;
}
#area_top {
}
#area_middle_left {
text-align: center;
padding: 0px 0px 8px 0px;
font-weight: bold;
line-height: 1.5;
}
#area_middle_right {
padding: 0px 0px 8px 8px;
}
/*#area_middle_right p {
text-align: left;
font-weight: normal;
line-height: 1.5;
padding: 0px 8px 0px 8px;
}*/
.category_button {
text-align: left;
}
.category_button_on {
text-align: left;
}
.sitesearch_btn {
display:inline; display:inline-block;
width:25px;
height:20px;
margin:0.0em; padding:1px;
font-size:11px;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-weight:normal;
text-decoration:none;
text-align:center;
background:#a5d56f;
color:white;
border: 1px solid #ccc;
vertical-align:bottom;
horizontal-align:right;
white-space:nowrap;
cursor:hand; cursor:pointer;
}
.addtocart_btn {
display:inline; display:inline-block;
width:90px;
height:20px;
margin:0.0em; padding:1px;
font-size:11px;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:center;
background:#a5d56f;
color:white;
border: 1px solid #ccc;
vertical-align:bottom;
horizontal-align:right;
white-space:nowrap;
cursor:hand; cursor:pointer;
}
.addtocart_btn[class] {
width:auto;
min-width:35px;
}
.addtocart_btn strong {
font-weight:bold;
background:white;
color:#06c;
}
.addtocart_btn:hover { background:#a5d56f; color:white; text-decoration: none;}
.addtocart_btn:hover strong { background:#ccc; color:black; }
.btnstyle1 { background:#a5d56f; color:white; }
.btnstyle2 { background:#e1e1e1; color:black; }
#belowfooter {
font-size:10px;
color: #999;
text-align: justify;
}
#product_panel .buy_button {
padding: 8px 8px 8px 8px;
text-align: right;
}
#product_panel .price, .units {
padding: 0px 8px 0px 8px;
font-size: 85%;
font-weight: bold;
letter-spacing: 1pt;
}
#prev_next {
text-align: right;
padding: 0px 8px 0px 8px;
font-size: 12px;
font-weight: bold;
letter-spacing: 1pt;
}
#product_panel {
padding: 8px 8px 8px 8px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
#product_thumbnail {
padding: 8px 8px 8px 8px;
border-right: 1px dotted #000000;
width: 150px;
}
.strike {
text-decoration: line-through
}
.pistachio {
font-size: 12px;
font-weight: bold;
color: #a5d56f;
font-family: Arial, Tahoma, Helvetica, sans-serif;
}
.productprice {
font-size: 13px;
font-weight: normal;
color: black;
background: transparent;
}
.prodshipweight {
font-size: 13px;
font-weight: normal;
color: black;
background: transparent;
}
.largetext {
font-size: 18px;
font-weight: bold;
color: black;
}
.normaltext {
font-size: 12px;
font-weight: normal;
color: #78431b;
}
.normaltext2 {
font-size: 13px;
font-weight: normal;
color: #78431b;
}
.formtext {
font-size: 12px;
font-weight: normal;
color: #78431b;
border:1px solid #78431b;
}
.smalltext {
font-size: 10px;
font-weight: normal;
color: #78431b;
}
.xsmalltext {
font-size: 10px;
font-weight: normal;
color: black;
}
#checkoutPanel {
padding: 16px 16px 16px 16px;
}
#checkoutPanel td{
padding: 5px 5px 5px 5px;
}
#checkoutPanelBar{
padding: 0px;
color: #78431b;
font-size: 11px;
font-weight: normal;
}
#checkoutPanelBar th{
color: white;
font-size: 11px;
font-weight: bold;
background-color: #a5d56f;
}
#checkoutPanelBar2{
padding: 5px 5px 5px 5px;
border-top: 5px solid #000000;
border-bottom: 5px solid #000000;
border-left: 5px solid #000000;
border-right: 5px solid #000000;
background-color: #000066;
color: #ffffff;
font-weight: bold;
}
#checkoutPanelWarning {
color: white;
}
#checkout_panel table{
padding: 0px 0px 0px 0px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
#cartHelpText{
font-size: 12px;
font-weight: normal;
color: #78431b;
}
#area_middle_wholesale {
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
padding: 8px 8px 8px 8px;
}
#wholesaleTableBorder{
border-top: 0px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
}
#wholesaleCategoryRow{
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: #000066;
color: #ffffff;
font-size: 0.95em;
font-weight: bold;
text-align: center;
}
#wholesaleSubCategoryRow{
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: #ccc088;
color: #666666;
font-size: 0.80em;
font-weight: bold;
text-align: center;
}
#wholesaleTitleRow{
padding: 3px 3px 3px 3px;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: #ccc594;
color: #666666;
font-size: 0.75em;
}
#wholesaleProdParentRow{
background-color: #000066;
color: #666666;
font-size: 0.75em;
font-weight: bold;
}
#wholesaleProdParentRow td{
border-top: 1px solid #aaaaaa;
border-bottom: 0px solid #666666;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
}
#wholesaleProdChildRow{
padding: 10px 5px 5px 5px;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: #000066;
color: #666666;
font-size: 0.75em;
}
#wholesaleText{
background-color: #ffffff;
color: #666666;
font-size: 0.75em;
font-weight: bold;
}
#wholesaleHeaderText{
background-color: #ffffff;
color: #666666;
font-size: 0.85em;
font-weight: bold;
}
#footer {
font-size: 10px;
font-weight: normal;
color: #78431b;
text-align:right;
padding-right:15px;
font-family: Arial Bold, Tahoma, Helvetica, sans-serif;
}
a:link,a:visited {
color: #78431b;
text-decoration: underline;
font-weight: normal;
font-size:11px;
}
a:hover,a:active {
color: #78431b;
/* font-weight: normal;*/
text-decoration: none;
font-size:11px;
}
A.menu_links:link,A.menu_links:visited {
color: #000066;
font-family: Arial, Tahoma, Helvetica, sans-serif;
text-decoration: underline;
font-size:12px;
}
A.menu_links:hover,A.menu_links:active {
color: blue;
font-family: Arial, Tahoma, Helvetica, sans-serif;
text-decoration: underline;
font-size:12px;
}
A.breadcrumb:link,A.breadcrumb:visited {
color: #a5d56f;
font-weight:normal;
font-family: Arial, Tahoma, Helvetica, sans-serif;
text-decoration: none;
font-size:10px;
}
A.breadcrumb:hover,A.breadcrumb:active {
color: #a5d56f;
font-weight:normal;
font-family: Arial, Tahoma, Helvetica, sans-serif;
text-decoration: underline;
font-size:10px;
}
A.product:link,A.product:visited {
color: #78431b;
font-weight:normal;
font-family: Arial, Tahoma, Helvetica, sans-serif;
text-decoration: none;
font-size:10px;
}
A.product:hover,A.product:active {
color: #78431b;
font-weight:normal;
font-family: Arial, Tahoma, Helvetica, sans-serif;
text-decoration: underline;
font-size:10px;
}
A.footer_links:link,A.footer_links:visited {
color: #78431b;
font-weight:bold;
font-family: Arial, Tahoma, Helvetica, sans-serif;
text-decoration: none;
font-size:10px;
}
A.footer_links:hover,A.footer_links:active {
color: #78431b;
font-weight:bold;
font-family: Arial Bold, Tahoma, Helvetica, sans-serif;
text-decoration: underline;
font-size:10px;
}
A.mainarea_links:link,A.mainarea_links:visited {
color: #000066;
font-size: 12px;
font-family: Arial, Tahoma, Helvetica, sans-serif;
text-decoration: none;
}
A.gateway_links:link,A.gateway_links:hover,A.gateway_links:active,A.gateway_links:visited {
color: #cccccc;
font-size: 10px;
font-family: Arial, Tahoma, Helvetica, sans-serif;
text-decoration: underline;
}
.dynamic_qty {
background: transparent;
border: 0px;
width: 60px;
font-weight: bold;
font-size: 12px;
font-weight: bold;
color: black;
background: transparent;
}
#popitmenu{
position: absolute;
background-color: white;
border:1px solid black;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}
#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
}
#popitmenu a:hover{ /*hover background color*/
background-color: #e1e1e1;
#parentcat { line-height: 2; }
#catimg { vertical-align: top; }
#siteprod { color: black; font-weight: normal; }
#subcat { font-weight: normal; }}
.newFormText {
font-size: 10px;
width: 210px;
height: 18px;
font-weight: normal;
color: #78431b;
border:1px solid #78431b;
}
.newSubmit {
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 0px;
background: white;
color: #7c5736;
font-weight: bold;
font-size: 11px;
width: 50px;
}