input, textarea, select
{
	font: 11px Arial, sans-serif;
	color:#666;
}

div.box
{
	float:left;
	width:257px;
	border:1px solid rgb(224,224,224);
}

div.box-top-left, div.box-top-right, div.box-bottom-left, div.box-bottom-right
{
	position:relative;
	clear:both;
	float:left;
	width:257px;
}

div.box-top-left
{
	top:-1px;
	left:-1px;
	background: url(/resources/images/template/shop/bg-box-top-left.gif) no-repeat top left;
}

div.box-top-right
{
	left:2px;
	background: url(/resources/images/template/shop/bg-box-top-right.gif) no-repeat top right;
}

div.box-bottom-left
{
	top:2px;
	left:-2px;
	background: url(/resources/images/template/shop/bg-box-bottom-left.gif) no-repeat bottom left;
}

div.box-bottom-right
{
	left:2px;
	background: url(/resources/images/template/shop/bg-box-bottom-right.gif) no-repeat bottom right;
}

div.box div.box-content
{
	position:relative;
	top:-1px;
	left:-1px;
	clear:both;
	float:left;
	padding:90px 30px 8px 30px;
	width:197px;
	line-height:20px;
	color: #666;
	font: 13px Arial, sans-serif;
}


div.cart-title
{
	margin: 0px 0 10px 0;
}

/* H1 */
div.box-content h1, div.cart-title h1, .content h1, div.box-content h2, div.cart-title h2, .content h2
{
	float:none;
	margin:0px;
	padding:0px;
}

div.box-content img
{
	float: right;
	padding:5px 0px 0px 0px;
	vertical-align:bottom;
}

div.new
{
	background: url(/resources/images/template/shop/bg-box-new.gif) no-repeat top center;
}

div.offer
{
	background: url(/resources/images/template/shop/bg-box-offer.gif) no-repeat top center;
}

div.care
{
	background: url(/resources/images/template/shop/bg-box-care.gif) no-repeat top center;
}


div.box div.empty
{
	width:237px;
	padding:10px;
}



div.box div.empty div.item-left
{
	float:left;
	padding:120px 3px 0px 3px;
	width:231px;
}


div.box div.empty div.item-right
{
	float:left;
	padding:32px 0px 0px 110px;
	width:123px;
	border-left:0px;
	text-align:left;
}

/* BLUE BOX */

div.box-blue
{
	overflow:hidden;
	float:left;
	width:229px;
	height:199px;
	background: url(/resources/images/template/shop/bg-box-mail.gif) no-repeat top left;
	color: #000;
	font: 11px Arial, sans-serif;
}

div.box-blue-small
{
	position:relative;
	top:-4px;
	#top:0px;
	height:160px;
	background: url(/resources/images/template/shop/bg-box-mail-shop.gif) no-repeat top left;
}

div.box-blue-smaller
{
	position:relative;
	top:-4px;
	#top:0px;		
	height:130px;
	background: url(/resources/images/template/bg-box-mail-shop-smaller.gif) no-repeat top left;	
}

div.box-blue .box-content
{
	float:left;
	padding:10px 10px;
	width: 209px;
}

/* H1 */
div.box-blue .box-content h1, div.box-blue .box-content h2
{
	float:none;
	text-align: center;
}

div.box-blue .box-content .blue-input
{
	width:200px;
	font-size:13px;
	color:#000;
}

td.smaller-mail div.box-blue .box-content .blue-input
{
	width:185px;
}

td.smaller-mail div.box-blue
{
	overflow:hidden;
	float:left;
	width:229px;
	height:130px;
	background: url(/resources/images/template/bg-box-mail-smaller.gif) no-repeat top left;
	text-align:left;
	color: #000;
	font: 11px Arial, sans-serif;
}

/*
div.box-blue
{
	overflow:hidden;
	float:left;
	width:259px;
	height:168px;
	background: url(/resources/images/template/shop/bg-box-blue.gif) no-repeat top left;
	color: #000;
	font: 11px Arial, sans-serif;
}

div.box-blue .box-content
{
	float:left;
	padding:5px 10px;
	width: 239px;
}

div.box-blue .box-content h1, div.box-blue .box-content h2
{
	float:none;
	text-align: center;
}

div.box-blue .box-content .blue-input
{
	width:230px;
	font-size:13px;
	color:#000;
}
*/

/* ITEMS */

div.items
{
	clear:both;
	float:left;
	width:520px;
	color: #000;
	font: 11px Arial, sans-serif;
}

div.items img
{
	padding-top:10px;
}

/* H1 */
div.items h1, div.items h2
{
	float:none;
	margin:0px;
	padding:0px;
}

div.item-left
{
	float:left;
	padding:120px 20px 0px 20px;
	width:220px;
	height: auto !important;
	height:105px;
	min-height:105px;
/*
	background: url(/resources/images/template/shop/bg-item-left.gif) no-repeat center top;
*/
	background: url(/resources/images/template/shop/temp/left_front_shop.jpg) no-repeat center top;
	text-align:center;
}

