/* ------------------------------------------------------------



    Title:    chinaodysseytours.com base styles for screen media

    Author:    ivanguilin@gmail.com

    Updated:   2007-12-21

------------------------------------------------------------ */

/*head*/


body {

	margin:0;

	padding:0;

	font-family: arial, Verdana, sans-serif;

	font-size: 13px;

	text-align: center;

	color: #000;

	line-height:140%;

	background:#EEF3F6 url(../image/bg2.gif) repeat-x top;
	min-height:1024px; 

	}

#header{

margin:0 auto;

padding:0;

width:965px;

text-align:left;

padding-left:5px;

}

#header .hbottom{

width:938px;

margin-left:10px;

background:url(../image/daohang2test.jpg) repeat-x;

min-height:10px;

padding:0;

margin-bottom:7px!important; margin-bottom:2px;

}

table.toubu{

width:926px;

border-collapse:collapse;

padding:0;

margin:0;}

table.toubu tr th{

width:537px;

padding:0;

margin:0;

}

table.toubu tr td{
background:url(../images/800.gif) no-repeat right 2px;

width:389px;

margin:0;

padding:0;
min-height:55px;}

logo{
height:50px;
padding:3px 15px 1px 15px!important; padding:3px 15px 0px 15px;
margin:0;
widht:930px;
}

/*
.logo{
height:50px;
padding:28px 15px 1px 15px!important; padding:28px 15px 0px 15px;
margin:0;
widht:930px;
background:url(../image/christmaslogo.jpg) no-repeat 0 1px;
}*/

.logo p.color2{
color:#785930;
font-family:Verdana, Arial;
padding-top:32px;
padding-right:15px;
font-size:11px;
margin:0px;
padding-bottom:0;
text-align:right;
background:url(../image/toubg.gif) no-repeat right bottom!important;background:url(../image/toubgie.gif) no-repeat right bottom;
}

.logo p.color2 a{

color:#785930;}

 #mainnav {padding:0; margin:0; width:965px; height:23px; overflow:hidden; line-height:25px; list-style:none; position:relative;}

  #mainnav li {height:23px; position:absolute; top:0;}

  #about-n {left:0px; width:120px;}

  #tour-n {left:97px; width:138px;}

  #yantze-n {left:212px;width:156px;}

#destination-n {left:345px;width:144px;}

  #guide-n {left:466px;width:151px;}

  #comunity-n {left:594px;width:131px;}

  #customer-n {left:702px;width:166px;}

  #agent-n {left:845px;width:117px;}



  #mainnav a {height:23px; padding:23px 0 0 ; display:block;overflow:hidden;  background:url(../image/daohang3.gif) no-repeat; }

  #about-n  a{background-position: 0px 0px; }

  #tour-n  a {background-position: -120px 0px; }

  #yantze-n a {background-position: -258px 0px; }

#destination-n a {background-position: -414px 0px; }

  #guide-n a {background-position: -558px 0px; }

  #comunity-n a {background-position: -709px 0px; }

   #customer-n a {background-position: -840px 0px; }

  #agent-n a {background-position: -1006px 0px; }

		

#about-n a:hover {background-position: 0 -23px}

   #tour-n a:hover {background-position: -120px -23px; }

   #yantze-n a:hover {background-position: -258px -23px; }

#destination-n a:hover {background-position: -414px -23px; }

  #guide-n a:hover {background-position: -558px -23px;}

  #comunity-n a:hover {background-position: -709px -23px; }

  #customer-n a:hover {background-position: -840px -23px; }

  #agent-n a:hover {background-position: -1006px -23px; }

  

#about-1 #mainnav #about-n a{background-position: 0 -23px; cursor:default;}

#tour-1 #mainnav #tour-n a{background-position: -120px -23px;cursor:default; }

#yangtze-8 #mainnav #yantze-n a{background-position:-258px -23px;cursor:default;}

#destination-1 #mainnav #destination-n a{background-position: -414px -23px; cursor:default;}

#guide-1 #mainnav #guide-n a{background-position: -558px -23px;cursor:default;}

#comunity-1 #mainnav #comunity-n a{background-position: -709px -23px; cursor:default;}

#customer-1 #mainnav #customer-n a{background-position: -840px -23px; cursor:default;}

#agent-1 #mainnav #agent-n a{background-position: -1006px -23px; cursor:default;}
#dnleft{
border:1px solid #369;
width:177px;
padding:4px;
font:12px Verdana, Arial, Helvetica, sans-serif;}
#dnleft ul.hnav{
margin-left:5px;}
#dnleft h3{
color:#2E5272;
border:1px solid #7B9DBE;
line-height:27px;
font:15px "Times New Roman", Times, serif, "Tw Cen MT";
text-align:center;
font-weight:bold;
padding:3px 0;
margin:8px 0 6px;}
#wrap ul.tourlist{
margin:0;
margin-left:8px;
padding:0;
list-style:none;
line-height:150%;
}
#wrap ul.tourlist li{
background: url(../image/rdl_arrow.GIF) no-repeat 0 50%;
padding-left:15px;
margin-bottom:3px;}
#wrap ul.tourlist li a{
text-decoration:underline;}
#wrap ul.tourlist li a:hover{
text-decoration:none;}

