/*************************************************************************
' Function : CSS defintions for the store.
' Product  : Shopping Tree Store Frontend
' Version  : 3.3
' Modified : January 2005
' Copyright: Copyright (C) 2004 Shopping Tree.Com 
'            See "license.txt" for this product for details regarding 
'            licensing, usage, disclaimers, distribution and general 
'            copyright requirements. If you don't have a copy of this 
'            file, you may request one at webmaster@ShoppingTree.com
'**************************************************************************/

/* General Tag specifications */
body     {
background-color: #39aee5;
color: #333333; 
font-family: Arial, Helvetica, sans-serif; 
	line-height: 18px;
font-size: 11px

}
.HeadingNormal     {
color: #3399cc; 
font-family: Arial, Helvetica, sans-serif; 
	line-height: 30px;
	font-size: 22px
}
.bodyNormalBoldBlue     {
color: #3399cc; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
	line-height: 18px;
font-weight: bold
}
.bodyNormal14px     {
color: #333333; 
font-family: Arial, Helvetica, sans-serif; 
	line-height: 18px;
font-size: 11px
}
.bodyNormal     {
color: #333333; 
font-family: Arial, Helvetica, sans-serif; 
	line-height: 18px;
font-size: 11px
}
.bodyNormalBold     {
color: #333333; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
	line-height: 18px;
font-weight: bold
}
.bodyWhite     {
color: #FFFFFF; 
font-family: Arial, Helvetica, sans-serif; 
	line-height: 18px;
font-size: 11px
}
.bodyWhiteBold     {
color: #FFFFFF; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
	line-height: 18px;
font-weight: bold
}

