/*\*//*/
  @import "ie5mac.css";
/**/


/* General Styles */
body
{
	height:100%;
	background:#343434 url(../images/wholesale/ripple_bkg.gif) top center;
	font: 8pt/11pt Helvetica, Arial, sans-serif;
	margin:0; padding:0; border:0 none;
	vertical-align:top;
}

a:link{color:#36c; text-decoration:none;}
a:visited{color:#14a;}
a:hover{color:#f90; text-decoration:underline;}
a:active{color:#f90}



a img{border:none 0;}

table 
{
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
	border-collapse:collapse;
	border:0 none;
}

td
{margin:0;padding:0; vertical-align:top;}


#outer
{
	width:812px;
	margin-left:auto; margin-right:auto;
	text-align:left;
}


/* Header Styles */
#logo{
	background:url(../images/wholesale/logo.png) top left no-repeat;
	position:relative;
	width:250px;
	height:111px;
	margin-left:12px;
	z-index:100;
	}
	
.wholesale #logo
{
	background:url(../images/wholesale/logo_w.png) top left no-repeat;
	margin-left:20px;
}

#header{
	height:79px; 
	width:556px;
	position:relative;
	top:-111px; left:250px;
	z-index:50;
	background:url(../images/wholesale/to_order_call.gif) 20px 35px no-repeat;
	}
	
.wholesale #header{
	background:url(../images/wholesale/w_call.gif) 20px 35px no-repeat;
}


#header h2{display:none;}


/* Styles for the toolbar, search & login */

/* TOOLS */
#toolbar{
	display:block;
	vertical-align:top;
	width:556px;
	font:8pt/10pt Tahoma, Geneva, sans-serif;
	letter-spacing: 1px;
	color:#fff;
}

#toolbar a{padding:0; margin:0 4px; text-decoration:none;}
#toolbar p{display:inline; float:right; padding:0; margin:5px 0 0 0;}
#toolbar p a, #toolbar p a:visited{color:#f70; text-decoration:none;}
#toolbar a:hover{text-decoration:underline;}

#tools {
	float:right;
	font-size:7pt;
	text-transform:uppercase;
	height:22px;
	background:url(../images/wholesale/tools_bkg.gif) top left no-repeat;
	color:#fff;
	padding:5px 5px 5px 8px;
	margin-left:5px;
}

#tools a:link{color:#fff;}
#tools a:hover{color:#ccf;}
#tools a:visited{color:#fff;}



/* LOGIN PANEL */
#loginPanel{
	display:none;
	float:right;
	vertical-align:top;
	font:8pt/10pt Tahoma, Geneva, sans-serif;
	letter-spacing:1px;
	color:#fff;
	background: url(../images/wholesale/search_bkg.gif) 180px 0 no-repeat;
	padding:0 0 15px 5px;
	margin:0;
	height:28px;
	width:556px;
}


#loginPanel form
{	
	float:right; 
	margin:0 0 0 195px; 
	padding:0;
}

#loginPanel div{
	float:left;
}

#loginPanel label{
	vertical-align:text-top;
}

#loginPanel input{
	font-size:8pt;
	width:95px;
	height:14px;
	margin:4px 4px 0 2px; 
	padding:0;
	background:url(../images/wholesale/searchbox_bkg.gif)  top left repeat-x;
	color:#444;
	}

#loginPanel a{margin:0; padding:0;}

#loginPanel a img{
	float:right;
	width:26px;
	vertical-align:top;
	border:0 none;
	padding:0;
	margin:0;
	background:url(../images/wholesale/search_btn.gif) top right no-repeat;}
	
#loginPanel a:hover img{background-position:0 -28px;}
#loginPanel a:active img{background-position:0 -56px;}



/* SEARCH */

#searchBox{float:right;background: url(../images/wholesale/search_bkg.gif) top left no-repeat;
padding:0 0 15px 5px;
margin:0;
width:135px;
}

#searchBox form{margin:0; padding:0;}

#searchBox p{
	height:0; 
	margin:0; 
	padding:0; 
	font-size:8pt; 
	letter-spacing:0;
	clear:both;
	position:absolute;
	top:30px;
	left:358px;
	width:200px;
	text-align:right;
	}
	
#searchBox p a:link, #searchBox p a:visited{color:#aaa;}
#searchBox p a:hover{text-decoration:underline; color:#f90}


input#searchfield{
	float:left;
	font-size:8pt;
	width:95px;
	height:14px;
	margin:4px 0 0 0; padding:0;
	background:url(../images/wholesale/searchbox_bkg.gif)  top left repeat-x;
	color:#666;
}

#search a{margin:0; padding:0;}

#search a img
{	float:right;
	width:26px;
	vertical-align:top;
	border:0 none;
	padding:0;
	margin:0;
	background:url(../images/wholesale/search_btn.gif) top right no-repeat;
}

#search a:hover img{background-position:0 -28px;}
#search a:active img{background-position:0 -56px;}
	
	
	
	
	
	
/* Main Navigation Styles */	
	
