@charset "utf-8";
/* ====== Ruma's Fruit Master Stylesheet Developer's Notes ==============
All types of CSS elements are listed as follows.
All items within CSS elements are listed alphabetically.

Note to all Developers please maintain this. Thank you!
      .___.    ________________________________________
     /     \  (To find a suspific element use CTRL + F!)
    | O _ O |  ¯|/¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
    /  \_/  \   '
  .' /     \ `.
 / _|       |_ \
(_/ |       | \_)
    \       /
   __\_>-<_/__
   ~;/     \;~

The older (and easier to read) stylesheet may be found at
http://rumastest.commercev3.com/stylesOld.css
Please compare code to make sure elements are consistant!

          +=====================================+
          |       Table of Contents             |
          +======Name============Example========+
          | >>> Body Class       |  body        |
          | >>> ID Selectors     |  #ID         |
          | >>> ID Elements      |  #ID,a       |
          | >>> Simple Elements  |  a           |
          | >>> Class IDs        |  .class,#ID  |
          | >>> Class Elements   |  .class,a    |
          | >>> Element Classes* |  a.class     |
          | >>> Simple Classes   |  .class      |
          +=====================================+
		  
/* ====== Ruma's Fruit Master Stylesheet Developer's Notes ==============

/*Body Class */
body {
color:#000;
background-color:#feeacc;
/*background-image:url(http://cdn.rumasfruit.com/images/background.gif);*/
margin:0px 0px 0px 0px;
padding:0;}
/*End of Body Class */

/* ID Selectors */
#area_middle_wholesale {
border-top:1px solid #000;
border-bottom:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #000;
padding:8px;}

#breadcrumb {
font-size:11px;
font-weight:400;
color:#000;
padding:2px 2px 2px 0;}

#btn_headerOrange { 
display:block; 
float:right; 
font-family:Helvetica, Arial, sans-serif; 
font-size:12px; 
height:34px;
margin-left:0;
padding-top:13px; 
text-align:center; 
text-decoration:none;}

#btn_headerOrange { 
width: 80px;
background: url(images/btn_viewcart.png) no-repeat; }

#btn_headerOrange:hover { 
background-position: bottom left }

#catimg {
vertical-align:top;}

#checkoutPanel {
padding:16px;}

#checkoutPanelBar {
border-top:5px solid #000;
border-bottom:5px solid #000;
border-left:5px solid #000;
border-right:5px solid #000;
background-color:#006;
color:#fff;
font-size:0.95em;
font-weight:700;
padding:5px;}

#checkoutPanelBar2 {
border-top:5px solid #000;
border-bottom:5px solid #000;
border-left:5px solid #000;
border-right:5px solid #000;
background-color:#006;
color:#fff;
font-weight:700;
padding:5px;}

#checkoutPanelWarning {
color:#FFF;
background-color:red;}

#container {
text-align:left;
background-color:#FFF;
width:602px;
padding:0;}

#copyright {
padding-top:15px;}

#footer {
width:800px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:10px;
font-family:Arial,Tahoma,Helvetica,sans-serif;
font-size:11px;
font-weight:400;
color:#000;
text-align:center;}

#headerControls { 
position:absolute; 
right:0px;
top:144px;
width:360px;
text-align:right;}

#headerLogo {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFAF05', endColorstr='#FF9600');
background: -webkit-gradient(linear, left top, left bottom, from(#FFAF05), to(#FF9600));
background: -moz-linear-gradient(top, #FFAF05, #FF9600);
background-color: #FFAF05; }

#menu {
z-index: 0;
top: 145px;
width: 100%;
height: 40px;
line-height: 40px;
background: #ffb35a url(images/topbg.gif) repeat-x;}

#popitmenu {
position:absolute;
background-color:#FFF;
border:1px solid #000;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
visibility:hidden;}

#parentcat {
line-height:2;}

#prev_next {
text-align:right;
font-size:12px;
font-weight:400;
color:#000;
padding:0;}

#wholesaleTableBorder {
border-top:0 solid #aaa;
border-bottom:1px solid #aaa;
border-left:1px solid #aaa;
border-right:1px solid #aaa;}

