/*T&A Communications - www.ta.com.vn*/
/*Stylesheet - global.css*/

body {
	font:75%/140% Arial, Helvetica, sans-serif;
	background:url(../assets/pagebg.gif);
	color:#000;
	text-align:center;
}
#wrap-global {
	background:url(../assets/containerbg.gif) repeat-y;
	width:960px;
	padding:0 10px;
	text-align:left;
	margin:0 auto;
	overflow:hidden;
}
#header {padding:10px 20px}
	#header .lang {margin:-50px 0 0 0; float:right;}
#banner {line-height:0;}
#footer {
	background:url(../assets/shadow_delim.gif) top no-repeat;
	border-bottom:solid 3px #fce38b;
	padding:30px 15px 10px;
	color:#666;
	font-size:90%;
}
	#footer .partners {float:right; margin:-30px 0 0 0;}
	#footer a {margin-right:5px;}
#navi {background:#30a9d9; border-bottom:solid 3px #fce38b; padding:5px 10px 0;}
	#navi li {
		float:left;
		margin-right:15px;
		font-size:120%; font-weight:bold;
	}
		#navi li a {color:#fff;} #navi li a:hover {text-decoration:underline;}
#contents {padding:15px;}
/*=======================================*/
/*clear floated div - http://www.positioniseverything.net*/
.clearfix:after, #header:after, #footer:after, #navi:after, #contents:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #header, #footer, #navi, #contents {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html #header, * html #footer, * html #navi, * html #contents {height: 1%;}
.clearfix, #header, #footer, #navi, #contents {display: block;}
/* End hide from IE-mac */
/*=======================================*/

