/* CSS Document */

/*** Top Menu ***/
.menu {
	width: 100%;
	height: 43px;
	position:relative;
	z-index:100;
	padding: 0px;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
	
	}
	
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul {

}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
	float:left;
	position:relative;
	padding: 0px 0px 0px 0px;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	background: url(../images/topmenu-border.gif) top right repeat-y;
}
	

/* style the links for the top level */
.menu ul li a, .menu ul li a:visited {
	display:block;
	float: left;
	color: #FFF;
	margin:0 2px 0px 0;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	padding: 15px 14px;
	text-align: center;
}
	
.menu ul li a.ad-on, .menu ul li a:visited.ad-on {
	padding: 6px 8px 6px 8px !important;
	text-decoration: none;
}

/* style the third level background */
.menu ul ul li a, .menu ul ul li a:visited {
	background-color: #009999;
	padding: 8px 0px 8px 15px;
	width: 190px;
	color: #FFF;
	font-size:0.94em;
	text-align: left;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px solid #008585;	
}
	
	
/* style the third level hover */
.menu ul ul li a:hover {
	background:#00b0b0;
	color: #ffff66;
	text-decoration: none;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:43px;
	left:0;
	width:180px;
}
	
.menu ul ul li {
	background: none;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:43px;
	t\op:43px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}

/* style the top level hover */
.menu a:hover, .menu ul li a:hover{
	color:#FFF;
	background: #009999;
	text-decoration: none;
	}
	
.menu :hover > a, .menu ul li :hover > a {
	color:#FFF;
	background: #009999;
	text-decoration: none;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}







/*** SEARCH BAR ***/

.quicksearch{
	float: right;
	width: 180px;
	height: 18px;
	padding: 5px 2px 5px 5px;
	background: url(../images/search-back.png) left center repeat-x;
	margin: 7px 0px 0px 0px;
	border: 1px solid #006699;
}


fieldset {
	border: 0px;
	overflow: hidden;
}

.quicksearch .s-input{
	background: none;
	border: 0px;
	height: 18px;
	width: 150px;
	padding: 2px 5px 0px 5px;
	color:#006666;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform:none;

}



/**** Trekking Box ***/

#treklist h1{	
	padding: 6px;
	font-family: Tahoma, Arial;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #666600;
}

#treklist p{
	font-family: Verdana, Arial;
	font-size: 12px;
	border-bottom: 1px dotted #999;
	padding: 6px 0px 6px 30px;
	background: url(../images/arrow.gif) left center no-repeat;
}

#treklist p .smalltext{
	font-family: Tahoma, Arial;
	font-size: 10px;
	padding-top:5px;
}

#treklist a{
	color: #006633;
	text-decoration: none;
}

#treklist a:hover{
	color: #3366cc;
	text-decoration: underline;
}


/*** Intro Text ***/
.welcome h2{
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: -3px;
	color: #003333;
}

.welcome p{
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	padding-right: 10px;
	text-align:justify;

}


/*** Trip Plan ***/

#plantourtrip h3{
	padding: 5px 0px 5px 15px;
	font-family: Arial;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #666600;	
}

.formbox-home{
	width: auto;
	padding: 5px;
	border: 1px solid #e0e0d0;
	background-color:#e8f8f8; 	
}

.formbox-home p{
	font-family: Arial, Verdana, Helvetica;
	font-size:12px;
	width: auto;
	clear: left;
	right: auto;
	margin: auto;
	padding: 3px 2px;
	height: 5%;

}
* html .formbox-home p{
	font-family: Arial, Verdana, Helvetica;
	font-size:12px;
	width: auto;
	clear: left;
	right: auto;
	margin: auto;
	padding: 3px 2px;
	height: 1%;
	line-height: 5px;

}

.formbox-home .writespace{
	font-size: 12px;
	float: left;
	margin-left: 5px; 
	width: 25%;
	text-align: left;
}

.countryinfobox{
	height: 125px;
	padding: 0px;
}

