/* 
Author:		Agency.com
Client:		Eurostar - Tripplanner
Start:		14/11/2007
End:		dd/mm/yyyy

Revision:	dd/mm/yyyy
Name:		Milena Polimeno
*/
/**************************************
* Table of Contents
* =================
0. reset all styling
1. general styling 
	- links
	- lists
	- images
	- body
2. header styling 
3. content styling 
4. footer styling 
5. styling search form
6. navigation styling 
7. homepage styling		
8. Explore pages
9. My trip pages
10. Suggestions pages 
11. Tips pages
12. search pages
13. general classes
14. miscellaneous styling
15. Preview styling on WMT
/* 0. reset all styling
---------------------------------------------------------- */
* {
	font-size:11px;
	margin:0;
	padding:0;
	font-family:"trebuchet MS", Arial;
}
img.pngfix, div.pngfix, .pngfix-children img, .pngfix-children div { behavior: url(/_scripts/iepngfix.htc)}

/* 1. general styling
---------------------------------------------------------- */
/* Links
------------------------------ */
a {
	color:#9D9D9B;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
/* Lists
----------------------------- */
ul li {
	list-style-type:none;
}
/* body styling 
---------------------------------------------------------- */
body {
	background:url(../../_images/container.gif) no-repeat top left #142634;
}
/* 2. header styling 
---------------------------------------------------------- */
#header {
	height:175px;
	z-index:0;
}
#FlashHeader {
	position:absolute;
	top:0;
	left:310px;
}
#logo-header img {
	float:left;
}
h1 {
	font-size:12px;
	text-transform:uppercase;
	clear:both;
}
h2 {
	font-size:12px;
}
h3 {
	font-size:14px;
}
#print-header {
	display:none;
}
/* 3. content styling 
---------------------------------------------------------- */
#container {
	margin:0 0 0 75px;
	width:880px;
}
#content {
	background:#FFF url(../paris/_images/bg-pixel.gif) 710px top repeat-y;
	float:left;
}
#FlashNavigation, #ContentMain, #SideBar {
	float:left;
}
#ContentMain {
	width:691px;
	padding:0 0 40px 20px;
	min-height:400px;
	_height:400px;
	margin-top:10px;
}
#ContentMain h2 {
	padding-bottom:10px;
}
#icons {
	float:right;
	padding-right:15px;
}
#icons input {
	margin:0 5px;
	float:right;
	cursor:pointer;
}
/* 4. footer styling 
---------------------------------------------------------- */
#footer {
	text-align:center;
	color:#5C7078;
	width:880px;
	margin:0 auto;
	font-size:10px;
}
#footer a {
	color:#5C7078;
	margin-right:15px;
	line-height:50px;
	font-size:10px;
}
#footer a.ChangeDestination {
	background:url(../../_images/paris/icon-city.gif) right bottom no-repeat;
	padding:10px 30px 0 0;
}
/* 5. styling search form 
---------------------------------------------------------- */
.SearchField {
	padding:0 5px;
}
#SearchGeneral {
	position:absolute;
	left: 785px;
	top:138px;
	width:168px;
	height:37px;
	background:url(../paris/_images/bg-input.gif) no-repeat;
	z-index:5000;
}
#SearchGeneral .SearchField {
	border:0;
	background:url(../paris/_images/input-search.gif) top left no-repeat;
	width:110px;
	margin:8px 0 0 8px;
	height:18px;
	float:left;
	padding-top:3px;
}
#SearchGeneral .SearchSubmit {
	margin:0 10px 0 0;
	float:right;
	margin-right:10px
}
/* 6. navigation styling 
---------------------------------------------------------- */
#nav {
	position:absolute;
	left:75px;
	top:132px;
	font-weight:bold;
	background-color:#FFF;
	z-index:5000;
}
#nav ul li {
	float:left;
}
#nav ul li a {
	text-decoration:none;
	display:block;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	text-transform:uppercase;
	padding-top:15px;
	height:27px;
	color:#000;
}
#nav ul li a:hover {
	color:#FF0000;
}
#nav ul li a.active {
	color:#FF0000;
	border-bottom:0;
}
.left-gradient {
	background:url(../paris/_images/left_gradient.gif) right top no-repeat;
}
.right-gradient {
	background:url(../paris/_images/right_gradient.gif) left top no-repeat;
}
.width-80 {
	width:80px;
}
.width-115 {
	width:115px;
}
.width-120 {
	width:120px;
}
.width-130 {
	width:130px;
}
/*7 rightcontent general
---------------------------*/
#SideBar {
	width:169px;
	padding-bottom:40px;
}
#SideBar .mytrip {
	border-bottom:1px solid #AFADAD;
	width:159px;
	padding:5px 0 10px 10px;
	background-color:#F4F5F2;
}
#SideBar .mytrip p {
	padding-right:5px;
}
#SideBar .no-border {
	border-bottom:0;
}
.mytrip h2 {
	margin:10px 0 5px;
}
.mytrip h2.icon-mytrip {
	background:url(../../_images/icon-mytrip2.gif) left top no-repeat;
	padding-left:35px;
	line-height:30px;
	vertical-align:middle;
	color:#7C93A1;
	font-size:14px;
}
#SideBar .mytrip h3 {
	color:#7C93A1;
	padding:5px 0 0;
	font-size:15px;
}
#SideBar .mytrip.login {
	background-color:#F0F0EE;
}
#SideBar .mytrip.login h3 {
	padding:0 0 5px;
}
.SaveTripField {
	clear:left;
	padding-top:5px;
	display:none;
}
#SideBar .mytrip .ArrowActive {
	margin-right:5px;
	float:right;
	padding-top:3px;
	cursor:pointer;
}
#SideBar .mytrip h3 a {
	font-size:13px;
	color:#7C93A1;
	text-decoration:none;
}
#SideBar .mytrip p.active {
	font-weight:bold;
}
#SideBar .mytrip a {
	margin-right:15px;
	color:#333;
}
#SideBar div.BtnNewTrip {
	background:url(/_images/bg_button.gif) left top no-repeat;
	width:143px;
	height:27px;
	margin:0 0 10px;
}
#SideBar #SavedTrips {
	padding:5px 0;
}
#SideBar #SavedTrips a {
	color:#7C93A1;
	font-weight:bold;
	font-size:13px;
	display:block;
	float:left;
	width:140px;
	margin:0;
	padding:0;
	text-decoration:none;
}
#SideBar #SavedTrips a:hover {
	text-decoration:underline;
}
#SideBar #SavedTrips img {
	float:left;
	margin:5px 5px 0 0;
}
#SideBar #SavedTrips .date {
	padding-left:15px;
	display:block;
}
#SideBar div.BtnNewTrip h3 {
	padding:0;
}
#SideBar div.BtnNewTrip h3 a {
	color:#7C93A1;
	line-height:27px;
	vertical-align:middle;
	margin-left:30px;
}
#SideBar div.BtnNewTrip h3 a:hover {
	text-decoration:none;
}
.activeTripItem {
	margin-top:10px;
}
.activeTripItem img {
	margin-right:3px;
	float:left;
}
#weather {
	padding:10px;
}
#weather img {
	margin-right:5px;
	float:left;
}
#weather a {
	line-height:27px;
	vertical-align:middle;
	/*float:left;*/
}
/* right content styling specific blocks */
.StepsPrepareTrip {
	margin:10px 0;
}
.StepsPrepareTrip p {
	width:125px;
	margin-left:5px;
	color:#333;
}
.numbers {
	background-color:#D6D5D5;
	height:20px;
	width:20px;
	text-align:center;
	float:left;
	vertical-align:middle;
	line-height:20px;
	font-weight:bold;
}
.loginField {
	width:120px;
	margin-bottom:5px;
	border:1px solid #AFADAD;
	padding-left:5px;
}
.loginButton {
	padding:0 5px;
	width:127px;
	background:#F0F0F0;
	border-bottom:1px solid #848484;
	border-right:1px solid #848484;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	height:18px;
	line-height:16px;
	vertical-align:middle;
	text-transform:uppercase;
	margin-bottom:10px;
}
/* 7. homepage styling 
---------------------------------------------------------- */
/*other structure for homepage*/
#FlashNavigation {
	width:210px;
	padding:50px 0 0;
}
#FlashNavigation h2 {
	padding:0 0 15px 15px;
}
#FlashNavigation input {
	width:113px;
	float:left;
	margin-right:5px;
}
#FlashNavigation li {
	float:left;
	line-height:52px;
	vertical-align:middle;
}
#FlashNavigation li a {
	color:#000;
	text-decoration:none;
}
#home #ContentMain {
	width:481px;
}
#home #ContentMain h1 {
	margin-bottom:0;
}
.HomeBlock {
	padding:25px 0;
	float:left;
}
.HomeBlock .blockleft {
	float:left;
	width:285px;
	margin-right:10px;
	color:#646055;
}
.HomeBlock .blockright {
	float:left;
}
#home .SuggestionsTitle {
	width:456px;
	border-bottom:1px solid #AFADAD;
	float:left;
}
#home .SuggestionsTitle h1 {
	float:left;
}
#home .SuggestionsTitle a {
	float:right;
}
#home .HomeSuggestions {
	float:left;
	width:456px;
	border-bottom:1px solid #AFADAD;
	padding:10px 0;
}
#home .HomeSuggestions img {
	float:left;
	margin-right:10px;
}
#home .HomeSuggestionsContent {
	float:left;
	width:316px;
}
#home .HomeSuggestionsContent p {
	clear:left;
}
#home .HomeSuggestionsContent h3 {
	float:left;
	padding:5px 0 0;
}
#home .HomeSuggestionsContent h3 a {
	color:#000;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	}
