﻿body 
{
	font-family: Arial, Tahoma, Verdana, MS Sans Serif;
	margin: 0px;
	padding: 0px;
}

* {outline: 0;}

#page-container
{
	width: 960px;
	margin: 0 auto;
}

#page-header
{
	height: 96px;
	position:relative;
}

#page-header #logo
{
	width: 179px;
	height:71px;
}

#page-header #caption-bar
{
	height: 26px;
	background: url(../images/caption-bar-bg.gif) repeat-x;
	color: #fff;
	line-height: 26px;
	font-size: 11pt;
	font-weight: bold;
	font-family: Tahoma;
}

#caption-bar #caption-bar-left
{
	float: left;
	height: 26px;
	width: 6px;
	background: url(../images/caption-bar-bg-left.gif) no-repeat;
}

#caption-bar #caption-bar-right
{
	float: right;
	height: 26px;
	width: 6px;
	background: url(../images/caption-bar-bg-right.gif) no-repeat;
}

#page-content
{
	margin-top: 5px;
}

#page-content #content-container
{
	float: left;
	width: 648px;
}

#mini-logo 
{
	position: absolute;	
	height: 33px;
	line-height:33px;	
	top: 13px;
}

#mini-logo.deal-selected
{
	background: url('../images/deal-logo.png') no-repeat;
	left: 175px;	
	width: 85px;
}

#mini-logo.coupon-selected
{
	background: url('../images/coupon-logo.png') no-repeat;
	left: 175px;	
	width: 55px;
}

#mini-logo.voucher-selected
{
	background: url('../images/voucher-logo.png') no-repeat;
	left: 175px;	
	width: 85px;
}

#main-menu
{
	height: 26px;
	width: 940px;
	line-height: 26px;
	float: left;
	color: #ddd;
}

#caption-bar ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	height: 26px;
	font-family: Tahoma;
	font-size: 12px;
}

#main-menu .menu-new {
    padding-right:33px;
    background: url(../images/new.gif) no-repeat top right;
}
#caption-bar ul li.first {margin-left:12px}

#caption-bar ul li
{
	float: left;
	font-weight: bold;
	margin-right: 15px;
}

#caption-bar ul li a
{
	height: 26px;
	line-height: 26px;
	float: left;
	color: #d0d0d0;
	font-weight: bold;
	text-decoration: none;
}

#caption-bar ul li a:link
{
	height: 26px;
	line-height: 26px;
	float: left;
	color: #d0d0d0;
	font-weight: bold;
	text-decoration: none;
}