#wholesaleCategoryRow {
border-top:0 solid #000;
border-bottom:0 solid #000;
border-left:0 solid #000;
border-right:0 solid #000;
background-color:#006;
color:#fff;
font-size:0.95em;
font-weight:700;
text-align:center;}

#wholesaleSubCategoryRow {
border-top:0 solid #000;
border-bottom:0 solid #000;
border-left:0 solid #000;
border-right:0 solid #000;
background-color:#ccc088;
color:#666;
font-size:0.8em;
font-weight:700;
text-align:center;}

#wholesaleTitleRow {
border-top:0 solid #000;
border-bottom:0 solid #000;
border-left:0 solid #000;
border-right:0 solid #000;
background-color:#ccc594;
color:#666;
font-size:0.75em;
padding:3px;}

#wholesaleProdParentRow {
background-color:#006;
color:#666;
font-size:0.75em;
font-weight:700;}

#wholesaleProdParentRow td {
border-top:1px solid #aaa;
border-bottom:0 solid #666;
border-left:0 solid #000;
border-right:0 solid #000;}

#wholesaleProdChildRow {
border-top:0 solid #000;
border-bottom:0 solid #000;
border-left:0 solid #000;
border-right:0 solid #000;
background-color:#006;
color:#666;
font-size:0.75em;
padding:10px 5px 5px;}

#wholesaleText {
background-color:#fff;
color:#666;
font-size:0.75em;
font-weight:700;}

#wholesaleHeaderText {
background-color:#fff;
color:#666;
font-size:0.85em;
font-weight:700;}

#siteprod {
color:#000;
font-weight:400;}

#subcat {
font-weight:400;}

#tab_container {
width:410px;
margin:.5em auto;}

#top_nav {
text-align:right;
font-size:12px;
font-weight:400;
height:75px;
padding:5px;}
/* End Of ID Selectors */
 
/* ID Elements */
#breadcrumb a:link,#breadcrumb a:visited {
font-size:11px;
font-weight:400;
color:#000;
text-decoration:none;}

#breadcrumb a:hover,#breadcrumb a:active {
font-size:11px;
font-weight:400;
color:#000;
text-decoration:underline;}

#checkout_panel table {
border-top:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
padding:0;}

#checkoutPanel td {
padding:5px;}

#container p {
text-align:left;
font-weight:400;
line-height:1.25;
padding:0;}

#footer a {
font-size:11px;}

#headerControls a:link, #headerControls a:visited { 
color:#545454 }

#headerControls span a:link, #headerControls span a:visited { 
font-size: 12px; 
color: #5f5f5f; 
font-family: Helvetica; 
margin-left: 18px; 
text-decoration: none }

#headerControls span a:hover { 
color: #a72729; }

#menu ul {
margin: 0 auto;}

#menu ul li h4 {
margin: 0;
padding: 0;}
	
#menu ul li h4 a {
font-size: 14px;
color: #000;
font-weight: bold;
padding: 0 15px;
margin: 0;}

#menu ul li a {
color: #9b2021;
padding-left: 4px;}

#menu ul li a img {
vertical-align: middle;}

#menu ul li a:hover {
background: url(images/topselectionleft.png) top left no-repeat;}

#menu ul li a span {
display: block;
padding: 0 15px 0 11px;}

#menu ul li a:hover span {
background: url(images/topselectionright.png) top right;}

#menu ul.dropdown {
padding: 10px;
background-image: url(images/dropdown.png);
overflow:hidden;
border-bottom: 1px solid #dc902f;
width: 200px;}

#menu ul.dropdown li a{
border-bottom: 1px solid #e5cd8e;
line-height: 25px;
overflow: hidden;
height: 25px;}

#menu ul.dropdown li.last a{
border-bottom-width: 0;}

#menu ul li h4 a:hover {
background-image: none;
margin: 0;
padding: 0; }

#popitmenu a {
text-decoration:none;
padding-left:6px;
color:#000;
display:block;}

#popitmenu a:hover {
background-color:#e1e1e1;}

#prev_next a:link,#prev_next a:visited {
font-size:12px;
font-weight:400;
color:#000;
text-decoration:none;}

#prev_next a:hover,#prev_next a:active {
font-size:12px;
font-weight:400;
color:#000;
text-decoration:underline;}