#home .HomeSuggestionsContent a.black-arrow {
	margin:10px 20px 0 0;
	display:block;
	float:left;
}
/* 8. Explore pages
---------------------------------------------------------- */
#SearchMap {
	border:1px solid #AFADAD;
	border-right:0;
	margin:20px 0;
}
#SearchMap input {
	margin:2px 5px 0 0;
}
#map {
	width:680px;
	height:332px;
	border-right:1px solid #AFADAD;
	border-bottom:1px solid #AFADAD;
	float:left;
}
#SearchMap.large {
	margin-top:0;
	clear:left;
}
#SearchAddress {
	float:left;
	width:109px;
	padding:0 15px;
}
#SearchAddress .SearchField {
	border:1px solid #AFADAD;
	width:97px;
	margin:5px 0;
	height:16px;
}
#SearchAddress div {
	padding:20px 0;
	float:left;
}
#SearchAddress h3 {
	margin-bottom:5px;
	width:109px;
}
#SearchAddress p {
	padding-bottom:5px;
	float:left;
	width:109px;
}
#SearchAddress input {
	width:13px;
	height:13px;
	margin:2px 2px 0 0;
	float:left;
}
#SearchAddress input.float-right {
	float:right;
	width:auto;
	height:auto
}
#SearchAddress label {
	display:block;
	width:85px;
	float:left;
}
#SearchMap ul {
	clear:left;
}
#SearchMap li {
	float:left;
	margin:0 0 0 5px;
	vertical-align:middle;
	line-height:17px;
	font-weight:bold;
	cursor:pointer;
	padding-top:5px;
}
#SearchMap li img {
	margin-right:5px;
}
.black-arrow {
	background:url(../../_images/arrow-black.gif) left center no-repeat;
	padding-left:10px;
}
#infoWindow {
	padding-top:10px;
	width:300px;
}
.InfoWindowSummary {
	float:left;
	margin-top:10px;
	width:200px;
}
.InfoWindowLinks {
	margin-top:10px;
}
.InfoWindowLinks p {
	float:left;
	margin-right:10px;
}
#infoWindow .InfoWindowIcon {
	vertical-align:-5px;
}
p.address {
	color:#9D9D9B;
	clear:left;
}
p.price {
	font-weight:bold;
	margin-top:10px;
}
.stars {
	float:left;
	margin:0 0 5px 5px;
}
.calendarTable table {
	width:300px;
	padding-bottom:5px;
}
.calendarTable td {
	height:25px;
}
.calendarTable th {
	font-size:12px;
}
	
