/***********************************************/

/* TBT.css                                     */

/* Thomson Bike Tours CSS                      */       

/***********************************************/

/* modifications on 2006 10 05                 */

/***********************************************/

/* HTML tag styles                             */

/***********************************************/





body{

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

	color: #333333;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	background: #596C7C;

	text-align: center;

	line-height: 1em;

}



/******* hyperlink and anchor tag styles *******/



a:link, a:visited{

	color: #005FA9;

	text-decoration: none;

}



a:hover{

	text-decoration: underline;

}



/* 2006 10 05 added a.droplink(s)  for new menu handling */

a.droplink {

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

	color: #333333;

	font-size: 11px;

	text-decoration: none;

}



a.droplink:hover {

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

	color: #000000;

	font-size: 11px;

	text-decoration: none;

}



a.droplink:visited {

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

	color: #333333;

	font-size: 11px;

	text-decoration: none;

}



/************** header tag styles **************/



h1{

	font: bold 120% Arial,sans-serif;

	color: #334d55;

	margin: 5px 0px 5px 0px;

}



h2{

	font: bold 114% Arial,sans-serif;

	color: #CC3300;

	padding: 5px;

}



h3{

 font: bold 100% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h4{

	font: 12px Arial,sans-serif;

	color: #333333;

	margin: 0px;

	padding: 0px;

	background-color: #E2EDB6;

}



h5{

	font: 125% Arial,sans-serif;

	color: #666666;

	margin: 0px;

	padding: 0px 0px 5px 10px;

}

h6 {

	color: #005FA9;

	display: inline;

	font-size: 1.5em;

	font-weight: normal;

}







/*************** list tag styles ***************/



ul{

	list-style-type: none;

	list-style-image: url(http://thomsonbiketours.com/img/skin/square_bullet.gif);

	list-style-image: url(../img/skin/square_bullet.gif);

	margin-left: 0px;

	padding-left: 5px;

	list-style-position: outside;

	margin-top: 0px;

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



li {

	margin-bottom: 5px;

}



/********* form and related tag styles *********/



form {

	margin: 0;

	padding: 0;

}



label{

 font: bold 1em Arial,sans-serif;

 color: #334d55;

}

				

input{

font-family: Arial,sans-serif;

}





/***********************************************/

/* Layout Divs                                 */

/***********************************************/



#whiteFeatherBox{

	width:769px;

	height: 100%;

	background-image:  url("http://www.thomsonbiketours.com/img/skin/TBTbckgnd.gif");

  background-image:  url("../img/skin/TBTbckgnd.gif");

	background-repeat:  repeat-y;

	padding-top: 10px;

	text-align: left;

	margin-top: 10px;

	margin: auto;

}



/* 2006 10 05 added menuHead for new menu handling */

#menuHead {

	width: 740px;

	margin-right: 19px;

	margin-left: 15px;

	height: 25px;

	background-image:  url("http://www.thomsonbiketours.com/img/menubg.gif");

  background-image:  url("../img/menubg.gif");

	background-repeat:  repeat-x;

	font-family: Tahoma, Verdana, Arial;

	font-size: 11px;

}





#flashHead {

	width: 740px;

	margin-right: 19px;

	margin-left: 15px;

	height: 255px;

}

/* 2006 10 05 added slideHead for new menu handling */



#slideHead {

	width: 740px;

	padding-right: 19px;

	padding-left: 15px;

	height: 230px;

}





#pagecell1{

	width: 740px;

	margin-right: 19px;

	margin-left: 15px;

}



#tl {

	top: -1px;

	left: -1px;

	margin: 0px;

	padding: 0px;

}



#tr {

	top: -1px;

	right: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}



#masthead{

	background-color: #FFF;

	width: 740px;

	margin-right: 19px;

	margin-left: 15px;

}



#pageNav{

	float: left;

	width:150px;

	padding: 0px;

	font: small Verdana,sans-serif;

	text-align: left;

	background: #EDEEEE repeat-y;

}



#content{

	margin:0px 0px 0px 150px;

	text-align: left;

	position: relative;

	border-left-style: solid;

	border-left-width: 1px;

	border-left-color: #CCCCCC;

}







/***********************************************/

/* Component Divs                              */

/***********************************************/







/************** page1Col styles ****************/



#page1Col{

	padding: 10px 0px 0px 0px;

	margin: 0px;

	text-align: left;

	border: none;

}



