.blue{ color: blue;}
.green{color:green;}
.yellow{color: yellow;}
.red{color: red;}

h1 	{font-size: 1.2em;}
html,body{height:100%;}
body 
	{
	
		margin: 0;
		padding: 0;
		text-align: center;
		color: #000000;
		background-color: #D14FE8;
		background-repeat: no-repeat;
	}
.PageWrapper
	{
		position: relative;
		width: 750px;
		margin: auto;
		text-align: left;		
	}
.CPTPayNow
	{
		width; 300px;
	}
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;
	top: 12%;
	left: 20%;
	width: 60%;
	height: 76%;
	padding: 16px;
	border: 3px double yellow;
    background: #ccc;
	background-color: white;
	z-index:1002;
	overflow: auto;
} 
#ItemSubset0
	{
		position: relative;
		text-align: center;
		width: 100%;
		font: bold 18px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	}
#ItemSubsetbreak
	{ 
		position: relative;
		height: 150px;
		width: 460px;
		margin: 0px auto;
	}
#ItemSubset0
{
	z-index: 1003;
}
#ItemSubsetbreak
{ 
	z-index: 1003;
}
	#ItemSubset1
	{
		z-index: 1004;
	}
	#ItemSubset2
	{
		z-index: 1005;
	}
	#ItemSubset3
	{
		z-index: 1004;
	}
#ItemSubset4
	{
		z-index: 1003;
	}
#ItemSubset5
	{
		z-index: 1003;
	}
#ItemSubset1,#ItemSubset2,#ItemSubset3
	{
		position: relative;
		text-align: center;
		width: 150px;
		float: left;
	}
#ItemSubset4,#ItemSubset5
	{
		position: relative;
		clear: left;
		text-align: center;
		width: 100%;
	}

.PageWrapper
	{
		z-index: 1;		
	}
	#mainHeading
		{
			z-index: 2;
		}
		#logobox
			{
				z-index: 8;
			}
		#navigation
			{
				z-index: 8;
			}
		#SearchIt
			{
				z-index: 8;
			}
	#midsection
		{
			z-index: 3;
		}
		#MainPage
			{
				z-index: 4;
			}
		#Products
			{
				z-index: 4;
			}
		#CheckOut
			{
				z-index: 4;
			}
					#COImage
						{
							z-index: 10;
						}
	#footer
		{
			z-index: 3;
		}
	#CartQty
		{
			z-index: 20;
		}
	#Cart
		{
			z-index: 20;
		}


.css_button{
background-color: #D14FE8;
border: 2px #D14FE8 outset;
padding: 1px 4px;
color: white;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.css_button:visited{
color: white;
}
.css_button:hover{
cursor:pointer;
border-style: inset;
background-color: #990066;
color: Red;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}
.css_button:active{
color: white;
}

.rssbutton{
background-color: #990066;
border: 1px #990066 outset;
padding: 0 2px;
color: white;
text-decoration: none;
font: bold 10px Verdana;
}
.rssbutton:visited, .rssbutton:hover, .rssbutton:active{
color: white;
}

.cssbutton2{
background-color: #990066;
border: 2px #990066 outset;
padding: 1px 4px;
color: white;
text-decoration: none;
font-size: 8px;
}
.cssbutton2:visited{
color: white;
}
.cssbutton2:hover{
cursor:pointer;
border-style: inset;
background-color: #D14FE8;
color: black;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}
.cssbutton2:active{
color: white;
}

.cssbutton{
background-color: #990066;
border: 2px #990066 outset;
padding: 1px 4px;
color: white;
text-decoration: none;
font-size: 8px;
}
.cssbutton:visited{
color: white;
}
.cssbutton:hover{
cursor:pointer;
border-style: inset;
background-color: #D14FE8;
color: black;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}
.cssbutton:active{
color: white;
}
#logobox
	{
		position: relative;
		top: 0px;
		left: 0px;
		height: 52px;
		width: 700px;		
		margin-left: 15px;
		border: 3px double yellow;
		padding-top: 2px;
		padding-left: 2px;
		background-color: #990066;
	}
img.logo
	{
	height: 50px;
	}
input.smaller
	{
		font-size: 8px;
	}
#navigation
	{
		position: relative;
		width: 750px;
		height: 30px;
		margin: 0px;
		background-image: url('images/navigate.gif');
		background-repeat: no-repeat;
		background-color: #D14FE8;
	}
#navlinks
	{
		margin-left: 15px;
		padding-top: 6px;
	}

#navigation a, #showcart
	{ 
		width: 80px;
		float: left;
		cursor:pointer;
		text-decoration: none;
		font-weight: bold;		
	}
#navigation a:link, #navigation a:visited, #showcart
	{ 
		color: #FFFFFF;	
	}
#navigation a:hover, #navigation a:active, #showcart:hover, #showcart:active
	{ 
		color: red;
	}
#memberInfo
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 400px;
		height: 25px;
				z-index: 3;		
		filter: alpha(opacity=750); 
		-moz-opacity: 0.75; 
		opacity: 0.75; 
	}	
 #midsection
	{
		position: absolute;
		top: 128px;
		left: 0px;
		height: 400px;
		width: 750px;
	}	