.countryinfobox h3{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding: 60px 0px 0px 5px;
	text-shadow: 0px 1px 1px #FFF;
}

.countryinfobox h3 a{
	color: #000099;
	text-decoration: none;
}

.countryinfobox p{
	padding: 0px 5px;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #000;
	text-shadow: 0px 1px 1px #FFF;
}

#speicaltourbox a{
	text-decoration: none;
}

#speicaltourbox .infobox{
	float: left;
	height: 40px;
	width: 250px;
	padding: 0px;
	margin-bottom: 2px;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	background: url(../images/reco-cornor.gif) right bottom no-repeat;
}

#speicaltourbox .infobox .leftimage{
	float: left;
	height: 40px;
	margin-right: 7px ;
}









.rec-infobox{
	width: 205px;
	padding: 0px;
	margin-bottom: 2px;
	float: left;
	margin-left: 15px;
	background: url(../images/reco-cornor.gif) right bottom no-repeat;
	font-family: Arial;
	font-size: 11px;
	padding-top: 5px;
}



.rec-infobox .leftimage{
	float: left;
	margin-right: 7px ;
	margin-top: -5px;
	margin-left: 5px;
}








.tripinfolink{
	padding: 0px 0px 15px 0px;
	font-family: Arial, Verdana;
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 18px;
	border-bottom: 1px solid #EEE;
}

.tripinfolink p{
	padding: 0px;
}

.tripinfolink h3{
	padding: 0px;
	font-family: Arial, Verdana;
	font-size: 18px;
	margin-bottom: 10px;
	color: #006666;
}

.tripinfolink h3 a{
	text-decoration: none;
	color: #006666;
}

.tripinfolink .leftimage{
	padding: 2px;
	border: 1px solid #CCC;
	float: left;
	margin: 0px 10px 10px 0px;
}

.tripinfolink .rightimage{
	padding: 2px;
	border: 1px solid #CCC;
	float: right;
	margin: 0px 0px 10px 10px;
}

.tripinfolink .readmore{
	float: right;
	border: 1px solid #EEE; 
	margin-top: 5px;
	background-color: #FFF;
	padding: 4px;
}

.tripinfolink .readmore a{
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
}


/*** Right menu list ***/

.leftmenulist{
	width: 100%; /*width of menu*/
	float: left;
	margin-bottom: 20px;
}

.leftmenulist h4{
	font: bold 15px Arial;
	color: #EEEEEE;
	background: #006699;
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	padding: 5px; /*header text is indented 10px*/
}

.leftmenulist ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.leftmenulist ul li{
	padding: 0px; /*bottom spacing between menu items*/
	font-family: Helvetica, Verdana, Arial;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 1px;
	margin-bottom: -1px;
}

.leftmenulist ul li a{
	color: #003399;
	background:#e8f8f8 url(../images/bullet.gif) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 5px 0;
	padding-left: 20px; /*link text is indented 19px*/
	text-decoration: none;
	border-bottom: 1px solid #cceecc;
	font-size: 100%;
}

*:first-child+html .leftmenulist ul li a{
	padding: 1px 0;
	padding-left: 20px; /*link text is indented 19px*/
}

* html .leftmenulist ul li a{
	padding: 2.5px 0;
	padding-left: 20px; /*link text is indented 19px*/

}

.leftmenulist ul li a:visited{
	color: #003399;
}

.leftmenulist ul li a:hover{ /*hover state CSS*/
	color: #0033aa;
	background: #dadada url(../images/bullet-over.gif) no-repeat center left;
}



