/*********************************************************************
(c) Copyright StayCompared.com 2005-2009. All rights reserved.
	Last updated: 2009/05/18 - Alan
	Last updated: 2009/08/26 - Alan (Added Automcomplete CSS)
	* 
----------------------------------------------------------------------
	default.css - Used across the entire site
*********************************************************************/


/* General */
body {font: normal 0.80em/1.9em Verdana, Arial, Helvetica, sans-serif; color:#555555; text-align:justify; margin:0; padding:0;}
a {color:#359de6; text-decoration:none; border-bottom: 1px dotted #359de6;}
a:hover {color:#359de6; text-decoration:none; border-bottom: 1px solid #359de6;}
h1 {font-size:1.7em; margin:0 0 20px 0; padding:0; font-weight:normal; color:#000000;}
h2 {font-size:1.3em; margin:0 0 15px 0; padding:0; font-weight:normal; color:#000000;}
h3 {font-size:1.1em; margin:0 0 10px 0; padding:0; font-weight:normal; color:#000000;}
h4 {font-size:1.2em; margin:0 0 5px 0; padding:0;  font-weight:normal; color:#000000;}
p {margin:0 0 15px 0; padding:0;}
acronym {cursor: help;}
img {border:none;}

/* Layout */
#wrapper {width:auto;}

#header {width:auto; overflow:hidden; /*border-bottom: 1px solid #359de6;*/}

#header #title {width:auto; overflow:hidden;}
#header .title {width:990px; margin:0 auto; overflow:hidden;}
#header .title h2 {margin:15px 0 0 10px; padding:0; float:left;}
#header .title h2 a {width:350px; height:35px; background: url(/assets/images/logo.gif) no-repeat; display:block; border:none; color:#fff;}
#header .title h2 a span {visibility:hidden;}
#header .title ul {margin:0 20px 0 0; padding:0; float:right; list-style:none;}
#header .title ul li {float:left; margin:0; padding:2px 0 0 0; color:#ff0000; font-size:90%;}
#header .title ul li a {border:none;}

#header #navigation {width:auto; overflow:hidden; margin-top: -15px;}
#header .navigation {width:990px; margin:0 auto; overflow:hidden;}
#header .navigation ul {margin:0 10px 0 0; padding:0; float:right; list-style:none;}
#header .navigation ul li {float:left; margin:0; padding:0 2px;}
#header .navigation ul li a {background: url(/assets/images/nav_lft_on.gif) no-repeat top left; display:block; border:none; color:#fff;}
#header .navigation ul li a span {background: url(/assets/images/nav_rgt_on.gif) no-repeat top right; display:block; padding:4px 9px; color:#fff;}
#header .navigation ul li a span strong {font-weight:normal;}
#header .navigation ul li a:hover span strong {font-weight:normal;}
#header .navigation ul li a:hover {background: url(/assets/images/nav_lft_off.gif) no-repeat top left; text-decoration:none; color:#000;}
#header .navigation ul li a:hover span {background: url(/assets/images/nav_rgt_off.gif) no-repeat top right; color:#000;}
#header .navigation ul li.active a {border:none;}
#header .navigation ul li.active a span {border:none;}

#header #pagetitle {width:auto; overflow:hidden; background: url(/assets/images/sea.jpg) repeat-x; /*background-color:#359de6;*/ color:#333; }
#header .pagetitle {width:990px; margin:0 auto; overflow:hidden;}
#header .pagetitle h1 {font-size:190%; margin:30px 0 0 20px; padding:0; float:left; color:#FFF;}
#header .pagetitle h2 {width:380px; height:50px; font-weight:normal; line-height:1.5em; margin:20px 50px 20px 20px; padding:0; float:right; text-align:center; color:#fff;}
#header .pagetitle h2 span {font-style:normal; color:#eddfcf;}

#intro {width:auto; background: url(/assets/images/sand.jpg) repeat-x top;}
#intro .intro {width:990px; height:320px; margin:0 auto; overflow:hidden;}
#intro .intro .guide {width:470px; margin: 50px 20px 0 20px; height:210px; float:left;}
#intro .intro .guide h2 {font-size:135%; color:#359de6; margin:0 0 24px 0;}
#intro .intro .guide ul {margin:0 0 0 25px; padding:0; color:#000; font-size:145%; text-align:left;}
#intro .intro .guide ul li {margin:0 0 24px 0; padding:0; list-style: url(/assets/images/tick.gif) outside; border:none;}
#intro .intro .screenshot {width:450px; height:210px; float:left; margin:15px 25px 15px 0;}

/* External Code Layout Changes */
#content-wrapper {width:auto;}
.content-wrapper {width:990px; margin:0 auto; overflow:hidden; padding:20px 0;}
.content-wrapper .searchResultItem .contenth {height: auto !important; min-height: 90px;}
.content-wrapper .searchResultPhotoBgDiv {margin:5px 5px 0 5px;}
.content-wrapper .searchResultItem .itemUl {overflow:hidden;}
.content-wrapper .searchResultItem .itemCenter {width:380px;}
.content-wrapper .searchResultItem .itemRight {width:84px;}
.content-wrapper .SearchResultsRateList {height:25px; font-size:85%;}
.content-wrapper #searchResultMenu li {clear:right;}
.content-wrapper #searchResultMenu li .starPrice1, .content-wrapper #searchResultMenu li .starPrice2, .content-wrapper #searchResultMenu li .starPrice3, .content-wrapper #searchResultMenu li .starPrice4, .content-wrapper #searchResultMenu li .starPrice5  {margin-right:10px;}
.content-wrapper #searchResultMenu .content {width:180px;}
.content-wrapper #searchResultPage .path {display:block;}
.content-wrapper .staticwidth .path {margin:0 0 20px 0; display:block;}
.content-wrapper #searchResultPage #M_C_CurrentlyShowingLeft .resultsShown {margin:0 0 20px 0;}
/* /External Code Layout Changes */


#content {width:auto;}
#content .content {width:990px; margin:0 auto; padding:20px 0; overflow:hidden;}
#content .content h3 {margin-bottom:20px;}
#content .content h4 {color:#359de6;}
#content .content .left {width:450px; margin:0; padding: 20px 30px 20px 20px; float:left; overflow:hidden;}
#content .content .left .howitworks h3 {color:#359de6; font-size:150%;}
#content .content .left .howitworks ol {margin:0 0 20px 25px; padding:0;}

#content .content .right {width:470px; margin:0 20px 40px 0; padding: 0; float:left; overflow:hidden;}
#content .content .right .searchbox {width:470px; height:222px; background: url(/assets/images/sand.jpg) repeat-x top; margin:20px 0 40px 0;}
#content .content .right .searchbox h3 {color: #ff0000; margin: 0 0 10px 0; padding:10px 0 0 0; font-size:150%; text-align:center;}
#content .content .right .searchbox .border {width:468px; height:222px; border:1px solid #ff0000;}
#content .content .right .searchbox .searchboxalt {width:100%; margin: 20px 0 20px 0; padding: 0; font-size:110%; text-align:center; color:#ff0000; position:relative;}
#content .content .right .searchbox .searchboxalt a {border-bottom:1px dotted #ff0000 !important;}
#content .content .right .searchbox .searchboxalt a:hover {border-bottom:1px solid #ff0000 !important;}
#content .content .right .searchbox .search_button {cursor: pointer; width: 79px; height: 30px; background: url(/assets/images/search_button.gif); border: none; vertical-align: middle; margin-left: 5px;}
#content .content .right .searchbox .search_button:hover {background: url(/assets/images/search_button_on.gif);}
#content .content .right .searchbox .ac_results {background-color:#F9F9F9; border:1px solid black; overflow:hidden; padding:0; z-index:1;}
#content .content .right .searchbox .ac_results ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; width:100%;}
#content .content .right .searchbox .ac_results ul li {cursor:pointer; display:block; font-size:12px; margin:0; padding:2px 5px; text-align:left; width:280px;}
#content .content .right .searchbox .ac_results ul li.ac_over {background:#ccc;}
/******* Only required of IE - Has issues with z-index and dropdowns *************/
.ac_results iframe {
    display:none;/*sorry for IE5*/
    display/**/:block;/*sorry for IE5*/
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:mask();
    width:3000px;
    height:3000px;
}

#content .content .right .whowesearch {clear:left; margin:0 0 40px 0; background:white; border-top: 1px solid #359de6; border-bottom: 1px solid #359de6;}
#content .content .right .whowesearch h3 {font-size:135%; color:#359de6; padding:0 0 10px 0; margin:9px 0 24px 0; text-align:center; border-bottom: 1px solid #359de6;}
#content .content .right .whowesearch table.agentlogos {font-size:90%; color:#aaa}
#content .content .right .whowesearch table.agentlogos tr td {margin:0; padding:0 9px 9px 0;}

#content .content .right .populardestinations {border-bottom: 1px solid #359de6; overflow:hidden; padding-bottom:20px; text-align:left;}
#content .content .right .populardestinations h3 {color: #359de6; margin: 0 0 10px 0; padding:10px 0; font-size:150%; text-align:center; border-top: 1px solid #359de6; border-bottom: 1px solid #359de6;}
#content .content .right .populardestinations ul {margin:20px 0; padding:0; overflow:hidden; clear:right;}
#content .content .right .populardestinations ul li {width:29%; list-style:none; margin:0 0 0 4%; float:left;}
#content .content .right .populardestinations p {text-align:center; display:block;}

#content .content .featurebox {width:210px; /*background: #ccc url(/assets/images/feature_gradient.gif) repeat;*/ border-top: 1px dashed #6cc417; border-bottom: 1px dashed #6cc417; margin:0 40px 20px 0; padding:10px 0 0 0; float:left;}

#footer {width:auto; clear:left; background: url(/assets/images/sand.jpg) repeat-x top; border-top: 1px solid #359de6;}
#footer .footermenu {width:990px; margin:0 auto; overflow:hidden;}
#footer .footermenu ul {width:235px; margin:14px 16.5px 19px 0; padding:0; float:left; list-style:none; text-align:left;}
#footer .footermenu ul.end {margin:14px 0;}
#footer .footermenu ul li.heading {width:230px; height:20px; /*background: url(/assets/images/footer_header.gif) no-repeat center;*/ margin:0 0 4px 0; padding:4px 0 7px 0; display:block; }
#footer .footermenu ul li.heading span {color:#359de6;}
#footer .footermenu ul li.heading h6 {margin:0 20px; padding:0; font-size:100%;}
#footer .footermenu ul li {width:190px; margin:0 20px; padding:0; font-size:90%;}


.footerbar {width:auto;  background: url(/assets/images/sea.jpg) repeat-x top; overflow:hidden; clear:left;}
.footerbar p {margin:10px 0; color:#ffffff; text-align:center; font-size:80%;}


.nobullet {list-style:none; margin:0 0 10px 0; padding:0;}
a.skiptocontent {position:absolute; left:-5000px; border:none;}

/* Colours */

/* Dark Blue = 11639f */
/* Mid Blue = 359de6 */
/* Light Blue = 99e5ff */
/* Red = ff0000 */
/* Dark Sand = dbcdbd */
/* Mid Sand = eddfcf */
/* Light Sand = f6ebdd */

/*********************************************************************
(c) Copyright StayCompared.com 2005-2009. All rights reserved.
----------------------------------------------------------------------
	default.css
*********************************************************************/