#tab_container ul {
list-style:none;
list-style-position:inside;
padding:0;}

#tab_container ul.tab_menu li {
float:left;
margin-right:5px;
font-weight:700;
display:block;
background:#efefef;
margin-bottom:-1px;
border:1px solid #d0ccc9;
position:relative;
color:#898989;
cursor:pointer;
border-width:1px;
padding:5px 10px;}

#tab_container ul.tab_menu li.active {
background:#fff;
top:1px;
border-bottom:0;
color:#5f95ef;}
/* End of ID Elements */

/* Simple Elements */
a:link,a:visited,a:hover,a:active {
text-decoration:none;}

a:link,a:visited {
color:#000;
text-decoration:none;
font-weight:400;
font-size:12px;}

a:hover,a:active {
color:orange;
font-weight:400;
text-decoration:none;
font-size:12px;}

h1,h1 a:link,h1 a:visited {
font-size:30px;
letter-spacing:0;
font-weight:700;
color:#006;
text-decoration:none;
margin:0 4px;
padding:0;}

h1 a:hover,h1 a:active {
font-size:30px;
letter-spacing:0;
font-weight:700;
color:#006;
text-decoration:underline;
margin:0 4px;
padding:0;}

h2 {
text-align:left;
border-top:0 solid #CCC;
border-right:0 solid #000;
border-bottom:0 solid #CCC;
border-left:0 solid #000;
font-size:14px;
letter-spacing:0;
font-weight:700;
color:#000;
margin:0;
padding:5px;}

h3 {
text-align:left;
border-top:0 solid #000;
border-right:0 solid #000;
border-bottom:0 solid #000;
border-left:0 solid #000;
font-size:18px;
letter-spacing:0;
font-weight:700;
color:#000;
height:33px;
background-position:center;
background-repeat:no-repeat;
margin:0;
padding:12px 0 0 10px;}

h4 {
text-align:center;
border-top:0 solid #CCC;
border-right:0 solid #000;
border-bottom:0 solid #CCC;
border-left:0 solid #000;
font-size:14px;
letter-spacing:0;
font-weight:700;
color:#000;
margin:0;
padding:10px 0 2px 2px;}

h5 {
font-size:0.85em;
letter-spacing:0;
font-weight:700;
margin:0 0 12px;
padding:0;}

h6 {
font-size:1.25em;
letter-spacing:0;
font-weight:700;
margin:0 8px;
padding:0;}

img {
display:block;
border:0;}

p,li,ul,ol,h1,h2,h3,h4,h5,h6 {
font-family:Arial, Helvetica, sans-serif;
text-align:left;}

strong {
font-weight:700;}

td {
font-family:Arial, Helvetica, sans-serif;}
/* End of Simple Elements 

/* Class IDs */
.normaltext,#cartHelpText {
font-size:12px;
font-weight:400;
color:#000;}
/* End of Class IDs 

/* Class Elements */
A.bottom_links:hover,A.bottom_links:active {
color:orange;
text-decoration:underline;
font-size:11px;
font-weight:400;}

a:link.box-table-a,a:visited.box-table-a {
color:#000;
text-decoration:underline;
font-weight:400;}

a:hover.box-table-a {
color:#FFF;
text-decoration:underline;
font-weight:700;}

a:active.box-table-a {
color:#000;
text-decoration:none;
font-weight:700;}

a.fiddle:link,a.fiddle:visited {
color:#060;
text-decoration:none;
font-weight:400;
font-size:12px;}

a.fiddle:hover,a.fiddle:active {
color:orange;
font-weight:700;
text-decoration:none;
font-size:12px;}

A.gateway_links:link,A.gateway_links:hover,A.gateway_links:active,A.gateway_links:visited {
color:#ccc;
font-size:10px;
font-family:Arial, Tahoma, Helvetica, sans-serif;
text-decoration:underline;}

A.menu_links:link,A.menu_links:visited {
color:#000;
text-decoration:none;
font-size:12px;
font-weight:400;}

A.menu_links:hover,A.menu_links:active {
color:#000;
text-decoration:underline;
font-size:12px;
font-weight:400;}

