html 
{
	margin:0;
	padding:0;		
	color:#e2e2e2;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
input.textBox, input.password, textarea.textBox
{
	padding-left: 2px;
	
	background-color: #D3C8BD;	
	color: #301D08;
	
	border-width: 1px;
	border-style: solid;
	border-color: #613806;
}
input.lockedText
{
	padding-left: 2px;
	
	background-color: #311E09;
	color: #e2e2e2;
	
	border-width: 1px;
	border-style: solid;
	border-color: #613806;
}
select
{
	background-color: #D3C8BD;	
	color: #301D08;
	
	border-width: 1px;
	border-style: solid;
	border-color: #613806;
}
.floating
{
	display: block;		
	margin-top: 2px;
	margin-bottom: 2px;	
	float: left;
}
p
{
	text-align: left;
	padding: 0px;
	margin: 0px;	
}
A:link
{
	color: #45556F;
	border: 0;
	text-decoration: none;
}
A:visited
{
	color: #45556F;
	text-decoration: none;
}
A:hover
{	
	color: #FF9900;	
}
A.menuLink, a.menuLink:visited
{	
	display: block;
	color: #e2e2e2;
	
	background-color: #1F1202;
	padding-right: 5px;
	padding-top: 5px;
	
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #331E03;	
	
	text-align: left;
	padding-bottom: 4px;
	padding-left: 5px;	
	
	text-decoration: none;
}
A.specialLink, a.specialLink:visited
{
	display: block;
	color: #FF972E;
	
	background-color: #1F1202;
	
	padding: 5px 5px 4px 5px;
	
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #331E03;	
	
	text-align: left;
	
	text-decoration: none;
}
A.menuLink:hover, A.specialLink:hover, A.menuLinkSmall:hover
{
	background-color: #331E03;
	color: #e2e2e2;
	text-decoration: none;
}
A.navLink, A.navLink:visited
{	
	display: inline;
	color: #AB9733;
	
	text-align: left;
	font-weight: bolder;
	
	text-decoration: none;
}
A.navLink:hover
{	
	color: #FF9900;	
}
A.menuLinkSmall, A.menuLinkSmall:visited, A.menuLinkSmall:hover
{
	display: block;
	
	font-size: 7pt;		
	text-align: right;	
	
	color: #e2e2e2;
}

img
{
	border: 0;
}
img.logo
{
	display: inline;
}
img.thumbnail, img.thumbnailHover
{
	/*width: 75px;
	height: 75px;*/
	
	opacity: 0.7;
	filter: alpha(opacity=70); 	
}
img.thumbnailHover
{	
	opacity: 1;
	filter: alpha(opacity=100); 
}
DIV.linkNavigation
{
	position: relative;
	text-align: left;
	color: #e2e2e2;
	
	margin-bottom: 10px;
	padding-bottom: 5px;
	
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #372003;
	
	width: 533px;
	float: left;
}
DIV.navSubLinks
{
	display: none;
	text-align: right;
}
H1
{		
	text-align: center;
	font-size: 22px;
	font-weight: bolder;
	font-family: Verdana;	
	
	margin: 0;
	padding: 0;
}
H2
{		
	font-size: 15px;
	font-weight: bolder;
	font-family: Verdana;	
	
	margin: 0;
	padding: 0;
}
label.longLabel
{
	width: 180px;
	
	margin-top: 5px;	
	padding-right: 6px;
	
	text-align: right;
	
	color: #AB9733;
	
	clear: left;
}
#backButton, #manufLogo, #invLogo
{
	margin-bottom: 10px;
}
#backBlock, #extraBlock, #manufBlock, #invBlock
{
	margin-top: 20px;
}
#extraTable
{
	margin-top: 10px;
}
#popupButton
{		
	margin: auto;
	margin-top: 5px;
}
#frontPageImage
{
	float: right;
	
	padding-bottom: 55px;
	padding-top: 55px;	
}
br { clear: both; }
input.button 
{	
	background-color: #301D08;
	
	color : #e2e2e2;
	
	font-size: 10px; 
	font-family: Helvetica, sans-serif;			
	
	border-width: 1px;
	border-style: solid;
	border-color: #AB9733;
	
	width: 125px;
	height: 18px;
	
	cursor: pointer;
}
input.buttonOver
{	
	background-color: #1F1202;		
	
	color : #FFFFFF;
	
	font-size: 10px; 
	font-family: Helvetica, sans-serif;				
	
	border-width: 1px;
	border-style: solid;
	border-color: #AB9733;
	
	width: 125px;
	height: 18px;
	
	cursor: pointer;
}
.inlineFormButton
{
	display: block;		
	margin-top: 2px;
	margin-bottom: 2px;	
	float: left;
	margin-top: 4px; 
	margin-left: 4px;
}
span.mainHeader
{	
	position: relative;
	
	font-size: 19px;
	font-weight: bolder;
	font-family: Verdana;	
	
	margin: 0;
	padding: 0;
	padding-left: 16px;	
	top: -35px;
}
/******** Popup Details *********/
#popupContainer
{	
	margin: auto;
	text-align: left;	
}
#popupContent
{	
	float: left;	
	width: 100%;
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: center;
}
#popupFooter
{
	position: relative;
	float: left;
	
	clear: both;
	margin: auto;
	
	padding: 0;
	
	padding-top: 6px;
	
	width: 95%;	
	left: 15px;
}
#popupImage
{	
	border-width: 1px;
	border-style: solid;
	border-color: #613806;
}
/********************************/
/********* Proteus Required **********/
#pr_footerContent
{	
	clear: both;
	
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	
	margin: 0px auto 0px auto;
	padding: 22px 0px 10px 0px;
	
	width: 964px;
}
#pr_footerContent p
{
	text-align: center;
}
#pr_footerContent a.validHtml, #pr_footerContent a.validCss
{
	width: 88px;
	height: 31px;
	
	float: left;
	position: relative;
	top: -5px;
}
#pr_footerContent a.validCss
{
	float: right;
}
#pr_footerContent a
{
	color: #808080 !important;
}
/*************************************/
#notificationDisplay
{
	text-align: center;
	
	float: left;
	width: 100%;
	margin: auto;
	
	clear: right;
	
	font-size: 14px;
	padding-top: 25px;
}
#notificationLink
{
	float: left;	
	padding-top: 25px;
	
	width: 100%;
	
	margin: auto;
	
	clear: both;
	
	text-align: center;
}
/************** Main Page Layout ***************/
#mainBody
{	
	background:url(images/bg.gif) top left repeat-x;
	background-color: #2D1A03;
	
	margin:0;
	padding:0;	
	
	margin: auto;
	text-align: center;		
}
#container
{	
	margin: auto;
	text-align: left;
	width: 966px;
}
#headerContent
{	
	padding: 0px;
	margin-bottom: 0px;	
	text-align: center;
}
#navContent
{	
	white-space: nowrap;
	float: left;
	width: 160px;		
}
#mainContent
{	
	float: right;
	padding-left: 15px;		
	width: 791px;
	margin-bottom: 100px;	
	
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#footerContent
{	
	clear: both;
	
	float: left;
	width: 100%;
	
	margin: 0px;
	padding: 0px;
	
	padding-top: 6px;
}
/***********************************************/
/********  DIV Tables **********/
DIV.divTableContainer
{
	float: left;
	width: 260px;
}
DIV.divRow
{		
	clear: left;
	width: 100%;
}
/******************************/
/********** Money Div *********/
span.moneyDivAmount
{
	float: left;
	clear: left;	
}
span.moneyDivAmount:first-letter
{
	float: left;	
	
	font-size: 12px;
	vertical-align: super;
	padding-right: 2px;
	
	clear: left;
}
span.moneyDivSmaller
{
	font-size: 18px;
	font-weight: normal;
}
span.moneyDivStrike
{	
	color: #B7070F;
	text-decoration: line-through;	
}
/******************************/
DIV.clear
{
	clear: both;
	height: 1px;
	font-size: 1px;
}

/* BLOCK Styles */
DIV.panelBlockContainer
{
	border: 0;
	border-color: #000;
	border-style: solid;
	background-color: #1F1202;			
	/*background:url(images/gradback.jpg) top left repeat-y;*/
	padding: 0;
	/*margin-left: 10px;*/
	/*padding-left: 10px;*/
	margin-left: auto;
	margin-right: auto;
}
DIV.blockTop
{
	background:url(blockImages/block/top_repeat.gif) top left repeat-x;		
	position: relative;
	
	height: 8px;
	font-size: 7px;
	
	top: 0px;
	padding: 0;	
	margin: 0;	
}
DIV.blockTopRight
{
	background:url(blockImages/block/top_right.gif) top right no-repeat;	
	position: relative;
	height: 8px;	
	font-size: 7px;
	right: -14px;	
}
DIV.blockTopLeft
{
	background:url(blockImages/block/top_left.gif) top left no-repeat;		
	position: relative;
	height: 8px;
	font-size: 7px;
	top: 0px;
	left: -8px;
}

DIV.blockBottom
{	
	background:url(blockImages/block/bottom_repeat.gif) bottom left repeat-x;		
	position: relative;	
	
	margin: 0;
	padding: 0;
	
	height: 8px;
	font-size: 7px;
	
	top: 0px;
}
DIV.blockBottomRight
{	
	background:url(blockImages/block/bottom_right.gif) bottom right no-repeat;	
	
	height: 8px;	
	font-size: 7px;
	
	right: -14px;
	position: relative;
}
DIV.blockBottomLeft
{
	background:url(blockImages/block/bottom_left.gif) bottom left no-repeat;		
	
	height: 8px;	
	font-size: 7px;
	left: -8px;
	
	position: relative;
}

DIV.blockContent
{	
	background:url(blockImages/block/left_repeat.gif) top left repeat-y;			
	position: relative;	
	margin: 0;
	padding: 0;
	left: -8px;
	top: 0px;	
}
DIV.blockContentRight
{	
	background:url(blockImages/block/right_repeat.gif) top right repeat-y;			
	position: relative;	
	
	background-color: #1F1202;
	margin: 0;
	right: -14px;		
}
DIV.actual
{
	position: relative;
	left: -7px;	
	
	background-color: #1F1202;
}
div.panelBlockContainer h1
{
	position: relative;
	background-color: #331E03;
	
	font-size: 13px;
	font-weight: bolder;	
	
	text-align: left;	
	
	color: #e2e2e2;
	
	left: -3px;
	top: -3px;
	
	padding-left: 2px;		
	padding-bottom: 2px;
	margin-right: -20px;
	margin-bottom: 4px;
    
    border-width: 1px;
    border-style: solid;
    border-color: #613806;
    border-left-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;   
}

* html DIV.panelBlockContainer h1
{
	/*IE Hack - what a crock*/	
	left: -10px;
}

/*******************/
/*  Header Classes */
/*******************/
#headerBlock
{
	text-align: left;
	margin-bottom: 10px;
}
#headerImage, #errorImage, #updatedImage
{
	float: left;
	
	width: 75px;	
	height: 67px;
	
	border-style: solid;
	border-color: #4b4b4b;
	border-width: 0px 1px 0px 0px;	
	padding-right: 4px;
	margin: 0;
}
#headerImage
{
	height: 51px;
	padding-bottom: 3px;
}
DIV.headerTextContainer
{
	position: relative;
	display: block;	
		
	left: 15px;
	top: 10px;	
}
span.headerTitle, span.headerHeading, span.headerSubHeading
{	
	position: relative;		
	font-weight: bolder;	
}
span.headerTitle
{	
	padding-left: 10px;
	display: block;
	font-size: 16px;
	color: #AB9733;	
}
span.headerHeading
{	
	left: 20px;
	display: block;
	font-size: 14px;
	color: #E8E797;	
}
span.headerSubHeading
{	
	padding-left: 40px;
	
	font-size: 12px;
	color: #e2e2e2;
}
#errorBlock, #updatedBlock
{
	margin-bottom: 10px;
	text-align: left;
}
#currentInventoryLabel
{
	padding: 5px 0px 5px 4px;
}
/********* Error Block ********/
DIV.errorTitle
{
	position: relative;
	
	display: block;
	
	font-size: 16px;
	font-weight: bolder;
	color: red;	
	
	float: left;
	width: 80%;
	left: -6px;
	top: -5px;
}
DIV.errorDescription
{
	position: relative;
	display: block;
	
	font-size: 12px;
	color: #e2e2e2;
	
	text-align: left;
	
	border-style: solid;
	border-color: #4b4b4b;
	border-width: 1px 0px 0px 0px;	
	
	float: left;	
	left: -5px;
	width: 90%;
}
/*****************************/
#errorImage, #updatedImage
{
	width: 49px;
	height: 49px;	
}
DIV.updatedTitle
{
	position: relative;
	
	display: block;
	
	font-size: 16px;
	font-weight: bolder;
	color: green;	
	
	float: left;
	width: 80%;
	left: -6px;
	top: 8px;
}
span.invSpecial
{
	position: relative;
	
	top: 5px;
	font-size: 10px;
	color: red;
	float: left;
}
DIV.navDiv
{
	position: relative;
	
	left: -3px;
	width: 160px;
	
	background-color: #301D08;
	font-weight: bolder;
	
	padding-left: 4px;
	
	border-width: 0px 0px 1px 0px;
	border-color: #613806;
	border-style: solid;
}
* html DIV.navDiv
{
	margin-right: -4px;
}
/*******************/
DIV.divBlockContainer
{
	text-align: left;
	
	border-width: 1px;
	border-color: #3C3616;
	border-style: solid;
	background:url(images/gradback.gif) top left repeat-y;	
	
	margin: auto;
}
img.divBlockImage
{	
	position: relative;
	display: inline;
	
	width: 75px;
	height: 75px;
	
	float: left;	
}
DIV.divBlockContent
{	
	padding-left: 8px;
	padding-top: 5px;
	
	float: left;
	width: 75%;
}
/*** INDEX.php ***/
#cutstones
{
	margin-top: 20px !important;
}
#cutstones, #opals, #saws, #whole
{
	float: left;
	
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 10px;
}

/*****************/
/**** Inventory ***/
span.invSpan
{
	float: left;
	display: block;
	clear: left;
	
	font-size: 10px;
	color: #e2e2e2;
	font-weight: bold;
}
span.invDesc
{
	float: left;
	font-size: 9pt;
	
	color: #e2e2e2;
	clear: left;
	
	padding-bottom: 12px;
	text-align: left;
}
span.invListPrice
{
	float: left;	
	
	font-size: 10pt;
	font-weight: bold;
	
	padding-top: 3px;
}
span.invListStrike, DIV.invListStrike
{
	float: left;	
	
	font-size: 9pt;
	
	color: #B7070F;
	text-decoration: line-through;	
	
	padding-top: 3px;
}
span.invListPrice:first-letter, span.invListStrike:first-letter
{
	font-size: 8px;
	vertical-align: super;
}
DIV.invListPriceContainer, DIV.invListSpecialPriceContainer
{
	float: left;
	clear: left;
	
	width: 200px;
	padding: 15px 0px 5px 0px;
}
DIV.invListSpecialPriceContainer
{	
	padding: 0px 0px 5px 0px;
}
span.invStrike
{
	display: block;
	clear: both;
	
	color: #B7070F;
	text-decoration: line-through;	
}
DIV.blankImage
{
	border-width: 1px;
	border-color: #3C3616;
	border-style: solid;
	
	background-color: #301D08;
	
	color: #e2e2e2;
	font-weight: bolder;
	
	text-align: center;
}
#imageLink
{
	float: left;
	display: block;
	clear: both;
	text-align: center;
	font-size: 10px;
	width: 240px;
}
#inventoryImage
{
	position: relative;
	float: left;
	
	width: 240px;		
	
	text-align: center;
	
	border-width: 1px;
	border-style: solid;
	border-color: #613806;
}
#inventoryTable
{
	float: left;
	width: 98%;
	/*
	border-color: #3C3616;
	border-style: solid;	
	border-width: 1px 0px 0px 0px;
	*/
}
A.inventoryItemLink, A.inventoryItemLink:visited
{
	float: left;
	font-size: 10pt;
	font-weight: bold;
	line-height: 135%;		
	
	text-decoration: underline;
	
	padding-bottom: 8px;
}
TD.inventoryListThumbnail, TD.inventoryListCell
{
	border-color: #3C3616;
	border-style: solid;	
	border-width: 0px 0px 1px 0px;
}
TD.inventoryListThumbnail
{	
	width: 120px;
	
	text-align: center;
	vertical-align: middle;
	
	/*background-color: #000000;*/
	
	padding: 5px 0px 5px 0px;
	border-width: 0px 0px 1px 0px;	
}
TD.inventoryListCell
{
	vertical-align: top;
	width: 100%;
	padding: 10px 0px 15px 15px;
}
DIV.inventoryDetails
{
	padding-left: 5px;
	float: left;
}
DIV.detailTitle
{
	float: left;
	width: 260px;

	font-size: 13px;
	font-weight: bolder;
	
	color: #e2e2e2;
	
	text-align: left;	
	
	clear: left;
	
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;	
	
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #543005;
}
DIV.detailText
{
	font-size: 12px;
	color: #AB9733;
	float: left;	
	width: 260px;
	text-align: left;
	padding-bottom: 8px;
	clear: left;
}
#invImageBlock
{
	float: left;
	padding-right: 30px;
}
DIV.invPrice
{	
	float: left;
	width: 260px;	
	
	font-size: 20px;
	font-weight: bolder;
	
	padding: 25px 0px 25px 0px;	
	
	text-align: left;
	clear: left;
	
	border-width: 1px 0px 1px 0px;		
	border-style: solid;
	border-color: #372003;
}
DIV.invDetail
{
	position: relative;
	
	float: left;
	padding-left: 115px;	
	padding-top: 25px;
	
	width: 600px;
	text-align: center;	
}
#extrasDiv
{
	float: left;	
	clear: both;
	
	width: 240px;
}
DIV.extraTitle, DIV.extraText, DIV.inventoryListExtraText
{	
	float: left;
	
	padding: 5px 0px 0px 0px;	
	
	text-align: left;		
}
DIV.extraTitle
{
	width: 90px;

	font-size: 11px;
	font-weight: bolder;	
	
	padding-right: 8px;

	color: #e2e2e2;	
	
	clear: left;
}
DIV.extraText, DIV.inventoryListExtraText, DIV.inventoryListItemNo
{		
	font-size: 10px;
	color: #AB9733;
	
	padding-top: 6px;
	
	width: 160px;
	clear: none;
}
DIV.inventoryListExtraText, DIV.inventoryListItemNo
{
	width: 100%;
	clear: left;

	font-size: 9pt;
	
	padding-bottom: 6px;
}
DIV.inventoryListItemNo
{	
	float: left;
	
	width: 200px;
	clear: none;
	text-align: left;
	
	padding: 6px 0px 0px 0px;
}
#requestInfo
{	
	float: left;
}
#requestLink
{
	float: left;
	width: 245px;
	clear: both;
	
	text-align: center;
	font-size: 12px;
	font-weight: bolder;
	
	text-decoration: underline;
	vertical-align: middle;	
	
	padding-top: 15px;
}
#requestText
{
	float: left;	
	padding: 5px 0px 0px 5px;
}
/******************/
/**** Request Page ****/
#requestBlock
{
	text-align: center;
	margin-top: 10px;
}
#requestItemNo
{
	float: left;
	width: 75px;	
	clear: none;
	margin-top: 2px;
	margin-bottom: 2px;		
}
#requestButton
{
	margin: 5px 0px 5px 0px;
}
/**********************/
/********** Location Page ****************/
#locationImg
{
	padding-top: 50px;	
}
/****************************************/
/***** Home Stuff Div *****/
/* Added because Greg doesn't understand what he wants */
#invHomeDiv
{
	display: none;
}