#caption-bar ul li a:hover
{
	height: 26px;
	line-height: 26px;
	float: left;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#caption-bar ul li a.active
{
	height: 26px;
	line-height: 26px;
	float: left;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#caption-bar .selected-location
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#content-category
{
	float: right;
	width: 300px;
}

#content-container-top
{
	width: 648px;
	height: 8px;
	background: url(../images/content-container-top-bg.png);
}

#content-list
{
	background-color: #fff;
	border-top: solid 1px #dedede;
	padding-left: 0px;
	padding-top: 0px;
}

#content-container-bottom
{
	width: 648px;
	height: 8px;
	background: url(../images/content-container-bottom-bg.png);
}

#category-top
{
	width: 300px;
	height: 8px;
	background: url(../images/tr-bg.png);
	
}

#category-list
{
	background-color: #f3f3f3;
	border-left: solid 1px #dedede;
	border-right: solid 1px #dedede;
	min-height: 80px;
	padding-left: 12px;
}

#category-bottom
{
	width: 300px;
	height: 8px;
	background: url(../images/br-bg.png);
}

#search-box-top
{
	margin-top: 12px;
	width: 300px;
	height: 8px;
	background: url(../images/tr-bg.png);
}

#search-box-content
{
	background-color: #f5f5f5;
	border-left: solid 1px #dedede;
	border-right: solid 1px #dedede;
	height: 39px;
	padding-left: 12px;
}

#search-box-bottom
{
	width: 300px;
	height: 8px;
	background: url(../images/br-bg.png);
}

#gm_search #query
{
	float: left;
	width: 192px;
	margin-top: 8px;
	color: #393939;
	border: solid 1px #bbb;
	height: 19px;
	line-height: 19px;
}

#gm_search #search_btn
{
	margin-top: 8px;
}

#about-top
{
	margin-top: 12px;
	width: 300px;
	height: 8px;
	background: url(../images/tr-bg.png);
}

#about-content
{
	background-color: #f3f3f3;
	border-left: solid 1px #dedede;
	border-right: solid 1px #dedede;
	min-height: 80px;
	padding-left: 12px;
}

#about-bottom
{
	width: 300px;
	height: 8px;
	background: url(../images/br-bg.png);
}

#facebook-like-box
{
	margin-top: 12px;
	width: 300px;
}

#about-content .text
{
	color: #393939;
	font-size: 10pt;
	font-family: Arial;
	line-height: 18px;
	margin-right: 12px;
	padding-bottom: 6px;
}

.pane-caption
{
	color: #5d5d5d;
	border-bottom: solid 1px #dedede;
	font-size: 15px;
	font-weight: bold;
	font-family: Tahoma;
	margin-right: 12px;
	padding-bottom: 3px;
	padding-top: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

#category-list .category-item
{
	line-height: 24px;	
}

#category-list .category-text
{
	line-height: 24px;
	height: 24px;
}

/* Cac link chung */
a
{
	color: #0879a5;
	text-decoration: none;
}

a:link 
{
	color: #0879a5;
	text-decoration: none;
}

a:visited 
{
	color: #0879a5;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

/* Link category*/
#category-list a.menu
{
	color: #565656;
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
}

#category-list a.menu:link
{
	color: #565656;
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
}

#category-list a.menu:visited
{
	color: #565656;
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
}

#category-list a.menu:hover
{
	color: #0996cc;
	font-weight: bold;
	font-size: 11pt;
}

#category-list .selected-category
{
	color: #0996cc;
	font-weight: bold;
	font-size: 11pt;
}

/*End category list*/

.clear
{
	clear: both;
}

.item-detail
{
	background: #fff;
	margin-right: 0px;
	margin-bottom: 0px;
}

.item-detail-title
{
	margin: 10px 0px;
	color: #0996ce;
	font-size: 20px;
    margin-bottom: 6px;
    margin-top: 0px;
}

.item-detail-info
{
	position: relative;
}

.item-detail-info-left
{
	margin-left: 0px;
	float: left;
	width: 330px;
	height: 32px;
	line-height:32px;
	overflow:hidden;
}

.item-detail-info-right
{
	float: right;
	width: 270px;
	height: 32px;
	background: url(../images/bg-discount-trans.png) no-repeat right;
	margin-right:-11px;
}

.buy-item-detail-info-right
{
	text-align: right;
	padding-right: 15px;
	font-weight: bold;
	color: #000;
	float: right;
	width: 130px;
}

span.voucher-detail-info-separator
{
	margin-left: 3px;
	font-size: 10pt;
	color: #ccc;
}

.salesprice-title
{
	color: #8f8f8f;
	width: 85px;
	text-align: center;
	font-size: 10pt;
}

.originalprice-title
{
	color: #8f8f8f;
	width: 85px;
	text-align: center;
	font-size: 10pt;
}

.discount-title
{
	width: 90px;
	text-align: right;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	padding-right: 10px;
}

.salesprice-value
{
	color: #000000;
	width: 85px;
	text-align: center;
	font-size: 12pt;
	font-weight:bold;
}

.originalprice-value
{
	color: #bdbdbd;
	width: 85px;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
}

.discount-value
{
	width: 70px;
	text-align: right;
	font-size: 14pt;
	font-weight: bold;
	color: #ffffff;
	padding-right: 5px;
}

.address
{
	padding-left: 0px;
	color: #393939;
	font-size: 11pt;
}

.timeremain
{
	padding-left: 3px;
	color: #ff6e05;
	font-size: 11pt;
}

.item-detail-content
{
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	color: #393939;
	font-family: Arial, Tahoma;
	font-size: 11pt;
}

.image-content
{
	float: left;
	width: 126px;
	height: 90px;
	border: solid 1px #dedede;
	margin-bottom: 5px;
	margin-top:5px;
	margin-right:10px;
}

.text-content
{
	font-family: Arial;
	font-size: 10pt;
	margin-left: 0px;
	color: #393939;
	line-height: 15pt;
	padding-right: 0px;
}

.gm-text-content
{
	font-family: Arial;
	font-size: 10pt;
	margin-left: 0px;
	color: #393939;
	line-height: 15pt;
	margin:6px 0px;
	margin-bottom:12px;
}

.gm-ref-link-content
{
	font-family: Tahoma;
	font-size: 10pt;
	margin-left: 0px;
	line-height: 15pt;
	margin-bottom: 0px;
	margin-top: 0px;
	float: left;
}

.text-source
{
	font-family: Tahoma;
	font-size: 10pt;
	margin-left: 136px;
}

#user-coupon-info
{
	font-family: Verdana;
	font-size: 11px;
	margin-top: 8px;
	margin-left: 0px;
	overflow: hidden;
}

#user-coupon-info span.voucher-user-info
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}

#user-coupon-info span.voucher-user-info-separator
{
	font-family: Verdana;
	font-size: 11px;
	color: #ccc;
}

#user-coupon-info span.voucher-posting-time
{
	font-family: Verdana;
	font-size: 11px;
	color: #ff6e05;
}

#user-coupon-info span.voucher-count-view
{
	font-family: Verdana;
	font-size: 11px;
	color: #555;
}

/*Pagination*/
#pagination {
	margin-right: 12px;
	margin-bottom: 6px;
	float:right;
}

#pagination span {
	border: solid 1px #0996cc;
	color: #0996cc;
	display: inline-block;
	padding: 0px 5px;
}

#pagination a {
	display: inline-block;
	padding: 0px 5px;
}
#pagination a:active, #pagination a:link, #pagination a:visited {
	border: solid 1px #393939;
	color: #393939;
	text-decoration: none;
}
#pagination a:hover {
	border: solid 1px #0996cc;
	color: #0996cc;
	text-decoration: none;
}

