/****************banner***********/
.banner-bound{
	width:100%;	
	background:#fff;
	border-bottom:1px solid #D4D4D4;
}
div.header {
	width: 100%;
	height: 55px;
	background: url(../images/icon_cancel.png) repeat-x;
	position: relative;
}
.banner-bound .header-content{
	width: 1260px;
	height: 55px;
	margin: 0 auto;
	}
div#header-widget-area {
	float: right;
	height:100%;
}

#header-widget-area>div {
float: right;
height: 100%;
border-right: 1px solid #069cd1;
}
/******weather******/
.weather-widget div.today-weather {
display: inline-block;
margin-top: 10px;
}
.weather-widget div.today-weather-icon {
margin-left: 12px;
display: inline-block;
}
.weather-widget .icon-chancerain-main {
background-position: -23px -635px;
height: 25px;
width: 32px;
}

.weather-widget {
position: relative;
display: inline-block;
padding: 0 10px;
}
.weather-widget div.today-weather>div.location {
text-transform: uppercase;
color: #fff;
}
.weather-widget div.today-weather>div.temp {
font-weight: 700;
color: #fff;
}
.weather-widget div.weather-popup {
width: 350px;
left: 50%;
margin-left: -175px;
}
div.popup {
position: absolute;
z-index: 99999;
background: #39f;
border-radius: 4px;
top: 55px;
border-top: 3px solid white;
}
.weather-detail {
	box-shadow: rgba(0, 0, 0, 0.247059) 0px 5px 10px;
	display: block;
	height: 157px;
}
.weather-setting {
	box-shadow: rgba(0, 0, 0, 0.247059) 0px 5px 10px;
}
.weather-widget:hover .weather-popup:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(51,153,255,0);
border-bottom-color: #fff;
border-width: 12px;
margin-left: -12px;
}
.weather-widget div.weather-popup div.today-big {
margin: 12px;
}
.weather-widget div.weather-popup div.detail-title {
display: inline-block;
font-size: 14pt;
text-transform: uppercase;
margin-left: 12px;
float: left;
color: #fff;
}
.weather-widget div.weather-popup div.today-detail {
margin-top: 12px;
}
.weather-widget div.weather-popup div.today-detail-weather {
float: left;
}
.weather-detail .icon-chancerain-big {
background-position: 0 -2561px;
height: 72px;
width: 92px;
}
.weather-widget .weather-popup div.today-detail-container {
width: 200px;
float: right;
}
div.weather-widget div.weather-popup div.future-weather div.date, div.weather-widget div.weather-popup div.future-weather div.humi, div.weather-widget div.weather-popup div.future-weather div.temp, div.weather-widget div.weather-popup div.future-weather div.weather-icon {
float: left;
}
.weather-widget div.weather-popup div.future-weather div.date {
margin: 8px 10px 0 12px;
float:left;
width: 80px;
}
.weather-widget .weather-popup div.today-detail-container>div.date {
color: #c5e2ff;
font-size: 14pt;
}
.weather-widget .weather-popup div.future-weather div.date>div.weekday {
font-size: 10pt;
}
.weather-widget .weather-popup div.future-weather div.date>div.weekday {
font-weight: 700;
}
.weather-widget .weather-popup div.future-weather div.date>div.day {
font-size: 9pt;
}
.weather-widget div.weather-popup div.future-weather div.weather-icon {
margin-top: 10px;
}
.weather-widget div.weather-popup .icon-rainstorm-blue {
background-position: -64px -763px;
height: 28px;
width: 32px;
}
div.weather-widget div.weather-popup div.future-weather div.temp {
font-size: 14pt;
font-weight: 700;
text-align: center;
width: 150px;
}
div.weather-widget div.weather-popup div.future-weather div.icon-waterdrop-detail {
display: inline-block;
margin-right: 5px;
}
.weather-detail .icon-waterdrop-detail {
background-position: -16px -16px;
height: 13px;
width: 9px;
}
.weather-widget .weather-popup div.today-detail-container>div.temp {
color: #fff;
font-weight: 700;
font-size: 20pt;
}
div.weather-widget div.weather-popup div.future-weather div.humi, div.weather-widget div.weather-popup div.future-weather div.temp {
line-height: 50px;
}
.weather-widget .weather-popup div.icon-waterdrop-main {
display: inline-block;
}
.weather-detail .icon-waterdrop-main {
background-position: -25px -16px;
height: 13px;
width: 9px;
}
.weather-widget .weather-popup div.today-detail-container span.humi-result {
color: #c5e2ff;
margin-left: 5px;
}
.weather-widget .weather-popup a.edit-weather {
	float: left;
	margin-left: 12px;
	background: url(../images/79b4b4dd.edit.png) center no-repeat;
	width: 24px;
	height: 24px;
	border: 1px solid transparent;
	border-radius: 4px;
	background-clip: padding-box;
	display: inline-block;
}
.weather-widget .weather-popup div.future-detail {
height: 200px;
background: #fff;
}
div.weather-widget div.weather-popup div.weather-setting div.location-caption {
font-size: 12pt;
color: #fff;
text-transform: uppercase;
margin: 12px;
}
div.weather-widget div.weather-popup div.weather-setting div.location-panel {
background: #fff;
height: 215px;
position: relative;
overflow: hidden;
}
div.weather-widget div.weather-popup div.weather-setting div.wrapper {
margin: 12px;
}
.weather-widget div.weather-popup div.weather-setting div.location-panel div.title {
font-family: Helvetica,Tahoma;
font-size: 10pt;
}
.weather-widget div.weather-popup div.weather-setting div.location-panel div.title {
height: 25px;
line-height: 25px;
}
.weather-widget div.weather-popup div.weather-setting div.location-panel div.current-location {
font-family: Helvetica,Tahoma;
font-weight: 700;
font-size: 16pt;
}
div.weather-widget div.weather-popup div.weather-setting div.location-panel select {
font-family: Helvetica,Tahoma;
font-size: 10pt;
}
.weather-widget div.weather-popup div.weather-setting div.location-panel select {
margin: 4px;
width: 320px;
height: 30px;
color: #959494;
}
.weather-widget div.weather-popup select {
border: 1px solid #d3d3d3;
border-radius: 3px;
background-clip: padding-box;
background-color: #fff;
background-image: -webkit-linear-gradient(bottom,#f2f2f2 0,#fff 100%);
background-image: linear-gradient(bottom,#f2f2f2 0,#fff 100%);
display: inline-block;
outline: 0;
cursor: pointer;
}
div.weather-widget div.weather-popup div.weather-setting div.location-panel div.buttons {
display: inline-block;
position: absolute;
bottom: 12px;
left: 12px;
}
div.weather-widget div.weather-popup div.weather-setting div.location-panel .btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
div.weather-widget div.weather-popup div.weather-setting div.location-panel .btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.icon-chancerain-main,.icon-waterdrop-main,.icon-rainstorm-blue,.icon-waterdrop-detail,.icon-chancerain-big, .icon-pick-hot,.icon-google-watermark,.icon-searchbar-google-vn,.icon-search-button,.icon-coolsite-misc,.icon-coolsite-currency-vn,.icon-coolsite-search,.sidebar-navi ul>li div.icon-wrapper>.icon-sidebar-top {
	background: url(../images/icon-s0d6c3672a8.png) no-repeat;
	}
/******weather******/
.banner-bound .adv-banner{
	float: left;
	height:55px;
	overflow:hidden;
	border-right: 1px solid #069cd1;
	}
div.header div.logo-wrapper {
float: left;
height: 100%;
}
div.header div.logo-wrapper a{
	display:table-cell;
	height:55px;
	vertical-align:middle;
	}
.logo-wrapper img {
	max-height:55px;
}
div.header .header-buttons {
float: right;
}
div.header .header-buttons>ul {
list-style: none;
margin: 0;
padding: 0;
}
.header .header-buttons>ul>li {
display: inline-block;
margin-right: -4px;
border-right: 1px solid #069cd1;
width: 55px;
height: 55px;
position: relative;
}
.header .header-buttons>ul>li>a {
display: inline-block;
width: 55px;
height: 55px;
line-height: 65px;
text-align: center;
margin: 0;
padding: 0;
cursor: pointer;
position: relative;
font-size: 10pt;
}
.header .header-buttons>ul>li>a:hover {
background: #069cd1;
}
.header .header-buttons>ul>li>a .button {
display: inline-block;
}
.icon-header-sethome,.icon-header-favorite,.icon-header-facebook{
background: url(../images/icon-s0d6c3672a8.png) no-repeat;
background-position: -96px -250px;
height: 24px;
width: 24px;
margin-top:10px;
}
div.header-buttons>ul>li>a.tooltip:hover:after {
font-family: Helvetica;
font-size: 10pt;
}
div.header div.header-buttons>ul>li>a.tooltip:hover:before {
border: solid;
border-color: #fff transparent;
border-width: 0 6px 6px;
bottom: -1px;
content: "";
left: 40%;
position: absolute;
z-index: 99;
}
div.header-buttons>ul>li>a.tooltip:hover:after {
background: #39f;
color: #fff;
content: attr(tooltip);
bottom: -43px;
left: -50%;
position: absolute;
z-index: 98;
width: 125px;
height: 40px;
line-height: 40px;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0,0,0,.25);
}
.icon-header-favorite {
background-position: -72px -250px;
height: 24px;
width: 24px;
}
.icon-header-facebook {
background-position: -48px -250px;
height: 24px;
width: 24px;
}
/****************HEADER********************/
div.search-bar div.wrapper {
width: 1260px;
height: 100%;
margin: 0 auto;
}
div.search-bar div.search-logo-wrapper {
width: 200px;
height: 110px;
margin-top: 25px;
text-align: center;
}
div.search-bar div.search-logo-wrapper>div {
vertical-align: middle;
display: inline-block;
}
.icon-searchbar-google-vn {
background-position: 0 -1531px;
height: 45px;
width: 133px;
}
div.search-bar div.search-menu ul {
visibility: hidden;
}
div.search-bar ul {
margin: 0;
padding: 0;
list-style: none;
}
div.search-bar div.search-logo-wrapper div.icon-google-watermark, div.search-bar div.search-menu div.icon-google-watermark {
position: absolute;
z-index: 999;
right: 90px;
top: 34px;
}
div.search-bar div.search-menu div.icon-google-watermark {
background-position: 0 -992px;
height: 31px;
width: 68px;
}
div.search-bar div.search-field {
width: 569px;
height: 44px;
border-radius: 3px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}
div.search-bar div.search-field>a.search-button {
display: inline-block;
float: right;
width: 76px;
height: 46px;
border-right: 1px solid #3375b8;
border-radius: 3px;
background-clip: padding-box;
background-color: #4687fb;
text-align: center;
cursor: pointer;
position: relative;
top: -1px;
-webkit-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out;
}
div.search-bar div.search-field>a.search-button>div {
display: inline-block;
vertical-align: middle;
}
.icon-search-button {
background-position: -24px -108px;
height: 20px;
width: 20px;
}
div.search-bar div.search-field input.tt-hint {
color: #666;
}
div.search-bar #search-textfield {
background-color: transparent;
width: 78px;
height: 44px;
position: absolute !important;
top: 0px;
right: -570px;
border:none;
text-indent:-999px;
border-right: 1px solid #3375b8;
border-radius: 3px;
background-clip: padding-box;
background-color: #4687fb !important;
background-position: -24px -108px;
background:url(../images/ico-search.png) no-repeat center center;
}