/* Info Box WITHOUT Headings */
.CPbox1            {color: #333333; background-color: #F5F5F5; border: 1px solid #BBC3D3}
.CPbox1 A:link     {color: #333333; font-size: 11px; font-weight: bold; text-decoration: none}
.CPbox1 A:visited  {color: #333333; font-size: 11px; font-weight: bold; text-decoration: none}
.CPbox1 A:hover    {color: #333333; font-size: 11px; font-weight: bold; text-decoration: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {color: #333333; background-color: #FFFFFF; border: 1px solid #FFFFFF}
.CPbox2H           {color: #333333; background-color: #FFFFFF; padding: 1px}
.CPbox2H B         {color: #333333;}
.CPbox2B           {color: #333333; background-color: #FFFFFF}
.CPbox2B A:link    {color: #333333; font-size: 11px; text-decoration: none}
.CPbox2B A:visited {color: #333333; font-size: 11px; text-decoration: none}
.CPbox2B A:hover   {color: #333333; font-size: 11px; text-decoration: underline}

/* Box - Page Headings */
.CPpageHead {border-bottom: 2px solid #FFFFFF; padding-bottom: 4px}


/* Box - Page Navigation */
.CPpageNav {background-color: #FFFFFF}

/* Box - General Headings */
.CPgenHeadings {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
	line-height: 18px;
font-weight: bold
}

/* Box - Product Image (Home page) */
.CPhomeImg {background-color: #FFFFFF; border: 1px solid #FFFFFF}

/* Box - Product Description (Home page) */
.CPhomeDesc {border-bottom: 1px solid #FFFFFF}

/* Horizontal and Vertical lines */
.CPlines {background-color: #EEEEEE}

/* Product Short Description (Except Detail page) */
.CPprodDesc {
color: #333333; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px
}

/* Product Short Description (Detail page only) */
.CPprodDescDet {
color: #333333; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px
}

/* Product Long Description */
.CPprodDescLong {
color: #333333; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px}

/* Product Detail */
.CPprodDet {
}

/* Product SKU */
.CPprodSKU {
color: #333333; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9px
}

/* Product Price - Text Label */
.CPprodPriceT {
color: #333333; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px
}

/* Product Price - Price Value */
.CPprodPriceV {

color: #333333; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px}

/* Product List Price - Text Label */
.CPprodLPriceT {}

/* Product List Price - Price Value */
.CPprodLPriceV {
text-decoration: line-through;
color: #333333; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px
}

/* Product Sale Price - Text Label */
.CPprodSPriceT {
color: #333333; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px
}

/* Product Sale Price - Price Value */
.CPprodSPriceV {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
color: red
}

/* Free Shipping text */
.CPfreeShipMsg {
color: #888888;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px
}

/* In Stock text */
.CPinStock {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
color: #888888;
}

/* Out of Stock text */
.CPoutStock {color: red}

/* No Image text */
.CPnoImgT {color: #800000}

/* Category List */
.CPcatDescList {}

/* Category Description - No products linked to it */
.CPcatDesc {}

/* Category Description - Has products linked to it */
.CPcatDescProd {font-weight: bold}

/* Option Description for "Optional" options */
.CPoptDesc {font-style: italic}

/* Option Select box */
.CPoptSel {font-family: Arial, Helvetica, sans-serif; font-size: 11px}

/* Option Text box */
.CPoptTxt {font-family: Arial, Helvetica, sans-serif; font-size: 11px}

/* ------------------- */
/* ADDED - Version 2.3 */
/* ------------------- */

/* Box - 2, 3 and 4 Column Layout for product list page */
.CPcolsView {color: #333333; background-color: #FFFFFF; border: 1px solid #FFFFFF}
.CPcolsView A:link    {color: #333333; text-decoration: none}
.CPcolsView A:visited {color: #333333; text-decoration: none}
.CPcolsView A:hover   {color: #333333; text-decoration: underline}

/* System Messages */
.CPsysMsg    {font-size: 11px;}
.CPsysMsgErr {color: red; font-size: 11px;}
.CPsysMsgURL {font-size: 11px}

/* ------------------- */
/* ADDED - Version 2.4 */
/* ------------------- */

/* Highlights used in search results */
.CPhighlight {color: #000000; background-color: #ffff66}

/* ------------------- */
/* ADDED - Version 2.5 */
/* ------------------- */

/* Radio Button options */
.CPoptRadio {font-family: Arial, Helvetica, sans-serif; font-size: 11px}

/* Option Description for "Mandatory" options*/
.CPoptDescM {font-style: italic; color: Red; font-family: Arial, Helvetica, sans-serif; font-size: 11px}


/* ---------------------*/
/* ADDED -- Version 3.0 */
/* ---------------------*/
.CPcloseWindow {font-size: 6pt; text-decoration: none;}
.install { 
	border: 1px solid #BBC3D3
}

.installcomment {
	padding-left: 30px;
}

.textBlock {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}

.maintClosed {
	color: red;
	font-size: 15pt;
	text-align: center;
}

/* ---------------------*/
/* Main Navigation      */
/* ---------------------*/

.navigation {
	margin: 0;
	padding: 0 15px;
	display:block;
	clear:both;
	float: none;
	position:relative;
	height:auto;
	z-index:9999;
}

.navigation a:visited,
.navigation a:active,
.navigation a:hover{
	color: #4b4a4a;
	text-decoration:none;
}

.navigation ul{
	margin: 0px;
	padding: 0;
}

.navigation ul.first,
.navigation ul.first li{
	z-index: 9999;
}
.navigation ul.second,
.navigation ul.second li{
	z-index: 5000;
}

.navigation ul.third {
	z-index: 2000;
}
.navigation ul.third li{
	z-index: 2000;
	border-top:3px solid #EF7B00;
}

.navigation ul li{
	color: #4b4a4a;
	display: block;
	float: left;
	border-top: #fff 1px solid;
	line-height: 36px;
	position: relative;
	font-weight: bold;
}

.navigation ul li a{
	color: #4b4a4a;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	width: 125px;
	text-align: center;
	background: url(/images/bg-navigation-middle.gif) right top no-repeat;
}

.navigation ul li.first a{
	background: url(/images/bg-navigation-left.gif) right top no-repeat;
}

.navigation ul li.last a{
	background: url(/images/bg-navigation-right.gif) right top no-repeat;
}

.navigation ul li.last2 a{
	background: url(/images/bg-navigation-right.gif) right top no-repeat;
	width:250px;
	text-align:left;
	text-indent:15px;
}
ul li ul li.sub_category {
}

.navigation ul li a:hover{
	color: #fff;
	background: #535353 url(/images/bg-navigation-hover.gif) left top repeat-x !important;
}

.navigation ul ul li a{
	text-indent: 0px;
	background: #838383 url(/images/bg-navigation.gif) left top repeat-x !important;
}

.navigation ul ul li a:hover{
	background: #535353 url(/images/bg-navigation-hover.gif) left top repeat-x !important;
}

/*.navigation ul li.chefJacket a{
	background: url(/images/bg-navigation-chefjacket.gif) top center no-repeat;
    text-indent: -9999px;	
}

.navigation ul li.pants a{
	background: url(/images/bg-navigation-pants.gif) top center no-repeat;
    text-indent: -9999px;	
}

.navigation ul li.chefJacket li a,
.navigation ul li.chefJacket a:hover{
   text-indent: 0px;
}

.navigation ul li.pants li a,
.navigation ul li.pants a:hover{
	text-indent: 0px;
} */
.navigation ul li.butchersAprons a{
	background: url(/images/bg-navigation-butchersaprons.gif) top center no-repeat;
    text-indent: -9999px;
}

.navigation ul li.butchersAprons li a,
.navigation ul li.butchersAprons a:hover{
   text-indent: 0px;
}

/*.navigation ul li.specials a{
	background: url(/images/bg-navigation-specials.gif) top center no-repeat;
    text-indent: -9999px;
}

.navigation ul li.specials li a,
.navigation ul li.specials a:hover{
   text-indent: 0px;
}*/

/*.navigation ul li.student a{
	background: url(/images/bg-navigation-student-kits.gif) top center no-repeat;
    text-indent: -9999px;	
}

.navigation ul li.student li a,
.navigation ul li.student a:hover{
   text-indent: 0px;
} */

.navigation ul li.hardware a{
	background: url(/images/bg-navigation-hardware.gif) top center no-repeat;
    text-indent: -9999px;	
}

.navigation ul li.hardware li a,
.navigation ul li.hardware a:hover{
   text-indent: 0px;
}

.navigation ul li ul{
	display: none;
}



.navigation ul li.on_special a{
	background: #ff0707 url(/images/bg-navigation-red.gif) left top repeat-x !important;
    color: #ffffff;
}

.navigation ul li ul li {
	float: left;
	border: none;
	border-right: 1px solid #acacac;
	border-bottom: 1px solid #acacac;
	position: relative;
	text-transform:lowercase;
}

.navigation ul li ul li a { 
	text-align: left;
	width: 135px !important;
	width: 163px ;
	display: block; 
	font-size: 14px;
	line-height:normal;
	padding: 8px 8px 8px 10px;
}

.navigation li:hover ul, li.over ul {
	display: block !important; /*unhide it*/
	float: left;	
	position: absolute; /* It needs to be absolute
	for the effect to work.*/	
	margin: 0;
	padding: 0;
	width: 135px  !important;
	width: 163px;

}


li.chefJacket,
li.chefJacket a,
li.chefJacket a:active{

}

li.chefJacket a:hover{

}

li.pants,
li.pants a{

}

li.pants a:hover{

}

li.waiters,
li.waiters a{


}

li.waiters a:hover{

}

li.aprons,
li.aprons a{


}

li.aprons a:hover{

}

li.accessories,
li.accessories a{


}

li.accessories a:hover{

}

li.hardware,
li.hardware a{


}

li.hardware a:hover{

}

li.knives,
li.knives a{


}

li.knives a:hover{

}


.navigation ul li.prochef a{
	background: url(/images/bg-navigation-middle-prochef.gif) repeat-x bottom right;
	height:40px;
	padding-top:4px;
	line-height:16px;
}
.navigation ul li.prochef.first {
	background: url(/images/bg-navigation-left-prochef.gif) repeat-x bottom left;
	height:40px;
	width:124px;
	text-align:center;
	padding-top:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	border-right:1px solid #FFF;
	color:#FFF;
}
.navigation ul li.prochef.first a{
	background: url(/images/bg-navigation-left-prochef.gif) repeat-x bottom left;
}
.navigation ul li.prochef.last a{
	background: url(/images/bg-navigation-right-prochef.gif) repeat-x bottom right;
}

.navigation ul li.prochef li a,
.navigation ul li ul li.category a {
	height:25px;
	padding-top:4px;
	margin-top:0px;
}


li.prochef,
li.prochef a{
}

li.newProducts,
li.newProducts a{


}

li.newProducts a:hover{

}

li.specials,
li.specials a{


}

li.specials a:hover{

}

li.members,
li.members a{


}
li.butchersAprons,
li.butchersAprons a{


}

li.members a:hover{

}

li.register,
li.register a{


}

li.register a:hover{

}



/* Image Replacement
--------------------------------------------- */

.replaced {
	text-indent: -5000px !important;
	margin: 0;
	padding: 0;
	display: block;
}

/* Layout */

#header{
	background: url('/images/logo-aussiechef.gif') top left no-repeat;
	display: block;
	height: 119px;
	width: 780px;
	margin: 14px 0 0;
	padding: 0;
}

#topnav {
	display: block;
	padding-left: 155px;
}

.cart {
	float:right;
	display: block;
	margin-right: 25px !important;
	margin-right: 15px;
	margin-top: 15px;
}

#content{
	position:relative;
	float:left;
	display: table;
	margin:10px 0px 0px 15px;
	width:750px;
	height:auto;
	z-index:0;
	overflow:hidden;
}

#updates img{
}

#updates {
	margin-bottom: 5px;
}

#updates div{
	display: block;
	margin: 0;
	padding: 0;
	width: 370px;
	height: 106px;
	overflow: hidden;
	float: left;
	margin: 2px 1px;
}

#updates.border {
	padding-bottom: 37px;
	background: url('../images/border-updates.gif') bottom left repeat-x;
}
#sidebar {
	display: block;
	width: 144px;
	padding:100px 0 10px;
}

#footer{
	display: block;
	width: 780px;
	margin: 0 auto;
	padding: 3px 0;
	text-align: center;
	color: #fff;
	clear:both;
}

#header h1{
	float:left;
	width: 460px;
	height: 95px;
	cursor:pointer;
}

span.discount {
    font-size: 15px;
    font-weight: bold;
    color: #FF0000;
}

.CPbox2B li{
	margin-left: 0px;
	display: block;
	width:400px;
}