#pagination a.nav 
{
	font-weight: normal;
}
#pagination a.nav:active, #pagination a.nav:link, #pagination a.nav:visited {
	border: solid 1px #393939;
	color: #393939;
	text-decoration: none;
}
#pagination a.nav:hover {
	border: solid 1px #0996cc;
	color: #0996cc;
}

#hot-keywords 
{
	font-family: Tahoma;
	font-size: 10pt;
	margin-left: 20px;
	overflow: hidden;
	width: 576px;
	margin-bottom: 12px;
	float: left;
}

#hot-keywords ul {
	margin: 5px 3px 0px;
	padding: 0px;
}

#hot-keywords ul li {
	color: #5a5a5a;
	float: left;
	line-height: 20px;
	list-style-type: none;
	width: 140px;
	text-align: left;
}

#hot-keywords ul li a 
{
	/*color: #f86120;*/
	color: #0b93cd;
}

#hot-keywords ul li a:active, #hot-keywords ul li a:link, #hot-keywords ul li a:visited {
	text-decoration: none;
}
#hot-keywords ul li a:hover {
	text-decoration: underline;
}

#page-footer
{
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #f5f5f5;
}

#bottom-nav
{
	clear: both;
	margin-bottom: 20px;
	text-align: center;
	font-family: Verdana;
	color: #909592;
	font-size: 10pt;
}

.round
{
	border: 1px solid #e6e6e6;
    -moz-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;
}

.up
{
	visibility: hidden;
	cursor: pointer;
}

#hot-news
{
	width: 648px;
	height: 38px;
	background: url('../images/hot-news-bg.png') repeat-x;
	margin-bottom: 12px;
	color: #fff;
	line-height: 38px;
	font-family: Arial;
	font-size: 11pt;
}

#hot-news-left
{
	float: left;
	width: 26px;
	height: 38px;
	background: url('../images/hot-news-left-bg.png') no-repeat;
}

#hot-news-right
{
	float: right;
	width: 8px;
	height: 38px;
	background: url('../images/hot-news-right-bg.png') no-repeat;
}

.comment
{
	width: 108px;
	height: 22px;
	background: url(../images/comment-btn.png) no-repeat;
	color: #fff;
	text-align: left;
	line-height: 21px;
	padding-left: 10px;
}

.comment-header
{
	height: 8px;
	background: url(../images/comment-header.png) no-repeat;
	margin-left: 12px;	
}

