/*  
Theme Name: newtrek	
Theme URI: www.newtrek.com.hk		
Description: 
Version: 2.0
Author: Chu Kong/Evanias Ng of New Trek 2013
Author URI: www.newtrek.com.hk with WCAG	
*/

/**************** Body *********************/
* { margin:0; padding:0;}
a{color:#154595} /* change #154595 blue to dark blue #006*/
a:hover{color:#000;}
a:visited{color:#004498;} /*similar to #154595*/
body {
	font-size: 9.5pt;
	font-family:  Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 170%;
	background-color: #f2f2f2; /*grey ccc*/
	/*background:  url(images/bg.jpg) top center fixed repeat-y;*/
}
#top{ margin: 0 auto; width: 1024px; height: 96px; background:#fff;}

#header { margin: 0 auto;  width: 1024px; height: 250px;  }
#wrapper { margin: 0px auto; padding: 0; width: 1024px; }
#wrapper-top {width:1024px; height:28px; margin:0 auto;  background: url("images/header_bottom.jpg") top left repeat-x;}


/**************** Top *********************/
/*
#top a, #top a:hover, #top a:visited{color: #00F; float: left; margin-top:10px;margin-left:15px; background: url(images/logo.png) top center no-repeat; width: 95px; height: 68px;}
*/
#top a, #top a:hover, #top a:visited{color: #00F; float: left; margin-top:0px;margin-left:15px; width: 360px; height: 68px;}
#top h2 {margin:29px 0 0 10px; text-align:right; float:left;}
#top h2 span {color: #333; font-size: small; font-weight: normal; line-height: 25px;}
#top h3 {float:right;color: #777777;    font-style: italic; font-weight: normal; margin:29px 10px 5px 0;}

#top #font_bar {clear: right; float: right; margin-right: 170px; margin-top: -19px; }
#top #font_bar  a, #top #font_bar a:hover, #top #font_bar a:visited {
	color:#000000;
	float: none;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align:bottom;
	text-decoration:none;
}

#top #font_bar table.layout {
	padding:0px;
	border-width:0px;

}

#top #fonts{clear:both; float: right; height:19px; width:auto; margin-right:10px; margin-top:-20px;}

#top #sitemap {clear: right; float: right; margin-right: 300px; margin-top: -19px; }
/*#top #sitemap{
	color:#000000;
	float: none;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align:bottom;
	text-decoration:none;

}*/


#top #skip{clear:right; float: right; height:19px; margin-right: 50px; margin-top:-20px;}


#top #search_box {clear: right; float: right; height: 19px; margin-right: 10px;  margin-top:65px;}

#top #search_box input[type="text"] {width:117px; height:19px; padding-left:4px; float:left; border:0;background:url('images/search_bg.jpg') top left no-repeat;}
#top #search_box input[type="image"] {width:20px; height:19px;}

/**************** Menu *********************/
/*#navbar { margin: 0px auto; padding: 0px; width:938px; height: 31px; background: url(images/navbar.gif) no-repeat;}*/
#menu {margin: 0 auto; padding: 0px; width: 1024px; height:30px;line-height:30px; background:#333 url("images/menu_bg.jpg") top left repeat-x;  }
table.menu {width:100%; }
div.menu-item-container {width:auto;height:30px; overflow:hidden; } 
table.menu-item {
	width:100%;
	cursor:pointer;
	color: #FFF;

}
td.menu-item1{
	width:6px;
	background:url(images/menu_bg.jpg) top left no-repeat;
	color: #FFF;
	
}
td.menu-item2{
	background:url(images/menu_bg.jpg) top left repeat-x;
	text-align:center;
	width:134px;
	color: #FFF;
	
}
td.menu-item3{
	width:6px;
	background:url(images/menu_bg.jpg) top right no-repeat;
	color: #FFF;
	
}
table.menu-item a, table.menu-item a:visited{
	border-bottom:0;
	border-left:0;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

table.menu-item-hover {
	width:100%;
	background:url(images/menu_over1.jpg) top left repeat-x;
	cursor:pointer;
	color: #FFF;
}
td.menu-item1-hover{
	width:6px;
	background:url(images/menu_over1.jpg) top left repeat-x;
	color: #FFF;
}
td.menu-item2-hover{background:url(images/menu_over2.jpg) top left repeat-x;text-align:center; width:135px;}
td.menu-item3-hover{width:6px; background:url(images/menu_over3.jpg) top left repeat-x;}
table.menu-item-hover a, table.menu-item-hover a:visited{border-bottom:0;border-left:0;color:#fff;text-decoration:none;font-weight:bold;}

div.menu-item-container_current{width:auto;height:30px;overflow:hidden;}
div.menu-item-container_current table.menu-item {width:100%;cursor:pointer;}
div.menu-item-container_current td.menu-item1{width:6px; background:url(images/menu_over1.jpg) top left repeat-x;}
div.menu-item-container_current td.menu-item2{background:url(images/menu_over2.jpg) top left repeat-x;text-align:center;width:135px;}
div.menu-item-container_current td.menu-item3{width:6px; background:url(images/menu_over3.jpg) top left repeat-x;}
div.menu-item-container_current table.menu-item a, div.menu-item-container_current table.menu-item a:visited{border-bottom:0;border-left:0;color:#fff;text-decoration:none;font-weight:bold;}


/**************** Header and slide banner *********************/
div#header div#slide{ width: 963px; height: 301px; margin: 0 0 0 27px; border-radius: 20px 20px 0 0;}
div#slide div.slide-wrap { width : 963px; height : 301px; margin : 0 auto;  }
div#slide div.slide-wrap div#slide-holder {z-index : 40; width : 963px; height : 301px; position : absolute; }
div#slide div.slide-wrap  div#slide-holder div#slide-runner {width : 963px; height : 301px; overflow : hidden; position: absolute;}
div#slide div#slide-holder img {margin : 0; display : none; position : absolute; }
div#slide div#slide-holder div#slide-controls {float:right;left : 40px; top : 115px; width : 307px; height : 475px; display : none; position : inherit; background:  url("images/slide-text-bg.png") top left no-repeat;}
div#slide div#slide-holder div#slide-controls p.text { float : left; width:90%; color : #fff; display : inline; font-size : 14px; line-height : 19px; margin : 15px 0 0 20px; }
div#slide div#slide-holder div#slide-controls p.text a, div#slide div#slide-holder div#slide-controls p.text a:visited{color:#fff;}
div#slide div#slide-holder div#slide-controls p.text a:hover{color:#0d5fc5;}
div#slide a.readmore,div#slide a.readmore:visited { color : #fff; display : inline; font-size : 12px; font-weight:bold; line-height : 19px; margin : 0 0 0 196px; }
div#slide a.readmore:hover { color : #0d5fc5;}
div#slide div#slide-holder div#slide-controls p#slide-nav {float : right; height : 14px; display : inline; margin : 11px 15px 0 0; position:inherit; right:0px; top: 134px;}
div#slide div#slide-holder div#slide-controls p#slide-nav a {float : left; width : 14px; height : 14px; display : inline; font-size : 0;  margin : 0 10px 0 0; }
div#slide div#slide-holder div#slide-controls p#slide-nav a.on { background-position : 0 -14px; }
div#slide div#slide-holder div#slide-controls p#slide-nav a { background-image : url(images/slide-nav.png); }
div#slide-title{width:450px; height:70px;table-layout:fixed;vertical-align:middle;top:45px; left:30px; position:relative; z-index:100;}
div#slide-title h1{float:left;color: #fff; font-size: xx-large; text-shadow:2px 2px 5px #000;line-height:35px;}

div#banner h1{color:#fff; margin-left:40px; text-shadow:2px 2px 5px #000;line-height:35px;}
div#banner{width:963px; height:301px; margin : 0 auto; padding-top:120px;}
.banner01 { background: url("images/banner01.jpg") top left no-repeat; }
.banner02 { background: url("images/banner02.jpg") top left no-repeat; }
.banner03 { background: url("images/banner03.jpg") top left no-repeat; }
.banner04 { background: url("images/banner04.jpg") top left no-repeat; }
.banner05 { background: url("images/banner05.jpg") top left no-repeat; }
.banner06 { background: url("images/banner06.jpg") top left no-repeat; }

/**************** Search *********************/
#searchrss { margin: 0px; padding: 0px; float: right; width: 420px; text-align:right; }
#rss { color:#333; float:left; line-height:32px; background:url(images/rss.gif) no-repeat left; padding-left:20px; padding-right:10px; font-size:11px;}
#rss a,#rss a:link, #rss a:visited {  color:#333; text-decoration: none; padding:0;} 
#rss a:hover { color: #0e4761; text-decoration: none; padding:0;}
#topsearch { float:right; width: 230px; height: 22px; font-size:8pt; font-weight:bold; background: url(images/bg_search_box.gif) no-repeat; margin:5px 0 0 0; }
#topsearch #ls { float: left; padding: 0; margin: 3px 0 0 6px; border: 0; width: 145px; font-size:8pt; background: none; }
#topsearch #go { float: right; margin: 0 6px 0 0; }

/**************** Content *********************/
#main { margin: 0px auto; padding: 0; width:1024px; background-color:#e5e8eb;} /*light grey*/
#content { margin: 0px; padding: 0px; float: left;}

/**************** Sidebar *********************/
#lsidebar{ margin: 0px; padding: 0px; float: left;  width:195px;}
.lsidebar {
	padding:0;
	float: left;
	width:100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left:0px;
	text-align: left;
}
.lsidebar ul{ list-style-type: none; margin: 0; padding: 0;}
.lsidebar ul li{
	margin: 0 0 20px 0px;
	line-height: 2em;
	background:url(images/sidebar_top.jpg) top center repeat-x;
}
.lsidebar ul li h3{
	padding:0 0 0 5px;
	height: 32px;
	line-height:32px;
	font-weight:bold;
	text-transform: uppercase;
	background:url(images/sidebar_top.jpg) top center repeat-x;
}


.lsidebar ul ul li{
	margin: 0 0 0 7px;
	padding: 0 0 0 13px;
	width:174px;
	line-height: 2em;
	background: url(images/bullet.png) no-repeat 0px 3px;
}

.lsidebar ul ul li a, .lsidebar ul ul li a:visited{ color:#000; text-decoration:none;}/*000*/
.lsidebar ul ul li a.current, .lsidebar ul ul li a.current:visited{
	color: #039;  /*#154595 blue change to dark blue #006*/
	font-weight:bold;
	text-decoration:none;
}
.lsidebar ul ul li a:hover{ color: #369; }
.lsidebar ul ul li.quicksms{ margin: 0; padding:0; line-height: 22px; background:none;}
.lsidebar ul ul ul{ border: 0; padding: 0; background-image: none; }
.lsidebar ul ul ul li{ padding: 0 0 0 10px;; background-image: none; }
.lsidebar ul li div.lscontent{ margin:0 0 0 8px;width:180px; }
div.lsidebar-foot {width:100%; height:10px; background: url("images/lsidebar-foot.png") left bottom no-repeat;position:relative; bottom:-10px; margin:0 0 0 0;}


#sidebar { margin: 0px; padding: 0px; float: right; width: 195px; }
.rsidebar { margin:0; padding:0;float: right; width: 728px; }
.rsidebar ul{ list-style-type: none; margin: 0; padding: 0;}
.rsidebar ul li{ margin: 0 0 20px; background: url("images/rsidebar-bg.png") repeat-y 0 0 transparent;}
.rsidebar ul li h2{ height: 33px; line-height: 33px; padding: 0 0 0 15px;font-size:12px; font-weight:bold; text-transform: uppercase; color: #fff; background:url(images/title2.png) no-repeat; position:relative; top:-5px;}

.rsidebar ul ul li{  margin: 0 0 0 4px; padding: 0 0 0 13px; width:165px; line-height: 22px;  background: url(images/bullet.gif) no-repeat 0px 5px; }
.lsidebar ul ul li a, .lsidebar ul ul li a:visited{ color:#333; text-decoration:none;}
.lsidebar ul ul li a:hover{
	color:#369;
}
.rsidebar ul ul li.quicksms{ margin: 0; padding:0; line-height: 22px; background:none;}
.rsidebar ul ul ul{ border: 0; padding: 0; background-image: none; }
.rsidebar ul ul ul li{ padding: 0 0 0 10px;; background-image: none; }
.rsidebar .widget {
	float: right;
	margin: 5px;
	width: 189px;
}
.rsidebar ul li div.rscontent{ margin:0 0 0 8px;width:171px; }
div.rsidebar-foot {width:100%; height:10px; background: url("images/rsidebar-foot.png") left bottom no-repeat;position:relative; bottom:-10px; margin:0 0 0 0;}


/**************** Entry *********************/

.entry { margin: 0px; padding: 0px; float: left; width: 815px; background: url(images/content-bg.jpg) top left repeat-y; }
.entry-top { width:100%;height:0; }
.entry-body { width:100%;height:auto; }
.entry-bottom { width:100%;height:9px;background:url(images/content-bg-bottom.png) top left no-repeat;}

.post {
	margin-left: 15px;
	padding-top: 5px;
	width: 695px;
	
}
.post a, .post a:link, .post a:visited   {
	color: #154595; /* change #154595 to dark lue#006*/
	text-decoration: none;
	padding:0;
	font-weight:bold;
} 
.post a:hover{
	text-decoration: none;
	padding:0;
	font-weight:bold;
	border-bottom:0px dotted #006699;
	color: #06C;
}
.post h2 {
	margin:6px 0 0 0;
	padding:0 0 5px 0;
	text-align:left;
}
.post h3 {
	margin:10px 0 0 0;
	padding:0 0 5px 0;
}
.post h4 {
	margin:6px 0 0 0;
	padding:0 0 5px 0;
}
.post p {
	margin:0;
	padding:5px 0 10px 0;
	text-align: left;
}
.post ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 5px;  } 
.post li {
	background: url("images/bullet-circle-green.png") no-repeat scroll 0 3px transparent;
	line-height: 2em;
	margin: 0;
	padding: 0 0 0 18px;
}
/*.post ol { padding: 0 0 0 35px; margin: 0; }
.post ol li { margin: 0; padding: 0; }*/
.line { margin:10px 0 0 0; padding:0 0 20px 0; }

/**************** Icon Plate *********************/
.icon-plate td{cursor:pointer; background-image:url(images/box_blue.png);} 
.icon-plate img { float:left; margin-left: 15px;} 
.icon-plate h2 {
	float:right;
	color:	#000;
	margin-right: 15px;
	text-align: left;
	width: 160px;
	font-size: 18px;
	font-weight:normal;
	text-decoration: none;
} 
.icon-plate strong {
	font-size:18px;
	color: #000;
	font-weight: bold;
} 



/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; padding-top: 10px; padding-bottom: 60px; }
.alignright{float:right;}
.alignleft{float:left;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
code {font-size:1.0em;color: #000}

/**************** Contact *********************/


/**************** Comments *********************/
#commentsbox { margin: 0px; padding: 0px; float: left; width: 500px; font-size:11px;}
#comments h2{margin:10px 0 0 0; padding:0; color:#ff5c00; font-size:14px; font-weight:normal;}
h3 #respond  {margin:10px 0 0 0; padding:0; color:#ff5c00; font-size:14px; font-weight:normal;}
.boxcomments{margin-bottom:20px;width:500px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0; }
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist li{border-bottom:20px solid #fff;display:block;list-style:none;margin:0;padding:5px 15px 1px; background:#f2f8ff;}
ol.commentlist li.mycomment{border-bottom:20px solid #fff;display:block;list-style:none;margin:0;padding:5px 15px 1px; background:#f3fdff;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.tblist{list-style:none;margin:0 0 1px;padding:0;}
ol.tblist li{display:block;list-style:none;padding:10px 5px 10px 5px;margin:0 0 5px; border:1px dashed #ccc;}
input#url,input#author,input#email,textarea{color:#000;width:40%;border:1px solid #cbcbcb;margin-bottom:0.6em;background:#fcfcfc;margin-top:2px;padding:3px;}



/**************** foot-nav *********************/
#foot-nav{ width:1024px; height: 145px/*157px*/; background:  url(images/footnav_bg.jpg) top left repeat-x; margin: 0 auto; padding-top:10px;}
#foot-nav td{ width:auto;}
#foot-nav th{ text-align:left;}
#foot-nav table{ margin:0 0 0 50px; text-align:left; }
#foot-nav a{color:#000; text-decoration:none; cursor:pointer; font-weight:bold;}
#foot-nav a:hover{color:#154595; text-decoration:underline;} /* change hover color #154595 to #006*/


/**************** Footer *********************/
#footer { margin: 0 auto; padding: 0px; background: url(images/footer_bg.jpg) top left repeat-x; width:1024px; height: 35px; clear:both; }
#footer a,#footer a:link,#footer li a:visited{border-bottom:0;text-decoration:none;}
#footer a:hover,#footer a:active{color:#000;text-decoration:none;}

#member{color: #fff; margin:2px 15px 5px 15px; float: left;}
#copyright{color: #fff; margin:2px 15px 5px 15px; float: right;}

#wrapper_ {
	padding: 0;
	width: 1017px;
	height:30px;
	background:transparent url(images/mainpane-3.png) no-repeat bottom;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*.widget_nextgenimage h2 { display:none;}*/
.ngg-widget { text-align:center; padding: 4px 11px 10px 11px; background: #eaeaea url(images/sidebar-bottom.gif) no-repeat bottom; line-height:150%;}


/*img-control-tempory

.post img{width:100%;height:auto;}*/


.largefont {
	font-size: 1.4em;
	font-weight:bold;

}
.mediumfont {
	font-size: 1.2em;
	padding:0 0 0 5px;
	height: 32px;
	line-height:32px;
	font-weight:bold;
	text-transform: uppercase;
	/*background:url(images/sidebar_top.jpg) top center repeat-x;*/
}
.smallfont {
	font-size: 1.1em;
	font-weight:bold;
	
}

/* ================================================================================================= 
        Screen Reader 
================================================================================================= */ 
.access {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;} 
.ignore {display:none !important;} /*hide elements which added for validation*/

#size{
    float: left;
}
#font_bar ul {
    list-style: none;
	    vertical-align: baseline;
}
#size li{
    float: left;
    height: 24px;
    position: relative;
    width: 20px;
}
#size li a{
    text-decoration: none;
    position: absolute;
    bottom: 0;
    line-height: 1;
    color: #105773;
}
#size li .small{
    font-size: 12px;
}
#size li .med{
    font-size: 18px;
}
#size li .large{
    font-size: 24px;
    bottom: -2px;
}