body {
	background-color: #B3B3B3;
	background-position: 0% 0%;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
#container {
	background: transparent url(../images/yesism_gallery.jpg) 49px 64px no-repeat !important;
}
#top #logo {
	background-image: url(../images/logos/shop.jpg) !important;
}
div.category {
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	width: 660px;
	/*height: 349px;*/
	height: 195px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
}
#lmenu {
	width: 220px;
	padding: 0;
	margin: 50px 0 10px 0;
	display: block;
	text-align: right;
}
#lmenu div.ttl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding: 0;
	margin: 12px 0 3px 0;
	display: block;
	clear: both;
	cursor: default;
}
#lmenu a {
	padding: 0;
	margin: 0 0 2px 0;
	display: block;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: right;
}
#lmenu a:hover {
	padding: 0;
	margin: 0 0 2px 0;
	display: block;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-align: right;
}

/* scrolling products */
div.scrollable {
	width: 660px;
	height: 236px;
	z-index: 0;
}
div.horizontal {
	padding: 0;
	margin: 30px 0 30px 0;
}
div.horizontal div.items {
	height: 236px;	
	margin: 0;
	float: left;
	width: 600px !important;
}
div.horizontal div.item {
	width: 194px;
	height: 234px;
	padding: 0;
	margin: 0 4px 0 0;
	display: block;
	border: 1px #a1a1a1 solid;
	float:left;	
}
div.horizontal div.item a, div.horizontal div.item a:hover {
	padding: 0;
	margin: 0;
	border: 0;
	cursor: pointer;
}
div.title {
	width: 188px;
	height: 22px;
	padding: 6px 0 0 6px;
	margin: 0;
	display: block;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
div.picture {
	width: 194px;
	height: 170px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
}
div.purchase {
	background-color: #666666;
	width: 194px;
	height: 35px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	border-top: 1px #797979 solid;
}
div.purchase div.buy {
	width: 91px;
	height: 27px;
	padding: 5px 0 0 6px;
	margin: 0;
	display: block;
	float: left;
}
div.purchase div.buy a, div.purchase div.buy a:hover {
	background-image: url(../images/assets/buy.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	border: 0;
	text-decoration: none;
}
div.purchase div.price {
	width: 91px;
	height: 29px;
	padding: 3px 6px 0 0;
	margin: 0;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
	text-align: right;
}
div.purchase div.notice {
	height: 29px;
	padding: 8px 6px 0 0;
	margin: 0;
	display: block;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
}
div.purchase div.notice a, div.purchase div.notice a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
}
div.purchase div.price span.units {
	font-size: 14px;
}
a.prev, a.next {
	background-image: url(../images/assets/scroll-buttons.gif);
	background-repeat: no-repeat;
	display: block;
	width: 23px;
	height: 236px;
	float: left;	
	margin: 0;
	cursor: pointer;
}
a.next {background-position: -23px 0px;}
a.next:hover {background-position: -23px 0px;}
a.prev {background-position: 0px 0px;margin-right:4px}
a.prev:hover {background-position: 0px 0px;margin-right:4px}

/* product popup */
#background-popup{
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	height: 100%;
	width: 100%;
	_width: 240%;
	top: 0;
	left: 0;
	background: #000000;
	z-index: 1;
}
#popup1, #popup2, #popup3, #popup4, #popup5, #popup6, #popup7, #popup8, #popup9, #popup10,
#popup11, #popup12, #popup13, #popup14, #popup15, #popup16, #popup17, #popup18, #popup19, #popup20 {
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	width: 687px;
	height: 414px;
	background: #ffffff;
	z-index: 2;
	padding: 5px;
	font-size: 12px;
}
.popup-close {
	background-image: url(../images/assets/popup-close.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 81px;
	height: 22px;
	padding: 0;
	margin: -27px 0 0 610px;
	display: block;
	position: absolute;
	cursor: pointer;
}
div.popup-price {
	width: 174px;
	height: 56px;
	padding: 0;
	margin: 0 0 28px 0;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 52px;
	font-weight: bold;
	color: #4d4d4d;
	text-decoration: none;
	letter-spacing: -1px;
}
div.popup-artcart {
	background-image: url(../images/assets/artcart_black.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 167px;
	height: 76px;
	padding: 0;
	margin: 0 206px 20px 0;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 52px;
	font-weight: bold;
	color: #4d4d4d;
	text-decoration: none;
	letter-spacing: -1px;
}
div.popup-artcart a, div.popup-artcart a:hover {
	width: 167px;
	height: 76px;
	padding: 0;
	margin: 0 ;
	display: block;
	clear: both;
	text-decoration: none;
}


#top #login #login-labels .label-user {
	color: #e8e8e8 !important;
}
#top #login #login-labels .label-pass {
	color: #e8e8e8 !important;
}