/*VietnamHandicraft 2008 StyleSheet*/
/*global.css - mainlayout stylesheet*/

/*================================================*/
/*Main Layout*/
body {
	text-align:center;
	font: 75%/140% Arial, Tahoma, Helvetica, sans-serif;
	background:#fff; color:#000;
}
#wrapper {
	width:960px;
	text-align:left;
	margin:0 auto;
	background:url(../assets/container_bg.gif) repeat-y;
	padding:0 10px;
	overflow:hidden; /*to fix extra space at the bottom*/
}

#header {
	border-top:solid 3px #4c548d;
	padding:10px 15px;
}
	#header h1 {
		float:left;
		width:210px;
	}
	#navibar {
		float:left;
		width:720px;
		border-bottom:solid 1px #e5e5e5;
		padding-bottom:5px;
	}
		#navi {
			/*width:660px;
			float:left;*/
		}
			#navi ul {/*float:left;*/}
			#navi li {
				float:left;
				margin-right:10px;
				border-right:solid 1px #eee;
				padding:5px 7px 5px 0;
				text-transform:uppercase;
				font-weight:bold;
				font-size:120%;
			}
			#navi li.last {margin:0; padding:5px 0; border:none;}
			#navi a {color:#000;} #navi a:hover {color:#dba000;}
		#lang {
			float:right;
			margin-top:5px;
		}
		#lang img {margin-right:5px;}

#footer {padding-bottom:5px;}
	#footer .delim-bar {
		background:#f3f3f3;
		padding:5px 15px;
		margin-bottom:10px;
		text-align:right;
	}
	#footer p {font-size:90%; color:#666;}
	#footer .copyright, #footer .footlink {
		padding:0 15px;
	}
	#footer .footlink a {margin-right:5px; font-weight:bold;}
	#sitebyiboss {float:right; margin:-35px 0 0 0; padding-right:15px;}

#wrap-body {margin:10px 0 20px 0;}	
/*=====================================================================*/	
/*sidebar*/
/*width:180px + border: 38px;*/
#sidebar {
	width:180px;
	float:left;
	background:url(../assets/sidebar_border.gif) top right no-repeat;
	padding:0 23px 0 15px;
}
	#sidebar h2 {font-size:120%; font-weight:bold; color:#007dc6;}
	#sidebar h3 {font-size:120%; font-weight:bold; color:#007dc6;}
	
	#category {
		margin-bottom:20px;
	}
		#category h2 {margin-bottom:20px;}
		#category li {
			background:url(../assets/bullet_blue.gif) 0px 0px no-repeat;
			padding:0 0 5px 22px;
			margin-bottom:5px;
			border-bottom:solid 1px #f3f3f3;
			font-weight:bold;
		}
		#category li.current a {color:#dba000}
			#category li ul {list-style:square; margin:0 0 0 12px;}
			#category li li {
				border:0;
				margin:3px 0;
				padding:0;
				list-style:square;
				background:none;
				font-size:90%;
				font-weight:normal;
			}
			#category li li a {color:#000;} #category li li a:hover {text-decoration:underline;}
	#provider {margin-bottom:20px;}
		#provider h3 {margin-bottom:20px;}
		#provider li {
			background:url(../assets/bullet_blue.gif) 0px 0px no-repeat;
			padding:0 0 3px 22px;
			margin-bottom:3px;
			border-bottom:solid 1px #f3f3f3;
		}
		#provider a {font-weight:bold;}
		
	#search {margin-bottom:10px;}
	#translate-this{margin-bottom:10px;}
		#search #txtsearch {
			width:150px;
			border:solid 1px #ddd;
			height:18px;
			padding:3px 0 0 5px;
			font-size:90%; color:#666;
		}
	#hotproduct {margin-bottom:10px;}
		#hotproductlist {
			padding:10px 0;
			width:100px;
			overflow:hidden;
			margin:0 0 0 25px;
		}
			#hotproductlist a {font-weight:bold;}
			#hotproductlist ul {width:2000px;}
			#hotproductlist ul li {float:left; margin-right:10px; text-align:center;}
	
	#exchange {margin-bottom:10px;}
	#exchange table {margin:10px 0;}
		#exchange caption {font-weight:bold; color:#007dc6;}
		#exchange td, th {font-size:90%; padding:2px 4px;}
		#exchange th {font-weight:bold; background:#ecf2f5; color:#666;}
		#exchange td {border-bottom:solid 1px #f3f3f3;}
		
	#stats {font-size:90%;}
