f/* The name of the current category */
div#CategoryTreeName
{
	height: 28px;
}

div#CategoryNavBar
{
	top: 0px;
	height: 27px;
	border-bottom: solid #999999 1px;	
}

/* The cookie crumb trail detailing position within the tree. */
div#CategoryTreeLine
{
	position: absolute;
	left: 2px;
	top: 0px;
	/* text positioning of the cookie crumb trail. */
	padding: 5px 0px 0px 23px;
	-moz-box-sizing: border-box;
	font-size: 12px;
	font-weight: bold;
}

div#CategoryArea
{
	position: relative;
	left: 0px;
	top: 0px;
}

/* The box that holds detail about the category branches. */
div.CategoryTreeArea
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 206px;
	display: block;
	background-color: #E5E5E5;
	border-left: solid #999999 1px;
	text-decoration: none;
	font-size: 9pt;
	-moz-box-sizing: border-box;
	z-index: 3;
}

/* The combo box that allows selection of which tree to view. */
div.CategoryTreeCombo
{
	position: relative;
	left: 15;
	top: 10;
	z-index: 3;	
}

div.CategoryTreeComboLabel
{
	position: absolute;
	left: 0;
	top: 2;
}

div.CategoryTreeComboBox
{
	position: relative;
	left: 40;
	top: 0;
	
}

select.CategoryTreeComboBox
{
	font-size: 9pt;
	width: 130px;
	z-index: 3;
}

input#CategoryTreeBtn
{
	position: absolute;
	left: 172px;
	top: 1px;
}


/* determines where within the CategoryTreeArea, the tree starts. */
div.CategoryTrees
{
	position: relative;
	left: 15px;
	top: 0px;
	padding-top: 25px;
	padding-bottom: 15px;
	z-index: 2;
}

div.BranchContainer
{
	position: relative;
	left: 10px;
}

div.Branch
{
	position: relative;

}

div.BranchEmpty, div.BranchEmptyOpen
{
	position: relative;
	display: block;
	background-repeat: no-repeat;
	padding-left: 18px;
}

div.BranchEmpty
{
	background-image: url('../images/tree/folder_empty.gif');
}

div.BranchEmptyOpen
{
	background-image: url('../images/tree/folder_empty_open.gif');
}

a#SelectedBranch
{
	color: #CC0000;
	font-weight: bold;
	border: 0px;
}

/* text and folder formatting for the collapsable links to each branch */

div.BranchFull
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 18px;
}

a.Branch, a.Tree, a.BranchEmptyOpen
{
	position: relative;
	top: 2px;
	text-decoration: none;
	color: #000000;
}
a.BranchEmpty
{
	position: static;
	padding-top: 2px;
	text-decoration: none;
	color: #000000;
}

a.Branch, a.Tree
{
	left: 18px;
}

a.BranchEmpty, a.BranchEmptyOpen
{
	display: block;
	left: 0px;
	height: 18px;
}

a.Branch:hover, a.Tree:hover, a.BranchEmpty:hover, a.BranchEmptyOpen:hover
{
	color: #cc0000;
	font-weight: normal;

}

a.BranchFolder, a.TreeFolder, a.BranchFolderOpen, a.TreeFolderOpen
{
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	border: 0px;
	background-image:  url('../images/tree/folder_closed.gif');
}

a.BranchFolder, a.TreeFolder
{
	background-image:  url('../images/tree/folder_closed.gif');
}

a.BranchFolderOpen, a.TreeFolderOpen
{
	background-image:  url('../images/tree/folder_open.gif');
}

img.FolderIcon
{
	width: 16px;
	height: 16px;
	border: 0px;
	background-image: url('../images/tree/folder_empty.gif');
}
/* formatting for items listed in this category */

div.CategoryItemsArea
{
	position: relative;
	left: 0px;
	top: 0px;
	font-size: 8pt;
	border-left: solid #006666 1px;
	border-bottom: solid #006666 1px;
	background-color: #E5E5E5;
	z-index: 1;	
}
div.Item
{
	position: relative;
	top: 0px;
	left: 205px;
	width: 574px;
	height: 150px; 
	border-bottom: solid #999999 1px;
	border-right: solid #999999 1px;
	border-left: solid #999999 1px;
	background-color: #FFFFFF;
}