/*mainpage*/

*{

padding:0;

margin:0;}

.fontf{
color:#f00;}
#wrap #wrap-inner .fontf a{
text-decoration:none;
color:#f00;}

#wrap {

margin:0 auto;

width:970px;

} 

#wrap-inner{

width:970px;

text-align:left;

}

#footer {

	clear: both;

	margin:0 auto;

	padding: 20px 0;

	font-size:12px;

	}

#footer-inner {

	width: 970px;

	margin: 5px auto!important; margin:2px auto;

	padding: 0 15px;

	text-align: left;

	font-size: 12px;

	background:url(../image/cot4.gif) no-repeat 15px top;

	}

#footer .divp{



margin:0;

padding:0 0 0 260px;

}

#footer ul li{

margin:0;

padding:0;

list-style:none;

float:left;

}

#footer ul li a{

display:block;

padding:2px 5px 0;

background:url(../image/foot.gif) no-repeat 0px 6px;

}

#footer ul li.first2 a{

margin-left:110px;

background:none;

}

#footer ul li.first3 a{

margin-left:20px;

background:none;

}

#footer ul li.first a{

background:none;}

#footer p{

text-align:center;

padding-left:220px;

}

/*search*/

#ysearch{

font-size:12px;

line-height:130%;

width:187px;

background:#FF9933 url(../imagesd/ysearch-bottom.jpg) no-repeat left bottom;

padding-bottom:6px;

margin:11px 0;

}

#ysearch .top{

font-size:12px;

line-height:130%;

background:url(../imagesd/ysearch-top.jpg) no-repeat left top;

padding:12px 3px 0 6px;}

#ysearch .toph{

font-size:12px;

line-height:130%;

background:url(../imagesd/ysearch-top1.gif) no-repeat left top;

padding:12px 3px 0 6px;}

#ysearch .toph2{

font-size:12px;

line-height:130%;

background:url(../imagesd/ysearch-top1.gif) no-repeat left top;

padding:12px 3px 0 6px;}

 .searchin{

width:176px;

background:#FFC286 url(../imagesd/ysearchin-bottom.jpg) no-repeat left bottom;

padding-bottom:8px;

margin:5px 0;}

.searchin .searchintop{

background:url(../imagesd/ysearchin-top.jpg) no-repeat left top;

padding:6px 0pt 0 4px;}

 .searchin .left{

width:69px;

float:left;

font-size:11px;

display:inline;

line-height:120%;

padding-left:2px;

}

#ysearch a{

  text-decoration:underline;

}

#ysearch #sbt12{

   margin:5px;

}

#ysearch .searchin .right{

width:105px;

float:left;

font-size:11px;

display:inline;

line-height:120%;}

#ysearch .searchin .searchintop .px11{