#page1Col h2{

	color: #97C203;

	margin:0px;

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

	font-size: 150%;

	font-weight: normal;

}



/*#page1Col img{

	position: absolute;

	top: 0px;

	right: 6px;

	padding: 0px;

	margin: 0px;

	background-color: #99CC66;

}*/



/************* presentationHome styles ***************/



#definition{

	padding: 5px;

}



#featuredTrips{

	padding: 5px;

}





#definition p{

	font-size: 11px;

	margin-top: 0px;

	margin-bottom: 5px;

}



#definition h1{

	margin-top: 0px;

	margin-bottom: 10px;

}



/************* featured trips home page styles ***************/



#featuredTrips{

	margin-top: 5px;

}



#featuredTrips h1{

	font: bold 90% Arial,sans-serif;

	color: #334d55;

	margin: 0px;

}



#featuredTrips h2{

	font: bold 14px Arial,sans-serif;

	color: #FF9900;

	margin-bottom: 0px;

	margin-top: 5px;

	margin-left: 0px;

	padding: 0px;

	border-bottom-color: #CCCCCC;

	border-bottom-width: 1px;

}



#featuredTrips h3{

	background-color:#D9DFBF;

	font: bold 12px Arial,sans-serif;

	text-transform: uppercase;

	padding: 1px 0px 1px 2px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

	border-bottom-width: 1px;

	margin-top: 5px;

}



#featuredTrips h6{

	font: 14px Arial,sans-serif;

	color: #666;

	margin-bottom: 5px;

	margin-top: 0px;

}



#featuredTrips p{

	font-size: 10px;

	line-height: 12px;

	padding-right: 5px;

	margin: 0;

}



/************* dailyItinerary styles ***************/



#dayItinerary {

	float: right;

	width:572px;

	padding: 0px;

}



#dayItinerary h1{

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

	font-size: 14px;

	color: #333333;

	font-style: italic;

	font-weight: normal;

	margin-top: 10px;

}



#dayItinerary h2{

	color: #CC3300;

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

	font-size: 175%;

	padding-left: 0px;

	margin-bottom: 0px;

	font-weight: bold;

}



#dayItinerary h6{

	font: 150% Arial,sans-serif;

	margin-bottom: 10px;

	margin-top: 0px;

}

.dailyclimb {
text-align: center;
color:#455765
}
.dailyclimbname {
text-align: left;
color:#455765
}
.dailyclimbtitle {
text-align: center;
color:#455765;
background-color:#D9D9C6;
}


/************* tripSummary styles ***************/



#tripSummary{

	float: right;

	padding: 0px;

	width: 151px;

	margin-left: 10px;

	margin-bottom: 10px;

	margin-top: 10px;

}



#tripSummary h3{

	background-color:#D9DFBF;

	padding: 5px 0px 5px 5px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

	border-bottom-width: 1px;

}



#tripSummary p{

	padding: 0px 0px 5px 5px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

	border-bottom-width: 1px;

	font-size: 11px;

	margin-top: 5px;

	margin-bottom: 0px;

	font-family: Tahoma, Verdana, Arial, Helvetica, sansSerif;

}



/************* breadCrumb styles ***************/



#breadCrumb{

	padding: 10px 0px 5px 0px;

	font: 11px Verdana, sans-serif;

	color: #336666;

	text-align: left;

	margin-left: 10px;

	border-bottom-color: #CCCCCC;

	border-bottom-style: solid;

	border-bottom-width: 1px;

}



#breadCrumb a{

	color: #AAAAAA;

}



#breadCrumb a:hover{

	color: #005FA9;

	text-decoration: underline;

}





/************** feature styles *****************/



.feature{

	padding: 0px 0px 10px 10px;

	font-size: 11px;

	margin-left: 5px;

}





.feature h3{

	font: bold 150% Arial,sans-serif;

	color: #CC3300;

	padding: 10px 0px 10px 0px;

}



.feature h5{

	font: 200% Arial,sans-serif;

	color: #8fb500;

	margin: 0px;

	padding: 0px 0px 5px 0px;

	font-weight: bold;

}



.feature h6{

	font: bold 150% Arial,sans-serif;

	margin-bottom: 0px;

}



.feature p{

	font-size:11px;

	color: #333333;

	padding: 5px 0px 5px 0px;

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

	margin: 0px;

}

.feature img{

	margin-right: 5px; 

	border: 0px #666;

}