div.ItemCode
{
	position: absolute;
	left: 20px;
	top: 37px;
	width: 70px;
}

div.ItemDescription
{
	position: absolute;
	left: 20px;
	top: 10px;
	width: 300px;
	font-weight: bold;
}

div#inlineSubTreesArea
{
	position: relative;
	z-index: 1000;
	left: 205px;
	border-bottom: solid #006666 1px;
	border-right: solid #006666 1px;
	border-left: solid #006666 1px;
	background-color: #FFFFFF;
	width: 574px;
}	

div#inlineSubTreesDesc
{
	position: relative;
	font-weight: bold;
	font-size: 13pt;
	font: Verdana, Arial, Helvetica, sans-serif;
	left: 20px;
	padding-top: 10px;
}

div#inlineSubTreesCaption
{
	position: relative;
	color: black;
	padding-top: 10px;
	font-weight: bold;
	left: 20px;
}

div#inlineSubTrees
{
	position: relative;
	left: 40px;
	margin-top: 10px;
	padding-bottom: 10px;
}

div#inlineSubTrees2
{
	position: absolute;
	left: 350px;
	top: 54px;
	margin-top: 10px;
	padding-bottom: 10px;
}

a.InlineSubTree1, a.InlineSubTree2, a.InlineSubTree3, a.InlineSubTree4, a.InlineSubTree5, a.InlineSubTree6
{
	position: relative;
	display: block;
	width: 250px;
}


a.InlineSubTree2
{
	left: 20px;
	color: black;
}


a.InlineSubTree3
{
	left: 40px;
	color: green;
}

a.InlineSubTree4
{
	left: 60px;
	color: purple;
}

a.InlineSubTree5
{
	left: 60px;
	color: blue;
}

a.InlineSubTree6
{
	left: 60px;
	color: orange;
}

textarea.ItemCaption
{
	position: absolute;
	top: 60px;
	left: 20px;
	height:42px;
	width: 275px;
	font-family: Verdana, Arial;
	font-size: 8pt;
	border: 0px;
	background-color: white; 
	overflow: auto;
}

div.ItemPriceDesc
{
	position: absolute;
	left: 310px;
	top: 10px;
}

div.ItemPrice
{
	position: absolute;
	left: 385px;
	top: 10px;
	font-weight: bold;
}

div.ItemRetailPriceDesc
{
	position: absolute;
	left: 310px;
	top: 25px;
}

div.ItemRetailPrice
{
	position: absolute;
	left: 385px;
	top: 25px;
	/* text-decoration: line-through; */
}

div.ItemQtyAvailable
{
	position: absolute;
	right: 145px;
	top: 72px;
	
}

div.ItemBuyNow
{
	position: absolute;
	left: 310px;
	top: 43px;
}

input.ItemBuyNow
{
	position: absolute;
	left: 35px;
	top: 2px;
	width: 47px;
	font-size: 7pt;
	text-align: right;
}

select.ItemBuyNow, select.SubItemBuyNow
{
	position: absolute;
	left: 35px;
	top: 2px;
	width: 47px;
	font-size: 7pt;
}

input.ItemBuyNowBtn, input.SubItemBuyNowBtn
{
	position: absolute;
	left: 0px;
	top: 0px;
}

div.ItemRelatedItems
{
	position: absolute;
	left: 20px;
	top: 110px;
}

select.ItemRelatedItems
{
	font-size: 7pt;
}

input.ItemRelatedItemsBtn
{
	position: absolute;
	left: 195px;
	top: 1px;
	width: 17px;
	height: 17px;
}

a.ItemLinkURL
{
	position: absolute;
	right: 145px;
	top: 110px;
	font-weight: bold;
}

a.ItemExtraLink
{
	position: absolute;
	left: 185px;
	top: 110px;
	background-color: #CCCCCC;
	font-weight: bold;
}

