﻿/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

body {background:#fff url(../images/structure/bg-body.jpg) no-repeat 50% 0;text-align:center;}
#OuterWrapper {height:auto !important; min-height:600px; height:600px; padding:0 0 0 0;}
#InnerWrapper {margin:auto;width:1024px;text-align:left;}

#HeaderWrapper {height:142px;position:relative;z-index:40; padding:0; margin-top: 0;margin-left: 0; background:url(../images/structure/white-fade.png) repeat;}
/*
.HeaderBackground {position:absolute;width:932px;height:142px;background:transparent url(/images/structure/header-background.jpg) no-repeat 50% 0;z-index:-1}
.HeaderBackgroundRV {position:absolute;width:932px;height:142px;background:transparent url(/images/structure/bg-headerwrap-rv2.png) no-repeat 50% 0;z-index:-1}
.HeaderBackgroundInternational {position:absolute;width:932px;height:142px;background:transparent url(/images/structure/header-background-int.jpg) no-repeat 50% 0;z-index:-1}
*/
.fslola{font-family:FS Lola Web Bold;  color:#77787a;}
#TopNavigation{position: relative;}
#TopNavigation WTYLogo {margin:0}

/* #TopNavigation h1 {margin:0} */

#yOnTv {
   position:absolute;
   left:595px;
   top: 1px;
}
#eShop {position:absolute; left: 715px; top:1px}

#WTYLogo a {float:left;color:#B3BDB7;font-size:32px;width:190px;height:81px; background:transparent url(../images/structure/logo.png) no-repeat; text-indent:-10000em;padding:0;margin: 17px 0px 0px 10px;display:inline}

/* #TopNavigation h1 a {float:left;color:#B3BDB7;font-size:32px;width:190px;height:81px; background:transparent url(../images/structure/logo.png) no-repeat; 
	text-indent:-10000em;padding:0;margin: 17px 0px 0px 10px;display:inline} */

#TopNav {float:right;font-size:85%;margin:10px 48px 0;display:inline}
#TopNav li {display:inline;font-weight:normal}
#TopNav li a {font-weight:normal;color:#00B3DC;padding:0 5px; text-decoration: none;}
#TopNav img {vertical-align:middle}


#TabbedNavigation {position:absolute;top:80px;left:28px;}

/* #MyYorkshire {position:absolute;left:742px;top:67px;background:#00B3DC url(../images/structure/bg-myy.gif) no-repeat;width:155px;height:40px;color:#fff;z-index:999} */
#MyYorkshire {position:relative;left:0px;top:0px;background:#00B3DC url(../images/structure/bg-myy.gif) no-repeat;width:155px;height:40px;color:#fff;z-index:999; float: right;}
#MyYorkshire h2 {float:left;text-indent: -999em; width:123px;margin:0;height:23px}
#MyYorkshire a.drop {float:right;display:block;width:32px;height:40px;text-indent:-999px;background:#00B3DC url(../images/structure/bt-myy-drop.gif) no-repeat;overflow:hidden}
#MyYorkshire p {padding:5px 0 0 10px;font-size:85%;margin:5px 0 0 0;display:inline}


.myyMenu {position:absolute;top:44px;right:20px;z-index:999;width:172px;display:none;}
.myyMenu .myyMenuInner {width:172px;background:transparent url(../images/structure/bg-myy-menu-outer.png) repeat-y;}
.myyMenu ul {width: 153px;padding:0;margin:0 8px;list-style:none;background:#fff}
.myyMenu ul li {height:53px;padding:0;margin:0;list-style:none;border-bottom:1px solid #A2A2A2; background:#fff url(../images/structure/bg-myy-menu-item.gif) no-repeat;}
.myyMenu ul li:hover {background-position:0 -53px}
.myyMenu ul li span {display:block;float:left;margin:8px 0 0 20px;width:70px;height:42px;color:#000;font-size:10px;zoom:1;overflow:hidden}
.myyMenu ul li a {font-size:85%;font-weight:normal;color:#fff;display:block;float:right;clear:right;background:#808080;width:46px;height:14px;overflow:hidden}
.myyMenu ul li a.visit {margin:12px 10px 5px 0;background:#808080 url(../images/structure/bt-myy-view.gif) no-repeat;}
.myyMenu ul li a.visit:hover {background-position:0 -14px}
.myyMenu ul li a.remove {margin:0px 10px 0 0;background:#808080 url(../images/structure/bt-myy-remove.gif) no-repeat;}
.myyMenu ul li a.remove:hover {background-position:0 -14px}
.myyMenu ul li a span {display:none}

.myyMenu div.list {width: 153px;padding:0;margin:0 8px;list-style:none;background:#fff;}
.myyMenu div.list div {width:153px;height:53px;padding:0;margin:0;list-style:none;border-bottom:1px solid #A2A2A2; background:#fff url(../images/structure/bg-myy-menu-item.gif) no-repeat;float:left}
.myyMenu div.list div:hover {background-position:0 -53px}
.myyMenu div.list div span {display:block;float:left;margin:8px 0 0 20px;width:70px;height:42px;color:#000;font-size:10px;zoom:1;overflow:hidden}
.myyMenu div.list div a {font-size:85%;font-weight:normal;color:#fff;display:block;float:right;clear:right;background:#808080;width:46px;height:14px;overflow:hidden}
.myyMenu div.list div a.visit {margin:12px 10px 5px 0;background:#808080 url(../images/structure/bt-myy-view.gif) no-repeat;}
.myyMenu div.list div a.visit:hover {background-position:0 -14px}
.myyMenu div.list div a.remove {margin:0px 10px 0 0;background:#808080 url(../images/structure/bt-myy-remove.gif) no-repeat;}
.myyMenu div.list div a.remove:hover {background-position:0 -14px}
.myyMenu div.list div a span {display:none}

.myyMenu .myyMenuShadow {position:absolute;left:8px;top:0px;width:100%;height:10px;background: transparent url(../images/structure/bg-myy-menu-shadow.png) no-repeat; display:inline}
.myyMenu a.inspire {display:block;width:172px;height:29px;background: transparent url(../images/structure/bt-myy-inspire.png) no-repeat;float:left}
.myyMenu a.inspire:hover {background-position:0 -29px}
.myyMenu a.inspire span {display:none}
.myyMenu a.view {display:block;width:172px;height:38px;background: transparent url(../images/structure/bt-myy-viewmyy.png) no-repeat;float:left}
.myyMenu a.view:hover {background-position:0 -38px}
.myyMenu a.view span {display:none}

#Breadcrumbs {background:url(/images/structure/breadcrumb.png) no-repeat;width:926px;height:25px;font-size:85%;margin:0 0 6px;padding:3px 0px 0 10px;}
#Breadcrumbs ul {float:left;list-style-type:none;margin:0;padding:1px 0;display:inline;width:550px}
#Breadcrumbs li {color:#007FB1;display:inline;line-height:140%;}
#Breadcrumbs li a {color:#007FB1;padding-right:10px;text-decoration:none;font-weight:normal;background:url(/images/structure/bg-breadcrumb.gif) no-repeat 100% 50%}
#Breadcrumbs li a:hover {color:#8CA5D6;}

#Actions {float:right;width:270px;margin-right:17px;margin-top:2px; text-align:right; font-size: 12px; font-weight: bold; margin-left: 10px;}
#Actions a.add-to-myy {position:absolute;right:0;top:-1px;background:#E67CB6 url(../images/structure/bt-add-to-myy.gif);text-indent:-999px;
	display:block;width:155px;height:19px;color:#fff; clear:left}
#Actions ul {position:absolute; top:-1px;  list-style:none; width:auto; text-align:right;margin: 0 120px 0 0;}
#Actions ul li {list-style:none; display:inline;margin: 0}
#Actions ul li a {display:block;float:left;width:30px;height:17px;margin:0;padding: 0 1px 0 0}
#Actions ul li a span {display:none}
#Actions ul li.action-print a {background:url(../images/structure/bt-print.gif) no-repeat;}
#Actions ul li.action-email a {background:url(../images/structure/bt-email.gif) no-repeat;}
#Actions ul li.action-bookmark a {background:url(../images/structure/bt-bookmark.gif) no-repeat;}

/* Social buttons - Added 14th July 2011 */
#gplusoneROS {float:left; width:75px;}
#socialBtnsROS {float:left; width:795px; padding:10px 0; clear:both;}

#gplusoneHP {float:left;width:75px;}
#socialBtnsHP {float:left; width:650px; margin-left: 25px; clear:both;}
/* end */

#ContentWrapper {height:auto !important; height: 400px; min-height:400px; padding: 0px;}
#ContentWrapper #Main {float:left; width:600px;} 
#ContentWrapper #Right {float:right; width:305px;margin-right:0!important;}

#ContentWrapper.full {}
#ContentWrapper.full #Main {float:none;width:100%;}
#ContentWrapper.full #Right {display:none}
#content #left #Main{margin-left: 5px;}
#content #left #Main img{margin: 5px;}
#content #left #Main h1{margin-left: 6px;}
#content #left #Main #leftPanel h1{color: #43464A; font-size: 1.8em;}

#content #left #Main .jumpto-box img, #content #left #Main .lightblue-box img{margin: 0 0 10px 10px};
#content #left #Main ul{clear: both; margin: 5px 5px 5px 25px;}
#content #left #Main ul, #content #left #Main ul li{color:#006279; clear: left; margin-left: 25px;}

#Footer {clear:both;padding:10px 0;float:left;font-size:85%;color:#457AA5;width:100%;}
#Footer a {color:#457AA5;font-weight:normal;text-decoration:none;}
#Footer a:active {color:#457AA5;}
#Footer a:visited {color:#457AA5;}
#Footer a:hover {color:#457AA5;}

#BottomNav {float:right;font-size:85%;margin:15px 30px 0 0;display:inline}
#BottomNav li {display:inline;font-weight:normal}
#BottomNav li a {font-weight:normal;color:#9A9999;padding:0 5px}
#BottomNav Nav img {vertical-align:middle}

#Inspire {width:931px;height:85px;background:transparent url(../images/structure/bg-footer-inspire.png) no-repeat;}
#Inspire h3 {display:none}
#Inspire ul {padding:10px 0 0 40px;margin:0;list-style:none}
#Inspire ul li {margin:0 5px 0 0 ;padding:0;list-style:none;float:left;display:inline;width:93px;height:55px}
#Inspire ul li a {display:block;width:93px;height:55px}
#Inspire ul li span {display:block;text-indent:-999em}
#Inspire ul li.indulgence {background-image:url(../images/structure/bt-inspire-1.jpg);}
#Inspire ul li.outdoors {background-image:url(../images/structure/bt-inspire-2.jpg);}
#Inspire ul li.heritage {background-image:url(../images/structure/bt-inspire-3.jpg);}
#Inspire ul li.artistic {background-image:url(../images/structure/bt-inspire-4.jpg);}
#Inspire ul li.sport {background-image:url(../images/structure/bt-inspire-5.jpg);}
#Inspire ul li.family {background-image:url(../images/structure/bt-inspire-6.jpg);}
#Inspire ul li.delicious {background-image:url(../images/structure/bt-inspire-7.jpg);}
#Inspire ul li.citylife {background-image:url(../images/structure/bt-inspire-8.jpg);}
#Inspire ul li.gold {background-image:url(../images/structure/bt-inspire-9.jpg);}


#BottomNav {float:left;}
#BottomNav ul {display:inline;margin:0;padding:0;}
#BottomNav li {display:inline;list-style-type:none;}
#BottomNav li a {padding:0 3px 0 0 }
#BottomNav p {margin:0}

#Share {float:right}

#Languages {clear:both;list-style:none;padding:5px 0;margin:0}
#Languages li {float:left;width:25px;list-style:none;margin:0 1px 0 0;padding:0}


.promo-pod {width:303px;height:160px;position:relative;margin:0 0 10px 0; overflow: auto}
.promo-pod h4 {display:none}
.promo-pod p {position:absolute;margin:0;font-size:93%}
.promo-pod a {position:absolute;left:180px;top:126px;width:123px;height:34px;text-indent:-999em}
.promo-pod a:hover {background-position:0 -34px}

.promo-pod-newsletter {background:url(/images/promotions/promo-pod-newsletter-bg.jpg); overflow: hidden;}
.promo-pod-newsletter p {left:180px;top:50px;width:100px;}
.promo-pod-newsletter a {background:url(/images/promotions/promo-pod-newsletter-btn.gif);}

.promo-pod-adventure {background:url(/images/promotions/promo-pod-adventure-bg.jpg); overflow: hidden;}
.promo-pod-adventure p {left:10px;top:100px;width:125px;}
.promo-pod-adventure a {background:url(/images/promotions/promo-pod-adventure-btn.gif)}

.promo-pod-offers {background:url(/images/promotions/promo-pod-offers-bg.jpg); display:none;}
.promo-pod-offers p {left:14px;top:55px;width:125px;}
.promo-pod-offers a {background:url(/images/promotions/promo-pod-offers-btn.gif);}

.promo-pod-trails {background:url(/images/promotions/promo-pod-trails-bg.jpg);}
.promo-pod-trails p {left:20px;top:45px;width:180px;}
.promo-pod-trails a {background:url(/images/promotions/promo-pod-trails-btn.gif);}

#survey {margin-bottom:20px}
#forward{float:left; padding-left:10px;}
.png {behavior:url(../script/iepngfix.htc);}

#townId {width:120px}
.TabbedPanelsContent p {margin:0}
.TabbedPanelsContent .button {margin:2px 0; float:right; position:absolute; top:120px; left:246px; width:40px}
.TabbedPanelsContent .advsearchlink {display:block;clear:both;text-align:left;margin: 0;font-size:93%}
.TabbedPanelsContent label.first {float:left;width:40px}
.TabbedPanelsContent label.hidden {display:block;visibility:hidden}
.TabbedPanelsContent #townId {width:120px}
.TabbedPanelsContent1 #at {width:160px;}
.TabbedPanelsContent1 .button {display:inline;float:none}
.TabbedPanelsContent2 label.first {width:60px}
.TabbedPanelsContent2 #Catid {width: 180px}
.TabbedPanelsContent3 label.first {width:60px}
.TabbedPanelsContent3 .button {display:inline;float:none}
.TabbedPanelsContent4 label.first {width:60px}

.ui-datepicker {z-index:999}

/* For FB Connect Widget - PDW - Nov 2010 */
.pod-raw-FB {height:440px; width: 304px;margin: 0 12px 10px 0; float:left}
/* For Twitter Widget - PDW - Nov 2010 */
.pod-raw-TW {height:435px; width: 304px;margin: 0 12px 10px 0; float:left}
/* For YFA Applet - PDW - Jul 2011 */
.pod-raw-yfa {height:470px; width: 303px;margin: 0 12px 10px 0; float:left}
/* For Olympics Pod - PDW - July 2011 */
.pod-container .pod-raw-olympics {height: 230px; width: 304px;margin: 0 12px 20px 0; float:left; clear:right;}

/* For Olympics Countdown Pod - PDW - July 2011 */
.pod-raw-olympics-cd {height: 350px; width: 304px;margin: 0 12px 0px 0; float:left}

/* For Outdoor Homepage Pods - PDW - Dec 2010 */
.pod-outdoor-hp {width: 298px;margin: 0 12px 10px 0; float:left}

.pod-container {width:950px;clear:both;overflow:hidden}
.pod-container-right {width:310px}

.pod-container .pod {float:left;width:304px;height:160px; margin: 0 12px 10px 0}
.pod-container .pod-tall {height:178px}

.pod-container .pod-raw-wide {width:617px;}

.pod-container .pod-raw-maps {width:617px; height:320px;}

.pod-container .pod-text {background: url(../images/pods/pod-text-back.jpg) no-repeat; overflow: auto;}
.pod-container .pod-text p {padding: 15px 20px 0 20px;font-size: 14px;margin: 0;}
.pod-container .pod-text-tall {background-image:url(../images/pods/pod-text-back-tall.jpg)}

.pod-container .pod-standard {position:relative;background:url(/images/pods/pod-back.png) no-repeat;width:303px;height:178px}
.pod-container .pod-standard h2 {color:#fff;padding:0 0 0 15px;line-height:31px;height:31px; margin:0;background:transparent url(/images/pods/pod-header.png) no-repeat 0 0;font-size:16px;font-weight:normal}
.pod-container .pod-standard-over h2 {background-position:0 -31px}
.pod-container .pod-standard p {position:absolute;left:5px;top:40px;width:110px}
.pod-container .pod-standard img {float:right}
.pod-container .pod-standard a {position:absolute;top:144px;left:185px; width:88px;height:34px;line-height:38px;background:transparent url(/images/pods/pod-link.png) no-repeat 0 0;text-align:right;padding:0 30px 0 0;font-size:14px;color:#fff;text-decoration:none;font-weight:normal}
.pod-container .pod-standard-over a {background-position:0 -34px}

.pod-container .pod-standard-short {position:relative;background:url(/images/pods/pod-back-short.png) no-repeat;width:303px;height:160px}
.pod-container .pod-standard-short h2 {color:#fff;padding:0 0 0 15px;line-height:31px;height:31px; margin:0;background:transparent url(/images/pods/pod-header.png) no-repeat 0 0;font-size:16px;font-weight:normal}
.pod-container .pod-standard-short-over h2 {background-position:0 -31px}
.pod-container .pod-standard-short p {position:absolute;left:5px;top:40px;width:110px}
.pod-container .pod-standard-short img {float:right}
.pod-container .pod-standard-short a {position:absolute;top:126px;left:185px; width:88px;height:34px;line-height:38px;background:transparent url(/images/pods/pod-link.png) no-repeat 0 0;text-align:right;padding:0 30px 0 0;font-size:14px;color:#fff;text-decoration:none;font-weight:normal}
.pod-container .pod-standard-short-over a {background-position:0 -34px}

.pod-container .pod-standard-shorter {position:relative;background:url(/images/pods/pod-back-shorter.png) no-repeat;width:303px;height:148px}
.pod-container .pod-standard-shorter h2 {color:#fff;padding:0 0 0 15px;line-height:31px;height:31px; margin:0;background:transparent url(/images/pods/pod-header.png) no-repeat 0 0;font-size:16px;font-weight:normal}
.pod-container .pod-standard-shorter-over h2 {background-position:0 -31px}
.pod-container .pod-standard-shorter p {position:absolute;left:5px;top:40px;width:110px}
.pod-container .pod-standard-shorter img {float:right}
.pod-container .pod-standard-shorter a {position:absolute;top:114px;left:185px; width:88px;height:34px;line-height:38px;background:transparent url(/images/pods/pod-link.png) no-repeat 0 0;text-align:right;padding:0 30px 0 0;font-size:14px;color:#fff;text-decoration:none;font-weight:normal}
.pod-container .pod-standard-shorter-over a {background-position:0 -34px}

/*background:url(/images/pods/pod-back-short.png) no-repeat;*/
.pod-container .pod-simple-fix {position:relative;width:303px;height:160px}
.pod-container .pod-simple-fix h2 {color:#fff;padding:0 0 0 15px;line-height:31px;height:31px; margin:0;background:transparent url(/images/pods/pod-header.png) no-repeat 0 0;font-size:16px;font-weight:normal; position: relative; z-index: 1;}
.pod-container .pod-simple-fix-over h2 {background-position:0 -31px}
.pod-container .pod-simple-fix p {position:absolute;left:15px;top:40px;width:110px}
.pod-container .pod-simple-fix img {float:right; margin-top:-31px; z-index:-1}
.pod-container .pod-simple-fix a {position:absolute;top:126px;left:185px; width:88px;height:34px;line-height:38px;background:transparent url(/images/pods/pod-link.png) no-repeat 0 0;text-align:right;padding:0 30px 0 0;font-size:14px;color:#fff;text-decoration:none;font-weight:normal}
.pod-container .pod-simple-fix-over a {background-position:0 -34px}

.pod-container .pod-wide {position:relative;background:url(/images/pods/pod-back-wide.png) no-repeat;width:617px;height:178px}
.pod-container .pod-wide h2 {color:#fff;padding:0 0 0 15px;line-height:31px;height:31px; margin:0;background:transparent url(/images/pods/pod-header-wide.png) no-repeat 0 0;font-size:16px;font-weight:normal}
.pod-container .pod-wide-over h2 {background-position:0 -31px}
.pod-container .pod-wide p {position:absolute;left:5px;top:40px;width:260px}
.pod-container .pod-wide img {float:right}
.pod-container .pod-wide a {position:absolute;top:144px;left:499px; width:88px;height:34px;line-height:38px;background:transparent url(/images/pods/pod-link.png) no-repeat 0 0;text-align:right;padding:0 30px 0 0;font-size:14px;color:#fff;text-decoration:none;font-weight:normal}
.pod-container .pod-wide-over a {background-position:0 -34px}

.pod-container .pod-wide-short {position:relative;background:url(/images/pods/pod-back-wide-short.png) no-repeat;width:617px;height:160px}
.pod-container .pod-wide-short h2 {color:#fff;padding:0 0 0 15px;line-height:31px;height:31px; margin:0;background:transparent url(/images/pods/pod-header-wide.png) no-repeat 0 0;font-size:16px;font-weight:normal}
.pod-container .pod-wide-short-over h2 {background-position:0 -31px}
.pod-container .pod-wide-short p {position:absolute;left:5px;top:30px;width:260px;}
.pod-container .pod-wide-short img {float:right}
.pod-container .pod-wide-short a.pod-wide-short-bottomlink {position:absolute;top:126px;left:499px; width:88px;height:34px;line-height:38px;background:transparent url(/images/pods/pod-link.png) no-repeat 0 0;text-align:right;padding:0 30px 0 0;font-size:14px;color:#fff;text-decoration:none;font-weight:normal}
.pod-container .pod-wide-short-over a.pod-wide-short-bottomlink {background-position:0 -34px}

.pod-container .pod-wide-short-info {position:relative;background:url(/images/pods/pod-back-wide-short.png) no-repeat;width:617px;height:160px;}
.pod-container .pod-wide-short-info h2 {color:#fff;padding:0 0 0 15px;line-height:31px;height:31px; margin:0;background:transparent url(/images/pods/pod-header-wide.png) no-repeat 0 0;font-size:16px;font-weight:normal}
.pod-container .pod-wide-short-info p {position:absolute;left:15px;top:29px;width:270px; font-size:12px;}
/* ie7 realignment */
*+html .pod-container .pod-wide-short-info p {position:absolute;left:15px;top:30px;width:270px;}
.pod-container .pod-wide-short-info img {float:right}

/* override the tabbed panels here */
.pod-tall .smallpod {height:178px}
.pod-tall .smallpod .TabbedPanelsContentGroup {background-image: url(../images/tabs/tabbedPanelBlueBgTall.jpg);height:149px}
.pod-tall .smallpod .TabbedPanels {height:178px}
.pod-tall .smallpod .TabbedPanelsContent {line-height:20px}
.pod-tall .smallpod .TabbedPanelsContent .button {top: 138px}

.pod-container .pod-taller {height:250px}

/* jqModal styles */	
.jqmWindow {
    display: block;    
    position: fixed;
    top: 17%;
    left: 50%;    
    margin-left: -300px;
    width: 600px;    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}
.jqmOverlay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#mapoverlay {width:904px;height:548px;margin-left:-452px;background:transparent url(/usercontrols/ytbcontrols/mapping/images/map-container.png) no-repeat;border:0;padding:20px 0 0 0}
#mapoverlay iframe {width:862px;height:492px;background-color:transparent;}

* html #mapoverlay {background:transparent url(/usercontrols/ytbcontrols/mapping/images/bg-ie6.png) no-repeat;}
* html #mapoverlay iframe {margin:0;padding:0;}





/********************************* NEW CSS V2 CODE ****************************************/ 

html { margin: 0; padding: 0; background-size:cover;background-attachment:fixed;}
body { background: transparent url(../images/structure/footer.png) no-repeat bottom center; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif;font-size:0.8em;color:#43464A;margin:0; }

/* #MyYorkshire {position:absolute;left:742px;top:67px;background:#00B3DC url(../images/structure/bg-myy.gif) no-repeat;width:155px;height:40px;color:#fff;z-index:999} */
#MyYorkshire {position:relative;left:28px;top:-5px;background:#00B3DC url(../images/structure/bg-myy.gif) no-repeat;width:155px;height:40px;color:#fff;z-index:999; float: right;}
#MyYorkshire h2 {float:left;text-indent: -999em; width:123px;margin:0;height:23px}
#MyYorkshire a.drop {float:right;display:block;width:32px;height:40px;text-indent:-999px;background:#00B3DC url(../images/structure/bt-myy-drop.gif) no-repeat;overflow:hidden}
#MyYorkshire p {padding:5px 0 0 10px;font-size:85%;margin:5px 0 0 0;display:inline}

/* Search header */

#Searchone {padding: 10px 10px 9px 10px; float: right;}
	
#Searchone fieldset {
	border: ;
	padding: 0;
	border-radius:5px;
	}

#Searchone input {
	float: left;
	margin: 0;
	}
	
#Searchone #Searchtxt, #Searchone .Searchtxt{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0;
	padding: 5px 0 5px 4px;
	width: 160px;
	background: #fff;
	font-size: 0.8em;
	margin-top:-1px;
	border:1px solid #43464A;border-radius:5px;
	} 
	
#Searchone input.GoButton {
	margin: -1px 0 0 5px;
	padding:4px;
	font-size: 1.1em;
    height:23px;    
	}
#Searchone input.GoButton:hover {
	margin: -1px 0 0 5px;
	padding:4px;
	font-size: 1.1em;
    height:23px;   
    background:none repeat scroll 0 0 #00C1E3;
    box-shadow:1px 1px 0 rgba(0, 0, 0, 0.5);
    text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);
	}


/* Tabs */
#tabs-1, #tabs-2, #tabs-3, #tabs-4 { background-color: #026278; padding: 9px; }
#tabs-media-1, #tabs-media-2, #tabs-media-3, #tabs-media-4 { background-color: #FFFFFF; padding: 12px; border: 1px solid #026278; color: #026278; /*height: 245px;*/ width: 580px; }

/* Text */
.form-white-text { color:#FFF; font-size:11px; }
.white-text { color:#FFF; font-size:11px; }
.tab-header-media { font-size:11px; font-family:Arial, Helvetica, sans-serif; color: #FFF; width: 90px; height: 18px; text-align: center; padding-top: 5px; }
.tab-header { font-size:11px;  color: #FFF; }
.tab-text { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
h1 { font-family:Arial, Helvetica, sans-serif; }
h2 { font-size: 12px; color: #006279; font-weight: bold; margin: 6px 0 0 6px; padding: 0; font-family:Arial, Helvetica, sans-serif; }
h3 { font-size: 12px; color: #006279; font-weight: bold; margin: 6px 0 0 6px; padding: 0; font-family:Arial, Helvetica, sans-serif; }
p { font-size: 10px; color: #006279; margin: 6px 0 0 6px; padding: 0; font-weight: normal; position:relative; }
p.action { font-size: 11px; color: #006279; margin: 6px 0 0 6px; padding: 0; font-weight: bold; }

/* Breadcrumb */
#breadcrumb { margin: 0px auto; padding:0 0 5px 22px; }

/* Layout */
#container { width: 958px; height: auto; margin: 0 auto; background: transparent url(../images/header-background.jpg) no-repeat 14px 20px; }
#header { width: 958px; height: 150px; position: relative; z-index: 2; }
#logo { position: absolute; width: 245px; height: 78px; left: 24px; top: 22px; }
#header-right { position: absolute; width: 630px; height: 80px; left: 320px; top: 20px; }
#slogan {width: 416px; height: 16px; position: absolute; top: 70px; left: 230px;}
#language { width: 136px; height: 24px; margin-top: 9px; float: right; clear: right; padding: 0 0 0 25px; /*background: transparent url("/images/structure/uk-flag.png") no-repeat left 1px;*/ text-align: right; }
#languageFr { width: 100px; height: 24px; margin-top: 8px; float: right; clear: right; padding: 0 0 0 25px; background: transparent url(../images/structure/fr-flag.jpg) no-repeat left 1px; text-align: right;}
#languageZh { width: 100px; height: 24px; margin-top: 8px; float: right; clear: right; padding: 0 0 0 25px; background: transparent url(../images/structure/cn-flag.jpg) no-repeat left 1px; text-align: right;}
#languageDe { width: 100px; height: 24px; margin-top: 8px; float: right; clear: right; padding: 0 0 0 25px; background: transparent url(../images/structure/de-flag.jpg) no-repeat left 1px; text-align: right;}
#languageNl { width: 100px; height: 24px; margin-top: 8px; float: right; clear: right; padding: 0 0 0 25px; background: transparent url(../images/structure/nl-flag.jpg) no-repeat left 1px; text-align: right;}
#languageEs { width: 100px; height: 24px; margin-top: 8px; float: right; clear: right; padding: 0 0 0 25px; background: transparent url(../images/structure/es-flag.jpg) no-repeat left 1px; text-align: right;}
#languageIt { width: 100px; height: 24px; margin-top: 8px; float: right; clear: right; padding: 0 0 0 25px; background: transparent url(../images/structure/it-flag.jpg) no-repeat left 1px; text-align: right;}

#language select {width: 100px;}
#languageFr select {width: 100px;}
#languageCn select {width: 100px;}
#languageDe select {width: 100px;}
#languageNl select {width: 100px;}
#languageEs select {width: 100px;}
#languageIt select {width: 100px;}

#header-links { position: absolute; width: 254px; height: 30px; left: 360px; top: 0px; }

/*#searchone { position: absolute; width: 224px; height: 50px; background-color:#333; background: transparent url(../images/structure/search-background.png) no-repeat 0px 0px; padding: 3px 0 0 7px;}
*/
.search-field-header { position: absolute; top: 8px; left: 8px; width: 170px; }
#menu {height: 43px; position: relative; top: 0; padding: 0; z-index: 3; clear: both; background: #00C1E3 url(/graphics/structure/main-menu-bg.png) no-repeat;}
#content {width: 927px;  height: auto; padding: 0 22px 0 22px; z-index: 0; background-color:#FFFFFF}
#left { width: 622px; height: auto; float: left; margin-bottom: 10px;}
#right { width: 300px; height: auto; float: right; position: relative; z-index:1}

/* Footer */ 
#footer { width: 970px; height: 195px; margin: 0 auto; position: relative; margin-top: 5px;}
#footer-hand_left { width: 200px; height: 100px; margin: 0 auto; }
#footer-hand_right { width: 200px; height: 100px; margin: 0 auto; }
#twitter { width: 88px; height: 115px; left: 730px; top: 35px; position:relative; }
#facebook { width: 121px; height: 40px; left: 285px; top: 115px; position:absolute; }
#share { width: 238px; height: 22px; left: 470px; top: 100px; position:absolute; }
/* #tripadvisor { width: 119px; height: 22px; left: 110px; top: 104px; position:absolute; } */
#tripadvisor { width: 150px; height: 40px; left: 100px; top: 80px; position:absolute; }
#wta { width: 104px; height: 115px; left: 150px; top: 75px; position:absolute; }
#yorkshireforward { width: 62px; height: 85px; left: 431px; top: 66px; position:absolute; }
#quicklinks { width: 955px; height: auto; min-height: 80px; left: -16px; top: 25px; position:relative;}
.quicklink-float { position: relative; float: left; height: auto; margin: 0px 20px; max-width:145px; }
.quicklink-float ul { list-style: none; margin: 0; padding: 6px; }
.quicklink-float ul li { line-height: 12px; }
.quicklink-float ul li a { text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#00B3DC; }
.quicklink-float ul li a:hover { text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#00B3DC; }
#address{ width: 400px; height: 60px; left: 280px; top: 15px; position:absolute; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#999; }

#quicklinks h3 a{ text-decoration: none; color: #006279; font-weight: bold; }


/* Rounded */
.rounded { -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.top-rounded { -webkit-border-radius-topleft: 6px; -moz-border-radius-topleft: 6px; -webkit-border-radius-topright: 6px; -moz-border-radius-topright: 6px; }
.bottom-rounded { -webkit-border-radius-bottomleft: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-radius-bottomright: 6px; -moz-border-radius-bottomright: 6px; }
.tabs-rounded { -webkit-border-radius-bottomleft: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-radius-bottomright: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-radius-topright: 6px; -moz-border-radius-topright: 6px; }

/* Buttons */ 
.refresh-button {position:relative; float:right; top: 5px; right:21px}
.blue-button-border { min-height: 8px;   padding: 5px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; position: relative; left:19px; }
.blue-button { min-height: 30px; background-color:#00B3DC; padding: 6px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; position: relative; }

#search-button { width: 27px; height: 25px; background: transparent url(/images/structure/search-button.png) 0px 0px no-repeat; text-indent: -1000em; cursor: pointer; border: none; margin:0px 10px 0 10px; position:relative; float: right; }
#search-button:hover { width: 27px; height: 25px; background: transparent url(/images/structure/search-button.png) 0px -25px no-repeat; text-indent: -1000em; cursor: pointer;  }
#search-button span { display: none; }
#search-button span span { display: none; }

/* Panels */ 
.dark-blue-panel { min-height: 30px; background-color:#026278; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; padding: 6px; z-index: 2; }
.white-panel-top { min-height: 5px; background-color:#FFF; /*border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-right: 1px solid #CCC; */ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; padding: 0px; z-index: 2; }
.light-blue-panel-border { min-height: 24px; background-color:#E0F9FE; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; padding: 6px; z-index: 2; }
.white-panel-border { min-height: 30px; background-color:#FFF; border: 1px solid #7DD5E9; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; padding: 6px; z-index: 2; }
.blank-panel-float { min-height: 30px; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; z-index: 2; border: 1px solid #B5ebf8; }
.blank-panel { min-height: 30px; z-index: 2; }
.white-panel-border-stretch { min-height: 120px; height: auto; background-color:#FFF; /* border-left: 1px solid #CCC; border-right: 1px solid #CCC;*/ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; padding: 3px 6px 3px 4px; z-index: 2; }
.white-panel-border-stretch h3 a:link, .white-panel-border-stretch h3 a:visited, .white-panel-border-stretch h3 a.white-panel-border-stretch h3 a:hover, .white-panel-border-stretch h3 a:active{text-decoration: none; color: #006279;}
.white-panel-border-bottom { height: 34px; /*border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; */ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; background-color:#FFF; }
.white-panel-border-stretch-right { min-height: 120px; height: auto; background-color:#FFF; /* border-left: 1px solid #CCC; border-right: 1px solid #CCC;*/ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; padding: 3px 6px 3px 6px; z-index: 2; }
.panel-border-bottom { height: 34px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; top: 197px; }

.panel-border-bottom-holder {position: absolute; top: 166px; width: 297px; position:relative;  z-index: 2;}

.panel-border-bottom-holder-small {position: absolute; top: 125px; width: 297px; position:relative;  z-index: 2;}
.panel-border-bottom-holder-large {position: absolute; top: 125px; width: 611px; position:relative;  z-index: 2;}

.image-panel { width: 298px; height: 338px; z-index: 1; position:relative; border: 1px solid #CCC; }
.image-panel .darkblue-panel a.button{position: relative; left: 1px;}

.image-panel-short { width: 298px; height: 234px; z-index: 1; position:relative; border: 1px solid #CCC; }
.image-panel-short .short-panel a.button{position: relative; left: 1px;}

#brown-panel { width: 298px; height: 200px; z-index: 2; position:absolute; background-image:url(/images/structure/brown-curve.png); top: 140px; }
.blank-panel-right { z-index: 2; border: 1px solid #B5ebf8; }
.blank-panel-middle { z-index: 2; border: 1px solid #B5ebf8; clear: both;}

#very-large-panel{z-index: 1; position:relative; clear:both; border: 1px solid #CCC; margin-right: 0px; width: 100%; height: 267px;}
#large-blue-panel{width: 298px; height: 160px; z-index: 2; position:absolute; top: 0px;}
#very-large-panel .large-panel-text-content span{width: 250px; color: #9de3f9; font-weight: bold; text-transform: uppercase}

.large-panel-text-content .buttons .sign-out{background: url(../images/structure/my-yorkshire-sign-out-btn.gif) no-repeat 0px 0px !important; height: 25px !important; width: 72px !important; text-align: left !important; padding: 0 5px 0 10px; line-height: 25px !important;}

/* New Panels */
#small-panel { width: 298px; height: 160px; z-index: 1; position:relative; border: 1px solid #CCC; }
#small-long-panel { width: 604px; height: 180px; z-index: 1; position:relative; clear:both; }
.darkblue-panel { width: 298px; height: 200px; z-index: 2; position:absolute; top: 140px; background-repeat:no-repeat; }
.small-panel-border-bottom { height: 34px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; top: 160px; }
#red-panel { width: 605px; height: 160px; z-index: 2; position:absolute; background-image:url(../images/structure/red-curve.png); background-repeat:no-repeat; top: 0px; left: -1px; }
#blue-panel { width: 298px; height: 160px; z-index: 2; position:absolute; top: 0px; }
#grey-panel { width: 298px; height: 160px; z-index: 2; position:absolute; top: 0px; }
.short-panel { width: 298px; height: 200px; z-index: 2; position:absolute; top: 140px; background-repeat:no-repeat; }


.small-panel-image {}
.small-panel-curve {}

.image-panel-image { height: 340px; position: absolute; width: 300px; z-index: 1; top: -175px; left: -1px;}
.image-panel-curve { height: 241px; position: absolute; width: 300px; z-index: 1; top: -40px; left: -1px; }
.image-panel-text-header { width:269px; height: 22px; position: absolute; z-index:3; top: 72px; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; left: 13px; }
.image-panel-text-content { width:269px; height: 60px; position: absolute; z-index:3; top: 98px; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; left: 13px; }

.image-panel-curve-short { height: 208px; position: absolute; width: 300px; z-index: 1; top: -114px; left: -1px; }
.image-panel-text-header-short { width:269px; height: 22px; position: absolute; z-index:3; top: 12px; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; left: 13px; }
.image-panel-text-header-short a {font-weight: normal;}
.image-panel-text-content-short { width:269px; height: 30px; position: absolute; z-index:3; top: 38px; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; left: 13px; }

.small-panel-image { height: 161px; position: absolute; width: 300px; z-index: 1; top: -35px; left: -1px; }
.small-panel-curve { height: 160px; position: absolute; width: 300px; z-index: 1; top: 0px; left: -1px; }

.large-panel-image { height: 161px; position: absolute; width: 608px; z-index: 1; top: -35px; left: 5px; }
.large-panel-curve { height: 160px; position: absolute; width: 605px; z-index: 1; top: 0px; left: -1px; }

.large-panel-image-no-button { height: 161px; position: absolute; width: 608px; z-index: 1; top: -34px; left: 5px; }

.small-panel-text-header { width:130px; height: 22px; position: absolute; z-index:3; top: 10px; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; left: 12px; }
.small-panel-text-content { width:120px; height: 60px; position: absolute; z-index:3; top: 53px; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; left: 12px; }

/* For Outdoors microsite win pod */
.small-panel-text-header-dkgrey { width:130px; height: 22px; position: absolute; z-index:3; top: 10px; color: #485865; font-family:Arial, Helvetica, sans-serif; font-size:22px; left: 10px; font-weight:bold; }
.small-panel-text-content-dkgrey { width:120px; height: 60px; position: absolute; z-index:3; top: 53px; color: #485865; font-family:Arial, Helvetica, sans-serif; font-size:14px; left: 10px; }
.small-panel-text-header-white { width:130px; height: 22px; position: absolute; z-index:3; top: 10px; color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:18px; left: 10px; font-weight:bold; }
.small-panel-text-content-white { width:120px; height: 60px; position: absolute; z-index:3; top: 38px; color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; left: 10px; }
.small-panel-text-content-white-pink { width:120px; height: 60px; position: absolute; z-index:3; top: 60px; color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; left: 12px; }
.small-panel-text-header-white-orange { width:130px; height: 22px; position: absolute; z-index:3; top: 5px; color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:18px; left: 10px; font-weight:bold; }
.small-panel-text-content-white-orange { width:120px; height: 60px; position: absolute; z-index:3; top: 30px; color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; left: 10px; }
/* end */

.large-panel-text-header { width:254px; height: 22px; position: absolute; z-index:3; top: 10px; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; left: 12px; }
.large-panel-text-content { width:255px; height: 60px; position: absolute; z-index:3; top: 43px; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; left: 15px; }

/* Blue Rounded */ 
.blue-rounded {width: 284px; height: 60px; background-color:#00B3DC; margin-top: 3px; position:relative;} 
.blue-rounded-text { position:absolute; width: 222px; height: 38px; top: 9px; left: 11px; } 
.blue-rounded-text-header { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color: #FFF; padding: 0; margin: 0; }
.blue-rounded-text-content { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color: #FFF; padding: 0; margin: 0;}
.blue-rounded-text-link { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color: #FFF; padding: 0; margin: 0; }
.blue-rounded-text-link a { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color: #FFF; text-decoration:underline; padding: 0; margin: 0; }
.blue-rounded-text-link a:hover { text-decoration:none; color: #fff;}
.blue-rounded-text-link a:visited {color: #fff;}
.white-arrow-large { position:absolute; width: 20px; height: 20px; top: 18px; left: 255px; } 

/* Listing Pod (eg: Events & Festivals */
.listingPod{}

.listingPod{}
.listingPod h3 span{font-weight: normal;}
.listingPod p{margin:0 0 10px 6px;}

/* Float */
.fl { float: left; }
.fr { float: right; }

/* Set widths */
.sw1 { width: 60px; }
.sw2 { width: 285px; }
.sw3 { width: 298px; }
.sw4 { width: 44px; }

/* Set heights */ 
.sh1 { height: 14px; }
.sh2 { height: 300px; }
.sh3 { height: 114px; }
.sh4 { height: 30px; }
.sh5 { height: 280px; }

/* Margin */ 
.mr1 { margin-right: 11px; }
.ml1 { margin-left: 6px; }
.mb1 { margin-bottom: 10px; z-index: 0 !important; }
.mt1 { margin-top: 6px; }

/* Padding */
.pt1 { padding-top: 4px; }
.pr1 { padding-right: 4px; }
.pl1 { padding-left: 4px; }

/* Call to action */
.action-holder { position: relative; z-index: 0; left: 1px; tosp: 1px; }
.action-holder-image { position: relative; z-index: 0; left: 1px; top: 0px; width: 150px;}

a.button { background: transparent url('../images/structure/right.png') no-repeat scroll bottom right; display: block; float: right; height: 35px; padding-right: 25px; text-decoration: none; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; z-index: 0; cursor: pointer; }
a.button span { background: transparent url('../images/structure/left.png') no-repeat; display: block; line-height: 25px; padding: 9px 6px 5px 18px; color:#fff;}
a.button:hover span { text-decoration:underline; color: #fff}

.hideul {display: none;} 
.top40 {top: 40px;}

#TopNav {float:right;font-size:85%;margin:10px 0 0 23px;display:inline;float:left;}
#TopNav li {display:inline;font-weight:normal}
#TopNav li a {font-weight:normal;color:#00B3DC;padding:0 5px; text-decoration: none;}
#TopNav img {vertical-align:middle}

#TopNav li a            { color:#00B3DC; text-decoration:none; }
#TopNav li a:link        { color:#00B3DC; text-decoration:none; }
#TopNav li a:active        { color:#999; }
#TopNav li a:hover        { color:#999; text-decoration:underline; }
#TopNav li a:visited    { color:#00B3DC; }

#footerNav { position: relative; clear: both;}

#BottomNav { font-size:85%; margin:10px 0 0 7px; padding: 0 0 20px 0; display:inline; width:920px; text-align: center; border-bottom: 1px solid #d7d7d7; width: 910px;}
#BottomNav li {display:inline; font-weight:normal padding: 0 0 0 0;}
#BottomNav li a {font-weight:normal; color:#00B3DC; padding:0 5px}
#BottomNav Nav img {vertical-align:middle}

#BottomNav li a            { color:#00B3DC; text-decoration:none;}
#BottomNav li a:link        { color:#00B3DC; text-decoration:none;}
#BottomNav li a:active        { color:#999;}
#BottomNav li a:hover        { color:#999; text-decoration:underline;}
#BottomNav li a:visited    { color:#00B3DC;}

.myyMenu {position:absolute;top:42px;right:-22px;z-index:999;width:172px;display:none;}
.myyMenu .myyMenuInner {width:172px;background:transparent url(../images/structure/bg-myy-menu-outer.png) repeat-y;}
.myyMenu ul {width: 153px;padding:0;margin:0 8px;list-style:none;background:#fff}
.myyMenu ul li {height:53px;padding:0;margin:0;list-style:none;border-bottom:1px solid #A2A2A2; background:#fff url(../images/structure/bg-myy-menu-item.gif) no-repeat;}
.myyMenu ul li:hover {background-position:0 -53px}
.myyMenu ul li span {display:block;float:left;margin:8px 0 0 20px;width:70px;height:42px;color:#000;font-size:10px;zoom:1;overflow:hidden}
.myyMenu ul li a {font-size:85%;font-weight:normal;color:#fff;display:block;float:right;clear:right;background:#808080;width:46px;height:14px;overflow:hidden}
.myyMenu ul li a.visit {margin:12px 10px 5px 0;background:#808080 url(../images/structure/bt-myy-view.gif) no-repeat;}
.myyMenu ul li a.visit:hover {background-position:0 -14px}
.myyMenu ul li a.remove {margin:0px 10px 0 0;background:#808080 url(../images/structure/bt-myy-remove.gif) no-repeat;}
.myyMenu ul li a.remove:hover {background-position:0 -14px}
.myyMenu ul li a span {display:none}


.HeaderBackground {position:absolute;width:940px;height:142px;background:transparent url(/images/structure/header-background.jpg) no-repeat 50% 0;z-index:-1}
.HeaderBackgroundInternational {position:absolute;width:940px;height:142px;background:transparent url(/images/structure/header-background-int.jpg) no-repeat 50% 0;z-index:-1}

#mediaPlayer {margin-bottom: 10px;}

.pod-standard-frame {padding: 8px 10px 8px 12px; height: 138px; width: 128px;  background-color:#E0F9FE; position:absolute; background:transparent url(/images/structure/large-frame.png) no-repeat 50% 0;}

.pod-advanced-frame {
background:transparent url(/images/structure/small-frame.png) no-repeat scroll 50% 0;
float:right;
height:60px;
padding:11px 5px 0px 15px;
position:relative;
top:-20px;
width:90px;
}

.language-top {position: absolute; top: 40px; left: 670px;}

.long-panel-frame {float: left; padding: 12px 10px 10px 10px; margin: 9px 0 0 0; background:transparent url(/images/structure/inspired-frame.png) no-repeat 50% 0; text-align: center; }

#inner p {margin:0}
#inner .button {margin:2px 0; float:right; position:absolute; top:120px; left:246px; width:40px}
a.advsearchlink {display:block;float: left;text-align:left;margin: 2px 0 0 45px;font-size:93%; font-weight: normal; color: #fff;}
a.advsearchlink:hover{text-decoration: none;}

#inner label.first {float:left;width:40px}
#inner label.hidden {display:block;visibility:hidden}
#inner #townId {width:120px}
#inner #at {width:160px;}
#inner .button {display:inline;float:none}
#inner .TabbedPanelsContent2 label.first {width:60px}
#inner .TabbedPanelsContent2 #Catid {width: 180px}
#inner .TabbedPanelsContent3 label.first {width:60px}
#inner .TabbedPanelsContent3 .button {display:inline;float:none}
#inner .TabbedPanelsContent4 label.first {width:60px}

input#nights, input#miles, input#Text1, input#Text2, input#days{border: none; outline: none; background: transparent url(/images/structure/input-bg-50px.gif) 50% 50% no-repeat; padding: 2px 5px;}
input#date1, input#date2{border: none; outline: none; background: transparent url(/images/structure/input-bg-110px.gif) 50% 50% no-repeat; padding: 2px 5px;}

.my-yorkshire {position: relative;}
.find-out-pod {width:75px; height:15px; color:#FFF; padding: 5px 5px 5px 10px; background: transparent url(/images/structure/find-out-more-btn-ie6-bg.png) 50% 50% no-repeat;}
.find-out-pod a {color:#FFF; text-decoration: none; }
.find-out-pod a:hover {color:#FFF; text-decoration: underline;}

.go-button {background: url(/images/structure/search-btn-bg.gif) 50% 50% no-repeat; color: #FFF; font-weight: normal; border: none; padding: 3px 10px 2px 2px; width: 54px !important; font-size: 11px !important; text-align: left; cursor: pointer; position: static !important; float: right !important; margin-right: 10px;}
.ui-widget select {border: none; background: transparent url(/images/structure/input-bg-250px.gif) left 50% no-repeat; height: 18px; line-height: 18px; font-size: 11px !important; *display: inline-block; *border: none !important;}
.ui-widget select option{background: #bdebfe; *background: #fff;}

.ui-widget select optgroup {background: #bdebfe; *background: #fff;}

.ui-widget select,
.ui-widget select option{*height: 20px; *line-height: 20px; *zoom: 1;}

.form-divide {height: 4px;}

.small-frame-holder {height: 70px; position : relative;}
.small-frame-holder-twit {height: 40px; position : relative;}

.long-panel-frame a { color: #00B3DC; text-decoration: none; }
.long-panel-frame a:hover { color: #00B3DC; text-decoration: underline; }
.long-panel-frame a:visited { color: #00B3DC; text-decoration: none; }

br.clearBoth{height: 1px; line-height: 1px; font-size: 1px; clear: both;}

/*weather Pod*/
div.weatherContainer .white-panel-border-stretch-right{min-height: 0!important;}
ul.weatherOuter, ul.weatherOuter li, ul.weatherInner, ul.weatherInner li,
ul.currencyOuter, ul.currencyOuter li, ul.currencyInner, ul.currencyInner li{color: #686868; font-size: 11px; list-style: none; list-style-image: none; margin-left: 0px;}
ul.weatherOuter li, ul.weatherInner li{width: 71px;}
ul.weatherOuter li ul.weatherInner li{text-align: center; float: left; clear: left}
ul.weatherOuter li{float: left; margin: 10px 0 15px 0;}
ul.weatherOuter li ul li {margin: 0 0 0 0;}
ul.weatherOuter li ul.weatherInner li img{border: 1px solid #c6c5d5;}

/*exchange rate Pod*/
ul.currencyOuter li ul.currencyInner{float: left; clear: left;}
ul.currencyOuter, ul.currencyOuter li, ul.currencyInner, ul.currencyInner li{font-size: 12px;}
ul.currencyOuter{padding: 5px 0 0 0; margin-bottom: 0px;}
ul.currencyOuter, ul.currencyInner{width: 280px;}
ul.currencyOuter li ul.currencyInner li{float: left; line-height: 20px;}
ul.currencyOuter li ul.currencyInner li.country{width: 53px; text-align: left;}
ul.currencyOuter li ul.currencyInner li img{margin: 0 15px; border: 1px solid #016575;}

/*Inspire Carousel Pod*/
#inspireCarousel{overflow: hidden; width: 910px !important;}
img.carouselControl{margin: 0 2px; cursor: pointer; display:none;}
#inspireCarousel ul, #inspireCarousel ul li{list-style: none; list-style-image: none;}
#inspireCarousel ul{*overflow: hidden; *height: 121px !important;}
#inspireCarousel ul li{margin: 9px 18px 0px 18px; overflow: visible; width: 88px !important; padding-bottom: 20px; *display: inline-block;}
#inspireCarousel .inspire-frame{}
#inspireCarousel a:link, #inspireCarousel a:visited, #inspireCarousel a:hover, #inspireCarousel a:active{outline: none; text-decoration: none;}
#inspireCarousel .inspire-frame img{width: 80px; height: 35px;}

#inspire-pod{*margin-top: 15px; *zoom: 1;}
#inspire-pod h2{color:#006279; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; margin:6px 0 0 6px; padding:0;}

/*SEO text*/
#content .footerText, #content .footerText h2, #content .footerText p, #content .footerText a{color: #666;}
#content .footerText a:hover{color: #333;}

/*Sitemap*/
.sitemap2 ul {list-style:none;padding:0;margin: 0 0 0 0}
.sitemap2 ul li {list-style:none; padding:0 0 20px 0;line-height:28px;margin:0;clear:both;width:100%;}
.sitemap2 ul li a {color:#4D4E50;font-size:131%;text-decoration:none;font-weight:bold;border-bottom:solid 1px #DCE1E4;display:block}
.sitemap2 ul li table {width:100%}
.sitemap2 ul li table td {vertical-align:top;width:33%;padding:0 20px 10px 0}
.sitemap2 ul li table td a {font-size:93%;text-decoration:none;font-weight:bold;border:0;display:inline;}
.sitemap2 ul li table td div {line-height:140%}
.sitemap2 ul li table td div a {font-size:85%;text-decoration:none;font-weight:normal;border:0;}

/*blog pod*/
#ajaxHolder a:link, #ajaxHolder a:visited, .blogTitle a:link, .blogTitle a:visited {color: #006279}


optgroup{color: #026278;}
.ui-widget select, .ui-widget select option{color: #026278;}


/*shortlist page*/
.shortlistRight #blue-panel .small-panel-text-content{top: 85px;}
.shortlistLeft .large-panel-image {top: 0px;}
.shortlistLeft .large-panel-text-header a{font-weight: normal; font-size: 26px;}
.shortlistLeft .large-panel-text-content span{ font-size: 11px; font-weight: bold; display: block; width: 150px; margin-top: 15px;}
.shortlistLeft .large-panel-text-content .buttons{margin-top: 15px;}
.shortlistLeft .large-panel-text-content .buttons a{display: block; float: left; font-size: 11px; color: #fff; font-weight: bold; height:31px; background: url(../images/structure/my-shortlist-buttons.gif) no-repeat; text-align: center; text-decoration: none; line-height: 32px;}

.shortlistLeft .large-panel-text-content .buttons a.plan,
.shortlistLeft .large-panel-text-content .buttons a.register{width: 65px; background-position: 0px 0px; margin-right: 5px;}
.shortlistLeft .large-panel-text-content .buttons a.create-plan{width: 106px; background-position: -65px -31px; margin-right: 5px;}

.nviframe iframe {width:98px;height:33px;}

.my-yorkshire-panel{}

.my-yorkshire-panel .image-panel-curve{top: -112px;}

.my-yorkshire-panel .image-panel-text-header{top: 15px;}

.my-yorkshire-panel .image-panel-text-header a{
	font-size: 28px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
}

.my-yorkshire-panel a.button{
	left: 0px !important;
}

.my-yorkshire-panel .image-panel-text-content{
	font-weight: bold;
	text-transform: uppercase;
	top: 29px;
}

.my-yorkshire-panel .image-panel-text-content span{width: 170px;}

/*--Homepage Pods--*/
.homepod{float: right;}
.homepodLeft{float: left;}
.homepodLeft a{color:#fff;}
.homepodLeft a:active{color:#fff;}
.homepodLeft a:link{color:#fff;}
.homepodLeft a:hover{color:#fff;}

.homepod, .homepodLeft{}

.homepodLeft .blank-panel-float, .homepodLeft .image-panel{margin-right: 0px !important;}
.homepod .blank-panel-float, .homepodLeft .blank-panel-float{float: none !important;}

.homepod #small-long-panel, .homepodLeft #small-long-panel{*top: 10px;}


/*outdoors hp pods */

.podOutdoors {
	width:297px;
	height:169px;
	padding-bottom: 13px;
	padding-right: 13px;
	padding-top:5px;
	clear:both;
	min-height:169px;}
	
.podOutdooorImg {
	display:block}

.podOutdoorsTitle {  
	color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
	margin-left:7px; 
	margin-top:118px;
	text-decoration:none;
}

.podOutdoorsText {
	color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
	margin-left:7px; 
	margin-top:0px;}
	
	
.podOutdoorsMore {
	float:right;
	background: url(../images/structure/outdoors/more_label.png) no-repeat scroll 0% 0% transparent; 
	width: 122px; 
	height: 33px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	font-weight: bold;
	color:#fff;
	margin-bottom:15px;
	padding-left:15px;}
	
.podOutdoorsMoreText {
	margin-left: 5px; 
	margin-top: 10px;}
	
.podOutdoorsMoreText a {
	color:#fff;}

.podOutdoorsBottomPanel {
	position: relative;
	left:15px;
	top:-8px;}	
	
/* for outdoors homepage pods only */	

.podOutdoorsHP {
	width:297px;
	height:169px;
	padding-bottom: 13px;
	padding-right: 13px;
	padding-top:5px;
	clear:both;
	min-height:169px;}
	
.podOutdooorImgHP {
	display:block}

.podOutdoorsTitleHP {  
	color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
	margin-left:7px; 
	margin-top:90px;
	font-weight:bold;
	text-decoration:none;}

.podOutdoorsTextHP {
	color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
	margin-left:7px; 
	margin-top:0px;}
	
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */