div.PageName
{
	left: 150px;
	top: 0px;
}

div.MainArea
{	
	position: relative;
	display: block;
	top: -135px;
	left: 2px;
	width: 893px;
}

div.PageBody
{
	position: relative;
	display: block;
	top: 0px;
	left: 147px;
	font-size: 14px;
}

div.DefaultAreaHeading1, div.DefaultAreaHeading2
{
	position: relative;
	top: 10px;
	left: 0px;
	height: 28px;
	display: block;
	/* text positioning of the current category tree. */
	-moz-box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #CCCCCC; padding-left:13px; padding-right:0px; padding-top:7px; padding-bottom:0px;
}

/* This is used when the div that contains it has a border on left and right. */
div.DefaultAreaHeading1
{
	width: 894px;
	top:auto;
}

/* This is used when the div that contains it does not have a border on left and right. */
div.DefaultAreaHeading2
{
	width: 895px;
	top: 90px;
	left: 5px;
	font-weight: bold;
	font-size: 13px;
	color: #CCCCCC;
}

div.AreaHeadingRight
{
	position: absolute;
	top: 10px;
	left: 300px;
	font-size: 20px;
	font-weight: normal;
	color: #FF6600;
}


div.ItemStockItem
{
	position: absolute;
	left: 408px;
	top: 55px;
	width: 130px;
}

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

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

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

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

/* The box that holds detail about the category branches. */
div.CategoryTreeArea
{
	position: absolute;
	left: 0px;
	top: -1px;
	width: 211px;
	display: block;
	background-color: #333333;
	border-left: solid #666666 1px;
	border-right: solid #666666 1px;
	border-bottom: solid #666666 1px;
	border-top: solid #666666 1px;
	text-decoration: none;
	font: Verdana;
	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: 7;
	top: 10;
	z-index: 3;	
}

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

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

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

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

/* determines where within the CategoryTreeArea, the tree starts. */
div.CategoryTrees
{
	position: relative;
	left: 0px;
	top: 0px;
	padding-top: 15px;
	border-top: solid #666666 1px;
	padding-bottom: 15px;
	z-index: 2;
	width: 209px;
}

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

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: #FF6600;
	font-weight: bold;
}

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

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

a.Branch, a.Tree, a.BranchEmptyOpen
{
	position: relative;
	top: 2px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

a.BranchEmpty
{
	position: relative;
	padding-top: 2px;
	text-decoration: none;
	color: #999999;
	font-weight: bold;
}

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

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

a.Branch:hover, a.Tree:hover, a.BranchEmpty:hover, a.BranchEmptyOpen:hover
{
	color: #FF6600;
}

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: -1px;
	font-size: 9pt;
	border-left: solid #666666 1px;
	border-bottom: solid #666666 1px;
	border-top: solid #666666 1px;
	background-color: #000000;
	z-index: 1;	
}

div.Item
{
	position: relative;
	top: 0px;
	left: 209px;
	width: 683px;
	/* height: 101px; */
	border-top: solid #666666 1px;
	border-right: solid #666666 1px;
	border-left: solid #666666 1px;
	background-color: #333333;
}

div.ItemCode
{
	position: absolute;
	left: 0px;
	top: -14px;
	width: 100px;
}

div.ItemDescription
{
	position: absolute;
	left: 145px;
	top: 0px;
	width: 250px;
	font-weight: bold;
}

div.ItemStockingUnit
{
	position: absolute;
	left: 350px;
	top: 10px;
	width: 50px;
}

div.Itemudf4
{
	position: absolute;
	left: 20px;
	top: 70px;
	width: 130px;
}

div.Itemudf5
{
	position: absolute;
	left: 100px;
	top: 22px;
	width: 250px;
}

div.ItemPacket
{
	position: absolute;
	left: 20px;
	top: 55px;
	width: 150px;
}

div.ItemPriceDesc
{
	position: absolute;
	left: 408px;
	top: 0px;
}

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

div.ItemGrossPrice2
{ 
	position: absolute; 
	left: 296px; 
	top: 45px; 
font-weight: bold;
width: 200px;
} 


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

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

div.ItemQtyAvailable
{
	position: absolute;
	right: 413px;
	top: 55px;
	width: 250px;	
}

div.ItemBuyNow
{
	position: absolute;
	left: 408px;
	top: 70px;
}

input.ItemBuyNow, input.SubItemBuyNow
{
	position: absolute;
	left: 12px;
	top: 2px;
	width: 33px;
	font-size: 7pt;
}

input.CartQuantity
{
	position: relative;
	top: 0px;
	right: 0px;
	text-align: right;
	width: 36px;
	font-size: 9pt;
	padding: 2px 0px 0px 5px;
}


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

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

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

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

a.ItemLinkURL
{
	position: absolute;
	left: 408px;
	top: 40px;
	width: 90px;
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
}

div.ItemPicture
{
	position: relative;
	left: 573px;
	top: 0px;
	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;
}

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

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

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

div.SubItemPacket
{
	position: absolute;
	left: 100px;
	top: 70px;
	width: 150px;
}

div.SubItemudf5
{
	position: absolute;
	left: 100px;
	top: 22px;
	width: 250px;
}

div.SubItemudf4
{
	position: absolute;
	left: 20px;
	top: 70px;
	width: 130px;
}

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.SubItemPrice2Desc
{
	position: absolute;
	left: 310px;
	top: 15px;
	width: 73px;
}	
div.SubItemPrice2
{
	position: absolute;
	left: 385px;
	top: 15px;
	font-weight: bold;
}		
div.SubItemBuyNow
{
	position: absolute;
	left: 310px;
	top: 30px;
}

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

/* Content in the footer */

div.PageNumbersTop
{
	position: absolute;
	left: 583px;
	top: 4px;
	width: 190px;
	font-size: 9pt;
	color: #CCCCCC;
}

div.PageNumbersBottom
{
	position: absolute;
	left: 375px;
	top: 80px;
	width: 190px;
	color: #CCCCCC;
}

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

a.PagePrevious
{
	background-image: url('../images/previous_btn.gif');
	left: -5px; padding-left:15px; padding-right:0px; padding-top:2px; padding-bottom:0px;
}

a.PageNext
{
	background-image: url('../images/next_btn.gif');
	left: 145px; padding-left:10px; padding-right:0px; padding-top:2px; padding-bottom:0px;
}

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: 50px;
	top: 3px;
	width: 90px;
	text-align: center;
}

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

div#PageLinkDesc
{
	position: absolute;
	top: -32px;
	left: 25px;
width: 90px;
	font-size: 9pt;
	text-align: left;
}

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

input#PageLinkGoToButton
{
	position: absolute;
	top: -34px;
	left: 135px;
	border: 0px;
}

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

/* Similar categories with links to them */
div.SimilarCategories
{
	position: absolute;
	left: 20px;
	top: 20px;
	color: #CCCCCC;
}

div.SimilarCategoriesDesc
{
	font-weight: bold;
}

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

div#CategoryAboveFooter
{
	position: relative;
	left: 209px;
	top: -2px;
	width: 684px;
	height: 400px;
	background-color: #OOOOOO;
}

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