/*------------------------------------------------------------------------
# Vndoc - Jan 2009
# ------------------------------------------------------------------------
# Author: Vndoc.tk
# Websites:  http://suckhoegiadinh.org/ 
-------------------------------------------------------------------------*/

* {margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;background:url(../quangcao/images/bg.png) repeat-x left top}
#bottom-body {background: url(../quangcao/images/bottom-body.png) repeat-x left bottom}
a {text-decoration: none; outline: none; color: #494949;}
a img {border: none}
ul {list-style: none}

#neo-pagewrap { width: 1000px; margin: 0 auto;}
.neo-pagewrap { width: 1000px; margin: 0 auto;}

/*header*/
#neo-header {height: 178px;position: relative; background:url(../quangcao/images/header-bg.jpg) no-repeat left bottom}
.headleft {width: 140px; height: 331px; position: absolute; top: 0; left: -140px; background: url(../quangcao/images/head-left.png) no-repeat left top}
#logo {position: absolute; left: -326px; top: 18px;z-index: 5}
#logo h1 {background: url(../quangcao/images/logo.png) no-repeat top left; }
#logo a {display: block; width: 825px; height: 160px; }
#neo-header-r {position: absolute;top: 7px;right:5px;width: 200px; height: 20px; line-height: 20px; color: #964d07; font-weight: bold; text-align: right}
#neo-header-r a {color: #964d07}
#nav {position: absolute; top: 60px; left: 329px; width: 700px; height: 52px; z-index:10}


/*Menu*/
/* GLOBALHEADER */
#nav #globalnav { margin: 0; padding: 0; }
#nav #globalnav li { display: inline; }
#nav #globalnav li a { float: left; height: 0; padding-top: 52px; overflow: hidden; }
#nav #globalnav li a,
#nav #globalsearch { background-image: url(../quangcao/images/nav.png); background-repeat: no-repeat; }

/* BUTTONS */
#nav #globalnav li#gn-home a { background-position: 0 0;width: 112px; }
#nav #globalnav li#gn-buyad a { background-position: -112px 0; width: 147px; }
#nav #globalnav li#gn-website a { background-position: -259px 0; width: 157px; }
#nav #globalnav li#gn-prices a { background-position: -416px 0; width: 80px; }
#nav #globalnav li#gn-format a { background-position: -496px 0;width: 99px;  }
#nav #globalnav li#gn-id a { background-position: -595px 0;width: 85px;  }

/* OVER STATES */
#nav #globalnav li#gn-home a:hover, #nav #globalnav li#gn-home.active a { background-position: 0 -52px; }
#nav #globalnav li#gn-buyad a:hover, #nav #globalnav li#gn-buyad.active a { background-position: -112px -52px; }
#nav #globalnav li#gn-website a:hover, #nav #globalnav li#gn-website.active a { background-position: -259px -52px; }
#nav #globalnav li#gn-prices a:hover, #nav #globalnav li#gn-prices.active a { background-position: -416px -52px; }
#nav #globalnav li#gn-format a:hover, #nav #globalnav li#gn-format.active a { background-position: -496px -52px; }
#nav #globalnav li#gn-id a:hover, #nav #globalnav li#gn-id.active a { background-position: -595px -52px; }



/*Container*/
#neo-container {background:url(../quangcao/images/neo-container.jpg) no-repeat left top}
#neo-container2 {width: 100%;}
#neo-col1 {width: 730px;float: left;}
#neo-col2 {width: 270px;float: right;}

.bigtitle {color: #808285; font-family: "Arial"; font-size: 25px; font-weight: bold; padding: 22px 0 0 15px;}
.xem-goiqcao {color: #0083fd;padding: 12px 0 18px 158px; background:url(../quangcao/images/h-line.png) no-repeat left bottom}
.xem-goiqcao a {color: #0083fd; text-decoration: underline;}
.xgqc-btn {width: 387px; float: left; margin-right: 8px}
.xgqc-help {width: 130px; float: left;padding-top: 37px}
.title2 {color: #808285; font-family: "Arial";font-size: 50px;letter-spacing: -3px; line-height: 50px;padding:18px 0 10px 15px;}
.title2 img {margin-top: 10px}

/*aboutus*/
.aboutus {margin-left: 15px; padding-top:20px; text-align:justify;}
.aboutus img {float: right; margin-left:5px; margin-bottom:5px;}
.aboutus h3 {text-transform:uppercase;font-size: 12px; line-height: 18px}
.aboutus h3 span {color: #f57a1f}
.aboutus a {font-weight: bold; color: #f36822}
.aboutus p {padding: 10px 0}


/*hethongweb*/
.hethongweb h3 {height: 38px; background: url(../quangcao/images/h3-he-thong-web.png) no-repeat left top}
ul.mootabs_title li {background: url(../quangcao/images/panel-bg.png) no-repeat right bottom;font-family: "Arial";font-size: 20px; font-weight: bold;width: 44px; float: right; text-align:center;color: #f26922; cursor: pointer}
ul.mootabs_title li.active {color: #808285}
ul.mootabs_title li.last {background: none}

ul.list-web {}
ul.list-web li { background:url(../quangcao/images/h-line.png) no-repeat left bottom; padding: 3px 3px 4px 3px; height: 52px; position: relative}
ul.list-web li a {display: block; text-transform:uppercase;color: #494949; padding-left: 16px;font-size: 14px; line-height: 52px;}
ul.list-web li a:hover {background: #c2e0f6}

/*Footer*/
#neo-footer {clear: both; height: 124px;margin-top: 30px; position: relative; z-index: 5}
#neo-footer-logo {background:url(../quangcao/images/neo-footer-logo.png) no-repeat left top; width: 201px; height: 108px; float: left}
	#neo-footer-l {float: left; width: 490px;padding: 15px 20px; background: url(../quangcao/images/neo-footer-l.png) no-repeat right bottom}
	#neo-footer-r {float: right; width: 250px;padding-top: 5px;}

/*product highlights*/
#siteWrap {
		margin: 287px auto 0 auto;
		width: 642px;
		height: 345px;
		position: relative;
	}
	#pageWrap {
		position: absolute;
		z-index: 5;
		top: 138px;
		left: 134px;

	}
	#psdPage {
		margin-right: 19px;
		float: left;
		cursor: pointer;
	}
	#netPage {
		margin-right: 20px;
		float: left;
		cursor: pointer;
	}	
	#audioPage {
		float: left;
		cursor: pointer;
	}
	.hethongweb {width: 270px; height: 584px;position: relative;background: url(../quangcao/images/v-line.png) no-repeat left 39px}
	#bubbleWrap {
		position: relative;
		
		z-index: 100;
	}
	.bubble {
		position: absolute;
		width: 245px; height: 121px;
		top: -70px; left: -223px;
		
	}
	.bb-background {background:url(../quangcao/images/bubble.png) no-repeat left top;width: 245px; height: 121px;}
	.clear {
		clear: both;
	}
	
	.neo-bbleft, .neo-bbright {line-height: 18px; color: #f36b21; position: absolute; top: 8px;font-weight: bold}
	.neo-bbleft {height: 72px;left: 12px;width: 105px;}
	.neo-bbright {height: 77px;color: #000;right: 12px;width: 120px;}
	.neo-bbright span {color: #ff0000}
	.neo-none {display: none}

/*he thong web*/
/*
.listgoiqc {margin: 25px 0 330px 0}
.listgoiqc ul li a {color: #ff6633; display: block;font-size: 22px; font-weight: bold; text-transform:uppercase;padding: 10px 5px 10px 60px;}
.listgoiqc ul li a:hover {background: #c2e0f6; color: #333333; }
.listgoiqc ul {border: 1px dotted #c7c7c7;border-bottom: none}
.listgoiqc ul li {padding: 5px;width: 488px; float: left}
.listgoiqc ul li.left {border-bottom: 1px dotted #c7c7c7;}
.listgoiqc ul li.right {border-left: 1px dotted #c7c7c7;border-bottom: 1px dotted #c7c7c7;}
*/
.listgoiqc {margin: 25px 0 30px 0}
.listgoiqc ul li a {color: #ff6633; display: block;font-size: 22px; font-weight: bold; text-transform:uppercase;padding: 10px 5px 10px 60px;}
.listgoiqc ul li a:hover {background: #c2e0f6; color: #333333; }
.listgoiqc ul {border: 1px dotted #c7c7c7;border-bottom: none}
.listgoiqc ul li {padding: 5px;width: 488px; float: left}
.listgoiqc ul li.left {border-bottom: 1px dotted #c7c7c7;}
.listgoiqc ul li.right {border-left: 1px dotted #c7c7c7;border-bottom: 1px dotted #c7c7c7;}
.goiqc {padding: 10px 0}
.gqc-left {width: 262px; float: left}
.gqc-right {width: 620px; float: left; text-align:justify; border-bottom:#cccccc 1px dotted; padding-bottom:10px; min-height:150px;}
.gqc-right h3 {color: #ff6633;font-family: "Arial"; font-size: 22px; font-weight: bold; text-transform:uppercase}
.gqc-right h3 a{color: #ff6633}
a.readmore {font-size: 10px; color: #3366cc; display: block; margin: 5px 0}


.cat-title {color: #808285; font-family: "Arial"; font-size: 25px; font-weight: bold;text-transform: uppercase}
.cat-back {text-align: right;border-bottom: 1px dotted #c7c7c7;padding: 5px 0}
.cat-back a {color: #333; font-size: 12px; font-weight: bold; }
.sitepic {width: 400px; float: left}
.siteinfo {width:582px; float: right; line-height: 20px}
.site-title {color: #ff6633; font-family: "Arial"; font-size: 18px;text-transform:uppercase; padding-bottom: 15px}
.site-bound  {padding: 8px 0;border-bottom: 1px dotted #c7c7c7;}
.site-doituong, .site-thongke, .site-traffic {width: 76px; float: left; padding-left: 5px;font-weight: bold}
.site-dt-text, .site-tk-text, .site-tf-text {width: 496px; float: right}
.site-tf-text {font-weight: bold; font-size: 18px}
.site-tf-text strong {color: #0099ff}
.site-chitiet {text-align: right;border-top: 1px dotted #c7c7c7;border-bottom: 1px dotted #c7c7c7; line-height: 29px; margin-top: 75px}
.site-chitiet a {color: #333}
.baogia-datmua {margin-top: 17px;}

ul.cat-detail li.site-close, ul.cat-detail li.site-goikhac {border-top: 1px dotted #2c2c2c;text-transform:uppercase; line-height: 38px; padding-left: 6px; font-weight: bold;font-family: "Arial"; font-size: 14px; text-align: right}
ul.cat-detail li.site-close a {color: #333333;}
ul.cat-detail li.site-goikhac a {color: #336699;}

/*4 - bao gia quang cao*/
.bg-tenchannel {width: 482px;padding-left: 15px; height: 42px;border-bottom: 1px dotted #c7c7c7;font-weight: bold; text-transform:uppercase;}
.bg-tensite, .bg-tensitetitle {width: 482px;padding-left: 40px; height: 42px;border-bottom: 1px dotted #c7c7c7;font-weight: bold;}
.bg-pdf, .bg-pdftitle {width: 192px;padding-left: 38px;height: 42px;border-bottom: 1px dotted #c7c7c7;font-weight: bold;}
.bg-ppt, .bg-ppttitle {width: 245px;padding-left: 32px;height: 42px;border-bottom: 1px dotted #c7c7c7;font-weight: bold;}
.bg-tensitetitle a, .bg-pdftitle a, .bg-ppttitle a {color: #333333}
.bg-tensite a {color: #0099ff}
.bg-pdf a, .bg-ppt a {color: #ff3333}
.bg-tensitetitle {background: #82d6f7; border-top: 1px dotted #c7c7c7;}
.bg-pdftitle {background: #a3e0f9;border-top: 1px dotted #c7c7c7;}
.bg-ppttitle {background: #caeefb;border-top: 1px dotted #c7c7c7;}
.tableload {margin-top: 25px}

.h3-baogiaqc {padding-bottom: 26px;}

.price-more {text-align:right;border-bottom: 1px dotted #2c2c2c;padding: 15px 0 9px 0}
.tableprice {border-top: 1px dotted #2c2c2c;color: #333;}
.tp-stt, .tp-pos, .tp-desc, .tp-price, .tp-size, .tp-kb, .tp-share, .tp-home, .tp-cat, .tp-detail, .tp-stttitle, .tp-postitle, .tp-sizetitle, .tp-kbtitle, .tp-sharetitle, .tp-hometitle, .tp-cattitle, .tp-detailtitle {border-bottom: 1px dotted #2c2c2c;border-right: 1px dotted #2c2c2c;height: 42px;text-align: center;}
.tp-stttitle, .tp-postitle, .tp-sizetitle, .tp-kbtitle, .tp-sharetitle, .tp-hometitle, .tp-cattitle, .tp-detailtitle {background: #cceffc}
.tp-stt, .tp-stttitle {width: 45px; }
.tp-pos, .tp-postitle {width: 240px;padding-left: 12px;text-align: left;}
.tp-desc {width: 334px;background: #a3e1f9}
.tp-price {width: 372px; border-right: none;background: #a3e1f9}
.tp-size, .tp-sizetitle {width: 100px;}
.tp-kb, .tp-kbtitle {width: 131px;}
.tp-share, .tp-sharetitle {width: 101px;}
.tp-home, .tp-hometitle {width: 123px;}
.tp-cat, .tp-cattitle {width: 134px;}
.tp-detail, .tp-detailtitle {width: 114px; }
.tp-cattitle span, .price-page span {color: #ff0000}
.price-page {padding: 13px 0 5px 0}
.tp-hover {background: #fce0d3}

.tp-view {border-bottom: 1px dotted #2c2c2c;}
.tp-images {padding: 8px; width: 625px; float: left}
.tp-addcart {width: 300px; float: right; padding-top: 205px;}

/*5 AF*/
.af-submenu {height: 70px; background: #cbeffc;border-top: 1px dotted #2c2c2c;border-bottom: 1px dotted #2c2c2c;padding: 10px 0 0 25px; font-weight: bold}
ul.af-tabs {padding-top: 32px}
ul.af-tabs li {padding: 4px 33px; float: left;border: 1px dotted #2c2c2c;border-bottom: none; border-right: none; background: #a3e2fa}
ul.af-tabs li.active {padding: 6px 38px 5px 38px; background: #FFF; margin-top: -8px; font-size: 16px; font-weight: bold; color: #0099ff}
ul.af-tabs li.last {border-right: 1px dotted #2c2c2c;}
.af-tabcontent {padding-bottom: 40px}
.af-img {width: 168px; margin: 28px 0 0 29px; float: left}

/*6 toi*/
.clickxemcacgoi {border-bottom: 1px dotted #2c2c2c;border-top: 1px dotted #2c2c2c;}
.clickxemcacgoi {color: #336699; font-size: 14px; font-family: "Arial"; text-transform:uppercase; line-height: 40px; border-bottom: 1px dotted #2c2c2c}
.clickxemcacgoi a {color: #336699;}
.clickgoikhac {width: 280px; float: left}
.clickxemcacgoi .clickxembaogia {margin-top: 12px}
.updating {border-top: 1px dotted #2c2c2c;line-height: 30px;font-weight: bold;font-family: "Arial"; font-size: 18px;color: #333;text-align: center; padding: 120px 0}
.updating p {padding: 20px 0}

.newnav {height: 52px; background: url(../quangcao/images/newnav.png) repeat-x left top; margin-bottom: 20px}
.newnav ul li {display: inline}
.newnav ul li a {display: block;padding: 0 14px; float: left; height: 52px; line-height: 41px;color: #FFFFFF; font-size: 16px; font-family: "Arial"; text-transform:uppercase; }
.newnav ul li a:hover {background: url(../quangcao/images/newnav-hover.png) no-repeat center top;color: #010101 }
.newnav_active {background: url(../quangcao/images/newnav-hover.png) no-repeat center top;color: #010101 }
.newnav ul li.active a, .newnav ul li.active a:hover {background: #f26522; color: #FFFFFF;font-size: 25px; height: 41px; letter-spacing: -1px}

#adformatpage {background: url(../quangcao/images/bg2.png) #a29f99 repeat-x left top}
#adformatpage #bottom-body {background: url(../quangcao/images/bottom-body2.png) repeat-x left bottom}
#adformatpage #neo-header {background: url(../quangcao/images/header-bg2.jpg) repeat-x left bottom}
#adformatpage #neo-container {background: url(../quangcao/images/neo-container2.jpg) no-repeat left top; padding-bottom: 70px}
#adformatpage .headleft {background: url(../quangcao/images/head-left2.jpg) no-repeat left top; top: -2px}
ul.af-menu {padding-bottom: 33px}
ul.af-menu li { display: inline; letter-spacing: -1px; color: #0f0f0f;font-size: 16px; font-family: "Arial";  text-transform:uppercase; line-height: 33px}
ul.af-menu li a {padding: 0 12px; display: block; float: left; height: 45px;color: #0f0f0f;}
ul.af-menu li a:hover, ul.af-menu li.active a {color: #FFFFFF}
ul.af-menu li.active a {background: url(../quangcao/images/af-menu-li.png) no-repeat center bottom}
.af-content {padding-left: 15px;}
.af-adformat {padding-bottom: 60px}

/*Clear fix*/
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
* html > body .clearfix {
	width: 100%;
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}

/*Add by HungHD*/
.h-update {
	padding-bottom:15px;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	color:#dddddd;
}