/* CSS Document for all pages*/
html, #PageContainer, #PageContainer02, #PageContainer3, #PageContainer4, #LoggedOut, #LogInReqr {height: 100%;}

body {margin: 0; padding: 0; text-align: center; height: 100%;}
#PageContainer {
		position: relative;
		background: #bba381;
		border-top: 10px solid #796447;
		border-left: 10px solid #796447;
		border-right: 10px solid #796447;
		border-bottom: 10px solid #796447;
		min-height: 100%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
 		width: 790px;
		}

<!--
background: url(../images/diamonds_bg.jpg); 
-->

bodylastcall {margin: 0; padding: 0; background: url(../images/LC_bg.jpg); text-align: center; height: 100%;}
#PageContainer {
		position: relative;
		background: #bba381;
		border-top: 10px solid #796447;
		border-left: 10px solid #796447;
		border-right: 10px solid #796447;
		border-bottom: 10px solid #796447;
		min-height: 100%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
 		width: 790px;
		}

/*Header nav*/
#PageHeader {height: 85px; width: 810px; background: #796447; padding-top: 8px; margin-left: auto; margin-right: auto;}
#TopNav {width: 800px; height: 84px; background: url(../images/navbar2.jpg); margin: auto; padding: 0; position: relative;}
#TopNav li {margin: 0; padding: 0; list-style: none; position:absolute; top: 0;}
#TopNav li, #TopNav a {height: 84px; display: block;}

  #Tindex {left: 0; width: 117px;}
  #collect1 {left: 117px; width: 121px;}
  #collect2 {left: 238px; width: 125px;}
  #lastcall {left: 363px; width: 92px;}
  #webspecs {left: 455px; width: 136px;}
  #orderlist {left: 591px; width: 93px;}
  #contact {left: 684px; width: 115px;}
  
  #Tindex a:hover {background: transparent url(../images/TOP_index.jpg) 0 0 no-repeat;}
  #collect1 a:hover {background: transparent url(../images/TOP_collection1.jpg) 0 0 no-repeat;}
  #collect2 a:hover {background: transparent url(../images/TOP_collection2.jpg) 0 0 no-repeat;}
  #lastcall a:hover {background: transparent url(../images/TOP_lastcall.jpg) 0 0 no-repeat;}
  #webspecs a:hover {background: transparent url(../images/TOP_CloseToOurHearts1.jpg) 0 0 no-repeat;}
  #orderlist a:hover {background: transparent url(../images/TOP_orderlist.jpg) 0 0 no-repeat;}
  #contact a:hover {background: transparent url(../images/TOP_contactus.jpg) 0 0 no-repeat;}
    
/*CSS for page Log In Screen*/
#page01form {padding:50px 50px 50px 50px;}

#page01form h1 {font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #796447;
 border-bottom: 1px solid #cccccc; margin: 0px 180px 0px 180px;}
#page01form h2 {font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #796447; margin: 20px 180px 20px 180px;}

#page01form .CIDlabel {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #990033;}
#page01form .CIDtext {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #796447; background-color: #f0e3d2; border: 1px solid #666;}
#page01form .CIDbutton {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #666; background-color: #CCCCCC; border: 1px solid #666;}
#page01form .CIDinvalid {font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #ff0000;}

/*CSS for page Product List*/
#PageContainer02 {
		position: relative;
		background: url(../images/container02bkgd.gif) repeat-y;
		background-color: #bba381;
		margin: 0px 0px auto 0px;
		border-top: 9px solid #796447;
		border-left: 9px solid #796447;
		border-right: 9px solid #796447;
		border-bottom: 9px solid #796447;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		height: 800px;
 		width: 792px;} 
/*for Mozilla browser*/		
.clearer {
height:1px;
overflow:hidden;
clear:both;
margin-top:-1px;
}	
/*sub navigation*/
#subnav02 {width: 180px; position: relative; text-align:left; left: 0; top: 0; float: left; margin-top: 0px;}