#comment-title
{
	background-color: #eceff5;
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 3px;
	border-bottom: solid 1px #e5eaf1;
	color: #393939;
	font-family: Arial, Tahoma;
	font-size: 10pt;
}

.comment-details
{
	background: #eceff5;
	border-bottom: solid 1px #e5eaf1;
	color: #393939;
	font-family: Arial, Tahoma;
	font-size: 10pt;
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 3px;
	padding:3px 10px;
	min-height: 20px;
	line-height: 18px;
	
}

#comment-form
{
	background: #eceff5;
	margin-left: 12px;
	margin-right: 12px;
	border-bottom: solid 1px #e5eaf1;
	margin-bottom: 12px;
}

.comment-text
{
	margin-left: 2px;
	font-family: Tahoma;
	font-size: 10pt;
}

.comment-user
{
	font-size: 10pt;
	color: #0996cc;
    background: url("../images/user2-icon.png") no-repeat scroll 0 0 transparent;
    padding-left:18px;
}

.actions-bar {margin-top:3px;}

#user-action-container
{
	margin-right: 0px;
}

#user-action
{
	/*width: 594px;*/
}

.user-action-edit
{
	width: 95px;
	height: 22px;
	background: url(../images/edit-btn.png);
	float: right;
	margin-left: 5px;
}

.user-action-delete
{
	width: 68px;
	height: 22px;
	background: url(../images/delete-btn.png);
	float: right;
	margin-left: 5px;
}

.user-action-up
{
	width: 68px;
	height: 22px;
	background: url(../images/up-btn.png);
	float: right;
	margin-left: 5px;
}

.user-action-sharefacebook
{
	width: 68px;
	height: 22px;
	background: url(../images/sharefacebook-btn.png);
	float: right;
	margin-left: 5px;
}

.bbCodeImg
{
	max-width: 550px;
}

h1
{
	font-weight: normal;
}

#user-detail
{
	font-family: Tahoma;
	font-size: 9pt;
	position: absolute;
	top: 24px;
	right: 130px;
	width: 380px;
	text-align: right;
	color: #393939;
}

#login-openid-form
{
	margin-left: 12px;
	margin-bottom: 10px;
	font-family: Tahoma;
	font-size: 10pt;
	color: #393939;
}

#footer-reference
{
	margin-top: 13px;
	float: right;
	width: 300px;
	font-family: Tahoma;
	font-size: 10pt;
}

#footer-reference a 
{
	color: #0b93cd;
}

#footer-reference a:active, #hot-keywords ul li a:link, #hot-keywords ul li a:visited {
	text-decoration: none;
}
#footer-reference a:hover {
	text-decoration: underline;
}

.comment-time
{
	color: #ff6e05;
	font-family: Tahoma;
	font-size: 11px;
}

#coupon-selected
{
	position: absolute;
	top: 11px;
	left: 182px;
	background: url('../images/gm-coupon.jpg') no-repeat;
	width: 81px;
	height: 33px;
}

#coupon-btn 
{
	position: absolute;
	top: 11px;
	left: 182px;	
	width: 81px;
	height: 33px;
	line-height:33px;
}

.coupon-btn-selected
{
	background: url('../images/gm-coupon.jpg') no-repeat;
}

#deal-btn 
{
	position: absolute;
	top: 11px;
	left: 300px;	
	width: 100px;
	height: 33px;
	line-height:33px;
}

#mini-logo 
{
	position: absolute;	
	height: 33px;
	line-height:33px;	
	top: 13px;
}

.logo-separator
{
	color: #ccc;
	position:absolute;
	left: 263px;
	top:11px;
	font-size:13px;
}

.logo-separator-coupon
{
	color: #ccc;
	position:absolute;
	left: 233px;
	top:11px;
	font-size:13px;
}

#mini-logo.coupon-selected
{
	background: url('../images/coupon-logo.png') no-repeat;
	left: 175px;	
	width: 55px;
}

#coupon-select-link
{
	position: absolute;	
	height: 23px;
	font-family: Verdana;
	font-size: 11px;
	top: 13px;
}

#coupon-select-link.deal-selected
{
	left: 272px;
	width: 108px;
}

#coupon-select-link.coupon-selected
{
	left: 243px;
	width: 108px;
}