/*common*/
a {color:#30a9d9; text-decoration:none;}
a:hover {color:#f68b0e;}
img {vertical-align:text-bottom;}
strong {font-weight:bold;}
em {font-style:italic;}
.notes {color:#666;}
.asterisk {color:#c00;}
.txt {
	background:url(../assets/form_txtbg.gif) top repeat-x #fff;
	height:16px;
	padding:2px 3px 0 3px;
	border:solid 1px #ccc;
}
.clearleft {clear:left;}
.has-bot-border {border-bottom:solid 1px #ddd; padding-bottom:5px; margin-bottom:5px;}
#navlink {border-bottom:solid 1px #ddd; padding-bottom:5px; margin-bottom:10px; font-size:90%;}
	#navlink label {font-weight:bold; color:#999; display:inline-block; margin-right:5px;}
/*home*/
#welcome {width:194px; height:344px; float:left; margin-right:20px; background:url(../assets/welcome_bg.gif) top left no-repeat; padding:20px 15px 5px 20px}
	#welcome h2 {margin-bottom:5px;}
	#welcome p {margin-bottom:5px; line-height:1.6em;}
		#welcome .img {border:solid 1px #ccc; padding:2px; float:left; margin:3px 10px 10px 0;}
#news {font-family:Tahoma; font-size:90%; margin:20px 0 0 0;}
	#news h3 {margin-bottom:10px;}
		#news dl {margin:10px 0; float:left; width:200px; margin-right:20px;}
		#news dt {color:#999; margin-bottom:5px;}
		#news .title {font-weight:bold; margin-bottom:5px;}
		#news .others {float:left; margin:0 0 10px 20px; width:200px;}
			#news .others {list-style:square;}
			#news .others li {margin:5px 0;}
#media {width:206px; float:left;}
#products {width:450px; float:left; margin-right:20px;}
	#products h2 {margin-bottom:10px;}
	#products h3 {margin:0; padding:0; line-height:0;}
	#product-cats .catitem {float:left; margin-right:15px; width:140px;}
	#product-cats .last {margin:0;}
	#product-cats ul {background:#f0f8fb; padding:10px; text-align:right; color:#f68b0e; height:100px;}
	#product-cats li {margin:5px 0; background:url(../assets/bullet.gif) right no-repeat; padding-right:15px; font-size:120%; font-weight:bold;}
		#product-cats li a {color:#333;}
		#product-cats li a:hover {color:#30a9d9;}
	#awards {margin:20px 0 0 0;}
		#awards h3 {margin-bottom:10px;}
#hotproducts {
	margin:10px 0 0 0;
}
	#prev {float:left; width:18px; cursor:pointer; margin-right:20px; padding-top:30px;}
	#next {float:left; width:18px; cursor:pointer; padding-top:30px;}
	#hotproducts #products-listing {width:864px; overflow:hidden; float:left; margin-right:10px;}
		#hotproducts #products-listing ul {width:4000px;}
		#hotproducts #products-listing li {float:left; margin-right:10px;}
		#hotproducts #products-listing li a img {border:solid 1px #ccc; padding:2px;}
		#hotproducts #products-listing li a:hover img {border:solid 1px #f8c101;}
		

/*subpage*/
.subpage {
	padding:0;
	margin-bottom:20px;
}
	.subpage h2 {font-weight:bold; font-size:140%; margin-bottom:10px;}
	.pagecontents h2 {font-size:140%; font-weight:bold;}
	.pagecontents h3 {font-size:120%; font-weight:bold; clear:both;}
	.pagecontents h4 {font-size:100%; font-weight:bold; clear:both;}
	.pagecontents h2, .pagecontents h3, .pagecontents h4 {margin:10px 0;}
	.pagecontents p, .pagecontents ul, .pagecontents ol, .pagecontents blockquote {margin:15px 0;}
	.pagecontents ul {list-style:square; margin-left:35px;} .pagecontents ul li {list-style:square; margin:5px 0;}
	.pagecontents ol {list-style:decimal; margin-left:35px;} .pagecontents ol li {list-style:decimal; margin:5px 0;}
	.pagecontents blockquote {
		background:#f1f1f1;
		padding:5px 10px;
		margin:10px 10px 10px 0;
		border-left:solid 3px #c00;
		color:#666;
		font-style:italic;
	}
	.pagecontents .highlight {background:#c00; color:#fff; padding:5px 10px; border-left:solid 3px #ddd;}
	.pagecontents .brand-color {color:#cc0000;}
	.pagecontents img.image-to-left {float:left; margin:2px 10px 10px 0;}
	.pagecontents img.image-to-right {float:right; margin:2px 0 10px 10px;}
	.pagecontents table {
		border-collapse:collapse;
		margin:10px 0;
		width:100%;
		border-top:solid 2px #c00;
	}
		.pagecontents table th {
			font-weight:bold;
			color:#666;
			padding:3px 4px;
			border:solid 1px #ddd;
			background:#eee;
		}
		.pagecontents table td {
			padding:3px 4px;
			border:solid 1px #ddd;
		}
	.article-tools {border-top:solid 1px #ddd; margin:10px 0; padding-top:5px; font-size:90%;}
	.article-tools a, .article-tools:visited {color:#666;} .article-tools a:hover {color:#c00;}
	.article-tools a {margin-right:5px}
	.article-tools img {vertical-align:middle; margin-right:3px;}

.othernews {margin:10px 0; border-top:solid 1px #ddd; padding-top:10px;}
	.othernews h3 {margin-bottom:5px; font-size:120%; font-weight:bold; margin-bottom:5px;}
	.othernews ul {list-style:square; margin:0 15px;} .othernews li {list-style:square;}
.date {font-size:90%; color:#999; margin-left:5px;}

/*contacts*/
#contact-info {
	width:350px;
	float:left;
	margin-right:20px;
}
#contact-form {
	width:530px;
	float:left;
	padding-left:30px;
	/*border-left:solid 3px #c00;*/
	background:url(../assets/v_divider.gif) repeat-y;
}
	.contact-detail {margin:0 0 10px 0; border-bottom:solid 1px #ddd; padding-bottom:10px;}
	.contact-detail h3 {font-size:120%; font-weight:bold; margin-bottom:5px;}
	.contact-detail p {margin:5px 0;}
	.contact-detail label {font-weight:bold; display:inline-block;}
	
	#contact-form h3, .common-form h3 {font-size:120%; font-weight:bold; margin-bottom:5px;}
	#contact-form p, .common-form p {margin:5px 0;}
	#contact-form fieldset p, .common-form fieldset p {margin:7px 0;}
	#contact-form label, .common-form label {
		color:#666;
		font-weight:bold;
		margin-bottom:5px;
	}
	#contact-form textarea {
		background:url(../assets/form_txtbg.gif) top repeat-x #fff;
		padding:2px 3px 0 3px;
		border:solid 1px #ccc;
	}
	#contact-form dt {margin-bottom:5px;}
	#contact-form dd {margin-bottom:5px;}
	#txt_username, #txt_password {width:150px;}
	.ct1 {width:150px;}
	.ct2 {width:100px;}
	.ct3 {width:250px;}
	.ct4 {width:350px;}

/*sidebar*/
#sidebar {
	width:200px; float:left;
	margin-right:20px;
	background:#E4F0F4;
}
	#category h3 {
		font-size:120%;
		font-weight:bold;
		background:#30A9D9;
		padding:10px 10px 0;
		margin-bottom:10px;
	}
	#category h3 a {color:#fff;} #category h3 a:hover {text-decoration:underline;}
	#category h4 {font-weight:bold; background:url(../assets/icon_arrow_down.gif) left no-repeat; padding-left:15px;}
		#category ul ul {margin:10px 15px;}
			#category ul ul ul {margin:5px 15px;}
			#category ul ul ul ul {list-style:square; font-size:90%; color:#666;}
#subcontents {
	width:700px;
	float:left;
}

#products-items {}
	#products-items h3 {font-size:140%; font-weight:bold; margin-bottom:10px;}
	#products-items .pitem {
		float:left;
		width:120px;
		margin:0 20px 10px 0;
		text-align:center;
	}
		#products-items .pitem .img {margin-bottom:10px; height:120px;}
		#products-items .pitem .img a img {border:solid 1px #ccc; padding:2px;}
		#products-items .pitem .img a:hover img {border:solid 1px #f8c101}
		

#product-detail {margin-bottom:20px;}
	#product-detail .img {width:200px; float:left; margin-right:20px; text-align:center;}
	#product-detail .img img {border:solid 1px #ddd; padding:2px; width:200px;}
	#product-detail .info {width:470px; float:left;}
		#product-detail .info h3 {font-size:120%; font-weight:bold; margin-bottom:10px;}
		#product-detail .info p {margin:10px 0}
		#product-detail .info ul {margin:10px 15px; list-style:square; font-size:90%;}
		#product-detail .info label {font-weight:bold; display:inline-block; width:100px;}
		#product-detail .info .specs p {margin:0;}
#bigimg {display:none;}


/*paging*/
.paging {
	clear:both;
	padding:10px 0;
	font-size:90%;
	text-align:right;
}
.paging .linfo {margin-bottom:3px}
.paging a {
	background:#fff;
	border:solid 1px #ccc;
	padding:1px 4px;
	color:#333;
	margin-right:2px
}
.paging a.current {background:#e81866; color:#fff;}
.paging span {margin-right:5px; font-weight:bold;}
.paging a:visited {color:#333;}

.color {margin-right:2px; cursor:pointer; border:solid 1px #ddd;}