﻿/* --- 2010/01/25 - 2010/2/28 campaign --- */
.shop-camp-container {
	position:relative;
	margin-bottom:6px;
}
.link1, .link2, .link3, .link4 {
	position:absolute;
	width:150px;
	height:18px;
	left:405px;
	background:url(../img/shop/20100125_camp.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.link1 {top:127px;background-position:-405px -127px;}
.link2 {top:149px;background-position:-405px -149px;}
.link3 {top:171px;background-position:-405px -171px;}
.link4 {top:193px;background-position:-405px -193px;}

a.link1:hover {
	background:url(../img/shop/20100125_camp_over.png) no-repeat;
}
a.link2:hover {
	background:url(../img/shop/20100125_camp_over.png) 0px -18px no-repeat;
}
a.link3:hover {
	background:url(../img/shop/20100125_camp_over.png) 0px -36px no-repeat;
}
a.link4:hover {
	background:url(../img/shop/20100125_camp_over.png) 0px -54px no-repeat;
}

/* *** 2010/01/25 - 2010/2/28 campaign *** */

/* online shop*/
.shop #header {
	background-image:url(../img/shop/tb_top.gif);	
}
.shop-location{
	float:left;
	padding:0px 5px 0px 5px;
	color:#000000;
	line-height:25px;
}
.checkout {
	display:block;
	float:left;
	width:100%;
	height:22px;
	margin:10px 0 0 0;
	background:url('../img/shop/button_checkout.gif') top center no-repeat;
}
.checkout:hover {
	background-position:center -22px;
}
.checkout-noscript {
	display:block;
	float:left;
	width:100%;
	height:22px;
	margin:10px 0 0 0;
	background:url('../img/shop/button_checkout_noscript.gif') top center no-repeat;
	text-indent:-9999px;
}
.checkout-noscript:hover {
	background-position:center -22px;
}
.remove-from-cart {
	width:19px;
	height:22px;
	cursor:pointer;
	background:url('../img/shop/button_remove_from_cart.gif') 0px 0px no-repeat;
	position:absolute;
	top:0px;
	right:0px;
}
.remove-from-cart:hover {
	background-position:0px -22px;
}
.cart-item {
	border-bottom:1px dotted #dddddd;
	float:left;
	width:100%;
	text-align:center;
	position:relative;
	padding:0px 0px 2px 0px;
	line-height:1.2em;
	background:#ffffff;
}
.cart-item img {
	margin:5px 0px 0px 0px;
	padding:0px;
	border:none;
}
.cart-item .name {
	float:left;
	color:#000000;
	font-size:10px;
	clear:both;
	width:100%;
	display:block;
	text-align:center;
}

.shop-item {
	float:left;
	padding:5px 0px 5px 0px;
	border-bottom:1px solid #dddddd;
	background:#ffffff;
}
.shop-item img {
	 margin-right:10px;
	 float:left;
}
.shop-item .title {
	font-size:16px;
	color:#000000;
	font-weight:bold;
}
.shop-item .description {
	float:left;
}
.shop-item a {
	display:block;
	float:right;
	border:1px solid #aaa;
	width:80px;
	height:22px;
	line-height:22px;
	padding:4px 10px 6px 25px;
	color:#777;
	margin:0px;
	text-decoration:none;
	background:#ffffff url(../img/arrow.gif) 5px center no-repeat;	
}
.shop-item a:hover {
	color:#000;
	font-weight:normal;
	background:#ffffff url(../img/arrow_orange.gif) 5px center no-repeat;
}
.shop .add-to-cart:hover {
	background-position:0px -20px;	
}
.shop .add-to-cart {width:78px;height:20px;cursor:pointer;background:url('../img/shop/button_add_to_cart.gif') 0px 0px no-repeat;}

.shop-item .add-to-cart {
	margin-top:10px;
	float:right;
}
.shop-item a.view-details {
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
	float:right;
}

.price {
	display:none;
}
.shop .price {
	display:block;
	text-align:left;
	margin-top:10px;
	font-size:14px;
	color:#000000;
}
.product-wrapper {
	width:100%;
	overflow-x:scroll;
	background:#dddddd;	
}
.product-container{
	/*background:#ffffff;*/
	float:left;
}
.product {
	float:left;
	padding:10px 0px 0px 10px;
	text-align:center;
}
.product a.view-details, .product a.view-details-2 {
	margin-bottom:5px;
}
a.link-ranking {
	display:block;
	float:left;
	cursor:pointer;
	/*background:#ffffff;*/
	width:100%;
	color:#213100;
	font-size:12px;
	text-decoration:none;
}
a.link-ranking:hover {
	background:#ffe698;
	color:#000000;
	text-decoration:none;
}
div.ranking-1 {
	background:url(../img/shop/ranking1.gif) no-repeat;
	padding:4px 4px 0px 32px;
}
div.ranking-2 {
	background:url(../img/shop/ranking2.gif) no-repeat;
	padding:4px 4px 0px 32px;
	margin-top:8px;
}
div.ranking-3 {
	background:url(../img/shop/ranking3.gif) no-repeat;
	padding:4px 4px 0px 32px;
	margin-top:8px;
}
div.ranking-4 {
	background:url(../img/shop/ranking4.gif) no-repeat;
	padding:4px 4px 0px 32px;
	margin-top:8px;
}
div.ranking-5 {
	background:url(../img/shop/ranking5.gif) no-repeat;
	padding:4px 4px 0px 32px;
	margin-top:8px;
}
div.ranking-up {
	background:url(../img/shop/ranking_up.gif) no-repeat;
	padding:0px 4px 8px 32px;
	margin-top:0px;
	border-bottom:1px dotted #679D00;
}
div.ranking-down {
	background:url(../img/shop/ranking_down.gif) no-repeat;
	padding:0px 4px 8px 32px;
	margin-top:0px;
	border-bottom:1px dotted #679D00;
}
div.ranking-keep {
	background:url(../img/shop/ranking_keep.gif) no-repeat;
	padding:0px 4px 8px 32px;
	margin-top:0px;
	border-bottom:1px dotted #3793bc;
}

/* --- */
.simple-grid .price {
	color:#0000ff;
	float:right;
}

/* payment */
.blueSquare {
	padding:0 5px 0 20px; margin:10px 0; background:url(../img/bullet_blueSquare.gif) no-repeat;
}

.product-box {float:left;position:relative;width:580px;border:1px solid #808080;padding:10px;margin-top:3px;background:#ffffff;}
.product-box .ul, .product-box .ur, .product-box .ll, .product-box .lr {position:absolute;width:10px;height:10px;overflow:hidden;bottom:-1px;right:-1px;background:url(../img/shop/corners_green.gif) 0px 0px;}
.product-box .ul {top:-1px;left:-1px;background-position:-10px -10px;}
.product-box .ur {top:-1px;right:-1px;background-position:0px -10px;}
.product-box .ll {bottom:-1px;left:-1px;background-position:-10px 0px;}

#shoppingCart {
	padding-top:5px;
}
.shop .category {
	float:left;
	display:block;
	width:120px;
	padding-top:125px;
	background:url(../img/shop/cat_podcast.gif) no-repeat;
	margin:5px 25px 2px 0px;
	overflow:hidden;
	text-align:center;
}

.content-body .expression {
	background-color:#ffffff;
}
.content-body .expression td {
	border-style:solid;
	border-color:#96cc29;
	border-width:0px 0px 1px 0px;
}
.content-body .expression td.light {
	background:#f9ffeb;
	border-width:0px 1px 1px 0px
}


.camp20100424 {width:625px;height:230px;background:url(../img/shop/20100424_camp.png) no-repeat;position:relative;margin-bottom:8px;}
.camp20100424 a {position:absolute;top:127px;left:279px;display:block;width:266px;height:18px;}
.camp20100424 a.item1 {background-position:-279px -127px;background-image:url(../img/shop/20100424_camp.png);}
.camp20100424 .item2 {background-position:-279px -149px;top:149px;background-image:url(../img/shop/20100424_camp.png);}
.camp20100424 .item3 {background-position:-279px -171px;top:171px;background-image:url(../img/shop/20100424_camp.png);}
.camp20100424 .item4 {background-position:-279px -193px;top:193px;background-image:url(../img/shop/20100424_camp.png);}



.camp20100424 a.item1:hover {background:url(../img/shop/20100424_camp_over.png) 0px 0px no-repeat;}
.camp20100424 a.item2:hover {background:url(../img/shop/20100424_camp_over.png) 0px -18px no-repeat;}
.camp20100424 a.item3:hover {background:url(../img/shop/20100424_camp_over.png) 0px -36px no-repeat;}
.camp20100424 a.item4:hover {background:url(../img/shop/20100424_camp_over.png) 0px -54px no-repeat;}