/* H1 */
div.item-left h1, div.item-left h2
{
	float:none;
	text-align:center;
}

div.item-right
{
	float:left;
	padding:32px 20px 0px 120px;
	width:119px;
	height: auto !important;
	height:195px;
	min-height:195px;
/*
	background: url(/resources/images/template/shop/bg-item-right.gif) no-repeat left top;
	background: url(/resources/images/template/shop/temp/right_front_shop_2.jpg) no-repeat 30px 15px;
	background: url(/resources/images/template/shop/temp/moisturizingcream_tilb.jpg) no-repeat 30px 15px;
*/
	background: url(/resources/images/lotion_tilb.jpg) no-repeat 30px 15px;
	border-left:1px solid rgb(236,236,236);
}

/* BOX SMALL */

div.small
{
	width:227px;
}

div.small div.box-top-left, div.small div.box-top-right, div.small div.box-bottom-left, div.small div.box-bottom-right
{
	width:227px;
}

.box-title
{
	clear:both;
	float:left;
	width:225px;
	background: url(/resources/images/template/shop/bg-box-title.gif) rgb(34,49,85) top left no-repeat;
	color:#fff;
}

.box-title-bg
{
	clear:both;
	float:left;
	padding:5px 15px;
	width:195px;
	font: 19px Arial, sans-serif;
	font-weight:normal;
	background: url(/resources/images/template/shop/bg-box-title-bg.gif) top right no-repeat;
}

.box-items
{
	clear:both;
	float:left;
	padding:0px 15px;
	width:195px;
}

.box-item
{
	clear:both;
	float:left;
	padding: 10px 0px;
	width:195px;
	color: #666;
	font: 11px Arial, sans-serif;
}

.box-item a
{
	color: rgb(0,154,203);
}

.box-item b, .box-item strong
{
	color:#000;
}

.box-split
{
	clear:both;
	float:left;
	overflow:hidden;
	width:195px;
	height:0px;
	border-top:1px solid rgb(224,224,224);
}

/* BLUE BOX */

div.bluebox
{
	background: rgb(215,235,244);
}

div.bluebox, div.bluebox .box-top-left, div.bluebox .box-top-right, div.bluebox .box-bottom-left, div.bluebox .box-bottom-right
{
	width:730px;
}

div.bluebox .box-top-left
{
	background: url(/resources/images/template/shop/bg-box-blue-top-left.gif) no-repeat top left;
}

div.bluebox .box-top-right
{
	background: url(/resources/images/template/shop/bg-box-blue-top-right.gif) no-repeat top right;
}

div.bluebox .box-bottom-left
{
	background: url(/resources/images/template/shop/bg-box-blue-bottom-left.gif) no-repeat bottom left;
}

div.bluebox .box-bottom-right
{
	background: url(/resources/images/template/shop/bg-box-blue-bottom-right.gif) no-repeat bottom right;
}

div.bluebox div.box-content
{
	padding:5px 10px;
	width:710px;
}

div.bluebox div.box-content img
{
	float:none;
	vertical-align: middle;
}

/* H1 */
div.bluebox div.box-content h1, div.bluebox div.box-content h2, div.bluebox div.box-content a
{
	float:none;
	color: rgb(61,88,150);
}

/* LIST */

.cart-list
{
	border-bottom: 2px solid rgb(224,224,224);
	color:#000 !important;
	font-size:11px;
}

.cart-list h2
{
	float:none;
	margin:0px;
	padding:0px;
	text-align:right;
}

.cart-list h3
{
	float:none;
	margin:0px;
	padding:0px;
	text-align:right;
}

a
{
	color:#666;
}

.bold
{
	font-weight:bold;
}

.black
{
	color:#000;
}

.title td
{
	border-bottom:1px solid rgb(224,224,224);
}

/* WIDE BOX */

div.wide, div.wide .box-top-left, div.wide .box-top-right, div.wide .box-bottom-left, div.wide .box-bottom-right
{
	width:730px;
}

div.wide .wide-title
{
	position:relative;
	top:15px;
	left:25px;
}

div.wide .wide-content
{
	clear:none;
	float:left;
	margin:0px;
	padding:10px 10px;
	width:222px;
	font: 11px Arial, sans-serif;
}

div.middle
{
	height:auto !important;
	height:180px;
	min-height:180px;
	border-left:1px solid rgb(224,224,224);
	border-right:1px solid rgb(224,224,224);
}

/* H1 */
div.wide .wide-title h1, div.wide .wide-content h1, div.wide .wide-title h2, div.wide .wide-content h2
{
	float:none;
	margin:0px;
	padding:0px;
}

div.h-clear
{
	float:left;
	height:90px;
	width:8px;
}

div.v-clear
{
	clear:both;
	height:12px;
}

td.last
{
	border-bottom: none;
}
