/* General Options */
html
{
	overflow: hidden;
}

body
{
	font-size: 11px;
	font-family: Arial, Verdana;
	color: #654321;
	margin: 0px 0px 0px 0px;
	background: #FFFFFF url(../images/Leaf/faded_background.png) repeat-x left top;

}

/* Fonts */
a { color: #222222; text-decoration: none; }
a:hover { color: #444444; }

h1 { font-size: 28px; text-align: center; color: Navy; }
h2 { font-size: 20px; text-align: center; color: Navy; }
h3 { font-size: 16px; color: Navy; }
h4 { font-size: 12px; color: Navy; }

/* Basic Divs */
.MenuDiv
{
	position: absolute;
	top: 310px;
	left: 10px;
	width: 220px;
	z-index: 100;
}

.MenuTableContent
{
	background-color: White;
}

.MenuScroller {
	height: 220px;
	width : 200px;
	overflow: auto;
	
	scrollbar-face-color:#ccc;
	scrollbar-arrow-color:#f4f4f4;
	scrollbar-track-color:#f4f4f4;
	scrollbar-shadow-color:#f4f4f4;
	scrollbar-highlight-color:#f4f4f4;
	scrollbar-3dlight-color:#f4f4f4;
	scrollbar-darkshadow-Color:#f4f4f4;
}


.SearchDiv
{
	position: absolute;
	top: 240px;
	left: 10px;
	width: 220px;
	font-weight: bold;
}


.SearchTableContent
{
	background-color: White;
}


.CartDiv
{
	position: absolute;
	top: 120px;
	left: 10px;
	width: 220px;
	font-weight: bold;
}

.CartTableContent
{
	background-color: White;
}


.CartScroller {
	height: 97px;
	width : 200px;
	overflow: auto;
	
	scrollbar-face-color:#ccc;
	scrollbar-arrow-color:#f4f4f4;
	scrollbar-track-color:#f4f4f4;
	scrollbar-shadow-color:#f4f4f4;
	scrollbar-highlight-color:#f4f4f4;
	scrollbar-3dlight-color:#f4f4f4;
	scrollbar-darkshadow-Color:#f4f4f4;
}

.ContentDiv
{
	position: absolute;
	left: 240px;
	top: 120px;
	width: 520px;
	/*border: Solid 1px #555555;*/
}


.MainTableContent
{
	background-color: White;
}

.MainTableScroller {
	height: 410px;
	width : 504px;
	overflow: auto;
	
	scrollbar-face-color:#ccc;
	scrollbar-arrow-color:#f4f4f4;
	scrollbar-track-color:#f4f4f4;
	scrollbar-shadow-color:#f4f4f4;
	scrollbar-highlight-color:#f4f4f4;
	scrollbar-3dlight-color:#f4f4f4;
	scrollbar-darkshadow-Color:#f4f4f4;
}


.MiscDiv1
{
	position: absolute;
	top: 93px;
	left: 5px;
	width: 350px;
}

.MiscDiv2
{
	position: absolute;
	top: 130px;
	left: 235px;
	width: 1px;
}
/*
.MiscDiv3
{
}
*/
/* Search Controls */
.QuickSearchSearchField
{
	width: 140px;
	height: 13px;
	font-size: 11px;
}

.QuickSearchSearchButton
{
}


/* Product Listings*/
.ProductListProdInfoTable
{
}

.ProductListImageCell
{
	vertical-align: top;
}

.ProductListImage
{
}

.ProductListProdInfoCell
{
}

.ProductListProdInfoCellAlternate
{
}

hr.ProductListSeparator
{
	width: 90%;
	height: 1px;
	color: #cccccc;
}

.ajax__tab_xp	/* Must be called this in order for the component to work */
{
	width: 280px;
}
.GDASummaryTable
{
	color: Black;
	width: 280px;
}

.AllergyTable
{
	color: Black;
	border: Solid 1px #999999;
	width: 280px;
}



/* Menu */
.WebgroupTreeMenu
{
	padding: 0px 0px 0px 0px;
	border-spacing: 0px;
}

.WebgroupTreeMenuItem
{
	padding-right: 5px;
		background-color: White;
}

.WebgroupTreeMenuItemLink
{
}



/*Images around menu and content (normally for dropshadows and rounded corners) */

.MainTableLeftTop, .MenuTableLeftTop, .SearchTableLeftTop
{
	margin: 0;
	background: url(../images/Leaf/left_top2.png) no-repeat left top;
	padding: 0px;
	height: 10px;
	width: 10px;
}
.MainTableLeftBottom, .MenuTableLeftBottom, .SearchTableLeftBottom
{
	margin: 0;
	background: url(../images/Leaf/left_bottom2.png) no-repeat left bottom;
	padding: 0px;
	height: 10px;
	width: 10px;
}
.MainTableRightTop, .MenuTableRightTop, .SearchTableRightTop
{
	margin: 0;
	background: url(../images/Leaf/right_top2.png) no-repeat right top;
	padding: 0px;
	height: 10px;
	width: 10px;
}
.MainTableRightBottom, .MenuTableRightBottom, .SearchTableRightBottom
{
	margin: 0;
	background: url(../images/Leaf/right_bottom2.png) no-repeat right bottom;
	padding: 0px;
	height: 10px;
	width: 10px;
}
.MainTableCenterTop
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	background: url(../images/Leaf/top_border2.png) repeat-x left top;
	padding: 0;
	height: 10px;
	width: 504px;
}
.MainTableCenterBottom
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	background: url(../images/Leaf/bottom_border2.png) repeat-x left bottom;
	padding: 0;
	height: 10px;
	width: 504px;
}

