@charset "UTF-8";

/***************/
/*GENERAL STUFF*/
/***************/

#gallup .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {display: none !important;}

#shareMenu .fb_edge_widget_with_comment > span { width: 90px !important; }

#facebookBox {background-color: #333333; width: 200px;}

.customFilters { width: 320px; float: left; }

.dotted {border-bottom: 2px #a2a2a2; clear: both; color: white; background-color: white; border-style: none none dotted none; width: 97%; margin: 2px auto 2px auto;}

.justify {text-align: justify;}

*{margin: 0px; padding: 0px;}

img {border: 0px;}

.textBanner {margin: 0px auto 0px auto; text-align: center; padding: 10px 5px 10px 5px; display: block; color: white; background-color: rgb(41,41,41); font-size: 12px; font-weight: bold;}

a {text-decoration:none; color: white; cursor: pointer;}

.uppercase {text-transform: uppercase;}

.white {color: white;}

.black {color: black;}

.blackBG {background-color: #111111;}

.whiteBG {background-color: #ffffff;}

.small {font-size: 10px;}

.left {float: left;}

.right {float: right;}

.clear {clear: both;}

.error { }

.underlinedLinks a {text-decoration: underline;}

a.button {display: block; padding: 1px 3px 1px 3px; background-color: #ab0271; border: 1px solid #670262;}

.errorMessage { color: white; background-color: red; padding: 10px; margin-bottom: 10px; width: 555px; font-size: 13px; font-weight: bold;}

/*IMAGE*/

.imageView {text-align: center; width: 855px; margin: 0px auto 0px auto;}

#imageContainer {min-height: 635px; }

.imageView img {margin: 10px;}

.imageHeader {width: 845px; height: 43px; border-top: 1px solid #44343f; margin: 10px auto 0px auto; padding: 5px 0px 0px 10px; font-size: 11px;}

.imageHeader h2 {padding: 0px; margin: 0px; line-height: 10%;}

.imageFooter {width: 855px; height: 45px; background: url('../../media/Gallery/imageFooterBG.jpg') no-repeat left #1b1b1b;}

.iMarbellaLogo {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top: 50%;
    position: absolute;
    padding-left: 50px;
    z-index: 9999;
}

@font-face {
    font-family: 'weather';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
    url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
    url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

#weather {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-size: 25px;
}

#weather a > i { font-family: 'weather'; }

#weather .icon-0:before { content: ":"; }
#weather .icon-1:before { content: "p"; }
#weather .icon-2:before { content: "S"; }
#weather .icon-3:before { content: "Q"; }
#weather .icon-4:before { content: "S"; }
#weather .icon-5:before { content: "W"; }
#weather .icon-6:before { content: "W"; }
#weather .icon-7:before { content: "W"; }
#weather .icon-8:before { content: "W"; }
#weather .icon-9:before { content: "I"; }
#weather .icon-10:before { content: "W"; }
#weather .icon-11:before { content: "I"; }
#weather .icon-12:before { content: "I"; }
#weather .icon-13:before { content: "I"; }
#weather .icon-14:before { content: "I"; }
#weather .icon-15:before { content: "W"; }
#weather .icon-16:before { content: "I"; }
#weather .icon-17:before { content: "W"; }
#weather .icon-18:before { content: "U"; }
#weather .icon-19:before { content: "Z"; }
#weather .icon-20:before { content: "Z"; }
#weather .icon-21:before { content: "Z"; }
#weather .icon-22:before { content: "Z"; }
#weather .icon-23:before { content: "Z"; }
#weather .icon-24:before { content: "E"; }
#weather .icon-25:before { content: "E"; }
#weather .icon-26:before { content: "3"; }
#weather .icon-27:before { content: "a"; }
#weather .icon-28:before { content: "A"; }
#weather .icon-29:before { content: "a"; }
#weather .icon-30:before { content: "A"; }
#weather .icon-31:before { content: "6"; }
#weather .icon-32:before { content: "1"; }
#weather .icon-33:before { content: "6"; }
#weather .icon-34:before { content: "1"; }
#weather .icon-35:before { content: "W"; }
#weather .icon-36:before { content: "1"; }
#weather .icon-37:before { content: "S"; }
#weather .icon-38:before { content: "S"; }
#weather .icon-39:before { content: "S"; }
#weather .icon-40:before { content: "M"; }
#weather .icon-41:before { content: "W"; }
#weather .icon-42:before { content: "I"; }
#weather .icon-43:before { content: "W"; }
#weather .icon-44:before { content: "a"; }
#weather .icon-45:before { content: "S"; }
#weather .icon-46:before { content: "U"; }
#weather .icon-47:before { content: "S"; }

.contentsContainer { }

.imageBottom {cursor: pointer; float: left; padding-left: 3px;}

#send2Friend {margin-left: 285px; margin-top: 5px;}

#fb_share {margin-top: 13px;}

#tw_share {margin-top: 5px;}

#sliderContainer { width:855px; height: 115px; background: url('../../media/imageBackground.png'); margin-left: auto; margin-right: auto;}
#slider li {width: 101px; height: 97px; background-color: black; margin: 0px 3px 0px 3px;}
#slider a {width: 101px;}
#slider img {width: 91px; height: 67px; margin: 4px 5px 0px 5px; cursor: pointer;}
#slider {overflow: hidden; margin-left: auto; margin-right: auto; width:720px; height:100px; padding: 5px 0px 0px 0px; }
#prevBtn, #nextBtn { margin-top: 30px;display: block; width: 25px; height: 35px; position: absolute;}
#prevBtn { margin-left: 2px; background-image: url('../../media/imageLeft.png');}
#nextBtn { margin-left: 828px; background-image: url('../../media/imageRight.png');}
.imageViews {font-size: 10px;margin-left: 3px;}
#locked {padding: 250px 0px 0px 0px;}

#setHomePage {cursor: pointer;}

#prevImage, #nextImage {display: block; width: 25px; height: 35px; position: absolute; margin-top: 250px;}
#prevImage img, #nextImage img { margin: 0px; padding: 0px; }
#prevImage {margin-left: 40px;}
#nextImage {margin-left: 790px;}

.disabled {display: none !important;}

/*******/
/*LOGIN*/
/*******/

#ajaxLogin {display: none;}
#ajaxLogin a {color: #ec00cd; font-weight: bold;}
.ajaxLoginError {color: red; display: none;}
#ajaxLoginLoading {display:none; position: absolute; margin: 30px 0px 0px 130px;}

/******/
/*MENU*/
/******/

.menu ul {list-style-type: none; padding: 0 3px}

.menuItem {float: left;}

.drop { display: none; position: absolute; margin-top: 33px; z-index: 1000;}

.drop ul { list-style-type: none; width: 170px; padding: 3px; font-size: 12px; background: url('../../media/Guide/dropDownBack.png') repeat-y;}

.drop ul li { padding-top: 3px; padding-bottom: 3px; padding-left: 8px; border-bottom: 1px solid #292929; }

.drop ul li a {color: #ffffff; display: block; width: 98%;}

.drop ul li a:hover { color: #c1c1c1; }

/******/
/*PAGE*/
/******/

body {background: white url('../../media/background_white.jpg') top fixed repeat;font-size:12px; color:white; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin:0px; padding:0px;}

.main { width: 1013px; margin-left:auto; margin-right:auto; border-left: 1px solid black; border-right: 1px solid black; }

.contents { clear:both; padding: 0px 2px 0px 3px; width:auto; }

/********/
/*HEADER*/
/********/

#radio {display: block; position: absolute; margin-top: -8px;}

#stumbleupon {margin-left: 5px; float: left; display: block; position: absolute; margin-top: -8px;}

.headerBanners { width:auto; overflow:hidden; background-color: black; min-height:90px;}

.headerBannerLeft { float:left; margin:3px 1px 0px 2px; overflow:hidden; width:380px; }

.headerBannerRight { float:left; margin:3px 1px 0px 2px; overflow:hidden; width:600px;  }

.header { display:block; clear:both; width:991px; min-height:75px; background:url("../../media/Gallery/header.png") no-repeat; }

/******/
/*MENU*/
/******/

.switchPage { width:100px; height:34px; overflow:hidden; display:block; float:left; }

#switchToGallery { background:url("../../media/News/switchToGalleries.png") no-repeat; }

#switchToNews { background:url("../../media/Gallery/switchToNews.jpg") no-repeat; }

#switchToMarket { background:url("../../media/Market/switchToMarket.jpg") no-repeat; }

#switchToGuide { background:url("../../media/Guide/switchToGuide.jpg") no-repeat; width: 90px;}

.topMenu { clear:both; background:rgb(42,47,41); height:26px; overflow:hidden; }

#topMenuRight {float: right; padding-top: 2px; height: 21px;}
#username {font-size: 14px; font-family: Helvetica; font-weight: bold;}
#daBruno {font-size: 11px;}
#daBruno .purple {color: #b22486; font-weight: bold;}

.search {border: none; margin: 0px; background-color: white; color: #a4a4a4;}
.searchDiv {margin-top: 5px;}
#searchForm {float: right;}
#searchBox {padding: 3px; float: right; height: 16px; width: 135px;}
#searchButton {color: #a4a4a4; padding-right: 3px; padding: 3px; height: 22px; float: right;}

.menu { clear:both; height:34px; }

/*************/
/*LEFT COLUMN*/
/*************/

.leftColumn { float:left; width:202px; min-height:10px; margin-top: 5px;}

.leftColumn > div {margin-bottom: 4px;}

.feedTitle { cursor: pointer; padding: 10px 0px 0px 35px; width: 166px; min-height: 30px; background-color: #000000 !important; font-size: 16px; font-family: Arial; color: white; }

#directory { background: url('../../media/Feeds/directories.jpg') no-repeat; }

#gallupTitle { background: url('../../media/Feeds/default.jpg') no-repeat; }

#top10Stories { background: url('../../media/Feeds/top10Stories.jpg') no-repeat;}

div.leftGallery { background: url('../../media/Feeds/leftGalleries.jpg') no-repeat; }

#upcomingEvents { background: url('../../media/Feeds/upcomingEvents.jpg') no-repeat;}

#facebookFrame {border:none; overflow:hidden; width:200px; height:500px;background-color: #292929;}

#kaoutharBlog { background: url('../../media/Feeds/default.jpg') no-repeat;}

/*WEATHER*/

.weatherContainer { background: url('../../media/weather/bg.jpg') no-repeat; width: 100px; height: 74px; float: left;}

.weatherTop { width: 98px; height: 51px; padding: 1px;}
.weathetBottom { width: 100px; height: 21px; }

.weatherTop img {height: 45px; width: 45px;}

.weatherHigh {color: white; font-size: 17px; margin-top: 10px; margin-left: 2px; float: left;}
.weatherLow {color: #377e90; font-size: 12px; float: right; margin-right: 6px;}

.weatherLow, .weatherHigh {display: block;}

.weatherBottom {text-align: center; font-size: 9px; text-transform: uppercase; padding: 3px 2px 0px 2px;}

.alignLeft {text-align: left;}
.alignRight {text-align: right;}

#weatherPrev, #weatherNext {cursor: pointer; width: 100px; height: 21px; z-index: 10; position: absolute; margin-top: -21px;}

.disabled {display: none;}

#weatherNext {text-align: right; margin-left: 100px;}

#weatherDays {width: 200px; overflow: hidden; height: 74px;}

/*WEATHER*/

.leftSideBanner {max-width: 200px; max-height: 200px;}

.columnCell { min-height:200px; padding-bottom:15px; }

.columnCellItem { margin-bottom:1px; border-color: #6A6A6A; border-style: solid; border-width: 0px; background-color: #292929;}

.columnCellItem:hover {background-color: #343434;}

.columnCellItem a { font-family:Arial; font-size:13px; display:block; padding:2px 8px 2px 8px; color:white; }

.columnCellItem img {padding: 0px; margin: 0px; /*margin-left: 25px;*/width:100%;}

.columnCellSeparator { background:url("../../media/Gallery/latestNewsSeparator.png") bottom no-repeat; height:2px; }

#quicklinks { background: #ab0279; padding-bottom:1px; list-style-type: none;}

#quicklinks a {display: block; padding: 3px; background-color: #841c67; margin-bottom: 1px;}

#quicklinks a:hover {background: #841c67 url('../../media/Gallery/quickLinksArrow.png') no-repeat right;}

.quicklinkSubLocations, .quicklinkLocations {list-style-type: none; z-index: 5; background: #ab0279; width: 150px; display: none; position: absolute; margin-top: -21px; padding-left: 1px;}

.quicklinkSubLocations { margin-left: 150px; }

.quicklinkLocations { margin-left: 200px; }

.calendar {background-color: #1b1b1b; padding-bottom: 4px;}

#calendarHeader {background: url('../../media/Gallery/events.jpg') no-repeat; height: 36px; width: 200px; border: 1px solid #670262; overflow: hidden;}

#calendarTable {text-align: center; width: 200px; font-size: 12px; border-collapse: collapse;}

#calendarTable td {width: 20px; height: 17px;}

td.weekCount {background-color: rgb(41,41,41)}

#calendarTable .selectedCalendarDay { background: url('../../media/calendarBG.jpg');}

#calendarTable a {cursor: pointer;}

#monthSelect {font-size: 14px; float: right; text-align: center; width: 130px; padding: 12px 0px 0px 0px;}

#calendarFooter {text-align: center;background-color: #1b1b1b;}

.calendarArrow {vertical-align: middle; margin: 0px; padding: 0px;}

#calendarSearchContainer {margin-right: auto; margin-left: auto; border: 1px solid #474745; width: 191px; background-color: #111111; }

#calendarSearchBox {float: left; width: 135px; padding-top: 4px; height: 20px; color: white; background-color: #111111; border: none;}

#calendarSearchButton {color: #a4a4a4; background-color: #111111; height: 20px; padding-top: 3px; border: 0px; float: left;}

.calendarType {cursor: pointer; text-align: left; padding-top: 4px; text-transform: lowercase; font-size: 13px; display: block; padding-left: 3px; width: 188px; height: 22px; background: black; border-bottom: 1px solid #474745;}

#eventTypesContainer {position: absolute; margin: 0px; padding: 0px; }

.calendarTypeSelect {margin: 0px; background: url('../../media/Gallery/categorySearch.jpg') no-repeat; cursor: pointer;}

.calendarDateContainer {text-align: left; width: 185px; border-bottom: 1px solid #474745; padding: 2px 3px 2px 3px;}

.calendarDateBox {background-color: #111111; border: 0px; color: white; width: 100px;}

.typeColorBox {float: left; width: 12px; height: 12px; margin: 3px 4px 7px 6px; }

/***************/
/*CENTER COLUMN*/
/***************/

.ajaxLoading {position: absolute; margin: 70px 0px 0px 300px;}

.contentImageContainer {margin: 10px 0px 10px 0px; display: block;}

.articleContentImage {min-width: 10px; min-height: 10px; float: left; text-align: center;}
.articleContentImage span {color: gray; padding: 3px; display: block;}

.row1 {width: 575px;}
.row2 {width: 285px;}
.row3 {width: 189px;}

#keywords {font-size: 10px;}

.centerColumnHeader {width: 595px; height: 22px; font-size: 14px; padding: 3px 0px 0px 5px;}

.pager { width: 598px; height: 25px; margin-bottom: 4px; }

.pagerArrow {margin: 2px 5px 5px 5px;}

a.pagerLink {display: block; float: left; font-size: 14px; padding: 0px 0px 0px 0px; margin-top: 4px; margin-left: 10px;}

a.selectedPagerLink {font-size: 16px !important;}

.centerColumn { float:left; width: 600px; min-height:10px; padding: 5px 3px 1em 3px;}

.centerColumn > a > img:not(.articleImage), .centerColumn > div > img:not(.articleImage), #videoFeed > a > img { width: 600px; }
#videoFeed > img { width: auto;}

.galleryItemContainer {margin-bottom: 8px; margin-right: 4px; width: 197px; float: left; display: block; height: 250px; }

.galleryItem:hover .galleryItemHover{display: block}

.galleryItemHover {position: absolute; text-align: right; background: url('../../media/seeMore.png') no-repeat; display: none; width: 178px; height: 29px; margin-top: 101px;}

.galleryItem {width: 189px; text-align: left; float: left; padding: 2px 4px 0px 5px; height: 100%; position: relative; background-color: #262626; }

.galleryItem a.galleryItemLink {width: 178px; height: 130px; display: block; margin: auto;}

.galleryItem h2.headline { font-size: 12px;}

.galleryItem p.headline {font-size: 12px;}

.galleryItem p.text {font-size: 11px; position: absolute; bottom: 10px; right:5px;}

img.galleryItemBorder {float: left; width: 198px !important; }

.galleryImageContainer {height: 140px;}

.galleryImage {height: 135px;}

/*VOTING*/

ul.voteOptions { list-style-type: none; }

ul.voteOptions li {margin: 4px 0px 4px 5px; font-size: 11px;}

ul.voteOptions li a { color: black; }

.percentageBar {min-width: 10px; background-color: #841C67; height: 5px; float: left; border-top: 3px solid #B80266; border-bottom: 3px solid #B80266; margin-top: 3px;}

#selectedVote {display: block; margin: 5px 0px;}

/*RELATED ARTICLES*/

#relatedBody { text-align: center; background-color: #F2F2F2; color: black; width: 566px; padding: 5px;}

#relatedBody a {color: black !important; word-wrap: break-word;}

.relatedArticle {width: 113px; float: left; overflow: hidden;}

/*COMMENTS*/

.sectionHeader {display: inline-block; background-color: #841C67; color: white; height: 19px; padding: 5px 5px 5px 3px; max-width: 500px; font-size: 14px; border-bottom: 2px solid #AB0279;}

.sectionBody { border-top: 5px solid #841C67; padding-top: 5px; }

#addComment {float: left;}

.commentInput {background-color: #d7d7d7; border: 1px solid #bdbdbd;}

.commentText {width: 376px; height: 127px;}

.inputHeight {height: 20px; padding-top: 4px; width: 140px;}

#allCommentsLink {color: #a6187a; float: right;}

.commentTitle {color: #a6187a; font-size: 13px; margin-right: 4px;}

a.commentTitle {color: #a6187a; font-size: 13px;}

.comment {margin-bottom: 2px; padding-left: 3px;}

.commentTime {font-size: 11px; color: #717171;}

#captchaContainer {width: 190px; float: right; text-align: center; color: #717171;}

.captcha {width: 84px; height: 20px; border: 1px solid #bdbdbd;}

#submitComment {background-color: #aa2784; color: white; margin-top: 70px;}

/*USER*/

.profileContainer {width: 280px; margin: 10px auto 10px auto;}

.profileContainer .button {float: right;}

.profileContainer input {margin-top: 5px;}

.seeMore {display: block; font-size: 14px; width: 110px; float: right; margin-top: 20px;}

#backButton {background-color: #ab0279; padding: 0px 5px 0px 5px; color: white; border: 1px solid #670262; float: right;}

.birthdayInput {height: 15px; font-size: 9px; margin: 0px; padding: 0px;}

#forgotPw {width: 180px; margin: 0px auto 20px auto;}

#registerForm input, #registerForm select {float:right; width: 130px;}

#registerForm input.noStyle {width: 15px; float: none;}

#registerForm span {float: left; padding-top: 5px;}
	
#birthdayTable input, #birthdayTable select {width: 40px; float: left;}

#registerForm br {clear: both;}

a.profileButton {float: left; color: white; width: 100px; margin: 2px 0px 2px 5px;}

a.buyGalleryButton {margin: 3px;}

/*******/
/*SHARE*/
/*******/

#shareMenu > a, #shareMenu > span {float: left; margin: 2px;}

#shareMenu {margin-bottom: 5px;}

/**************/
/*RIGHT COLUMN*/
/**************/

.rightColumn { float:left; width:200px; min-height:10px; margin-top: 5px;}

.rightColumn > div {margin-bottom: 4px;}

.bottomRow {
    position: absolute;
    bottom: 0;
    right: 0;
}

.topRow > div,
.topRow > a,
.bottomRow > div,
.bottomRow > a {
    float: right;
    padding: 8px;
    padding-bottom: 4px;
    height: 18px;
}

.topRow > span,
.bottomRow > span {
    float: right;
    height: 18px;
    padding-top: 8px;
    padding-bottom: 4px;
}

.bottomSocial {
    padding:0;
}

.fixedMenu {
    position: fixed;
    top: 0;
    z-index: 50;
    width: 1013px;
}

.fixedMenu .switchPage,
.menu #switchToTitle{
    display: none;
}

.fixedMenu #switchToTitle {
    display: block;
}

#switchToTitle {
    width: 180px;
    background-color: black;
    padding: 0 5px;
}

#switchToTitle img {
    width: 180px;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.rightSideBanner {max-width: 200px; max-height: 400px; overflow: hidden;}

.rightSideContainer {width: 200px; background: #6a6a6a; min-height: 200px;}

.borders {border-top: 1px solid #434343; border-bottom: 1px solid #434343;}

/********/
/*FOOTER*/
/********/

.footerMenu { right: 0;}
.footerMenu a { padding: 0 10px }


.footer { clear:both; background-color: #262626; overflow:hidden; height:130px; position: relative; }

.footer > div { position: absolute; top: 50%; transform: translateY(-50%); }

.socialTitle { font-weight: bold; padding: 8px 0; display: block;}

.contectBlock { right: 140px; }

.footerNameField,
.footerPhoneField,
.footerEmailField {
    display: block;
    clear: both;
    font-size: 13px;
    padding: 8px 0;
    font-weight: bold;
}

.footerEmailField a:hover {
    color: #841c67;
}

.footerNameField:before,
.footerPhoneField:before,
.footerEmailField:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin: 0 6px 0 0;
}

.footerNameField:before { background: url("../../media/contact.svg") no-repeat; }
.footerPhoneField:before { background: url("../../media/phone.svg") no-repeat; }
.footerEmailField:before { background: url("../../media/mail.svg") no-repeat; }

.footerBottom { background-color: black; color: white; height: 40px; position: relative; }
.footerBottom > span, .footerBottom > div { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); padding: 0 10px; }

/*REVIEWS & QUICKLINKS*/

.qlItem {margin-top: 2px; background-color: #e7e7e7;}

.qlItemContainer {background-color: #e7e7e7; width: 382px; float: left;}

.reviewText {width: 332px; height: 127px;}

#ratingContainer {float: right;}

#addReview {float: left;}

#reviewControl {color: black; text-decoration: underline; float: right; margin-right: 5px;}

a.contentButton {font-size: 14px; border-right: 1px solid #434343; padding-top: 4px; width: 190px; height: 22px; background-color: #333333; color: white !important; text-align: center; display: block; float: left; cursor: pointer;}

a.contentButton:hover {background-color: #111111;}

.qlItemText {background-color: #bdbdbd; }

.qlItemInfo { font-size: 10px; }

.qlItemText, .qlItemInfo {width: 372px; padding: 5px;}

.qlImages {padding: 3px 0px 3px 19px; height: 191px; }

.qlReview {font-size: 11px; padding: 5px 0px 5px 2px; }
.qlReview img {margin: 3px;}

.qlReviews {height: 191px; }

.qlSpecial {font-size: 12px;}

.qlLink {text-decoration: none; color: black;}

a.qlReadMore {float: right; color: black; display: block; font-size: 10px;}

a.qlReadMore img {vertical-align: middle;}

.qlTitle {font-size: 14px;}

.review {padding: 5px 0px 5px 2px; }
.review img {margin: 7px 3px 0px 0px;}

.starRating {width: 9px; height: 7px; display: block; float: left;}

.starRatingContainer {background: url('../../media/quicklinks/0star.jpg') no-repeat center; width: 94px; height: 8px;}

.reviewText {width: 300px; height: 127px;}

.reviewHeight {height: 20px; padding-top: 4px; width: 125px;}

#quicklinksHeader {background-color: #1b1b1b; width: 563px; padding: 5px;}

a.qlHeaderLink {font-size: 12px; color: #a5197c !important; margin-right: 20px;}

.qlHeaderBar {background: #262626 !important; color: white; width: 570px;}

.validLine {font-size: 12px; margin: 10px 0px; padding: 0px 2px;}

.offerContainer {border: 5px solid #aa2784; width: 565px;}

.offerText {margin: 10px 0px; padding: 0px 2px;}

.overviewRating {float:right;}

.qlFilter {position: absolute;}

.offerImage img {float: left;}

#booking input, #booking textarea {background-color: #d7d7d7; border: 1px solid #c5c5c5;}

#booking input {width: 180px;}

#booking input.button {width: 82px; background-color: #AB0279;  float: none;} 

#booking textarea {width: 467px;}

#booking label {color: #b2368c; font-size: 12px;}

.qlFilterLink { cursor: pointer; margin-left: 11px; margin-bottom: 4px; border: 1px solid #474747; background: url('../../media/Guide/filterArrow.jpg') right no-repeat; float: left; display: block; height: 20px;}

#quicklinksHeader ul {list-style-type: none;}

#quicklinksHeader ul li {float: left;}

.qlFilter li a {padding: 3px 2px; display: block; color: #C1C1C1; width: 140px; font-size: 11px; z-index: 100; border-bottom: 1px solid #292929;}

.qlFilter li a:hover {color: white; }

.qlFilter { margin-top: 6px; }

.qlFilter, .qlFilterLink { background-color: #252726; color: white; font-size: 12px; width: 140px; padding: 3px 2px 1px 2px;}

.qlHeaderText {float: left; padding-top: 4px; color: white;}

.qlSeparator {height: 1px; width: 95%; margin: 0px auto 0px auto; background-color: #6b6b6b; clear: both;}

input.qlInput {width: 110px; float: left; background-color: #111111; border: 1px solid #474747; color: white; height: 20px; padding: 2px;}

div#qlSearch { float: right; width: 185px;}

div#directoryLanguages {width: 185px; margin-top: 10px; float: right;}

a.imageButton {margin: 2px; border: 0px !important; background-color: #e7e7e7 !important; width: 26px !important; height: 18px !important;}

#placeImageContainer {background-color: #e7e7e7;}

.directoryMessage {margin: 10px 5px; font-size: 13px;}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow-x: hidden;
    min-height: 400px;
    max-height: 500px;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    display: inline-block;
    float: left;
    position: relative;
    min-height: 400px;
    overflow: hidden;
    width: 600px;
    height: 400px;
}

.jcarousel #sliderInfo {
    position: absolute;
    z-index: 10;
    bottom:0;
    width: 580px;
    background-color: #841c67;
    color: white;
    opacity: 0.9;
    padding: 10px 10px 0 10px;
}

#sliderInfo h2 {
    font-weight: normal;
    margin-bottom: 3px;
}

#sliderInfo .sliderMenu {
    font-size: 20px;
    display: inline-block;
    position: relative;
    top: -5px;
    float: right;
}

#sliderInfo .sliderMenu span {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1px solid black;
}

#sliderInfo .sliderMenu span:hover,
#sliderInfo .sliderMenu span.active {
    border: 1px solid white;
    background: white;
    cursor: pointer;
}


/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    z-index: 10;
    position: absolute;
    width: 40px;
    text-align: center;
    color: #fff !important;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 40px Arial, sans-serif;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);

}

.jcarousel-control-prev {
    left: 0;
}

.jcarousel-control-next {
    right: 0;
}

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
    background-color: #841c67;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: 0;
    left: 15px;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    line-height: 14px;
    min-width: 14px;

    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;

    margin-right: 2px;

    opacity: .75;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}

#topCarousel img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.articleImageCenter {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}