/* Coinwatch CSS */

/* Page Layout */

body 
{
background-image:url(../images/wallpaper.jpg);
background-color:#999999;
}

.wrap {
	width: 60em;
	text-decoration: none;
	margin: 0 auto;
	background-color:#FFFFFF;
	border: 1px solid #353935;	
}

.top {
	width: 55em;
	text-decoration: none;
	background-color:#606760;
	text-align:center;
	
}

.left {
	width: 13em;
	text-decoration: none;
	background-color:#FFFFFF;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	
	
		
	}
	
.right {
	width: 45em;
	text-decoration: none;
	background-color:#FFFFFF;
	text-align:center;
	float:right;
	padding-top:10px;
	padding-right:7px;
	}
	
	.productright {
	width: 45em;
	text-decoration: none;
	background-color:#FFFFFF;
	text-align:left;
	float:right;
	padding-top:10px;
	padding-right:7px;
	}
	
.bottom {
	width: 60em;
	text-decoration: none;
	margin: 0 auto;
	text-align:left;
	padding-top:3px;
	
		
}

/* Font Styles */

h1 {
font: 13px Arial;
color: #424642;
margin: 5px 0;
width: auto;
padding-top:10px;
line-height:25px;
padding-left:10px;
text-decoration: none;
}

h2 {
font: 13px Arial;
color: #424642;
margin: 5px 0;
width: auto;
padding-left:10px;
padding-right:20px;
text-decoration: none;
text-align:left;
line-height:25px;
padding-top:10px;
padding-bottom:10px;
}

h3{
font: 12px Arial;
color: #424642;
margin: 5px 0;
width: auto;
padding-left:10px;
padding-right:20px;
text-decoration: none;
text-align:left;
line-height:18px;
padding-top:10px;
padding-bottom:10px;
}

h3 a:link, h3 a:visited, h3 a:active {
color: #424642;
text-decoration: underline;
}

h3 a:hover {
color: #000000;
text-decoration: underline;
}

h4 {
font: bold 13px Arial;
color: #424642;
margin: 5px 0;
width: auto;
text-decoration: none;
}

.tableclass {
font: 11px Arial;
color: #424642;
text-align:center;
text-decoration: none;
}

.tableclass a:link, .tableclass a:visited, .tableclass a:active {
color: #424642;
text-decoration: underline;
}

.tableclass a:hover {
color: #000000;
text-decoration: underline;
}

.product-name {
font: 11px Arial;
color: #000000;
text-align:center;
text-decoration: none;
}

.product-price {
font: bold 18px Arial;
color:#333333;
text-align:center;
text-decoration: none;
}

/* Navigation */

.glossymenu{
list-style-type: none;
margin: 0 auto;
padding: 0;
width: 10em;
border: 1px solid #CCCCCC;
}

.glossymenu li a{
background-image:url(../images/buttons/light-button-2.jpg);
background-color:#676767;
font: 12px Arial;
color: white;
display: block;
width: auto;
padding: 5px 0;
text-decoration: underline;
border-bottom: 1px solid #CCCCCC; /*dark purple divider between menu items*/

}


.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li .sidecurrent{
background-image:url(../images/buttons/dark-button-2.jpg);
background-color:#393939;
color: #FFFFFF;
}

.glossymenu li a:hover{
background-image:url(../images/buttons/dark-button-1.jpg);
background-color:#393939;
color: #FFFFFF;
}

.glossymenu li .sideproduct{
background-image:url(../images/buttons/light-button-1.jpg);
background-color:#999999;
color:#FFFFFF;
font: 12px Arial;
}

.glossymenu li .sideproductcurrent{
background-color:#333333;
color:#FFFFFF;
font: 12px Arial;
}

.indentmenu{
font: 12px Arial;
width: 100%; /*leave this value as is in most cases*/
}




.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #BCBDBF; /*dark purple border*/
border-width: 1px 0;
background-image:url(../images/buttons/light-button-3.jpg);
background-color:#676767;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: underline;
border-right: 1px solid #BCBDBF; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover{
background-image:url(../images/buttons/dark-button-3.jpg);
background-color:#393939;
color:white;
}

.indentmenu ul li .current{
background-image:url(../images/buttons/dark-button-4.jpg);
background-color:#393939;
color:white;
}