/**** Round Box ***/

	#labfooter {
		text-align:center;
		clear:both;
	}
	.adwrap {
		margin:10px auto;
		padding:10px 0;
		width:468px;
		border:1px solid #ccc;
		border-width:1px 0;
	}
	.adwrap object {
		width:468px;
		height:60px;
	}
	
	/* CSS for the box starts here */
	.box {
		padding:0 12px 0 0;
		background:#fff url(../images/borders.gif) 100% 0 repeat-y;
		float: left;
		width: 683px;
		margin: 10px 0px;
	}
	.bi {
		padding:0 0 0 12px;
		background:#fff url(../images/borders.gif) 0 0 repeat-y;
	}
	.bt {
		height:17px;
		margin:0 -12px;
		background:url(../images/box.gif) 100% 0 no-repeat;
	}
	.bt div {
		width:18px;
		height:17px;
		background:url(../images/box.gif) 0 0 no-repeat;
	}
	.bb {
		height:17px;
		margin:0 -12px;
		background:url(../images/box.gif) 100% 100% no-repeat;
	}
	.bb div {
		width:18px;
		height:17px;
		background:url(../images/box.gif) 0 100% no-repeat;
	}
	.box h3 {
		margin: -7px 0px 0px 0px;
		padding:5px 10px;
		background:#efece6;
		font:bold 16px Arial, Helvetica, sans-serif;
	}
	.box p, .box ul{
		margin:0;
		padding:4px 10px;
		background:#fff;
	}
	.box li {
		margin:0 0 0 2em;
		padding:0;
	}
	
.trip-nepal{
	float: left;
	width: 50%;
	padding: 3px 3px 0px 2px;
	margin: 0px 10px 5px 5px;
}	
	
.trip-nepal li {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #881a05;
	border-bottom: 1px solid #eae9c4;
	padding: 3px 5px 4px 20px;
	margin: 0px 0px 2px 0px; 
	background: url(../images/star-1.gif) top left no-repeat;
	list-style: none;
}


.box a{
	text-decoration: none;
	color: #0033aa;
}
.box a:hover{
	color:#060;
}


.trip-tibet{
	float: left;
	width: 40%;
	padding: 3px 3px 0px 2px;
	margin: 0px 5px 5px 10px;
}

.trip-tibet li {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #881a05;
	border-bottom: 1px solid #eae9c4;
	padding: 3px 5px 4px 20px;
	margin: 0px 0px 2px 0px; 
	background: url(../images/star-1.gif) top left no-repeat;
	list-style: none;
}


/*** Footer trip link menu ***/

.triplinks h4, .triplinks-last h4{
	width: auto;
	background-color: #006666;
	padding: 6px 4px;
	font-family: Arial;
	font-size: 14px;
	letter-spacing: -1px;
	color: #FFF;
}




.tripmenu {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0px;
	background: #FFF;
	list-style: none; 
	}
.tripmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.tripmenu li a {
	display: block;
	padding: 5px 10px 5px 22px;
	margin: 0px;
	/* background: url(../images/webbullet.gif) left center no-repeat; */
	border-top: 1px solid #EEEEEE;
	text-decoration: none;
	color: #002b8d;
}
.tripmenu li a:hover {
	color: #ae4f01;
	text-decoration: none;
	/*background: #eef8fe url(../images/webbullet-hover.gif) left center no-repeat; */
}
	
* html .tripmenu  li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
	width: 83.5%;
}


/*** footer ***/
.aff-logo{
	padding: 2px;
	margin-top: 6px;
	margin-right: 3px;
	padding: 0px;
	background: #FFFFFF;
	border: 1px solid #999999;
}

.social-logo{
	padding: 2px;
	margin-top: 6px;
	margin-left: 3px;
	padding: 0px;
	background: #FFFFFF;
	border: 1px solid #999999;
}



/* Booking bar */

.booking-bar {
	float: left;
	width: 100%;
	padding: 5px 0px;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	margin: 10px 0px;
	font: bold 14px Arial, Helvetica, sans-serif;

}

a.book-link{
	margin: 0px 10px 0 0 !important;
	color:#000000;
    border:0px;
    padding:7px 10px 7px 28px !important;
	float: left;
	background: url(../images/icon-book.gif) left center no-repeat;
	text-decoration: none;
	}

