html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    font-family: Arial,Helvetica,sans-serif;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clearfix { clear: both;}

.wheader { width: 100%; height:35px; background: url(../../../images/public/new_design/header_bg.png) repeat-x 0 0; margin-bottom: -4px; position: relative; z-index: 5;}
.header { width: 980px; margin: 0 auto; position: relative;}
.header .logo { width:145px;height:142px;position:absolute;top:0;left:40px;background: url(../../../images/public/new_design/logo.png) no-repeat 0 0; z-index: 999;}
.header .logo a { display: block; width:131px; height:144px;}
.header .creators { float: left; font-size:10px; color: #808285; margin-left: 187px; padding: 6px 0 0 0;}
.header .creators img {margin: 0 0 -12px 1px;}
.header ul { float: right;}
.header ul li { float: left; padding: 0px 7px; height: 31px; background: url(../../../images/public/new_design/header_divider.png) no-repeat 0 0; font-size: 14px; color: #808285;}
.header ul li a {color: #808285; text-decoration: none;}
.header ul li a { margin: 8px 0 0 0; display: inline-block;}
.header ul li a.facebook { margin: 3px 0 0 0;}
.header ul li a.twitter { margin: 3px 0 0 0;}
.header ul li a.google { margin: 3px 0 0 0;}
.header ul li .outer { background: url(../../../images/public/new_design/input_left.png) no-repeat 0 1px; padding-left:8px; margin-top: 4px;}
.header ul li .outer input[type="text"] { border: none;  background: url(../../../images/public/new_design/input_center.png) repeat-x 0 0; font-size: 11px; padding: 3px 0; width:171px;}
.header ul li .outer input[type="text"]:focus { color: #000;}
.header ul li input[type="submit"] { text-indent: -5000px; background: url(../../../images/public/new_design/submit_header.png) no-repeat 0 0; width: 13px; height: 20px; cursor: pointer; border: none; position: relative; top: 1px;}

.flexslider { width: 100%; text-align: center;}

.wnavigation { width: 100%; background: url(../../../images/public/new_design/navigation_bg.png) repeat-x 0 0; height: 45px; margin-top: -9px; margin-bottom: -7px;
position: relative;}
.navigation { padding: 9px 0 0 0; width: 980px; margin: 0 auto;}
.navigation ul li { float: left; font-size: 12px; color: #58595b; margin: 0 10px; padding: 7px 0;}
.navigation ul li a {color: #58595b; text-decoration: none;}
.navigation ul li a:hover { color: #000;} 
.navigation .outer { float:right; background: url(../../../images/public/new_design/input_left.png) no-repeat 0 1px; padding-left:8px; margin-top: 2px;}
.navigation .outer input[type="text"] { border: none;  background: url(../../../images/public/new_design/input_center.png) repeat-x 0 0; font-size: 11px; padding: 3px 0; width:167px;}
.navigation .outer input[type="text"]:focus { color: #000;}
.navigation .outer input[type="submit"] { text-indent: -5000px; background: url(../../../images/public/new_design/submit_header.png) no-repeat 0 0; width: 13px; height: 20px; cursor: pointer; border: none; position: relative; top: 1px;}

.wcontainer { width: 100%; background:#ffffff url(../../../images/public/new_design/container_bg.png) repeat-x 0 0;}
.container { padding: 20px 0 0 0; width: 980px; margin:0 auto;}
.container .left_banner { width: 160px; float: left; margin-right: 12px; margin-bottom: 20px;}
/*.container .left_banner .gray_box {background: #d9dbdc; min-height: 550px; margin-bottom: 20px;} */
.container .left_banner a, .container .right_banner a { margin-bottom:20px; display:block;}
.container .right_banner { width: 160px; float: right;}
/*.container .right_banner .gray_box { background: #d9dbdc; min-height: 550px; margin-bottom: 20px;}*/
.container .content { float: left; border-left: 2px solid #c1c2c4; border-right: 2px solid #b5b7b9; margin-bottom: 20px; width:631px;} /* background: url(../../../images/public/new_design/content_bg.png) repeat-y 209px 0; */
.container .content .inner {float:left; background: url(../../../images/public/new_design/content_bg.png) repeat-y 209px 0;}
.container .content .inner .banner { clear:both; float:left; max-width:631px;}
.container .collum { width: 184px; float: left; padding: 0 13px; }
.container .collum h2 { font-size: 14px; color: #58595b; margin-bottom: 10px;}
.container .collum h2 a { text-decoration:none; color: #58595b;}
.container .collum .box { padding-bottom: 20px; min-height: 280px;}
.container .collum .box.travel iframe { margin-bottom:14px;}
.container .collum .box img { margin-bottom: 14px;}
.container .collum .box ul { margin-bottom: 13px;}
.container .collum .box ul li { font-size: 12px; color: #58595b; padding-left: 18px; margin-bottom: 7px;}
.container .collum .box ul>li:first-child { background: url(../../../images/public/new_design/list_mark.png) no-repeat 0 3px;}
.container .collum .box ul li a {color: #58595b; text-decoration: none;}
.container .collum .box ul li a:hover { color: #000; text-decoration: underline;}
.container .collum .box ul li a span { display: block; font-size: 11px;}
.container .collum .box p { padding-left: 18px;  font-size: 12px; color: #58595b; margin-bottom: 7px; }
.container .collum .box p a{color: #58595b; text-decoration: none;}
.container .collum .box p a:hover { color: #000; text-decoration: underline;}
.container .collum .travel p { padding-left: 0;}
.container .content  h1 {font-size: 18px; color: #58595b; margin-bottom: 10px; margin-left:18px;}
.container .content .webResult { padding:0 18px}
.container .content .webResult h2 {font-size: 14px; color: #58595b; margin-bottom: 10px;}
.container .content .webResult p {color: #58595b; font-size: 12px; line-height: 16px;}
.container .content .webResult a{color: #58595b; font-size: 12px; text-decoration:none;}

.wfooter { width: 100%; height: 44px; background: url(../../../images/public/new_design/footer_bg.png) repeat-x 0 0; margin-bottom: 10px;}
.footer { width: 980px; margin: 0 auto; padding: 7px 0 0 0; overflow: hidden; text-align:center;}
.footer ul { /*margin-left: 20px;*/ display: inline-block;}
.footer ul li { float: left; font-size: 12px; color: #58595b; margin: 0 10px; padding: 9px 0;}
.footer ul li a { color: #58595b; text-decoration: none;}
.footer ul li a:hover { color: #000;}


.content .notification { margin:0 5px 10px;}
/* NOTIFICATION */
.notification {cursor: pointer; margin: 0px 0px 10px 0px; box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
.notification  p { font-size: 13px; padding: 10px 25px 10px 54px; margin: 0px !important; color: #565656 !important; }
.notification  p { font-size: 13px; margin-bottom:0; }
.failure { background: #ffe9ad url(../../../images/public/notification/error.png) no-repeat 15px center; border: 1px solid #eac572; color: #826200; padding: 10px 20px 10px 54px;}
.success { background: #effeb9 url(../../../images/public/notification/accept.png) no-repeat 15px center; border: 1px solid #c1d779; color: #3C5A01; padding: 10px 20px 10px 54px;}
.error { background: #fccac1 url(../../../images/public/notification/exclamation.png) no-repeat 15px center; border: 1px solid #e18b7c; color: #AC260F; padding: 10px 20px 10px 54px;}
.information { background: #deeefa url(../../../images/public/notification/information.png) no-repeat 15px center; border: 1px solid #afd3f2; color: #235685; padding: 10px 20px 10px 54px;}

/* ===== Notification messages ===== */
.nNote { cursor: pointer; margin: 0px 0px 10px 0px; box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
.nNote strong { margin-right: 5px; } 
.nNote p { font-size: 13px; padding: 10px 25px 10px 54px !important; margin: 0px !important; color: #565656 !important; }
.nMessage p { font-size: 13px; }
.nWarning { background: #ffe9ad url(../../../images/public/notification/error.png) no-repeat 15px center; border: 1px solid #eac572; color: #826200; }
.nSuccess { background: #effeb9 url(../../../images/public/notification/accept.png) no-repeat 15px center; border: 1px solid #c1d779; color: #3C5A01; }
.nFailure { background: #fccac1 url(../../../images/public/notification/exclamation.png) no-repeat 15px center; border: 1px solid #e18b7c; color: #AC260F; }
.nInformation { background: #deeefa url(../../../images/public/notification/information.png) no-repeat 15px center; border: 1px solid #afd3f2; color: #235685; }

#dialog-form p { text-align:center; font-weight:normal; margin-bottom:10px;}
#dialog-form p .tfacebook { background:url(../../../images/public/fb.png) no-repeat 0 center; display:inline-block; width:90px; height:22px; margin-right:15px;}
#dialog-form p .ttwitter { background:url(../../../images/public/twitter.png) no-repeat 0 0; display:inline-block; width:85px; height:22px;}

/* ===== popup form  start===== */
.dialog { width: 300px; padding: 15px; border: 10px solid #E6E7E8; font-size: 14px;}
.dialog p { text-align:left !important; padding-right:30px; color:#A7A9AC; overflow:hidden; padding-top:4px;}
.dialog { width:300px; padding:15px; border:10px solid #E6E7E8; font-size:14px;}
.dialog.new_review_dialog { width:326px;}
.dialog.new_review_dialog p { padding-right:0; margin-bottom:2px;}
.dialog.new_review_dialog input[type="submit"] { display:block; margin:0 auto; float:none;}
.dialog.new_review_dialog p span { display:block; text-align:center; padding:0;}
.dialog.new_review_dialog p i { font-size:12px;}
.dialog.new_review_dialog .fs12 { font-size:12px;}
.dialog p a { color:#A7A9AC; text-decoration:underline;}
.dialog p a:hover { text-decoration:none;}
.dialog p span { display:block; text-align:right; padding:8px 19px 0 0;}
.dialog .sign { font-size:; color:#332F30; text-align:left; font-weight:bold !important;}
.dialog  input[type="text"] { border:1px solid #C4C5C4; padding:2px 5px; border-radius:4px; float:right; width:140px; margin-top:-3px;}
.dialog  input[type="password"] { border:1px solid #C4C5C4; padding:2px 5px; border-radius:4px; float:right; width:140px; margin-top:-3px;}
.dialog  input[type="submit"] { padding:3px 10px; background:#7A7C7F; color:#fff; border:none; margin-right:43px; float:right; border-radius:5px; cursor:pointer;}
.dialog  textarea {border:1px solid #C4C5C4; padding:2px 5px; border-radius:4px; float:right; width: 218px; height: 70px; resize: none; }
.dialog .border-line { border-top:1px solid #E4E5E2; border-bottom:1px solid #F5F6F1; height:0; margin:15px 0 10px;}

#forgot-pass-form.dialog  input[type="submit"] { margin:5px 17px 0 0;}

#reset-pass-form.dialog input[name="confirm_new_password"] { margin-top:-11px;}
#reset-pass-form.dialog  input[type="submit"] { margin:5px 12px 0 0;}
#add_hot_spot.dialog p { padding-right:10px; margin-bottom:3px;}
#add_hot_spot.dialog p select { width:149px; float:right;}
/* ===== end ===== */

.corner-5 { position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url(PIE/PIE.php);}

.flexslider img { display: none; }

