@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #545454;
	font-size: 12px;
	background: #F1F1F1;
}
h1 {font-size:22px; color: #757575; padding:8px 0 5px 16px; margin:0px; font-weight:bold;}

li {list-style-type:none;}
p {color: #545454;}
.l-blue   {color: #006DCB;}
a:link    {text-decoration: underline;color: #545454;}
a:visited {text-decoration: none;color: #545454;}
a:hover   {text-decoration:none;color: #545454;}
.container{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color:#C9C9C9;
	border-left-color: #C9C9C9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBE1F1;
	background:#FFF;
	position:relative;
}
.lfloat {float: left; }
.rfloat {float: right;}
.rmargin10   { 
	margin-top: 10px;
	margin-right: 10px;
	width:130px;
	background-image: url(/image/S_Pic_d.jpg);
	padding:10px 10px 10px 10px;
	text-align: center;
	}
.ralign      { text-align: right;}
.calign      { text-align: center;}
.lalign      { text-align: left;}
.tvalign { vertical-align: top;}
.mvalign { vertical-align: middle;}
.bvalign { vertical-align: bottom;}
.breadcrumbnavigation {padding-top: 11px;color: #666;display: block;}

.linka a:link    {text-decoration: underline;color: #222222;}
.linka a:visited {text-decoration: underline; color: #222222;}
.linka a:hover   {text-decoration: none; color: #222222;margin-left: 0px;} 

.licss ul li{
	list-style-type:disc;
}

/*************************************** header ***************************************/

#header{ }
#header #nav-top {height: 206px;width: inherit;}
#header #nav   {}
#header #nav-1 {height: 35px;width: inherit;background-image: url(/image/nav-1.jpg);background-repeat: repeat-x;}
/************************************head and menu**********************************************/
*{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; list-style:none; text-decoration:none;}
.clear{clear:both;}
.webHead{width:1000px; margin:0 auto; height:207px; overflow:hidden; background:url(/image/head.jpg); position:relative;}
.topInfo{position:absolute; background:url(/image/blue.jpg); height:28px; line-height:25px; width:1000px; color:#FFFFFF;}
.topInfo .topTel{float:left; margin-left:16px;  margin-top:0px;}
.topInfo .topLink{float:right; margin-right:16px; font-weight:bold;}
.topInfo .topLink a{color:#FFFFFF;}
.divlisthead{height:50px;position:absolute;right:-1px;top:28px;width: 658px;}
#navhead{margin:0;}
#navhead li{float:left;background:#797977; display:block; height: 40px; line-height:40px; padding-left:36px; padding-right:22px; *padding-right:32px;  border-right:1px solid #FFFFFF;}
#navhead li a{color:#E8E8E8; font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
#navhead li.lo{background-image: url(/image/item1.jpg); width:98px;*width:88px;}
#navhead li.ll{ background-image: url(/image/item2.jpg);width:109px;*width:99px;}
#navhead li.lr{ background-image: url(/image/item3.jpg); width:103px;*width:93px;}
#navhead li.ls{background-image: url(/image/item4.jpg); border-right:none; width:103px;*width:93px;}

.logostyle{background-image:url(/image/headlogo.jpg); width:151px;height:110px; margin-top:48px; _margin-top:48px; margin-left:41px;*margin-left:43px;_margin-left:43px;position:absolute}

div#menu {z-index:50; padding-left:10px; position:absolute; top:182px; *top:190px; left:5px; }
#menubottom{background-image:url(/image/nav-1.jpg);background-repeat: repeat-x; background-position:0px -50px; width:100%; height:22px;}
#menu ul{ margin:0; margin-top:2px;}
#menu ul li a{background:url(/image/tableft.gif) no-repeat scroll left -1px transparent; padding:5px 0 5px 0;*background:url(/image/tableft.gif) no-repeat scroll  5px left  transparent; text-decoration:none;}
#menu ul li{ float:left; *padding-left:0px;padding-left:0px; padding-right:0px; padding-top: 3px; list-style-type:none; position:relative;}
#menu ul li span{background:url(/image/tabright.gif) no-repeat scroll right top transparent;color:white;height:10px; margin-left:3px; padding:5px 8px 5px 3px; font-weight:bold; font-size:11px;}
#menu ul li:hover{ border-right-color:#e8e8e8;}

/*************************links hover and out css****************************/
.li_a{background:url(/image/tableft.gif) no-repeat scroll left 1px transparent;*background:url(/image/tableft.gif) no-repeat scroll  5px left  transparent; padding:5px 0 5px 0;}
#menu ul li a.li_ahover{background:url(/image/tableft.gif) no-repeat scroll left -42px transparent;*background:url(/image/tableft.gif) no-repeat scroll left -38px transparent; text-decoration:none;}
#menu ul li span.li_spanhover{background:url(/image/tabright.gif) no-repeat scroll right -43px transparent; color:#FF6633;}
.li_span{background:url(/image/tabright.gif) no-repeat scroll right top transparent;color:white;height:10px; margin-left:3px; padding:5px 8px 5px 3px; font-weight:bold; font-size:11px;}
/*#menu ul li:hover a{ background:url(/image/tableft.gif) no-repeat scroll left -42px transparent;*background:url(/image/tableft.gif) no-repeat scroll left -38px transparent; text-decoration:none;}
#menu ul li:hover span{color:#404040;background:url(/image/tabright.gif) no-repeat scroll right -43px transparent; }
#menu ul li span:hover{color:#FF6633;}*/
#menu a:hover span{ color:#FF6633 }
#menu ul li:hover div{_position:relative; margin-top:4px; margin-left:0px;}
#menu ul li div{ z-index:100; _z-index:100;clear:both; display:none; position:absolute;_position:absolute;}
#menu div ul li{ background-image:url(/image/childmenu.jpg); width:165px; height:31px; background-repeat:no-repeat; padding-left:30px; padding-top:10px; }

#menu ul li div ul li a:hover{ color:#FF6633; }
#menu #divtours{ margin-top:4px;*margin-top:25px;*left:0px;}
#menu #divguide{ margin-top:4px;*margin-top:25px;*left:0px;}
#menu #divthings{ margin-top:4px;*margin-top:25px;*left:0px;}
#menu li li{list-style-type:none; float:none;}
#menu ul ul {width: 196px; height:41px; margin-left:0px; margin-top:-1px;}
#menu ul{ *margin-top:-4px;}
#menu ul li div ul li a{ background:none;*background:none;_background-image:none;}
.menu li span{ color:#e8e8e8; }
/**************************************************************************************/

.menu_head {
	cursor: pointer;	
}
.menu_body {
	display:none;
}
.menu_body a 
{
	padding:5px 0px;
	display:block;
	color:#535353;
	text-align:center;
	background-color:#eee;		
	text-decoration:none;
}
.menu_body a:hover {
	color:#7fb2f4;
	background-color:#dfdfdf;	
}
#header #nav-1 ul {margin: 0px;padding: 0px;list-style-type: none;}
#header #nav-1 li  {
	height: 35px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #787878;
}
#header #nav-1 li.Home                     { width: 70px;}
#header #nav-1 li.City-Packages            { width: 110px;}
#header #nav-1 li.Day-Trips-and-Transfers  { width: 170px;}
#header #nav-1 li.Water-Town-Tours         { width: 140px;}
#header #nav-1 li.Shanghai-s-Neighbours    { width: 165px;}
#header #nav-1 li.Shanghai-Travel-Guide    { width: 165px;}
#header #nav-1 li.Things-to-Do-in-Shanghai { padding-left: 5px;	border-right-width: 0px;border-right-style: none;}
#header #nav-1 a         {
	padding: 6px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #C8C8C8;
	font-weight: bold;
	display: block;
	text-align: center;
}
#header #nav-1 a:link    {text-decoration: none;color: #C8C8C8}
#header #nav-1 a:visited {text-decoration: none;color: #C8C8C8}
#header #nav-1 a:hover   {text-decoration: none;color: #C8C8C8} 
#header #nav-2 {height: 5px; _height:1px;width: inherit;}

/*************************************** End header ***********************************/
.a{
	text-align: center;
}
/*************************************** Content ***************************************/
#content {height: auto;width: inherit;}
#content h3 {font-size: 14px;line-height:20px;;margin-bottom: 0em;color: #666;background-color: #EEEEEE;border: 1px solid #E8E4E4;padding: 7px 0 7px 12px; margin: 0px;text-align: center;}
#content .toursindextit h3{
	padding: 0px 0px 20px 12px;
}
#content h4 { font-size:1.2em; line-height:1.25; margin-bottom:0.78em; }

/************************* Left *************************/
#content #left {height: auto;}
#content #left .box {padding: 10px 10px 4px 10px;margin-bottom: 0px;background: #FFF;}
#content #left table.nb td,#content #left table.nb th{
	padding:0px;
}
#content #left ul.box-1 {width: 200px;padding: 3px 10px 3px 10px;margin : 0px 0px 10px 0px;}
#content #left li{ margin-top: 5px;padding: 2px 0px 0px;width: inherit; list-style-type:none;background:url(/image/left-badge67.jpg) left top no-repeat; text-indent:0.9pc; line-height:16px}
#content #left hr {clear: both;float: none;width: 188px;height: 1px;margin: 0 10px 0 10px;border: none;background-image: url(/image/xline.jpg);background-repeat: repeat-x;}
#content #left  p    {width: auto;padding: 3px 10px 3px 10px;margin : 0px 0px 10px 0px;}
#content #left  p.sp {width: auto;padding: 3px 10px 0px 10px;margin : 0px 0px  1px 0px;}
#content #left a strong {color: #808080;}
#content #left .box a         {}
#content #left .box a:link    {text-decoration: underline;color: #006DCB;}
#content #left .box a:visited {text-decoration: underline; color: #006DCB;}
#content #left .box a:hover   {text-decoration: none; color: #006DCB;margin-left: 0px;} 
#content #left .box-1 a         {}
#content #left .box-1 a:link    {text-decoration: none;color: #006DCB;}
#content #left .box-1 a:visited {text-decoration: none;color: #006DCB;}
#content #left .box-1 a:hover   {text-decoration: none;color: #006DCB;margin-left: 1px;} 
#content #left .nb a         {}
#content #left .nb a:link    {text-decoration: none;}
#content #left .nb a:visited {text-decoration: none;}
#content #left .nb a:hover   {text-decoration: underline;} 
/************************* End Left *********************/
/************************* Center *************************/
#content #center {height: 1230px;background: #18334E;color: #C8C8C8;}
#content #center img  {
	padding: 0px;
	margin: 0px 0px 0px 0px;/*border: 1px solid #FFF;*/
}
#content #center p    {color: #C8C8C8; margin: 10px 0 10px 0}
#content #center .box {padding:1.5em; margin-bottom:1.5em; background:#18334E;}
#content #center a:link    {text-decoration: none;color: #DFB59E;}
#content #center a:visited {text-decoration: none;color: #DFB59E;}
#content #center a:hover   {text-decoration: underline;color: #DFB59E;} 
#content #center .more     {float: right;border: 0px solid #18334E;_margin-right: 15px;*margin-right: 15px;}
#content #center hr {clear: both;float: none;width: 410px;height: 1px;margin: 0 10px 0 10px;border: none;background-image: url(/image/xline.jpg);background-repeat: repeat-x;}
/***********************************center of advertising*************************************/
.ad {BORDER-BOTTOM: #bbb 1px solid; POSITION: relative; BORDER-LEFT: #bbb 1px solid; WIDTH: 431px;  BACKGROUND: url(../images/loading.gif) #fff no-repeat center center; height:240px; OVERFLOW: hidden; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid
}
.num {POSITION: absolute;BOTTOM: 5px; RIGHT: 5px}
.num LI {BORDER-BOTTOM: #ff7300 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ff7300 1px solid; LINE-HEIGHT: 16px; BACKGROUND-COLOR: #fff; MARGIN: 3px 1px; WIDTH: 16px; FONT-FAMILY: Arial; FLOAT: left; HEIGHT: 16px; COLOR: #ff7300; FONT-SIZE: 12px; OVERFLOW: hidden; BORDER-TOP: #ff7300 1px solid; CURSOR: pointer; BORDER-RIGHT: #ff7300 1px solid
}
.num LI.on {BACKGROUND-COLOR: #ff7300; COLOR: #fff; FONT-WEIGHT: bold}
/**************************************************************************/

/************************* End Center *********************/
/************************* Right *************************/

/**************************seach index************************/
        .dis {DISPLAY: block}
		.undis {DISPLAY: none}
		 #SeachR {width: 326px; height:auto; border:1px solid #c9c9c9;background-color: #FAFCFD; padding-bottom:10px; z-index:5; position:relative;}
		.SearchTop_tit{ position:absolute; z-index:30; left:5px; top:7px; }
		.SearchTop_tit li{ float:left; line-height:21px; padding-left:10px; list-style-type:none;}
		.SearchTop_tit li.topC0 {background-image:url(/image/graybg.jpg); BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 58px; CURSOR: pointer;padding-left:5px; color:#FFFFFF;}
        .SearchTop_tit li.topC1 {background-image:url(/image/withebg.jpg); BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 58px; height:23px; COLOR: #balck;padding-left:5px; }
		.SearchTop_cnt{ padding-left:5px; padding-right:5px; width:315px;clear:both; border-top:1px solid #c9c9c9; margin-top:28px;}
		.SearchTop_cnt span{ padding-left:3px; background-color:#FFFFFF; width:305px;}
		.textstyle{border:#CCCCCC 1px solid; width:120px; }
	    .select { width:80px; height:24px; background:none; border:none; }   
/**************************end seach index************************/
#content #right {height: auto;}
#content #right .box { padding: 10px; margin-bottom: 0px; background-color:#FFF;}
#content #right h2   { font-size: 18px; color: #666; margin-bottom: 0em; }
#content #right .Shanghai-Search {}
#content #right .box-1  { padding: 0px; margin-bottom: 20px; background-color:#FFF;}
#content #right .box-1 a:link    {text-decoration: none;color: #666;}
#content #right .box-1 a:visited {text-decoration: none;color: #666;}
#content #right .box-1 a:hover   {text-decoration: underline;color: #666;} 
#content #right .box-1 .img { margin: 0 15px 0 4px;}
#content #right .box-1 p    { margin: 10px 0 5px 0; }

/************************* End Right *********************/
/*************************************** End Content ***********************************/

/*************************************** footer ***************************************/
#footer { height: auto; color: #C8C8C8;}
#footer #bottom-link { height: 32px; padding-top: 8px;background-color: #18334E;text-align: center;}
#footer #bottom-link a         {text-decoration: none;color: #C8C8C8; margin: 0 15px 0 15px}
#footer #bottom-link a:link    {text-decoration: none;color: #C8C8C8;}
#footer #bottom-link a:visited {text-decoration: none;color: #C8C8C8;}
#footer #bottom-link a:hover   {text-decoration: underline;color: #C8C8C8;} 
/*************************************** End footer ***********************************/


/*---city tour list weather tools ---*/
.weather{
	padding: 5px 0;
	
}
.weather h4{
	background:#b2b2b2;
	display:block;
	color:#fff;
	font-size:14px;
	padding:5px 0 5px 12px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
}
.cityWeather { width:273px; margin:5px 0; border: 1px solid #d1d1d1; border-right: none;}
.cityWeather .weekWeather { width:90px; float: left; border-right:1px solid #d1d1d1; height:125px; background:#f1f1f1; padding:5px 0 10px 0;}
.cityWeather .weekWeather .weekName {
	margin: 5px 0;
	text-align:center;
	font-size: 11px;
	line-height:15px;
}
.cityWeather .weekWeather img { margin:5px 0;}
.cityWeather .weekWeather .weatherIcon { text-align: center; margin:5px 0;}
/*************************************** End weather ***********************************/
.dealsphoto .dealphoto{
	 float:left;
	 margin:10px;
 }
 .piclist ul li{
	 float:left;
	 width:210px;
	 margin-left:10px;
	 border:1px solid #b6b6b6;
 }

#content .sub .piclist ul li p {
	 background-color:#E8E8E8;
	 margin:0px;
	 padding:0px;
	 line-height:20px;
	 text-align:center;
 }
 .piclist ul{
	 margin-left:10px;
 }
 
 .indexcitylist a strong {
	 font-size:12px;
 }
table.formtable{
	border-bottom:1px solid #eeeeee;
	border-left:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
}
table.formtable td{
	line-height:20px;
}
table.formtable td p{
	text-align:right;
	font-weight:bold;
	font-size:14px;
}
table.formtable select{
	border: 1px solid #7F9DB9;
	height: 23px;
}
#content .sub table.formtable textarea{
	border: 1px solid #7F9DB9;
	width: 224px;
}
table.formtable .fullname{
	width: 160px;
	background: url(/image/form/fuliname.gif) white right center no-repeat;
	border: 1px solid #7F9DB9;
	height: 21px;
}
table.formtable .nationality{
	width: 234px;
	border: 1px solid #7F9DB9;
	height: 21px;
}
table.formtable .email{
	width: 234px;
	background: url(/image/form/email.gif) white right center no-repeat;
	border: 1px solid #7F9DB9;
	height: 21px;
}
table.formtable .telephone{
	width: 234px;
	background: url(/image/form/phone.gif) white right center no-repeat;
	border: 1px solid #7F9DB9;
	height: 21px;
}

table.formtable .Wdate{
	width: 234px;
	border: 1px solid #7F9DB9;
	height: 21px;
}

h2.daytripformh2{
	line-height:40px;
	background: url(/image/form/contact.gif) no-repeat 1% 50%;
	background-color:#EEEEEE;
	padding-left:24px;
	color:#545454;
}
h2.tourformh2{
	line-height:40px;
	background: url(/image/form/tourtit.gif) no-repeat 1% 50%;
	background-color:#d3e1ef;
	padding-left:32px;
	color:#545454;
}
.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;}
.b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;}
.b2,.b3,.b4,.b2b,.b3b,.b4b,.b{border-left:1px solid #cccccc;border-right:1px solid #cccccc;}
.b1,.b1b{margin:0 5px;background:#cccccc;}
.b2,.b2b{margin:0 3px;border-width:2px;}
.b3,.b3b{margin:0 2px;}
.b4,.b4b{height:2px;margin:0 1px;}
.d1{background:#F7F8F9;}