/* 9. My trip pages 
---------------------------------------------------------- */
/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
@media projection, screen {
.ui-tabs-hide {
	display: none;
	visibility:hidden;
}
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
	display: none;
	visibility:hidden;
}
}
/* create new trip */
.CalendarBlock {
	float:left;
	margin:20px 30px 0 0;
}
.CalendarBlock option {
	padding-right:5px;
}
.CalendarLink {
	margin-top:5px;
}
.CalendarLink input {
	float:left;
	padding-right:5px;
}
/* navigation mytrip */
#sub-nav-container {
	position:relative;
	border-bottom:1px solid #999;
	height:41px;
	margin-bottom:20px;
	margin-top:30px;
}
#sub-nav-container.tabs-search {
	margin-top:80px;
 *margin-top:20px;
 *clear:left;
	height:31px;
	margin-bottom:10px;
}
#sub-nav-container ul {
	padding: 0;
	list-style: none;
	position:absolute;
	top:0;
	right:0;
}
#sub-nav-container ul li {
	float:left;
	width:137px;
	background:#CCC;
	border-top:1px solid #CCC;
	border-bottom:1px solid #999;
	height:40px;
	text-align:center;
}
#sub-nav-container.tabs-search ul li {
	width:98px;
	height:30px;
	
}
#sub-nav-container.tabs-search ul li a {
	line-height:30px;
}
#sub-nav-container ul li.ui-tabs-selected {
	background:#FFF;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
	border-bottom:1px solid #fff;
	margin:0 1px;
}
#sub-nav-container ul li a {
	color:#666;
	text-align:center;
	line-height: 40px;
	font-weight:bold;
	text-decoration:none;
}
#sub-nav-container ul li a:hover {
	text-decoration:underline;
}
#sub-nav-container ul li a.ico-1 {
	background:url(../paris/_images/icon-details.gif) left 14px no-repeat;
	padding: 20px 0 20px 45px;
}
#sub-nav-container ul li.ui-tabs-selected a.ico-1 {
	background:url(../paris/_images/icon-details-active.gif) left 14px no-repeat;
}
#sub-nav-container ul li a.ico-2 {
	background:url(../paris/_images/icon-map.gif) left center no-repeat;
	padding: 20px 0 20px 32px;
}
#sub-nav-container ul li.ui-tabs-selected a.ico-2 {
	background:url(../paris/_images/icon-map-active.gif) left center no-repeat;
}
#sub-nav-container ul li a.ico-3 {
	background:url(../paris/_images/icon-recommend.gif) left center no-repeat;
	padding: 20px 0 20px 31px;
}
#sub-nav-container ul li.ui-tabs-selected a.ico-3 {
	background:url(../paris/_images/icon-recommend-active.gif) left center no-repeat;
}
.starting {
	display:block;
	margin-bottom:10px;
	font-weight:bold;
}
#reviews {
	border-top:1px solid #AFADAD;
	margin-top:50px;
}
#reviews h4 {
	margin:10px 0 0;
}
#reviews p {
	color:#858484;
	margin:5px 5px 0 0;
}
#reviews p.ErrorMessage {
	color:#FF0000;
}
.UserComment {
	margin-bottom:10px;
}
/* detail and map */
#back {
	padding-top:20px;
}
#back img {
	float:left;
	margin-right:5px;
}
#back a {
	color:#A0A1A3;
}
#back p {
	margin-top:3px;
}
/* My trip */
.MyTripDetail {
	background:url(../paris/_images/bg-pixel.gif) 560px top repeat-y;
	border-bottom:1px solid #AFADAD;
	padding:10px 0 0 0;
	float:left;
}
.MyTripDetail h2 {
	text-transform:uppercase;
}
.MyTripDetail h2 img {
	float:left;
	padding-right:5px;
}
/* if there is a trip item in the category */
.MyTripDetailActive {
	float:left;
	margin-bottom:10px;
}
.MyTripDetailActive .ItemBlockSummary {
	width:400px;
}
/* my trip styles general */	
.MyTripDetailContent {
	float:left;
	width:550px;
	padding:0 10px 0 0;
}
.MyTripDetailContent ul, ol, li {
	font-size:11px;
}
.MyTripDetailContent ul, ol {
	margin:20px 0;
	clear:left;
}
.MyTripDetailContent ol {
	margin-left:20px;
}
.MyTripDetailLinks {
	float:right;
	width:131px;
}
.MyTripDetailLinks {
	width:119px;
	padding:0;
	float:right;
	padding-left:10px;
}
.MyTripDetailLinks p {
	clear:left;
}
.MyTripDetailLinks img {
	float:left;
}
.MyTripDetailLinks a {
	width:70px;
	padding-left:5px;
	padding-bottom:8px;
	float:left;
}
.deleteTrip {
	font-size:13px;
	color:#7C93A1;
	margin-top:10px;
	font-weight:bold;
}
.BookExpedia {
	/*padding:20px 0 10px;*/
	float:left;
	width:250px;
}