/************** feature styles *****************/

/***********************************************    

another style for the 

using round table corners 

***********************************************/

.feature2{

    padding: 0px 0px 10px 10px;

    font-size: 11px;

    margin-left: 5px;

}





.feature2 h3{

    font: bold 150% Arial,sans-serif;

    color: #CC3300;

    padding: 10px 0px 10px 0px;

}



.feature2 h5{

    font: 200% Arial,sans-serif;

    color: #8fb500;

    margin: 0px;

    padding: 0px 0px 5px 0px;

    font-weight: bold;

}



.feature2 h6{

    font: bold 150% Arial,sans-serif;

    margin-bottom: 0px;

}



.feature2 p{

    font-size:11px;

    color: #333333;

    padding: 5px 0px 5px 0px;

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

    margin: 0px;

}

.feature2 img{

    margin-right: 0px; 

    border: 0px #666;

}



/************** trips styles *****************/



#tripPage{

	padding: 0px 0px 0px 0px;

	font-size: 11px;

	margin-top: 15px;

}



#tripPage h1{

	font: 110% Arial,sans-serif;

	color: #666666;

	margin-top: 0px;

}



#tripPage h3{

	font: 100% Arial,sans-serif;

}



#tripPage h4{

	font: 110% Arial,sans-serif;

	color: #333;

	background-color: #D9D9C6;

}





/************** testimonial styles *****************/



#testimonialPage{

	padding: 0px;

	font-size: 11px;

	margin-top: 15px;

}



#testimonialPage p {

	margin-top:2px;

}



#testimonialPage h1{

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

	font-size: 13px;

	color: #333333;

	font-style: italic;

	font-weight: normal;

	margin-top: 5px;

	padding: 0px 0px 0px 0px;

	margin-bottom: 0px;

}



#quote {

	float:none;

	width: 190px;

	height: 5em;

	margin-top: 0px;

	margin-bottom: 5px;

	margin-left: 5px;

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

	font-size: 12px;

	line-height: 16px;

	color: black;

	text-align: center;

	font-style: italic;

	background-image: url(http://thomsonbiketours.com/img/skin/quote.gif);

	background-image: url(../img/skin/quote.gif);

	background-repeat: no-repeat;

	background-position:top left;

	padding-left:7px;

}



.withunquote {

	background-image: url(../img/skin/unquote.gif);

	background-image: url(http://thomsonbiketours.com/img/skin/unquote.gif);

	background-repeat: no-repeat;

	background-position:bottom right;

	padding-right: 15px;

	}





/************** siteInfo styles ****************/



#siteInfo{

	border-top: 1px solid #cccccc;

	font-size: 11px;

	color: #cccccc;

	padding: 10px 10px 20px;

	margin-top: 0px;

	text-align: center;

	clear: both;

	margin-right: 10px;

	margin-left: 10px;

}



#siteInfo img{

	padding: 4px 4px 4px 0px;

	vertical-align: middle;

}





/************ sectionLinks styles **************/



#navTop {

	width: 150px;

	height: 8px;

	background-image:  url("/img/skin/nav_top.gif");

	background-repeat: no-repeat;

}



#navBottom {

	width: 150px;

	height: 8px;

	background-image:  url("/img/skin/nav_bottom.gif");

	background-repeat: no-repeat;

}

		

#sectionLinks{

	margin: 0px;

	padding: 0px;

	border-left-color: #CCCCCC;

	border-left-style: solid;

	border-left-width: 1px;

}



#sectionLinks h3{

	padding: 10px 0px 2px 10px;

	border-bottom: 1px dotted #cccccc;

	border-top: 1px dotted #cccccc;

}



#sectionLinks a:link, #sectionLinks a:visited {

	display: block;

	border-bottom: 1px solid #cccccc;

	padding: 5px 3px 5px 10px;

	color: #21536A;

	font-size: 11px;

	font-weight: bold;

	background-color: #E2E4E3;

}



#sectionLinks a:hover{

	background-color: #C6CCCE;

	background-image: none;

	text-decoration: none;

	font-size: 11px;

	font-weight: bold;

}





/************* relatedLinks styles **************/



.relatedLinks{

	margin: 0px;

	border-bottom: 1px solid #cccccc;

	line-height: 11px;

	padding: 0px 0px 10px 10px;

}



.relatedLinks h3{

	padding: 10px 0px 2px 0px;

}