.MainPage
	{
		position: relative;
		top: 0px;
		left: 0px;
		height: 300px;
		width: 700px;
		margin-left: 15px;
		border: 3px double yellow;
		text-align: center;
		background: white;
	}
.Products
	{
		position: relative;
		top: 0px;
		height: 300px;
		width: 700px;
		margin-left: 15px;
		border: 3px double yellow;
		text-align: center;
	}
#AccordianSelector
{
	position:relative;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFFFFF;
}
#ASimg
{
	position:relative;
	float: left;
	cursor: pointer;
}
#ASimg img
{
	position:relative;
	top: 0px;
	left: 0px;
	cursor: pointer;
}
#ASImgText
{	
	position:relative;
	top: -225px;
	left: 0px;	
	cursor: pointer;
	font-family: Arial;
	font-size: 7pt;
	font-weight: bold;
	text-align: center;
}
.AccordionContainer
{
	position:relative;
	top: 0px;
	left: 0px;
	height: 200px;
	width: 200px;
	border: 3px double yellow;
	background: #D14FE8;
	overflow: auto;
	visibility: hidden;
}
.AccordionTitle
{
  position:relative;
  height: 20px;
  width: 180px;
  vertical-align: middle;
  color: #000000;
  cursor: pointer;
  font-family: Arial;
  font-size: 7pt;
  font-weight: bold;
  text-align: center;
  background-repeat: repeat-x;
  background-image: url('/images/title_repeater.jpg');
  overflow: hidden;
  display: table-cell;
  -moz-user-select: none;
}
.AccordionContent
{
  position: relative;
  height: 0px;
  width: 180px;
  padding-top: 3px;
  cursor: pointer;
  font-size: 7pt;
  font-weight: bold;
  color: #000000;
  overflow: auto;
  display: none; 
}
#SearchIt
	{
		position: relative;
		height: 30px;
		width: 750px;
		background-color: #D14FE8;
		background-repeat: no-repeat;
		background-image: url('images/navigate.gif');
		padding-top: 8px;
	}
#Search
	{
		position: relative;
		margin-left: 15px;
	}
