@charset "utf-8";
/* CSS Document */

#contentInner
{
  width: 950px;
  height: 100%;
  padding: 0px 0px 0px 20px;
  background-image: none;
}

* html body #contentInner
{
  padding-left: 20px;
}
	
#contentInnerHeaderLeft
{
  padding-bottom: 35px;
}
 
#contentInnerHeaderRight
{
  float: right;
  width: 190px;
  height: 115px;
  padding-top: 20px;
  background-color: #ffffff;
}
	
#searchLabel
{
  position: absolute;
  margin-left: -105px;
  width: 100px;
  color: #6baf34;
  text-align: right;
  font-size: 11pt;
}

#contentInnerHeaderRight input[type="text"]
{
  border: solid 1px #6baf34;
  margin-bottom: 5px;
}

#contentInnerBodyLeft
{
  float: left;
  width: 720px;
}

#drilldown
{
  clear: both;
}

#drilldownTabs
{
  height:24px;
}

#drilldownTabs ul
{
  margin-left: 0px;
}

#drilldownTabs li
{
  display: inline;
  padding: 0;
}

#holder-header
{
  height:12px;
  margin-top: 5px;
}

* html body  #holder-header
  {
	height:11px;
	overflow:hidden;
  margin-top: 0px;
}

#holder-footer
{
  height:12px;
  clear:both;
}

#drilldownColsAlt
{
  padding-top: 20px;
  clear:both;
}

#drilldownCols
{
  min-height: 200px;
  padding-top: 10px;
  clear:both;
}
    
* html body #drilldownCols
{
	height:200px;
}
	
.drilldownCol
{
  float: left;
  width: 32%;
  margin-left: 0px;
}
    
.level2 li
{
	padding:0px 0px 0px 8px;
	margin:0px;
}

.level3 li
{
	padding:0px 0px 0px 8px;
	margin:0px;
}

.level1 li
{
  padding: 0;
  margin: 0;
}
	
.level1 a
{
  color: white;
  padding: 4px 0 0 0;
  margin: 0 -2px 0 -2px;
  display: inline-block;
  height: 23px;
  line-height: 23px;
  width: 103px;
  font-size: 90%;
  text-align: center;    
}

.level2 a, .level3 a, .level4 a
{
  color: #9d9b9b;
  line-height: 24px;
}

.level2 a
{
  text-transform: capitalize;
}

.level1selected a
{
  font-weight: bold;
  background-color:#f1f1f1;
}
    
.level2selected 
{
  background:#060 url(/_images/bg-leftcurrent.jpg) top left repeat-x;
}

.level3selected 
{
  background:#060 url(/_images/bg-middlecurrent.jpg) top left repeat-x;
}

.level2selected a, .level3selected a
{
	color:white;
}

/* tab colouring / images */

.advanced
{
  font-size: 14px;
  margin-left: 2px !important;
}
.hide
{
  padding-top: 30px !important;
}
.catchilled a
{
  background: url(/_images/list/tab-chilled.jpg) top left no-repeat !important;
}
.catfrozen a
{
  background: url(/_images/list/tab-frozen.jpg) left top no-repeat !important;
}
.catgrocery a
{
  background: url(/_images/list/tab-grocery.jpg) top left no-repeat !important;
}
.catcateringsupplies a
{
  background: url(/_images/list/tab-nonfood.jpg) top left no-repeat !important;
  width: 153px;
}
.catspecialselections a
{
  background: url(/_images/list/tab-special.jpg) left top no-repeat !important;
  width: 160px;
}
.cattab
{
  height: 1px;
  width: 616px;
  margin: 0px 0px 0px -1px;
}
.cattabchilled
{
  border-bottom: 3px solid #84be4a;
  background: url(/_images/list/div-chilled.jpg) left top no-repeat;
}
.cattabfrozen
{
  border-bottom: 3px solid #85c2eb;
  background: url(/_images/list/div-frozen.jpg) left top no-repeat;
}
.cattabgrocery
{
  border-bottom: 3px solid #e83f31;
  background: url(/_images/list/div-grocery.jpg) left top no-repeat;
}
.cattabcateringsupplies
{
  border-bottom: 3px solid #8b3c71;
  background: url(/_images/list/div-nonfood.jpg) left top no-repeat;
}
.cattabspecialselections
{
  border-bottom: 3px solid #005f13;
  background: url(/_images/list/div-special.jpg) left top no-repeat;
}
.catbg
{
  background-position: top right;
  background-repeat: no-repeat;
}
.catbgchilled
{
  background-image: url(/_images/list/bg-chilled.jpg);
  min-height: 306px !important;
}
.catbgfrozen
{
  background-image: url(/_images/list/bg-frozen.jpg);
  min-height: 351px !important; 
}
.catbggrocery
{
  background-image: url(/_images/list/bg-grocery.jpg);
  min-height: 343px !important;
}
.catbgcateringsupplies
{
  background-image: url(/_images/list/bg-nonfood.jpg);
  min-height: 260px !important;
}