a.book-link:hover{
	background: url(../images/icon-book.gif) left center no-repeat;
	text-decoration: underline;
	color: #006699;
	}
	
a.print-link{
	margin: 0px 10px 0 0 !important;
	color:#000000;
    border:0px;
    padding:7px 10px 7px 28px !important;
	float: left;
	background: url(../images/icon-print.gif) left center no-repeat;
	text-decoration: none;
	}

a.print-link:hover{
	background: url(../images/icon-print.gif) left center no-repeat;
	text-decoration: underline;
	color: #006699;
	}
	
a.tf-link{
	margin: 0px 10px 0 0 !important;
	color:#000000;
    border:0px;
    padding:7px 10px 7px 28px !important;
	float: left;
	background:url(../images/icon-tell-friend.gif) left center no-repeat;
	text-decoration: none;
	}

a.tf-link:hover{
	background:url(../images/icon-tell-friend.gif) left center no-repeat;
	text-decoration: underline;
	color: #006699;
	}
	
a.back-link{
	margin: 0px 10px 0 0 !important;
	color:#000000;
    border:0px;
    padding:7px 10px 7px 28px !important;
	float: left;
	background:url(../images/icon-back.gif) left center no-repeat;
	text-decoration: none;
	}

a.back-link:hover{
	background:url(../images/icon-back.gif) left center no-repeat;
	text-decoration: underline;
	color: #006699;
	}



/* Trip Box for category page */
#trip-box {
	float: left;
	background: #FFF;
	width: 680px;
	padding: 4px;
	/* -moz-box-shadow:    3px 3px 5px 6px #ccc;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow:         3px 3px 5px 6px #ccc; */
	box-shadow: -1px 0px 8px rgba(0, 0, 0, 0.40);
	-moz-box-shadow: -1px 0px 8px rgba(0, 0, 0, 0.40);
	-webkit-box-shadow: -1px 0px 8px rgba(0, 0, 0, 0.40);
	margin: 15px 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #d1d1d1;
}


#trip-box-in {
	float: left;
	background: #FFF;
	width: 678px;
	padding: 0px;
	border: 1px solid #d9d9d9;
}

#trip-box-in h3 {
		margin: 0px 0px 0px 0px;
		padding:5px 10px;
		background:#efece6;
		font:bold 16px Arial, Helvetica, sans-serif;
		text-shadow: 0px 1px 1px #FFF;
	}


#trip-box-in h3 span {
	float: right;
	width: 200px;
	text-align: right;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-top: 3px;
	
}

#trip-box-in h3 span a {
	color: #0033c8;
	text-decoration: none;
	padding: 2px 0px;
	border-radius: 4px;
	letter-spacing: 0px !important;
}

.tour-box h2 span a:hover {
	color: #ffd800;
	background: #05aa41;
	text-decoration: none;
	
}
.trip-box {
	float: left;
	width: 210px;
	padding: 10px 7px;
	font: normal 12px/1.5 Arial, Helvetica, sans-serif;
	color: #666666;
}

.trip-box img{
	background: #FFF;
	padding: 0px;
	margin: 0px 10px 5px 0px;
	float: left;
	border: 0px;
}

.trip-box h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #881a05;
	padding: 0px;
	margin: 0px;
}

.trip-box h4 span{
	font: bold 10px Arial, Helvetica, sans-serif !important;

}


.trip-box h4 a{
	color: #0033aa;
	text-decoration: none;
}


.trip-box h4 a:hover{
	color: #006600;
	text-decoration: underline;
}


/* Trip Box for departure page */
.depart-box {
	float: left;
	width: 325px;
	padding: 10px 7px;
	font: normal 12px/1.5 Arial, Helvetica, sans-serif;
	color: #333;
}

.depart-box img{
	background: #FFF;
	padding: 0px;
	margin: 0px 10px 5px 0px;
	float: left;
	border: 0px;
}

.depart-box h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #881a05;
	padding: 0px 0px 4px 0px;
	margin: 0px;
}

.depart-box h4 span{
	font: bold 10px Arial, Helvetica, sans-serif !important;

}


.depart-box h4 a{
	color: #0033aa;
	text-decoration: none;
}


.depart-box h4 a:hover{
	color: #006600;
	text-decoration: underline;
}


.depart-box .red{
	color: #900;
}

.depart-box .green{
	color: #030;
}


/*Some styles */

.justifyfull {
	text-align: justify;
}

.justifyright {
	text-align: right;
}

.error {
	color: #F00;
}




/* Search Result */

/** Ajax search ***/
       #ajaxSearch_form {
           color: #444;
           width: auto;
       }
       #ajaxSearch_input {
           width: auto;
           display: inline;
           height: 17px;
           border: 1px solid #ddd;
           border-left-color: #c3c3c3;
           border-top-color: #7c7c7c;
           background: #fff;
           margin: 0 3px 0 0;
           padding: 3px 0 0;
           vertical-align: top;
       }
       #ajaxSearch_submit {
           display: inline;
           height: 22px;
           line-height: 22px;
       }
       #ajaxSearch_output {
           border: 1px solid #444;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top;
       }
       .AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
       }
       .AS_ajax_resultLink {
           text-decoration: underline;
       }
       .AS_ajax_resultDescription{
           color: #555;
       }
       .AS_ajax_more {
           color: #555;
       }
	   
	   .ajaxSearch_highlight{
		background-color: #ffdf27;
	   }

	   .ajaxSearch_highlight1{
		background-color: #ffeb77;
	   }

	   .ajaxSearch_highlight2{
		background-color: #99F077;
	   }

	   .ajaxSearch_highlight3{
	   background-color: #77ddee;
	   }

	   .ajaxSearch_resultLink{
		font-weight: bold;
		color: #C24800;
		padding-right: 5px;
	   }

	   .ajaxSearch_resultDescription{
		color: #2a2a2a;
		font-style:italic;
		font-weight:bold;
	   }

	   .ajaxSearch_resultExtract{
		color: #4a4a4a;
		font-size: 11px;
		padding-top: 5px;

		padding-left: 15px;
	   }
	   
	   
/* Inquiry Form */

.formbox{
	width: auto;
	padding: 10px;
	border: 1px solid #d4e9ef;
	background-color:#f5fdff;
	margin: 10px 0px;	
}

.formbox p{
	font-family: Arial, Verdana, Helvetica;
	font-size:12px;
	width: auto;
	clear: left;
	right: auto;
	margin: auto;
	padding: 5px 2px 5px 2px;
	border-bottom: 1px dashed #d4e9ef;
	height: 5%;

}
* html .formbox p{
	font-family: Arial, Verdana, Helvetica;
	font-size:12px;
	width: auto;
	clear: left;
	right: auto;
	margin: auto;
	padding: 5px 2px 5px 2px;
	border-bottom: 1px dashed #d4e9ef;
	height: 1%;

}

.formbox .writespace{
	font-weight: bold;
	font-size: 12px;
	float: left;
	margin-left: 5px; 
	width: 25%;
	text-align: left;
}


.formbox input, .formbox select, .formbox textarea{
	background: #FFFFFF;
	border: 1px solid #bddae3;
	margin: 2px 0px;

}



/* Blog Content */


.blog-post {
	float: left;
	width: 673px;
	background: #f2f2f2;
	border: 1px dotted #d3d3d3;
	margin: 5px 0px;
	padding: 6px 9px;
	color: #333333;
	text-shadow: 0px 1px 1px #FFFFFF;
}

.blog-post h3 {
	font: bold 16px Arial, Helvetica, sans-serif !important;
	padding: 0px 0px 1px 0px;
	color: #006699 !important;
	border-bottom: 1px dotted #d4d4d4 !important;
}

.blog-post h3 a{
	color: #006699;
	text-decoration: none;
}

.blog-post h3 a:hover{
	color: #111111;
	text-decoration: underline;
}