font-size:11px;

margin-left:85px;}

.clear{
clear: both;
}




select{

font-family:arial;}

select option{

font-family:Arial;

padding-left:5px;}

/*link*/



#wrap .link009{

color:#009;

text-decoration:underline;}

#wrap a.link009{

color:#009;

text-decoration:underline;}

#wrap a.link009:hover{

color:#FF9900;

}



.font12px

{font-size:12px;

margin:0;}

a:link, a:visited {

	color:#000;

	text-decoration:none;

	}

a:hover {

	text-decoration:underline;

	}

#content a:link, 

#content a:visited{

color:#000;

text-decoration:underline;}

#content a:hover{
	text-decoration:none;
	text-align: center;
}

#wrap a.under,

#wrap1 a.under{ 

text-decoration:underline;

}

#wrap a.under:hover,

#wrap1 a.under:hover{

text-decoration:none;

}

#wrap a.f00{

color:#f00;}

#hprovide{

width:187px;

background:url(../image/hprovide-tile.gif) repeat-y;

color:#000099;

margin:7px 0 0;}

#hprovide .top{

background:url(../image/hprovide-top.gif) no-repeat left top;

padding:48px 2px 0px 6px;
margin-bottom:0;}

#hprovide .last{

background:url(../image/hprovide-bottom.gif) no-repeat left bottom;

padding-bottom:8px;}

#hprovide .top ul{

list-style:inside disc;}

#hprovide1{

width:187px;

background:url(../image/hprovide-tile1.gif) repeat-y;

color:#000099;

margin:15px 0 5px;}

#hprovide1 .top{

background:url(../image/hprovide-top1.gif) no-repeat left top;

padding:14px 2px 2px 2px;}

#hprovide1 .top h4{

color:#fff;

margin:0 0 15px 0;

font-size:15px;

font-family:Arial;

text-align:center;}

#hprovide1 .top h4 a{

color:#fff;

}

#hprovide1 .top p.asta{

background:url(../image/asta.gif) no-repeat 0 1px;

padding-left:104px;

line-height:110%;

margin-bottom:0;}

p.psuo8{

padding:0px 8px 0px 15px;

margin:0;

}

#hprovide1 .last1{

background:url(../image/hprovide-bottom1.gif) no-repeat left bottom;

padding:5px 0;

line-height:130%;}

#hprovide2{

width:187px;

background:url(../image/hprovide-tile.gif) repeat-y;

color:#000099;

margin:7px 0;}

#hprovide2 .top{

background:url(../image/hprovide-top1.gif) no-repeat left top;

padding:10px 2px 2px 2px;}

#hprovide2 .top h4{

color:#fff;

margin:0 0 6px 0;

font-size:15px;

font-family:Arial;

font-weight:bold;

text-align:center;}

#hprovide2 .top h4 a{

color:#fff;

}

#hprovide2 .last1{

background:url(../image/hprovide-bottom1.gif) no-repeat left bottom;

padding:8px 0 13px 12px;

}

#hprovide2 .last1 ul{

list-style:inside disc;}

#hknow{

width:187px;

background:#B9DAE3 url(../image/know-bottom.gif) no-repeat left bottom;

margin:0 0 7px 0;

padding-bottom:15px;

}

#hknow .top{

background: url(../image/know-top.gif) no-repeat left top;

padding:6px 1px 0 7px;}



/*siderbar*/

#nav {

	margin: 40px 15px 0 0;

	padding: 0;

	list-style: none;

	}

#nav li {

	margin: 0 0 5px 0;

	padding-left:10px;

	font-family: arial;

	font-size: 12px;

	font-weight:bold;

	background: url(../image/rdl_arrow.GIF) no-repeat 0 50%;

	}

 p.cotknow{

margin:40px 0 0 0;

	font-size: 17px;

	font-weight: bold;

	color: #092652;

}

p.cotknow1{

    margin:0;

	font-size: 11px;

}

#navb{

font-size:12px;

font-weight:bold;

color:#4e7780;