.BookExpedia p {
	float:left;
	padding:5px 5px 0 0;
}
.BookRooms {
	clear:left;
}
.BookRooms div {
	float:left;
}
.BookRooms p {
	width:90px;
	margin:0 0 5px;
	padding:0;
}
.BookRooms select {
	width:40px;
}
.BookRooms input {
	margin-top:22px;
}
/* 10. Trip Item Blocks on search and suggestions pages
---------------------------------------------------------- */
#introtext {
	clear:both;
	padding-bottom:20px;
	width:100%;
}
#introtext p {
	color:#9D9D9B;
}
.date {
	color:#9D9D9B;
	margin-bottom:5px;
}
.ItemBlock {
	float:left;
	width:680px;
	padding:10px 10px 10px 0;
	border-top:1px solid #AFADAD;
	clear:both;
}
#ItemBlockImg, .ItemBlockImg {
	float:left;
	padding:0 10px 0px 0;
	width:130px;
}
#ItemBlockImg img, .ItemBlockImg img {
	margin-top:5px;
	float:left;
}
.ItemBlockLinks {
	margin-top:10px;
	/*clear: right;  */ 
}
.ItemBlockLinks p {
	clear:none;
	float:left;
	margin-right:30px;
}
div.pages {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
	float:left;
}
div.pages img {
	margin-top:2px;
}
div.pages div {
	border:1px solid #D2D0D0;
	text-align:center;
	width:16px;
	height:16px;
	line-height:16px;
	margin-right:5px;
	float:left;
	vertical-align:middle;
}
div.pages a:hover {
	text-decoration:underline;
}
div.pages a, .pages a:link, .pages a:visited {
	color:#D2D0D0;
	text-decoration:none;
}
#TopDetail {
	padding:0 10px 25px 0;
	float:left;
	width:681px;
}
#TopDetail .ItemBlockImg, #TopDetail #ItemBlockImg {
	width:320px;
}
#TopDetail .ItemBlockSummary {
	width:350px;
}
.ItemBlockSummary {
	float:left;
	width:530px;
	margin-top:5px;
}
.ItemBlockDescription {
	width:660px;
	clear:both;
}
.ItemBlockSummary h3 {
	float:left;
}
.ItemBlockSummary h3 a {
	color:#000;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	cursor: hand;
	}