.relatedLinks a{

	font-size: 11px;

	color: #556A7C;

	line-height: 14px;

}



/************* news styles **************/



#news{

	width: 206px;

	float: right;

	margin-left: 10px;

}



.newsdate {

	padding: 0px 3px 5px 0px;

	font-weight:bold;

	color: #999;

}



.newstext {

	padding: 0px 3px 0px 0px;

}



.newsentry {

	padding: 0px 0px 17px 0px;

}



.news select {

	padding: 0px 0px 0px 0px;

	display: none;

}



.news h3{

	padding: 10px 0px 10px 0px;

	font-size:150%;

}



.news a{

	font-weight:bold;

	color: #556A7C;

}





/**************** fitness level chart *****************/



#fitnessChart{

	background-color: #EAF2CC;

	border-top: 2px solid #8FB500;

	border-bottom: 2px solid #8FB500;

	width: 450px;

}



#fitnessChart h3{

	background-color:#D9DFBF;

	padding: 5px 0px 5px 5px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

	border-bottom-width: 1px;

}



#fitnessChart p{

	padding: 0px 0px 5px 5px;

	border-bottom-style: dotted;

	border-bottom-color: #999999;

	border-bottom-width: 1px;

	font-size: 11px;

	margin-top: 5px;

	margin-bottom: 0px;

}



/******************* common styles **********************/



.pieFoto {

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

	font-size: 9px;

	color: #333333;

	line-height: 10px;

}



.pieFoto a:hover{

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

	font-size: 9px;

	color: #666;

	line-height: 10px;

}



.hotel {color: #97C203}



.captionPic {

	font-family: Tahoma, Verdana, Arial, Helvetica, sansSerif;

	font-size: 9px;

	color: #333333;

	line-height: 10px;

	display: block;

	padding: 5px 0px 0px 5px;

}



.quote {

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

	font-style: italic;

	font-size: 12px;

}



/********************* end **********************/



.safeList{

	margin-left: 5px;

	padding-left: 5px;

	margin-bottom: 0px;

}

.testimonialTitle {

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

	color: #666666;

	text-align: left;

	border-bottom: solid #526677 1px;

	margin-bottom: 5px;

	margin-top: 10px;

}

#bottomtd {

	background: url(../img/skin/navbackie.gif) repeat-y;

}

#ps_tbtpeter_chat_button {

	margin-left: 4px;

}

#subscribeform {

	margin-bottom: 10px;

	margin-top: 5px;

}

#freetripimage {

	margin-bottom: 5px;

}

#emailinput {

	width: 130px;

}

#signupbutton {

	width: 60px;

}

#subscribethankyou {

	margin-top: 15px;

}





/* 2006 10 05 added dropmenudiv for new menu handling */

/************** dropdown menu styles **************/





#dropmenudiv{

position:absolute;

border:1px solid #cccccc;

border-bottom-width: 0;

font:normal 11px Tahoma;

line-height:25px;

z-index:100;

margin-top: 0px;



}



#dropmenudiv a{

width: 100%;

display: block;

text-indent: 3px;

border-bottom: 1px solid #cccccc;

padding: 0px 0;

text-decoration: none;

font-weight: normal;

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 11px;

color: #333333;

text-align: left;

background-image:  url("http://www.thomsonbiketours.com/img/submenubg.gif");

background-image:  url("../img/submenubg.gif");

background-repeat:  repeat-x;

}



#dropmenudiv a:hover{ /*hover background color*/

background-image:  url("http://www.thomsonbiketours.com/img/submenubg_reverse.gif");

background-image:  url("../img/submenubg_reverse.gif");

background-repeat:  repeat-x;

color: #000000;

}	





/* 2007 03 04 added pageNav2 for new Left Nav menu handling */

/***************************/

	



#pageNav2 ul {

      list-style-image: none;

      list-style: none;

      margin: 0;

      padding: 0;

      }

      #pageNav2 img {

      border: none;

      }

      #pageNav2 {

      float: left;

      width: 135px;

      margin: 7px;

      padding: 0px;

      font: small Verdana,sans-serif;

      text-align: left;

      background: #EDEEEE repeat-y;

      

      }

      #pageNav2 li {

        margin-bottom: 0px;

      }      

      #pageNav2 li a {

      margin-bottom: 0px;

      height: 32px;

      voice-family: "\"}\"";

      voice-family: inherit;

      height: 24px;

      text-decoration: none;

      font: bold 10px Verdana, Helvetica, sans-serif;

      }

