/*F1.com.vn*/
/*f1mart.css*/
/*For F1Mart only*/

#user-toolbar {
	background:url(../assets/common/user_toolbar_tl.gif) top left no-repeat;
	height:39px;
	font-size:90%;
	margin-bottom:20px;
}
	.wrap-toolbar {
		background:url(../assets/common/user_toolbar_tr.gif) top right no-repeat;
		height:29px;
		padding:10px 10px 0 10px;
	}
	#user-toolbar .glance {width:480px; float:left;}
	#user-toolbar .nav {width:440px; float:left; text-align:right; font-weight:bold;}
	#user-toolbar span {display:inline-block;}
	#user-toolbar span.welcome, #user-toolbar .nav span {background:url(../assets/common/dotted_delim.gif) right 0 no-repeat; padding-right:10px; margin-right:10px;}
	#user-toolbar .nav span.last {background:none; margin:0;}
	#user-toolbar .nav span.current a {color:#cd0536;}

/*two cols setup*/
#sidebar {width:240px; float:left; margin-right:20px;}
#contents {width:680px; float:left;}

/*typo*/
#user-toolbar {font-family:Tahoma, Arial, Helvetica, sans-serif;}

/*sidebar modules*/
#location {}
	#location label {font-size:80%; color:#666;}
	#location select {width:210px;}
	
#category {}
	#category ul {margin:5px 0;}
		#category li {
			margin:5px 0;
			font-weight:bold;
		}
			#category li span {border-left:solid 2px #ddd; padding:0 0 0 10px; line-height:1.2em;}
		#category li.current span a, #category li li.current a{color:#cd0536;}
		#category li.last {border:none;}
			#category li ul {margin:5px 0 5px 25px; list-style:square; color:#666;}
			#category li li {border:none; font-weight:normal; list-style:square; margin:0;}
		
