﻿/* Peter Prefers - General screen stylesheet */

/* General */
html,#aspnetForm{height:100%; }

body { margin:0px; padding:0px; font-family:Arial, Sans-Serif; font-size:75%; height:100%; background-color:#666666;  background-image:url(/images/bodybg.jpg?date=081117); background-repeat:repeat-x;}

#PageWrapper{ width:954px; margin:0px auto 0px auto; min-height:100%; background-color:White; background-image:url(/images/bgshim.gif?date=081117); background-repeat:repeat-y; /**/border-left:solid 1px white; border-right:solid 1px white; margin-top:-18px;}

/* general */
p{ margin: 0px 0px 10px 0px; line-height:140%;}
.PaddedText{ padding:10px;}
a{ color:#373D77;}
a:hover{ color:#59002D;}

h1{ margin:0px 0px 12px; color:#59002D; font-size:1.6em;}
h2{ margin:0px 0px 10px 0px; font-size:1.2em;}
h3{ margin:0px 0px 0px 0px; font-size:1em;}

/* header */
#header{width:100%;  padding-top:18px; background-color:White; height:70px; background-image:url(/images/headerbg.jpg); background-repeat:repeat-x; background-position:0px 18px;}
#header .menu{margin:0px auto 0px auto; width:500px;}
#header .logo { float:left;  margin:0px; padding:0px;  border:none;}

#header ul{ margin:0px; padding:0px;}
#header ul li{ margin:0px; padding:0px; list-style:none; float:left;}
#header ul li a{ display:block; padding:45px 10px 5px 10px; margin:1px; color:white; text-decoration:none; height:18px;}
#header ul li a.AspNet-Menu-Selected, #header ul li a:hover{ background-color:Black;}

img.headerimage{border-bottom:solid 1px white;}

ul.imagery{ margin:0px; padding:0px;border-left:solid 1px #ffffff;  background-color:#fffccf; clear:both; border-bottom:solid 0px #ffffff; height:122px;}
ul.imagery li a img{ border:0px;}
ul.heading{ height:69px;border-left:solid 0px #ffffff; }
ul.imagery li{ list-style:none; border-right:solid 1px #ffffff; float:left; line-height:0px; }
ul.imagery li.right{ border-right:solid 0px #ffffff;}

/* Main boxes */
#Left{ width:190px; left:0px; min-height:400px; clear:both;  top:0px; float:left; }
#Middle{ width:574px; left:0px; min-height:400px;  position:relative; top:0px; float:left;}
#Right{ width:190px; right:0px; position:relative; min-height:400px; top:0px; color:White; float:right;}



/* Left */
#Left ul{ list-style:none; margin:0px; padding:0px; }
#Left, #Left a{ color:white; text-decoration:none;}
#Left a:hover{ background-color:#2B0015;}
#Left ul li a{ display:block; padding:2px 5px 2px 10px;}
#Left p{ }

/* Right */
#Right h3{ margin:0px; padding:0px;}
#Right h3 a{background-color:#434B32; padding:5px 10px; color:White; display:block; width:170px; margin:0px; font-size:1em; margin-top:1px; text-decoration:none;}
#Right p{ padding:5px 10px 0px 10px; color:White;}

/* Forms */
.boxed{ border:solid 1px #cccccc; width:170px;}
.watermarked{ color:#999999;}
.buttons{ background-color:#434B32; color:White; font-weight:bold; padding:2px; text-decoration:none;}
.buttons:hover{ background-color:#59002D; color:White;}

/* Home page */
#PlanYourTrip{ width:170px; background-color:#59002D; padding:10px; margin:1px; float:left; color:White; height:110px;}
#HomeSearch{ width:361px; float:left;  background-color:#59002D; padding:10px; float:left; color:White; margin:1px 0px 1px 1px; height:110px;}
#HomeSearch p.HomeSearchInfo, #SearchResults p.SearchInfo{ width:170px; float:right; padding-left:10px; padding-top:5px;}

div.NewOpening{ clear:both; width:100%; display:block;}
div.NewOpening img{ float:left; border:solid 1px #cccccc; margin-right:10px;}
div.OpeningText{ float:left; width:200px;}
div.OpeningText a{ text-decoration:none;  background-image:url(/images/blue-arrow.jpg); background-position:right; background-repeat:no-repeat; display:block; width:82px; }
div.OpeningText h3{ margin:0px 0px 8px 0px; font-size:1em;}

div.GreyLine{ height:1px; line-height:1px; font-size:0px; background-color:#cccccc; width:100%; margin:10px 0px 10px 0px; clear:both;}

/* Standard text page */


/* Search results */
#SearchResults{ width:361px; background-color:#434B32; height:102px; float:left; margin:0px 1px 0px 1px; padding:10px; color:White;}
#SearchResults h1{ color:White; font-size:1.2em; margin:0px 0px 4px;}

#SearchResults a{ color:White; text-decoration:none;}
#SearchResults a img{}
#SearchResults #SearchBoxes{ float:left; width:250px; height:25px; padding-top:10px;}
#SearchResults #SearchButton{ float:left; width:50px; height:25px; padding-top:5px;}
#SortBy{ clear:both; float:right; width:200px; padding-bottom:5px; text-align:right; }
#Paging{ float:left; width:160px;  padding-bottom:5px;}
#SortBy a, #Paging a{ text-decoration:none;}

#SearchResults a:hover{ text-decoration:underline;}
#SearchResults strong.PageXofX{ margin-top:-3px;}
#SearchActions{ width:170px; background-color:#434B32; height:102px; float:left; color:White; padding:10px; text-align:center;}
#SearchActions a img{ border:none;}

ul.Search{ list-style:none; margin:0px; padding:0px;}
ul.Search li{ clear:both; padding:10px 0px 0px; border-top:solid 1px #ccc;}
ul.Search li:hover{background-color:#eee;}
ul.Search li div.Info{ width:373px; float:left;}
ul.Search li div.Title{ width:200px; float:left; line-height:150%; }
ul.Search li div.Title a{ text-decoration:none;}
ul.Search li div.Title a:hover{ text-decoration:underline;}
ul.Search li img.SearchImage{ cursor:pointer;}

.clearboth{ clear:both;}

ul.Search li.SearchItem{ }

ul.Search li div.PlaceType{ width:30px; float:left; }
ul.Search li div.Rating{ width:50px; float:left; text-align:left; }
ul.Search li div.Price{ width:40px; float:left; text-align:right; font-weight:bold;}
ul.Search li div.Distance{ width:50px; float:left; text-align:right;}
ul.Search li div.Review{ clear:both; width:363px; padding-top:4px; margin-bottom:10px;}
ul.Search li div.Images{ width:180px; float:left;}

ul.Search li div.Images img{ float:left; margin-left:10px; margin-bottom:10px;}

#SearchPagerFooter{ width:100%; text-align:center; clear:both;}


/* Place */
#PlaceHeader{ width:361px; background-color:#434B32; height:102px; float:left; margin:0px 1px 0px 1px; padding:10px; color:White;}
#PlaceHeader h1{ color:White; font-size:1.2em; margin-bottom:5px; width:241px; float:left;}
#PlaceHeader #Price{ width:70px; float:left; text-align:left; }
#PlaceHeader #Rating{ width:50px; float:left; text-align:right;}
#PlaceHeader #Location{ clear:both; width:361px; font-style:italic; margin-top:8px;}
#PlaceHeader #Facilities{ clear:both; margin-top:8px;}
#PlaceHeader a{ color:White; text-decoration:none;}
#PlaceHeader a:hover{ text-decoration:underline;}

#SearchActions{ width:170px; background-color:#434B32; height:102px; float:left; color:White; padding:10px; text-align:center;}
#SearchActions a img{ border:none;}
#SearchActions a{ color:White; text-decoration:none;}

#PlaceReview{ width:363px; float:left;}

#PlaceImages{ float:right; width:170px; text-align:center;}
#PlaceImages img{ margin-bottom:10px; border:none;}
.modalBackground {	background-color:Gray;	filter:alpha(opacity=70); opacity:0.7;}
.modalPopup{display: none; background-color:White; width:600px; height:400px; text-align:left; overflow:auto;}
.modalHeader{cursor: move;background-color:#DDDDDD;color:Black; padding:5px 10px;}

/* Partners */
.imgLeft{ float:left; margin:0px 10px 10px 0px; border:0px;}
.imgRight{ float:right; margin:0px 0px 10px 10px; border:0px;}

/* Footer */
#Footer{width:954px; margin:0px auto 0px auto;  background-image:url(/images/bgshim.gif); background-repeat:repeat-y; border-left:solid 1px white; border-right:solid 1px white;  height:18px; clear:both; margin:0 auto;}
#Footer p{background-color:#666666; color:White; color:#cccccc; width:562px; padding:3px 0px 0px 10px; margin-left:191px; height:15px; font-size:.8em;}


#col2 h1{ color:White; font-family:Georgia; font-size:1.4em; }
	