A.menu_links_orange:link,A.menu_links_orange:visited {
color:#F90;
text-decoration:none;
font-size:14px;
font-weight:400;}

A.menu_links_orange:hover,A.menu_links_orange:active {
color:#000;
text-decoration:underline;
font-size:14px;
font-weight:400;}

A.mainarea_links:link,A.mainarea_links:visited {
color:#000;
font-size:12px;
font-family:Arial, Tahoma, Helvetica, sans-serif;
text-decoration:none;}

th.sectionHeader {
font-family:Arial, Tahoma, Helvetica, sans-serif;
color:#000;
background-color:#ffd08a;
font-size:12px;
font-weight:700;
text-align:center;
padding:5px;}

ul.tabs {
z-index:0;
display: table;
margin: 0;
padding: 0;
list-style: none;
position: relative;}

ul.tabs li {
margin: 0;
padding: 0;
list-style: none;
display: table-cell;
float: left;
position: relative;}
	
ul.tabs a {
position: relative;
display: block;}

ul.dropdown {
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
top: 100%;
width: 200px;
display: none;
left: 0;}

ul.dropdown ul.dropdown {
top: 0;
left: 95%;}

ul.dropdown li {
margin: 0;
padding: 0;
float: none;
position: relative;
list-style: none;
display: block;}

ul.dropdown li a {
display: block;}

A.top_links:link,A.top_links:visited {
color:#000;
text-decoration:none;
font-size:11px;font-weight:400;}

A.top_links:hover,A.top_links:active,A.bottom_links:link,A.bottom_links:visited {
color:#000;
text-decoration:underline;
font-size:11px;
font-weight:400;}
/* End of Class Elements */

/* Element Classes */
.box-table-a th {
font-size:12px;
font-weight:700;
background:#ffae35;
border-top:4px solid #f90;
border-bottom:1px solid #fff;
color:#f898a8a;
padding:6px;}

.box-table-a td {
background:#ffebce;
border-bottom:1px solid #fff;
color:#313232;
border-top:1px solid transparent;
padding:4px;}