.ItemBlockSummary h3 img {
	padding:0 5px 0 0;
	float:left;
}
.ItemBlockSummary .date {
	clear:left;
}
.availability {
	line-height:20px;
	vertical-align:middle;
	padding-bottom:10px;
	float:left;
}

.ItemBlockSummary .tripadvisor { float: right; margin-top: 8px; }
.ItemBlockSummary .tripadvisor img { display: block; }

.availability a.create { display: block; }
.bookingimg { clear: both; display: block;}

.availability img {
	float:left;
	margin-right:5px;
}
/* Detail of a Trip Item */
.ItemBlockSummaryDetail {
	float:left;
	width:330px;
	margin-top:5px;
}
.ItemBlockSummaryDetail .book-block {
	margin: 5px 0 0; 
	width:330px;
}
.ItemBlockSummaryDetail .book-block p 
{
	width:140px;
}
.TripDetailTitle {
	line-height:26px;
	vertical-align:middle;
	float:left;
	margin-right:5px;
}
.TripDetailTitle img {
	display:block;
	float:left;
	margin-right:5px;
}
/* 11. Registration pages

- send to a friend
- change profile
- register

---------------------------------------------------------- */
.large-inputs {
	clear:left;
}
.large-inputs input {
	float:left;
	border:1px solid #AFADAD;
	margin:0 5px 5px 0;
	width:300px;
	padding-left:5px;
}
.large-inputs p {
	width:165px;
	float:left;
	margin-bottom:5px;
}
.forgotPwd p, .forgotPwd input {
	margin-bottom:10px;
}
.forgotPwd input {
	width:200px;
}
p.AllFields {
	clear:both;
	margin:3px 0 15px 165px;
	font-size:10px;
}
.RegisterBlock {
	border-bottom:1px solid #AFADAD;
	border-top:1px solid #AFADAD;
	float:left;
	width:100%;
	background:url(../_images/bg-pixel.gif) 500px top repeat-y;
	margin-bottom:15px;
}
.RegisterBlock p {
	color:#666;
}
.RegisterBlockLeft {
	width:460px;
	float:left;
	padding:20px 20px 20px 0;
}
.RegisterBlockRight {
	float:left;
	padding:20px 0;
	width:150px;
}
.RegisterBlockRight li, .RegisterBlockRight p {
	color:#666;
	line-height:1.3em;
	list-style-type:disc;
}
.RegisterBlockRight ul {
	margin-left:15px;
}
.SubscribeProfile {
	padding-top:10px;
	clear:left;
}
.SubscribeProfile input {
	margin-right:5px;
}
.SubscribeNewsletter {
	clear:left;
}
.SubscribeNewsletter p {
	color:#666;
	float:left;
}
.SubscribeNewsletter input {
	margin-right:5px;
	float:left;
}
.buttons {
	clear:left;
	padding-top:20px;
}
.buttons p {
	float:left;
	margin-right:5px;
}
p.friend {
	color:#7C93A1;
	margin-bottom:5px;
	clear:both;
}
.message {
	clear:left;
	padding-top:20px;
}
.message textarea {
	width:455px;
	border:1px solid #AFADAD;
	margin:5px 0 10px;
	height:60px;
	padding-left:2px;
	overflow:hidden;
}
.maxChar {
	padding:55px 0 0 5px;
	display:block;
	float:left;
}
fieldset.profile {
	border:0;
	float:left;
	position:relative;
	width:45%;
}
fieldset.profile h3 {
	font-size:13px;
	margin-bottom:10px;
}
fieldset.profile .RegisterBlockRight {
	padding-top:0;
}
fieldset.profile legend {
	top:0px;
	left:-7px;
	font-size:13px;
	color:#000;
	font-weight:bold;
	line-height:20px;
	position:relative;
}
.profile p.label {
	margin-top:10px;
}
.profile p input {
	margin:0;
	width: 150px;
	border:1px solid #AFADAD;
}
.small-inputs {
	float:left;
	margin-left:5px;
}
.small-inputs p input {
	width:30px;
}
.medium-inputs {
	float:left;
	margin-right:5px;
}
.medium-inputs p input {
	width:40px;
}
/* 12. RSS pages
---------------------------------------------------------- */
#rss ul li {
	font-weight:bold;
	float:left;
	margin:5px 0;
	width:215px;
}
#rss ul li.no-float {
	float:none;
}
#rss ul li ul {
	margin:5px 0 0 15px;
}
#rss ul li ul li {
	float:none;
	font-weight:normal;
	margin:0;
	padding-left:12px;
	background:url(../../_images/rss-small.gif) left bottom no-repeat;
}
/* 11. Tips pages
---------------------------------------------------------- */
.tips {
	float:left;
	padding-bottom:20px;
}
.tips h1 {padding-bottom:20px;}
.tips img {
	margin:5px 10px 0 0;
	width:52px
}
.tips div {
	float:left;
}
.tips p {
	width:600px;
	margin-top:5px;
}
#weathertable {
	margin-top: 20px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	float:left;
	width:663px;
}
#weathertable h2 {
	padding-bottom:0;
}
#weathertable div {
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	float:left;
	text-align:center;
	width:220px;
	padding:5px 0;
}
#weathertable div img {
	margin:10px auto;
	text-align:center;
}
#weathertable div.degrees {
	height:32px;
}
/* 12. search pages
---------------------------------------------------------- */
#SearchBox {
	float:left;
	line-height:20px;
	vertical-align:middle;
}
#SearchBox p {
	float:left;
	margin-right:5px;
}
#SearchBox input, #SearchBox select {
	float:left;
}
#SearchBox select {
	margin-right:10px;
	width:150px;
}
#SearchBox input.txtField {
	width:200px;
	margin-right:10px;
}
#pages {
	padding-top:30px;
	width:auto;
	text-align:center;
}
#pages ax, #pages input, #pages span, #pages img {
	line-height:1;
	vertical-align:middle;
	padding:0 3px;
}
#ContentMain div.divider {
	width:689px;
	margin:20px 0 -1px;
	float:left;
	padding-bottom:3px;
	border:1px solid #AFADAD;
}
#ContentMain div.divider p {
	line-height:17px;
	vertical-align:middle;
	margin-top:3px;
}
.divider img {
	margin:0 3px 3px 5px;
	float:left;
}
.divider a {
	margin:0;
	color:#000;
}
#ContentMain div.resultlistheader {
	clear:both;
	padding-top:20px;
}
#ContentMain div.resultlistheader a {float:left;}
#ContentMain .resultlistheader h2 {
	float:left;
	width:100px;
	padding:0;
}
#ContentMain .resultlistheader input {
	float:right;
	margin:-10px 10px 0 0;
	padding:0;
}
#ContentMain .resultlistheader p a {float:none;}
#ContentMain .resultlistheader p {
	float:right;
	margin-right:10px;
}
/*.search div {float:left; margin:0 30px 0 0;}
.search div.no-margin {
	margin:0;
	}
.advancedsearch div {float:left; margin:10px 30px 0 0;}
.search input { width:220px;}
.search label, 
.advancedsearch label {display:block;}
.search div.or {margin:20px 40px 0 0;}
.search input.button {width:auto; padding:0 5px; margin:15px 0 0;}
.advancedsearch {background:#F4F5F2; margin-top:20px; padding:10px 0 20px 20px; float:left; width:669px;  }
div.results {float:right; width:100px; margin-right:0}
div.results div.counter {width:auto; margin:0; font-size:16px; color:#FFF; float:right; }
.counter div {background:url(../../_images/bg_test.gif) left top no-repeat; width:20px; height:26px; float:left; margin:0; font-family:"Courier New", Courier, monospace; font-size:20px; font-weight:bold; padding:2px 0 0 4px}
.results input {width:auto; padding:0 5px; margin-left:20px;}
.results p {margin-left:10px;}
*/

