html {
height: 100%;
margin: 0px;
padding: 0px;
background: none;
}
body {
font-family: "arial", "sans-serif";
font-size: 12px;
background-image: url('/resources/images/cowal_bg.jpg');
background-repeat: no-repeat;
background-color: #a0c5db;
background-position: 50% 0%;
background-attachment: scroll;
padding: 0px;
margin: 0px;
height: 100%;
width: 100%;
text-align: center;
/*overflow-x: hidden;*/
}
strong {
font-weight: bold !important;
}
/* some global widely-used styles */
.clear {
clear: both;
font-size: 1px;
height: 0px;
}
.align_left {
float: left;
}
.align_right {
float: right;
}
.underlined {
font-family: "georgia", "serif";
font-size: 28px;
font-weight: bold;
color: #4b3a20;
display: block;
margin: 0px;
padding: 0px;
padding-bottom: 10px;
background: url('../images/h2_underlined.gif') repeat-x 0% 100%;
}
a {
color: #255d88;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.arrow_link {
color: #255d88;
background: url('../images/arrow_link.jpg') no-repeat 0% 50%;
padding-left: 20px;
}
/* common page structure */
div#main_wrapper {
width: 980px;
margin: 0px auto;
text-align: left;
overflow: hidden; /*mianly for a megadropdown not to cause page scrolling */
position: relative; /* this fixes one ie bug */
}
div#top_nav {
width: 971px;
height: 125px;
padding-left: 9px;
clear: both;
position: relative;
z-index: 999;
}
div#top_nav .quote {
font-family: "georgia", "serif";
font-style: italic;
font-size: 18px;
color: #6f5a3f;
position: absolute;
right: 52px;
top: 25px;
}
div#top_nav .logo {
width: 155px;
height: 93px;
display: block;
padding: 0px;
margin: 0px;
overflow: hidden;
text-indent: -9999px;
float: left;
}
div#top_nav h1.logo, div#top_nav h2.logo {
margin-top: 9px;
}
div#top_nav a.logo {
background: url('../images/cowal_logo.jpg') no-repeat;
}
div#main_content {
background: #d5e2ea;
width: 980px;
}
div#top_nav ul, div#top_nav li {
list-style-type: none;
}
div#top_nav .menu {
padding-top: 9px;
}
div#top_nav ul.main_menu {
width: 787px; /* orig: 807px; */
padding-left: 20px;
height: 36px; /* orig: 53px; */
background: url('../images/top_nav_bg.jpg') no-repeat;
margin-top: 72px;
padding-top: 17px;
float: right;
display: block;
}
div#top_nav ul.main_menu li {
display: block;
float: left;
font-family: "georgia", "serif";
font-size: 17px;
height: 36px;
line-height: 29px;
vertical-align: middle;
padding-left: 7px;
margin-right: 7px;
position: relative;
}
div#top_nav ul.main_menu li span.rounded {
display: inline-block;
font-size: 1px;
height: 27px;
width: 1px;
margin-top: 1px;
margin-bottom: 1px;
float: left;
overflow: hidden;
background: transparent;
}
div#top_nav ul.main_menu li span.active {
background: #c1d8e6 !important;
}
div#top_nav ul.main_menu li span.inactive {
/*background: transparent !important;*/
}
div#top_nav ul.main_menu li a {
height: 29px;
line-height: 29px;
vertical-align: middle;
display: inline-block;
float: left;
color: #4b3a20;
padding-left: 8px;
padding-right: 8px;
text-decoration: none;
}
div#top_nav ul.main_menu li a:hover {
background: transparent;
text-decoration: none;
}
div#top_nav ul.main_menu li .mega_dropdown {
display: none !important;
}
/* active states for li (for IE) */
div#top_nav ul.main_menu li.active .mega_dropdown {
display: block !important;
}
div#top_nav ul.main_menu li.active span.rounded {
background: #c1d8e6 !important;
}
div#top_nav ul.main_menu li.active a.main_link {
background-color: #c1d8e6 !important;
}
/* active states for other browsers */
div#top_nav ul.main_menu li:hover .mega_dropdown {
display: block !important;
}
div#top_nav ul.main_menu li:hover span.rounded {
background: #c1d8e6 !important;
}
div#top_nav ul.main_menu li:hover a.main_link {
background-color: #c1d8e6 !important;
}
/* and now states for currently chosen li */
div#top_nav ul.main_menu li.chosen span.rounded {
background: #c1d8e6 !important;
}
div#top_nav ul.main_menu li.chosen a.main_link {
background-color: #c1d8e6 !important;
}
/* mega dropdown */
.mega_dropdown {
background: #d5e2ea;
position: absolute;
top: 0px;
left: 0px;
filter:alpha(opacity=97);
-moz-opacity:0.97;
-khtml-opacity: 0.97;
opacity: 0.97;
padding: 9px 32px 20px 33px;
}
.mega_dropdown_container {
position: absolute; width: 1000px; top: 36px; left: -15px;
}
/* we want to have priority over previous ul */
div#top_nav ul.main_menu .mega_dropdown ul {
background-color: #d5e2ea !important;
display: block;
height: auto;
margin: 0px;
padding: 0px;
}
div#top_nav ul.main_menu .mega_dropdown ul li {
display: inline;
float: left;
position: static;
height: auto;
width: auto;
padding: 0px;
margin: 0px;
margin-right: 40px;
color: #432f12;
font-size: 16px;
}
div#top_nav ul.main_menu .mega_dropdown ul li a {
padding: 0px;
margin: 0px;
padding-bottom: 3px;
background-color: #d5e2ea;
}
div#top_nav ul.main_menu .mega_dropdown ul li a:hover {
text-decoration: underline;
}
div#top_nav ul.main_menu .mega_dropdown ul li ul {
margin-top: 5px;
}
div#top_nav ul.main_menu .mega_dropdown ul li ul li {
float: none;
height: auto;
display: block;
position: static;
clear: both;
padding: 0px;
margin: 0px;
line-height: 23px;
}
div#top_nav ul.main_menu .mega_dropdown ul li ul li a {
color: #255d88;
background: url('../images/blue_arrow.png') no-repeat 0% 2px;
padding: 0px;
margin: 0px;
padding-left: 20px;
margin: 2px 0;
width: auto;
height: auto;
clear: both;
display: block;
font-size: 12px;
font-family: "arial", "sans-serif";
line-height: 16px;
max-width: 140px;
width: expression(this.clientWidth > 140 ? 140 : true); /* ie fix */
}
div#top_nav ul.main_menu .mega_dropdown ul li ul li a:hover {
text-decoration: underline;
background: url('../images/blue_arrow.png') no-repeat 0% 2px;
}
/* end of mega dropdown */
div#footer {
clear: both;
width: 980px;
background: url('../images/footer_bg.jpg') repeat-x #ffffff 0% 0%;
height: 85px; /* orig 115px; */
padding-top: 30px;
margin-bottom: 35px;
display: block;
position: relative;
overflow: hidden;
}
div#footer .left_part {
width: 326px; /* orig 326px; */
float: left;
padding-top: 10px;
}
div#footer .left_part ul {
list-style-type: none;
display: block;
clear: both;
margin-bottom: 15px;
}
div#footer .left_part li.standard {
display: inline;
padding-right: 15px;
}
div#footer .left_part li.authors {
clear: both;
display: block;
}
.author {
font-size: 11px;
bottom:9px;
font-size:11px;
position:absolute;
right:20px;
}
div#footer .middle_part {
width: 326px;
float: left;
padding-top: 10px;
}
div#footer .left_part img {
display: block;
margin: auto;
margin-left: 15px;
}
div#footer .middle_part img {
display: block;
margin: auto;
}
div#footer .right_part {
width: 326px;
float: left;
padding-top: 10px;
}
div#footer .right_part img {
display: block;
float: right;
margin-right: 15px;
}
/* special offers */
.special_offers h3 {
color: #255d88;
padding: 10px 3px;
margin: 0px;
font-size: 14px;
line-height: 17px;
display: block;
}
.special_offers p {
display: block;
padding-left: 3px;
}
.bottom_links {
width: 95%;
padding-top: 15px;
}
.bottom_links a {
margin-bottom: 4px;
display: inline-block;
}
.special_offers img.leaflet {
float: right;
margin-top: 10px;
}
/* call to action and its headers */
a.call_to_action {
height: 95px;
display: block;
text-decoration: none;
}
a.call_to_action:hover {
background-position: 0% 100%;
text-decoration: none;
}
/* normal browsers */
a.call_to_action:hover strong {
background-position: 0% 100% !important;
}
a.call_to_action strong {
display: block;
margin-left: 15px;
clear: both;
background-repeat: no-repeat;
background-position: 0% 0%;
height: 67px;
text-indent: -999px;
overflow: hidden;
}
a.call_to_action span {
display: block;
height: 26px;
line-height: 26px;
vertical-align: middle;
padding-left: 20px;
font-family: "arial", "sans-serif";
color: white;
font-size: 14px;
}
a#cta_newsletter_signup,
a#cta_outdoor_activities,
a#cta_how_to_get_here,
a#cta_discover_cowal,
a#cta_whats_on,
a#cta_places_to_visit,
a#cta_eating_out,
a#cta_where_to_stay,
a#cta_walking,
a#cta_latest_news {
width: 280px;
height: 67px;
text-indent: -9999px;
overflow: hidden;
background-image: url('/images/global/calls_to_action.jpg');
background-repeat: no-repeat;
display: block;
margin: 10px 0 10px 20px;
}
a#cta_newsletter_signup {
background-position: 0 0 ;
}
a:hover#cta_newsletter_signup {
background-position: -280px 0 ;
}
a#cta_outdoor_activities {
background-position: 0 -67px ;
}
a:hover#cta_outdoor_activities {
background-position: -280px -67px ;
}
a#cta_how_to_get_here {
background-position: 0 -134px ;
}
a:hover#cta_how_to_get_here {
background-position: -280px -134px ;
}
a#cta_discover_cowal {
background-position: 0 -201px ;
}
a:hover#cta_discover_cowal {
background-position: -280px -201px ;
}
a#cta_whats_on {
background-position: 0 -268px ;
}
a:hover#cta_whats_on {
background-position: -280px -268px ;
}
a#cta_places_to_visit {
background-position: 0 -335px ;
}
a:hover#cta_places_to_visit {
background-position: -280px -335px ;
}
a#cta_eating_out {
background-position: 0 -402px ;
}
a:hover#cta_eating_out {
background-position: -280px -402px ;
}
a#cta_where_to_stay {
background-position: 0 -469px ;
}
a:hover#cta_where_to_stay {
background-position: -280px -469px ;
}
a#cta_walking {
background-position: 0 -536px ;
}
a:hover#cta_walking {
background-position: -280px -536px ;
}
a#cta_latest_news {
background-position: 0 -603px ;
}
a:hover#cta_latest_news {
background-position: -280px -603px ;
}
/* cowal map */
#cowal_map {
width: auto;
height: 245px;
/*background: url('../images/cowal_map.jpg') no-repeat;*/
position: relative;
overflow: hidden;
}
#cowal_map h2.visit_cowal {
width: auto;
height: 41px;
background: url('../images/visit_cowal_header.png') no-repeat;
text-indent: -9999px;
overflow: hidden;
margin: 0px;
padding: 0px;
display: block;
}
#cowal_map .bubble {
width: 172px; /* orig 184px; */
height: 61px; /* orig: 73px; */
padding: 6px;
background: url('../images/map_bubble.gif') no-repeat;
position: absolute;
font-family: "georgia", "serif";
color: white;
font-size: 12px;
top: 46px;
left: 13px;
}
#cowal_map .bubble a {
background: url('../images/brown_arrow.png') no-repeat 0% 50%;
padding-left: 20px;
color: white;
font-family: "arial", "sams-serif";
font-size: 12px;
margin-top: 5px;
display: block;
}