/* CSS Document */

.clsCompTable
{
	background:#D3D3D3;
	border-spacing:2px;
	padding:2px;	
}

.clsCompHeaderName
{
	background:#D3D3D3;
}

.clsCompHeaderDescr
{
	background:#D3D3D3;
}

.clsCompName
{
	background-image:url(images/grayback.jpg);
}

.clsCompDescr
{
	background-image:url(images/grayback.jpg);
}

.clsCompDetailsTable
{
	background:#D3D3D3;
	border-spacing:2px;
	padding:2px;	
}

.clsCompDetailsRow
{
	background-image:url(images/grayback.jpg);
}

.clsSingleProductTable
{
  width: 700px;
  background-color: transparent;
  border: none;
  padding-left: 10px;
  text-align:left;
}

.clsCategoryDisplay
{
  width: 700px;
  background-color: transparent;
  border: none;
  text-align:center;
}

.clsPicCell
{
  width: 155px;
  background-color: black;
}

.clsNoPicCell
{
  width: 155px;
  background-color: black;
  text-align:center;
}

.clsCatPicCell
{
  width: 205px;
  background-color: black;
}

.clsProdDescrTable
{
	width: 100%;
	vertical-align: middle;
}

.clsProdDescrCell
{
}

.clsCatDescrCell
{
	font-family : Verdana, helvetica,san serif; 
 	font-size : 12px; 
	color : white; 
	font-weight: bold;
  vertical-align: middle;
	text-align: center;
}

.clsProdPic
{
  max-width: 150px;
  max-height: 200px;
  border: none;
}

.clsCatPic
{
  max-width: 200px;
  max-height: 267px;
}

.clsProdDescr
{
  vertical-align: middle;
	text-align: center;
}

.clsProdDescrShort
{
  width: 450px;
  vertical-align: middle;
	text-align: center;
}

.clsProdDescrShorter
{
  width: 350px;
  vertical-align: middle;
	text-align: center;
}

.clsError
{
	font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: red;
	text-align: center;
}

.Spacer
{
  height: 20px;
  width: 600px;
}

.clsProdPrice
{
  vertical-align: middle;
	text-align: center;
}

.clsProdOpts
{
  vertical-align: middle;
	text-align: center;
}

.clsProdName
{
	font-family : Verdana, helvetica,san serif; 
 	font-size : 12px; 
	color : white; 
	font-weight: bold;
  vertical-align: middle;
	text-align: center;
}

.clsProdNameLeft
{
	font-family : Verdana, helvetica,san serif; 
 	font-size : 12px; 
	color : white; 
	font-weight: bold;
  vertical-align: middle;
	text-align: left;
	margin-left: 15px;
}

.clsProdNameRight
{
	font-family : Verdana, helvetica,san serif; 
 	font-size : 12px; 
	color : white; 
	font-weight: bold;
  vertical-align: middle;
	text-align: right;
	margin-right: 15px;
}

.clsProdNameShort
{
  width: 450px;
  vertical-align: middle;
	text-align: center;
	font-family : Verdana, helvetica,san serif; 
 	font-size : 12px; 
	color : white; 
	font-weight: bold;
}

.clsPicWithName
{
	width: 100%;
	vertical-align: middle;
	text-align: center;
	font-family : Verdana, helvetica,san serif; 
 	font-size : 12px; 
	color : white; 
	font-weight: bold;
}

.clsPicWithDescr
{
	width: 100%;
	vertical-align: middle;
	text-align: center;
}

.clsPicShort
{
	width: 450;
	vertical-align: middle;
	text-align: center;
}

.clsQty
{
  vertical-align: middle;
	text-align: center;
}

.clsPrice
{
	font-family : Verdana, helvetica,san serif; 
 	font-size : 12px; 
	color : white; 
  vertical-align: middle;
	text-align: center;
}

.clsProdID
{
}

.redText
{
	font-size : 12px; 
	color: Red;
}
.greenText
{
	font-size : 12px; 
	color: Green;
}
.Astrx
{
	font-size : 10px; 
	color : red;
}
.fine 
{ 
	font-size : 12px; 
	font-family : Verdana, helvetica,san serif; 
	color : white; 
}

.fine11 
{ 
	font-size : 11px; 
	font-family : Verdana, helvetica,san serif; 
	color : white; 
}

.fine10
{ 
	font-size : 11px; 
}

.header 
{ 
	font-size : 32px; 
	font-family : Verdana, helvetica,san serif; 
	color : white; 
	
}

.odd{background-color: #ccccff;} 
.even{background-color: #E6E6FA;} 

table.sortable thead 
{
    background-color:white;
    color:black;
    font-weight: bold;
    cursor: hand;
    /*text-decoration:underline;*/
}

.clsContentBig
{
  text-align:center;
 	font-size : 14px; 
	font-family : Verdana, helvetica,san serif; 
	color : white; 
}

.clsContent
{
  text-align:center;
 	font-size : 12px; 
	font-family : Verdana, helvetica,san serif; 
	color : white; 
}

.clsSuccess
{
  text-align:center;
 	font-size : 18px; 
	font-family : Verdana, helvetica,san serif; 
	color : #B35CFF; 
	border-style: solid;
	border-color: White;
	border-width: 1px;
	vertical-align: middle;
}

#div1
{
  text-align:center;
 	font-size : 8px; 
	font-family : Verdana, helvetica,san serif; 
	color : white; 
}

.clsFragrance
{
  text-align:center;
 	font-size : 16px; 
	font-family : Verdana, helvetica,san serif; 
	color : black; 
}

.clsMemCol1
{
  text-align:right;
  width:200px;
}

.clsMemCol2
{
  text-align: left;
  width: 600px;
}

.clsTitle
{
  text-align:center;
 	font-size : 20px; 
	font-family : Verdana, helvetica,san serif; 
	color : white; 
}
  
.clsNoCats
{
  text-align: left;
 	font-size : 16px; 
	font-family : Verdana, helvetica,san serif; 
	color : white; 
}

#CatsNProds
{
  width:100%;
}

.clsCatDisplay 
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	text-decoration: none;
	font-weight: normal;
}

.clsCatSelected 
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	text-decoration: none;
	font-weight: Bold;
}

.clsLeftSide  
{
 float: left;
 vertical-align:top;
}

.clsRightSide
{
 vertical-align:top;
 text-align: center;
}

.clsLeftCell
{
 width: 260px;
 vertical-align:top;
}

.clsRightCell
{
 width: 700px;
}

.clsBigPic
{
	background:black;
	border-spacing:4px;
	padding:2px;	
	max-width:960px;
}

.clsBigPicTitle
{
	font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: white;
	text-align: center;
}

.clsBigPicDescr
{
	font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: white;
	text-align: center;
}

.clsBigPicImage
{
  border: none;
  max-width: 950px;
}