#nav{font-size:8pt; float:left;}
#nav ul{list-style:none; margin:16px 0 6px 15px; padding:0;}
#nav li{display:inline; padding:0; margin:0 2px; font-family:Tahoma; text-transform:uppercase;}
#nav a{margin:0; padding:2px 10px 5px 10px; background:url(../images/wholesale/nav_bk.gif) 0 0 repeat-x; text-decoration:none; color:#fff;}
#nav a:link{}
#nav a:visited{}
#nav a:hover{background-position:0 -20px;}
#nav a:active{}
#nav a.current{background:#fff; color:#000; border-bottom:3px solid #fff}

	
	
/* Styles for the main content panel */

#topcap
{
	position:relative;
	top:-116px;
	background:url(../images/wholesale/top_cap.gif) 0 0 no-repeat;
	width:812px;
	height:10px;
}

#container
{	
	position:relative; top:-116px;
	float:left;
	padding:3px 15px;
	background:url(../images/wholesale/container_bkg.gif) 0px 2px repeat-y; 
	height:auto;
	width:800px;
	margin:0;
}



/* Left Category Navigation Styles */

#leftNav{
	float:left;
	padding-top:44px; 
	margin:0; 
	width:120px; 
	background:url(../images/wholesale/categories3.gif) top center no-repeat;}

#categories{}
#categories{text-align:center;}
#categories ul{list-style:none; padding:7px 0 10px 0; margin:0; background:#ddd url(../images/wholesale/cat_bottom.gif) bottom left no-repeat;}
#categories li{font-family:Tahoma; letter-spacing:1px; text-transform:uppercase; text-align:center; margin:0; color:#f90;}
#categories a{display:block; width:120px;}
#categories a:link{color:#f90; text-decoration:none; padding:7px 0;}
#categories a:visited{color:#f90; text-decoration:none; padding:7px 0;}
#categories a:hover{color:#36c; text-decoration:none; background:#eee;}
#categories a.current{color:#36c; background:#fff;}

#leftLogos{text-align:center;}
#leftLogos img{margin:12px 0 3px 0; border:0;}






/*
*********************************************************************************************************
*********************************************************************************************************
*********************************************************************************************************
*********************************************************************************************************
*********************************************************************************************************
*/

/* Main Body Styles */

#content{width:662px; float:left; margin:0; padding-left:9px;}

.wholesale #content{width:791px; min-height:300px; padding-left:0;}

#content h1{color:#36c; font-size:12pt; margin:0 0 6px 0;}
#content h2{color:#f90; font-size:8pt; font-weight:normal; text-transform:uppercase; letter-spacing:1pt; margin:0 0 3px 0;}
#content p{font-size:10pt; line-height:13pt; color:#666; margin:0 0 9px 0;}
#content p.link{color:#36c;text-align:right;}
#content p.link a{color:#36c; text-decoration:none; margin:0 2px;}
#content p.link a:hover{text-decoration:underline;}

img.left{margin-right:9px; float:left;}


.subnav{
text-align:right;
padding:0 9px 15px 0;
font-size:9pt;
}

.welcome{
	background:url(../images/wholesale/welcome_panel.gif) top left no-repeat;
	width:440px; height:149px;
	margin-bottom:9px;
}

.welcome .intro{
	position:relative;
	top:57px;
	margin:0 20px 0 35px;
	padding:0;
	color:#777;
	font-size:10pt;
	line-height:14pt;
	}
.welcome .intro p{margin:0;}


.wholesale .welcome
{
    background:url(../images/wholesale/welcome_panel_w.gif) top left no-repeat;
    width:569px; height:146px;
    }
    
.wholesale .welcome .intro
{
    top:45px;
    margin:0 12px;    
}


.full, .wide, .narrow{float:left; margin:0 9px 9px 0;}
.full{clear:both; width:653px}
.wide{width:440px;}
.narrow{width:204px;}
.top{padding-top:23px;}

.wholesale .full{width:782px;}
.wholesale .wide{width:569px;}
.wholesale .top{padding-top:12px;}

/* Blackboard Styles */

