/******************************************************************************** * * * Author : Dave Clarke * * Author : Ricky Stevens * * Author : Ryan Cummins * * Web : http://www.phase8.com * * E-mail : studio ( at ) phase8 ( dot ) ( com ) * * Modified : 11-March-09 * * * * Copyright (c) 2009 . All Rights Reserved. * * Use of this code is not permitted without permission! * * * ********************************************************************************/ /******************************************************************************** * * * Author : Usman Muhammad * * Author : Henry Neuteboom * * Web : http://www.luxos.com * * E-mail : usman ( at ) luxos ( dot ) ( com ) * * Modified : 26-jan-2012 * * * * * ********************************************************************************/ #wrapper {margin:auto;width:904px;position:relative;background:#ffffff;} /*---------- Content holder-------------*/ #content {width:904px;height:433px;padding:10px 0 10px 0;} /*---------- Footer -------------*/ #base-line { width:904px; height: 2px; margin: 0; padding: 0; border-top: 0px solid #ccc; position: relative; top: 580px; } #footer {width:904px; height:115px; border: 1px solid #cccccc; padding:8px 0 0 0; margin:30px 0 20px 0; clear:both;} #wrapper.home #footer{height:115px;position:relative;top:20px;} #footer a {color:#414042;text-decoration:none;} #colA { width:175px; height:120px; margin:5px 5px 5px 0; text-decoration:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase;} #colA a {color:#414042;text-decoration:none; } ul#colUL li {width:160px; text-align:center; } ul#colUL li a {color: #414042; } #socialfooter { width:170px; height:40px; text-align:right; padding:0 0 0 60px; float:left;} #socialfooter img { width:20px; height:20px; float:left;} ul#foot-nav { text-align:center; } ul#foot-nav li {display:inline;margin:0px 13px 0px 0px; } ul#foot-nav li {width:160px;} ul#foot-nav li a {color:#414042;} ul#foot-nav li a.blogs{color:#414042;font-weight:bold;} /*---------- Extra -------------*/ #extra {} #extra dl {width:904px;border-top: 1px solid #cccccc;padding:0;margin: 0 0 10px 0;clear:both;} #extra dl dt {font-family:Arial, Helvetica, sans-serif;color:#999;font-size:14px;font-weight:normal;margin:8px 0 8px 0;} #extra dl dt span {font-family: Georgia, "Times New Roman", Times, serif;color:#000;} #extra dl dd.center {margin:0 11px 0 11px;} #extra dl dd {float:left;margin:0 0 10px 0;} .socialbuttons-container {height:25px; width:470px; margin-top:5px;} .socialplus {height:25px; float:left;} .socialshare {height:25px; margin-top:-10px; margin-left:10px; float:left; } .socialshare-article {height:25px; margin-left:20px; float:left; } #social-line { width:670px; height: 2px; margin: 0; padding: 0; border-top: 1px solid #ccc; } /*---------- Header -------------*/ #header {height: 130px; width: 904px;border-bottom: 1px solid #cccccc; } a#head-logo {left:0px; top:28px;bottom:65px;height:39px;width:186px;} /* Code added by Ricky Stevens */ .header-breadcrumb {float: left; height: 16px; width: 900px; margin: 15px 0 0 2px; line-height: 16px; font-family: Arial, Tahoma; font-size: 10px; color: #999; text-align: left; } .header-breadcrumb a{color: #808080; text-decoration: none; } .header-breadcrumb a:hover{color: #666; } .header-breadcrumb-sel {color: #000; } ul#head-nav {font-family:Arial, Helvetica, sans-serif;font-size: 13px;position: absolute;top: 104px;letter-spacing: .1em;} ul#head-nav li {float:left;margin:0px 1px 0px 0px;padding: 0;position:relative;} /*ul#head-nav li a {color:#000;text-decoration:none;padding:0 0 3px 0;font-weight:300;} ul#head-nav li a:hover {border-bottom:5px solid #ccc}*/ /*---------------------New Menu navigation system 02/08/2010--------------*/ /*.menubutton{background:url("../images/menu-button-slice.jpg") no-repeat scroll right 0 transparent;padding:0px 4px 0px 0px;display:inline-block;} .menubutton a{background:url("../images/menu-button.jpg") no-repeat scroll 0 0 transparent;color:#FFFFFF;padding:0px 9px 0px 15px;display:inline-block;height:25px;line-height:23px;}*/ /*---------------------Menu Buttons changed 23/02/2011----------------------*/ .menubutton{background:#58595b;padding:0px;display:inline-block;width:150px;text-align:center;} .menu-down-button{background:url("/interface/images/menu-down.jpg") no-repeat scroll 124px 8px #58595b;padding:0px;display:inline-block;width:150px;text-align:center;} .menubutton a{color:#FFFFFF;display:inline-block;height:25px;line-height:23px;} ul#head-nav li .subnav{width:150px;position:absolute;background:#ffffff;padding:4px 0px;margin:0px;display:none;z-index:99;background: url("/interface/images/menu-dropdown-bg.gif") repeat-y 0 0;border-bottom:1px solid #cfcfcf;} ul#head-nav li .subnav li {float:none;padding:0px;margin:0px;display:block;height:20px;} ul#head-nav li .subnav li.menu-divider {border-top:1px dashed #444444;width:120px; display:block;height:2px;margin:4px 7px;} ul#head-nav li .subnav a, .menu-title{color:#808080;font-family:Helvetica,Arial,"Liberation Sans","Bitstream Vera Sans",sans-serif;font-size:12px;display:block;padding:0px 8px;;margin:1px 0px 1px 0px;letter-spacing:0;} ul#head-nav li .subnav a:hover{background:#444444;color:#ffffff;} .subnav-viewport {display:none;position:absolute;height:457px;width:136px;overflow:hidden;z-index:999;left:0;top:19px;background: url("/interface/images/subnav-viewport-arrow-bg.gif") no-repeat 0 0;padding-top:8px;} .subnav-viewport li.down{} .subnav-viewport li.up{} .menu-title{font-weight:bold;padding:0px 8px !important;} .menu-bold{font-weight:bold;} ul#head-nav li .subnav li.menu-underline a{text-decoration:underline;} #login {position: absolute;right: 0px;top: 6px;width:142px;} #login .right {margin: 0 0 0 6px;} #loginform {position: absolute;right: 130px;top: 8px;width:440px;} #loginform label{margin:0 10px 0 20px; color: #666; font-size: 12px; font-weight: none;} #loginform p{text-align: right; color: #000;} #loginform p a{color: #000; text-decoration: underline; font-size: 14px; font-weight: bold;} #loginPage { float: left; clear: both; width: 100%; height: 433px; overflow: none; } #loginPage .left { float: left; width: 525px; height: 433px; } #loginPage .left .title { float: left; clear: both; width: 500px; height: 34px; line-height: 34px; font-family: Georgia, Times New Roman, Arial; color: #666; text-align: left; font-size: 32px; margin: 35px 0 0 25px; padding: 0; } #loginPage .left .sub-title {float: left; clear: both; width: 500px; height: 20px; line-height: 20px; font-family: Georgia, Times New Roman, Arial; color: #666; text-align: left; font-size: 18px; margin: 0 0 40px 25px; padding: 0;} #loginPage .left .more-text { width: 500px; height: auto; float: left; clear: both; display: inline; text-align: left; font-size: 12px; margin: 0 0 0 25px; color: #666; } #loginPage .left .more-text a { color: #666; font-weight: bold; text-decoration: none; } #loginPage .left .signUp { width: 66px; height: 22px; float: left; clear: both; display: inline; margin: 30px 0 30px 25px; } #loginPage .left .signUp a{ width: 66px; height: 22px; display: block;} #loginPage .right { float: right; width: 350px; height: 433px; background: #E4E2E2; } #loginPage .right .title { float: left; clear: both; width: 350px; height: 34px; line-height: 34px; font-family: Georgia, Times New Roman, Arial; color: #666; text-align: left; font-size: 32px; margin: 35px 0 0 0; padding: 0; text-indent: 20px; } #loginPage .right .sub-title { float: left; clear: both; width: 350px; height: 20px; line-height: 20px; font-family: Georgia, Times New Roman, Arial; color: #666; text-align: left; font-size: 18px; margin: 0 0 40px 0; padding: 0; text-indent: 20px; } #loginPage .right label { float: left; clear: left; width: 80px; height: auto; text-align: right; margin: 7px 20px 5px 0; font-size: 12px; font-family: Arial, Tahoma; color: #666; } #loginPage .right input { float: left; clear: right; width: 200px; height: 18px; text-align: left; margin: 5px 0 5px 0; padding:0; border: 1px solid #666; background: #fff; color: #666; } #loginPage .right .remember_me { clear: none; width: auto; margin-top: 15px; } #loginPage .right .rememberCaption { float: left; clear: right; width: auto; margin-top: 14px; margin-left: 6px; display: inline; color: #999; } #loginPage .right .submitBtn { width: 65px; height: 22px; background: url(/interface/images/submit.png) no-repeat; border:0; margin-top: 20px; } #loginPage .right .more-text { width: 310px; height: auto; float: left; clear: both; display: inline; text-align: left; font-size: 12px; margin: 50px 20px 0 20px; color: #666 } #loginPage .right .more-text a { color: #666; font-weight: bold; text-decoration: none; } .submitBtn {background:transparent url(/interface/images/submit.png) no-repeat scroll 0 0;border:0 none;height:22px;margin-top:20px;width:65px;} #fgt-paswd-fset{margin:4px 0px 0px 25px;} #home-search {left:755px;position:absolute;top:104px;} #home-search a {margin:0 17px 0 0;color:#666666;text-decoration:none;} #home-search label {margin:0 10px 0 0;font-size:12px;color:#666666;} #home-search input[type="image"]{left:120px;position:absolute;top:0px;} #term {width:113px;height:23px;padding:0 0 0 4px;} #home-search-submit {margin:5px 0 -6px 0;} /*---------- Image Hover -------------*/ a.image {text-decoration:none} a.image span {position:absolute;background: #fff;padding:0;text-transform:capitalize;color:#808080;font-size:12px; height: 22px; line-height: 22px; text-decoration:none;width:191px;margin:-24px 0 0 -1px;display:block; font-weight: bold; text-align: left; text-indent: 9px; border-bottom: 1px solid #ccc; } a.image:hover span { color: #666; border-bottom: 1px solid #666; } a.home-image span {margin-top:-13px;} /*---------- Home Content Layout -------------*/ #home-main {height:433px;width:504px;float:left;margin:0;} .home-image {width:190px;height:124px;overflow: hidden;margin:1px 0 23px 10px;display:block;} .map-image{width:392px;height:209px;overflow: hidden;margin:0;position:relative;display:block; float: left;} .home-col-title {margin:0 0 0 10px;width:180px;padding:8px 0 3px 10px;font-size: 1.5em;letter-spacing: .1em;color:#808080;border-bottom: 1px solid #cccccc;} .grey-fix {color: #333; border-bottom: 1px solid #333; } /*---------- Search Header Layout -------------*/ /* Code added by Ricky Stevens */ .search-store-header-text { float: left; clear: both; display: inline; width: 904px; height: 20px; font-size:14px; font-weight:bold; text-align:center; background: #e5e5e5; margin: 5px 0 5px 0; } .search-results-header { float: left; clear: both; display: inline; width: 904px; height: 64px; background: #e5e5e5; margin: -5px 0 5px 0; } .search-results-header-cell a { color: #666 !important; } .search-results-header-cell1 { float: left; display: inline; width: 70px; height: 22px; margin: 5px 0 0 165px; } .search-results-header-cell1s { float: left; display: inline; width: 70px; height: 22px; margin: 5px 0 0 148px; } .search-results-header-text { font-family: Arial, Tahoma; font-size: 12px; color: #666; line-height: 22px; width: auto; margin-right: 10px;} .search-results-header-cell2 { float: left; display: inline; width: 148px; height: 19px; margin: 4px 0 0 0;} .search-results-header-cell2s { float: left; display: inline; width: 165px; height: 19px; margin: 4px 0 0 0;} .search-results-header-input { width: 120px; height: 17px; background: #fff; font-size: 12px; margin: 3px 0 0 0;padding: 0; border: 1px solid #999; text-indent: 4px; } .search-results-header-cell3 { float: left; display: inline; width: auto; height: 22px; margin: 5px 0 15px 0; } .search-results-header-cell4 { float: left; display: inline; width: 183px; height: 22px; margin: 5px 0 0 15px; } .search-results-header-select { width: 158px; height: 17px; background: #fff; font-size: 12px; margin: 3px 0 0 0; padding: 0; border: 1px solid #999; } .search-results-header-cell5 { float: left; display: inline; width: 35px; height: 22px; margin: 5px 0 0 0; } .search-results-header-cell5s { float: left; display: inline; width: 65px; height: 22px; margin: 5px 0 0 0; } .search-results-header-cell6 { float: left; display: inline; width: 180px; height: 22px; margin: 5px 0 0 0; } .search-results-header-cell7 { float: right; display: inline; width: 65px; height: 22px; margin: 5px 5px 0 0; } .search-results-header-go { width: 65px; height: 22px; background: url('../images/gobutton.jpg') no-repeat; margin: 0; padding: 0; border: 0; } .search-categories{width:10000px;position:relative;left:0px;} .search-categories-viewport {left:0;position:relative;float: left; clear: both; display: inline; width: 904px; height: 21px; border-bottom: 1px solid #ccc; padding: 6px 0 4px 0; overflow: hidden; border-top: 1px solid #ccc; } .search-categories-viewport #next {position:absolute;right:0;} .search-categories-viewport #prev {position:absolute;left:0;} .search-categories-item { float: left; display: inline; width: auto; height: 21px; margin: 0 36px 0 0; line-height: 21px; color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .search-categories-item a{ color: #ccc; text-decoration: none; } .search-categories-item a:hover{color: #666; } .search-no-categories { float: left; clear: both; display: inline; width: 904px; height: 5px; padding: 24px 0 4px 0; overflow: hidden; border-top: 1px solid #ccc; } .search-all-results-box { float: left; display: inline; width: 290px; height: 60px; margin: 11px 5px; overflow: hidden; } .search-all-results-box-title { float: left; clear: both; display: inline; width: 290px; height: 18px; font-size: 18px; overflow: hidden; font-family: Times New Roman, Arial, Tahoma; color: #000; line-height: 18px; margin: 0 0 1px 0; } .search-all-results-box-title a{ color: #000; text-decoration: none; } .search-all-results-box-title a:hover{ color: #555; } .search-all-results-box-img { float: left; display: inline; width: 54px; height: 54px; } .search-all-results-box-text { float: left; display: inline; width: 290px; height: auto; font-size: 12px; line-height: 18px; font-family: Georgia, Times New Roman, Arial; color: #666; overflow: hidden; } .search-all-results-box-text-full { float: left; display: inline; width: 280px; height: 54px; font-size: 10px; font-family: Georgia, Times New Roman, Arial; color: #000; overflow: hidden; } .search-spa-results-box { float: left; display: inline; width: 219px; height: 140px;margin:7px 3px -4px; overflow: hidden; } .search-spa-results-box-img { float: left; display: inline; width: 219px; height: 190px; overflow: hidden; } .search-spa-results-box-img a { display: block; width: 219px; height: 110px; text-decoration: none; color: #939393;overflow:hidden; } .search-spa-results-box-img a:hover span { border-bottom: 1px solid #666; color: #666; } .search-spa-results-box-title { display: block; width: 219px; height: 22px; overflow: hidden; border-bottom: 0px solid #ccc; margin-top:-40px;line-height: 22px;position:relative; text-align: left; color: #939393; background: #fff; text-indent: 5px; font-weight: bold;} .search-spa-results-box-title a{ color: #ccc; text-decoration: none; } .search-boutiques-map-box { float: left; display: inline; height: 350px; width: 700px; margin: 10px 0 0 0; overflow: hidden; } .search-boutiques-results { float:left; display: inline; height: 305px; width: 428px; margin-top: 20px; margin-bottom: -20px; } .search-boutiques-results-box { float: left; display: inline; width: 428px; height: auto; margin: 0 0 10px 0; overflow: hidden; } .search-boutiques-results-box-title { float: left; clear: both; display: inline; width: 428px; height: 18px; font-size: 18px; overflow: hidden; font-family: Times New Roman, Arial, Tahoma; color: #666; line-height: 18px; margin: 0 0 1px 0; } .search-boutiques-results-box-title a{ color: #666; text-decoration: none; } .search-boutiques-results-box-title a:hover{ color: #999; } .search-boutiques-results-box-text { float: left; display: inline; width: 428px; height: auto; font-size: 12px; line-height: 18px; font-family: Georgia, Times New Roman, Arial; color: #999; overflow: hidden; } #search-results { height: /*326*/393px; width: 100%; padding: 0 0 0 0; } .search-all-pages { float: left; clear: both; display: inline; width: 700px; height: 30px; border-top: 0px solid #ccc; margin: 20px 0 0 0; } .search-all-pages-goleft { float: left; display: inline; width: 20px; height: 20px; margin: 3px 0 0 2px; } .search-all-pages-goleft a{ display: block; width: 20px; height: 20px; text-decoration: none; background: url('../images/left-arrow.jpg') no-repeat 0 0; } .search-all-pages-goleft a:hover{display: block; width: 20px; height: 20px; text-decoration: none; background: url('../images/left-arrow.jpg') no-repeat 0 -20px; } .search-all-pages-goright { float: right; display: inline; width: 20px; height: 20px; margin: 3px 0 0 2px; } .search-all-pages-goright a{ display: block; width: 20px; height: 20px; text-decoration: none; background: url('../images/right-arrow.jpg') no-repeat 0 0; } .search-all-pages-goright a:hover{display: block; width: 20px; height: 20px; text-decoration: none; background: url('../images/right-arrow.jpg') no-repeat 0 -20px; } .search-all-pages-center { float: left; display: inline; width: 600px; height: 20px; font-family: Arial, Tahoma; margin: 2px 0 0 7px; line-height: 20px; text-align: center; font-weight: bold; color: #000; font-size: 14px; } .search-all-pages-center a{ color: #b5b5b5; text-decoration: none; } .search-all-pages-center a:hover{text-decoration: underline; } /*---------- Register Page -------------*/ /* Code added by Ricky Stevens */ .register-required { float: left; clear: both; display: inline; width: 904px; height: 146px; background: #e4e2e2; margin: -3px 0 0 0; } .register-required-inner { float: left; clear: both; display: inline; width: 790px; height: auto; margin: 0 55px 0 55px; } .register-required-title { float: left; clear: both; display: inline; width: 790px; height: 30px; margin: 20px 0 10px 0; font-family: Georgia, Times New Roman, Arial; font-size: 24px; text-align: left; color: #666; } .register-required-title-s { font-size: 16px; } .register-required-row { float: left; clear: both; display: inline; width: 790px; height: 23px; margin: 5px 0 0 0; } .register-required-cell-1 { float: left; display: inline; width: 390px; height: 23px; font-family: Arial, Tahoma; font-size: 12px; font-weight: bold; color: #666; line-height: 23px; text-align: left; } .register-required-cell-2 { float: right; display: inline; width: 390px; height: 23px; font-family: Arial, Tahoma; font-size: 12px; font-weight: bold; color: #666; line-height: 23px; text-align: left; } .register-required-cell-2 label, .register-required-cell-1 label {float: left; display: inline; width: 90px; height: 23px; font-family: Arial, Tahoma; font-size: 14px; font-weight: normal; color: #666; line-height: 23px; text-align: left; } .red-cross { display: inline; width: auto; height: auto; color: #AA0000!important; font-weight: bold; margin: 0 0 0 12px; padding: 2px 3px 2px 3px; } .register-required-cell-a { float: left; display: inline; width: 90px; height: 23px; font-family: Arial, Tahoma; font-size: 14px; font-weight: normal; color: #666; line-height: 23px; text-align: left; } .register-required-cell-a-bold {float: left; display: inline; width: 90px; height: 23px; font-family: Arial, Tahoma; font-size: 14px; font-weight: bold; color: #666; line-height: 23px; text-align: left; } .register-required-cell-b { float: right; display: inline; width: 290px; height: 23px; text-align: left; } /* .register-required-input { width: 232px; height: 19px; background: #fff; border: 1px solid #666; margin: 0; padding: 0; font-size: 12px; } */ .register-required-input-short {width: 121px; height: 19px; background: #fff; border: 1px solid #666; margin: 0; padding: 0; font-size: 12px; } .register-required-tick { float: left; display: inline; height: 18px; width: 25px; text-align: left; margin: 2px 0 0 0; } .register-required-tbox { margin: 0; padding: 0; } .register-required-button-text {float: left; display: inline; height: 20px; width: 180px; text-align: left; margin: 3px 0 0 0; font-family: Arial, Tahoma; font-size: 9px; color: #666; line-height: 10px; } .register-required-submit { float: right; display: inline; height: 22px; width: 65px; text-align: left; margin: 0; } .register-required-button { width: 65px; height: 22px; background: url('../images/submit.jpg') no-repeat; border: 0; margin: 0; padding: 0; } .register-optional { float: left; clear: both; display: inline; width: 904px; height: 280px; border-top: 1px solid #ccc; margin: 8px 0 0 0; } .register-error { float: left; clear: both; display: inline; width: 904px; height: 18px; border-top: 1px solid #ccc; margin: 8px 0 -8px 0; padding: 5px 0 5px 0; overflow: hidden; } .register-thanks { position: relative; margin: 111px auto; width: 300px; height: 300px; font-family: Georgia, Times New Roman, Arial; font-size: 44px; text-align: center; color: #333; line-height: 30px; } .register-thanks hr{ width: 100%; height: 1px; margin: 0 0 10px 0; padding: 0; border: 0; background-color: #ccc; } /* REGISTER FORM */ .register-form {position:relative;background:#E4E2E2;width:900px;margin:-12px 0 0;padding:0 0 25px;hbackground:#e5e5e5;min-height:420px;} .register-form fieldset {position:relative;margin:0;padding:0;} .personal-info {position:relative;top:15px;left:54px;width:366px;} .contact-info {position:absolute;top:19px;right:54px;width:366px;} .contact-info legend {text-indent:-9999em;} .end {position:relative;top:15px;left:54px;width:777px;border-top:1px dashed #cacaca;padding-top:15px;} .register-form legend {font-family: Georgia, Times New Roman, Arial;font-size:24px;line-height:18px;color:#666;font-weight:500;} .register-form legend span {font-size:16px;} .register-form .break {border-bottom:1px dashed #cacaca;margin-bottom:10px;} .register-form .row {position:relative;width:358px;margin-bottom:10px;} .register-form label {display:inline;float:left;min-width:124px;color:#666;font-weight:500;font-family: Arial, Tahoma;} .register-form input[type="text"], .register-form input[type="password"], .register-form select {width: 225px;background:#fff;border:1px solid #666; margin:0;padding:.2em;font-size: 12px;} .register-form input[type="submit"]{cursor:pointer;position:absolute;top:0;right:0;} .register-form textarea {border:1px solid #666666;margin:0;padding:0.2em;width:225px;} .register-form select {width:230px;} .register-form ul {position:relative;margin:0 0 0 124px;padding:0;} .register-form li {float:left;display:block;margin:0 0 6px;width:100px;color:#333;} #fgt-paswd-link{color:#000000;margin-left:99px;text-decoration:underline;} .register-form .promotion input {margin:0 5px 0 0;} .register-form .promotion span {color:#666;} .register-form .required {color:#000;} .register-form .error {display:block;position:absolute;top:0;right:-15px;} .errormsg{color:#AA0000;font-weight:bold;margin-left:125px;clear:both;} #terms.errormsg {margin-left:0px;} /*---------- Magazine Home -------------*/ /* Code added by Ricky Stevens */ #latest-home { float: left; clear: both; display: inline; width: 904px; height: 435px; margin: 10px 0 0 0; } #latest-home .small{ float: left; display: inline; /*width: 135px; height: 100px;*/ margin: 166px 0; text-align: center; } #latest-home .big{ float: left; display: inline; width: 630px; height: 400px; margin: 35px 0; } #latest-home .item-content{ float: left; display: inline; width: 284px; height: 330px; margin: 110px 0;position:absolute;left:127px; } #latest-home .item-content .big-title{ float: left; clear: both; display: inline; width: 284px; text-align: center; font-family: Georgia, Times New Roman, Arial; font-size: 32px; color: #000; line-height: 30px; } #latest-home .item-content .sub-title{ margin:6px 0px 0px 0px;float: left; clear: both; display: inline; width: 284px; height: auto; text-align: center; font-family: Georgia, Times New Roman, Arial; font-size: 18px; color: #000; } #latest-home .item-content .text{ float: left; clear: both; display: inline; width: 284px; height: auto; text-align: center; font-family: Times New Roman, Arial; font-size: 12px; color: #000; margin: 20px 0 0 0; } #latest-home .item-content .buttons { float: left; clear: both; display: inline; width: 284px; height: 30px; text-align: center; margin: 20px 0 0 0; } #latest-home .item-content .buttons img{ float: none; } #latest-home .big img{ float: right; } #issue-wrapper{margin:0px 7px 0px 0px;} .mag-home-main {width:345px;height:436px;overflow: hidden;margin:0 5px 10px 0;position:relative;display:block;} .mag-home-image {width:168px;height:137px;overflow: hidden;margin:0 7px 10px 0;position:relative;display:block;} #mag-home-recent {float:right;width:190px;position:relative;} #mag-home-recent-title {margin:0 0 10px 0;padding:8px 0 3px 10px;font-size: 1.5em;letter-spacing: .1em;color:#808080;border-bottom: 1px solid #cccccc;} #mag-home-articles {border: 1px solid #cccccc;padding: 15px 20px;height:364px} #mag-home-articles ul li {list-style:none;margin: 0 0 6px -9px;} #mag-home-articles ul li a {color:#666;font-size:1em;text-decoration:none;} a#mag-home-viewlatest {position:absolute;bottom:40px;left:11px;width:172px;height:22px;background:url(../images/black_btn.jpg) no-repeat scroll 0 0;display:block;text-align:center;line-height:22px;color:#ffffff;} a#mag-home-viewall {position:absolute;bottom:12px;left:11px;width:172px;height:22px; background:url(../images/black_btn.jpg) no-repeat scroll 0 0;display:block;text-align:center;line-height:22px;color:#ffffff;} a#mag-fashion-viewall {position:absolute;bottom:12px;left:11px;width:172px;height:22px; background:url(../images/all-fashion-articles.jpg) no-repeat scroll;display:block;text-indent:-9999px;} #slideshow-caption-text, #mainImageCaption{position:absolute;bottom:0px;width:100%; background-color:#FFF; padding:2px;text-align:left; opacity:0.70;font-family: Georgia, "Times New Roman", Times, serif;} dl#slideshow-captions dd{position:absolute;bottom:0px;} dl#slideshow-captions dd span{text-align:left;display:block;font-family: Georgia, "Times New Roman", Times, serif} /*---------- Magazine Artical -------------*/ .title {width:426px;height:283px;margin:0 52px 0 0;float:left;text-align:center;padding:120px 0 0 0;} .title a{color: #666; text-decoration: none; font-style: italic; } #read_article { width: 98px; height: 22px; background: url('/interface/images/continue.jpg') no-repeat; display: block; font-size: 1px; color: #000; line-height: 1px; float: left; text-indent: -99999px; } .title .read-more-button { margin: 60px 0 0 168px; } .hotel-review-content .read-more-button { margin: 5px 0 0 180px; } .title a:hover{text-decoration: underline;} .article, .article-members-info {width:426px;height:401px; overflow: hidden; margin:0 52px 0 0;float:left;padding:30px 0 0 0;} .article p a{color:#333; font-weight:bold;} #article-image {width:426px;height:433px;float:left; overflow: hidden;position:relative;} .advert {width:426px;height:433px;float:left; overflow: hidden;} .Videom-maghome-advert {width:355px;height:436px;float:left; overflow: hidden;} .small-right-advert{width:263px;height:185px;} a.prev {background:url(../images/left-arrow.png) no-repeat scroll 0 0;width:20px;height:20px;position: absolute;left:10px;bottom:30px;text-indent:-9999px;} a.prev:hover {background:url(../images/left-arrow.png) no-repeat scroll 0 -20px;} a.next {background:url(../images/right-arrow.png) no-repeat scroll 0 0;width:20px;height:20px;position: absolute;right:10px;bottom:30px;text-indent:-9999px;} a.next:hover {background:url(../images/right-arrow.png) no-repeat scroll 0 -20px;} #paging {text-align:center;position: absolute;left:0px;top:548px;width:426px;} #paging a.prev {background:url(../images/left-arrow.jpg) no-repeat scroll 0 0;width:20px;height:20px;position: absolute;left:0px;bottom:0px;text-indent:-9999px;} #paging a.prev:hover {background:url(../images/left-arrow.jpg) no-repeat scroll 0 -20px;} #paging a.next {background:url(../images/right-arrow.jpg) no-repeat scroll 0 0;width:20px;height:20px;position: absolute;right:0px;bottom:0px;text-indent:-9999px;} #paging a.next:hover {background:url(../images/right-arrow.jpg) no-repeat scroll 0 -20px;} #paging a.page {color:#808080;text-decoration:none;font-family: Arial, Helvetica, sans-serif;font-size:10px;} #paging a.page:hover, #paging a.page:focus, #paging a.page:active {color:#000;} #fashion-paging {text-align:center;position: absolute;left:0px;top:532px;width:904px; z-index:100;} #fashion-paging a.prev {background:url(../images/left-arrow.jpg) no-repeat scroll 0 0;width:20px;height:20px;position: absolute;left:0px;bottom:0px;text-indent:-9999px;} #fashion-paging a.prev:hover {background:url(../images/left-arrow.jpg) no-repeat scroll 0 -20px;} #fashion-paging a.next {background:url(../images/right-arrow.jpg) no-repeat scroll 0 0;width:20px;height:20px;position: absolute;right:0px;bottom:0px;text-indent:-9999px;} #fashion-paging a.next:hover {background:url(../images/right-arrow.jpg) no-repeat scroll 0 -20px;} #fashion-paging a.page {color:#ccc;text-decoration:none;font-family: Arial, Helvetica, sans-serif;font-size:10px;} #fashion-paging a.page:hover, #paging a.page:focus, #paging a.page:active {color:#000;} .title h1 {font-family: Georgia, "Times New Roman", Times, serif;font-size:32px; line-height: 32px;font-weight: normal;margin :0 0 10px 0;} .title small {font-family: "Times New Roman", Times, serif;font-size:18px;font-weight: lighter;} .title p {font-family: Georgia, "Times New Roman", Times, serif;font-size:18px;font-weight: lighter;margin:10px 0 0 0;} .article h2 {font-family: Georgia, "Times New Roman", Times, serif;font-size:32px;line-height: 32px;font-weight: normal;margin :0 0 10px 0;text-align:left} .article small {font-family: "Times New Roman", Times, serif;font-size:18px; line-height: 18px;font-weight:lighter;display:block;margin:0;} .article p {font-family: Georgia, "Times New Roman", Times, serif;font-size:12px;font-weight: lighter;margin:0; height:365px; overflow: hidden;} /*---------- Magazine Ad's -------------* #close_full_advert{position:absolute;top:7px;left:830px;color:#000000; background: url(/interface/images/close.png) no-repeat 0px 3px;padding: 0px 0px 0px 15px;text-decoration:none;} */ #close_full_advert{position:absolute;top:10px;left:810px;overflow: hidden; width: 65px; height: 26px; text-decoration: none; padding: 0px 0px 0px 0px; text-indent: -9999px; background: transparent url(/interface/images/close_button.png) no-repeat 0px 0px; } #full_advert_notice{position:absolute;bottom:30px;left:375px;color:#ffffff;text-decoration:underline;} .full-advert{position:absolute;top:127px;left:0;z-index: 999;} .advert{cursor:pointer;} .luxos-recommends-advert{bottom: 124px;left: -1px; position: absolute;} /*---------- Guide Home -------------*/ /* Code added by Ricky Stevens Via Piazza Nicoḷ bardino 34-36R*/ .guide-home-left { float: left; display: inline; width: 290px; height: 440px; } .guide-home-left-title { float: left; clear: both; display: inline; width: 263px; height: 55px; line-height: 55px; font-family: Georgia, Times New Roman, Arial; font-size: 18px; color: #fff; text-indent: 23px; } .guide-home-left-col { float: left; display: inline; width: 105px; height: 335px; text-align: left; margin: 0 0 0 20px; overflow: hidden; font-family: Georgia, Times New Roman, Arial; font-size: 9px; color: #fff; line-height: 12px; } .guide-home-left-foot { float: left; clear: both; display: inline; width: 503px; height: 32px; margin: 5px 0 0 0; } .guide-home-left-foot-1 { float: left; display: inline; width: 300px; height: 32px; line-height: 32px; font-family: Arial, Tahoma; font-weight: bold; font-size: 11px; color: #d9d9d9; text-indent: 17px; } .guide-home-left-foot-1 a{ color: #d9d9d9; text-decoration: none; } .guide-home-left-foot-1 a:hover{color: #fff; } /* Added by Dave Clarke */ .guide-home-left p,.guide-home-right p{margin:0px 0px 4px 0px;color:#888888;border-bottom:1px solid #cccccc;font-size:14px;height:21px;} .guide-home-top{position:relative;} .guide-home-top span{margin-right:5px;color:#888888;} .guide-home-top div{position:absolute;right:0px;top:-6px;} .guide-home-right { float: right; display: inline; height: auto; } .guide-home-right-title { border-bottom:1px solid #CCCCCC;clear:both;color:#CCCCCC;display:inline;float:left;font-family:Arial,Tahoma; font-size:18px;height:28px;letter-spacing:0.1em;line-height:32px;margin:2px 0 6px 0;text-align:left;text-indent:9px; width:392px; } .guide-home-right-text { float: left; clear: both; display: inline; width: 372px; height: 42px; text-align: left; font-family: Georgia, Arial; color: #666; font-size: 12px; line-height: 18px; margin: 4px 10px 0 10px; overflow: hidden; } .guide-home-right-box { float: left; clear: both; display: inline; width: 392px; height: 120px; background: #e4e2e2; margin: 12px 0 10px 0; } .guide-home-right-row { float: left; clear: both; display: inline; width: 377px; height: auto; margin: 17px 0 0 15px; } .guide-home-right-cell-1{ float: left; display: inline; width: 53px; height: auto; color: #888; font-family: Arial, Tahoma; font-weight: normal; font-size: 12px; padding-left: 2px;} .guide-home-right-cell-2{ float: left; display: inline; width: 185px; height: auto; } .guide-home-right-select { width: 160px; height: 18px; background: #fff; border: 1px solid #666; } .guide-home-right-cell-3{ float: left; display: inline; width: 75px; height: auto; } .guide-home-right-submit { width: 54px; height: 22px; background: url('../images/search-button-guide.jpg') no-repeat; margin: -25px 0 0 0; padding: 0; border: 0;clear:both; } .guide-home-right-img { float: left; clear: both; display: inline; } /*---------- City Map -------------*/ /* Code added by Ricky Stevens.city-map-header { float: left; clear: both; display: inline; width: 904px; height: 29px; color: #808080; margin: -10px 0 9px 0; font-family: Arial, Tahoma; font-size: 12px; text-align: left; border-bottom: 1px solid #ccc; text-transform: uppercase; } */ .city-map-header { float: left; width: 700px; height: 29px; color: #808080; margin: 0 0 2px 0; font-family: Arial, Tahoma; font-size: 16px; text-align: left; border-bottom: 0px solid #ccc; text-transform: uppercase; } .city-map-header-cell1 { float: left; display: inline; width: auto; height: 29px; line-height: 29px; margin: 0 25px 0 0; } .city-map-header-cell2 { float: left; display: inline; width: auto; height: 29px; line-height: 29px; margin: 0 25px 0 0; } .city-map-header-cell3 { float: left; display: inline; width: auto; height: 29px; line-height: 29px; margin: 0 25px 0 0; } .city-map-header-hi { color: #666; } .city-map-img { float: left; display: inline; width: 714px; height: 414px; margin: -10px 0 0 -5px; } .city-map-info{ float: right; display: inline; width: 189px; height: auto; } .city-map-info-header { clear:left;color:#CCCCCC;display:inline;float:left;font-family:Arial,Tahoma; font-size:12px;height:22px;line-height:23px;margin:-1px 3px 13px;text-align:left; text-indent:6px;width:184px; border-bottom: 1px solid #ccc; font-weight: bold; } .city-map-info-key-title { border-bottom:1px solid #CCCCCC;clear:left;color:#CCCCCC;display:inline;float:left;font-family:Arial,Tahoma; font-size:18px;height:23px;letter-spacing:0.1em;line-height:23px;margin:4px 0 0;text-align:left; text-indent:11px;width:189px; } .city-map-info-img { float: left; clear: left; display: inline; width: 189px; height: 115px; margin: 0px 0 10px 0; text-align: center; } .city-map-info-img a{ display: block; width: 189px; height: 115px; text-decoration: none; } .city-map-info-img a:hover span{border-bottom: 1px solid #666; color:#666; } .city-map-info-text { float: left; clear: left; display: inline; width: 160px; height: 110px; color: #000; margin: 7px 0 0 7px; text-align: left; font-family: Georgia, Times New Roman, Arial; font-size: 12px; line-height: 14px; } .city-map-key-info { float: left; clear: left; display: inline; width: 189px; height: 102px; background: #e4e2e2; margin: 8px 0 0 0; } .city-map-key-info-row { float: left; clear: left; display: inline; width: 170px; height: 13px; margin: 0 0 6px 13px; font-family: Arial, Tahoma; font-weight: bold; font-size: 12px; color: #333; line-height: 13px; } .city-map-key-colour { width: 13px; height: 13px; float: left; margin: 0 10px 0 0; } .city-map-key-view-all { float: left; clear: left; display: inline; width: 189px; height: 23px; background: #333; color: #fff; line-height: 23px; text-indent: 14px; font-family: Arial, Tahoma; font-weight: bold; font-size: 12px; } .city-map-key-view-all a{ display: block; width: 189px; height: 23px; text-decoration: none; color: #fff; } /*---------- City Guide Home -------------*/ /* Code added by Ricky Stevens */ .city-guide-img { float: left; display: inline; width: 704px; height: 397px; } .city-guide-info { float: right; display: inline; width: 189px; height: auto; } .city-guide-info-img { float: left; clear: left; display: inline; width: 189px; height: 147px; } .city-guide-info-img a{ display: block; width: 189px; height: 147px; text-decoration: none; color: #ccc; } .city-guide-info-img a:hover span{ color: #666; border-bottom: 1px solid #666; } .city-guide-info-view-map { float: left; clear: left; display: block; width: 189px; height: 22px; background: #fff; color: #ccc; line-height: 23px; text-indent: 10px; font-family: Arial, Tahoma; font-weight: none; font-size: 12px; border-bottom: 1px solid #ccc; font-weight: bold; } .city-guide-info-view-map a{ display: block; width: 189px; height: 22px; text-decoration: none; color: #ccc; } .city-guide-info-view-map a:hover{ color: #666; border-bottom: 1px solid #666; } .city-guide-info-header { float: left; clear: left; display: inline; width: 189px; height: 24px; line-height: 24px; text-align: left; text-indent: 10px; font-family: Arial, Tahoma; font-size: 18px; color: #ccc; border-bottom: 1px solid #ccc; margin: 20px 0 0 0; letter-spacing: 0.1em; } .city-guide-info-box { float: left; clear: left; display: inline; width: 184px; height: 192px; border: 1px solid #cfcfcf; margin: 10px 0 0 0; } .city-guide-info-box-buffer { float: left; clear: left; display: inline; width: 187px; height: 10px; } .city-guide-info-list { float: left; clear: both; display: inline; width: 170px; height: 26px; line-height: 26px; font-family: Arial, Tahoma; font-size: 12px; color: #666; text-align: left; text-indent: 20px; background: url('/interface/images/searchbutton.jpg') no-repeat center left; margin: 0 0 0 3px; } .city-guide-info-list a{ color: #666; text-decoration: none; } .city-guide-info-list a:hover{ color: #ccc; } /*---------- City Map Gallery -------------*/ /* Code added by Ricky Stevens */ .city-map-gallery-wrapper { float: left; clear: both; display: inline; width: 904px; height: 414px; } .city-gallery-mod-wrap { float: left; display: inline; width: 219px; height: 135px; margin: 0 7px 3px 0; } .city-gallery-mod-title { float: left; clear: both; display: inline; width: 219px; height: 18px; text-align: left; text-indent: 2px; line-height: 18px; color: #939393; font-size: 11px; font-weight: bold; font-family: Arial, Tahoma; margin: -19px 0 2px 0; border-bottom: 1px solid #ccc; background: #fff; position: relative; } .city-gallery-mod-title a{ color: #ccc; text-decoration: none; display: block; width: 100%; height: 18px; } .city-gallery-mod-title a:hover{ color: #666; border-bottom: 1px solid #666; } .city-gallery-mod-image { float: left; clear: both; display: inline; width: 219px; height: 135px; overflow: hidden; } .city-gallery-mod-image a { display: block; width: 219px; height: 135px; text-decoration: none; } .city-gallery-mod-image a:hover span { color: #666; border-bottom: 1px solid #666; } .city-gallery-pages { float: left; clear: both; display: inline; width: 904px; height: 27px; border-top: 1px solid #ccc; margin: 4px 0 0 0; } .city-gallery-pages-goleft { float: left; display: inline; width: 20px; height: 20px; margin: 3px 0 0 2px; } .city-gallery-pages-goleft a{ display: block; width: 20px; height: 20px; text-decoration: none; background: url('../images/left-arrow.jpg') no-repeat 0 0; } .city-gallery-pages-goleft a:hover{display: block; width: 20px; height: 20px; text-decoration: none; background: url('../images/left-arrow.jpg') no-repeat 0 -20px; } .city-gallery-pages-goright { float: right; display: inline; width: 20px; height: 20px; margin: 3px 0 0 2px; } .city-gallery-pages-goright a{ display: block; width: 20px; height: 20px; text-decoration: none; background: url('../images/right-arrow.jpg') no-repeat 0 0; } .city-gallery-pages-goright a:hover{display: block; width: 20px; height: 20px; text-decoration: none; background: url('../images/right-arrow.jpg') no-repeat 0 -20px; } .city-gallery-pages-center { float: left; display: inline; width: 850px; height: 20px; font-family: Arial, Tahoma; margin: 2px 0 0 7px; line-height: 20px; text-align: center; font-weight: bold; color: #000; font-size: 10px; } .city-gallery-pages-center a{ color: #b5b5b5; text-decoration: none; } .city-gallery-pages-center a:hover{text-decoration: underline; } /*---------- Hotel Home -------------*/ /* Code added by Ricky Stevens */ .hotel-home-mod-left { float: left; display: inline; width: 700px; height: auto; margin: 10px 0 10px 0; } .hotel-home-mod-right { float: right; display: inline; width: 216px; height: auto; } .hotel-home-mod-wrap { float: left; display: inline; width: 219px; height: 143px; margin: 0 14px 25px 0; } .hotel-home-mod-title { float: left; clear: both; display: inline; width: 219px; height: 22px; text-align: left; text-indent: 2px; line-height: 22px; color: #939393; font-size: 12px; font-weight: bold; font-family: Arial, Tahoma; margin: -22px 0 2px 0; border-bottom: 0px solid #ccc; position: relative; background: #fff; } .hotel-home-mod-title a { color: #939393; text-decoration: none; } .hotel-home-mod-image { float: left; clear: both; display: inline; width: 219px; height: 143px; overflow: hidden; } .hotel-home-mod-image a { display: block; width: 219px; height: 143px; text-decoration: none; } .hotel-home-mod-image a:hover span { color: #666; border-bottom: 1px solid #666; } .hotel-home-search-title {border-bottom:1px solid #CCCCCC;clear:both;color:#808080;display:inline;float:left;font-family:Arial,Tahoma; font-size:18px;height:23px;letter-spacing:0.07em;line-height:23px;margin:7px 0 6px;text-align:left;width:216px; } .hotel-home-search-content { float: left; clear: both; display: inline; width: 216px; height: 180px; background: #e4e2e2; } .hotel-booking{height:155px;background:#aaaaaa;} .hotel-home-search-content label {display:inline-block;width:60px;float:left;color:#666666;margin:0px 5px 0px 0px;} .hotel-booking label{color:#000000;} .hotel-home-search-row { display:inline-block;margin:0 0 8px 14px;} .hotel-home-search-row .large-field {width:184px;} .hotel-home-search-title-big { font-size: 14px; color: #666; line-height: 20px; margin-top: 6px; margin-left:13px;} .hotel-booking .hotel-home-search-title-big {color:#000000;} .hotel-home-search-title-small {font-size: 12px; color: #666; margin-top: 8px; margin-bottom: 2px; } .hotel-home-search-input { width: 120px; height: 19px; border: 1px solid #666; background: #fff; padding: 0; margin: 0; float:left;} .hotel-home-search-button { width: 185px; height: 19px; text-align: right; } .hotel-home-search-submit { width: 64px; height: 22px; border: 0px; padding: 0; margin: 0; font-size: 1px; background: transparent url('../images/search-button.jpg') no-repeat; } .hotel-home-booking-submit { width: 106px; height: 23px; border: 0px; padding: 0; margin: 0; font-size: 1px; background: transparent url('../images/booking-search.jpg') no-repeat; } .hotel-home-pages { float: left; clear: both; display: inline; width: 904px; height: 27px; border-top: 1px solid #ccc; margin: 4px 0 0 0; } .hotel-home-pages-goleft { float: left; display: inline; width: 20px; height: 20px; margin: 3px 0 0 2px; } .hotel-home-pages-goleft a{ display: block; width: 20px; height: 20px; text-decoration: none; background: url('../images/left-arrow.jpg') no-repeat 0 0; } .hotel-home-pages-goleft a:hover{display: block; width: 20px; height: 20px; text-decoration: none; background: url('../images/left-arrow.jpg') no-repeat 0 -20px; } .hotel-home-pages-goright { float: right; display: inline; width: 20px; height: 20px; margin: 3px 0 0 2px; } .hotel-home-pages-goright a{ display: block; width: 20px; height: 20px; text-decoration: none; background: url('../images/right-arrow.jpg') no-repeat 0 0; } .hotel-home-pages-goright a:hover{display: block; width: 20px; height: 20px; text-decoration: none; background: url('../images/right-arrow.jpg') no-repeat 0 -20px; } .hotel-home-pages-center { float: left; display: inline; width: 850px; height: 20px; font-family: Arial, Tahoma; margin: 2px 0 0 7px; line-height: 20px; text-align: center; font-weight: bold; color: #000; font-size: 10px; } .hotel-home-pages-center a{ color: #b5b5b5; text-decoration: none; } .hotel-home-pages-center a:hover{text-decoration: underline; } .hotel-home-recommend-title { float: left; clear: both; display: inline; width: 904px; height: 20px; line-height: 20px; font-family: Arial, Tahoma; font-size: 14px; color: #808080; } .hotel-home-recommend-feature { font-family: Georgia, Arial, Tahoma; color: #666; font-size: 12px; font-style: none; height: 20px; } .hotel-home-recommend-row { float: left; clear: both; display: inline; width: 904px; height: auto; border-bottom: 1px solid #ccc; } .hotel-home-recommend-img { float: left; display: inline; width: 296px; height: 112px; margin: 3px 5px 5px 0; position:relative; } /*---------- Hotel Menu -------------*/ /* Code added by Ricky Stevens */ .hotel-menu { float: left; clear: both; display: inline; width: 904px; height: 21px; border-bottom: 1px solid #ccc; margin: 10px 0 0 0; padding: 0 0 4px 0; } .hotel-menu-item { float: left; display: inline; width: auto; height: 21px; margin: 0 60px 0 0; line-height: 21px; color: #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .hotel-menu-item a{ color: #808080; text-decoration: none; } .hotel-menu-item a:hover{ color: #666; } ul#hotel-menu {width:904px;height:21px; margin:-6px 0 0 0;border-bottom:1px solid #ccc;} ul#hotel-menu li {display:inline;margin:0 50px 0 0;} ul#hotel-menu li a {text-decoration:none;color:#666;font-family: Verdana, Arial, Helvetica, sans-serif;} ul#hotel-menu li a:hover {color:#000} /*---------- Hotel Review -------------*/ /* Code added by Ricky Stevens */ .hotel-review-content { float: left; display: inline; width: 450px; height: auto; margin: 0; } .hotel-review-title { float: left; clear: both; display: inline; width: 450px; height: 40px; color: #000; line-height: 40px; font-family: Georgia, Times New Roman, Arial; text-align: left; font-size: 32px; } .hotel-review-subtitle { float: left; display: inline; width: 450px; height: 44px; color: #000; line-height: 22px; font-family: Arial, Tahoma; text-align: left; font-size: 17px;} .hotel-review-article { float: left; clear: both; display: inline; width: 435px; height: 346px; text-align: justify; font-family: Georgia, Times New Roman, Arial; font-size: 11px; color: #000; line-height: 18px; margin: 20px 0 0 0; } .hotel-review-pages { float: left; clear: both; display: inline; width: 450px; height: 27px; margin: 15px 0 0 0; } .hotel-review-pages-center { float: left; display: inline; width: 390px; height: 20px; font-family: Arial, Tahoma; margin: 2px 0 0 7px; line-height: 20px; text-align: center; font-weight: bold; color: #000; font-size: 10px; } .hotel-review-pages-center a{ color: #b5b5b5; text-decoration: none; } .hotel-review-pages-center a:hover{text-decoration: underline; } #hotel-review-image {width:426px;height:407px;margin:10px 0 0 0; overflow: hidden;position:relative;} /*---------- Hotel Features -------------*/ /* Code added by Ricky Stevens */ .hotel-features-left { float: left; display: inline; width: 646px; height: 409px; overflow: hidden; margin: 8px 0 0 0; } .hotel-features-right { float: right; display: inline; width: 200px; height: auto; margin: 8px 0 0 0; } .hotel-features-title { border-bottom:0px solid #CCCCCC;clear:both;color:#808080;display:inline;float:left;font-family:Arial,Tahoma; font-size:18px;height:25px;letter-spacing:0.1em;line-height:25px;margin:4px 0 6p;text-align:left;text-indent:13px; width:200px; } .hotel-features-list { float: left; clear: both; display: inline; font-weight: bold; font-family: Arial, Tahoma; font-size: 12px; } .hotel-features-list li { margin:0 0 2px 0; } .hotel-features-item { float: left; clear: both; display: inline; width: 200px; height: 22px; background: #e5e5e5; text-indent: 15px; line-height: 22px; color: #333; } .hotel-features-item a{ display: block; width:200px; height: 22px; background: #e5e5e5; color: #333; text-decoration: none; } .hotel-features-item a:hover{ background: #eaeaea; } /*---------- Hotel Title -------------*/ /* Code added by Ricky Stevens */ .hotel-title-title { float: left; clear: both; display: inline; width: 450px; height: auto; color: #000; line-height: 32px; font-family: Georgia, Times New Roman, Arial; text-align: center; font-size: 32px; margin: 0; } .hotel-title-subtitle { float: left; display: inline; width: 400px; height: 106px; color: #000; line-height: 22px; font-family: "Times New Roman",Times,serif; text-align: center; font-size: 17px; margin: 6px 25px 0 25px; overflow: hidden; } /*---------- Hotel Contact -------------*/ #hotel-contact-text {width:700px;height:347px;margin:10px 10px 0 0;float:left;padding:10px 0 0 0;} #hotel-contact-text-boutiques {width:700px;height:270px;margin:10px 10px 0 0;float:left;padding:10px 0 0 0;} #hotel-contact-map {width:700px;height:370px;margin:0;} .hotel-contact {font-family: "Times New Roman", Times, serif;font-size:11px;} .hotel-contact li {margin:0;} #hotel-contact-name {font-size:26px;margin:0 0 5px 0; line-height: 32px; height: auto;} #hotel-contact-subline {font-size:16px;margin:10px 0 15px 0;} #hotel-contact-address {float:left;width:200px; font-family: Georgia, Times New Roman, Arial; color:#000;} #hotel-contact-email {float:left; clear: both; width:180px;margin: 20px 0 0 0px; font-family: Georgia, Times New Roman, Arial; color:#000;} #hotel-contact-email a {color:#666;} #hotel-contact-tel {float:left;clear:both;width:200px;margin: 18px 0 0 0; font-family: Georgia, Times New Roman, Arial; color:#000;} #hotel-availability{display:block;height:22px;width:171px;clear:both;float:left;margin-top:30px;text-indent:-9999px;background: url(/interface/images/check_button.jpg) no-repeat;)} #hotel-contact-buttons {width:426px;height:25px;float:left; margin-top:20px;} #hotel-contact-social-buttons {width:426px;height:25px;float:left; margin-top:25px;} #article-social-buttons {width:400px;height:25px;float:left; margin-top:25px; padding-left:20px;} #hotels-social-buttons {width:400px;height:25px;float:left; margin-bottom:25px; padding-left:20px;} #hotels-contacts-social-buttons {width:400px;height:25px;float:left; margin-top:25px;} #guide-social-buttons {width:400px;height:25px;float:left; margin-bottom:25px; margin-left:20px;} #hotel-contact-back-button {width:177px;height:25px; margin-left:0px; float:left; } #hotel-contact-guide-button {width:177px;height:25px; margin-left:20px; float:left; } /*---------- Hotel Gallery -------------*/ #hotel-gallery dd {margin-top:10px;} dl#shop-gallery {height:100%;margin:0} #shop-gallery dd {margin-top:10px;} #hotel-gallery dd.hotel-gallery11, #shop-gallery dd.hotel-gallery11 {margin:3px; width: 219px; height: 129px; overflow: hidden;} #slideshow-paging { position: absolute; top: 575px; width: 900px; } /*---------- Blog -------------*/ /* Code added by Ricky Stevens */ .blog-header { float: left; clear: both; display: inline; background: #000; width: 904px; height: 90px; margin: -2px 0 9px 0; } .blog-header-logo { float: left; display: inline; width: 160px; height: 90px; margin: 0 0 0 16px; background:url('../images/blog.jpg') no-repeat center left; } .blog-header-logo a { display: block; width: 160px; height: 90px; } .blog-header-search { float: right; display: inline; width: 300px; height: 22px; margin: 59px 6px 0 0; } .blog-header-search-title { float: left; display: inline; width: 100px; height: 22px; color: #fff; line-height: 22px; font-family: Arial, Tahoma; font-size: 12px; } .blog-header-search-box { float: left; display: inline; width: 175px; height: 21px; margin: 1px 0 0 0; } .blog-header-search-input { width: 173px; height: 18px; background: #fff; border: 1px solid #ddd; margin: 0; padding: 0; } .blog-header-search-button { float: right; display: inline; width: 20px; height: 22px; } .blog-header-search-submit { width: 20px; height: 22px; border: 0; margin: 0; padding: 0; background: #000 url('../images/searchbutton-blog.jpg') no-repeat center center; } .blog-main { float: left; clear: both; display: inline; width: 904px; height: auto; background: url('../images/blog-bg.jpg') repeat; margin: 0 0 10px 0; } .blog-menu { float: right; display: inline; width: 391px; height: auto; } .blog-menu-title { float: left; clear: both; display: inline; width: 362px; height: 70px; line-height: 70px; text-align: left; font-family: Georgia, Times New Roman, Arial; font-size: 24px; color: #000; margin: 0 0 0 13px; } .blog-menu-title-toppa { border-top: 1px solid #ccc; } .blog-featured-box { float: left; clear: both; display: inline; width: 362px; height: 113px; margin: 0 0 32px 13px; } .blog-featured-img { float: left; display: inline; width: 107px; height: 113px; overflow: hidden; } .blog-featured-title { float: right; clear: right; display: inline; width: 240px; height: 20px; text-align: left; font-family: Georgia, Times New Roman, Arial; font-size: 18px; color: #666; } .blog-featured-date { float: right; clear: right; display: inline; width: 240px; height: 20px; text-align: left; font-family: Georgia, Times New Roman, Arial; font-size: 18px; color: #000; } .blog-featured-content { float: right; clear: right; display: inline; width: 240px; height: 50px; line-height: 12px; text-align: justify; font-family: Georgia, Times New Roman, Arial; font-size: 10px; color: #000; margin: 23px 0 0 0; } .blog-featured-content a{ color: #000; text-decoration: none; font-weight: bold; } .blog-featured-content a:hover{ text-decoration: underline; } .blog-recent-box { float: left; clear: both; display: inline; width: 362px; height: auto; line-height: 20px; text-align: left; font-family: Georgia, Times New Roman, Arial; font-size: 14px; color: #000; margin: 0 0 30px 13px; font-weight: bold; } .blog-recent-box a{ color: #666; text-decoration: none; } .blog-recent-box a:hover{ color: #aaa; } .blog-menu-split-title { float: left; clear: both; display: inline; width: 362px; height: 70px; margin: 0 0 0 13px; } .blog-menu-split-1 { float: left; display: inline; width: 200px; height: 70px; line-height: 70px; text-align: left; font-family: Georgia, Times New Roman, Arial; font-size: 24px; color: #000; } .blog-menu-split-2 { float: right; display: inline; width: 145px; height: 70px; line-height: 70px; text-align: left; font-family: Georgia, Times New Roman, Arial; font-size: 24px; color: #000; } .blog-menu-split-cells { float: left; clear: both; display: inline; width: 362px; height: auto; margin: 0 0 0 13px; border-bottom: 1px solid #ccc; } .blog-menu-cell-1 { float: left; display: inline; width: 200px; height: auto; line-height: 20px; font-weight: bold; text-align: left; font-family: Georgia, Times New Roman, Arial; font-size: 14px; color: #666; margin: 0 0 25px 0; } .blog-menu-cell-1 a{ color: #666; text-decoration: none; display:block;} .blog-menu-cell-1 a:hover{ color: #333; } .blog-menu-cell-2 { float: right; display: inline; width: 145px; height: auto; line-height: 20px; font-weight: bold; text-align: left; font-family: Georgia, Times New Roman, Arial; font-size: 14px; color: #666; margin: 0 0 25px 0; } .blog-menu-cell-2 a{ color: #666; text-decoration: none; display:block;} .blog-menu-cell-2 a:hover{ color: #333; } .blog-rss-feed { float: left; clear: both; display: inline; width: 362px; height: 21px; line-height: 21px; text-align: left; margin: 20px 0 0px 13px; background: #000 url(/interface/images/rss.jpg) no-repeat right center; } .blog-rss-feed a{ display: block; width: 362px; height: 21px; } .blog-menu-cloud { float: left; clear: both; display: inline; width: 362px; height: auto; margin: 20px 0 30px 13px; color: #666; font-family: Georgia, Times New Roman, Arial; font-size: 14px; line-height: 35px; } .blog-menu-cloud a{ color: #666; text-decoration: none; } .blog-menu-cloud a:hover{ color: #333; } .text-18 { font-size: 18px; } .text-24 { font-size: 24px; } .text-30 { font-size: 30px; } .blog-all-pages a{color:#999999} #blog-paging-next img, #blog-paging-prev img{height:7px;width:4px;vertical-align:middle} .blog-menu-row { float: left; clear: both; display: inline; width: 336px; height: auto; margin: 0 0 0 27px; color: #000; text-align: left; } .blog-menu-row-input { width: 154px; height: 22px; color: #000; border: 1px solid #000; background: #fff; } .blog-menu-row-textarea {width: 334px; height: 85px; color: #000; border: 1px solid #000; background: #fff; } .blog-menu-row-submit { width: 124px; height: 22px; border: 0; background: url('../images/post-comment.jpg') no-repeat; margin: 9px 0 42px 0; padding: 0; } .bold { font-weight: bold; } .black-title { background: #000; text-indent: 7px; line-height: 22px; color: #fff; font-weight: bold; font-family: Georgia, Times New Roman, Arial; font-size: 11px; } .white-title { background: #fff; text-indent: 7px; line-height: 22px; color: #000; font-weight: bold; font-family: Georgia, Times New Roman, Arial; font-size: 11px; } .comment-post { width: 322px; margin: 8px 0 8px 32px; line-height: 16px; color: #000; font-family: Georgia, Times New Roman, Arial; font-size: 11px; } .blog-content { float: left; display: inline; width: 500px; height: auto; } .blog-content-title { float: left; clear: both; display: inline; width: 500px; height: 70px; line-height: 70px; text-align: left; font-family: Georgia, Times New Roman, Arial; font-size: 24px; color: #000; } .blog-content-subtitle { float: left; clear: both; display: inline; width: 500px; line-height: 20px; text-align: left; font-family: Georgia, Times New Roman, Arial; font-size: 18px; color: #666; } .blog-content-date { float: left; clear: both; display: inline; width: 500px; height: 20px; line-height: 20px; text-align: left; font-family: Georgia, Times New Roman, Arial; font-size: 18px; color: #000; } .blog-content-image { float: left; clear: both; display: inline; width: 500px; height: auto; overflow: hidden; margin: 10px 0 10px 0; text-align: left; } .blog-content-image-capt { float: left; clear: both; display: inline; width: 500px; line-height: 28px; text-align: left; font-family: Georgia, Times New Roman, Arial; font-size: 24px; color: #000; margin: 0 0 10px 0; } .blog-content-image-capt2 { font-size: 12px; } .blog-content-content { float: left; clear: both; display: inline; width: 500px; height: auto; line-height: 15px; margin: 0 0 25px 0; text-align: left; font-family: Georgia, Times New Roman, Arial; font-size: 11px; color: #000; } .blog-content-content a{ color: #000; text-decoration: none; font-weight: bold; } .blog-content-content a:hover{ text-decoration: underline; } .blog-content-links { float: left; clear: both; display: inline; width: 500px; height: 22px; border-bottom: 1px solid #ccc; margin-bottom: 20px; } .blog-content-links-item { float: left; display: inline; height: 22px; font-family: Arial, Tahoma; font-size: 10px; font-weight: bold; color: #999; } .blog-content-links-item a{ text-decoration: none; color: #999; } .blog-content-links-item a:hover{color: #000; } .blog-content-links-item1 { width: 125px; margin: 0 0 0 234px; } .blog-content-links-item2 { width: 50px; } .blog-content-links-item3 { width: 38px; } .blog-content-links-item4 { width: 42px; text-align: right; } .follow{position:absolute;bottom:26px;left:0px;padding:10px;border:1px solid #cfcfcf;background:#ffffff;display:none;z-index:100} .share { background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #808080;bottom: 26px;display: none;height: 132px;left: 0;position: absolute; width: 222px; z-index:99} .home .follow, .home .share{bottom:38px;} /*.share:hover { background: #000; color: #fff; display: block; width: 52px; height: 22px; }*/ /*.share:hover .add-this { display: block; }*/ .share .add-this { /*display: none; position: absolute; width: 222px; height: 132px; background: #000; border: 0; margin: 4px 0 0 -170px; */} .share .add-this .add-this-inner { margin: 1px; width: 220px; height: 130px; background: #fff; color: #333; } .share .add-this .add-this-inner .item { float: left; display: block; margin: 5px 0 0 15px; width: 95px; height: 20px; background: #fff; color: #000; font-size: 10px; font-family: Arial, Tahoma; text-align: left; text-indent: 25px;} .share .add-this .add-this-inner .item a{ color: #000; text-decoration: none;} /*.share .add-this .add-this-inner .item a:hover{color: #999;}*/ .share .add-this .add-this-inner .footer { float: left; position: absolute; bottom: 0px; width: 220px; height: 22px; background: #ccc; margin-bottom: 1px; } .share .add-this .add-this-inner .text { float: left; text-align: center; height: 22px; width: 80px; display: block; line-height: 22px; color: #333; text-decoration: none; } .share .add-this .add-this-inner .text span{ margin: 0; padding: 0; text-decoration: underline; } /*.share .add-this .add-this-inner .text:hover { background: #ddd; }*/ .share .add-this .add-this-inner .text:hover .whats-this { display: block; } .share .add-this .add-this-inner .text .whats-this { display: none; position: absolute; background: #fff; width: 220px; height: 108px; text-decoration: none; margin: -130px 0 0 0px; } .share .add-this .add-this-inner .text .whats-this .inner { display: block; background: #fff; width: 200px; height: 88px; margin: 10px; text-align: left; font-size: 10px; line-height: 14px; text-decoration: none; } .share .add-this .add-this-inner .text .whats-this:hover { display: none; } .share .last { margin-top: -150px; } .blog-mail { float: left; display: inline; width: 490px; height: 315px; margin: 25px 0 0 0; } .blog-mail .header { float: left; clear: both; display: inline; width: 100%; height: auto; color: #666; text-align: left; font-size: 16px; font-family: Georgia, Times New Roman, Arial; text-indent: 20px; } .blog-mail .header span { color: #000; font-size: 20px; margin: 0 4px; } .blog-mail fieldset { float: left; clear: both; display: inline; width: 100%; height: auto; margin: 20px 0 0 0; } .blog-mail fieldset label { float: left; clear: left; display: inline; width: 110px; height: 20px; text-align: right; color: #666; font-family: Arial, Tahoma; font-size: 12px; margin: 10px 10px 0 0; } .blog-mail fieldset input, .blog-mail fieldset textarea { float: left; clear: right; display: inline; width: 260px; height: autox; border: 1px solid #666; color: #666; font-family: Arial, Tahoma; font-size: 12px; padding: 2px 0; margin: 10px 0 0 0; } .blog-mail fieldset textarea { height: 100px; } .blog-mail fieldset .submit { height: 22px; width: 65px; border:0; padding: 0; margin: 15px 0 0 0; background: url(../images/send.jpg) no-repeat; } .blog-mail-image { float: right; display: inline; width: 375px; height: 330px; position: absolute; top: 236px; margin-left:32px; } .blog-mail-image .image { float: left; display: inline; width: 375px; height: 290px; margin: 0;overflow:hidden; } .blog-mail-image .title { float: left; display: inline; width: 375px; height: 40px; line-height: 40px; margin:0; font-family: Georgia, Times New Roman, Arial; font-size: 20px; color: #000; padding: 0; } .blog-mail-image .title span { font-size: 16px; color: #666; } #blog-left{float:left;width:500px;} #blog-right{float:right;width:170px; border-left: 1px solid #efefef;padding: 0px 15px 0px 15px;height:100%} dd.odd-comment{background:#efefef;} /* -- Fashion magazine article --*/ .fashion-article-thumbs { float: left; clear: left; display: inline; width: 904px; height: 150px; border-bottom: 1px solid #ccc; padding: 5px 0 0 0; margin: 20px 0 0 0; } .fashion-article-thumbs-title {display: inline; width: 904px; height: 35px; line-height: 35px; text-indent: 2px; font-family: Arial, Tahoma; font-size: 14px; color: #808080; text-align: left; } .fashion-credits-link{float:right;top:10px;position:relative;} .fashion-credits-link a{color:#808080;font-size:14px;} .fashion-credits-box{position:absolute;top:35px;border:1px solid #cccccc;width:891px;height:107px;padding:5px 5px 2px 6px;} .fashion-credits-box-close a{display:block;background:url(../images/close_button.png)no-repeat;position:absolute;right:10px;width:65px;height:22px;} .fashion-credits-box ul li{color:#808080;padding:0px;margin:0px;font-family:Georgia,Times New Roman,Arial;} .fashion-credits-box ul li span{color:#999999;display:inline-block;width:150px;} .fashion-credits-url{margin-left:10px;font-weight:none;color:#000000;} .fashion-credits-url:hover{text-decoration:underline;} .fashion-article-thumbs-goleft {float: left; display: inline; width: 25px; height: 115px; } .fashion-article-thumbs-goleft-b {float: left; display: inline; width: 25px; height: 20px; margin: 40px 0 0 0; } .fashion-article-thumbs-goleft-b a{display: block; width: 20px; height: 20px; text-decoration: none; background:url(../images/left-arrow.jpg) no-repeat scroll 0 0; } .fashion-article-thumbs-goleft-b a:hover{ background:url(../images/left-arrow.jpg) no-repeat scroll 0 -20px; } .fashion-article-thumbs-content {float: left; display: inline; width: 832px; height: 100px; margin: 0 0 0 10px; overflow: hidden; } .fashion-detail-thumbs { width: 10000px; position:relative; } .fashion-article-thumbs-cell {float: left; display: inline; width: auto; height: 100px; margin: 0 8px 0 0; } .fashion-article-thumbs-img {float: left; display: inline; width: auto; height: 100px; } .fashion-article-thumbs-text {float: left; display: inline; width: 180px; height: 80px; margin: 10px 0 10px 10px; } .fashion-article-thumbs-subtitle {float: left; clear: left; display: inline; width: 175px; height: 20px; margin: 0 0 8px 0; font-family: Georgia, Times New Roman, Arial; color: #666; text-align: left; font-size: 18px; } .fashion-article-thumbs-subtitle a { color: #666 !important; } .fashion-article-thumbs-subcontent {float: left; clear: left; display: inline; width: 100px; height: 45px; font-family: Georgia, Times New Roman, Arial; color: #666; text-align: left; font-size: 12px; } .fashion-article-thumbs-subcontent a { color: #666 !important; } .fashion-article-thumbs-link {position:relative;width: 100px; height: 29px; font-family: Georgia, Times New Roman, Arial; color: #666; text-align: left; font-size: 10px; } .fashion-article-thumbs-link a { color: #666 !important; } .fashion-article-thumbs-goright {float: right; display: inline; width: 25px; height: 115px; } .fashion-article-thumbs-goright-b {float: left; display: inline; width: 25px; height: 20px; margin: 40px 0 0 0; } .fashion-article-thumbs-goright-b a{display: block; width: 20px; height: 20px; text-decoration: none; background:url(../images/right-arrow.jpg) no-repeat scroll 0 0; } .fashion-article-thumbs-goright-b a:hover{ background:url(../images/right-arrow.jpg) no-repeat scroll 0 -20px; } #fashion-details{} .fashion_img_wrapper{} #fashion-article-wrapper{list-style-type:none;margin:0px;padding:0px;width:10000px;position:relative;top:25px;height:438px;} #fashion-article-wrapper li{float:left;position:relative;} #fashion-viewport{overflow:hidden;width:632px;position:relative;left:115px; margin: -20px 0 0 0;} a.img_map_link { position:absolute;z-index:3; display: block; width:238px; height:112px;} a.img_map_link:hover{ border:2px solid #fff;} .fashionDetailImgs{list-style-type:none;margin:0px;padding:0px;} .fashionImageDetail{float:left;} fashion-article-thumbs-cell{float:left} /*-------------Search Results---------------*/ .pagination{clear:both;} #search-results ul{list-style-type:none;margin:0px;padding:0px;} #search-results ul li{float:left;margin:0px;padding:0px;width:439px;} /*-- added by dave --*/ #image-wrapper{position:relative; margin-top: 21px;} #image-wrapper img{margin:5px 0px 0px 145px;} #hotel-slideshow-viewport{position:relative;overflow:hidden;width:900px;left:0px;top:4px; height: 417px;} #hotel-gallery-slideshow{position:relative;width:20000px;} dd.hotel-gallery-slideshow{float:left;margin:0px 2px 0px 2px;} .firstslide{margin-left:145px;} .lastslide{margin-right:145px;} #article-slideshow{display:none;} .luxos-latest-item{position:relative;width:500px;height:200px;display:none} .current-latest-item{display:block;} .latest-image{position:absolute;top:0px;right:0px;width:200px;} .current{z-index:2} .recommends-title{position:absolute;top:10px;left:10px;color:#000000;} /*-------------Members Access Box---------------*/ #members-access { float: left; clear: both; width: 100%; height: auto; background: #fff; padding: 4px 0 10px 0; } #members-access .header { float: left; clear: both; display: inline; width: 100%; font-family: Arial, Tahoma; font-size: 18px; color: #ccc; border-bottom: 1px solid #ccc; margin: 0 0 6px 0; line-height: 26px; text-indent: 8px; } #members-access .message { float: left; clear: both; display: inline; border: 1px solid #ccc; } #members-access .message .text { margin: 15px; width: auto; display: block; height: auto; font-size: 11px; color: #666; font-family: Georgia, Times New Roman, Arial; } #members-access .message .button { margin: 10px 0 15px 15px; width: 112px; height: 22px; background: url(../images/login-register.jpg) no-repeat; } #members-access .message .button a { width: 112px; height: 22px; display: block; } /*-------------Page Missing---------------*/ #page-missing { float: left; clear: both; display: inline; width: 100%; height: 433px; } #page-missing .small { float: left; display: inline; width: 130px; height: 130px; border: 1px solid #000; margin: 155px 30px 0 30px } #page-missing .big { float: left; display: inline; width: 302px; height: auto; margin: 3px 100px 0 100px; } #page-missing .big .text { float: left; display: inline; width: 300px; height: 80px; line-height: 80px; font-size: 42px; text-align: center; color: #000; font-family: Georgia, Times New Roman, Arial; } #page-missing .big .image{ float: left; display: inline; width: 300px; height: 300px; border: 1px solid #000 } #all-fashion-articles { height: auto; padding: 0px; width: 100%; } .mag-fashion-image {width:219px;height:129px;overflow: hidden;margin:0 12px 7px 0;position:relative;display:block; float: left;} .fashion-content { height: 413px; } /*----------------Site Map------------------*/ #site-map li{margin:0px 10px 10px 10px;;paddding:0px;} #site-map li span.sitemap-heading{font-weight:bold;font-size:14px;border-bottom:2px solid #CCCCCC;width:100%;display:inline-block} #site-map li ul li {margin:0px 10px 0px 0px;paddding:0px;float:left;} .floatleft{float:left;} .floatright{float:right;} .clearfix{clear:both;} /*---------------Facebook Footer ---------------------*/ .fb{background: url(/interface/images/facebook.png) no-repeat 0 0px;padding:0px 0px 0px 18px;margin:0px 0px 0px 10px;} .tw{background: url(/interface/images/twitter.png) no-repeat 0 0px;padding:0px 0px 0px 20px;} .sitemap-column{width:220px;} .sitemap-column ul li a{color:#B3B3B3;font-family:georgia,arial,sans-serif;} .sitemap-column ul li a:hover{text-decoration:underline;color:#000000;} /*----------------New Guide Section - 24/05/2010----------------------*/ #city-guide-nav{width:179px;clear:both;height:410px;float:left;margin-top:-8px;} #city-guide-nav #main{padding:-3px 0px 2px 0px} #city-guide-nav #main,#city-guide-nav #sections {list-style-type:none;margin:0px;} #city-guide-nav #main li, #city-guide-nav #sections li{margin:0px 0px 0px 0px;width:164px;} #city-guide-nav li a{display:block;height:12px;color:#ffffff;margin:0px 0px 4px 0px;padding:3px 0 7px 5px;font-weight:bold;} #city-guide-nav #main li a{background:#505155;} #city-guide-nav #sections li a{background:#999a9e;} #city-guide-nav #sections li a:hover,#city-guide-nav #main li a:hover{background:#000000;} #city-info{width:430px;float:left;padding:0px 10px;height:410px;} #city-name{font-family:Georgia,"Times New Roman",Times,serif;font-size:18px;margin:8px 0px 0px 0px;} #city-description{height:auto; width: 470px; overflow:hidden; margin:10px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:18px;} #city-description p a{ color:#333; font-weight:bold; } #city-guide-nav .heading-title{color:#808080;font-size:15px;font-family:Arial,Tahoma;height:19px;margin:15px 0 3px;border-bottom:0px solid #cccccc;} #city-page-right{margin:-6px 0px 0px 10px;float:left;width:263px;} #slides{list-style-type:none;margin:0px;padding:0px;height:265px;width:1000px; margin-left:-5px; position:relative;} #slides li {margin:0px;padding:0px;height:265px;float:left;width:680px;text-align:center;} #slides li .slideinfo{height:100px; width:920px; padding-right:100px;position:relative;} #slides li .slideinfo .slide-title{position:absolute;top:5px;left:0px; font-family:Georgia,"Times New Roman",Times,serif;width:100%;font-size:14px;color:#888888; overflow:hidden;} #slides li .slideinfo .slide-subtitle{position:absolute;top:21px;left:0px; font-family:Georgia,"Times New Roman",Times,serif;width:100%;font-size:12px;color:#888888; overflow:hidden;} #city-slideshow-viewport{left:0;overflow:hidden;position:relative;width:680px;height:275px;border-bottom:0px solid #cccccc;margin:-7px 0 0 -10px;} #city-slideshow-paging{position:absolute;top:278px;width:680px;z-index:2;} .city-img-video{height:100%;height:185px;margin:8px 0px 0px 0px;} .city-back{float:right;margin-top:10px;} .city-back a{color:#888888;} .guide-section-links{margin-top:10px;} .guide-section-links li{float:left;margin:0 3px 10px 0;padding:0;width:208px;} .guide-section-links li a{color:#888888;text-decoration:underline;} #city-form-sections{margin:0px 0px 10px 0px;padding-bottom:2px;} #city-form-sections li{margin:0px 8px -2px 0px;padding:0px;float:left;width:140px;} #guide-home-left-wrapper{height:245px;border-bottom:1px solid #cccccc;margin-bottom:8px;} #city-form-sections li label{color:#888888;} #content form #city-guide-country-city-selection {margin-top:0px;} #content form .guide-home-right-select, #content form #city-guide-country-city-selection select {width:140px;border:1px solid #ccc;margin-bottom:8px;color:#888888;} #content form #city-guide-country-city-selection select {float:left;} #content form #city-guide-country-city-selection input {float:right;} #mapcities{width:600px;} #mapcities li{display:inline-block;float:left;width:100px;} /** NEW HOMEPAGE STYLES **/ #lower-wrapper{clear:both;padding:20px 0px;position:relative;top:10px;} #lower-wrapper.home{border-top:1px solid #cfcfcf;} #lower-wrapper #right-wrapper{float:right;width:193px;} /**#lower-wrapper #right-wrapper #categories{border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;padding:10px 0px;} #lower-wrapper #right-wrapper #categories h3{margin:0px;color:#505050;font-weight:normal} #lower-wrapper #right-wrapper #categories a{display:block;color:#808080;} #lower-wrapper #right-wrapper #categories a.currentCategory{color:#000000;background:#cfcfcf;}**/ #lower-wrapper #right-wrapper #archives{border-bottom:1px solid #cfcfcf;padding:10px 0px;} #lower-wrapper #right-wrapper #archives h3{margin:0px;color:#505050;font-weight:normal} #lower-wrapper #right-wrapper #archives a{display:block;color:#808080;} #lower-wrapper #right-wrapper #archives a.currentArchive{color:#000000;background:#cfcfcf;} #lower-wrapper #right-wrapper #bloglinks a{display:block;height:20px;border:1px solid #cfcfcf;padding:7px 14px;font-size:12px;color:#808080;} #lower-wrapper #right-wrapper #comments-form{width:193px;height:410px;background:#808080;color:#ffffff;padding:10px 0px 0px 0px;} #lower-wrapper #right-wrapper #comments-form h3{font-size:20px;font-weight:lighter;margin:5px 0 0 10px;} #lower-wrapper #right-wrapper #comments-form form{margin:13px;} #lower-wrapper #right-wrapper #comments-form form ul li{margin:0px;} #lower-wrapper #right-wrapper #comments-form form ul li label{display:block;} #lower-wrapper #right-wrapper #comments-form form ul li p.error{font-size:11px;color:#000000;margin:0px;} #lower-wrapper #right-wrapper #comments-form form ul li .blog-menu-row-submit{margin:9px 0px 0px;} #lower-wrapper #right-wrapper #comments-form form p.msg{margin:0px;} #latest-news{position:relative;width:702px;clear:left;} #lower-wrapper.home #latest-news{margin-bottom:30px;} #lower-wrapper h2{color:#808080;/*float:left*/;font-weight:normal;line-height:36px;margin:0;padding-left:10px;/*width:130px*/;} #lower-wrapper h2.newstitle{padding-left:0px;margin:0px;} #latestNewsTicker{height:30px; margin-bottom:10px;} #latestNewsTicker h2{color:#808080;float:left;font-weight:normal;line-height:36px;margin:0;padding-left:10px; width:130px;} #lower-wrapper h1{color:#6B6B6B;font-weight:normal;padding-left:10px;} #lower-wrapper .banner{border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;height:100px;margin:5px 0px} #lower-wrapper .tall-banner{height:430px;width:190px;margin:5px 0px} #latest-news .article-summary{background:#efefef;padding:10px;} #latest-news .article-summary h3{background:#afafaf;margin:0px;padding:10px 20px;} #latest-news .article-summary h1{background:#afafaf;margin:0px;padding:10px 20px;color:#ffffff;font-weight:normal;font-size:16px;} #latest-news .article-summary h3 a{color:#ffffff;font-weight:normal;font-size:16px;} #latest-news .article-summary p{color:#505050;font-size:12px;margin:0px 0px 15px 0px;} #latest-news .article-summary p#author{margin:5px 0px 5px 0px;} #latest-news .article-summary a{color:#505050;font-weight:bold;/*display:block;*/} #latest-news .article-summary img {margin-top:10px;margin-bottom:10px;margin-right:4px;} #latest-news #comments{background:#EFEFEF;padding:20px;} #latest-news #comments ul li{margin:0 0 20px 0;} #latest-news #comments ul li span{color:#808080;} #latest-news #comments ul li p {background:#ffffff;margin:5px 0px 5px 0px;padding:10px;color:#808080;} #explore{border-top:1px solid #cfcfcf;margin-top:10px;width:702px;} #explore h3{margin: 20px 0px 0px 0px;color:#808080;font-weight:normal;font-size:16px;} #explore .tile{display:inline-block;margin:10px 10px 0px 0px;position:relative;width:160px;height:130px;float:left;} #explore .tile a.icon{position:absolute;} #explore .tile a.icontext{border-bottom:1px solid #BFBFBF;color:#808080;display:block;font-size:15px;padding-bottom:6px;position:absolute;top:100px;width:100%;} #lower-wrapper #sitemap{font-family:tahoma;width:702px;clear:left;position:relative;top:20px;border-top:1px solid #CFCFCF;} #lower-wrapper #sitemap h2{color:#000000;} #lower-wrapper #sitemap .col{float:left;width:139px;margin-top:7px;margin-bottom:40px;} #lower-wrapper #sitemap .col li a {color:#808080;} #lower-wrapper #sitemap .col li{margin:0px;padding:0px;} #lower-wrapper #sitemap .col li.sitemapTitle{color:#000000;font-size:15px;font-weight:bold;margin:5px 0;} #lower-wrapper #sitemap .col li.sitemapSubTitle{margin:10px 0px 0px 0px;color:#404040;} .main-banner{width:695px;height:55px;position:absolute;top:36px;left:207px;} .news-pages{border:1px solid #808080;padding:4px;text-align:center;width:692px;margin:4px 0 4px;line-height:20px;font-size:14px;} .news-pages a{color:#808080;} .luxosPopup{dispaly:none;background:#ffffff;padding:10px;border:1px solid #808080;min-width:300px; position:relative; min-height:200px; z-index:1;} .luxosPopupContent{position:relative; z-index:1;} .luxosPopupClose{ position: absolute; bottom: -30px; right: -30px; z-index:1;} #fullSkinAdvert{margin: auto;overflow: hidden;position: fixed;width: 100%;} #fullSkinAdvert a{display:block;margin:0 auto;width: 1280px;} #wrapper.fullSkinBorder{border-left:10px solid #ffffff;border-right:10px solid #ffffff;border-bottom:1px solid #ffffff;top:50px;} /* newsletter page*/ .newsletter-register-form{ height:435px; color: #666666; line-height:20px; } .newsletter-register-form .form{ text-align:center; } .newsletter-register-form .form input[type="text"]{ width:270px; height:20px; } .newsletter-register-form .form input[type="submit"]{ width: 65px; height: 22px; background: url(/interface/images/submit.png) no-repeat; border:0; margin-top: 20px; } .newsletter-register-form .formError{ color:#ff0000; font-size:11px; } #guide-issue-block-pic { width:195px; height:300px; padding:0; margin:0 0 0 5px; float:left; } #guide-issue { width:195px; height:300px; margin:0 0px 5px 0px;float:left; overflow:hidden; } #guide-issue-block { width:702px; height:330px; border: 1px solid #cccccc;padding:0; margin:10px 0 0 0; float:left; ; } #guide-issue-country-heading { width:692px; height:30px; padding:0; margin:10px 0 5px 5px;float:left; background-color:#afafaf; text-align:left; } #guide-issue-heading-bottom { width:190px; height:20px; margin:10px 0px 5px 0; font-family: Arial, Helvetica, sans-serif;float:left; text-align:left; font-size:16px; color:#000000; text-transform: uppercase; } #guide-issue-heading-bottom a { font-weight:bold; color:#000000; } #newsletter-intro { width:705px; height:450px; margin: 10px 5px 10px 0; float:left; } #newsletter-intro-text { width:695px; height:200px; margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif;float:left; text-align:left; font-size:12px;float:left; } #newlanding-page-titie-image { width:148px; height:152px; margin:0 0px 5px 0px;float:left; overflow:hidden; } #newlanding-issue-block { width:702px; height:255px; border: 1px solid #cccccc;padding:0; margin:10px 0 0 0; float:left; } #download-issue-heading-txt { margin:8px 0 0 12px; font-family:Arial, Helvetica, sans-serif; text-align:center; float:left; font-size:15px; color:#FFF; } #newlanding-issue-block-pic { width:199px; height:202px; padding:0; margin:0 10px 0 5px; float:left; } #newlanding-issue { width:148px; height:152px; margin:0 0px 5px 0px;float:left; overflow:hidden; } #newlanding-intro-text { width:695px; height:auto; margin: 10px 0 10px 0px; font-family: Arial, Helvetica, sans-serif; text-align:left; font-size:12px;float:left; } #newlanding-intro { width:704px; height:auto; margin: 10px 0 0; float:left; } #newlanding-subline { width:480px; height:30px; margin: 0 0 10px 5px; font-family: Arial, Helvetica, sans-serif; text-align:left; font-size:12px; font-weight:bold;float:left; } #newlanding-article-text { width:480px; height:150px; margin: 0 0 5px 5px; font-family: Arial, Helvetica, sans-serif; text-align:left; font-size:12px; float:left; } #newlanding-article-text a { color:#333; font-weight:bold; } #download-main { width:904px; margin: 0; height:auto; padding:0; float:left; } #download { width:710px; border-top: 0px solid #cccccc; margin: 0 0 10px 0; height:auto; float:left; } #download-intro { width:704px; height:230px; margin: 10px 0 0; background-color:#e6e7e8; float:left; } #download-introrss { width:704px; height:320px; margin: 10px 0 0; background-color:#e6e7e8; float:left; } #download-intro-privacy { width:704px; height:auto; margin: 10px 0 0; float:left; } #download-intro-text-privacy { width:695px; height:200px; margin: 10px 0 10px 10px; font-family: Arial, Helvetica, sans-serif;float:left; text-align:left; font-size:12px;float:left; } #download-intro-text { width:695px; height:210px; margin: 10px 0 10px 5px; font-family: Arial, Helvetica, sans-serif;float:left; text-align:left; font-size:12px;float:left; } .download-intro-text-privacy { font-size:7px; } #download-sidebar { width:180px; margin: 10px 0 10px -8px; height:auto; float:left; } #newsletter-sidebar-line { width:2px; border-left: 0px solid #cccccc; margin: 0 5px 0px 5px; height:400px; float:left; } #download-sidebar-line { width:2px; border-left: 0px solid #cccccc; margin: 0 5px 0px 5px; height:440px; float:left; } #download-issue-block { width:702px; height:200px; border: 1px solid #cccccc;padding:0; margin:10px 0 0 0; float:left; } #download-issue-heading { width:904px; height:30px; border: 0px solid #cccccc; margin:10px 0 0 0; background-color:#afafaf; float:left; } #download-issue-heading-txt { margin:8px 0 0 12px; font-family:Arial, Helvetica, sans-serif; text-align:center; float:left; font-size:15px; color:#FFF; } #download-issue-block-pic { width:110px; height:170px; padding:0; margin:0 0 0 5px; float:left; } #download-issue-block-text { width:100px; height:170px; padding:0; margin:0 0 0 5px; float:left; font-family: Arial, Helvetica, sans-serif;float:left; text-align:left; font-size:11px; font-weight:bold; } #download-issue { width:98px; height:130px; margin:0 0px 5px 0px;float:left; overflow:hidden; } #download-issue-country-heading { width:694px; height:30px; padding:0; margin:10px 0 5px 5px;float:left; background-color:#afafaf;float:left; text-align:left; } #download-issue-country-heading-txt { margin:5px 0 5px 5px; color:#FFF; font-family: Arial, Helvetica, sans-serif;float:left; text-align:left; font-size:15px;} #download-issue-heading-bottom { width:108px; height:20px; margin:0 0px 5px 0; font-family: Arial, Helvetica, sans-serif;float:left; text-align:left; font-size:9px; color:#000000; } #download-issue-heading-bottom a { font-weight:bold; color:#000000; } #img-caption {position:absolute;bottom:2px;width:100%; background-color:#FFF; padding:4px;text-align:left; opacity:0.80;font-family: Georgia, "Times New Roman", Times, serif; }