.search {
	background: #F4F5F2;
	width: 639px;
	margin: 0;
	padding: 15px;
	margin-left: 10px;
}
.search .clear {
	clear: both;
}
.advancedsearch div {
	float: left;
	margin: 15px 15px 0 0;
}
.advancedsearch .keywords, .advancedsearch .address {
	margin: 10px 0 0 0;
}
.advancedsearch .keywords input, .advancedsearch .address input {
	width: 266px;
}
.advancedsearch .or {
	margin: 20px 40px 0 40px;
}
.advancedsearch label {
	display: block;
}
.results {
	clear: both;
	padding-top: 10px;
	margin: 0;
}
.results .counter {
	width: auto;
	margin: 0;
	font-size: 16px;
	color: #FFF;
	float: right;
}
.results .counter div {
	background: url(../../_images/bg_test.gif) left top no-repeat;
	width: 20px;
	height: 26px;
	float: left;
	margin: 0;
	font-family: "Courier New", Courier, Monospace;
	font-size: 20px;
	font-weight: bold;
	padding: 2px 0 0 4px
}
.results .counter {
	width:auto;
	margin:0;
	font-size:16px;
	color:#FFF;
	float:right;
}
.results p {
	float: right;
	margin-left: 10px;
}
/*#advancedSearch {
	margin:0 1px 25px 0;
	float:left;
	width:664px;
	border-top:1px solid #AFADAD;
	background-color:#F5F5F3; 
	padding:15px 10px 15px 15px;
	}
#advancedSearch div.searchRow {
	line-height:20px;
	vertical-align:middle;
	float:left;
	width:600px;
	padding-bottom:10px;
	}
#advancedSearch div.calendar {
	width:600px; 
	float:left;
	}
#advancedSearch p {
	float:left;
	}
#advancedSearch p {
	width:70px;
	}
#advancedSearch div.searchRow input {
	width:15px; 
	}
.region {
	margin:0 30px 0 0;
	width:200px;
	float:left;
	}
#advancedSearch input.priceRange {
	vertical-align:-2px;
	}
#advancedSearch .CalendarBlock {
	width:200px;
	}
#advancedSearch .column {
	width:300px;
	float:left;
	}
#advancedSearch input.submit {
	width:60px;
	float:left;
	}
#advancedSearch label {
	margin-right:10px;
	}*/