/*products*/
/*standard product listing*/
.listing {}
	.listing .pitem {
		float:left;
		margin-right:30px;
		margin-bottom:20px;
		width:130px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:90%;
	}
	.listing .right {margin-right:0;}
	/*.listing .left {clear:left;}*/
		.listing .pitem p.img {margin-bottom:7px;}
		.listing .img {
			background:url(../assets/common/product_holder_normal.gif) no-repeat;
			width:100px;
			height:100px;
			padding:6px;
			text-align:center;
			margin-bottom:5px;
			overflow:hidden;
			display:table;
			/*position:relative;*/
		}
			.listing .img .holder {
				/*position: absolute;
				top: 50%;*/
				display: table-cell;
				vertical-align: middle;
			}
				.listing .img .holder img {/*position:relative; top:-50%*/}
		.listing .info {font-weight:bold; line-height:1.2em; margin-bottom:5px;}
		.listing .manu {color:#666; margin-bottom:5px;}
		.listing .price {margin-bottom:5px; padding:3px 0; height:16px;}
/*grid listing with smaller holder*/
.plisting-grid {}
	.plisting-grid .pitem {
		float:left;
		margin-right:5px;
		margin-bottom:15px;
		width:210px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:90%;
	}
	.plisting-grid .right {margin-right:0;}
	/*.plisting-grid .left {clear:left;}*/
		.plisting-grid .img {
			background:url(../assets/common/product_holder_small.gif) no-repeat;
			width:80px; height:80px; padding:5px;
			text-align:center;
			float:left;
			margin-right:10px;
			overflow:hidden;
			display:table;
		}
			.plisting-grid .img .holder {display: table-cell; vertical-align: middle;}
			.plisting-grid .img img {vertical-align:middle;}
		.plisting-grid .pinfo {
			float:left;
			width:110px;
		}
		.plisting-grid dt {font-weight:bold; line-height:1.3em;}
		.plisting-grid .manu {color:#666; margin-bottom:5px;}
		.plisting-grid .price {margin-bottom:5px; padding:3px 0; height:16px;}
	.plisting-grid .more {clear:both; text-align:right;}
	
/*homepage*/
#f1mart-hot-products {}
	#f1mart-hot-products .header {padding:10px 0 0 0; margin-bottom:20px;}
	#f1mart-hot-products h3 {font-size:120%; font-weight:bold;}
	.search-f1mart {float:right; margin:-20px 0 0 0;}
	#txt_f1mart_search {width:250px; height:16px; font-size:90%; padding:2px 0 0 0;}
	.search-f1mart select {width:150px; vertical-align:middle;}
	#butf1martsearch {}
	#f1mart-hot-products .hot-products {padding:0 0 0 30px;}
	#f1mart-hot-products .controller {margin-bottom:20px; padding:0 5px;}
	#f1mart-hot-products .filters {font-size:90%; font-family:Tahoma, Arial, Helvetica, sans-serif;}
		#f1mart-hot-products .filters span {
			background:url(../assets/common/dotted_delim.gif) right 0 no-repeat;
			padding-right:10px;
			margin-right:10px; 
			display:inline-block;
			font-weight:bold;
		}
		#f1mart-hot-products .filters span.last {background:none;}
		#f1mart-hot-products .filters span.active a {color:#cd0536;}
/*subpage*/
.subpage {
	background:url(../assets/common/subpage_header.gif) top no-repeat;
	padding:10px;
}
	.subpage h3 {font-size:120%; font-weight:bold; margin-bottom:10px;}
.navlink {
	font-size:90%;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	background:url(../assets/common/hdotted.gif) bottom repeat-x;
	padding-bottom:5px; margin-bottom:10px;
}
/*product listing*/
#product-category {}

	#product-category .pitem {clear:both; margin-bottom:10px; border-bottom: solid 1px #eaebf2; padding-bottom:10px;}

		#product-category .pitem .img {float:left; width:110px; margin-right:20px;}

		#product-category .pitem dt {margin-bottom:5px;}



#product-info {margin:0 0 10px 0; border-bottom:solid 1px #eaebf2; padding-bottom:10px;}

	.product-img {float:left; width:180px; margin-right:30px;}

		.product-img p {margin:5px 0; text-align:center;}

		.product-img .enlarge {text-align:center;}

			.product-img .enlarge a {background:url(../assets/icon_enlarge.gif) 0px 4px no-repeat; padding-left:15px;}

	.product-brief {float:left; width:440px;}

		.product-brief h3 {margin-bottom:10px;}

		.product-brief p, .product-brief ul {margin:10px 0;}

		.product-brief label {display:inline-block; width:120px;}

		#specs {}

	#product-specs {}

		#product-specs h3 {background:url(../assets/dbl_line.gif) bottom repeat-x; padding-bottom:10px; margin-bottom:10px;}

		#product-specs .title {font-weight:bold;}

		#product-specs dl, #product-specs p, #product-specs ul, #product-specs ol, #product-specs h4 {margin:15px 0;}

		#product-specs dt {float:left; margin-right:20px;}

			#product-specs dt img {border:solid 2px #eaebf2;}

	.specs-tab {}

		.specs-tab .tabs {

			display:inline-block;

			padding:5px 10px;

			background:#eee;

			font-weight:bold;

		}

		.specs-tab .active {background:#28297C;}

			.specs-tab .active a {color:#fff;}

		.specs-tab-contents {border:solid 1px #ccc; padding:15px;}

		.specs-tab-contents h3 {margin:10px 0;}

		.specs-tab-contents p, .specs-tab-contents ul {margin:10px 0;}

#banner {line-height:0; margin-bottom:10px;}
.homecontents {width:660px; float:left; margin-right:20px;}
	#news {}
		#news h3 {margin-bottom:10px;}
		#news p {float:left; padding-right:10px;}
		#news dl {float:left; margin:10px 0;}
		/*#news dt {margin-bottom:3px;}*/
		#news ul {clear:both; margin:10px 15px; list-style:square}
		#news li {list-style:square;}
/*grid listing with smaller holder*/
.plisting-grid {}
	.plisting-grid .pitem {
		float:left;		
		margin-left: 25px;
		margin-right:25px;
		margin-bottom:25px;
		width:152px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:90%;
	}
	.plisting-grid .span a {font-size:120%;}
	/*.plisting-grid .right {margin-right:0;}
	.plisting-grid .left {clear:left;}*/
		.plisting-grid .img {
			background:url(../assets/common/product_holder_small.gif) no-repeat;
			width:125px; height:155px; padding:5px;
			text-align:center;
			float:left;
			margin-right:10px;
			overflow:hidden;
			display:table;
		}
			.plisting-grid .img .holder {display: table-cell; vertical-align: middle;}
			.plisting-grid .img img {vertical-align:middle;}
		.plisting-grid .pinfo {
			float:left;
			width:110px;
		}
		.plisting-grid dt {font-weight:bold; line-height:1.3em;}
		.plisting-grid .manu {color:#666; margin-bottom:5px;}
		.plisting-grid .price {margin-bottom:5px; padding:3px 0; height:16px;}
	.plisting-grid .more {clear:both; text-align:right;}