﻿
/* store basket */
form.basketfrm
{
	border:0px; margin:0px; padding:0px; height:30px;
}
.basket
{
	display:block; clear:both;
}
.basket .labelrow
{
	display:block; clear:both; margin:1px 0px 3px 0px; color:#666666;
}
.basket .labelrow .icon
{
	width:60px; float:left; 
}
.basket .labelrow .desc
{
	float:left; width:18em;
}
.basket .labelrow .count
{
	float:left; width:8em;
}
.basket .labelrow .amount
{
	float:left; 
}


/* */
.basket .item
{
	display:block; clear:both;
}
.basket .item .icon
{
	width:60px; float:left; text-align:center;
}
.basket .item .desc
{
	float:left; width:18em; margin:0.5em 0px 0px 0px;
}
.basket .item .desc span.name
{
	font-weight:bold; color:#0066ff; display:block;margin:0px 0px 5px 0px;
}
.basket .item span.price
{
	margin:1px 0px 0px 0px; display:block; color:#ff6600;
	background:url(images/RMB.gif) no-repeat left center; padding:0px 0px 0px 12px;
}
.basket .item .count
{
	float:left; width:8em; margin:0.3em 0px 0px 0px;
}
.basket .item .count input
{
	width:2em; color:#0066ff; border:1px solid #cccccc; padding:2px;
	margin:3px 0px 0px 0px; 
}
.basket .item .amount
{
	float:left; width:4.5em; margin:0.5em 0px 0px 0px;
}
.basket .item .ctls
{
	float:left; margin:0.5em 0px 0px 8px;
}
.basket .s
{
	clear:both; display:block; height:1px;
	border-top:1px solid #cccccc;
}
.basket .sum
{
	display:block; clear:both; margin:5px 0px 0px 0px; color:#f26522;
	padding:0px 0px 0px 23em;
}
.basket .updatectls
{
	display:block; clear:both; margin:5px 12px 0px 0px;
	text-align:right;
}
.basket a.del
{
	display:block; width:5em; float:left; color:#790000; text-decoration:none;
	background:url(images/del.gif) no-repeat left center; padding:0px 0px 0px 15px;
}
.basket a.del:hover
{
	color:#cd0006;
}

.basket a.update
{
	display:block; width:7em; float:left; color:#0072bc; text-decoration:none;
	background:url(images/update.gif) no-repeat left center; padding:0px 0px 0px 15px;
}
.basket a.update:hover
{
	color:#00adef;
}


/* store article details view */
.article
{
	display:block; clear:both;
	margin:1em 0px 1em 5px;
}
.article .details
{
	float:left; margin:0px 1.2em 0px 0px; width:380px; overflow:hidden;
}
.article .details table
{
	width:380px;
}
.article .misc
{
	width:135px; padding:0px 0px 0px 1em;
	float:right; border-left:1px dotted #cccccc; 
}
.article .misc .name
{
	font-weight:bold; margin:3px 0px 3px 0px; color:#0072bc;
}
.article .misc .row
{
	clear:both; display:block;
}
.article .misc .price
{
	color:#f7941d; font-weight:bold; font-family:Verdana;
	background:url(images/RMB.gif) no-repeat left center;
	padding:0px 0px 0px 12px; float:left
}
.article .misc .label
{
	float:left; margin:0px 3px 0px 0px;
}
.article .misc .icon
{
}
.article .misc .desc
{
	clear:both;
}

.article .package
{
	margin:5px 0px 5px 5px;
}

.article .mailing
{
	margin:6px 0px 0px 2px; color:#999999;
	display:block; clear:both;
}

/* store list view */
.storeitem
{
	text-align:center;
}
.storeitem .icon
{
}
.storeitem div.name
{
}
.storeitem a.namelink
{
	color:#0066ff; text-decoration:none;
}
.storeitem a.namelink:hover
{
	color:#ff6600; text-decoration:underline;
}
.storeitem .shortdesc
{
	margin:5px 0px 0px 0px;
}