/*- Menu 8--- request info -----------*/

      #menu8 li a:link, #menu8 li a:visited {

      color: #333333;

      display: block;

      background:  url(../img/skin/menu13.jpg);

      padding: 8px 0 0 30px;

      }

      #menu8 li a:hover {

      color: #333333;

      background:  url(../img/skin/menu13.jpg) 0 -32px;

      padding: 8px 0 0 30px;

      }



/*- Menu 9----Trip Overview, Itinerary*/

      

      #menu9 li a {

      font: bold 11px Verdana, Helvetica, sans-serif;

      }

      #menu9 li a:link, #menu9 li a:visited {

      margin-bottom: 0px;

      color: #333333;

      display: block;

      background:  url(../img/skin/navmenu.jpg);

      padding: 8px 0 0 30px;

      }

      #menu9 li a:hover {

      margin-bottom: 0px;

      color: #333333;

      background:  url(../img/skin/navmenu.jpg) 0 -32px;

      padding: 8px 0 0 30px;

      }

/*- Menu 10--- Orbea ----------------- */

/* deprecated menu 13 & 14 instead */

      #menu10 li a {

      height: 10px;

      font: 10px Tahoma, Verdana, Arial, Helvetica, sansSerif;

      }

      #menu10 li a:link, #menu10 li a:visited {

      color: #FFFFFF;

      display: block;

      background:  url(../img/skin/menu_orbea_small.jpg);

      padding: 5px 2px 5px 8px;

      }

      #menu10 li a:hover {

      color: #333333;

      background:  url(../img/skin/menu_orbea_small2.jpg);

      padding: 5px 2px 5px 8px;

      }



/*- Menu 11--- Mail to Friend -------- */



      #menu11 li a {

      font: bold 10px Verdana, Helvetica, sans-serif;

      }

      #menu11 li a:link, #menu11 li a:visited {

      color: #333333;

      display: block;

      background:  url(../img/skin/menu12.jpg);

      padding: 8px 0 0 30px;

      }

      #menu11 li a:hover {

      color: #333333;

      background:  url(../img/skin/menu12.jpg) 0 -32px;

      padding: 8px 0 0 30px;

      }



/*- Menu 12--- left trip booking ------ */



      #menu12 li a {

      font: bold 10px Verdana, Helvetica, sans-serif;

      }

      #menu12 li a:link, #menu12 li a:visited {

      color: #333333;

      display: block;

      background:  url(../img/skin/trip_booking.gif);

      padding: 8px 0 0 30px;

      }

      #menu12 li a:hover {

      color: #333333;

      background:  url(../img/skin/trip_booking.gif) 0 -32px;

      padding: 8px 0 0 30px;

      }



/*- Menu 13--- Orbea ----------------- */



      #menu13 li a {

      height: 10px;

      font: 10px Tahoma, Verdana, Arial, Helvetica, sansSerif;

      }

      #menu13 li a:link, #menu13 li a:visited {

      color: #333333;

      display: block;

      background:  url(../img/skin/menu_orbea2.jpg);

      padding: 5px 2px 5px 8px;

      }

      #menu13 li a:hover {

      color: #333333;

      background:  url(../img/skin/menu_orbea2.jpg) 0 -18px;

      padding: 5px 2px 5px 8px;

      }

 /*- Menu 14--- Orbea ----------------- */



      #menu14 li a {

      height: 10px;

      font: 10px Tahoma, Verdana, Arial, Helvetica, sansSerif;

      }

      #menu14 li a:link, #menu14 li a:visited {

      color: #FFFFFF;

      display: block;

      background:  url(../img/skin/menu_orbea1.jpg);

      padding: 5px 2px 5px 8px;

      }

      #menu14 li a:hover {

      color: #333333;

      background:  url(../img/skin/menu_orbea1.jpg) 0 -18px;

      padding: 5px 2px 5px 8px;

      }     

/*- Menu 15--- photo gallery -----------*/

      #menu15 li a:link, #menu15 li a:visited {

      color: #333333;

      display: block;

      background:  url(../img/skin/menu15.jpg);

      padding: 8px 0 0 30px;

      }

      #menu15 li a:hover {

      color: #333333;

      background:  url(../img/skin/menu15.jpg) 0 -32px;

      padding: 8px 0 0 30px;

      }

#email2 {

position: Absolute;

top: -30px;

left:-30px;

}