@charset "utf-8";
* html { overflow-x: hidden; }
* {padding:0; margin:0;}

body{font-size:12px;font-family:tahoma, verdana, arial, sans-serif; color:#1a1438; background:#38c1f3; padding-top:10px; padding-bottom:10px;}

/* global div */ 
ul {margin:0; padding:0; list-style-type:none;}
a {color:#333366; text-decoration:none;}
a:hover{ text-decoration:underline}

/* global class */ 
.clear {clear:both; font-size:0px;}

/* body */ 
#body{ width:980px; margin:0px auto;background:url(images/bg_body.jpg) repeat-y center;}
.body-top{width:980px; height:10px; font-size:0px; background:url(images/bg_top.jpg) no-repeat center}
.body{ background:url(images/bg_menu.gif) no-repeat top; margin-top:5px;}
.body-bottom{width:980px; height:10px; font-size:0px; background:url(images/bg_bottom.jpg) no-repeat center}

#header{}
.logo{}
.logo h1{ display:none;}
#menu{ width:970px; margin-left:5px; height:60px;}
ul.menu{ margin-left:240px; padding-top:5px;}
ul.menu li{ float:left; height:51px;}
ul.menu li a{ display:block;height:51px;}
ul.menu li a span{ display:none;}
.menu-01 a{width:85px;}
.menu-02 a{width:140px;}
.menu-03 a{width:130px;}
.menu-04 a{width:125px;}
.menu-05 a{width:115px;}
.menu-06 a{width:120px;}

#content{ padding:5px 15px;}

#sidebar{ float:left; width:220px; padding-top:60px;}
.side-title{ width:220px; height:30px; margin-bottom:10px;}
.side-title h2{display:none}
.side-box { margin-bottom:10px;}
.title-categories{ background:url(images/h2_categories.gif) no-repeat;}
.title-links{ background:url(images/h2_links.gif) no-repeat;}
.title-tips{ background:url(images/h2_tips.gif) no-repeat;}

ul.side-menu{ margin-left:10px; margin-right:10px; border:1px solid #6fbee7; padding-bottom:10px; padding-left:10px; padding-right:10px; padding-top:5px;}
ul.side-menu li{ border-bottom:1px solid #8f8f8f;}
ul.side-menu li.sub-category a{ display:block; font-weight:bold; font-size:13px;padding:5px 10px 5px 50px; color:#1a1533; background:url(images/side_menu_sub_bg.gif) no-repeat;}
ul.side-menu li.sub-category a:hover{ background:url(images/side_menu_sub_bg_hover.gif) no-repeat; color:#1d8bc6}
ul.side-menu li.main-category a{ display:block; font-weight:bold; font-size:13px; padding:5px 10px 5px 30px; color:#1a1533; background:url(images/side_menu_bg.gif) no-repeat;}
ul.side-menu li.main-category a:hover{ background:url(images/side_menu_bg_hover.gif) no-repeat; color:#1d8bc6}

ul.side-link{margin-left:10px; margin-right:10px;padding-left:10px; padding-right:10px; border:1px solid #6fbee7;padding-bottom:10px;}
ul.side-link li{ border-bottom:1px solid #0b5884;}
ul.side-link li a{ display:block; padding:5px 10px 5px 30px; color:#1a1533; background:url(images/side_menu_bg.gif) no-repeat;}
ul.side-link li a:hover{ background:url(images/side_menu_bg_hover.gif) no-repeat;}

.tracking { background:url(images/track.gif) no-repeat center top; padding-top:120px; padding-bottom:80px; text-align:center}


#main{ float:left; width:720px; margin-left:10px;}
#main h1{ font-size:18px; padding-bottom:5px; color:#dcb46f; border-bottom:1px solid #dcddd8; margin-bottom:10px;}

ul.product-list li{ float:left; width:180px; text-align:center; padding-bottom:20px;}
ul.product-list li p.image{ height:105px;}
ul.product-list li p.title a{ color:#3194cb; font-size:13px; font-weight:bold}
ul.product-list li p.price strong{ color:#FF0000}
ul.product-list li a{}
ul.product-list li a img{ border:1px solid #6fbee7; background:#FFFFFF; padding:4px;}

div.product-detail{ text-align:center; padding-bottom:10px;}
div.product-detail img{border:1px solid #6fbee7; background:#FFFFFF; padding:4px;}
div.product-detail p.image{ padding-bottom:10px; }
div.product-detail p.price{ font-size:16px; font-weight:bold}
div.product-detail p.price strong{ color:#FF0000}

/* travel list */
ul.travel{ margin-top:5px;}
ul.travel li { clear:both;}
ul.travel li div{float:left; padding-bottom:15px;}
ul.travel li .travel-thumb{ width:150px; text-align:center;}
ul.travel li p.title{ font-weight:bold; padding-bottom:3px;}
ul.travel li .travel-desc{ width:550px;}
ul.travel li a{ text-decoration:underline; color:#1e8cc9}
ul.travel li img{ padding:4px; border:1px solid #6fbee7}



.page{ padding-bottom:10px;}
.page p{ padding-bottom:7px;}
.page ol{ margin-left:40px;}
.page ol li{ list-style-type: decimal; vertical-align:text-top}
.page ul{ margin-left:40px;}
.page ul li{ list-style-type:disc; vertical-align:text-top}

#footer{ text-align:center; border-top:1px solid #46bef0; padding-top:10px; font-size:11px;}
#footer a{color:#1e8cc9}
.fmenu{ padding-bottom:5px;}
.fmenu a{ color:#555555; font-size:12px; font-weight:bold; padding-left:10px; padding-right:10px;}
.copyright{ padding-bottom:5px;}
.powered{}

/* sendmail */
#sendmail { padding-left:20px; color:#000000; padding-bottom:40px; padding-top:10px;}
#sendmail .mail-error{ color:#FF0000}
#sendmail .mail-success{ color:#339900;}
#sendmail .box-sending{text-align:center; background:#BEEFFD; border:1px solid #0DC3F7; padding-top:3px;padding-bottom:3px}
#sendmail .box-error{text-align:center; background:#FAB8B8; border:1px solid #CC0000; padding-top:3px;padding-bottom:3px}
#sendmail .box-success{text-align:center; background:#DDF8C5; border:1px solid #8DC83A; padding-top:3px;padding-bottom:3px}
#sendmail .box-hide{ display:none}
#sendmail input{ width:300px;}
#sendmail textarea{ width:300px; height:100px;}
#sendmail #send{ width:auto;}

/* paging */
.paging-box{ padding-bottom:10px;border-top:1px solid #dcddd8; padding-top:5px;}
.paging{padding:10px;}
.paging strong{ font-weight:bold; margin:2px;color:#000;}
.paging a{margin:2px; background:#FFFFFF; color:#3194cb; font-weight:bold}
.paging a:hover{color:#3194cb;}

p.more{ font-weight:bold; text-align:right; padding-bottom:15px; padding-top:5px;border-top:1px solid #dcddd8;}
p.more a{color:#3194cb;}