/* @override http://tour-smart.rubious.co.uk/css/style.css http://www.tour-smart.co.uk/newsite/css/style.css http://www.tour-smart.co.uk/css/style.css http://www.tour-smart.co.uk/css/style.css?cssversion=2 http://www.tour-smart.co.uk/css/style.css?cssversion=3 */ /* @group CSS RESET */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;} body {line-height: 1;} table {border-collapse: collapse; border-spacing: 0;} section, article, aside, header, footer, nav, dialog, figure {display: block;} /*COlOURS A = 3e62ac B = 6bb7e9 C = e6a531 D = ccc E = 275577 F = b9d7f3 G H = 808080 I = 053657 There are some additional styles in /_includes/scripts.php */ /* @end */ body {background: url(../images/header-image.gif) center top no-repeat #b9d7f3; font-family: "Lucida Grande", Lucida sans unicode, Lucida, Arial, sans-serif; position: relative; font-size: 12px; line-height: 1.6;} a {color: #3e62ac;} /* @group Black bar at top */ aside#headerStrip {background: #053657; color: #6bb7e9; font-size: 9px; font-weight: normal; height: 15px; position: relative; background:transparent;} aside#headerStrip p {padding: 2px 50px 0 0; text-align: right; width: 900px; margin: 0 auto; line-height: 1; display: none;} aside#headerStrip a {color: #fff;} /* @end */ /* @group Wrapper and Header */ div.wrapper {width: 900px; background: #fff; margin: 160px auto 62px auto; position: relative; padding: 1px 0 0 0;} div.wrapper header {display: none;} /* @end */ section#mainContent {margin: 0px 21px 0 21px; position: relative; top: 1px;min-height: 1200px;height: auto !important;_height:1200px} body.contact section#mainContent {margin: 0px 21px 0 21px; position: relative; top: -5px;} body.news section#mainContent {margin: 0px 21px 0 21px; position: relative; top: -5px;} body.subscribe section#mainContent {margin: 0px 21px 0 21px; position: relative; top: -5px;} body.home section#mainContent {top: 3px;} body.about-us section#mainContent {margin: 0px 21px 0 21px; position: relative; top: -5px;} body.destinations section#mainContent {top: -5px; } body.destinations-sub section#mainContent {top: -0px; } .ie6 section#mainContent {margin-top: 30px;} section#mainContent div.main{width: 468px; position: relative; margin: 2px 200px 0 190px; display: block; } div.main p.attribution {width: 350px;} p.readmore { display: block;} p.readmore a{color: #808080; background: url(../images/arrow.png) 60px 0 no-repeat; width: 90%;display: block;} article.main p.readmore a {width: 100px;} #featured p.readmore a {width: 100px;} p.readmore a:hover {background-position: 60px -81px;} p.readmore a:hover span {background-position:-64px -136px} /* @group Sidebars */ aside#sidebarA {width: 160px; position: absolute; left: 0px; top: 0px;} aside#sidebarB {width: 160px; position: absolute;right: 0; top: 0; z-index: 0; height: auto !important;} .ie6 aside#sidebarB {right: -21px;} aside#sidebarB p {margin: 0px 0 6px 6px; font-size: 11px;color: #808080;} aside#sidebarB p.readmore {margin: 0px 0 12px 6px;} div.latest-news {margin: 0 0 40px 0;} div.latest-news h2 {background: url(../images/latest-news-tag.png) top left no-repeat; height: 90px; width: 191px; position: relative;left: 0px;} div.latest-news h2 a {display: block; width: 181px;height: 90px;} div.latest-news h2 a span {text-indent: -9999px; display: block;} aside#sidebarB div.latest-news p {color: #053657;} div.latest-news hr { border: none; border-bottom: 2px dotted #ccc; background: #fff; color: #fff;height: 0px; width: 150px;} div.adverts { border-top: 2px dotted #ccc; padding: 0 0 0px 0; margin: 0 0 12px 0;} div.adverts img { margin-top: 17px;} /* @group Search */ div.search h2 {background: url(../images/panels/side-panel-orange_01.png) top left no-repeat; text-transform: uppercase; line-height: 1.2; padding: 10px 0 0 10px; z-index: 10; position: relative; top: -10px; color: #053657;} div.search h2 span {display: block; width: 28px; height: 28px; float: left; background: url(../images/icons-web-sprite.png) top left no-repeat; position: relative; top: 1px; left: 3px; margin: 0 10px 0 0;} div.search {background: url(../images/panels/side-panel-orange_02.png) left bottom no-repeat; margin-bottom: 25px; position: relative; top:10px;} div.search fieldset { border-top: 1px solid #fff; padding: 5px 0 8px 22px;} div.search fieldset.last {padding-bottom: 18px;} div.search p {margin: 4px 0 4px 0;} div.search p a {color: #fff;} div.search p.readmore a{background-position: 75px -181px;} .ie7 div.search p.readmore a, .ie8 div.search p.readmore a{background-position: 80px -181px;} div.search p.readmore a:hover {background-position: 75px -80px;} div.search label {text-transform: uppercase;} div.search input, div.search select {display: block; width: 120px} /* @end */ /* @group Popular */ #sidebarA div.popular {margin: 40px 0 40px 0;} div.popular {margin-bottom: 40px;margin-top: 10px;} div.popular ul { border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc; margin: 0 0 0 13px; padding: 0 0 0 20px; color: #ccc; } div.popular ul li {margin: 10px 0 10px 0;} div.popular ul a {color: #808080; } div.popular ul a:hover {color: #053657;} div.popular h2 {text-transform: uppercase; line-height: 1.2; padding: 5px 0 0 10px; z-index: 10; position: relative; top: -10px; color: #053657;} div.popular h2 span {display: block; width: 28px; height: 28px; float: left; background: url(../images/icons-web-sprite.png) -32px 0 no-repeat; position: relative; top: 1px; left: 3px; margin: 0 10px 0 0;} /* @end */ /* @group Email Newsletter */ div.newsletters {background: url(../images/panels/side-panel-email_02.png) left bottom no-repeat; margin-bottom: 25px; position: relative; margin-top: 100px;} div.newsletters h2 {background: url(../images/panels/side-panel-grey_01.png) top left no-repeat; text-transform: uppercase; line-height: 1.2; padding: 14px 0 10px 10px; z-index: 10; position: relative; top: -10px; color: #053657;} div.newsletters h2 a {color: #053657; text-decoration: none;} div.newsletters h2 span {display: block; width: 28px; height: 28px; float: left; background: url(../images/icons-web-sprite.png) -65px 0 no-repeat; position: relative; top: 1px; left: 3px; margin: 0 10px 0 0;} div.newsletters fieldset { border-top: 1px solid #fff; padding: 5px 0 8px 16px;} div.newsletters p {margin: 0px 0 4px 0; font-size: 11px;text-align: right; width: 120px; margin-left: 20px; padding-right: 5px; line-height: 1.5; color: #808080;} .ie8 div.newsletters p, .ie7 div.newsletters p {width: 130px;} div.newsletters p strong {display: block;} div.newsletters img {position: absolute; top: -73px; left: 11px; z-index: 20;} div.newsletters p.readmore {font-size: 12px;padding: 0 0 20px 0; line-height: 1.3; margin: 10px 0 0 0; text-align: left;width: auto; position: static;} div.newsletters p.readmore a {color: #275577; padding: 10px 0 0 15px; background-position: 100px 9px; } div.newsletters p.readmore a:hover {background-position: 100px -72px;} /* @end */ /* @group Twitter */ div.twitter h2 {background: url(../images/panels/side-panel-grey_01.png) top left no-repeat; text-transform: uppercase; line-height: 1.2; padding: 10px 0 0 10px; z-index: 10; position: relative; top: -10px; color: #053657;} div.twitter h2 span {display: block; width: 28px; height: 28px; float: left; background: url(../images/icons-web-sprite.png) -0px -98px no-repeat; position: relative; top: 1px; left: 3px; margin: 0 10px 0 0;} div.twitter {background: url(../images/panels/side-panel-grey_02.png) left bottom no-repeat; margin-bottom: 35px; position: relative; top:10px;} div.twitter h2 i {background: url(../images/icons-web-sprite.png) -30px -97px no-repeat; height: 27px; display: block; text-indent: -999px; width: 100px; margin-left: 35px;} div.twitter div.tweet {background: #fff; width: 120px; margin: 5px auto; padding: 8px 5px 5px 10px; font-size: 10px; color: #808080; height: 220px; overflow: hidden;} div.twitter ul { list-style: none;} div.twitter li {margin-bottom: 10px;} div.twitter span.leftquote {background: url(../images/icons-web-sprite.png) -0px -130px no-repeat; ; display: block; width: 21px; height: 22px; position: relative; left: -4px; top: -2px;} div.twitter span.rightquote {background: url(../images/icons-web-sprite.png) -19px -130px no-repeat; ; display: block; width: 21px; height: 22px; position: relative; left: 98px; top: 2px;} div.twitter * {border: none !important;} div.twitter div.twtr-bd {position: absolute; width: 100px;} div.twitter div.twtr-timeline {width: 115px; padding: 0 8px 0 0;} div.twitter p.readmore a {color: #275577;} div.twitter p.readmore {padding: 0 0 20px 0; line-height: 1.3; border-top: 1px solid #fff; margin: 10px 0 0 0;} div.twitter p.readmore a {color: #275577; padding: 10px 0 0 16px; background-position: 124px 9px;} div.twitter p.readmore a:hover {background-position: 124px -72px;} div.twtr-hd {display: none;} div.twtr-ft {display: none;} div.twtr-widget {height: 130px; background: transparent !important;} .ie8 div.twtr-widget {height: auto;} twtr-timeline {background: transparent !important;} div.twtr-tweet-wrap {padding: 4px 3px 15px 0 !important;} div.twtr-tweet-text p {font-size: 10px; line-height: 1.5 !important;} /* @end */ /* @group Facebook */ div.facebook-container {overflow: hidden; position: relative; width: 150px;} div.facebook h2 {background: url(../images/panels/side-panel-grey_01.png) top left no-repeat; text-transform: uppercase; line-height: 1.2; padding: 10px 0 0 10px; z-index: 10; position: relative; top: -10px; color: #053657;} div.facebook h2 span {display: block; width: 28px; height: 28px; float: left; background: url(../images/icons-web-sprite.png) -0px -32px no-repeat; position: relative; top: 1px; left: 3px; margin: 0 10px 0 0;} div.facebook {background: url(../images/panels/side-panel-grey_02.png) left bottom no-repeat; margin-bottom: 25px; position: relative; top:10px;} div.facebook h2 i {background: url(../images/icons-web-sprite.png) -30px -30px no-repeat; height: 27px; display: block; text-indent: -999px; width: 100px; margin-left: 35px;} div.facebook p.readmore {padding: 0 0 20px 0; line-height: 1.3; border-top: 1px solid #fff;} div.facebook p.readmore a {color: #275577; padding: 10px 0 0 16px; background-position: 70px 23px;} div.facebook p.readmore a:hover {background-position: 70px -58px;} div.facebook a.fan {display: block;width: 120px;height: 30px; background: url(../images/icons-web-sprite.png) 0 -60px no-repeat; text-indent: -999px; position: relative; left: 13px; margin-bottom: 10px;} iframe.FB_SERVER_IFRAME {width: 166px !important; height: 85px !important; margin-left: 4px;} .ie7 iframe.FB_SERVER_IFRAME, .ie8 iframe.FB_SERVER_IFRAME {width: 166px !important; height: 100px !important; margin-left: 4px;} /* @end */ /* @end */ /* @group Articles */ div.crosslinks {margin-bottom: 0px; width: 100%; padding: 12px 0 10px 0; border-top: 2px dotted #ccc;} div.crosslinks a {color: #666;position: relative; margin: 0 30px 0 0;} div.crosslinks a span {background: url(../images/arrow.png) no-repeat;padding: 0 20px 0 0; position: absolute; right: -30px; width: 10px;height: 20px;} div.crosslinks a:hover span {background-position: 0px -81px;} div.highlight {margin-bottom: 0px; width: 100%; padding: 12px 0 15px 0; border-top: 2px dotted #ccc;border-bottom: 2px dotted #ccc;} div.highlight a {color: #cb750e; font-weight: bold; font-size: 24px; text-decoration: none;} div.highlight a:hover{text-decoration: underline;} #mainContent h1 {text-transform: uppercase; line-height: 1.2; color: #053657; font-size: 19px; position: relative; font-weight: normal;margin: 10px 0 0 0;padding: 8px 0 13px 0px; } #mainContent h1.featured {padding: 8px 0 13px 48px; } #mainContent h1 span {display: block; width: 42px; height: 42px; background: url(../images/icons-web-sprite.png) -0px -163px no-repeat; top: 0px; left: 0px; margin: 0 10px 0 0; /*float: left;*/ position:absolute; } .ie6 #mainContent h1 span {left: 0px; top: 4px;} #mainContent article img {padding: 2px; border: 1px solid #ccc;} #mainContent article a.footer-ad img {padding: 5px; border: 0px solid #ccc;} #mainContent article.main img {} #mainContent article {width: 218px; float: left; border: 2px dotted #ccc; border-left: none; border-right: none; border-top: none; position: relative; display: inline; } #mainContent article.main {border-bottom: 2px solid #ccc; margin-bottom: 5px; width: 100%; padding: 14px 0 0px 0; border-top: 2px dotted #ccc;} article small {color: #666; font-size: 11px; font-style: italic;} body.contribute #mainContent article.main {border-bottom: none; margin-bottom: 10px;} #mainContent article.new span.new {display: block; width: 23px; padding: 2px 4px 0 4px; color: #fff; font-size: 10px; font-weight: bold; height: 17px;top: -18px; /*background: url(../images/new-tab.png) top left no-repeat; text-indent: -9999px;*/ position: absolute; } #mainContent article.new span.new{ background: url(../images/new.png) center top no-repeat #ccc; /*-moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;*/ } .borderradius div.ie7 #mainContent article.new span.new{ /*-moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; background: #f00;*/ } #mainContent article.secondary {min-height: 330px; height: auto !important; height:330px } #mainContent article.secondary {margin-top: 34px;} #mainContent article.secondary p {height: 75px; overflow: hidden; line-height: 1.5;} #mainContent article.secondary p.breadcrumbs, #mainContent article.secondary p.readmore {height: auto;} #mainContent article.secondary p.readmore {position: absolute; bottom: 2px; padding-top: 0px; width: 100%; background: #fff;margin-bottom: 4px;} .destinations-sub #mainContent article.secondary p.readmore {position: absolute; bottom: 2px; padding-top: 0px; width: 100%; background: #fff;margin-bottom: 4px;} #mainContent .main article:nth-child(n){/*margin-left: 132px;*/} #mainContent .main article.even {margin-left: 32px;} #mainContent .main article.extra{margin-left: 0px;} p.breadcrumbs {font-size: 10px; color: #808080; margin: 5px 0 0px 0;} p.breadcrumbs a {color: #808080;} p.breadcrumbs a:hover {color: #053657;} #mainContent article h2, #mainContent article h1 {font-size: 16px; line-height: 1.2; margin: 4px 0 4px 0;} #mainContent article h2 a, #mainContent article h1 a {color: #e6a531;} #mainContent article h1 {text-transform: none; line-height: 1.2; padding: 0; font-size: 20px; position: static; font-weight: bold;margin: 4px 0 4px 0;} #mainContent article.main h1 a {color: #cb750e;} #mainContent article.main p.readmore {margin-bottom: 20px;} #mainContent article p {margin-bottom: 10px;} #mainContent article p.breadcrumbs {margin-bottom: 0px;} #mainContent article ul {margin-left: 20px;} #mainContent article ul li {margin-bottom: 6px;} /* @end */ /* @group Main Nav */ nav#mainNav {position: absolute; top: -53px;} nav#mainNav ul {height: 23px; border-bottom: 2px solid #b9d7f3; width: 900px;} nav#mainNav li {float: left; font-size: 13px; list-style: none; display: block;width: 90px; width:auto !important; margin-left: 10px;} nav#mainNav li.home {margin-left: 25px;} nav#mainNav li a {display: block; background: none; padding: 3px 0px 0 0px;height:19px; text-align: center; font-size: 12px; text-decoration: none; color: #808080;; } nav#mainNav li a:hover {color: #cb750e;} nav#mainNav li.home a {background-position: 0px 0; width: 48px;} nav#mainNav li.about-us a {background-position: -51px 0; width: 70px;} nav#mainNav li.destinations a {background-position: -353px 0; width: 92px;} nav#mainNav li.archive a {background-position: -120px 0; width: 106px;} nav#mainNav li.news a {background-position: -226px 0; width: 44px;} nav#mainNav li.contact a {background-position: -273px 0; width: 77px;} nav#mainNav li.sitemap a {background-position: -273px 0; width: 77px;} nav#mainNav li.sitemap {position: relative; left: 100px;} nav#mainNav li.advertise {position: relative; left: 60px;} /*.ie6 nav#mainNav { top: -10px;}*/ body.home nav#mainNav li.home a, body.about-us nav#mainNav li.about-us a, body.destinations nav#mainNav li.destinations a, body.archive nav#mainNav li.archive a, body.news nav#mainNav li.news a, body.contact nav#mainNav li.contact a, body.sitemap nav#mainNav li.sitemap a {background-image: url(../images/nav.png);color: #3e62ac} /* @end */ /* @group Footer */ aside#footer {width: 100%; background: #053657; color: #b9d7f3; font-size: 10px; height: 105px; line-height: 1.5; margin-top: 60px; z-index: 10; position: relative;} aside#footer a {color: #b9d7f3;} aside#footer footer {width: 150px; float: left; margin: 0 10px 0 21px; display: inline; height: 105px; border-right: 2px dotted #b9d7f3; padding: 10px 0 0 0;} aside#footer footer ul {list-style: none; margin-top: 6px;} aside#footer footer ul li {list-style: none; margin-top: 4px;} aside#footer div.advertise {float: left; width: 210px; display: inline;border-right: 2px dotted #b9d7f3; height: 105px; margin: 0 10px 0 0;;} aside#footer div.advertise p {width: 160px; margin: 15px 0 0 10px;} aside#footer div.popularDestinations {float: left; width: 300px; display: inline; height: 105px; border-right: 2px dotted #b9d7f3; margin: 0 10px 0 0;} aside#footer div.popularDestinations ul {float: left; list-style: none; display: inline; margin: 10px 10px 0 9px;width: 120px;} aside#footer div.popularDestinations ul li {margin: 3px 0 0 0;} aside#footer div.rubious {width: 170px; float: left; height: 105px;} aside#footer div.rubious a{font-weight: normal; text-decoration: none; display: block;} aside#footer div.rubious a strong {font-weight: bold; text-decoration: underline;} .ie7 aside#footer div.rubious p {border: 1px solid #053657;} aside#footer div.rubious p {text-align: right; margin: 40px 0 0 0; position: relative;} aside#footer div.rubious a span {display: block; background: url(../images/icons-web-sprite.png) -84px -133px no-repeat; width: 23px; height: 23px; position: absolute; left: 58px; top: -2px;} .ie7 aside#footer div.rubious a span, .ie8 aside#footer div.rubious a span {left: 65px;} aside#footer h3 {color: #6bb7e9; text-align: center; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border: 1px solid #fff; behavior: url(http://www.tour-smart.co.uk/css/PIE.php); background: #fff; position: relative; top: -4px; padding: 4px 0 0 0; font-weight: normal;} aside#footer div.advertise h3 {width: 195px;} aside#footer div.popularDestinations h3 {width: 115px;} .ie7 aside#footer h3, .ie8 aside#footer h3 {font-size: 9px; padding-bottom: 2px;} aside#footer a strong {display: block;} /* @end */ a.clickhere {text-decoration: none;} a.clickhere span {text-decoration: underline;} ul.tabs { position: absolute; /*top: 85px;*/top: 5px; right: 200px; z-index: 100;} ul.tabs li {list-style: none; float: left; margin: 0 0 0 2px; } ul.tabs li a {width: 22px; height: 22px; text-align: center; padding: 3px 2px 0 2px;display: block;color: #fff; text-decoration: none; background: url(../images/dot.gif) 26px 1px;} ul.tabs li a.current {color: #000;} /* @group Contact Page */ body.contact #mainContent article.main {border-bottom: 2px solid #ccc; padding: 0px 0 10px 0; border-top: 0px dotted #ccc;} body.contact #mainContent h1 {padding-bottom: 5px;} form.contact div.columns {border: none;float: left; padding: 0px 10px; margin: 10px 0 20px 0;} form.contact div.columns div.one {width: 210px; float: left;} form.contact div.columns div.two {width: auto; width: 235px; float: right; position: static;} form.contact div.columns div.two p {width: 204px; float: right; } form.contact select {display: block;} form.contact div.columns div.one p.links a { text-decoration: none; color: #fff; background: url(http://www.tour-smart.co.uk/images/butts/arrow-right.png) 72px -13px no-repeat #dc8a34; padding: 0px 0 0 5px; font-size: 12px; display: inline-block; width: 80px;} form.contact div.columns div.one p.links a:hover {background-position: 72px -31px; color: #000;} form.contact div.columns textarea {width: 200px;} form.contact input {display: block; width: 190px; height: 16px; margin: 4px 0 0 0;} form.contact input, form.contact textarea { /* border: 1px solid #ccc; border-style: inset;*/} form.contact div.one {width: 210px; float: left;} form.contact em {color: #cb750e; font-style: normal;} form.contact img {border: none ;} #mainContent .submit_button {text-decoration: none; color: #cb750e; background: url(../images/arrow.png) 35px 2px no-repeat #fff; padding: 3px 0 3px 5px; font-size: 12px; display: inline-block; width: 65px; border: 2px solid #e6a531; text-align: left;cursor: pointer; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; float: right; position: relative; top: -5px; height: auto; behavior: url(http://www.tour-smart.co.uk/css/PIE.php);} #mainContent .submit_button:hover {color: #6bb7e9;background-position: 35px -79px; } #mainContent .submit_button:active {border-style: inset;} form.contact input.submit_button_ie {text-decoration: none; color: #cb750e; background: url(../images/arrow.png) 35px 2px no-repeat #fff; padding: 3px 0 3px 5px; font-size: 12px; display: inline-block; width: 65px; border: 2px solid #e6a531; text-align: left;cursor: pointer; float: right; position: relative; top: -5px; height: auto;} form.contact input.submit_button_ie:hover {color: #6bb7e9;background-position: 35px -79px; } form.contact input.submit_button_ie:active {border-style: inset;} form.contact p.footer { position: relative; top: 10px; border-top: 1px dashed #c9c9c9; padding: 20px 0 0 0; clear: both;} form.contact {background: #f1f1f1; display: block; float: left; margin: -5px 0 30px 0;padding: 0px 0 0px 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; behavior: url(http://www.tour-smart.co.uk/css/PIE.php);} #mainContent h2.form {background: #f1f1f1; padding: 10px; width: 220px;font-size: 14px; color: #6bb7e9; text-transform: uppercase; margin: 20px 0 0 0; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; behavior: url(http://www.tour-smart.co.uk/css/PIE.php);} form label.error {color: red; position: absolute; background: #fff;padding: 3px; left: 112px;} form input.error {border: 1px solid red;} #mainContent .main hr {margin: 0; background: #fff; border: none; border-bottom: 2px dotted #ccc;} .main div.columns {float: left;padding: 5px 10px 0px 0; margin: 10px 0 10px 0;} .main div.columns .one {float: left;width: 230px; } .main div.columns .two {width: 210px; float: right; position: static; } .ie7 .main div.columns .two, .ie8 .main div.columns .two {width: 220px; float: right; position: static;} .main .address strong {font-size: 23px;color: #cb750e;} div.googleads {position: relative;left: 0px; top: 15px;} /* @end */ /* @group News Page */ p.top a {color: #9f9f9f; text-decoration: none; background: url(../images/arrow.png); padding: 0 12px 0 0;background-position: 61px -278px; position: relative; top: 10px;} .ie6 p.top a, .ie7 p.top a, .ie8 p.top a {padding: 0 18px 0 0;background-position: 68px -278px;} body.news #mainContent h1 {border-bottom: 2px dotted #ccc;} #mainContent article.news {margin-bottom: 5px; width: 100%; padding: 14px 0 0px 0; border-bottom: 2px solid #ccc; border-top: none;} #mainContent article.news h2 {color: #cb750e; font-size: 20px;} #mainContent article.news h2 a {text-decoration: none;color: #cb750e;} #mainContent article.news h2 a:hover {text-decoration: underline;} #mainContent article.news h3 {color: #6bb7e9; position: relative; top: -4px;} article.news img {max-width: 100%; margin: 5px 0;} /* @end */ /* @group Destinations Page */ body.destinations #mainContent article.main {border-bottom: none; padding: 0px 0 10px 0; border-top: none;} body.destinations #mainContent h1 {padding-bottom: 5px;} p.az {margin-bottom: 0px; width: 100%; padding: 12px 0 15px 0; border-top: 2px dotted #ccc;border-bottom: 2px dotted #ccc;} p.az a {color: #cb750e; font-weight: bold; font-size: 19px; text-decoration: underline;} .ie7 p.az a, .ie8 p.az a {font-size: 18px;} p.az a:hover{color: #6bb7e9;} #mainContent article.az h2 {background: #f1f1f1; padding: 10px; width: 290px;font-size: 14px; color: #6bb7e9; text-transform: uppercase; margin: 0px 0 0 0; position: absolute; top: -32px; left:0 } #mainContent article.az h2 a {color: #6bb7e9;} article.az div.country {float: left; width: 100%; background: #f1f1f1; display: block; float: left; margin: 20px 0 60px 0;padding: 0; height: auto; width: 100%; position: relative; top: 20px; border: none;} article.az .azlist {position: absolute; right: 0; bottom: -59px; z-index: 100;} article.az .azlist a {color: #9f9f9f;} article.az div.category {background: none;} article.az p.top {clear: both; border-bottom: 2px solid #ccc; padding: 0px 0 10px 0; position: relative; top: -20px;} article.az p.top a {color: #9f9f9f; text-decoration: none; padding: 0 12px 0 0;} #mainContent :target div, #mainContent article.az :target h2 {background: #f5f5f5;} #mainContent article.az ul { float: left; width: 100%; margin: 0; padding: 5px 10px 10px 10px ; list-style: none; } #mainContent article.az ul li { float: left; width:150px; margin: 0; padding: 5px 0 0 0; } article.az ul li.overview {position: absolute; top: -29px; right:95px;} article.az ul li a{color: #999; position: relative; display: block; width: auto; background: url(../images/arrow.png) -7px -0px no-repeat; width: 90%;display: block; padding-left: 13px; text-indent: 2px; /*text-indent: 13px;*/} article.az ul li a:hover {color: #6bb7e9; background-position: -7px -81px;} article.az ul {/*-moz-column-count: 3; -moz-column-gap: 35px; -moz-column-rule: 1px dotted #ccc; -webkit-column-count: 3; -webkit-column-gap: 35px; -webkit-column-rule: 1px dotted #ccc;*/ } /* @end */ /* @group Sign up Subscribe page */ body.subscribe #mainContent article.main {border-bottom: 0px solid #ccc; padding: 0px 0 10px 0; border-top: 0px dotted #ccc;} body.subscribe #mainContent h1 {padding-bottom: 5px;} #mainContent form.subscribe-form input.submit_button {text-decoration: none; color: #cb750e; background: url(../images/arrow.png) 55px 2px no-repeat #fff; padding: 3px 0 3px 5px; font-size: 12px; display: inline-block; width: 85px; border: 2px solid #e6a531; text-align: left;cursor: pointer; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; float: right; position: relative; top: -20px; height: auto; behavior: url(http://www.tour-smart.co.uk/css/PIE.php);} #mainContent form.subscribe-form input.submit_button:hover {color: #6bb7e9;background-position: 55px -79px; } #mainContent form.subscribe-form input.submit_button:active {border-style: inset;} form.subscribe-form p.footer { position: relative; top: 10px; border-top: 1px dashed #c9c9c9; padding: 20px 0 0 0; clear: both;} form.subscribe-form {background: #f1f1f1; display: block; float: left; margin: -5px 0 30px 0;padding: 0px 0 0px 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; behavior: url(http://www.tour-smart.co.uk/css/PIE.php);} #mainContent h2.subscribe-form {background: #f1f1f1; padding: 10px; width: 170px;font-size: 14px; color: #6bb7e9; text-transform: uppercase; margin: 20px 0 0 0; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; behavior: url(http://www.tour-smart.co.uk/css/PIE.php);} body.subscribe article.main {position: relative;} div.past-issues {position: absolute; top: 65px; right: 5px; width: 200px;} div.past-issues ul {margin: 0 !important; width: 200px;} #mainContent div.past-issues h2 {color: #e6a531;line-height:1.3 ;} #mainContent div.past-issues p {margin: 10px 0;} div.past-issues li {list-style: none;} div.past-issues li a {display: block; padding: 0 0 0px 0; margin: 5px 0 11px 0; color: #999; position: relative; width: auto; background: url(../images/arrow.png) -7px -0px no-repeat;display: block; padding-left: 13px; text-indent: 2px; /*text-indent: 13px;*/} div.past-issues li a:hover {color: #6bb7e9; background-position: -7px -81px;} ul.subscribe-benefits {list-style: none; width: 468px; margin-top: 20px;} ul.subscribe-benefits li {font-size: 14px; text-transform: uppercase; text-shadow: 1px 1px #000; color: #fff; text-align: center;float: left; margin-left: 10px; height: 88px;font-weight: bold;} ul.subscribe-benefits li.a {width: 143px; background: #3e62ac; margin: 0;padding:10px 0 0 0; height: /*88-10*/78px; background: url(../images/signup-backgrounds.png) 0px 0px;} ul.subscribe-benefits li.b {width: 212px; background: #e6a531;padding:10px 0 0 0; height: /*88-10*/78px; background: url(../images/signup-backgrounds.png) -151px 0px;} ul.subscribe-benefits li.c {width: 93px; background: #3e62ac; padding:20px 0 0 0; height: /*88-20*/68px; background: url(../images/signup-backgrounds.png) -371px 0px;} /* @end */ /* @group Destinations Sub Page */ body.destinations #mainContent article.main {border-bottom: 0px solid #ccc; margin-bottom: 5px; width: 100%; padding: 14px 0 0px 0; border-top: 2px dotted #ccc;} body.destinations-sub #mainContent h1 {text-transform: uppercase; line-height: 1.2; color: #3e62ac; font-size: 19px; position: relative; font-weight: normal;margin: 00px 0 0 0;padding: 5px 0 5px 0px; } p.title-breadcrumb {font-size: 12px; color: #808080; margin: 5px 0 0px 0;} p.title-breadcrumb a {color: #808080;} p.title-breadcrumb a:hover {color: #053657;} div.pagination {padding: 15px 0 0 0; border-top: 2px dotted #ccc; position: relative; top: 10px;} div.pagination-footer {padding: 25px 0 0 0; border-top: 0px dotted #ccc; position: relative; top: 40px;} div.pagination ul { list-style: none; float: right; position: relative; top: -20px; max-width: 240px;} div.pagination ul li {float: left; margin: 0 0 5px 0;} div.pagination ul li a { background-image:none;display:block;width:16px;height:17px;padding:0px;text-align:center;margin-top:2px;margin-left:4px;font-size: 11px;line-height:17px; text-decoration: none; color:#959595; background: #eee; font-weight: bold;} div.pagination ul li a.prev, div.pagination ul li a.next {line-height: 16px; } div.pagination li a.selected { background: #ccc; } div.pagination li a:hover {background: #ddd;} /* @end */ /* @group Article Page */ /* @group Sitemap */ ul.sitemap {margin: 10px 0 10px 20px; border: none;} ul.sitemap ul {margin: 0 0 0 10px;} ul.sitemap li {margin: 4px 0 4px 0;} /* @end */ body.article #mainContent article.main {border-bottom: 0px solid #ccc; margin-bottom: 5px; width: 100%; padding: 14px 0 0px 0; border-top: 0px dotted #ccc;} body.article #mainContent h1 {text-transform: none; line-height: 1.2; color: #cb750e; font-size: 22px; position: relative; font-weight: bold;margin: 00px 0 0 0;padding: 5px 0 5px 0px; width: 330px;} body.article #mainContent h1 ~ p {color: #6bb7e9; font-weight: bold;} a.addthis_button {position: absolute; right: 0px;} a.comments_link {position: absolute; right: 0px; margin-top: -28px;} span.author:after {/*content: " | ";*/} span.photographer{display: block;} span.date {display: block;} body.article #mainContent article.main .content > h2 {color: #3e62ac; margin: 20px 0 5px 0;} section#mainContent article.main h2.alsolike {color: #fff; border-bottom: 2px solid #ccc;font-size: 15px; text-transform: uppercase; margin: 0px 0 0 0; position: relative; top: 15px;} h2.alsolike span {display: inline-block; padding: 2px 5px 2px 5px; background: #ccc; -moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; behavior: url(http://www.tour-smart.co.uk/css/PIE.php); } section#mainContent article.main a.advert img {border: none; padding: 0; margin: 25px 0;} .article p.top {clear: both; border-bottom: 2px solid #ccc; padding: 0px 0 10px 0; margin: 20px 0 0 0;} #information {background: #f1f1f1; display: block; float: left; margin: -5px 0 30px 0;padding: 0px 0 0px 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; position: relative; margin-top: 55px; behavior: url(http://www.tour-smart.co.uk/css/PIE.php);} #information h2 {background: #f1f1f1; padding: 10px; width: 250px;font-size: 14px; color: #6bb7e9; text-transform: uppercase; margin: 0; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; position: absolute; top: -38px; behavior: url(http://www.tour-smart.co.uk/css/PIE.php);} .ie8 #information h2, .ie7 #information h2 {font-size: 13px;} #information p, #information h3 {padding: 7px 0 0 10px;} #information a {color: #000;} #mainContent #information hr {width: 450px; margin: 0 auto; background: transparent;border-bottom: 1px dotted #ccc;} #information h3 {color: #808080; text-transform: uppercase;} body.article #mainContent .style1 div#images a img.main-image {width: 462px; } body.article #mainContent .style1 div#images a img{ width: 147px; } body.article #mainContent .style1 div#images {border-bottom: 2px dotted #ccc; margin: 0 0 20px 0;} body.article #mainContent .style1 div#images p.instructions {color: #808080; font-size: 12px; margin: 5px 0 10px 0;} /* @group Style 2 */ body.article #mainContent .style2 div#images a img.main-image {width: 147px; height: 110px;} body.article #mainContent .style2 div#images a img{ width: 147px; height: 110px;} body.article #mainContent .style2 div#images {border-bottom: 2px dotted #ccc; margin: 0 0 20px 0;} body.article #mainContent .style2 div#images p.instructions {color: #808080; margin: 5px 0 10px 0;} /* @end */ /* @group Style 3 */ body.article #mainContent .style3 div#images a img.main-image {width: 305px; height: 353px; float: right;} body.article #mainContent .style3 div#images a img{ width: 147px; height: 110px;} body.article #mainContent .style3 div#images {border-bottom: 2px dotted #ccc; margin: 0 0 20px 0;} body.article #mainContent .style3 div#images p.instructions {color: #808080; margin: 5px 0 10px 0;} body.article #mainContent .style3 div.content {-moz-column-width: 210px ; -webkit-column-width: 210px; -moz-column-gap: 20px; -webkit-column-gap: 20px;} /* @end */ /* @group Style 4 */ body.article #mainContent .style4 div#images {width: 165px; float: right; padding: 50px 0 10px 0; position: relative; top: -100px;} body.article #mainContent .style4 div#images a {float:right; margin: 0px 0 10px 0 ; } body.article #mainContent .style4 div#images a img{ width: 147px; height: 110px; float: right;} body.article #mainContent .style4 div#images {margin: 0 0 20px 0; z-index: 1000; } body.article #mainContent .style4 div#images p.instructions {position: absolute; top: 0px; right: 0; color: #808080; font-size: 12px; margin: 0px 0 0px 0; border-bottom: 2px dotted #ccc; padding: 0 0 10px 0; width: 152px;} body.article .ie8 #mainContent .style4 div#images p.instructions {font-size: 11px;} body.article #mainContent .style4 span.author {display: block;} body.article #mainContent .style4 span.author:after {content: "";} body.article #mainContent .style4 span.photographer{/*display: block;*/} body.article #mainContent .style4 span.date {display: block;} body.article #mainContent .style4 a.addthis_button {position: relative; top: 0px; left: 0px; z-index: 100;} body.article #mainContent .style4 a.comments_link {position: absolute; right: 0px; top: 70px;} body.article #mainContent .style4 .main .content {position: relative;top: 10px; margin-bottom: 20px;} /* @end */ /* @end */ /* Articles Archive */ body.archive #mainContent article.main {border-bottom: none; padding: 0px 0 10px 0;} body.archive #mainContent h1 {padding-bottom: 5px;} body.archive #mainContent article.secondary p.date {height: auto; color: #6bb7e9; font-weight: bold; font-size: 11px; margin: 0 0 8px 0;} body.archive #mainContent article.secondary {min-height: 360px; height: auto !important; height:360px } body.archive #mainContent article.secondary p.top, body.destinations #mainContent article.secondary p.top {position: absolute; right: 0; bottom: -40px;} body.destinations-sub #mainContent article.secondary p.top {position: absolute; right: 0; bottom: -41px; border: none; margin: 0;} body.destinations-sub #mainContent .style1 article.secondary p.top, body.destinations-sub #mainContent .style2 article.secondary p.top, body.destinations-sub #mainContent .style3 article.secondary p.top, body.destinations-sub #mainContent .style4 article.secondary p.top {position: absolute; right: 0; bottom: -52px; border: none; margin: 0;} body.archive #mainContent article.new span.new {display: block; width: 23px; padding: 2px 4px 0 4px; color: #fff; font-size: 9px; font-weight: bold; height: 14px;top: 10px; right: 0; /*background: url(../images/new-tab.png) top left no-repeat; text-indent: -9999px;*/ position: absolute; background: #ccc; background: url(../images/new.png) center top no-repeat #ccc; } #disqus_thread { float: left; margin: 10px 0 0 0; padding: 10px 0 0 0 ;} #disqus_thread h2 { color: #e6a531 !important; font-size: 19px !important;} #dsq-content .dsq-comment-header {padding: 2px 0 2px 2px !important;} #dsq-content #dsq-comments {margin: 0;} #dsq-content h3 {color: #999;} #dsq-content .dsq-item-sort {color: #999;} #dsq-content p.dsq-autheneticate-copy {color: #999 !important;} .latest-news p.header {margin: 20px 0 0 0 !important;} .latest-news p {margin: 0px 0 0 0 !important;} div#recentcomments {font-size: 10px;border-top: 2px dotted #ccc; padding-top: 30px;} div#recentcomments span {margin: 0;color: #053657;} div#recentcomments p {margin: 0;color: #053657;} div#recentcomments a {color: #808080;} div#recentcomments p.dsq-widget-meta a:first-child {margin: 0;color: #e6a531;} div#recentcomments a.dsq-widget-user {margin: 0;color: #000;} div#recentcomments h2 {text-transform: uppercase; line-height: 1.2; padding: 5px 0 0 40px; z-index: 10; position: relative; top: -10px;color: #053657; font-size: 12px; background: url(../images/icons-comments.png) 4px 4px no-repeat;} li.dsq-widget-item {margin: 0 0 20px 0 !important;} /* Colour Box */ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#fff;} #colorbox{} #cboxContent{margin-top:32px;} #cboxLoadedContent{background:#000; padding:1px;} #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) 0 0 no-repeat;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose.hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} .opening-letter {margin: 20px 00px 20px 00px; font-size: 12px;} .opening-letter p {margin: 0 0 10px 0;}