margin:20px 30px 20px 0;

padding:0;

}

#navb .nav1{

padding:0 0 0 13px;

margin:10px 0;

background:#39BADB;

}

#navb .nav2{

padding:0 0 0 13px;

margin:10px 0;

background:#88CCDD;

}

#navb .nav3{

padding:0 0 0 13px;

margin:10px 0;

background:#B0D5DF;

}

#navb .nav4{

padding:0 0 0 13px;

background:#ADDDEB;

}

#navb .nav5{

padding:0 0 0 13px;

margin:10px 0;

background:#F8D5F1;

}

#navb .nav6{

padding:0 0 0 13px;

margin:10px 0;

background:#C2D4ED;

}



.navc{

margin:20px 10px 5px 0;

padding:0 0 10px 0;

text-align:center;

width:185px;

height:19px;

color:#092652;

font-family: arial;

font-weight:bold;

font-size:15px;

background:url(../image/daohang.gif) repeat-x bottom left;}

.navc2 {

width:172px;

margin:0;

padding:10px 3px 5px 10px;

background:#B9DAE3;

text-align:left;

list-style:none;

}

.navc2 img{

margin:0 3px 3px 0;}

.navc2 p.qianming{

margin:8px 0 5px 0;

padding-left:29px;

font-size:12px;

text-align:right;

color:#092652;

line-height:120%;}

.navc2 p.fuhao{

background:   url("../imagesg/fuhao.gif") no-repeat 0 50%;

padding-left:15px;

margin:0 0 0 10px;

}

.navc2 li{

padding:0 0 0 20px;

line-height:160%;

font-size:12px;

font-weight:bold;

}

.navc3{

width:185px;

margin:0;

padding:0;

background:#B9DAE3;

text-align:left;

list-style:none;

}

.navc3 li{

margin: 0 0 5px 0;

padding-left:10px;

	font-family: arial;

	font-size: 12px;

	font-weight:bold;

}

.navc3 li.blue a{

margin: 0 0 5px 0;

padding-left:0px;

	font-family: arial;

	font-size: 14px;

	font-weight:bold;

	color:#2559C9;

}

.navc3 li.white{

margin: 0 0 5px 0;

padding-left:10px;

	font-family: arial;

	font-size: 12px;

	font-weight:bold;

	background:#DFF3F9;

}

.navc3 li.blue1{

margin: 0 0 5px 0;

padding-left:10px;

	font-family: arial;

	font-size: 12px;

	font-weight:normal;

}

.navc3 li.white1{

margin: 0 0 5px 0;

padding-left:10px;

	font-family: arial;

	font-size: 12px;

	font-weight:normal;

	background:#DFF3F9;

}



.qanswer{
margin:8px 0;
width:166px;
background:#fff url(../community/images/qucikanswer.gif) no-repeat 3px 3px;
padding:31px 0 0 8px;
border:1px solid #c4c7cc;}

.qanswer input.input{
width:150px;}
.qanswer textarea{
width:150px;}
.qanswer p{
margin-bottom:0;}

#xxbox{

width:170px;

border:1px dashed #5F859B;

background:#DEEFF7;

padding:2px;

margin:5px 0;

}





/*share*/

.ot h1,p.biaoh1{

margin: 18px 0 15px 0;

	padding: 0;

	font-size: 18px;

	font-weight: normal;

	color: #092652;

	text-align:center;

	font-family:Verdana, Arial;}

.linkr{

width:95%;

padding:5px 5px 5px 15px;

background:#ccc;

margin:15px 0;}

#wrap p.daohang{

font-family:Arial, Helvetica, sans-serif;

font-size:12px;}

#wrap p.daohang a{

text-decoration:underline;

}

#wrap p.daohang a:hover{

text-decoration:none;

}

#sidebar {

	float: left;

	width: 205px;

	margin:0;

	padding:0 0 0 10px;

	display:inline;

	}

	



#content {

	float: right;

	width: 740px;

	margin:0;

	padding:0 15px 0 0px;

	display:inline;

	}