#searchform,#SearchNav
	{
		position: relative;
		float: left;
		cursor:pointer;
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
#searchterm
	{
		position: relative;
		float: left;
		margin-top: -4px;
		cursor:pointer;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
/*#searchterm:hover, #searchterm:active
	{
		color: red;
	}*/
#searchform
	{
		margin-left: 5px;
	}
#SearchNav
	{
		height: 30px;
		width:250px;
	}
#ItemNav
	{
		position:relative;
		padding-top: 4px;
		position:relative;
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
	}
#backwards
	{
		position:relative;
		cursor:pointer;
		float: left;
		padding-top: 4px;
		margin-left: 15px;
		font-size: 12px;
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
	}
#middle
	{
		position:relative;
		float: left;
		padding-top: 5px;
		margin-left: 15px;
		font-size: 12px;
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
	}
#forwards
	{
		position:relative;
		cursor:pointer;
		float: left;
		padding-top: 4px;
		margin-left: 15px;
		font-size: 12px;
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
	}
#ItemsSearch
	{
		position: relative;
		top:0px;
		left: 0px;
		height: 300px;
		width: 700px;
	}	
#Items
	{
		position: relative;
		left: 0px;
		height: 294px;
		width: 694px;
		overflow:auto;
		border: 3px double yellow;
		background: #EB88E7;
		color: black;		
	}
.Item
	{
		margin-left: 5px;
		margin-bottom: 5px;
		overflow:hidden;
		position: relative;
		float: left;		
	}
#Item
	{
		position: relative;
		left: 0px;
		top: 0px;
		height: 165px;
		width: 115px;
		border: 3px double yellow;
		background: #EB88E7;
		color: black;		
	}
#ItemImage
	{
		position: relative;
		cursor:pointer;
		left: 10px;
		height: 94px;
		width: 94px;
		border: 1px yellow;
		background: #EB88E7;
		color: black;		
	}
#ItemDescription
	{
		font-size: 8px;
		font-weight:bold;
		text-align:center;
		left: 10px;
		width: 90px;
		position: relative;
		background: #EB88E7;
		color: black;		
	}
#ItemPrice
	{
		font-size: 8px;
		text-align:center;
		width: 90px;
		left: 10px;
		position: relative;
		background: #EB88E7;
		color: black;		
	}
#ItemBuyNow
	{
		margin-left: 20%;
		width: 50%;
		text-align:center;
		cursor:pointer;
	}
#ItemSKU
	{
		font-size: 8px;
		text-align:center;
		width: 90px;
		left: 10px;
		position: relative;
		background: #EB88E7;
		color: black;		
	}

.visibleDiv, #Cart, #CartQty
{
    position: fixed;
	visibility: hidden;
    width: 125px;
	height:300px;
    border: solid 1px #000000;
    vertical-align: middle;
    background: #EB88E7;
    text-align: center;
	overflow:auto;
}
#Cart, #CartQty
{
    top: 10px;
    right: 10px;
}
#Cart, #CartQty
{
    top: 10px;
    right: 10px;
}
#CartItem
{
    border: 3px double yellow;
}
#CISKU,#CIImage,#CIImage,#CIDescription,#CIPrice,#CIExtended
{
    position: relative;
	font-size: 12px;
	font-weight:bold;
}
#CIQty,#OQty,#BOQty
{
	position: relative;
	font-size: 10px;
	font-weight:bold;
}
#CIQty input.text
{
	width: 80px;
	font-size: 8px;
	border: 3px double yellow;
}
#CheckOut,#ChoosePaymentType
	{
		position: relative;
		top: 0px;
		left: 0px;
		height:300px;
		width: 700px;
		margin-left: 15px;
		border: 3px double yellow;
		vertical-align: middle;
		text-align: center;
		overflow:auto;
	}
#COTotal
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 700px;
		margin-left: 15px;
		border: 3px double yellow;
		vertical-align: middle;
		text-align: center;
		overflow:auto;
	}
#COT1,#COT2,#COT3,#COT4
{
	position: relative;
    border: 1px solid yellow;
	height: 22px;
    text-align: center;
	vertical-align: middle;
	font-size: 14px;
	font-weight:bold;
}
#COZip,#COSnH,#COTaxlbl,#COTax,#COTotallbl,#COTTA,#COPM,#COSnHA
{
	position: relative;
    text-align: center;
	vertical-align: middle;
	font-size: 14px;
	font-weight:bold;
	float: right;
	padding-left:10px;
	padding-right:10px;
}
#COTotalplbl,#COTTP
{
	position: relative;
    text-align: center;
	vertical-align: middle;
	font-size: 14px;
	font-weight:bold;
	float: left;
	padding-left:10px;
	padding-right:10px;
}
#COItem
{
	position: relative;
	height: auto;
    width: auto;
    border: 1px solid yellow;
	padding:2px;
	vertical-align: middle;
	overflow: none;
}
#ItemDescr
{
	position: relative;
    border: 1px solid yellow;
    text-align: center;
	font-size: 14px;
	font-weight:bold;
}
#CODescription
{
    text-align: center;
	font-size: 14px;
	font-weight:bold;
}
#ItemInfo
{
	position: relative;
    border: 1px solid yellow;
	padding:2px;
	height: 25px;
	vertical-align: middle;
    text-align: center;
}
#COImage,#COSKU,#COQty,#COPrice,#COExtended,#COBackOrderedQty,#QtyInStock
{
	position: relative;
	height: 22px;
	float: left;
	margin-left: 12px;
	padding-top: 2px;
    text-align: center;
	font-size: 12px;
	font-weight:bold;
}
#COUpdate,#CODelete
{
	position: relative;
	height: 12px;
	float: left;
	padding-bottom: 8px;
	margin-left: 12px;
    text-align: center;
	font-size: 12px;
	font-weight:bold;
}
#CORequestedQty
{
	position: relative;
	height: 22px;
	float: left;
    text-align: center;
	font-size: 12px;
	font-weight:bold;
}
#Qty .COQty
{
	width: 20px;
	font-size: 10px;
}
	.loginbox
	{
		text-align: center;
		width: 275px;
		position: absolute;
		left: 225px;
	}
.loginbox li
	{
		list-style-type: none;
		margin: 10px 0px;
	}
.pswd
	{
		text-align: left;
		width: 400px;
		position: absolute;
		left: 200px;
	}
.pswd li
	{
		list-style-type: none;
		margin: 10px 0px;
	}
.lblUNPW
	{
		text-align: left;
		width: 100px;
		float: left;
	}
.inpLoginBox
	{
		text-align: left;
		width: 150px;
		float: right;
	}
.butUNPW
	{
		position: relative;
		width: 150px;
		top: 5px;
		float: right;
	}
	
img.expando
	{ /*sample CSS for expando images. Not required but recommended*/
		border: none;
		vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
	}