.box-table-a tr:hover td {
background:#ffdba5;
color:#313232;}

.checkout_box th {
background-color:#FFD08A;
text-align:center;
font-size:large;
font-weight:400;}

.prod_links a:link,.prod_links a:visited {
color:#000;
text-decoration:none;
font-size:12px;
font-weight:700;}

.prod_links a:hover,.prod_links a:active {
color:#000;
text-decoration:underline;
font-size:12px;
font-weight:700;}

.ruma_recipe,a.ruma_recipe:link,a.ruma_recipe:visited,a.ruma_recipe:hover,a.ruma_recipe:active {
font-size:1.2em;
font-weight:700;
color:#F90;}

.shippingTable td {
color:#FFF;
font-weight:700;}

.tab_content li {
list-style-type:disc;}

.tab_content li ul li {
list-style-type:circle;}

.tab_content h1 {
line-height:1em;
vertical-align:middle;
height:48px;
font-size:32px;
padding:10px 10px 10px 52px;}
/* End of Element Classes */

/* Simple Classes */
.addtocart_btn {
display:inline-block;
width:88px;
height:20px;
font-size:12px;
font-family:Arial, Tahoma, Helvetica, sans-serif;
font-weight:400;
text-decoration:none;
text-align:center;
background:transparent;
color:#000;
border:0 solid orange;
vertical-align:middle;
white-space:nowrap;
cursor:pointer;
margin:0;
padding:0 2px;}

.addtocart_btn:hover {
background-image:url(/images/btn_bg.gif);
background-repeat:no-repeat;
background-position:top center;
color:#000;
text-decoration:none;}

.addtocart_btn:hover strong {
background-image:url(/images/btn_bg.gif);
background-repeat:no-repeat;
background-position:top center;
color:#000;}

.box-table-a {
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
width:425px;
text-align:left;
border-collapse:collapse;
margin:10px auto;}

.btnstyle_red {
background-image:url("/images/btn_bg_red.gif");
background-position:center top;
background-repeat:no-repeat;
font-weight:700;
color:#FFF;}

.btnstyle1,.btnstyle2 {
background-image:url(/images/btn_bg.gif);
background-repeat:no-repeat;
background-position:top center;
color:#FFF;}

.category {
text-align:left;}

.checkout_box {
font-size:12px;
font-weight:400;
color:orange;
border:1px solid #ccc;
width:240px;}

.dynamic_qty {
background:transparent;
border:0;
width:60px;
font-weight:400;
font-size:12px;
color:#000;}

.formtext {
font-size:12px;
font-weight:400;
color:#000;
border:1px solid #b76f01;}

.inline {
display:inline;
border:0;
vertical-align:middle;}

.largetext {
font-size:18px;
font-weight:700;
color:#000;}

.normaltext {
color:black;
font-size:12px;
font-weight:normal;
text-align:left;}

.miniCart {
position:absolute;
top:122px;
right:5px;}

.orangetxt {
font-size:12px;
font-weight:400;
color:orange;}

.outer {
text-align:center;}

.outer-table {
margin-left:auto;
margin-right:auto;
width:800px;}

.product_panel .buy_button {
text-align:right;
padding:8px;}

.product_panel .price,.units {
font-size:85%;
font-weight:700;
letter-spacing:1pt;
padding:0 8px;}

.product_panel {
border-top:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
padding:8px;}

.product_thumbnail {
border-right:1px dotted #000;
width:150px;
padding:8px;}

.prod_links {
padding:5px 0;}

.productprice,.prodshipweight {
font-size:12px;
font-weight:400;
color:#000;
background:transparent;}

.progress_off {
border:1px solid #FD9E0C;
background-color:#FFF;
text-align:left;
font-family:Arial,Tahoma,Helvetica,sans-serif;
font-size:12px;
font-weight:700;
color:#FD9E0C;}

.progress_on {
border:1px solid #C5C5C5;
background-color:#F90;
text-align:left;
font-family:Arial,Tahoma,Helvetica,sans-serif;
font-size:12px;
font-weight:700;
color:#000;}

.ruma_valid {
background:url("/images/invalid_bg.gif") no-repeat scroll 2px 1px transparent;
clear:both;
color:red;
font-size:11px;
line-height:13px;
min-height:13px;
padding-left:17px;
margin:3px 0 0;}

.shipNotice {
border:2px solid #FFBB2D;
background-color:#FFE3AA;
text-align:center;
margin:50px 50px 0;}

.shippingTable {
color:#FFF;}

.siteSearch {
position:absolute;
top:5px;
right:5px;}

.sitesearch_btn {
text-align:center;
width:88px;
height:20px;
display:inline-block;
font-size:12px;
font-family:Arial, Tahoma, Helvetica, sans-serif;
font-weight:400;
text-decoration:none;
background:transparent;
color:#FFF;
border:0 solid #333;
vertical-align:middle;
cursor:pointer;
margin:0;
padding:0 2px;}

.smalltext {
font-size:11px;
font-weight:400;
color:#000;}

.strike {
text-decoration:line-through;}

.sub_menu,.sub_menu_on,.sub_menu2,.sub_menu2_on {
font-size:12px;
font-weight:400;
text-align:center;
background-image:url(/images/leftnav_bg3.gif);
background-position:bottom;
background-repeat:repeat-x;
padding:0;}

.sub_menu_orange {
font-size:12px;
font-weight:400;
text-align:center;
color:#F90;
background-image:url(/images/leftnav_bg3.gif);
background-position:bottom;
background-repeat:repeat-x;
padding:0;}

.tab_content.shipping,.tab_content.reviews,.tab_content.links {
display:none;}

.tab_clear {
clear:both;
height:0;
visibility:hidden;
display:block;}

.tab_content {
background:#fff;
border:1px solid #d0ccc9;
text-align:left;
margin:0 auto;
padding:10px 10px 20px;}

.tab_content.links a {
color:#5f95ef;}

.top_menu,.top_menu_on {
font-size:12px;
font-weight:400;
vertical-align:top;
text-align:center;
background-image:url(/images/leftnav_bg2.gif);
background-position:bottom;
background-repeat:repeat-x;
padding:0 0 5px;}

.xsmalltext {
font-size:10px;
font-weight:400;
color:#000;}

.longhand-date {
 font-weight:bold;
}