#add-menu-area 
{
	position: absolute; top: 18px; right: 0px;
	width:140px;
}

#add-menu 
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	position:relative;	
	cursor:pointer;
	text-align:right;
}

#add-menu ul 
{
	visibility:hidden;
	list-style-type:none;
	position:absolute;
	margin:0px;
	padding:0px;
	background-color:#fff;
	font-size:10pt;
	top:30px;
	right:0px;
	padding:7px 0px;
	
	border: solid 1px #999;
	background-color: #fff;
	z-index: 99;
	-webkit-border-radius: 4px;  
    -moz-border-radius: 4px;  
    border-radius: 4px; 
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);  
    -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);  
    box-shadow: 1px 2px 2px rgba(0,0,0,0.6);  
}

#add-menu ul li
{
	text-align:left;
	height:22px;
	line-height:22px;
	margin:0px 10px;
}

/* mini button { */
.minibutton{
	font-family:helvetica,arial,freesans,clean,sans-serif;
	display:inline-block; height:23px;padding:0 0 0 3px;
	font-size:11px;font-weight:bold;color:#333;
	text-shadow:1px 1px 0 #fff;
	background:url(../images/bix_matrix.png) 0 0 no-repeat;
	white-space:nowrap;border:none;
	overflow:visible;cursor:pointer;
	text-decoration:none;
}
input[type=text]+.minibutton{
	margin-left:5px;
}
button.minibutton::-moz-focus-inner{
	margin:-1px -3px;
}
.minibutton>span{
	display:block;height:23px;padding:0 10px 0 8px;
	line-height:23px;background:url(../images/bix_matrix.png) 100% 0 no-repeat;
}
.minibutton:hover{
	color:#fff;text-decoration:none;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
	background-position:0 -30px;
}
.minibutton:hover>span{
	background-position:100% -30px;
}
.minibutton-main{
	color:#fff;text-decoration:none;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
	background-position:0 -30px;
}
.minibutton-main>span{
	background-position:100% -30px;
}
.btn-admin .icon,.btn-watch
.icon,.btn-download .icon,
.btn-pull-request .icon,
.btn-fork .icon,.btn-leave .icon,
.btn-compare .icon,.btn-reply
.icon,.btn-back .icon,
.btn-forward .icon{
	float:left;margin-left:-4px;width:18px;
	height:22px;background:url(../images/bix_icons.png) 0 0 no-repeat;
}
.btn-forward .icon{float:right;margin-left:0;margin-right:-4px;}
.btn-admin .icon{width:16px;background-position:0 0;}
.btn-admin:hover .icon{background-position:0 -25px;}
.btn-watch .icon{background-position:-20px 0;}
.btn-watch:hover .icon{background-position:-20px -25px;}
.btn-download .icon{background-position:-40px 0;}
.btn-download:hover .icon{background-position:-40px -25px;}
.btn-pull-request .icon{width:17px;background-position:-60px 0;}
.btn-pull-request:hover .icon{background-position:-60px -25px;}
.btn-fork .icon{width:17px;background-position:-80px 0;}
.btn-fork:hover .icon{background-position:-80px -25px;}
.btn-leave .icon{width:15px;background-position:-120px 0;}
.btn-leave:hover .icon{background-position:-120px -25px;}
.btn-compare .icon{width:17px;background-position:-100px 0;}
.btn-compare:hover .icon{background-position:-100px -25px;}
.btn-reply .icon{width:16px;background-position:-140px 0;}
.btn-reply:hover .icon{background-position:-140px -25px;}
.btn-back .icon{width:16px;background-position:-160px 0;}
.btn-back:hover .icon{background-position:-160px -25px;}
.btn-forward .icon{width:16px;background-position:-180px 0;}
.btn-forward:hover .icon{background-position:-180px -25px;}
/* } mini button */

#markItUpHeader {padding-left:5px;}
.markItUpHeader ul {margin:0px;padding:0px;margin-left:5px;}
.markItUpContainer {padding-top:8px;}

#btnSave {margin:3px}


#qc-vip {
    height:60px;
    overflow:hidden;
    padding-top:7px;
    width:960px;
}

#notify {background-color:Red;padding:1px 5px;color:White;font-weight:bold;font-size:8pt;}
#notify a {color:White;}