#contentInnerHeaderLeft
{
  float: left;
  width: 720px;
}

#contentInnerBodyRight
{
  float: right;
  width: 220px;
  height: 100%;
}
  	  
#productList
{
  clear: both;
  width: 100%;
}

#productListTable a
{
  color:#666;
}
	
#productListTable
{
  width: 100%;
  margin-top: 20px;
  margin-bottom: 50px;
  table-layout: fixed;
}

#productListTable th
{
  background-color: #ececec;
  empty-cells: show;
  height: 30px;
  font-weight: normal;
  padding-left: 20px;
}

#productListTable td
{
  text-align: left;
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: solid 1px #ececec;
}
	
* html body  #productListTable img
{
  padding: 0px !important;
  margin:15px 0px 10px 20px
}

#productListTable img
{
	padding:0px 2px 0px 2px;
}

#paging table
{
  width: 100%;
  margin-bottom: 20px;
}

#pagingFirst, #pagingBack, #pagingNext, #pagingLast
{
  width: 10%;
}

#pagingPage
{
  text-align: right;
}

#pagingChoose
{
  width: 60px;
  text-align: center;
}

#pagingChoose select
{
  width: 50px;
}

#pagingPages
{
  text-align: left;
}

#myList
{
  height: 100%;
}

#myListBody a
{
  color: #005f1c;
}
   
#myListHeader
{
  background: url(/_images/bg-gradient-nav-dark.jpg) repeat-x top left;
  line-height: 30px;
  height: 30px;
}

#myListHeader h2
{
  color: #ffffff;
  line-height: 30px;
  text-indent: 5px;
  margin-bottom: 2px;
}

#myListHeader a
{
  color: #ffffff;
}

#myListHeaderIcons
{
  position: absolute;
  color: #ffffff;
  padding: 5px;
  margin-top: -5px;
  margin-left: 90px;
}

* html body #myListHeaderIcons
{
  margin-top: 1px;
  margin-left: 88px;
}

#myListHeaderIcons img
{
  margin-bottom: -5px;
}

#myListBody
{
  background-color: #6baf34;
  background: url(/_images/bg-right-col.jpg) repeat-y top left;
  height: 100%;
}

#myListBody table 
{
  width: 100%;
  padding-bottom: 10px;
}

#myListBody table td
{
  empty-cells: show;
  height: 30px;
  color: #ffffff;
  border-bottom: solid 1px #ffffff;
  text-align: left;
  padding-left: 5px;
  padding: 5px 0 5px 5px;
}

/*product detail*/

#productDetail
{
  margin: 10px 0 0 0;
  padding:0px;
}

.breadCrumb
{
  height:20px;
  line-height:14px;
  padding-left:0px;
  font-weight:bold;
}

.breadCrumb li
{
  display:inline;
  padding:8px;
}

.breadCrumb a
{
  color:#999;
  text-transform:capitalize;
}

.detailTop
{
	background-color:green; 
  height:34px; 
  overflow:hidden; 
  clear:both;
}

.detailTop h1
{
	color:white;
	font-size:24px; 
  font-weight:bold; 
  line-height:34px;
}

.code
{
  padding-left:10px; 
  width:54%; 
  float:left
}

.symbols
{
	width:40%; 
	float:right; 
	line-height:34px; 
	text-align:right; 
	padding-right:20px;
}

