﻿/***** OVERRIDE Global ******************************/
#page-content .content h1 { color: #90BF00 !important; }

#section-nav li.selected ul a { padding: 3px 15px !important; }
#section-nav li.selected ul li.selected a { font-weight: bold !important; }
#section-nav li.selected ul li.selected { background-image: none !important; }
/************** New Itenerary Excusrsion - used in controls/itenerary.ascx   ********************/
table.tripset {
       background-color: #e9f3ce
}

table.tripset h1 {
       color: #98b537;
}

table.tripset .desc {
       padding: 10px;
       vertical-align: top;
}

table.tripset .price {
       font-weight: bold;
}

table.tripset .price,
table.tripset .trip {
       padding: 10px;
       border-right: 2px solid #fff;
       vertical-align: top;
       text-align: center;
}

/***** ITINERARY EXCURSIONS ******************************/
.itinerary-excursion, .itinerary-extend { margin: 10px 0 20px 0; }
.itinerary-excursion div, .itinerary-extend div { float: left; background-color: #E9F3CE; margin-right: 2px; height: 102px; }
.itinerary-excursion div.photo, .itinerary-extend div.photo { width: 102px; }
.itinerary-excursion div.description, .itinerary-extend div.description { width: 416px; padding: 10px; height: 82px; }
.itinerary-extend div.description { width: 518px !important; }
.itinerary-excursion div.action, .itinerary-extend div.action 
{ 
	width: 47px; 
	text-align: center; 
	/*background-image: url(../images/tour/btn_excursion_add.gif); */
	background-repeat: no-repeat; 
	background-position: center 10px;
}
/*.itinerary-extend div.action { background-image: url(../images/tour/btn_extend_add.jpg) !important; }*/
.itinerary-excursion .action .price, .itinerary-extend .action .price
{ 
	display: block; 
	margin-top: 74px; 
	color: #000; 
	font-size: 130%; 
	font-weight: bold; 
}
.itinerary-excursion div.description h1, .itinerary-extend .description h1 
{ 
	font-size: 100% !important; 
	color: #000 !important; 
	margin: 0 !important; 
}
.itinerary-excursion div.description h1 strong, .itinerary-extend div.description h1 strong { color: #648D23; }

/***** ACCOMMODATIONS + EXCURSIONS + EXTENSIONS + SCRAPBOOK + COMMENTS ******************************/
.accommodation, .excursion, .extend-stay, .scrapbook, .comment
{ 
	margin-bottom: 40px; 
}
.accommodation .photo, .excursion .photo, .extend-stay .photo, .scrapbook .photo, .comment .photo
{ 
	float: left; 
	width: 200px; 
	margin-right: 15px; 
	display: inline;
}
.comment .photo { width: 102px; } /* override previous setting, the other settings are still necessary */
.accommodation .description, .excursion .description, .extend-stay .description, .scrapbook .description, .comment .description
{ 
	position: relative; 
	float: left; 
	width: 385px; 
}
.comment .description { width: 460px; } /* override previous setting, the other settings are still necessary */
.accommodation .description h4, .excursion .description h4, .extend-stay .description h4, .scrapbook .description h4, .comment .description h4
{ 
	margin-top: 0px !important; 
}
.accommodation .description h4 { width: 295px; }
.accommodation .description .stars { position: absolute; right: 0px; width: 90px; text-align: right; }
.scrapbook-user { font-style: italic; }
.scrapbook-user img { float: left; width: 53px; margin-right: 10px; margin-bottom: 10px; display: inline; }
.scrapbook-user h4 { font-style: normal; }

/***** POPUP ******************************/
.popup
{
	position: fixed;
	left: 50%;
	top: 50%;
	width: 495px;
	height: 400px;
	padding: 20px;
	margin-left: -262px;
	margin-top: -220px;
	background-color: #FFF;
	border: solid 1px #333;
	display: none;
	font-size: 80%;
	color: #333;
	overflow: auto;
}

.trippopup
{
	position: fixed;
	left: 50%;
	top: 50%;
	width: 495px;
	height: 400px;
	padding: 20px;
	margin-left: -262px;
	margin-top: -220px;
	background-color: #FFF;
	border: 0px;
	display: none;
	font-size: 80%;
	color: #333;
}

.hoverbox
{
	background-color:black;
	border:1px solid #333333;
	color:white;
	display:none;
	font-size:80%;
	height:250px;
	left:35%;
	padding:20px;
	position:fixed;
	top:35%;
	width:350px;
	z-index:1;
}

.popup2
{
	position: fixed;
	left: 50%;
	top: 75%;
	width: 495px;
	height: 80px;
	padding: 20px;
	margin-left: -262px;
	margin-top: -220px;
	background-color: #FFF;
	border: solid 1px #333;
	display: none;
	font-size: 80%;
	color: #333;
	overflow: auto;
}

.popup .popup-close, .popup2 .popup-close, .trippopup .popup-close, .hoverbox .popup-close
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 19px;
	height: 19px;
	background-image: url(../images/tour/popup_close.jpg);
	background-repeat: no-repeat;
}

.popup h1, .trippopup h1, .popup2 h1, .hoverbox h1 { color: #90BF00; font-size: 190%; margin: 0 0 15px 0; }
.popup p, .trippopup p, .popup2 p, .hoverbox p { margin-top: 0; padding-top: 0; }

/***** MISCELLANEOUS ******************************/
.img-left { float: left; margin-right: 10px; margin-bottom: 10px; }
.img-right { float: right; margin-left: 10px; margin-bottom: 10px; }


.CustomerInfo td input{float:left; width:15px; margin:0 5px 0 0;}

/**** THANK YOU GOOGLE LANDING ********************/
#page-content .thanks-nav
{
	width:175px;
	float:left;
	margin:50px 25px 0 25px;
}

#page-content .thanks-nav .thanks-table { background-color:#c8dc87; font-size:75%; margin-top:10px; margin-bottom:25px; }
#page-content .thanks-nav .thanks-table th { background-color:#c8dc87; padding:10px; font-size:120%; }
#page-content .thanks-nav .thanks-table td { background-color:#e1eeb9; padding:10px; text-align:center; }

#page-content .thanks-content
{
	position: relative;
	display: inline;
	float: left;
	margin: 50px 20px 0 20px;
	padding-bottom: 20px;
	/*	
		actual width is 609, but it was appearing to close to the "question" image.  
		so i took a bit off here for more space 
	*/
	width: 600px;
	font-size: 80%;
	color: #333;
}
#page-content .thanks-content a { color: #0A0FFA; }
#page-content .thanks-content a:hover { color: #92BC3E; }
#page-content .thanks-content h1 { color: #000; font-size: 190%; margin: 5px 0 0 0; font-weight:normal; }
#page-content .thanks-content h2 { color: #000; font-size: 140%; margin: 5px 0 0 0; font-weight:normal; }
#page-content .thanks-content p { margin: 10px 0 0 0; padding-bottom: 10px; line-height:130%; }
#page-content .thanks-content .notes { margin: 0; }
#page-content .thanks-content .notes a { text-decoration: none; }
#page-content .thanks-content .content-section { /*display: none;*/ margin-bottom: 20px; }

.viewedtours
{
    font-weight:bold;
    font-size:12px;
    height:20px;
    text-align:center;
    padding-top:5px;
}