#promotion-area {
    background-color:whiteSmoke;
    margin-bottom:0px;
    margin-top:12px;
    height:156px;
     -moz-border-radius:4px;
	 -khtml-border-radius:4px;
	 -webkit-border-radius:4px;
	 border-radius:4px;
	 border:1px solid #E6E6E6;
}

.promotion-pane-caption {
    color: #6D6D6D;
    height:22px;
    line-height:30px;
    font-size: 11pt;
    font-weight: bold;
    font-family: Tahoma;
    margin-right: 12px;
    margin-left:12px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
    position: relative;
}

#promotion-area .promotion-items {
    margin:7px 12px 0px 12px;
    overflow:hidden;
}

#promotion-area .promotion-item {
    width:301px;
    height:112px;
    border:solid 1px #4792ff;
    background-color:#fff;    
}

#promotion-area .promotion-item-1 {
    float:left;    
    margin-right:12px;
}

#promotion-area .promotion-item-2 {
    float:left;    
    margin-right:12px;
}

#promotion-area .promotion-item-3 {
    float:right;    
}

#promotion-area .promotion-item-4 {
    float:left;    
    margin-right:12px;
}

#promotion-area .promotion-item-5 {
    float:left;    
}

#promotion-area table {
    border:none;
    margin:0px;
    padding:0px;
}

#promotion-area table .col1 {width:126px;}
#promotion-area table .col2 {}

#promotion-area .price-area {
    margin:10px 0px 0px 10px;
    width: 155px;
    border:none;
    padding:0px;
    height:40px;
    background: url(../images/promotion-discount-bg.png) no-repeat right;
}

#promotion-area .price-area .discount-title {
    width: 50px;
    text-align: right;
    font-size: 9pt;
    font-weight: bold;
    color: white;
    padding-right: 10px;
}

#promotion-area .price-area .discount-value {
    width: 50px;
    text-align: right;
    font-size: 12pt;
    font-weight: bold;
    color: white;
    padding-right: 7px;
}

#promotion-area .price-area .salesprice-value {
    width:96px;
    text-align:left;
    padding-top:3px;
}

#promotion-area .price-area .originalprice-value {
    width:96px;
    font-size: 11pt;
    line-height:22px;
    text-align:left;
    padding-top:2px;
    text-decoration: line-through;
}

#promotion-area .timeremain {
    font-size:10pt;
    height:16px;
    margin-top:4px;
    margin-left:10px;
    overflow:hidden;
    margin-right:2px;
}


#promotion-area .promotion-title {
    font-family:Tahoma;
    font-size:12px;
    font-weight:bold;
    margin:8px 5px 2px 5px;
    overflow:hidden;
    height:16px;
    color:#0879A5;
    text-align:center;
}

#promotion-area .promotion-title a, 
#promotion-area .promotion-title a:visited {color:#0879A5}

#promotion-area .promotion-title a:hover {text-decoration:underline;}

#promotion-area .promotion-image {
    width:126px;
    height:72px;
    border:none;
    margin:10px 0px 0px 10px;
}

#promotion-right {
    border:solid 1px #4991ff;
    width:300px;
    height:250px;
    overflow:hidden;
}

.p-inner {
    position:relative;
    margin:2px;
    
    height:246px;
    background:transparent url('../images/promotion-bg.png');
}

.p-inner .p-header{    
    position:absolute;    
    top:6px;
    background:transparent url('../images/promotion-header-bg.png');
    width:296px;
    height:40px;
    line-height:40px;
    overflow:hidden;    
}

.p-inner .p-header a {
    margin:0px 5px;
    color:#545454;
    font-size:11pt;
    font-weight:bold;
}

.p-discount-title {
    color:#888;
    position:absolute;
    left:0px; 
    top:65px;
    margin-left:10px;
    font-size: 9pt;
}

.p-discount-value {
    color:#bd0100;
    position:absolute;
    left:0px; 
    top:60px;
    margin-left:45px;
    font-size: 14pt;
    font-weight: bold;
}

.p-salesprice-value {
    color: black;
    font-size: 13pt;
    font-weight: bold;
    position:absolute;
    left:0px; 
    top:90px;
    margin-left:10px;
}