#stats label {
  display: inline-block;
  font-weight: bold;
  margin-right: 10px;
}
/*=====================================================================*/
#basket {
	float:right;
	margin:-30px 0 0 0;
	font-size:90%;
	color:#666;
}
	#basket label {font-weight:bold;}
	#basket img {vertical-align:middle; margin-right:5px;}
#support {
  float: left;
  margin: 5px 0 0;
  width: 720px;
}
	#support  label {font-size:90%; font-weight:bold; color:#999; margin-right:10px}
		.skype {
			background:url(../assets/icon_skype2.gif) 0px 0px no-repeat;
			font-size:90%;
			margin-right:10px;
		}
		.ym {
			background:url(../assets/icon_ym2.gif) 0px 3px no-repeat;
			margin-right:10px;
			font-size:90%;
		}


.r-box {
	background:url(../assets/r_box_bot.gif) bottom no-repeat;
}
.r-box-wrap {
	background:url(../assets/r_box_top.gif) top no-repeat;
	padding:10px 12px;
}
.hdr-notes {font-size:90%; color:#666;}
.hasborder {border-bottom:solid 1px #f3f3f3; padding-bottom:5px; margin-bottom:10px;}

.btn {
	background:url(../assets/btn_bg.gif) repeat-x;
	border:solid 1px #eee;
	height:20px;
	padding:3px 5px;
	font-size:90%;
	font-weight:bold;
}


/*clearfix*/
.clearfix:after, #wrap-body:after, #header:after, #maincontents:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #wrap-body, #header, #maincontents {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html #wrap-body, * html #header, * html #maincontents {height: 1%;}
.clearfix, #wrap-body, #header, #maincontents {display: block;}
/* End hide from IE-mac */

/*common*/

a {color:#4c548d; text-decoration:none;}
a:hover {color:#dba000;}
strong {font-weight:bold;}
small {font-size:90%;}
.notes {color:#666; font-size:90%;}
.align-right {text-align:right;}

.price {color:#c00; font-weight:bold;}
.cm_txt {
	background:url(../assets/form_txtbg.gif) top repeat-x;
	height:18px;
	padding:3px 0 0 0;
	border:solid 1px #ccc;
	font-size:90%;
}

.asterik {font-weight:bold; color:#f60;}
/*.navigator {border-bottom:solid 1px #eee; padding:5px 0; margin-bottom:10px; font-size:90%; color:#666;}
	.navigator a {color:#e8af00; font-weight:bold;} .navigator a:hover {text-decoration:underline;}*/

/*home settings*/
/*maincontents total width = 742px. Content width is 720px*/
#maincontents {
	float:left;
	width:720px;
	padding:0 15px 0 7px;
}

#navlink {
	font-size:90%;
	margin-bottom:5px;
	color:#666;
	padding-bottom:5px;
}

#mainbanner {
	margin:0 0 20px 0;
	background:url(../assets/mainbanner_shadow.gif) bottom center no-repeat;
	padding-bottom:11px;
	line-height:0;
}

/*==================================================*/
#fldcontact {
	border:solid 1px #ccc;
	padding:20px 30px;
	margin:20px 0 10px 0;
}
#fldcontact legend {font-size:120%; font-weight:bold;}
#fldcontact p {margin:10px 0;}
#fldcontact label {margin:7px 0; display:block; font-weight:bold; color:#666;}
#fldcontact #txt_cusname {width:200px;}
#fldcontact #txt_cusemail {width:200px;}
#fldcontact #txt_cusphone {width:200px;}
#fldcontact #txt_cusmsg {width:350px;}
#fldcontact input {width:200px;}
#fldcontact textarea {width:200px;}
#fldcontact h3 {font-size:120%; margin-bottom:10px; font-weight:bold;}
#fldcontact .notes {font-weight:bold;color:#f60;}
/* ---------------------------------------------------------------------- */
.cart {
	float:right;
	margin:-33px 0 0 0;
	background:url(../assets/icon_basket.gif) 0px 0px no-repeat;
	padding-left:25px;
	font-size:90%;
}
.cart a {font-weight:bold;}

/*==============================*/
/* shopping cart */
.shoppingcart p {font-size:90%;}
.shoppingcart table { width: 100%; border-collapse:collapse; font-size:90%; margin:0 0 10px 0; border-bottom:solid 2px #ddd;}
.shoppingcart table th {text-align:center; font-weight:bold; background:#0033CC; color:#fff}
.shoppingcart table th, .shoppingcart table td {padding:4px 4px; vertical-align:text-top;}
.shoppingcart table tr td{border-bottom:solid 1px #ddd;}
.txtqty {width:50px; border:groove 1px #ccc; font-size:100%; padding:0.1em 0.2em;}
.shoppingcart table .col1 {width:30px;}
.shoppingcart table .col2 {width:40px; text-align:center}
.shoppingcart table .col3 {width:70px; text-align:right;}
.shoppingcart table .code-col {width:100px;}
.shoppingcart table .currency-col {width:20px;}
.shoppingcart table .final-col {font-weight:bold; text-align:right;}
.lcol {float:left;} .rcol {float:right;}
.emptycart {margin-bottom:10px;}
span.error {	
	color: #cc0000;
	font-weight: 400;
}

input.error {
	border: 0.5px solid #cc0000;
	background-color: #ffffff;
}
textarea.error {
	border: 0.5px solid #cc0000;
	background-color: #ffffff;
}
.hidden {display: none;}
.errordiv {color:#f00; font-weight:bold; font-size:110%;}
.successdiv {color:#c60; font-weight:bold; font-size:110%;}
.align-center {text-align:center;}

/*==============================*/
#wrap-homebody {margin:10px 0 30px 0;}
#highlight {
	width:525px;
	float:left;
}
	#featured {
		background:url(../assets/highlight_shadow.gif) bottom center no-repeat;
		padding:10px 20px 40px 20px;
		margin-bottom:20px;
	}
		#featured h3 {font-size:140%; margin-bottom:10px; font-weight:bold;}
		#featured h3 a {color:#dba000;} #featured h3 a:hover {text-decoration:underline;}
		#featured .f-img {
			width:150px;
			float:left;
		}
		#featured .f-info {
			width:335px;
			float:left;
		}
			#other-featured .f-item {
				width:120px;
				float:left;
				border-right:solid 1px #f3f3f3;
				padding-right:7px;
				margin-right:7px;
			}
			#other-featured .last {
				border:none;
				padding:0;
				margin:0;
			}
			#other-featured .f-item dl {text-align:center;}
			#other-featured .f-item dt {
				height:100px;
				margin-bottom:10px;
				overflow:hidden;
			}
			#other-featured .f-item dd {
				background:#38538a;
				font-size:90%;
				font-weight:bold;
				padding:4px 0;
			}
			#other-featured .f-item dd a {color:#fff;} #other-featured .f-item dd a:hover {color:#dba000}
#rightsidebar {
	width:170px;
	float:left;
	background:url(../assets/right_sidebar_border.gif) left top no-repeat;
	padding:0 0 0 25px;
}

	#news {margin:10px 0 20px 0}
	#news h3 {
		font-size:120%; font-weight:bold;
		color:#007dc6;
	}
		#news dl {font-size:90%;}
		#news dt {font-weight:bold; margin-bottom:5px;}
		#news dt a {color:#dba000;} #news dt a:hover {text-decoration:underline;}
	
	#right-adv {text-align:center;}