#blackboard{width:440px; height:200px; border-collapse:collapse; margin:0; padding:0;}
.wholesale .wide #blackboard{margin-left:129px;}
#blackboard .tl{width:5px; height:5px; background:url(../images/wholesale/blackboard_tl.gif) top left no-repeat;}
#blackboard .t{height:5px; background:url(../images/wholesale/blackboard_t.gif) top left repeat-x;}
#blackboard .tr{height:5px; width:5px; background:url(../images/wholesale/blackboard_tr.gif) top right no-repeat}
#blackboard .l{width:5px; background:url(../images/wholesale/blackboard_l.gif) repeat-y;}
#blackboard td{background-color:#252525;}
#blackboard .item{padding:0 5px 15px 9px;}
#blackboard .title{background-color:#252525; padding:6px; text-align:center;}
#blackboard .r{width:5px; background:url(../images/wholesale/blackboard_r.gif) repeat-y;}
#blackboard .bl{width:5px; height:39px; background:url(../images/wholesale/blackboard_bl.gif) 0 0 no-repeat;}
#blackboard .b{height:39px; background:url(../images/wholesale/blackboard_b.gif) repeat-x;}
#blackboard .br{width:5px; height:39px; background:url(../images/wholesale/blackboard_br.gif) 0 0 no-repeat;}
#blackboard .item p{margin:7px 0;}
#blackboard .item img.product{border:4px solid white;}
#blackboard .specials{font-weight:bold; font-size:9pt; margin-left:auto; margin-right:auto; margin-top:10px;}
#blackboard .specials td{padding:1px 6px;}
.row1 td, .row1 td a:link, .row1 td a:visited{color:#58e;}
.row2 td, .row2 td a:link, .row2 td a:visited{color:#f90;}
.row3 td, .row3 td a:link, .row3 td a:visited{color:#9c3;}
#blackboard td a{color:inherit; text-decoration:none;}
#blackboard td a:visited{color:inherit; text-decoration:none;}
#blackboard td a:hover{text-decoration:underline;}
#blackboard td.link{color:#58e;}
#blackboard td.link a{margin:0 2px;}
#blackboard p{color:#bbb;}
#blackboard p.ID{margin:0; color:#777; font-size:7pt;}
#blackboard p.Name{margin:0; color:#49e; font-size:10pt; font-weight:bold;}
#blackboard p.Price{margin:3px 0; color:#f90; font-size:10pt; font-weight:bold;}
#blackboard p.Recipes{font-size:7pt; color:#9c3; text-transform:uppercase; letter-spacing:1px;}
.Recipes{float:left;}
.Recipes a{margin:0 2px;}
.Recipes a:link, .Recipes a:visited{color:#9c3; text-decoration:none;}
.Recipes a:hover{text-decoration:underline;}

a.add{display:inline; border:0; margin:0;}
a.add img{border:0 none; margin:5px 5px 0 0; float:right;}


/* Category List */
.catlist{margin-left:35px;}
.catlist div{float:left; margin:5px 10px;}

/* SubCategory list */
.subcat{padding-left:125px;}
.subcat ul{float:left; margin:0 0 20px 15px; padding:0; color:#f90; font-size:10pt; list-style:none; width:100px;}
.subcat li{margin:0 0 12px 0; padding:0;}
.subcat a:link{color:#f90;}
.subcat a:visited{color:#f90;}
.subcat a:hover{color:#58f !important;}


/* Product Listing  */
.list{
	width:505px;
	}
	

.list .item{
	border:1px solid #ccc;
	margin:0 0 12px 0;
	}
	
.list .item div{padding:5px; float:left;}

.photo{width:250px;}
.details{width:230px;}

.list h1{display:block; padding:5px 12px; margin:0 !important; font-size:11pt !important; background:#f90 url(../images/wholesale/corner_tr.gif) top right no-repeat; color:#fff !important;}

.list p.ID{color:#999 !important; font-size:7pt !important;}
.list p.Price{font-weight:bold; color:#36c !important;}
.list p.Links{padding:2px 8px !important;  margin:0 !important; clear:left; font-size:8pt !important; background:#e8e8e8;}

.list a.add{margin:0; padding:0; float:right; display:block;}
.list a.add img{float:left; clear:right;display:block;}
	

	
	
	

/* Right Column Styles */

.sidebar{
	float:left; 
	background:url(../images/wholesale/corner_tr.gif) top right no-repeat; 
	margin:0; 
	padding:0;
	font-size:8pt; line-height:9pt;
	}
	
.sidebar h1{
	background: url(../images/wholesale/corner_tl.gif) top left no-repeat;
	color:white !important;
	padding:8px 8px 0 8px;
}

.sidebar p{margin:6px 8px 0 8px !important; font-size:8pt !important; color:#000 !important;}
.sidebar ul{padding-left:20px; margin:3px 8px;}
.sidebar li{padding:0;margin:0;}

.sidebar .bottom{float:left; width:204px; height:4px; background: url(../images/wholesale/corner_bl.gif) bottom left no-repeat}
.sidebar .bottom div{float:right; width:4px; height:4px; background: url(../images/wholesale/corner_br.gif) bottom right no-repeat}

.orange{background-color:#f90;}
.blue{background-color:#36c;}
.green{background-color:#9c3;}
.ltgrey{background:#ddd;}


/*  FORM STYLES */
table.form{
	background:#eee; 
	border:1px solid #999;
	}
.form td{
	padding:2px 5px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ddd;
	}
	
.form td.label{
	text-align:right;
	vertical-align:middle; 
	width:230px;
	background:#ddd;
	}


/*
*********************************************************************************************************
*********************************************************************************************************
*********************************************************************************************************
*********************************************************************************************************
*********************************************************************************************************
*/



/* Footer Styles */

#footer
{
	float:left;
	background:url(../images/wholesale/footer_bkg.png) no-repeat;
	width:812px; 
	height:77px;
	margin-left:auto; margin-right:auto;
	position:relative; top:-116px;
}

#footer p
{	
	font-size:7pt;
	margin:0;padding:15px;
}

#footer a:link{color:#14a;}