/*product list main*/
#Plistmain {text-align:left; left: 0; top: 0; min-height: 100%; position: relative; float: right; padding: 20px 20px 20px 20px; margin-bottom: auto;}
#Plistmain hr {color: #ffffff; height: 2px; border-bottom-style:solid;}
.PageLabel {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #f0e3d2; padding: 10px 10px 10px 0;}
.PageLabel a {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #f0e3d2; text-decoration:none;}
.PageLabel a:hover {font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: #f0e3d2; text-decoration: underline;}
.PageLabel a:visited {font: italic 14px Verdana, Arial, Helvetica, sans-serif; color: #796447; text-decoration: none;}

.PageTable td, tr, table {text-align: center; border: none;}
.PageTable a {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #796447; text-decoration: none;}
.PageTable a:hover {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #796447; text-decoration: underline;}
.PageTable a:visited {font: italic 14px Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration: none;}
.PageTable img {border: none;}

/*CSS for page Product Detail*/
/*Used the same CSS PageContainer02 and subnav02 for sub nav for now*/
/*Product Detail main*/
#Pdetailmain {text-align: left; left: 0; top: 0; position: relative; float: right; margin: 20px 10px 20px 20px; border: none;}
#Pdetailmain td, tr {text-align: left;}
/*Used for both ProductList and productDetail*/
.SiteSmallLinks {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #fff;}
.SiteSmallLinks td, tr, table {text-align: right; border: none;}
.SiteSmallLinks table {width: 100%; float: right;}
.SiteSmallLinks a {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none;}
.SiteSmallLinks a:hover {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: underline;}
.SiteSmallLinks a:visited {font: Italic bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none;}
.tarnsimg {width: 300px; height: 25px;}

/*Left column*/
.PDleftItem {font: Italic bolder 18px Verdana, Arial, Helvetica, sans-serif; color: #f0e3d2;}
.PDleftDisc {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #666;}
.PDleftImg {width: 300px; height: auto;}
.PDleftLgImg a {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #ccc; text-decoration: none;}
.PDleftLgImg a:hover {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #ccc; text-decoration: underline;}
.PDleftLgOmg a:visited {font: Italic bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #f0e3d2; text-decoration: none;}
.PDleftNote {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #666;}
.PDleftNote2 {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #666;}

/*right column*/
.PDrightCell {padding: 5px 5px 5px 10px; background: url(../images/cellbkgd.gif) repeat-x; background-position:center;}
.PDrightTxt {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #666;}
.PDrightTxtTP {font: bolder 12px Verdana, Arial, Helvetica, sans-serif; color: #F0E3D2;}
   /* BG CODE  background-color: #F0E3D2 */
.PDrightTxtSALE {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #990000;}
.PDrightSpin {border: 1px solid #fff; color: #000; margin: 20px 0 20px 0;}
.PDrightButton {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #666; background-color: #CCCCCC; border: 1px solid #666; margin: 20px 0 0 0;}

/*CSS for page Log In Succeeded*/
#PageContainer3 {
		position: relative;
		background: #bba381;
		border-top: 10px solid #796447;
		border-left: 10px solid #796447;
		border-right: 10px solid #796447;
		border-bottom: 10px solid #796447;
		min-height: 100%;
		text-align: center;
		min-height: 100%;
		margin-left: auto;
		margin-right: auto;
		width: 790px;}

#PageContainer3 h1 a {font: Italic bold 20px Andale Mono, Georgia; color: #666; text-decoration: none;}
#PageContainer3 h1 a:hover {font: Italic bold 20px Andale Mono, Georgia; color: #666; text-decoration: underline;}
#PageContainer3 h1 a:visited {font: Italic bold 20px Andale Mono, Georgia; color: #bba381; text-decoration: none;}
#PageContainer3 h1 {border-bottom: 5px solid #796447; border-top: 5px solid #796447; width: auto; display: block;}
#PageContainer3 h2 {font: Italic bold 16px Andale Mono, Georgia; color: #796447; text-align: center;}
#PageContainer3 ul {list-style: none; text-align: left; height: 120px;}
#PageContainer3 li a {font: Italic 14px Andale Mono, Georgia; color: #990033; text-decoration: none;}
#PageContainer3 li a:hover {font: Italic 14px Andale Mono, Georgia; color: #990033; text-decoration: underline;}
#PageContainer3 li a:visited {font: Italic 14px Andale Mono, Georgia; color: #796447; text-decoration: none;}


#LogInSccCo1 {width: 191px; height: 100%; position: absolute; left: 0; top: 0; float: left; border-right: 8px solid #796447; background-color: #f0e3d2;}
#LogInSccCo1 h3 {font: Italic bolder 14px Andale Mono, Georgia; color: #796447; text-align: center; border-top: 5px solid #796447; width: auto; display: block;}
#LogInSccCo2 {width: 191px; height: 100%; position: absolute; left: 199px; top: 0; float: left; border-right: 8px solid #796447; background-color: #f0e3d2;}
#LogInSccCo2 h3 {font: Italic bolder 14px Andale Mono, Georgia; color: #796447; text-align: center; border-top: 5px solid #796447; width: auto; display: block;}
#LogInSccCo3 {width: 191px; height: 100%; position: absolute; left: 398px; top: 0; float: left; border-right: 8px solid #796447; background-color: #f0e3d2;}
#LogInSccCo3 h3 {font: Italic bolder 14px Andale Mono, Georgia; color: #796447; text-align: center; border-top: 5px solid #796447; width: auto; display: block;}
#LogInSccCo4 {width: 192px; height: 100%; position: absolute; left: 597px; top: 0; float: left; border-right: 8px solid #796447; background-color: #f0e3d2;}
#LogInSccCo4 h3 {font: Italic bolder 14px Andale Mono, Georgia; color: #796447; text-align: center; border-top: 5px solid #796447; width: auto; display: block;}
#LogInSccCo4 .lastcolumn {padding: 0 0 67px 0;}

/*CSS for page show collections*/
#PageContainer4 {
		position: relative;
		background: #f0e3d2;
		border-top: 10px solid #796447;
		border-left: 10px solid #796447;
		border-right: 10px solid #796447;
		border-bottom: 10px solid #796447;
		min-height: 100%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		width: 790px;}
#ShowCollection {position: relative; background: transparent; text-align: center; top: 20px; left: 0; width: 100%;} 
#ShowCollection table {width: 100%; border: none;}
#ShowCollection ul {list-style: none; text-align: left;}
#ShowCollection li a {font: Italic border 14px Andale Mono, Georgia; color: #990033; text-decoration: none;}
#ShowCollection li a:hover {font: Italic border 14px Andale Mono, Georgia; color: #990033; text-decoration: underline;}
#ShowCollection li a:visited {font: Italic 14px Andale Mono, Georgia; color: #990033; text-decoration: none;}
.PathLink {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #666;}
.PathLink hr { height: 5px; width: 100%; border-bottom-style:solid; color:#796447;}
.PathLink a {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration:none;}
.PathLink a:hover {font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration: underline;}
.PathLink a:visited {font: italic 14px Verdana, Arial, Helvetica, sans-serif; color: #796447; text-decoration: none;}
.ColTopText {text-align: center; width: 100%; font: Italic bolder 18px Andale Mono, Georgia; color: #796447;}
.RightCollection, .LeftCollection {font: Italic bolder 14px Andale Mono, Georgia; color: #796447; text-decoration: none;}

/*CSS for DoLogout and  LoinRequired*/
#LoggedOut, #LogInReqr {height: auto; width: 800px; background-color: #bba381; border: 5px solid #796447; padding: 0; position: relative; text-align: center; margin: 200px auto auto auto;}
#LoggedOut h1 {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #990033; margin: 50px 0 50px 0;}
#LoggedOut h1 a {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #990033; text-decoration: none; margin: 50px 0 50px 0;}
#LoggedOut h1 a:hover {font:bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration: none; margin: 50px 0 50px 0;}
#LogInReqr h1 {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #990033; margin: 50px 0 50px 0;}
#LogInReqr h1 a {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #990033; text-decoration: none; margin: 50px 0 50px 0;}
#LogInReqr h1 a {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration: none; margin: 50px 0 50px 0;}