.p-originalprice-value {
    color: #BDBDBD;
    font-size: 11pt;
    font-weight: bold;
    position:absolute;
    left:0px; 
    top:115px;
    margin-left:10px;
    text-decoration:line-through;
}

.p-buy-now a {
    color:#8fc436;
    font-size: 13pt;
    font-weight: bold;
    position:absolute;
    left:0px; 
    top:150px;
    margin-left:10px;
}

.p-picture {
    position:absolute;
    right:0px;
    top:60px;
    border:solid 1px #ccc;
    padding:1px;
    margin-right:10px;
}


.p-picture img {
    width:154px;
    height:104px;
}

.p-sep {
    position:absolute;
    left:0px; 
    top:180px;
    width:280px;
    height:2px;
    margin-left:10px;
    border-top:solid 1px #e7e7e7;
}

.time-title {
    position:absolute;
    left:0px; 
    top:195px;
    margin-left:10px;
    font-size:12px;
    font-weight:bold;
    color:#585858;
}

#promotion-right .timeremain {
    position:absolute;
    left:0px; 
    top:220px;
    margin-left:10px;
    font-size:9pt;
    width:140px;
    height: 16px;
    overflow: hidden;
}

.p-source {
    position:absolute;
    right:0px; 
    top:220px;
    color:#bf0200;
    font-weight:bold;
    font-size:10pt;
    margin-right:10px;
}


#navbar {
    
    height:28px;
    font-family:Verdana;
    font-size:12px;
    color:#333;
    clear:both;
    margin-top: 16px;
}

#navbar ul {
    
    list-style-type:none;
    height:23px;
    border-bottom:solid 1px #ccc;
    margin:0px;
    padding:0px;
    padding-left:12px;
    background-color:#F5F5F5;
    padding-top:5px;
}

#navbar ul li {
    display:inline-block;
    padding:0px 10px 0px 10px;
}

#navbar ul li.sep
{
    border-right:1px solid #ccc;
    padding:0px 1px;
    width:1px;
}

#navbar ul li.last {
    
    border-right:none;
    padding:0px 11px 0px 8px;
}

#navbar ul li.here {
    display:inline-block;
    line-height:22px;
    height:22px;
    padding:0px 10px;
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #fff;
	background:#fff;
}

#navbar ul li.first {
    display:inline-block;
    line-height:22px;
    height:22px;
    padding:0px 0px;
}

#navbar ul li a,
#navbar ul li a:visited,
#navbar ul li a:link {color:#555;}
#navbar ul li a:hover {color:#0879A5;text-decoration:none;}

#caption-bar .selected-menu-item, #caption-bar .selected-menu-item:link
{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#bread-crumb {
    margin-left: 0px;
    margin-bottom: 10px;
    font-family: Verdana;
    font-size: 11px;
    color: #393939;
    line-height: 20px;
}

#navbar.navbar-default {height:25px;}
#navbar.navbar-default ul {padding-top:2px;padding-left:3px;}

.prevNextArea {font-size:11px;font-family:Verdana; width:176px;color:#888;float:right;}
.prevNextArea .nextCol {text-align:right;}

#navbar .search-box {float:right;margin-right:10px;top:0px;padding:0px;}
#navbar .search-box input[type=text] {
    border:solid 1px #DDD;
    height:17px;
    color:#999;
    width:178px;
    background:#FFFFFF url(../images/search.jpg) no-repeat 2px 2px;
    padding-left:20px;
    background-color:#FCFCFC;
    margin-right:3px;
}

.tbl-discount {
    width: 255px; height: 32px;line-height:34px;margin-left:10px;
}

#page-header
{	
	background: url(../images/top-bg-tet-2012e.jpg) no-repeat top left;
}

#img-logo {
    margin-top:8px;
}

#add-menu-area 
{
	position: absolute; top: 22px; right: 0px;
	width:140px;
}

#user-detail
{
	font-family: Tahoma;
	font-size: 9pt;
	position: absolute;
	top: 28px;
	right: 130px;
	width: 380px;
	text-align: right;
	color: #5d5d5d;
}

#mini-logo 
{
	display:none;
}

#navbar {
    margin-top:1px;
}



