/*-------------<< Container >>--------------*/
#col-left {float: left; width: 497px; padding:5px 0 0 5px}     
.col-left-main {background: url(/images/thoitranglamdep/colleft-bg.png) repeat-y left top}
.col-left-main-top {background: url(/images/thoitranglamdep/colleft-top.png) no-repeat left top}
.col-left-main-bt {background: url(/images/thoitranglamdep/colleft-bt.png) no-repeat left bottom; padding: 0 0 10px}
#col-left h3 {color: #ff6600; font-size: 17px; text-transform: uppercase; height: 37px; line-height: 40px; padding: 0 20px 12px; text-align:left}
.news-top {padding: 0 20px 20px 12px;}
.news-top img {float: left; margin: 0 17px 0 0}
.news-top h4 {color: #5c3f52; font-size: 19px; font-weight: normal; padding: 0 0 7px} 
.news-top h4 a {color: #5c3f52}
ul.news-list {padding: 0 12px; list-style:none}
ul.news-list  h5 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 0 8px}
ul.news-list  h5 a {color: #333}
ul.news-list li {padding: 10px 0; background: url(/images/thoitranglamdep/dot-border.png) repeat-x left top}
ul.news-list li img {float: left; margin: 0 10px 0 0; padding: 2px ; border: 1px solid #cdcdcd}
.txt-news {float: left; width:  355px}

.select-categories {padding: 10px 12px 0; border-top: 1px solid #ccc}
.select-categories label {float: left; padding: 0 6px 0 0; color: #000; line-height: 18px}
.select-categories .vir-select {float: left; margin: 0 6px 0 0}
.select-categories .vir-sl-year {margin: 0 10px 0 0}
.vir-select {border: 1px solid #9c9c9c; padding: 1px 1px 1px 3px; height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #9c9c9c; position: relative}
.vir-sl-date-month {width: 35px}
.vir-sl-year {width: 52px}
.vir-sl-cat {width: 208px}
.vir-select a {background: url(/images/thoitranglamdep/a-virtual.png) no-repeat left top; width: 16px; height: 16px; display: block; position: absolute; top: 1px; right: 1px}
a.view-btn {background: url(/images/thoitranglamdep/view-btn.png) no-repeat left top; width: 41px; height: 22px; display: block; float: left}

.other-news {padding: 10px 15px }
.other-news h4 {color: #ff6600; font-weight: bold; font-size: 16px; padding: 0 0 5px}
.other-news ul {padding: 0 0 8px 20px; list-style:none;}
.other-news ul li {padding: 0 0 0 15px; background: url(/images/thoitranglamdep/circle-ul.png) no-repeat left 6px; line-height: 16px}
.other-news ul li a {color: #666; font-size:12px}
a.next {font-size: 11px; color: #ff6600; text-decoration: underline; padding: 0 0 0 20px}


/* column width 189px */
#col-w189 {float: left; width: 189px; margin: 0 0 0 8px; padding-top:5px}
.md-w189 {background: url(/images/thoitranglamdep/col-189-bg.png) repeat-y left top; margin: 0 0 10px; text-align:left}
.md-w189-bt {background: url(/images/thoitranglamdep/col-189-bt.png) no-repeat left bottom; padding: 0 0 7px}
.md-w189 h3 {background: url(/images/thoitranglamdep/col-189-heading.png) no-repeat left top; height: 42px; line-height: 42px; font-size: 17px; text-transform: uppercase; padding: 0 10px; text-decoration:none;}
.md-w189 h3 a {height: 42px; line-height: 42px; font-size: 17px; text-transform: uppercase; padding: 0 10px ; text-decoration:none;}
.md-w189 ul {padding: 0 1px; list-style:none;}
.md-w189 ul li.first {padding: 3px 8px 12px}
.md-w189 ul li {padding: 10px 8px 12px; background: url(/images/thoitranglamdep/dot-border.png) repeat-x left bottom; font-size: 11px}
.md-w189 ul li.bgpink {background: #f6eded url(/images/thoitranglamdep/dot-border.png) repeat-x left bottom} 
.md-w189 ul h4 {padding: 0 0 0 23px; color: #ff6600; font-size: 12px; font-weight: bold; line-height: 20px; height: 20px}
.md-w189 ul h4.ask {background: url(/images/thoitranglamdep/ask.png) no-repeat left top}
.md-w189 ul h4.reply {background: url(/images/thoitranglamdep/reply.png) no-repeat left 6px}
.next-consulting {padding: 5px 15px 0; text-align: right}
.next-consulting a {color: #ff6600; font-size: 10px}
ul.list-blue-w189 {list-style:none; padding: 5px 10px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; line-height: 20px; background: #f1f8f8; margin: 0 1px; width:167px}
ul.list-blue-w189 li {padding: 0 0 0 15px; background: url(/images/thoitranglamdep/rec-ul.png) no-repeat left 8px}
ul.list-blue-w189 li a {color: #333;font-size:12px}


/* column width 285px */
#col-w285 {float: left; width: 285px; margin: 0 0 0 6px; padding-top:5px}
.md-w285-right {background: url(/images/thoitranglamdep/col-285-bg.png) repeat-y left top; margin: 0 0 8px}
.md-w285-right-bt {background: url(/images/thoitranglamdep/col-285-bt.png) no-repeat left bottom; padding: 0 0 10px}
.md-w285-right h3 {height: 42px; line-height: 42px; font-size: 17px; text-transform: uppercase; padding: 0 10px; background: url(/images/thoitranglamdep/col-285-heading.png) no-repeat left top;}
.best-view {padding: 5px 0 10px; text-align: center; background: #fcf8f8;  margin: 0 1px}
.best-view img {padding: 1px; border: 1px solid #cdcdcd}
.best-view h4 {font-family: Tahoma; font-size: 13px; font-weight: bold; padding: 5px 0 0}
.best-view h4 a {color: #333}
.md-w285-right ul {padding: 5px 20px; border-top: 1px solid #cdcdcd; line-height: 20px}
.md-w285-right ul li {padding: 0 0 0 15px; background: url(/images/thoitranglamdep/rec-ul.png) no-repeat left 8px}
.md-w285-right ul li a {color: #333}
.all-bestview {background: #fcf8f8; margin: 0 1px;  border-top: 1px solid #cdcdcd; text-align: right; padding: 5px 10px 0}
.all-bestview a {color: #999; font-size: 11px; background: url(/images/thoitranglamdep/org-arrow.png) no-repeat right 4px; padding: 0 8px 0 0}

/* thoi trang chuyen muc */
.fashion-detail-top {padding: 0 12px 20px}
.fashion-detail-top img {margin: 0 0 15px}
.fashion-detail-top h4 {color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; background: url(/images/thoitranglamdep/star-h4.png) no-repeat left 2px; padding: 0 0 5px 18px}
.fashion-detail-top h4 a {color: #000; font-size:13px}
ul.list-horizontal {background: url(/images/thoitranglamdep/ul-horizontal.png) repeat-y left top; margin: 0 1px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; list-style:none}
ul.list-horizontal li {width: 145px; padding: 12px 10px 20px; float: left; color: #c42986;list-style:none}
ul.list-horizontal li img {padding: 1px; border: 1px solid #999}
ul.list-horizontal li h4 {padding: 5px 0; font-size: 12px; font-weight: bold}
ul.list-horizontal li h4 a {color: #c42986;}
.txt-list-hor {padding: 0 0 0 5px}

.md-w285-org {background: url(/images/thoitranglamdep/col-285-bg.png) repeat-y left top; margin: 0 0 8px}
.md-w285-org-bt {background: url(/images/thoitranglamdep/md-w285-org-bt.png) no-repeat left bottom; padding: 0 0 5px}
.md-w285-org h3 {background: url(/images/thoitranglamdep/md-w285-org-heading.png) no-repeat left top; height: 44px; line-height: 44px; padding: 0 0 0 17px; font-size: 17px; color: #ff6600; text-transform: uppercase}
.md-w285-org h3 a {height: 44px; line-height: 44px;font-size: 17px; color: #ff6600; text-transform: uppercase; text-decoration:none}
.news-top-org {padding: 10px 8px 15px 10px; color: #666}
.news-top-org h4 {font-family: Tahoma; font-size: 13px; font-weight: bold; padding: 0 0 5px}
.news-top-org h4 a {color: #333; font-size:13px}
.news-top-org img {float: left; margin: 0 10px 0 0; padding: 1px; border: 1px solid #ccc}
ul.list-org {list-style:none; padding: 5px 20px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; line-height: 20px; background: #fff8e1; margin: 0 1px}
ul.list-org li {padding: 0 0 0 15px; background: url(/images/thoitranglamdep/rec-ul.png) no-repeat left 8px}
ul.list-org li a {color: #333; font-size:12px}
.viewAll-org {padding: 3px 8px; text-align: right}
.viewAll-org a {color: #999; font-size: 11px; background: url(/images/thoitranglamdep/org-arrow.png) no-repeat right 4px; padding: 0 8px 0 0}


.md-w285-pink {background: url(/images/thoitranglamdep/md-w285-pink-bg.png) repeat-y left top; margin: 0 0 8px} 
.md-w285-pink-bt {background: url(/images/thoitranglamdep/md-w285-pink-bt.png) no-repeat left bottom; padding: 0 0 5px}
.md-w285-pink h3 {background: url(/images/thoitranglamdep/md-w285-pinkheading.png) no-repeat left top;  height: 44px; line-height: 44px; padding: 0 0 0 17px;  font-size: 17px; color: #c42986; text-transform: uppercase}
.md-w285-pink h3 a {height: 44px; line-height: 44px;font-size: 17px; color: #c42986; text-transform: uppercase; text-decoration:none}
.md-w285-pink ul {margin: 0 1px}
.md-w285-pink ul li {border-bottom: 1px	solid #e61793; padding: 10px 7px 12px 10px}
.md-w285-pink ul li.last {border: none}
.md-w285-pink ul li img {float: left; padding: 1px; margin: 0 8px 0 0; border:solid 1px #DADADA}
.md-w285-pink ul li h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 0 0 5px}
.md-w285-pink ul li h4 a {color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.next-pink {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; padding: 15px 0 0; text-align: right}
.next-pink a {color: #ad1270}


.md-w285-blue {background: url(/images/thoitranglamdep/col-285-bg.png) repeat-y left top; margin: 0 0 8px}
.md-w285-blue-bt {background: url(/images/thoitranglamdep/md-w285-blue-bt.png) no-repeat left bottom; padding: 0 0 5px}
.md-w285-blue h3 {background: url(/images/thoitranglamdep/md-w285-blue-heading.png) no-repeat left top; height: 44px; line-height: 44px; padding: 0 0 0 15px; font-size: 17px; color: #333; text-transform: uppercase}
.md-w285-blue h3 a {height: 44px; line-height: 44px;font-size: 17px; color: #333; text-transform: uppercase; text-decoration:none}
.news-top-blue {padding: 10px 12px 15px; color: #666}
.news-top-blue h4 {font-family: Tahoma; font-size: 13px; font-weight: bold; padding: 0 0 5px}
.news-top-blue h4 a {color: #333}
ul.list-blue {list-style:none; padding: 5px 20px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; line-height: 20px; background: #f1f8f8; margin: 0 1px}
ul.list-blue li {padding: 0 0 0 15px; background: url(/images/thoitranglamdep/rec-ul.png) no-repeat left 8px}
ul.list-blue li a {color: #333;font-size:12px}
.viewAll-blue {padding: 3px 8px; text-align: right}
.viewAll-blue a {color: #999; font-size: 11px; background: url(/images/thoitranglamdep/org-arrow.png) no-repeat right 4px; padding: 0 8px 0 0}

.gototop {padding: 0 70px 0 0; text-align: right}
.gototop a {color: #715353; font-size: 11px; background: url(/images/thoitranglamdep/gototop.png) no-repeat center top; padding: 25px 0 0}


#col-w300 {width: 300px; background: url(/images/thoitranglamdep/col-w300-bg.png) repeat-y left top; color: #666}
#col-w300-top {background: url(/images/thoitranglamdep/col-w300-top.png) no-repeat left top; padding: 58px 0 0}
#col-w300-bt {background: url(/images/thoitranglamdep/col-w300-bt.png) no-repeat left bottom; padding: 0 10px 17px}
.news-top-w300 {padding: 10px 12px 15px; background: url(/images/thoitranglamdep/dot-border.png) repeat-x left bottom}
.news-top-w300 img {margin: 3px 0 10px}
.news-top-w300 h4 {padding: 0 0 5px; font-size: 12px; font-weight: bold}
.news-top-w300 h4 a {color: #666}
#col-w300 ul {padding: 0 6px; background: url(/images/thoitranglamdep/dot-border.png) repeat-x left bottom}
#col-w300 ul li {padding: 10px 3px; background: url(/images/thoitranglamdep/dot-border.png) repeat-x left bottom; font-size: 11px}
#col-w300 ul li.last {background: none}
#col-w300 ul li img {float: left; padding: 1px; border: 1px solid #ccc; margin: 0 8px 0 0}
#col-w300 ul li h4 {font-size: 11px; font-weight: bold}
#col-w300 ul li h4 a {color: #666}
.next-w300 {padding: 5px 12px 0; text-align: right}
.next-w300 a {color: #ff6600; font-size: 10px}

.boxlamdep {background: url(/images/thoitranglamdep/boxldbg.png) no-repeat left top; width: 300px; height: 356px; position: relative}
.bld-content { position: absolute;top: 107px; left: 29px}
.bld-content a {text-decoration:none; color: #333}
.bld-content a:hover {color: #f60}
.bld-content h4 {margin: 8px 0 18px; font-size: 11px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; width: 165px}
.bld-content ul {margin: 0; padding: 8px 0 0 0; width: 219px; background: url(/images/thoitranglamdep/bld-ul.png) no-repeat left top}
.bld-content ul li {list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: url(/images/thoitranglamdep/bld-li.gif) no-repeat left 7px; padding: 1px 0 1px 10px}



/*-------------<< //Container >>--------------*/

/*-------------<< Footer >>--------------*/
#footer {clear: both;}
/*-------------<< //Footer >>--------------*/


/* Clearfix */
* html .clearfix {
    height: 1%; /* IE5-6 */
}

.clearfix {
    display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix {
    display: block; /* O */
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    font-size: 1px;
    overflow: hidden;
}

.gb_tintieudiem_ttld {height: 42px; line-height: 42px; font-size: 17px; text-transform: uppercase; padding: 0 10px; background: url(/images/thoitranglamdep/col-285-heading.png) no-repeat left top;}

.ulTinTieuDiem ul {padding: 0px 20px; line-height: 20px; list-style:none; text-align:left}
.ulTinTieuDiem ul li {padding: 0 0 0 15px; background: url(/images/thoitranglamdep/rec-ul.png) no-repeat left 8px}
.ulTinTieuDiem ul li a {color: #333; font-size:12px}

.imgTinTieuDiem {text-align: center; background: #fcf8f8;}
.imgTinTieuDiem img {padding: 1px; border: 1px solid #cdcdcd}
.TitleTinTieuDiem{font-family: Tahoma; font-weight: bold; padding:5px 0 5px 0}
.TitleTinTieuDiem a {color: #333; font-size: 13px; }