a.ItemMoreInfoLink
{
	position: absolute;
	right: 145px;
	top: 84px;
	background-color: #CCCCCC;
	font-weight: bold;
}

div.ItemPicture
{
	position: relative;
	left: 450px;
	top: 10px;
	height: 100px;
	width: 110px;	
	background-image: url('../images/no_picture.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

/* Repeating Sub Items */


div.ItemSubItemsArea
{
	position: relative;
	top: 0px;
}

div.ItemSubItemsAreaDesc
{
	position: relative;
	left: 20px;
	top: 0px;
	font-weight: bold;
	height: 20px;
}	

div.ItemSubItems
{
	position: relative;
	top: 0px;
	left: 0px;
}

div.ItemSubItem
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 450px;
	height: 60px;
	border-top: dotted #006666 1px;
	border-right: dotted #006666 1px;
}

div.SubItemCode
{
	position: relative;
	left: 20px;
	top: 6px;
}

div.SubItemDescription
{
	position: absolute;
	left: 100px;
	top: 6px;
	font-weight: bold;
}

div.SubItemQtyAvailable
{
	position: absolute;
	left: 200px;
	top: 26px;
	text-align: right;
}

div.SubItemPriceDesc
{
	position: absolute;
	left: 310px;
	top: 6px;
	width: 73px;
}

div.SubItemPrice
{
	position: absolute;
	left: 385px;
	top: 6px;
	font-weight: bold;
}	
	
div.SubItemBuyNow
{
	position: absolute;
	left: 310px;
	top: 27px;
}

/* Content in the footer */

div.PageNumbersTop
{
	position: absolute;
	left: 630px;
	top: 4px;
	width: 190px;
	font-size: 8pt;
}

div.PageNumbersBottom
{
	position: absolute;
	left: 430px;
	top: 80px;
	width: 190px;
}

/* Previous and next buttons */
a.PagePrevious, a.PageNext
{
	position: absolute;
	display: block;
	width: 50px;
	height: 20px;
	background-repeat: no-repeat;
	background-position:top left;
	color: white;
	font-weight: bold;

	-moz-box-sizing:border-box;
	top: -2px;
}

a.PagePrevious
{
	background-image: url("../images/previous_btn.gif");
	padding: 2px 0px 0px 15px;
	left: -51px;
}

a.PageNext
{
	background-image: url("../images/next_btn.gif");
	padding: 2px 0px 0px 10px;
	left: 90px;
}

a.PagePrevious:hover
{
	background-image: url("../images/previous_btn_over.gif");
}

a.PageNext:hover
{
	background-image: url("../images/next_btn_over.gif");
}

div.PageNumber
{
	position: absolute;
	left: 2px;
	top: 2px;
	width: 90px;
	text-align: center;
}

/*Page link options begin*/
div.PageLinkOptions
{
	position: absolute;
	left: 15px;
	top: 40px;
	width: 188px;
}

div#PageLinkDesc
{
	position: absolute;
	top: 4px;
	left: 0px;
	text-align: left;
}

input#PageLinkGoToInput
{
	position: absolute;
	top: 1px;
	left: 70px;
	width: 20px;
	font-size: 9pt;
	padding: 2px 0px 0px 0px;
	text-align: center;
}

input#PageLinkGoToButton
{
	position: absolute;
	top: 1px;
	left: 100px;
	border: 0px;
}

/* Buy selected button at the bottom */
div.BuySelectedBtn
{
	position: absolute;
	left: 310px;
	top: 10px;
}

/* Similar categories with links to them */
div.SimilarCategories
{
	position: relative;
	left: 20px;
	top: 10px;
	margin-bottom: 30px;
}

div.SimilarCategoriesDesc
{
	position: relative;
	font-weight: bold;
	
}

div.SimilarCategoryItems
{
	position: relative;
	left: 20px;
	top: 10px;
}

div#CategoryAboveFooter
{
	position: relative;
	left: 205px;
	top: 0px;
	width: 574px;
	height: 185px;
	border-left: solid #006666 1px;
	border-right: solid #006666 1px;
	background-color: #FFFFFF;
}

div#CategoryFooter
{
	left: 210px;
	width: 570px;
}