body { padding: 0; margin: 10px 10px 60px 10px; font: normal 75% Sans-Serif; background: #fff; color: #333; }
a { color: #06f; font-weight: bold; }
a:hover { color: #f60; font-weight: bold; }
h2 { margin: 0 0 10px 0; font: bold 180% Georgia,Serif; }
p { margin: 0 0 15px 0; }

/* -- Custom Styles --*/
div#outer_container { width: 754px; margin: 0 auto 10px auto; border: 1px solid #666; padding: 2px; background: #fff; }

div#container { border: 1px solid #ccc; padding: 10px; }

div#header { width: 750px; padding: 5px 5px; margin: 0 auto 10px auto; }
div#header a { text-decoration: none; }

div#logo { margin: 0 10px; padding: 0 0 0 200px; overflow: hidden; height: 90px; background: url("../images/logo_white.gif") no-repeat top left; }
div#logo h1 { margin: 0; padding: 0; font: bold 200% sans-serif; text-transform: uppercase; text-align: center; }

div#header_nav { clear: both; width: 740px; margin: 0 auto 10px auto; text-align: right; font-size: 90%; text-transform: uppercase; background: #eee; border: 1px solid #ccc; padding: 4px 10px; }
div#header_nav p { float: left; margin: 0; }
div#header_nav ul { margin: 0; padding: 0; }
div#header_nav ul li { display: inline; margin: 0 10px 0 10px; padding: 0; list-style-type: none; }
div#header_nav a { padding: 0 0 0 0; text-decoration: none; color: #333; }
div#header_nav a:hover { padding: 0 0 0 0; text-decoration: none; color: #f00; }

div#content { width: 75%; }

div.column { float: left; width: 275px; }

div#check_avail { background: #f9f9f9; border: 1px solid #666; width: 255px; margin: 0; }
div#check_avail h3 { margin: 0px; padding: 3px 10px; background: #c33; color: #fff; font: bold 90% sans-serif; text-transform: uppercase; text-decoration: none; }
div#check_avail form { margin: 0px; padding: 5px; text-align: center; }
div#check_avail p { padding: 0px 10px; }
div#check_avail form p { margin: 0px; padding: 5px 0px; }
div#check_avail form p label#first_night { padding: 0px 10px 0px 0px; }
div#check_avail form p.num_nights { float: left; width: 25%; text-align: center; margin: 0px 0px 10px 0px; }
div#check_avail form p.num_nights label { display: block; padding: 3px; }
div#check_avail form p.occupants { float: left; width: 25%; text-align: center; margin: 0px 0px 10px 0px; }
div#check_avail form p.occupants label { display: block; padding: 3px; }
div#check_avail form p.button input { font: bold 90% sans-serif; text-transform: uppercase; }

div#navigation { float: right; width: 23%; border: 1px solid #999; }
div#navigation h2 { background: #eee; text-transform: uppercase; text-align: center; font: bold 90% Sans-Serif; padding: 3px 5px; margin: 0 0 2px 0; }
div#navigation ul { margin: 0; padding: 5px; }
div#navigation ul li { margin: 0 0 5px 0; padding: 0; list-style-type: none; }
div#navigation ul li a.selected { color: #f00; }

div#hotel_details { margin: 0 25% 0 0; border: 1px solid #111; }
div#main_content { margin: 0; }
/*div#main_content h2 { margin: 0 0 2px 0; background: #c33; color: #fff; padding: 3px 5px; font: bold 90% sans-serif; text-transform: uppercase; }*/

ul#hotel_list { margin: 0 0 10px 0; padding: 10px 0 0 10px; float: left; }
ul#hotel_list li { margin: 0 10px 10px 0; padding: 0; list-style-type: none; display: block; float: left; width: 124px; height: 310px; }
ul#hotel_list h3 { margin: 0 0 5px 0; font: bold 90% Sans-Serif; text-align: center; }
ul#hotel_list li p.star_rating { margin: 0 0 5px 0; text-align: center; }
ul#hotel_list li p.price { margin: 0 0 5px 0; text-align: center; font-weight: bold; }
ul#hotel_list li p.description { margin: 0; }

div#country_list { clear: both; }
div#country_list h2 { padding: 3px 5px; margin: 0 0 2px 0; background: #fc6; color: #333; font: bold 90% sans-serif; text-transform: uppercase; }
div#country_list ul { margin: 0; padding: 10px; border: 1px solid #ccc; display: block; }
div#country_list ul li { margin: 0 0 0 0; padding: 0; list-style-type: none; float: left; width: 25%; }
div#country_list ul.column { float: left; width: 97%; }

div.featuredlisting { margin: 0px 0 10px 0; padding: 20px 15px; border: 2px solid #900; width: 90%; }
div.featuredlisting h3 { margin: 0px; }
div.featuredlisting a:link { color: #900; }
div.featuredlisting a:hover { color: #f00; }
div.featuredlisting p { margin: 0px 0px 20px 0px; clear: left; }
div.featuredlisting div.photograph img { border: 0px; }
div.featuredlisting p.heading { text-align: center; color: #000; font-weight: bold; }
div.featuredlisting div.photograph { float: right; margin: 0px 0px 0 20px; }
div.featuredlisting ul { margin: 0px 0px 20px 0px; padding: 0px; }
div.featuredlisting ul li { display: inline; margin: 0px 0px 0px 20px; padding: 0px; font-weight: bold; }

ul#superbreak_specials { float: right; margin: 0;  padding: 0; }
ul#superbreak_specials li { display: inline; list-style-type: none; margin: 0; padding: 0; }

div#footer { clear: both; width: 760px; margin: 0 auto; }
div#footer ul { float: left; padding: 0; margin: 0; }
div#footer ul li { padding: 0; margin: 0 20px 0 0; list-style-type: none; display: inline; }
div#footer p { margin: 0; text-align: right; }

div#footer_navigation { width: 720px; margin: 0 auto 20px auto; padding: 3px 20px; border: 1px solid #ccc; background: #eee; }
div#footer_navigation p { float: left; }
div#footer_navigation ul { text-align: right; margin: 0; padding: 0; }
div#footer_navigation ul li { display: inline; margin: 0; padding: 0 0 0 10px; font-size: 90%; }
div#footer_navigation a { color: #333; text-decoration: none; text-transform: uppercase; }

div#validation { clear: both; width: 760px; margin: 0 auto; }
div#validation p { float: left; }
div#validation ul { margin: 0; padding: 0; text-align: right; }
div#validation ul li { list-style-type: none; padding: 0 0 0 10px; margin: 0; display: inline; }
div#validation a img { border: 0; }

div#bestdesigns { padding: 10px 0 0 0; clear: both; text-align: center; }

ul#navSkip { display: none; }