* html body .symbols img
{
	margin-right:20px !important;
	padding:0px !important;
	margin:9px 0px 0px 0px !important;
}
 
 .symbols img
{
	padding:10px 2px 0px 2px;
}
 
.detailsText
{
	background-color:#eeeeee; 
  padding:0px 0px 0px 10px; 
  float:left; 
  height:206px; 
  overflow:hidden; 
  border:1px gray solid; 
  margin-right:10px; 
  width:708px
}

* html body  .detailsText
{
  border-left:gray 1px solid; 
  border-right:gray 1px solid;
  border-bottom:gray 1px solid;
  border-top:gray 1px solid;
}

.image
{
	width:309px;
  height:206px; 
  float:right; 
  border-left:1px solid gray; 
  margin-left:10px;
}

.detailsText h1
{
	color:#6e6d75; 
  font-size:21px; 
  margin:4px 0px 0px 0px
}

.detailsText p
{
	margin:4px 0px 0px 0px; 
  line-height:130%
}

.attributes
{ 
  border:gray 1px solid; 
  padding:0px 0px 8px 0px;
}

.attributesCol
{
	float:left;
	padding-right:30px;
	padding-left:8px;
	padding-top:8px;
}

.attributesCol td
{
	text-align:left;
	font-size:11px;
	padding:2px;
}


.attributesCol h1
{
	font-size:12px;
	padding:4px 0px 4px 20px;
	margin:0px;
}

.detailFooter
{
  border-left: 1px solid gray; 
  border-right: 1px solid gray; 
  padding:0px 10px 4px 10px; 
  background-color:#eeeeee;
}
  
.detailsNumberic
{
	width:63%; 
  float:left;
  margin-top:10px;
}

.detailCol
{
	float:left;
	font-size:14px;
	font-weight:bold;
	padding:0px 20px 0px 0px;
}

.buttons
{
	width:30%; 
  float: right
}

.criteria
{
  width: 30%;
  float: left;
  padding: 10px 0 0 10px;
}

.criteria img
{
  margin-bottom: -2px;
}

#viewToggle
{
  float: right;
  padding-top: 10px;
}

#btnSearch
{
  position: absolute;
  margin-top: -5px;
  margin-left: 5px;
}

#intro
{
  background: #6baf34 url(/_images/the-list-intro.jpg) no-repeat top left;
  width: 720px;
  height: 235px;
  margin-top: 6px;
  margin-left: -1px;
}

* html body #intro
{
  margin-top: 0px;
}

#introInner
{
  float: right;
  width: 300px;
  padding-right: 10px;
  padding-top: 15px;
}

#introInner a
{
  color: #ffffff;
  text-decoration:underline !important;
}

.packSize
{
  text-align: center !important;
}

#introInner p
{
  color: #ffffff;
  font-size:14px; 
  line-height:150%;
  font-weight:bold;
}

#advancedSearch
{
  padding: 0 20px 40px 20px;
}

.advSearchCol
{
  float: left;
  width: 25%;
}

.lastCol
{
  padding-right: 0px !important;
}

.lastCol input[type="radio"]
{
  margin-left: 9px;
}

.advSearchCol input[type="checkbox"]
{
  margin-right: 5px;
}

#advTextboxes
{
  padding-bottom: 10px;
}

#advTextboxes div
{
  float: right;
}

#txtAdvKeywords
{
  width: 390px;
}

#btnAdvSearch
{
  position: absolute;
  margin-left: 137px;
  margin-top: 5px;
}

#spiceLevel
{
  float: right;
}

#spiceLevel div
{
  position: absolute;
  margin-left: -72px;
  margin-top: 3px;
}

#ddSpiceLevel
{
  width: 88px;
  margin-bottom: 20px;
  clear: none !important;
}

#txtMBGPBGNo
{
  width: 84px !important;
}

#showAdvancedSearch
{
  background: url(/_images/icon-blob-plus.png) no-repeat center left;
  padding: 4px 0 2px 20px;
  margin-left: 20px;
}

#hideAdvancedSearch
{
  background: url(/_images/icon-blob-minus.png) no-repeat center left;
  padding: 4px 0 2px 20px;
  margin-left: 20px;
}