/*==================================================*/
#home-news {
	margin:10px 0;
}
	#home-news h3 {
		font-size:100%;
		margin-bottom:10px;
		padding-bottom:3px;
		border-bottom:solid 1px #f3f3f3;
		font-weight:bold;
	}
	#tech {width:255px; float:left; margin-right:15px;}
	#policy {width:255px; float:left; margin-right:15px;}
	#download {width:180px; float:left;}
	
		#tech dl {margin:10px 0; font-size:90%;}
		#tech dt {font-weight:bold; margin-bottom:5px;}
		#tech dt a {color:#dba000} #tech dt a:hover {text-decoration:underline;}
		#tech dd {color:#333;}
		#tech ul {margin:10px 0 0 15px; list-style:square; font-size:90%; color:#ccc;}
		#tech li {list-style:square;}
		
		#policy h4 {font-size:90%; font-weight:bold; margin-bottom:10px;}
		#policy h4 a {color:#dba000;} #policy h4 a:hover {text-decoration:underline;}
		#policy p {color:#333; margin:10px 0; font-size:90%;}
		#policy .wrap-policy {
			background:url(../assets/logo_25warranty.gif) 0px 2px no-repeat;
			padding:0 0 0 70px;
		}
		
		#download p {margin:10px 0;}
		#download ul {color:#ccc; font-size:90%; list-style:square;  margin:10px 0 0 15px;}
		#download li {list-style:square;}
		
		
