body {
    background:#CCCCCC;
    margin:0;
    padding:0;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height:16px;
	background-image: url("../../images/backgrounds/bg.gif");
	background-color: #ccc;
	background-repeat: repeat;
    background-position: top;
}

.clear {
    clear:both;
}
#photo {
    width: 100%;
    height: auto;
}


a:link, a:active, a:visited {
	font-family: Verdana, Arial;Arial;
	font-size: 10px;
	font-weight: normal;
	color: #a39660;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
}

#wrapper {
    width:764px;
    padding:0 68px 0 68px;
    margin:0 auto;
    background:#FFFFFF;
}

#header {
    position:relative;
    height:111px;
}

#logo {
    margin:0;
    padding:0;
    width:110px;
    height:74px;
    background:url('../images/logo.gif') no-repeat;
    text-indent:-9000px;
    position:absolute;
    left:22px;
    top:54px;
}
#logo a {
    display:block;
    width:110px;
    height:74px;
}

#header-message {
    position:absolute;
    right:0;
    top:35px;
    
}

#navigation {
    position:absolute;
    right:0;
    top:80px;
}
#navigation ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
#navigation li {
    display:inline;
    padding:0 7px 0 7px;
    border-left:1px solid #CCCCCC;
}
#navigation li a {
    color:#A39660;
    text-decoration:none;    
}
#navigation li a:hover {
    color:#999999;
}

#banner {
    clear:both;
    width:764px;
    border:0;
}


#info {
    padding:10px 0 10px 0;
    clear:both;
}
#search {
    float:left;
    width:325px;
}
#path {
    float:right;
    width:540px;
    text-align:right;
}

#content-wrapper {
    clear:both; 
	
}

#sidebar {
    float:left;
    width:150px;
	padding-bottom:20px;
}
#mainbar {
    float:right;
    width:600px;
	padding-bottom:20px;
}

#footer {
    clear:both;

    margin-top:50px;
    padding:5px 0 110px 0;
	text-indent:-9000px;
	background:url('../images/address.gif') no-repeat 100% 8px;
}

/* message */
.message, .error{
	margin:0 0 5px 0;
	padding:3px;
	background:#ffffff;
	font-weight:normal;
	border:0px solid #666666;
}
.message {
	background:#ffffff;
}

/* list */
.list {
	margin:0;
	padding:0;
	list-style-type:none;
}
.list li {
	text-transform:uppercase;
	padding:0 0 5px 0;
}

/* heading */
h2,h3,h4 {
	color:#666666;
}

/* product list */
.product-list {

}
.product-list-desc h3 {
	margin:0;
	padding:0 0 10px 0;
	text-decoration:underline;
	color:#000000;
	font-size:1em;
}
.product-list-desc {
	width:190px;
	float:left;
}
.product-list-image {
	float:left;
	width:230px;
	margin:17px 0 17px 0;
}
.product-list-detail {
	float:right;
	width:320px;
	margin:17px 0 17px 0;
	background:#F6F6F6;
	height:auto!Important;
	padding:10px 25px 10px 25px;
}
.product-list-price {
	float:right;
	width:120px;
}
.price-retail {
	color:#000000;
}
.price-reseller {
	color:#666666;
}
.product-list-detail .cart {
	padding-top:10px;
	clear:both;
}
.product-list-detail .cart label {
	padding:0 5px 0 0;
}
.submit-add-cart {
	border:0;
	margin:0;
	padding:0;
	width:16px;
	height:14px;
	background:url('../images/cart.gif') no-repeat;
	text-indent:-9000px;
	font-size:1px;
}
.separator {
	clear:both;
background:none;
width:100%;
margin:0;
height:1px;
border:none;
border-bottom:solid 1px #000;
}


.table-list {
	width:100%;
}
.table-list  tr.table-heading.even {
	color:#FFFFFF;
	background:#666666;
}
.table-list tr.even {
	background:#EEEEEE;
}
.table-list tr.hover {
	background:#CCCCCC;
}
.table-list tr th, .table-list tr td {
	padding:3px 5px 3px 5px;
}

/* image list*/
.image-list {
	margin:0;
	padding:0;
	list-style-type:none;
}
.image-list li {
	float:left;
	width:33%;
	text-align:center;
}
.image-list li .image-list-info {
	display:block;
}

.cart {
	width:100%;
}
.cart  td, .cart th {
	padding:5px 3px 5px 3px;
}
.cart  td {
	background:#F6F6F6;
}
.cart .table-heading th {
	background:#999999;
	color:#FFFFFF;
}

.orderpage {
	display:none;
}

/*By Janis 2008-11-04*/

form{
	margin: 0;
  padding: 0;
}




h1 {
	font-weight: bold; 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000; 
	line-height:140%; 
	word-spacing:0; 
	margin-top:15px; 
	margin-bottom:10px;
	}

h2 {
	font-weight: bold; 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000; 
	line-height:140%; 
	word-spacing:0; 
	margin-top:35px; 
	margin-bottom:25px;
	}
	
h3 {
	font-weight: bold; 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000; 
	line-height:140%; 
	word-spacing:0; 
	margin-top:15px; 
	margin-bottom:10px;
	}
	
h4 {
	font-weight: bold; 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000; 
	line-height:140%; 
	word-spacing:0; 
	margin-top:35px; 
	margin-bottom:25px;
	}
	
.bottomdivider {
	width: 764px;
	height: 2px;
	background-color:#808080;
	margin: 0 auto;
	border-top: 1px solid #fff;
}


.divider {
	width: 764px;
	height: 2px;
	background-color:#808080;
	margin: 0 auto;
	border-bottom: 1px solid #fff;
}

.loginbg {
	width: 361px;
	height: 53px;
    background: url('../images/loginbg.gif') no-repeat;
	margin: 0 auto;
}

.passreminderbg {
	width: 361px;
	height: 53px;
    background: url('../images/passreminderbg.gif') no-repeat;
	margin: 0 auto;
}


input { 
 background-color: #eeeeee;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;

padding-left:2px;
}



.searchbutton {
	border:0;
	margin-left:7px;
	padding:0px;
	width:83px;
	height:17px;
	background:url('../images/search.gif') no-repeat;


}

.normaltext {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #939393;
	line-height:16px;
	margin: 0 auto;
	text-align:left;
}

.class4 A:link {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #a39660; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none;
}
.class4 A:active {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #a39660; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none;
}
.class4 A:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #a39660; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none;
}
.class4 A:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #999999; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline;
}

.imgopacity
{
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
-khtml-opacity: 0.3;
}

.imgopacity:hover
{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
}