/* for inner service magazine show */
#magazineitem
{
	margin:1px 0px 16px 0px;  width:546px;
}
#magazineitem .titlebar
{
	display:block; clear:both;
	height:37px;
}
#magazineitem .titlebar .title
{
	display:block; float:left; margin:4px 0px 0px 4px;
}
#magazineitem .titlebar .more
{
	display:block; float:right; width:7em; margin-top:3px;
}
#magazineitem .row
{
	display:block; clear:both;
	padding-left:17px;
}
#magazineitem .item
{
	display:block; float:left; margin:0px 1px 2px 1px; width:126px; /* 182=546/3 */
}
#magazineitem .item .icon
{
	border-right:1px dotted #D0E1B6;
	clear:both; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px;
	background-color:White; text-align:center;
}
#magazineitem .item .textblock
{
	padding:3px 0px 12px 5px; 
	border-right:1px dotted #D0E1B6;
}
#magazineitem .item .title
{
	display:block; font-weight:bold; color:#0068B7; font-size:14px;
	text-align:center;
}
#magazineitem .item .desc
{
	display:block; color:#464646; margin:3px 0px 6px 1px; font-size:12px;
	text-align:center;
}
#magazineitem .item .links
{
	display:block; margin:0px 0px 0px 1.6em;
}
#magazineitem .bottomlinks
{
	display:block; clear:both; padding:1em 0px 0px 120px;
}
#magazineitem .b
{
}

/* store */
.storetop
{
	clear:both; padding:0px; display:block; margin:0px;
}
.storetop .title
{
	float:left; width:50%; margin:0px;
}
.storetop .path
{
	float:left; width:50%; margin:0px; padding-left:17px; margin:0px 0px 0px 0.8em;
	background:url(images/store.gif) no-repeat left center;
}
.storetop .searchbox
{
	float:right; width:20em; margin:0px; height:3em;
}
.storetop .searchbox form
{
	border:0px; margin:0px; padding:0px;
}

.store
{
	clear:both; display:block; margin:2em 0px 0px 0.8em;
}

.storecatalogs
{
	clear:both; margin:1em 5em 1em 5em; padding:1em 3em 0px 3em;
	background-color:#eeeeee;
}
.storecatalogs .l
{
}
.storecatalogs .r
{
}
.storecatalogs .catalogs
{
}

/* pagemarks */
.pmleft{ width:90%; clear:both; display:block;}
.pmleft .active
{
	border:1px solid #3FBBC6; background-color:#9BDCDF; font-size:10px; color:white; margin:0px 0px 2px 2px; float:left; text-align:center; width:1.6em;height:1.4em; display:block; font-weight:bold;
}
.pmleft .inactive
{
	border:1px solid #8DC63F; background-color:#C4DF9B; font-size:10px; color:white; margin:0px 0px 2px 2px; float:left; text-align:center; width:1.6em;height:1.4em; display:block; cursor:pointer;
}

.pmright{width:95%; clear:both; display:block;}
.pmright .active
{
	border:1px solid #3FBBC6; background-color:#9BDCDF; font-size:10px; color:white; margin:0px 0px 2px 2px; float:right; text-align:center; width:1.6em;height:1.4em; display:block; font-weight:bold;
}
.pmright .inactive
{
	border:1px solid #8DC63F; background-color:#C4DF9B; font-size:10px; color:white; margin:0px 0px 2px 2px; float:right; text-align:center; width:1.6em;height:1.4em; display:block; cursor:pointer;
}

.pmcenter{ width:90%; clear:both; display:block;}
.pmcenter .active
{
	border:1px solid #3FBBC6; background-color:#9BDCDF; font-size:10px; color:white; margin:0px 0px 2px 2px; float:left; text-align:center; width:1.6em;height:1.4em; display:block; font-weight:bold;
}
.pmcenter .inactive
{
	border:1px solid #8DC63F; background-color:#C4DF9B; font-size:10px; color:white; margin:0px 0px 2px 2px; float:left; text-align:center; width:1.6em;height:1.4em; display:block; cursor:pointer;
}

/* misc */
a.arg
{
	display:block;
	background:url(images/linkar_flat.gif) no-repeat left center; color:#638C0B;
	height:14px; padding:0px 0px 0px 14px; margin:0.5em 0px 0px 0px;
}
a.arg:hover
{
	color:#A1C259; text-decoration:none;
}
div.linkblock
{
	margin:0.5em 0px 1em 1em;
}

a.basket
{
	display:block; margin:0.8em 0px 0px 2px; padding:0px 0px 0px 16px;
	background:url(images/buyicon.gif) no-repeat left center;
	color:#ff6600; text-decoration:none;
}
a.basket:hover
{
	color:#ff9900; text-decoration:none;
}


input.flat
{
	border:1px solid #cccccc; background-color:#ffffff;
	padding-left:2px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
}