.MenuTableCenterTop
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	background: url(../images/Leaf/top_border2.png) repeat-x left top;
	padding: 0;
	width: 200px;
	height: 10px;
}
.MenuTableCenterBottom
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	background: url(../images/Leaf/bottom_border2.png) repeat-x left bottom;
	padding: 0;
	width: 200px;
	height: 10px;
}

.SearchTableCenterTop
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	background: url(../images/Leaf/top_border2.png) repeat-x left bottom;
	padding: 0;
	width: 210px;
	height: 10px;
}

.SearchTableCenterBottom
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	background: url(../images/Leaf/bottom_border2.png) repeat-x left bottom;
	padding: 0;
	width: 210px;
	height: 10px;
}

.MainTableLeft, .MenuTableLeft, .SearchTableLeft
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	background: url(../images/Leaf/left_border2.png) repeat-y left top;
	padding: 0;
	height: 10px;
	width: auto;
}
.MainTableRight, .MenuTableRight, .SearchTableRight
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	background: url(../images/Leaf/right_border2.png) repeat-y right top;
	padding: 0;
	height: 10px;
	width: auto;
}



/* Special Controls */

div.DirectDownloadLayer{
    width: 250px;
    z-index: 10;
    border: solid 2px #aaaaaa;
    background-color: #eeeeee;
    left:20px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    visibility:hidden;
    position:absolute;
    display:block;
    text-align: left;
}

.CartResultPanel
{
	position: absolute;
	margin-left: 5px;
	margin-top: 2px;
	background-color:#eeeeee;
	border: solid 1px #aaaaaa;
	width: 75px;
	visibility:hidden;
}

.ProductListImagePreview
{
	position: absolute;
	visibility: hidden;
	top: 0px;
	left: 0px;
	text-align: left;
	padding: 2px 4px 2px 4px;
	background-color: #dbe3ee;
	border: solid 1px #5781ae;
}

.BackgroundTopCell
{
	margin: 0px;
	background: url(../images/Leaf/top.jpg) no-repeat left top;
	padding: 0;
	height: 118px;
	width: 780px;
}

.BackgroundBottomCell
{
	margin: 0px;
	background: url(../images/Leaf/bottom.png) no-repeat left top;
	padding: 0;
	height: 103px;
	width: 780px;
}

.BackgroundLeftCell
{
	margin: 0px;
	background: url(../images/Leaf/left.png) no-repeat left top;
	padding: 0;
	height: 433px;
	width: 5px;
}


.BackgroundMiddleCell
{
	margin: 0px;
	padding: 0;
	height: 433px;
	width: 765px;
	background: #FFFFFF;
}

.BackgroundRightCell
{
	margin: 0px;
	background: url(../images/Leaf/right.png) no-repeat left top;
	padding: 0;
	height: 433px;
	width: 10px;
}



div.filler{
    background-color:white;
    position:absolute;
    visibility:hidden;
    border:1px solid;
    float:left;
    border-color: #ede #777 #888 #ddd;
}
/*
div.main{
    background-color:white;
    border:1px solid;
    border-color: #ede #777 #888 #ddd;
}
*/
/* CSSMenu */

* { margin:0px; padding:0px; }

div.winmenu{
    cursor:pointer;
    font: 1em Arial, sans-serif;
    text-align:left;
    text-decoration:none;
    background-color: #bbb;
    display:block;
    width:auto;
    height:auto;
    white-space:nowrap;
}

/* Primary Menu Level */
div.winmenu div.mainitem,
div.winmenu div.menuitem{            
    position: relative;         
    background-color: #bbb;
    float:left;  
}
div.winmenu div.menuitem
{
    border:1px solid;
    border-color:#aaa;
    color: #666;
}

div.winmenu div.mainitem{            
    border:1px solid;
    border-color: #ede #777 #888 #ddd;
    color:#000;
    width: 100px;
    height: 20px;
    padding-left: 5px;
    padding-top: 5px;
    background: url(../images/Leaf/menu/MenuMiniArrow.gif) no-repeat right center;

}
/* Second Submenu */
div.winmenu div.submenu div.mainitem,
div.winmenu div.submenu div.menuitem{
    float:none;
    height: 15px;
    padding-top: 0px;
}

div.winmenu div.submenu{
    visibility:hidden;
    position:absolute;
    background-color: #bbb;
    border: 1px solid;
    border-color: #ede #777 #888 #ddd;            
    left: 0%;
    top: 100%;
}

/* Third Submenu */
div.winmenu div.submenu div.submenu{
    left:99%;
    top:0%;

}

div.winmenu div.mainitem > div > div.submenu div.submenu{
    left:100%;
    width: 150px;

}

div.winmenu div.mainitem:hover,
div.winmenu div.menuitem:hover {
    left: 0px;
    top: 0px;
    background-color: #aaa;
    border-color: #888 #ddd #ede #777;
}




.Search_AutoCompleteWindow { cursor: pointer; font-size: 10px; border: 1px solid #000000; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #F1F1F1; }
.Search_AutoCompleteItem { background-color: #F1F1F1; }
.Search_AutoCompleteItem_Highlight { background-color: #dbe3ee; }