h1 {

	margin: 18px 0 15px 0;

	padding: 0;

	font-size: 18px;
	color:#000;

	font-weight: normal;

	text-align:center;

	font-family:"Times New Roman", Times, serif, "Tw Cen MT"}

	

.destiantion-select{

float:right;

width:170px;}

/*kaolv*/

#box1{

	 float: left;

	width: 160px;

}

#box2r{float: right;

    padding:0;

	width: 520px;}

#tubox2{

	margin:25px 0 15px 18px;

	padding:15px 11px 0;

	width:130px;

	height:262px;
	font-family:Arial, Helvetica, sans-serif;

	background:#fff;

	border:1px solid #c4c7cc;

}



#paypal{

background:#fff url(../image/paypal-bottom.gif) no-repeat right bottom;

width:182px;

padding-bottom:3px;

margin-top:4px;}

#paypal .top{

background:url(../image/paypal-top.gif) no-repeat left top;

text-align:center;

padding-top:3px;

font-size:12px;}

.destiantion-select{

float:right;

width:170px;}

p.logodao{

background:url(../community/images/logo-dao.jpg) no-repeat left top;

color:#092652;

font-weight:bold;

padding:7px 0 6px 30px;

margin:18px 0 5px 0;

}

#travelshow #showhead {

	height: 26px;

	text-align: center;

	color: #FFFFFF;

	font-weight: bold;

	padding:4px 0 0 0;

}

#travelshow #showhead1 {

	height: 34px;

	color: #FFFFFF;

	font-weight: bold;

	line-height: 110%;

	width: auto;

	padding: 2px 0 0 12px;

}

#travelshow {

	height: auto;

	width: 182px;

	font-size: 13px;

	line-height: 130%;

	background-color: #D8E2FA;

	background-image: url(../tours/image/travelshow-top.gif);

	background-repeat: no-repeat;

	margin: 10px 0 0 3px;

}

#travelshow #showcontent {

	background-image: url(../tours/image/travelshow-bottom.gif);

	background-repeat: no-repeat;

	background-position: bottom;

	width: auto;

	height: auto;

	padding: 5px 6px 10px 9px;

}

#showcontent span {

	font-weight: bold;

}



#showcontent a {

	text-decoration: underline;

}

#showcontent a:hover {

	text-decoration: underline;

	color: #000099;

}

#showcontent a.link1 {

	text-decoration: underline;

	color:#ff0000;

}

#showcontent a.link1:hover {

	text-decoration: underline;

	color: #996600;

}

ul.require{

padding:0;

margin:0 0 0 20px;

list-style:inside;}

ul.require li{

font-size:12px;}

ul.clist2{

padding:0;

margin:0;

list-style:none;}

ul.clist2 li{

background:url(../imgnew/list.gif) no-repeat 0 5px;

padding-left:10px;

margin-bottom:6px;}
#highlightimg{
width:340px;
float:left;}
#highlightimgr{
width:370px;
float:right;
display:inline;
margin-bottom:18px;
margin-left:10px;}
ul.list1{

list-style:none;

margin:0;

padding:0;}

ul.list1 li{

background:url(../image/rdl_arrow1.gif) no-repeat;

padding-left:10px;

margin-left:5px;

font-family:Verdana, Arial, Helvetica, sans-serif;}
.quickcolor{
color:#E82F00;
font-size:12px;
line-height:125%;}
.quickcolor1{
color:#666666;
font-size:12px;
line-height:125%;}

/*gaiban*/
#homeleft{

width:187px;

padding:0 15px 0 12px;

display:inline;

float:left;}
.baibg{
overflow:hidden;
	width:177px;
	background:#fff;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	line-height:150%!important;
	line-height:148%;
	padding: 5px;
}

#homeleft .baibg h2,#homeleft .baibg h3,#homeleft .baibg h5{

background:#DBC4B3;

padding:4px 0;

font-size:15px;

color:#000;

font-family:"Times New Roman", Times, serif,arial;

text-align:center;