/* answer { */
#answers-list {
    margin:0px 0px 0px 0px;
    color: #333;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    line-height:18px;
    font-size:13px;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
}

    .answer-item-area {
        border-bottom:solid 1px #E9E9E9;padding:5px 0px 5px 0px;
    }

    .answer-item-inner {
        margin-left:74px;
    }

    .answer-item {
        background-color:#F8F8F8;
        margin: 3px 0px 0px 0px;
        padding: 2px 0px 0px 0px;
        
        position:relative;
        font-size:13px;
        line-height:18px;
    }
    
        .answer-content { 
            margin:5px;
        }
        
        .answer-item .avatar {
            position:absolute; top:0px; left:0px;width:64px;margin:5px;border:none;margin-left:-74px;
            margin-top:0px;
        }
        
        .answer-item .vote-area {
            text-align:right;width:300px;float:right;margin-bottom:2px;height:20px;line-height:20px;
        }
        
        .answer-item .actions-bar {
            margin:5px 5px;color:#888;font-size:12px
        }
        
        .answer-item .vote-area .vote-count-post {
            height:14px;
            line-height:14px;
            vertical-align:top;
            margin-right:2px;
            color:#777;
            font-weight:bold;
        }

        .answer-item .vote-bar {

        }        
        
         #answers-totals {
            border-bottom: solid 1px #DDD;
            padding-bottom: 3px;
            margin-top: 6px;
            color: #333;
        }        
/* } answer */

/* answer add box { */
#answer-add-area ul, #answer-add-area li {
    margin:0px;padding:0px
}

#answer-add-area {
    margin:10px 0px;
    padding:5px;
    padding-top:0px;
    background-color:whiteSmoke;
    font-size:13px;
}

#answer-add-area .actions-bar {
    margin: 3px 0px;
}

#answer-add-area #txt-answer-content {
    height:60px;
    overflow:auto;
    width:99%;
    resize:none;
    outline:none;
    border:solid 1px #ccc;
}

#answer-add-area #btn-answer-add {
    margin-left:0px;
}
/* } answer add box*/

/* comment { */
.comments-list {
    font-size:13px;
}   
    .comment-header {
	    height: 8px;
	    background: url(../../images/comment-header.png) no-repeat;
	    margin-left: 0px;
    	
    }

    #comment-title {
	    background-color: #eceff5;
	    padding-left: 6px;
	    padding-right: 6px;
	    margin-bottom: 3px;
	    border-bottom: solid 1px #e5eaf1;
	    color: #393939;
	    font-family: Arial, Tahoma;
	    font-size: 10pt;
	    line-height:15px;
    }

    .comment-item {
        background-color:#eceff5;margin:3px 0px 3px 0px;padding:2px 5px;clear:both;position:relative;min-height:52px;
    }

        .comment-item-inner {

        }

        .comment-summary {
            margin:3px 5px 5px 56px;line-height:18px;
        }

        .comment-item .avatar {
            position:absolute;top:5px; left:5px;margin-left:0px;width:48px;border:none
        }
        
        .comment-item .actions-bar {
            clear:both;font-size:12px;margin-top:5px;color:#888;
        }
        
        .comment-box {min-height:20px;line-height:20px;} 
        .comment-box textarea {
            border:solid 1px #ccc;padding:1px 3px; height:20px;
            font-family: Arial, Tahoma, Verdana, MS Sans Serif;
            font-size:13px;
            line-height:18px;
            resize:none;width:552px;
            margin:2px 2px 2px 2px;
            color:#444;
            float:right;
            overflow:auto;
        }
        .comment-box .avatar-box {float:left;margin-right:5px;width:48px;display:none;}
        .comment-box .btn-save {margin-top:3px;float:right;display:none;margin-bottom:3px;margin-right:3px;}
/* } comment */

.info { margin:10px;margin-left:12px;font-size:13px;}

.actions-bar .date {color: #FF6E05;}

#div-upload {
    border: solid 1px #999;
    background-color: white;
    z-index: 99;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
    -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
    position:absolute;top:0px;left:0px;background-color:#FFF;border:solid 1px #CCC;padding:10px;margin-left:50px;margin-top:27px;display:none;
}


.item-detail-inner {
    padding: 10px;
    background-color: #F6F6F6;
    margin-top: 1px;
}
