﻿
/* ----------- GLOBAL SITE FORMATTING ---------- */

* {
	margin: 0;
	padding: 0;
	border : 0;
}

h1, h2, h3, h4, h5, h6, p, ul, li, img 
{
	border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}
 
html
{
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:75%;
	line-height: 130%;
	color: #333333;
	background: transparent url(../img/ui/bcg-lrg.jpg) no-repeat center top;
	overflow: scroll;
}

body 
{
	margin: 0 auto;
	background: transparent url(../img/ui/bcg.png) repeat-y center;
    height: 110%;
    padding-bottom: 40px;
}

h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #663300; margin-bottom: 0.5em; line-height: 110%;}

h1 {font-size: 240%; font-family: Georgia, Serif;  font-weight: normal;}
h2 {font-size: 190%;}
h3 {font-size: 170%; margin-top: 0.5em;}
h4 {font-size: 140%;}
h5 {font-size: 120%;}
h6 {font-size: 120%; margin-bottom: 0.2em;}

h2.Blue {font-size: 190%; color: #00a1de; margin-bottom: 0.5em;}
h5.intro {margin-bottom: 20px;}

h1.title {display: none;}
h1.my-dest {font-size: 190%; padding: 0.5em 0;  margin-bottom:0;}
h1.my-dest span {font-size: 70%;}

b, strong {color: #663300;}

a {text-decoration: none; color: #663300;}
a:hover {text-decoration: underline;}

a.yellow {text-decoration: none; color: #fdff03!important;}
a.yellow:hover {text-decoration: underline;}

p {margin-bottom: 1em;}

ol {display: block; margin-left: 25px;}
ol li {margin-bottom: 0.5em;}

ul {display: block;}
ul li {margin-bottom: 0.5em; margin-left: 15px;}

#wrap {width: 959px; margin: 0 auto; background-color: #fff;}

#header  {width: 960px; background-color: #4191c2; color: #fff; float: left; position: relative; z-index: 100;}
#header a{color: #fff;}
#header #tools {padding:0 10px; width: 400px; margin-bottom: 5px; overflow: auto; }
#header #tools .logreg {padding: 25px 0 0 0; width: 250px; margin-bottom: 5px; float: left; margin-left: 20px;}
#header #tools span {margin:0 5px;}
#header #tools .loginpanel {clear: both; text-align:right; padding-right: 10px;}
 #tools .loginpanel a {font-weight: bold;}
#header #tools .f_l {float: none; display: inline;}
#header #tools .logindetails {float: left; margin-top: 3px; width: 260px;}
#header #logo {text-align: left; width: 320px; float: left; margin: 0 0 10px 20px;}
#header .beta {float:right; position: absolute; top: 102px; left: 330px;}
#header #banner { width: 730px; margin: 10px 0 10px 20px; height: 90px; float: left;}

#tools .topnav span {margin: 0!important;}
#tools .topnav {text-align: right; float: right; width: 130px;}
#tools .topnav a {margin-right: 2px!important;}
#tools input[type="text"] {padding: 6px 8px; margin: 0 0 10px 0; width: 200px!important; background: url(../img/ui/search-field220.png) no-repeat;  border: none; font-size: 90%; display: block; float: left }
#tools input[type="submit"] {background: url(../img/ui/go.png) no-repeat; padding: 0; height: 25px; margin: 0 0 0px -55px; width: 50px; float: right; }

#header #wanderlust-promo {float:right; width: 200px; height: 184px;}
#header #wanderlust-promo img {width: 200px; height: 184px;}


.print-logo{margin-left:-10000px; display:none;}

#content-banner {clear: both; overflow: visible; position: relative; z-index:90;}

#top-header {position: relative; width: 100%; clear: both; z-index: 100;}

#main  {width: 620px; float: left; margin-top: 15px; margin-left: 10px;}

#aside {width: 300px; float: right; margin-top: 15px; margin-right: 10px;}

.warning {color: #cc0000; margin-bottom: 10px; display: block;}
.error {color: #ff0000; margin: 0 0 5px; display: block;}

#sec-content {clear: both; margin-bottom:20px; overflow: hidden;}

#colLeft {float: left; width: 300px;}
#colRight {float: right; width: 300px;}

.colLeft {float: left; width: 300px;}
.colRight {float: right; width: 300px;}

#colWide {float: left; width: 378px;}
#sidePanel {float: right; width: 217px;}

#sidePanel ul {list-style: none;}
#sidePanel ul li {margin-left: 0;}

#side-menu {float: left; width: 140px; margin-bottom: 20px;}
#col-mid {float: right; width: 460px; position: relative; z-index: 1;}

.pagetitle {font-size: 320%; color: #fff; padding: 0 0 0 12px; font-family: Georgia; font-weight: normal; line-height: 110%;}

#mpuAdvert {width: 300px;}
#leaderboardAdvert {width: 728px;}

.RadComboBox_Default, .RadComboBox_Default .rcbInput, .RadComboBoxDropDown_Default {margin-bottom: 5px; margin-top: 1px; display: block; float: left}
#ctl00_ContentPlaceHolder1_pForm .RadComboBox_Default {float: none;}
#ctl00_ContentPlaceHolder1_rcbActivity {float: none; clear: both; display: block;} 

#boxinline {float: left;}
#boxinline #ctl00_ContentPlaceHolder1_rcbActivity{display: inline-block !important; width: 130px; float: left !important; clear:none; margin-right: 10px; }
#boxinline #ctl00_ContentPlaceHolder1_rcbMonth, #boxinline #ctl00_ContentPlaceHolder1_rcbMonth .RadComboBox {display: inline-block !important; width: 130px; float: left !important; clear:none; margin-right: 10px; }
#boxinline #ctl00_ContentPlaceHolder1_rcbDestination, #boxinline #ctl00_ContentPlaceHolder1_rcbDestination .RadComboBox, #boxinline #ctl00_ContentPlaceHolder1_rcbDestination .RadComboBox_Default{display: inline-block !important; width: 130px; float: left !important; clear:none; margin-right: 10px; }

#leaderboardAdvert {width: 728px; height: 90px; margin: 0 auto;} 


/* sections - change header */

#home #header {background: #7e9fc1 url(../img/ui/home_header_bg.gif) repeat-x;}
/* #home #header {background: transparent url(../img/ui/overlay.png) no-repeat top} */
#header {background: transparent url(../img/ui/top-grad.png) top repeat-x;}
#planatrip #header {background-color: #7a6c55;}
#mywanderlust #header {background-color: #9e3704;}
#magazine #header {background-color: #831001;}
#traveljobs #header {background-color: #006600;}
#advice #header {background-color: #00a1de;}
#aboutus #header {background-color: #027f7e;}
#header {background-color: #19bcf7;}

#sec-nav {background: #19bcf7;}
#home #sec-nav {background-color: #fff;}
#planatrip #sec-nav {background-color: #a69374;}
#mywanderlust #sec-nav {background: #c87327;}
#magazine #sec-nav{background: #cc0001;}
#advice  #sec-nav {background: #19bcf7;}
#traveljobs #sec-nav {background: #158000;}
#aboutus #sec-nav {background: #05c6c4;}

#home1 #header {position:absolute;top:0px; z-index: 10; }
#home1 #content-banner {position:absolute;top:0px; z-index: 1}


/* for ad call */
a.fullPageLink {
background-color:transparent;
left:0;
position:absolute;
top:0;
width:100%;
}

.bannersizeadd {position: relative}

/*CR - empty anchor tag bug in IE8*/
.letter-panel a {display:inline-block;}
a[name="top"] {display:inline-block;}


#footer .SEOVanity {overflow: auto; border-top: 10px solid #fff;}
#footer .SEOVanity dl {float: left; width: 200px; text-align: left; margin-left: 25px;}
#footer .SEOVanity dl dt {color: #663300; font-size: 120%; font-weight: bold; margin-bottom: 10px;}
#footer .SEOVanity dl dd {margin-bottom: 0.5em;}
