﻿
#footer {position: relative; width: 100%; clear: both; padding-top: 30px; text-align: center; color: #535353;}
#footer a, #footer span.copy {color: #535353; position: relative;}
#footer h6 {color: #535353;}

#footer .col1, #footer .col2, #footer .col3 {float: left; padding: 5px 0 0 10px; width: 278px; text-align: left; line-height: 130%; position: relative;}
#footer .col1 {line-height: 150%; padding-bottom: 10px;}
#footer .col1 .toppanl {background: url(../img/ui/tweetbubble_top.png) top no-repeat; height: 26px; float: left; width: 286px; margin-left: -7px;} 
#footer .col1 .bottompanel {background: url(../img/ui/tweetbubble_bot.png) bottom no-repeat; float: left; width: 286px; margin: 0 0 0 -7px; padding: 0 0 10px 0;} 
#footer .col1 ul li.imgitem img {width: 48px; height: 48px;}
#footer .col1 h4 {margin-bottom: 0;}
#footer .col2 {border-right: dotted 1px #000; border-left: dotted 1px #000; padding: 5px 15px 50px 15px; margin: 0 15px;} 
#footer .col2 ul li p {margin-left: 38px;}
#footer .col3 span {font-size: 200%; line-height: 130%;}
#footer .col3 h4 {font-size: 160%; margin-bottom: 1em;}
#footer .col3 a {color: #663300;}
#footer .col3 a:hover {text-decoration: none;}

#footer ul {list-style: none; margin: 0;}
#footer ul li {margin: 3px 0 10px;}
#footer ul li img {vertical-align: middle; margin-right: 10px;}

#footer .latestissue ul li {width: auto; margin-bottom: 7px; float: none; font-weight: bold;}
#footer .latestissue ul li a:hover {text-decoration: underline;}
#footer .latestissue ul li p {font-weight: normal;}
#footer .latestissue h3 {margin-top: 10px;}
#footer .latestissue img {margin-top: 5px;}

#footer .wanderlustlogo {background: url(../img/wanderlust-sm-logo.png) top no-repeat; position: relative; height: 45px; width: 100%; z-index: 100; margin: -23px 0;} 

#footer .panel-brown {background: #E9E2DB url(../img/ui/panel-line-footer.png) repeat-x top left; overflow: auto; padding: 30px 10px 20px 10px; margin: 0 10px;}
#footer .background {background: transparent url(../img/footer-bg.gif) no-repeat top; margin-top: -225px; height: 220px; width: 100%;}


/*  General Layout */