div.search-bar div.search-field input.tt-hint {
width: 475px;
height: 40px;
margin-left: 10px;
line-height: 40px;
font-size: 18pt;
outline: 0;
border: none;
float: left;
}
div.search-bar div.search-field span.tt-dropdown-menu {
position: relative;
margin-top: 4px;
background: #fff;
border: 1px solid #eee;
box-shadow: 0 4px 4px rgba(0,0,0,.5);
width: 98%;
z-index: 99999;
}
div.search-bar div.search-logo-wrapper, div.search-bar div.search-menu {
position: relative;
float: left;
}
div.search-bar div.search-menu {
margin-top: 30px;
}
div.search-bar div.hotpick {
float: left;
width: 425px;
margin: 20px 0 0 60px;
}
div.search-bar div.hotpick>a {
margin: 10px 30px 0 0;
text-decoration: none;
font-size: 13px;
display: inline-block;
}
div.search-bar div.hotpick>a>div {
display: inline-block;
}
div.search-bar div.hotpick .icon-pick-hot {
background-position: -32px -64px;
height: 16px;
width: 16px;
}
/****************BANNER-BOTTOM********************/

.footer-bound{
	width:100%;
	background:#000;
	border-top:4px solid #ed1b2d;
}
.footer-content-bound{
	padding-top:5px;
}
.footer-logo{
	float:left;
	overflow:hidden;
	padding:10px;
}
.footer-logo img{
		width:250px;
}
.footer-content{
	text-align:center;
}
.link-footer{
	margin-top:10px;
}
.link-footer a{
	display:inline-block;
	color:#1e4684;
	font-size:15px;
	text-transform:capitalize;
	background:url(../images/link-icon.png) no-repeat;
	text-indent:5px;
	padding:0 15px;
}
.link-footer a:hover{color:#f00;}
.footer-info{
	font-size:14px;	
}