body, th, td { color: #222; font-family:'Open Sans',verdana,arial,sans-serif; font-size: 13px; line-height:140%; }
body { background-color:#f4f4f4; margin:0; padding:0; }

a { color:#0060D4; text-decoration: none; }
a:hover { text-decoration: underline; }
img { margin:0; display: block; border: 0; }
.high { color:yellow; }

h1 { color:#0060A4; margin:5px 0px 15px; font-size:24px; line-height: 27px;font-weight:600; }
h2 { clear:both; color:#000; margin:0px 0px 10px; font-size:18px; line-height: 21px; font-weight:600;}
h3 { clear:both; color:black; margin:0px 0px 2px; font-size:15px; font-weight:600;}
p { margin:0px 0px 10px; }
time { color:#777; font-size: 0.8em; margin:0px 0px 5px; }

#wrapper { width:900px; margin:0 auto; }
#body { float:left; width:870px; padding:0 15px; background-color:#fff; 
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0, .65); -moz-box-shadow: 0px 0px 5px rgba(0,0,0, .65); box-shadow: 0px 0px 5px rgba(0,0,0, .65);
	border-bottom-left-radius: 6px;	-moz-border-radius-bottomleft: 6px;	-webkit-border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;	-moz-border-radius-bottomright: 6px;	-webkit-border-bottom-right-radius: 6px;
}

#header { float:left; width:870px; height: 105px;
    background-color: #0060A4; /* fallback color */
    background-image: -moz-linear-gradient(100% 100% 90deg, #0060A4, #00528C);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0060A4), to(#00528C));
}
#header .site { float:left; width:380px; margin-left:20px;  height:42px; padding:30px 0px 0px 70px; font-family:Helvetica,Arial,sans-serif; font-size: 27px; color:#D9D9F9; background:url(roses.png) left 50% no-repeat; }
#header .site a { color:#D9D9F9; text-decoration: none; }
#header .site strong { color:white; }
#header .towns { float:right; width:320px; margin:30px 15px 0px 0px; text-align: right; color:#D9D9F9; font-family:Helvetica,Arial,sans-serif; font-size:16px;}

/* Superfish menu */
#menu { float:left; width:870px; height:30px; border-top:1px dotted white; line-height:120%; }
#menu .current { color:yellow; }
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { line-height:1.0; float:left; }
.sf-menu ul { position:absolute; top:-999em; width:14em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float:left; position:relative; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:2.25em; /* match top ul list item height */ z-index:99; }
ul.sf-menu > li > a { border-right:1px dotted white; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:10em; /* match ul width */ top:0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0; }
.sf-menu a { padding:9px 20px 9px; text-decoration:none; font-family:'Open Sans',Arial,sans-serif; font-size:14px; font-weight: bold; color:white; }
.sf-menu li li { background:#00528C; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background:#00528C; color:yellow; outline:0; }
.sf-shadow ul { background:url(dropdown-shadow.png) no-repeat bottom right; padding:0 8px 9px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px; }
.sf-shadow ul.sf-shadow-off { background:transparent; }
.sf-menu a.sf-with-ul { padding-right:2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url(dropdown-arrows.png) no-repeat -10px -100px; }
a > .sf-sub-indicator { top:.8em; background-position:0 -100px; }
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator { background-position:-10px -100px; }
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:-10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position:-10px 0; }

#main { position:relative; float:left; width:870px; margin:15px 0px; }
#footer { float:left; width:870px; padding:15px; color: #555; font-size:11px; }
.credit { float:left; width:670px; }
.footer-social { overflow:hidden; zoom:1; margin:0; float:right; width:100px; }
.social a { width:40px; height:40px; float:right; line-height:40px; margin:0 0 0 10px; background-position:50% 50%; background-repeat:no-repeat; text-indent:-99999px; }
#twitter a { background-image:url(social-twitter.png); }
#facebook a { background-image:url(social-facebook.png); }


.row { float: left; clear: both; width:870px; }
#page .col { float: left; width:425px; }

.sustrans15 { position:absolute; top:280px; left:545px; z-index:99; }

.home .image { float:left; width:655px; height:390px; overflow: hidden; }
.home .tabs { float:left; width:200px; margin:-15px 0px 0px 15px; }
.home .tabs div { float:left; margin:15px 0 1px; display:block; width:200px; background-color:#0060A4; text-align: center; color: white; }
.home .tabs a:hover div { color:yellow; }
.home .tabs div img { display: block; }
.home .tabs div span { display: block; height:24px; line-height: 24px; }
.home .intro { float:left; width:440px; margin-top:15px; margin-right:15px; }

.home .twitter,
.home .hp-news { float:left; width:200px; margin-top:15px; margin-right:15px; background-color: #f6f6f6; min-height:370px; overflow-x: hidden; }
.home .twitter h3,
.home .hp-news h3 { background:url(rss_icon.png) 10px top no-repeat #0060A4; color:white; padding:12px 0px 0px; text-align:center; font-size:14px; height:23px; line-height:15px; margin:0px; }
.home .hp-news article { padding:10px; }
.home .hp-news article img { margin-bottom:10px; }
.home .hp-news article h2 { margin:0px 0px 5px; }

 .home .twitter h3{ background:url(twitter_icon.png) 10px top no-repeat #0060A4; padding:12px 0px 0px 32px; }
.home .twitter ul { margin:0; padding:0; list-style:none; }
.home .twitter li { margin:10px 15px; padding-bottom:10px; border-bottom:1px dashed #ccc; }
.home .twitter .note { font-size:90%; color:#666; }
.home .twitter p.follow { margin:10px 15px; font-size:90%; }

.home .home-aside {float:left; width:200px; overflow:hidden; }
.home .home-aside .sustrans { float:left; width:200px; text-align:right; margin:20px 0 10px 0;}
.home .home-aside .sustrans img { float:right;}

.news {}
.news .content { float:left; width:655px; }
.news article { border-top:1px dotted #aaa; margin-top:15px; clear: both; }
.news article .lead-image { float:left; margin:0px 15px 15px 0px; display:block; }
.news h2 { margin:15px 0px 0px; }
.news article .images { float:right; margin:-15px 0px 10px 15px; font-size:0.8em; text-align:center; text-transform: uppercase; color:#777; }
.news article .images img { margin-top: 15px; }
.page-navigation { clear:both; border-top:1px dotted #aaa; margin-top:15px; padding-top:10px; }

aside { float:left; width:200px; margin-right:15px; }
aside .pod { float:left; width:198px; border:1px; border:1px solid #d0d0d0; background-color:#fcfcfc; margin-bottom:15px; }
aside .pod h3 { padding:9px 10px 0px; height:26px; margin:0; background-color:#d9d9d9; font-weight:bold; color:#555; }
aside .pod ul { float:left; list-style:none; margin:0px; padding:0px; }
aside .pod li { float:left; width:158px; margin:10px 10px 0px; padding:0px 10px 10px; border-bottom:1px dotted #bbb; }
aside .pod li:last-child { border-bottom:none; }
aside .pod p { margin:10px; }

.gallery {}
.gallery .sidebar { float:left; width:336px; margin-right:15px; border:1px solid #d0d0d0; background-color:#fcfcfc; }
.gallery .sidebar .title { float:left; width:306px; padding:5px 15px 4px; background-color:#d9d9d9; font-weight:bold; color:#777; }
.gallery .sidebar .item { float:left; width:306px; padding:15px; border-top:1px dotted #ddd; }
.gallery .sidebar .item img { float:left; padding:4px; border:1px solid #999; margin-right:10px; }
.gallery .sidebar .current { background-color:#ffffd0; }
.gallery .sidebar .current img { background-color:white; border-color:#A94623; }
.gallery .sidebar .paging { float:left; width:306px; padding:5px 15px 4px; color:#777; font-weight:bold; border-top:1px dotted #ddd; }
.gallery .sidebar .paging .left { float:left; width:100px; }
.gallery .sidebar .paging .right { float:right; width:160px; text-align:right; }

.gallery .browser { float:left; width:515px; border:1px solid #d0d0d0; background-color:#fcfcfc; }
.gallery .browser .title { float:left; width:485px; padding:5px 15px 4px; background-color:#d9d9d9; font-weight:bold; color:#777; }
.gallery .browser .lead { float:left; width:500px; padding:15px 0px 0px 15px; background-color:white; }
.gallery .browser .lead img { float:left; padding:4px; border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; width:475px; }
.gallery .browser .lead .info { float:left; width:453px; padding:10px 15px 15px; border-bottom:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; }

.gallery .browser .thumbs { float:left; width:500px; padding:15px 0px 0px 15px; }
.gallery .browser .thumbs img { float:left; padding:4px; border:1px solid #999; margin:0px 15px 15px 0px; }

table.datagrid { border-left:1px solid #999; border-top:1px solid #999; }
table.datagrid td, table.datagrid th { border-right:1px solid #999; border-bottom:1px solid #999; padding-right:10px; }
table.datagrid th { background-color:#eee; }
.poi td { vertical-align:top; padding:5px 10px 5px 0px; border-bottom:1px dotted #ddd; }

.float-left { float:left; }
.float-right { float:right; }

.poi .content { float:left; width:655px; }
.poi article { border-top:1px dotted #aaa; margin:15px 0px; clear: both; }
.poi h2 { margin:15px 0px 3px; }
.poi article .address { display:inline-table; width:280px; vertical-align:top; }
.poi article .contact { display:inline-table; width:340px; vertical-align:top; }
.poi article .contact span { display:inline-table; width:26px; margin-top:1px; }
.poi article .contact em { display:inline-table; width:300px; font-style:normal; vertical-align:top; }

.accommodation .content { float:left; width:655px; }
.accommodation .article { float:left; width:655px; border-top:1px dotted #aaa; margin:0px 0px 15px; padding:15px 0px 0px; clear: both; }

.accommodation h2, .accommodation h3 { margin:0px 0px 3px; }
.accommodation .article .distance { float:left; width:40px; color:#88d; font-size:80%; padding:1px 0px; vertical-align:top; }
.accommodation .article .details { float:left; width:390px; padding:0px; vertical-align:top; }
.accommodation .article .details h3 { margin-bottom:10px;}
/*.accommodation .article .details span { display:inline-table; width:26px; padding:0; margin:1px 0px 0px; }
.accommodation .article .details em { display:inline-table; width:335px; padding:0; margin:0; font-style:normal; vertical-align:top; }
*/.accommodation .article .details-standard { float: left; width: 150px; margin-left: 40px; vertical-align:top;}
.get-in-touch { float: left; width:225px; margin-left: 15px;}	
.get-in-touch span { display:inline-table; width:26px; padding:0; margin:1px 0px 0px; }
.get-in-touch em { display:inline-table; width:189px; padding:0; margin:0; font-style:normal; vertical-align:top; overflow: hidden;}
.venue {width: 615px; height: auto; float: left; margin-bottom: 5px;}
.text {float: left; width: 390px; margin-left: 40px;}

.accommodation-contacts { position:relative; overflow:hidden; margin-bottom:0;}
.accommodation-contacts span { display:inline-block; float:left; margin:0 20px 10px 0;}
.accommodation-contacts span img { float:left; margin:2px 8px 0 0;}

.accommodation-social { position:relative; overflow:hidden; margin-bottom:0;}
.accommodation-social span { display:inline-block; float:left; margin:0 5px 10px 0;}
.accommodation-social span img { float:left; margin:2px 8px 0 0;}

.accommodation .article .images { float:right; width:210px; vertical-align:top; padding:0px 0px 0px 15px; margin:0; }
.accommodation .article .images .photo img { border:1px solid #222; display:block; float:left; }
.accommodation .article .images .photo img.first { margin-bottom:10px; }
.accommodation .article .images .photo img.one { margin-right:10px; }
.accommodation .article .images .photo img { margin-bottom: 10px; }
.accommodation .article .images .award  { margin-left: -15px; } 
.accommodation .article .images .award img {margin-left: 15px; display: block; float: left;}

/*----Log-book----*/
.formdefault input[type=text], .formdefault textarea  { padding:.5em; border: 1px solid #c2c2c2; }
.formdefault label { clear:left; overflow:hidden; height:1%; display:block; margin-bottom:5px; }
.formdefault span { float:left; width:140px; }
.formdefault fieldset { margin:18px 0; border:none; }
.formdefault input[type=text]:focus, 
.formdefault textarea:focus { border: 1px solid #2b400a; }
.formdefault .submit {background-color: rgb(209, 87, 43); width:80px; height:30px; border:0; color:#fff; cursor:pointer; margin:0 0 0 140px; font-size:14px; float:left; border-radius: 5px; -moz-border-radius: 5px; }
.formdefault .submit:hover { background:#000; color:#fff;}

#log {width: 95px; height: 15px; background-color: rgb(209, 87, 43); border-radius: 5px; -moz-border-radius: 5px; padding: 10px; float: right;}
#log:hover {background-color: black;}
.log-book {color: white;}
.log-book:hover {text-decoration: none;}

#thankyou-wrapper {width: 100%; margin-top: 20px;}
.thankyou-image, .last-thankyou-image  {padding: 4px; background-color:rgb(209, 87, 43);; float: left; width: 150px; height: 110px; margin-right: 20px;}
.last-thankyou-image {margin-right: 0px;}

/*------Guided tours-------*/
.tour_images {width: 300px; float: right; margin: 0px;}
.tour_left_column {float: left; margin-right: 20px; width: 550px;}
.tour_left_column span { display:inline-table; width:26px; padding:0; margin:1px 0px 0px; }
.tour_left_column em { display:inline-table; width:524px; padding:0; margin:0; font-style:normal; vertical-align:top; }
.tour-wrapper { float:left; width:870px; border-top:1px dotted #aaa; margin:0px 0px 15px; padding:15px 0px 0px; clear: both; }

/*-- Operators -- */
.operator-wrapper { float:left; width:870px; border-top:1px dotted #aaa; margin:0px 0px 15px; padding:15px 0px 0px; clear: both; }
.operator-logo { float:left; width:200px; margin-right:20px; text-align:center; }
.operator-logo img { display: inline-block; }
.operator-detail { float:left; width:450px; margin-right:20px; }
.operator-contact { float:left; width:180px; }
.operator-contact span { padding-left:22px; height:22px; line-height:22px; background:url(icon_telephone.png) 0px 1px no-repeat; }
span.icon-phone { background-image:url(icon_telephone.png); } 
span.icon-email { background-image:url(icon_email.png); } 
span.icon-website { background-image:url(icon_world.png); } 


/*--------Map---------*/
#route_map { width:650px; height:454px; margin-bottom:20px; float: left; }

.route_pod { float:right; width:198px; border:1px; border:1px solid #d0d0d0; background-color:#fcfcfc;}
.route_pod h3 { padding:9px 10px 0px; height:26px; margin:0; background-color:#d9d9d9; font-weight:bold; color:#555; }
.route_pod ul { float:left; list-style:none; margin:0px; padding:0px; }
.route_pod li { float:left; width:183px; margin:8px 0px 0px 7px; padding:0px 0px 7px; border-bottom:1px dotted #bbb; }
.route_pod li:last-child { border-bottom:none; }
.route_pod p { margin:4px; }
.route_pod a.level2 {font-size: 90%;}
lang {font-size: 88%; }

.route_accommodation { float: left; margin-right: 10px; background-color: rgb(209, 87, 43); -moz-border-radius: 5px; border-radius: 5px;}
.route_b_and_b { float: left; margin-right: 10px; background-color: rgb(209, 87, 43); -moz-border-radius: 5px; border-radius: 5px;}
.route_hotels { float: left; margin-right: 10px; background-color: rgb(209, 87, 43); -moz-border-radius: 5px; border-radius: 5px;}
.route_camping { float: left; margin-right: 10px; background-color: rgb(209, 87, 43); -moz-border-radius: 5px; border-radius: 5px;}
.route_group { float: left; margin-right: 10px; background-color: rgb(209, 87, 43); -moz-border-radius: 5px; border-radius: 5px;}
.route_self_catering { float: left; margin-right: 10px; background-color: rgb(209, 87, 43); -moz-border-radius: 5px; border-radius: 5px;}
.route_food { float: left; margin-right: 10px; background-color: rgb(221, 160, 221); -moz-border-radius: 5px; border-radius: 5px;}
.route_bike_shops { float: left; margin-right: 10px; background-color: rgb(119, 136, 151); -moz-border-radius: 5px; border-radius: 5px;}
.route_poi { float: left; margin-right: 10px; background-color: rgb(124, 205, 124); -moz-border-radius: 5px; border-radius: 5px;}
.route_information_centres { float: left; margin-right: 10px; background-color: rgb(30, 144, 255); -moz-border-radius: 5px; border-radius: 5px;}

.checkbox {margin: 5px;}