/*==================================================*/
#subcontents {
	margin:10px 0;
}
	#subcontents h2 {font-size:140%; font-weight:bold; margin-bottom:20px;}
	#subcontents h3 {font-size:120%; font-weight:bold; margin-bottom:10px;}
	#subcontents h4 {font-size:100%; font-weight:bold; margin-bottom:10px;}
	#subcontents ul {list-style:square; margin:10px 15px;}
	#subcontents ul li {list-style:square; margin:5px 0;}
	#subcontents ol {list-style:decimal; margin:10px 15px;}
	#subcontents ol li {list-style:decimal; margin:5px 0;}
	#subcontents p {margin:10px 0;}
	
/*product list*/

.product-listing {margin:10px 0; padding:0 20px;}
	.product-listing .p-item {
		border-bottom:solid 1px #eee;
		margin-bottom:10px; padding-bottom:10px;
		float:left;
	}
		.product-listing .p-item label {font-weight:bold;}
	.product-listing .p-img {
		width:150px;
		float:left;
		margin-right:20px;
	}
		.product-listing .p-img img {/*border:solid 1px #ccc;*/}
	.product-listing .p-info {
		width:510px;
		float:left;
	}
		#subcontents .p-info h4 {font-size:120%; font-weight:bold; margin-bottom:10px;}
		.product-listing .p-info p {margin:10px 0;}

.product-detail {margin-bottom:20px;}
	.product-detail .d-img {width:250px; float:left; margin-right:20px;}
	.product-detail .d-img dl {text-align:center;}
	.product-detail .d-info {width:410px; float:left;}
	.product-detail .d-info h3 {font-size:120%; font-weight:bold; margin-bottom:10px;}
	.product-detail .d-info label {font-weight:bold; display:inline-block; margin-right:10px;}
.product-specs {margin:20px 0; border-top:solid 1px #eee; padding-top:10px;}
	.product-specs h3 {font-size:120%; font-weight:bold; margin-bottom:10px;}
	
.product-related {border-top:solid 1px #eee; padding-top:10px;}
	.product-related h3 {font-size:120%; font-weight:bold; margin-bottom:10px;}
	.product-related dl {
		text-align:center;
		font-size:90%;
		float:left;
		width:150px;
		border-right:solid 1px #f3f3f3;
		margin-right:10px;
		padding-right:10px;
	}
	.product-related dl.last {border:none; margin:0; padding:0;}
	.product-related dd {font-weight:bold;}

.news {}
.othernews {border-top:solid 1px #eee; margin:20px 0; padding-top:10px;}
/*paging*/
.paging {
	clear:both;
	padding:10px 0;
	font-size:90%;
	text-align:right;
}
.paging a {
	background:#fff;
	border:solid 1px #ccc;
	padding:1px 4px;
	margin-right:1px;
	color:#333;
}
.paging a.current {background:#e81866; color:#fff;}
.paging a:visited {color:#333;}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	

/*<!--#forexsection dl dd ul li {clear:both;padding:5px 15px 5px 0;}
#forexsection .sub li {
	clear:none;
	float:left;
	width:100px;
	padding-left:15px;
}

#forexsection dl dt {
	clear:left;
	padding:10px 0 5px 0;
	border-bottom:solid 1px #ccc;
}
#forexsection dl dd {
	padding-bottom:5px;
}
.buyp, .sellp, .transp {list-style:square;padding:3px 0 0 0;}
.buyp {color:#f00}
.sellp {color:#009900}
.transp {color:#0066CC}
.note {margin-top:45px;border-top:solid 1px #ccc;}-->*/