#sortResults h3 {
	float:left;
}
#sortResults p {
	float:right;
	text-transform:uppercase;
	font-weight:bold;
	margin-right:5px;
}
#sortResults p .inactive {
	color:#666;
}
#sortResults input {
	vertical-align:-2px;
	margin:0 5px 0 15px;
}
#sortResults img {
	vertical-align:-2px;
}
table.RefinedSearch {
	clear:left;
	margin:10px 0 20px;
}
table.RefinedSearch input {
	margin-right:5px;
	float:left;
	line-height:18px;
	vertical-align:middle;
}
table.RefinedSearch label {
	padding:0 10px 0 0;
	line-height:18px;
	vertical-align:middle;
}
label {
	margin-right:5px;
}
/* 13. general classes
---------------------------------------------------------- */

.border-grey-right {
	border-right:1px solid #AFADAD;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.text-black {
	color:#000;
}
.text-red {
	color:#FF0000;
}
.text-blue {
	color:#00F;
}
.marginTop10px {
	margin-top:10px;
}
.marginTop20px {
	margin-top:20px;
}
.marginTop40px {
	margin-top:40px;
}
.no-display {
	display:none;
}
.back, .back2, .printbutton {
	cursor:pointer;
}
.ErrorMessage {
	color:#FF0000;
}
#GMapPreloader {
	position: absolute;
	display:none;
	left:95px;
	z-index:100000;
}
.clear {
	clear:both;
}
/* 14. miscellaneous styling 
---------------------------------------------------------- */
.clearfix:after {
	content: ".";			/* adds content to this div without adding XHTML code */
	display: block;			/* clear:both only works on block-level elements */
	height: 0;				/* no height added to new text */
	clear: both;			/* clears all floats */
	visibility: hidden;		/* hides de content */
}
/* CSS not accepted because of inline-block */ .clearfix {
	display: inline-block;	/* IE7 accepts a value that isn't in the standard CSS2 but only in CSS 2.1(draft), 'inline-block' */
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*Modal Popup*/
.modalPopup {border:8px solid #FFF; background:url(../../_images/background-modal.gif) left top no-repeat; width:342px; height:140px;text-align:center;  color:#efef3f;}
.modalPopup p {font-size:18px; margin:30px 0 5px 0; }
.modalBackground {
    background-color:#393939;
    filter:alpha(opacity=48);
    opacity:0.48;
}
.modalPopup input {background:url(../../_images/btn_ok.gif) left top no-repeat; width:97px; height:33px; border:none; font-size:18px; color:#142634; text-transform:uppercase; font-weight:bold; margin-top:5px; }
/* 15. preview styling on WMT
---------------------------------------------------------- */
#preview #content {
	background-image:none;
	width:712px;
	padding-right:20px;
}
#preview div#ContentMain {
	margin-top:0;
}
.ratingStar {
	width: 13px;
	height: 12px;
	background-repeat: no-repeat;
}
.filledRatingStar {
	background-image: url(/WMT/_images/FilledStar.png);
}
.emptyRatingStar {
	background-image: url(/WMT/_images/EmptyStar.png);
}
.savedRatingStar {
	background-image: url(/WMT/_images/SavedStar.png);
}
#languageSelection {
	padding:10px 0 10px 10px;
	background:#ddd;
}
#preview h1 {
	margin:20px 0;
}
#preview h1 span {
	padding:20px 0;
	font-size:16px;
}
#description {
	padding-top:20px;
	float:left;
	width:680px;
}
#photos .canvas {
	padding-top:5px;
	overflow: hidden;
	visibility: visible;
	position: relative;
	z-index: 2;
	left: 0px;
	width: 320px;
}
.tripitem_callout {
	border:1px solid #CCC;
	padding:10px;
	background:#FFF;
	width:400px;
}
.tripitem_callout h2 {
	float:left;
	width:200px
}
.tripitem_callout h2 a {color:#000; text-decoration:none; font-size:12px;}
.tripitem_callout h2 img {
	display:inline;
	float:none;
}
.tripitem_callout img {
	margin:0 5px 5px 0;
	float:left;
}
.tripitem_callout div {
	clear:both;
}
.tripitem_callout p {
	width:100%;
}
.tripitem_callout div a.black-arrow, .tripitem_callout div strong.black-arrow {
	padding:10px 25px 0 10px;
	float:left;
	background-position:left 13px;
}
#tabMap #map {
	margin-top:20px;
	border:1px solid #AFADAD;
}
#tabPane {
	clear: both
}
.hidden { position: absolute; top: -10000px; }
a.close-button {
	display: block;
	float: right;
	background: url(/_images/close.gif);
	width: 14px;
	height: 13px;
	background-repeat:no-repeat
}
.book-block {clear:both; float:left; color:#FFF; background:#142634; width:370px; padding:10px; margin-left:140px;_margin-left:70px; }
.book-block p {float:left; width:170px; font-weight:bold; font-size:12px;}
.book-block div.age-category {float:left; clear:both; width:100%; padding-top:10px}
.book-block img.close {float:right;}
.book-block div.age-category div { width:100%; float:left; clear:left; padding-bottom:10px;}
.book-block div.age-category label {font-size:12px;}
.book-block div.age-category select {clear:left; width:50px; margin-right:10px;}
.ShowBookPanel {clear:left;}
div.search-hotel {clear:both; padding-top:5px;}
.ajax_calendar {border:1px solid #FF0000}

#voice-of-a-city { border-top: 1px solid #AFADAD; padding:10px 0 10px 0px; clear:both; text-align: center; }
#voice-of-a-city .voic-link { border: 1px solid white; margin: 0 10px; padding: 0; display: block; }

/*.mytrip .activeTripItem .active { padding-top: 4pt; }*/
.activeTripItem .mytrip-type-title {
	line-height:23px;
	vertical-align:middle;
}

.last-added { background: yellow; }