.blog-post .info {
	font: normal 10px Arial, Helvetica, sans-serif !important;
	color: #9e9e9e;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	text-transform: uppercase;
}


.blog-post .info a{
	color: #006666;
	text-decoration: none;
}

.blog-post .info a:hover{
	color: #1e8634;
	text-decoration: underline;
}


/* blog Menu */

.blogmenu {
	float: left;
	width: 220px;
	padding: 0px 0px;
	background: #e8f8f8;
	margin: 0px 0px  20px 0px;
	}
	
.blogmenu h4 {
	font: bold 15px Arial;
	color: #EEEEEE;
	background: #006699;
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	padding: 5px; /*header text is indented 10px*/
}

.blogmenu ul {
	list-style: none;
	font: bold 12px Arial, Helvetica, sans-serif;

	}
	
.blogmenu ul li {
	float: left;
	display: block;
	list-style: none;
	width: 100%;
	
	}
		
.blogmenu ul li a {
	text-decoration: none;
	color: #006699;
	background: url(../images/blog-icon.gif) no-repeat left top;
	border-bottom: 1px dotted #d7e7e7;
	border-top: 1px dotted #f6fdfd;
	padding: 4px 0px 4px 25px;
	display: block;
	float: left;
	width: 195px;
	
	}
	
.blogmenu ul li a:hover {
	text-decoration: underline;
	color: #1e8634;
	background: #daffff url(../images/blog-icon.gif) no-repeat left top;
	
	}
			
	

.blogmenu ul li a span {
	font: normal 10px Arial, Helvetica, sans-serif !important;
	color: #658a8a;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-transform: uppercase;
	text-decoration: none;
	}
	
.blogmenu ul li a span a{
	color: #658a8a;
	text-decoration: none;
	}
	
.blogmenu ul li a span a:hover{
	color: #fe9704;
	text-decoration: underline;
	}
	
	
/* Blog pagination ditto */
#ditto_pages {
	font: normal 11px Tahoma, Geneva, sans-serif;
	padding: 8px 0px 0px 0px;
	
	float: left;
	width: 100%;

}
#ditto_pages .ditto_currentpage {
    border: 1px solid #518daa;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #629fbc;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #9fbcc4;
	background: #cdd8de;
    padding: 1px 5px 2px;
    margin-right: 2px;
    color: #024063;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #0189d0;
    padding: 1px 5px 2px;
    margin-right: 2px;
    text-decoration: none !important;
    color: black;
	background: #007ab9;
	color: #FFF;

}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}

.ditto_page{
	margin: 0px 2px 0px 0px;
}

.ditto_currentpage {
	margin: 0px 2px 0px 0px;
}


/* Image style */

.imgleft, #imgleft{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 3px;
	background: #ffffff;
	border: 1px solid #e7e7e7;
}


.imgright, #imgright{
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 3px;
	background: #ffffff;
	border: 1px solid #e7e7e7;
}



/* More Service */

.ms-box{
	width: 100%; /*width of menu*/
	float: left;
	margin-bottom: 20px;
}

.ms-box h3{
	font: bold 15px Arial;
	color: #EEEEEE;
	background: #006699;
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	padding: 5px; /*header text is indented 10px*/
}
.ms-box .ms-box-in{
	width: 200px;
	float: left;
	padding: 10px 10px 0px 10px;
	background: #ddf2f2;
}

.ms-t-box{
	height: 125px;
	padding: 0px;
	float: left;
	width: 200px;
	margin: 0px 0px 10px 0px;
}

.ms-t-box h4{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding: 100px 0px 0px 5px;
	text-shadow: 0px 1px 1px #FFF;
}

.ms-t-box h4 a{
	color: #000099;
	text-decoration: none;
}

.ms-t-box h4 a:hover{
	color: #007f2d;
	text-decoration: none;
}

.ms-t-box p{
	padding: 0px 5px;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #000;
	text-shadow: 0px 1px 1px #FFF;
}