margin:0;}

.baibg .divbg{

background:#F9F5F1;

width:172px;

padding:9px 1px 10px 4px;

margin-bottom:6px;

}

.baibg .divbg h4{

font-size:14px;

line-height:100%;

font-family:"Times New Roman", Times, serif,arial;

text-align:center;

margin:0;

padding-bottom:6px;

} 
#yhomeright{

width:740px;

float:left;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#yhomeright a{

text-decoration:underline;}

#yhomeright a:hover{

text-decoration:none;} 
#yhomeright h3{

font:17px "Times New Roman", Times, serif,arial;

padding:0;

line-height:100%;

padding:5px 0 3px;



font-weight:bold;}
#wrap ul.hnav{
margin:0;
padding:0;
list-style:none;
}

#wrap ul.hnav li{
background:url(../tours/image/list2c.gif) no-repeat 0 5px;
padding:2px 0 2px 15px;
font-weight:100;
line-height:16px;
font-size:12px;
}

#wrap ul.hnav li a{
text-decoration:underline;
}

#wrap ul.hnav li a:hover{

text-decoration:none;

} 
ul.def{

padding-left:15px;

margin:5px 0 2px;

list-style:none;

}

ul.def li{

padding-left:10px;

font-family:Verdana, Arial;

font-size:12px;

line-height:170%;

background: url(../image/rdl_arrow.GIF) no-repeat 0 50%;

}
ul.def1{
list-style:none;
}

ul.def1 li{
padding-left:10px;
background: url(../image/rdl_arrow.GIF) no-repeat 0 6px;
margin-bottom:5px;
}
ul.shipsup{
list-style:none;
margin:0;
padding:0;}
ul.shipsup li{
background:url(../images/li.gif) no-repeat 0 6px;
font-size:12px;
line-height:125%;
padding-left:6px;
margin-bottom:4px;}
#wrap ul.provides{
margin:0;
padding:0;
padding-left:3px;
list-style:none;
}
#wrap ul.provides li{
background:url(../images/li.gif) no-repeat 0 8px;
padding-left:10px;
line-height:16px;}
#wrap ul.provides li a{
text-decoration:underline;}
#wrap ul.provides li a:hover{
text-decoration:none;}
.gbtu{
width:300px;
margin-right:30px;
float:left;
display:inline;
text-align:center;
margin-bottom:10px;}
.gbtu1{
width:300px;
float:left;
display:inline;
text-align:center;
margin:0 22px 15px;}
#ydivmap{

width:208px;

float:right;

display:inline;}

#ydivmapl{

width:484px;

float:left;

display:inline;}
#wrap #wrap-inner .lvse{
color:#2828B9;}
#wrap #wrap-inner .lvse a{
color:#2828B9;}
p.uptop1{
font-size:13px;
border-bottom:1px solid #ccc;
margin-bottom:1px;
font-weight:bold;
}
/*circle*/
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#D9E5EC; border-left:1px solid #D9E5EC; border-right:1px solid #D9E5EC;}
#charubai .xb2, #charubai .xb3, #charubai .xb4 {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 5px; background:#D9E5EC;}
#charubai .xb1 {margin:0 5px; background:#fff}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#D9E5EC; border:0 solid #ccc; padding:0 13px;}
#charubai .xboxcontent {display:block; background:#fff; border:0 solid #ccc; padding:0 13px;}

.h{
 display:none;
}
.v{
display:block;
}
/*water date format*/
.watered_day{
	background:#ffffff url(../tours/images/water_day.gif) no-repeat 3px 2px;	
}
.clear_water{
background: none;
background-color:#ffffff;
}
/*single dwt*/
#s_content{
 width:740px;
  margin:0 115px;
}
/*form line*/
#content p.sh_l{
padding-bottom:6px;
background:url(../share_img/line_2.gif) repeat-x left bottom;
margin-bottom:1px;;
}
.s_cor{
display:block;
background:url(../share_img/cor_gray_8_6.gif) no-repeat center top;
height:6px;
}