b {color: #663300;}

.f_l {float: left;}
.f_r {float: right;} 
.clear {clear: both}

.mag0 {margin: 0!important;}
.magB3 {margin-bottom: 3px;}
.magB5 {margin-bottom: 5px;}
.magB10 {margin-bottom: 10px;}
.magB20 {margin-bottom: 20px;}
.magB30 {margin-bottom: 30px;}
.magB310 {margin-bottom: 310px;}
.magTB5 {margin: 15px 0 5px;}
.magTB10 {margin: 10px 0;}
.mag20 {margin: 10px 0 25px 0!important;}
.magT2 {margin-top: 2px;}
.magT4 {margin-top: 4px;}
.magT5 {margin-top: 5px;}
.magT10 {margin-top: 10px;}
.magT20 {margin-top: 20px;}
.magT30 {margin-top: 30px;}
.mag-T9 {margin-top: -9px;}
.mag-T30 {margin-top: -30px;}
.magR4 {margin-right: 4px;}
.magR5 {margin-right: 5px;}
.magR10 {margin-right: 10px;}
.magR15 {margin-right: 15px;}
.magL10 {margin-left: 10px;}
.magL25 {margin-left: 25px;}
.padL130 {padding-left: 130px;}
.padB10 {padding-bottom: 10px;}
.padB20 {padding-bottom: 20px;}
.padR10 {padding-right: 10px;}
.padL10 {padding-left: 10px;}
.padTB10 {padding: 10px 0;}
.padB20 {padding-bottom: 20px;}
.pad5 {padding: 5px;}
.pad {padding: 10px;}
.padT5 {padding-top: 5px;}
.magB7 {margin-bottom: 7px;}

.w200 {width: 200px;}
.w400 {width: 400px;}
.w490 {width: 490px;}
.w100 {width: 100%;}

p.intro {color: #663300; font-size: 120%; font-weight: bold;}

.thumbnail {float: left; margin-right: 20px;}
.thumbnail img {border: 10px solid #e9e2da;}

.divider {background: transparent url(../img/divider.png) repeat-x bottom; float: left; width: 100%; clear: both;}
.divider5 {background: transparent url(../img/divider.png) repeat-x 0 0; height: 5px; padding-bottom: 10px; width: 100%; clear: both;}
.divider10 {background: transparent url(../img/divider.png) 0 10px repeat-x; height: 10px; padding-top: 10px; clear: both;}
.divider25 {background: transparent url(../img/divider.png) 0 20px repeat-x; height: 20px; padding-top: 20px; clear: both;}

.pipeline-l {border-left: 1px dotted #fff; padding-left: 8px;}
.pipeline-r {border-right: 1px dotted #fff; padding-right: 8px;}

.top-links {width: 100%; height: 50px; text-align: center; padding-top: 5px; vertical-align: middle; clear: both;}
.bottom-links {width: 100%; text-align: center; background: transparent url(../img/ui/panel-line.png) repeat-x bottom; height: 60px; vertical-align: middle; clear: both; margin-bottom: 20px;}
.share-links {float: left; margin: 1px 0 0 90px;}  

.colMain {width: 100%; text-align: center;}

.pagination {width: 87%; float: left; font-size: 110%; padding: 6px 0; text-align: center; margin-bottom: 10px;} 
.pagination a {font-weight: bold; padding:4px 6px; border: solid 1px #e4e4e4;}
.pagination a:hover { background-color: #eee; text-decoration: none; }
.pagination span {background-color: #794e23; color: #fff; text-decoration: none; padding:4px 6px; border: solid 1px #e4e4e4;}

.pageNum {width: 85%; text-align: center; margin-bottom: -27px; font-size: 110%; padding: 6px 0;} 

.PagerHyperlinkStyle {margin: 0 3px;}

.pagelinks {float: right;}

.icon-links {padding: 5px 0 10px 0; width: 100%; float: right; display: inline-block;} 
.icon-links .share {float: right; position: relative;}
.icon-links .rss {float: right; margin: 1px 0 0 3px;}
.icon-links .tweet {float: right; width: 80px;}
.icon-links .share img {vertical-align: middle; margin-right: 2px;}


.gallery-links {width: 180px; padding: 10px 0 15px; float: left;}
.gallery-links .pagination {width: 100%; margin: 0 0 -17px 10px; float: left;}

a.readmore {float:right;}

.date {font-size: 130%; color: #663300;}
.footnote {color: #999; font-size: 95%; margin-top: 2px;}
.highlight {color: #663300;}

.wBorder {border-bottom: 3px solid #cecdcb; background: #fff; padding: 5px;}

.pullquote {font-size: 160%; color: #663300; line-height: 140%; background: url(../img/open-quote.png) no-repeat top left; padding-left: 40px}
.pullquote img {margin-bottom: -5px; margin-left: 5px;}

.GoToLabel {float: left;}
.GoToArrow {}

#addTags {margin: 20px 0 15px; float: left; display: block;}
#addTags h4 {margin-top: 1em;}


/* Survey */

.survey ul {list-style: none;}
.survey ul li {margin: 0; padding-top: 5px; border-top: 1px dotted #663300; float: left; width: 100%;}
.survey ul li:first-child {border-top: 0px;}

.pollbar {float: left; margin-top: 1px; margin-right: 5px;}

.survey input {float: left;}
.survey label {float: right; width: 160px;}


/* RADCONTROLS override */

.RadTabStripTop_Default .rtsLI .rtsSelected {background: #f2eee9;}

.panel-none .RadListBox ul.rlbList li {margin-bottom: 0!important;}

.RadTabStrip .rtsOut, .RadTabStripVertical .rtsOut {padding-right: 0!important;}
.RadTabStrip .rtsLink, .RadTabStripVertical .rtsLink {padding-left: 0!important;}

.RadEditor table, .RadEditor table td {border: 0 none; margin-top: 0; padding: 0;}

.RadWindow .rwControlButtons li {margin-left: 0!important;}

.panel-none .RadListBox ul.rlbList li {margin-left:0 !important;}


/* Send Email */

#sendEmail {font-family: Arial, Helvetica, sans-serif; padding: 0 5px; font-size: 75%; line-height: 130%; color: #333333;}
#sendEmail h1 {font-size: 190%; font-family: Georgia, Serif; color: #663300; font-weight: normal; margin-bottom: 1em;}
#sendEmail h5 {font-size: 120%; color: #663300;}
#sendEmail a {text-decoration: none; color: #663300;}
#sendEmail a:hover {text-decoration: underline;}
#sendEmail input[type="submit"], input[type="button"] {margin-right: 15px;}


/* Login */

#mymain {height: 340px; padding: 8px 10px 0 10px; float: right; width: 290px; }
#mymain #login-panel {background: #f2ebe1; overflow: hidden; padding: 0; margin-bottom: 5px;}

#login-panel ul {list-style: none; margin: 0;}
#login-panel ul li {float: left; margin: 0px 0 12px 0; width: 90px; text-align: center;} 
#login-panel .login-tools {margin-top:8px; width: 90px;}
#login-panel .login-tools .button {margin-bottom: 10px;}

#login-panel ul li img {height:25px}
#login-panel ul li.first img {padding: 3px 0 4px;}
#login-panel ul li.last img {padding: 6px 0 6px;}
#login-panel ul li b{font-size: 90%;}
#login-panel ul li.tools {padding-left: 10px; margin-top:0}


#login-panel #member-logged li img {padding: 4px 0 3px;}
#login-panel #member-logged li.tools input[type="submit"] {margin-top:0;}



#login-panel {background: #f2ebe1 url(../img/ui/panel-line.png) repeat-x top left; overflow: auto; padding: 14px 10px 10px 10px; margin-bottom: 20px;}
#login-panel h1, #login-panel h5 {margin: 0 0 10px;}
#login-panel h4{font-size:170%; margin-bottom: 5px}
#login-panel h3{font-size:240%; margin-bottom:1px; line-height: 1em; margin-top: 0;}
#login-panel h5{font-size:140%; margin-bottom:7px;  border-bottom: 1px dotted #dfd8ce; padding-bottom:7px;}
#login-panel input[type="text"] {width: 180px;}

.fbconnect {display: inline-block; width: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 5px 0 15px; padding: 8px 0 6px;}
.fbconnect img {float: right; margin-top: -2px;}

.signin {margin: 2px 0; display: inline-block; width: 100%; padding-bottom:5px; border-bottom: 1px dotted #dfd8ce;}
.signin input[type="submit"] {margin-top: -2px;}


#mymain p{margin-bottom: 4px;}

/* Travel Jobs */

.filterPanel {float: right; width: 200px;}


/* Experience */

.ex-panel {background: url(../img/expanel-top.png) top no-repeat; color: #fff; width: 224px; position: absolute; top: 150px; left: 100px;}
.ex-panel .content {background: url(../img/expanel-bot.png) bottom no-repeat; padding: 10px 10px 26px 10px;}
.ex-panel b {color: #fff; font-size: 120%; line-height: 140%;}
.ex-panel a {color: #fff;}


/* Home Tabs */

.tabIndex {margin: 0; width: 100%; overflow: auto;} 
.tabIndex ul {list-style: none;}
.tabIndex li {margin: 0; float: left;}

.grapevineheader .tabIndex {border-bottom: 1px solid #DED5CC; margin-bottom: 20px;}

.panel .tabIndex li, .panel-none .tabIndex li {margin-bottom: 0;}

.tabIndex li a.active {color: #663300; margin-right: 1px; padding: 6px 8px 6px 8px; text-decoration: none; background: #f2eee9; float: left; position: relative;}
.tabIndex li a {color: #663300; margin-right: 1px; padding: 6px 8px 6px 8px; text-decoration: none; background: #ded5cc; float: left; position: relative;}
.tabIndex li a:hover {background: #f2eee9;}

.tabMain {padding: 10px; background: #f2eee9; overflow: auto;} 
.tabMain ul {list-style: none;}
.tabMain ul li {margin-left: 0;}


/* Side Tabs */

.tabSideBar {margin: 0;}
.tabSideBar ul {list-style: none; float: left; margin-bottom: 10px;}
.tabSideBar li {margin: 0; float: left; overflow: hidden;}

.tabSideBar li a.active {color: #663300; float: left; margin: 0; padding: 10px 0 6px 10px; text-decoration: none; background: #fff;}
.tabSideBar li a {color: #fff; width: 130px; float: left; margin: 0; padding: 10px 0 6px 10px; text-decoration: none; background: #d1c1b2;}
.tabSideBar li a:hover {color: #663300; background: #fff;}

.tabSide {padding: 5px 10px 0 10px;}
.tabSide select {margin-bottom: 10px; width: 255px;}
.tabSide div {float: left; padding: 0; width: 120px;}


/* RadTabStrip */

.RadTabStrip, .RadTabStripVertical {border-bottom: 1px solid #DED5CC; width: 460px;}
.RadTabStrip .rtsUL, .RadTabStripVertical .rtsUL {width: 100%;}
.RadTabStripTop_Default .rtsLevel .rtsLink, .RadTabStripTop_Default .rtsLevel .rtsOut {background-image: none!important; text-align: center;}
.panel .rtsUL li, .panel-none .rtsUL li a {background-color: #DED5CC; color: #663300; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.panel-none .rtsUL li a:hover, .panel-none .rtsUL li a.selected {background-color: #F2EEE9;}
.panel .rtsUL li, .panel-none .rtsUL li {margin-right: 1px;}

.RadTabStrip .rtsIn, .RadTabStripVertical .rtsIn {display:block; padding:0 3px!important;}


/* Twitter */

#postsbottom {text-align: center;}
#postsbottom ul {float: left; background: #fff; width: 276px; padding-left: 10px;}
#postsbottom ul li {margin: 0!important; text-align: left; width: auto;}
#postsbottom ul li.imgitem {padding: 0;}
#postsbottom ul li.imgitem img {float: left; margin-right: 10px;}

#postsbottom ul li .content {width: 210px; overflow: hidden;}
#twitter-wide ul li .content {width: 560px;}


/* Image Item List */

ul li.imgitem {list-style: none; margin: 0; padding-bottom: 10px; padding-top: 10px; border-top: 1px dotted #663300; float: left; width: 100%;}
ul li.imgitem img {float: left; margin-right: 10px;}
ul li.imgitem .content {display: block; float: left;}
ul li.imgitem:first-child {border-top: 0px;}
ul li.imgitem .content p {margin-bottom: 6px;}

ul li.imgitem .content h6 img {margin: -2px 5px 0 0;}

ul li.imgitemlist {list-style: none; margin: 0 0 10px 0; padding-top: 10px; float: left; width: 100%;}
ul li.imgitemlist img {float: left; margin-right: 10px;}
ul li.imgitemlist .content {display: block; float: left;}

ul li.imgitemexp {list-style: none; margin: 0; padding-bottom: 10px; padding-top: 10px; border-top: 1px dotted #663300; float: left; width: 100%;}
ul li.imgitemexp img {float: left; margin-right: 10px;}
ul li.imgitemexp .content {display: block; float: left; width: 300px;}
ul li.imgitemexp .ratings {width: 140px;}

ul li.imgitemexp:first-child {border-top: 0px;}

dd.imgitem {padding: 5px 0; float: left; width: 100%;}
dd.imgitem img {float: left; margin-right: 10px;}
dd.imgitem .content {display: block; float: left; width: 255px; margin-top: -1px;}
dd.imgitem .content p {margin-bottom: 0;}

#sec-content ul li.imgitem .content {width: 470px;}
#sec-content #colWide ul li.imgitemlist .content {width: 155px;}
#sec-content #colWide ul li.imgitem .content {width: 155px;}
#sec-content #colLeft ul li.imgitem .content {width: 175px;} 
#sec-content #colLeft ul li.imgitemlist .content {width: 175px;}
#sec-content #colRight ul li.imgitem .content {width: 145px;}  
#sec-content #colRight ul li.imgitemlist .content {width: 175px;}  
#sec-content .col-left ul li.imgitem .content {width: 310px;} 
#sec-content #members li.imgitemlist {width: 280px; margin-right: 30px;}
#sec-content #members li.imgitemlist .content {width: 130px;}
#col-mid ul li.imgitem .content {width: 310px;}
#comment-panel ul li.imgitemlist .content {width: 370px;}
#aside ul li.imgitem .content {width: 155px;}
#colWide #slider ul li.imgitemlist .content {width: 170px;}
#sec-content .travel ul li.imgitem .content {width: 300px;}
#sec-content ul li.imgitem .member .content {width: 150px;}
#sec-content #weeklyMember ul li.imgitemlist .content {width: 275px;}
#sec-content .panel #weeklyMember ul li.imgitemlist .content {width: 175px;}

#sec-content ul li.imgitem .member .firsttime {padding-top: 20px; float: left;}


#Mywanderlust  li.myw-module .content {width: 155px;} 
#Mywanderlust .myw-module li.listitembor .content {width: 230px;}


#Mywanderlust .imgitem p {margin-bottom: 7px;} 

.myw-latest .panel{padding: 20px 10px 10px 10px; margin-bottom: 0; }
.myw-latest {padding: 0 0 10px 0; margin-bottom: 20px;  color: #333333; float: left; width: 300px; }



#sec-content .blog-r ul li.imgitem .content {width: 300px; float: left;}

ul.mostPopularList {list-style: none; float: left; width: 160px; margin-bottom: 20px;} 
ul.mostPopularList li {margin-left: 0;}

.panel-none ul li.imgitem, .panel ul li.imgitem, .panel-none ul li.imgitemexp {margin-bottom: 0;}


/* Item List */

ul li.listitembor {list-style: none; margin: 0 0 10px 0; padding-top: 10px; border-top: 1px dotted #663300; float: left; width: 100%;}
ul li.listitembor:first-child {border-top: 0px;}
ul li.listitembor-alt {margin: 10px 0 0 0; padding-bottom: 10px; float: left; background-color: #f2ebe1}

.panel ul li.listitembor {line-height: 130%; margin-bottom: 10px; clear:both;}

.listitembor h4 {margin-bottom: 0;}
.listitembor .content {width: 195px; float: left;}

ul li.listitembor .ratings {width: 160px;}
.exp .listitembor .content {width: 260px; float: left;}


/* Item List without border */

ul li.listitem {list-style: none; margin: 10px 0 0 0; padding-bottom: 10px; float: left; width: 100%;}
ul li.listitem-alt {margin: 10px 0 0 0; padding-bottom: 10px; float: left; background-color: #f2ebe1;}

#wanderlustToday ul li.listitem {margin: 0; padding-bottom: 0; float: left;}


/* Magazine Issue list */

ul li.issuelist {list-style: none; margin: 0 15px 0 0; padding-bottom: 10px; text-align: center; float: left; width: 140px;}
ul li.issuelist img {width: 100px; margin-bottom: 5px;}


/* Gallery Item List */

ul li.galleryitem {list-style: none; margin-left: 0; padding: 15px 0; width: 302px; background: #e9e2da; float: left;}
ul li.galleryitem .content {text-align: center; padding: 0 36px;}
ul li.galleryitem .taginfo {text-align: center; padding: 0 10px;}
ul li.galleryitem img {margin: 5px 0 10px;}
ul li.galleryitem p {text-align:center;}
ul li.galleryitem .ratings {width: 217px; padding-bottom: 5px; margin: 0 auto;}
ul li.galleryitem .ratings p.vid-date { float:left; color: #333; margin-bottom: 0.5em;}
ul li.galleryitem .ratings a {margin-top: 10px;}
ul li.galleryitem .ratings a.right {float: right;}
ul li.galleryitem .content h4 a:hover{ text-decoration:underline; color:#607aab;}
ul li.imgitemexp .content a:hover{ text-decoration:underline; color:#607aab;}

.panel-none ul li.galleryitem {margin-bottom: 15px;}




/* Gallerythumb Item List */

ul.gallerythumblist {margin-left: -15px;}

ul li.gallerythumbitem {list-style: none; margin: 0 0 0 15px; padding: 20px 15px; width: 192px; background: #e9e2da; float: left; text-align: center;}
ul li.gallerythumbitem img {margin: 5px 0 10px;}
ul li.gallerythumbitem p {text-align: left;}
ul li.gallerythumbitem .ratings {width: 192px;}
ul li.gallerythumbitem .ratings p {float: left;}
ul li.gallerythumbitem .ratings a {float: right;}

.panel-none ul li.gallerythumbitem {margin-bottom: 15px;}

#col-mid ul li.gallerythumbitem {padding: 20px 12px; width: 186px;}


/* Gallery Item List ---- layout with side menu */

#layout2col {border-top:1px dotted #663300; padding: 10px 0 0 0; margin-top: 20px; display: block;}

#layout2col ul li.galleryitem {width: 207px; padding: 15px 0 15px 15px;}
.panel-none #layout2col ul li.galleryitem {margin-bottom: 15px;}


/* Carousel */

a.prevPage {background: transparent url(../img/previous.png) no-repeat; width: 16px; height: 15px; display: inline-block; float: left; cursor: pointer; cursor: hand;}
a.nextPage {background: transparent url(../img/next.png) no-repeat; width: 16px; height: 15px; display: inline-block; float: right; cursor: pointer; cursor: hand;}
  
#ImageScroll H4, #GalleryScroll H4, #VideoScroll H4 {float: left;}

.col-right div.scrollableImage {margin-bottom: 0;}


/* Top Story */

#top-content {margin-bottom: 30px;}
#top-content h1 {margin: 0 0 5px 0;}
#top-content img {margin-bottom: 5px;}


/* Comments */

#comment-panel {padding: 10px;}

.profilepic {float: left; margin-right: 10px; margin-bottom: 10px;}

.leavecomments {display: block; float: left;}

#col-mid .leavecomments .textarea {width: 340px!important;}
#main .leavecomments .textarea {width: 500px;}


/* Blogs */

#twocol-panel {padding: 10px 0;}
#twocol-panel h1 {margin: 0 0 5px 0;}

#twocol-panel .col-left {width: 140px; float: left;}
#twocol-panel .col-right {width: 460px; float: right; margin-bottom: 20px;}

#twocol-panel .col-left img {margin-bottom: 10px;}

.ratings {padding-bottom: 10px; color: #000;}
.ratings p {margin-bottom: 0.2em;}
.ratings img, .ratingsStar {margin: 3px 2px 6px!important; vertical-align: middle;}


/* Profile */

ul.profile-panel {margin-left: -10px; float: left;}

ul li.profileitem {list-style: none; background: #e9e2da; width: 205px; height: 175px; float: left; margin: 0 0 0 10px; padding: 10px;}
ul li.profileitem h2 {margin-top: 5px;}
ul li.profileitem img {margin-bottom: 65px;}

.panel-none ul li.profileitem {margin-bottom: 10px;}


/* Trip Finder */

.tripitem h5 a {text-decoration: underline;}
.tripitem p {font-size: 110%;}


/* Forum */

.counter {float: right; width: 28px; height: 28px; text-align: center; margin: 0 0 0 10px; background: transparent url(../img/ui/comment-bcg.png) no-repeat top; padding-top: 3px;}
.counter b {font-size: 100%; line-height: 80%;  padding: 0px 4px; color: #fff}
.topic {float: left; width: 305px; margin-right: 10px;}
.member {float: right; width: 220px;}
.member img {display: block; float: left;}
.member p, .member b {margin-bottom: 0; line-height: 130%;}

.questionform {display: block; margin-bottom: 20px; float: left;}

.addtags .panel-none ul li {margin-bottom: 0!important; margin-left: 0;} 

.regions {margin: 0 4px 4px 0; float: left;}
.regions ul {list-style: none;}
.regions li {margin: 0; border: solid 1px #e4e4e4; background: transparent url(../img/ui/a-z-bcg.png) repeat-x bottom; float:left; white-space: nowrap;}
.regions li a, .regions li span { padding:4px 6px; float: left;}
.regions li span {color: #ccc;}
.panel-none .regions ul li {margin-bottom:0;}
.regions a:hover {background: none; background-color: #794e23; color: #fff; text-decoration: none; }
.regions a.selected {background: none; background-color: #794e23; color: #fff; text-decoration: none;}


/* Righthand Controls */ 

#col {background: #e9e2db; padding: 10px; margin-top: 10px; width: 280px;}

.panel-rhs {width: 260px; margin: 0 0 10px 0; padding: 10px; overflow: auto;}

#ads img {margin-bottom: 10px;}

#tags {margin: 0 0 10px 0;}
#tags ul {list-style: none;}
#tags ul li {margin-left: 0;}

#contentfilter {background: transparent url(../img/divider.png) repeat-x bottom;}

#tripFinder {background: #fff url(../img/tripFinder-bg.png) repeat-y; padding: 0 0 10px 0; margin: 0 0 10px 0; overflow: hidden; float: right}
#tripFinder .tabSide div {float: none;}
#tripFinder .tabSide .inputtext {width: 100px; float: left; margin-top: 5px;}

ul li.imgitem  #voucherOverlay {width:40px; height: 40px;  z-index: 20; float: left; margin-left: -45px;}
.letter-panel #voucherOverlay {width:40px; height: 40px;  z-index: 20; margin-left: -45px; float: left; margin-top: 10px;}

#PopularPanel {background: #fff url(../img/tripFinder-bg.png) repeat-y; padding: 0 0 10px 0; margin: 0 0 10px 0; overflow: hidden; float: right}
#PopularPanel .tabSide div {float: none;}
#PopularPanel .tabSide .inputtext {width: 100px; float: left; margin-top: 5px;}
#PopularPanel ul li.listitem {margin: 0;padding: 0.4em; border-bottom: 1px dotted #D1C1B2;}
    #PopularPanel ul li.listitem a {-moz-box-shadow: inset 0px 2px 4px 2px #ffffff;
   -webkit-box-shadow: inset 0px 2px 4px 2px #ffffff; box-shadow: 0px 2px 4px 2px #ffffff;   }

#hotOffers {background: #fff url(../img/hotOffers-bg.png) repeat-y;}
#hotOffers ul {list-style: none;}
#hotOffers ul li {margin: 0;}
#hotOffers ul li.imgitem .content p {margin-bottom: 0;}

#flightsHotels {background: #fff; color: #663300;}
#flightsHotels .inputtext {width: 100px; float: left; margin-top: 5px; font-weight: bold; clear: none;}
#flightsHotels input[type="text"] {padding-left: 2px!important;}

#travelServices {background: #d1c1b2; margin-bottom: 0;}
#travelServices ul {list-style: none; margin: 0 10px 0 0; list-style: none; float: left; width: 120px; display: inline-block; vertical-align: top;}
#travelServices ul li {margin: 0;}
#travelServices a {color: #fff; font-weight: bold; text-decoration: none;}
#travelServices a:hover {text-decoration: underline;}

#weeklyEmail {background: #cc0000; color: #fff;} 
#weeklyEmail h4 {color: #fff; margin: 0 0 16px;}
#weeklyEmail a {color: #000!important;}
#weeklyEmail a.button {color: #fff!important;}
#weeklyEmail .icon {float: left; padding: 0 10px 0 0;}
#weeklyEmail .preferences {margin: 10px 0;}
#weeklyEmail .preferences p {margin-bottom: 0.4em;}
#weeklyEmail input[type="text"] {margin: 0;}

#googleAds {background: #fff; margin: 0;}
#googleAds b, #googleAds a {color: #000;}


/* Input Values */

a {cursor: pointer; cursor: hand;}

input[type="submit"], input[type="button"] {cursor: pointer; cursor: hand;}

input[type="text"], input[type="password"], input[type="file"] {padding: 4px; margin: 1px 3px 5px 0; width: 200px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: 1px solid #7c7c7c; border-top: 1px solid #7c7c7c; font-size: 90%;}
input[type="radio"] {vertical-align: middle; margin-bottom: 1px; margin-right: 5px; height: 18px; display: inline-block; float: left;}
input[type="checkbox"] {clear: both; height: 16px; float: left; vertical-align: middle; display: block; margin-right: 4px;} 
label {float: left;}

input[type="text"].entryfield {padding: 3px 4px 3px 4px; margin: 0 3px 10px 0; width: 360px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: 1px solid #7c7c7c; border-top: 1px solid #7c7c7c; font-size: 90%;}

input[type="submit"], input[type="button"] {background: url(../img/btn-marker-right.png) right no-repeat; border: 0; cursor: pointer; cursor: hand; float: right; margin: 10px 0 0 5px; text-align: right; color: #fff; padding: 2px 24px 3px 6px; font-size: 100%;}
input[type="submit"].prev {background: url(../img/btn-marker-left.png) left no-repeat; cursor: pointer; cursor: hand; float: left; margin: 10px 0 0 0; text-align: left; color: #fff; padding: 2px 6px 3px 24px; font-size: 100%;}
*input[type="submit"] {background: url(../img/btn-marker-right.png) right no-repeat; float: right; margin: 10px 0 0 5px; text-align: center; color: #fff; padding: 3px 16px 2px 0; font-size: 100%;}
*input[type="submit"].prev {background: url(../img/btn-marker-left.png) left no-repeat; float: left; margin: 10px 0 0 0; text-align: center; color: #fff; padding: 3px 0 2px 14px; font-size: 100%;}

input[type="submit"]:hover, input[type="button"]:hover {text-decoration: underline}

input.pagerPrev, input.pagerNext {background-color: #794E23; background-image: none; border: 1px solid #E4E4E4; text-align: center; color: #FFFFFF; padding: 4px 0 4px; width: 22px; text-decoration: none;}
input.pagerPrev {float: left;}
input.pagerNext {float: right;}

.search input[type="submit"] {margin: 0 0 0 5px;}

input[type="submit"].loadBtn {margin: 0 180px 0 0;}


.RadInput input[type="text"]
    {
        float: none;
    }

.top-links input[type="submit"], .top-links input[type="submit"].prev, .bottom-links input[type="submit"], .bottom-links input[type="submit"].prev  {margin: 0; padding-top: -8px;}

select {height: 23px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: 1px solid #7c7c7c; border-top: 1px solid #7c7c7c; width: 100%; float: left; padding: 0; margin: 2px 5px 5px 0;}
.textarea {font-family: Arial; float: left; font-size: 90%; width: 100%; padding: 2px 4px 3px 4px; margin: 0 3px 5px 0; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: 1px solid #7c7c7c; border-top: 1px solid #7c7c7c;}

.red {color: #ff0000;}
.redStar {color: #ff0000; float: left;}
.errormessage {display: block; margin-top: -6px}
.errorblack {color: #000!important; font-size: 90%; float: left;}
.form .inputtext {width: 150px;}
.inputtext {width: 130px; float: left; margin-top: 4px; clear: both;}
.inputtextwide {float: left; margin-top: 4px; margin-right: 10px; clear: both;}

.form {float: right; width: 370px; overflow: hidden;}

.prev {background: url(../img/btn-marker-left-lg.png) left no-repeat; float: left; margin: 2px 0 0 0; color: #fff; padding: 3px 6px 2px 24px; font-size: 100%;}
.button {background: url(../img/btn-marker-right.png) right no-repeat; float: right; position: relative; display: inline-block; margin: 2px 0 0 0; text-align: right; color: #fff; padding: 3px 24px 2px 6px; font-size: 100%;}
.buttondisabled{background: url(../img/btn-marker-right-disabled.png) right no-repeat !important; }
.button_fl {background: url(../img/btn-marker-right.png) right no-repeat; float: left!important; position: relative; display: inline-block; margin: 2px 0 0 0!important; text-align: right; color: #fff; padding: 3px 24px 2px 6px; font-size: 100%;}

#side-menu .prev {margin-bottom: 18px;}

.questions input[type="text"] {width: 340px;}

/* Homepage Slideshow */

#slideshow {height: 380px; width: 960px; z-index: 100; padding-top: 10px; overflow: hidden;}

div#slideshow ul#nav {display: block; margin: 0; list-style: none; position: relative; bottom: 233px; z-index: 200;}
div#slideshow ul#nav li {margin-left: 0;}
div#slideshow ul#nav li#prev {float: left; margin: 0 0 0 20px;}
div#slideshow ul#nav li#next {float: right; margin: 0 20px 0 0;}
div#slideshow ul#nav li a {display: block; width: 54px; height: 54px; text-indent: -9999px; padding: 0; outline: none;}
div#slideshow ul#nav li#prev a {background: url(../img/homePrev.png);}
div#slideshow ul#nav li#next a {background: url(../img/homeNext.png);}

#awards-reel #slideshow {height: 372px; width: 620px; z-index: 100; padding-top: 10px; overflow: hidden;}

#awards-reel div#slideshow ul#nav {display: block; margin: 0; list-style: none; position: relative; bottom: 213px; z-index: 200;}


/* Easy Slider */

#slider {position: relative; overflow: hidden; float: left; display: inline-block;}
#slider ul, #slider ul li {margin: 0; list-style: none; display: inline; overflow: hidden; float: left;}
#slider ul {height: 150px!important;}
#slider ul li {width: 360px; height: 140px!important; float: left;}
#slider ul li.imgitemlist img {width: 170px; height: 102px;}

#wanderlustToday #prevBtn, #wanderlustToday #nextBtn {z-index: 1000;}														
#wanderlustToday #prevBtn a {background: url(../img/btn-marker-left.png) left no-repeat; float: left; margin: 2px 0 0 0; color: #fff; padding: 3px 6px 2px 24px; font-size: 100%;}	
#wanderlustToday #nextBtn a {background: url(../img/btn-marker-right.png) right no-repeat; float: left; position: relative; display: inline-block; margin: 2px 0 0 48px; text-align: right; color: #fff; padding: 3px 24px 2px 6px; font-size: 100%;}

#myslider {height: 90px; width: 576px!important; margin: 0 22px; position: relative; overflow: hidden; float: left; display: inline;}
#myslider ul {height: 90px; width: 576px; float: left; margin: 0; padding: 0; list-style: none;}
#myslider li {width: 97px; height: 90px; overflow: hidden; padding-top: 38px; text-align: center; background: url(../img/calendar-icon.png) left top no-repeat;}	
#myslider li a {text-decoration: none; font-size: 210%; line-height: 105%; font-family: Georgia; font-weight: normal; line-height: 110%;}

.ideas #nextBtn {float: right; width: 16px;}
.ideas #prevBtn {float: left; width: 16px;}
.ideas #nextBtn a {float: right; display: block; position: relative; width: 16px; height: 15px; background: url(../img/next.png) no-repeat 0 0;}														
.ideas #prevBtn a {float: left; display: block; position: relative; width: 16px; height: 15px; background: url(../img/previous.png) no-repeat 0 0; }	
.ideas #prevBtn span.text, .ideas #nextBtn span.text {display: none;}

.panel-none #prevBtn, .panel-none #nextBtn {margin-top: -54px;}
#wanderlustToday #prevBtn, #wanderlustToday #nextBtn {margin-top: 0;}


/* Page Turner */

#page3 {background: none;}
#page0 {background: none;}
#page1 {position: absolute; top: 0; left: 0;}
#page2 {position: absolute; top: 0; left: 0; overflow: hidden;}
#page3 {margin-left:0; padding: 0; position:absolute; left:0; top:0; padding-left: 0; overflow: hidden;}
#page4 {margin-left:0; padding: 0; position:absolute; left:0; top:0; overflow: hidden;}
#page0 {position: absolute; top: 0; left: 0; overflow: hidden;}
#pageN1 {position: absolute; top: 0; left: 0; overflow: hidden;}

#pagesContainer {position: relative; overflow: hidden; width: 410px; height: 277px; float: left;}
.pageImage {display: none;}


/* Side Panel */

#sliderWrap {width: 300px;}

#sliderPanel {position: fixed; top: 200px; background: #000; width: 300px; height: auto; margin-left: -300px; z-index: 9999;}
#sliderPanel img {border: 0; float: left; margin-right: 10px;}

#sliderContent {position: absolute; background: #000; width: 280px; color: #fff; padding: 10px; z-index: 9999;}
#sliderContent h2 {font-size: 160%;}
#sliderContent h2, #sliderContent h3, #sliderContent h5 {color: #fff;}
#sliderContent h3 {margin-top: 15px;}
#sliderContent b, #sliderContent strong, #sliderContent p {font-size: 110%; color: #fff;}
#sliderContent a {color: #fff;}

#sliderContent ul li {font-weight: bold; padding-bottom:7px;}
#sliderContent ul li p {font-weight: normal;}

#openCloseWrap {position: absolute; margin: 30px 0 0 300px;}


/* Home Panel */

#homeWrap {width: 300px; z-index: 9999;}

#homeSlider {height: 200px; position: absolute; background: #000; top: 357px; right: 310px; z-index: 200;}
#homeSlider img {border: 0; float: left; margin-right: 10px;}

#homeContent {position: absolute; background: #000; width: 300px; height: 184px; top: 33px; z-index: 200; color: #fff; padding: 15px 0 20px 0; filter:alpha(opacity=70); opacity:0.7; }
#homeContent h2, #homeContent  h3, #homeContent h5 {color: #fff; margin: 0;}
#homeContent ul {margin: 0; padding: 0; list-style: none;}
#homeContent ul li {width: 280px; margin-bottom: 0.5em!important;}
#homeContent ul li a {color: #fff!important; background: none!important;}

#openClose {position: absolute; top: 0; width: 300px; height: 33px;}

.emailoffers{margin: 0 0 0 21px;}

.divcentre
{
    margin: 0 auto;
}


/* Offensive panel */

.report-panel {padding: 10px;}
.report-panel .textarea {margin-top: 6px;}
.report-panel .inputtext {width: 100px; margin: 0 0 10px 0;}


/* Trips */

#tripDepartures table {margin-top: 10px;}

#tripDepartures table .bgcolor {background: #D1C1B2;}
#tripDepartures table .bgcolor td {border-left: 1px solid #fff; border-bottom: 1px solid #D1C1B2;}
#tripDepartures table .bgcolor td:first-child {border-left: 0;}

#tripDepartures table td {padding: 4px; border-bottom: 1px solid #ccc;}

.tripitem img {float: right; margin-top: -10px;}

.discover-nav a{background: url(../img/btn-marker-left.png) left no-repeat; float: left!important; position: relative; display: inline-block; margin: 2px 0 0 0!important; text-align: right; color: #fff; padding: 3px 8px 2px 24px; font-size: 100%;}



/* Rad controls */

#top-content .details
{
	height:26px;
}
#top-content .details .contributor
{
	float: left;
    margin: 0;
    padding: 6px 0 0;
    width: 55%;
}
#top-content .details .icon-links
{
	float:right; width:43%;
}


