﻿/** Naxxar Walks - http://www.naxxarwalks.com
    Author: CasaSoft - http://www.casasoft.com.mt
**/

html, body, .html-container p, .form-fields-item-control .form-fields-button-default {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #333333;
}

body
{
  background: #EEEEEE;
}

h1,
.html-container h1 {
  font-size: 24px;
  font-weight: normal;
  border-bottom: 1px dotted #999999;
  padding-bottom: 10px;
  line-height: 85%;
  margin-bottom: 10px;
}

h2,
.html-container h2 {
    font-size: 18px;
    font-weight: normal;
    border-bottom: none;
}

.main-site-wrapper {
  background: #FFFFFF;
}

.main-site-content-wrapper {
  background: url("/images/site-background.png") repeat-x;
  padding-top: 10px;
}

a,
h2,
.html-container h2,
.html-container a,
footer .main-menu-navigation-wrapper li a,
.nav-breadcrumbs a,
.nav-breadcrumbs,
.point-of-interest-number {
   color: #B20000;
}

.html-container a,
footer .main-menu-navigation-wrapper li a {
  text-decoration: underline;
}

input:invalid, textarea:invalid {
    background: none !important;
}

footer .main-menu-navigation-wrapper li a {
     font-weight: bold;
}

.nav-breadcrumbs a {
  font-size: 11px;
  font-weight: normal;
}

.nav-breadcrumbs {
  text-decoration: none;
}

footer .main-menu-navigation-wrapper li a:hover,
.html-container a:hover,
a:hover {
    text-decoration: none;
}

.main-site-content-left-pane,
.main-site-content-right-pane {
  float: left;
}

.main-site-content-right-pane {
  width: 300px;
}

.main-site-content-left-pane {
  margin-right: 15px;
  border-right: 1px dotted #999999;
}


@font-face
{
  font-family: Domine;
  src: url('Domine-Regular.ttf');
}

.header-wrapper,
.footer-texts-nav-wrapper,
.main-site-content,
.choose-your-walk-container,
.carousel-fred-core-container,
.content-walks-map-carousel,
.walk-maps-carousel-wrapper .carousel-fred-item,
.walk-full-page-map .walk-map-wrapper,
.map-bottom-shadow {
  width: 1000px;
  margin: auto;
}

.content-page-breadcrumbs {
  margin-bottom: 15px;
  margin-top: -5px;
}

.main-site-content {
  padding: 15px 15px 15px 15px;
  background: white
}

/* Light Blue Text */
.main-menu-navigation-wrapper li a,
h1,
.carousel-fred-item-readmore {
  color: #0059B2;
}

/* Domine Regular Font */
h1,
header .main-menu-navigation-wrapper li a,
.choose-your-walk-container,
.carousel-fred-item-readmore,
.header-weather-temperature,
.carousel-walk-item a,
.form-fields-item-control .form-fields-button-default,
h2 ,
.html-container h2,
.point-of-interest-number ,
.point-of-interest-title,
.walk-inforamtion-wrapper {
  font-family: Domine;
}

/* Font Tahoma */
.header-search-container input {
    font-family: Tahoma, sans-serif;
}

/* Font Style Italic */
h1,
h2,
header .main-menu-navigation-wrapper li a,
.choose-your-walk-container,
.carousel-fred-item-readmore,
.header-weather-temperature,
.carousel-walk-item a,
.form-fields-item-control .form-fields-button-default,
.point-of-interest-number ,
.point-of-interest-title,
.walk-inforamtion-wrapper {
  font-style: italic;
}

header .main-menu-navigation-wrapper li a,
.main-menu-navigation-wrapper li a,
.walk-inforamtion-wrapper {
   font-weight: bold;
}

header .main-menu-navigation-wrapper li a{
   text-transform: lowercase;
}

/* Font Size 11px */
.header-search-container input,
.footer-texts-nav-wrapper {
    font-size: 11px;
}

/* Font Lowercase */
.carousel-fred-item-readmore,
.carousel-walk-item a {
  text-transform: lowercase;
}

.header-wrapper {
  height: 92px;
  padding-top: 15px;
}

.header-logo-slogan-container,
.header-logo,
.header-slogan,
.header-wrapper .main-menu-navigation-wrapper,
.header-search-container,
.header-weather-wrapper,
.header-multilanguage-menu-wrapper,
.header-search-weather-language-listing
 {
  float: left;
}

.header-nav-search-weather-culture-container {
  float: right;
}

.header-logo {
  border-right: 1px dotted #333333;
  padding-right: 20px;
}

.header-logo img, .header-slogan img {
  padding: 10px 0px 10px 0px;
}

.main-menu-navigation-wrapper li,
.header-search-weather-language-listing li,
.html-container li {
  float: left;
  list-style-position: outside;
  padding: 0px 12px 0px 13px;
}

.html-container ul, .html-container ol {
  margin-left: 0px !important;
}

.html-container li,
.other-walks-wrapper li {
  background: url(/images/Bullets/htmlLi.png) no-repeat 0px 8px;
  list-style-type: none !important;
  padding-left: 20px;
}

.other-walks-wrapper li {
  background: url(/images/Bullets/htmlLi.png) no-repeat 0px 5px
}

.other-walks-wrapper li {
  margin-bottom: 10px;
}

.other-walks-wrapper ul {
  margin-top: 15px;
}

.main-menu-navigation-wrapper li {
  background: url(/images/Bullets/bullet.png) no-repeat left center;
}

.header-search-weather-language-listing li {
  background: url(/images/Bullets/bullet.png) no-repeat 0px 10px;
}

header .main-menu-navigation-wrapper  {
  margin-top: 4px;
}

header .nav-level-0-item-first {
  background: none;
}

.header-weather-wrapper {
  margin-top: 3px;
}

.header-weather-wrapper img {
  height: 22px;
  width: auto;
}

.main-menu-navigation-wrapper li a {
  text-decoration: none;
}

header .main-menu-navigation-wrapper li a:hover,
.carousel-fred-item-readmore:hover {
  color: #7FB7EF;
}

.main-menu-navigation-wrapper li a
{
  transition: color 0.2s;
  -moz-transition: color 0.2s; /* Firefox 4 */
  -webkit-transition: color 0.2s; /* Safari and Chrome */
  -o-transition: color 0.2s; /* Opera */
}

.header-search-container {
  position: relative;
}

.header-search-container input {
  outline: none!important;
  width: 100px;
  border: 1px solid #CCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 4px 30px 5px 7px;
  color: #999999;
}

.header-search-button {
  border: none;
  padding: 0px;
  position: absolute;
  right: 6px;
  top: 4px;
  background: url(/images/sprites.png) no-repeat 0px 0px;
  width: 16px;
  height: 16px;
}

.header-search-button:hover {
  background: url(/images/sprites.png) no-repeat 0px -16px;
}

.header-nav-search-weather-culture-container {
  margin-top: 25px;
}

.main-site-footer-wrapper {
  background: #E7E7E7;
  height: 141px;
}

.footer-banner-container {
  background: #EEEEEE;
  text-align: center;
  padding: 15px 0px 15px 0px;
}

.footer-texts-nav-wrapper {
  padding: 15px 0px 15px 0px;
}

.footer-nav-container {
  width: 600px;
}

.footer-nav-container,
.footer-site-information,
footer .main-menu-navigation-wrapper {
  float: left;
}

.footer-site-information {
  margin-right: 15px;
}

.footer-site-author-text {
  float: right;
}

footer .main-menu-navigation-wrapper li {
  background: url(/images/Bullets/footerBullet.png) no-repeat left center;
}

.footer-site-information {
  display: block;
}

.header-weather-temperature {
  font-size: 16px;
}

/* Walk Maps Start */

.walk-maps-carousel-wrapper {
  background: url("/images/sprites-repeat-x.png");
  height: 441px;
}

.carousel-fred-core-container,
.content-walks-map-carousel {
  width: 100% !important;
}

.caroufredsel_wrapper,
.carousel-fred-item {
  height: 377px !important;
}

.carousel-fred-item {
  width: 1010px !important;
}

.content-walks-map-carousel {
  position: relative;
}

.walk-maps-carousel-wrapper .carousel-fred-item {
  float: left;
  display: block;
  overflow: hidden;
  position: relative;
}

.walk-maps-carousel-wrapper .carousel-fred-bottom-container {
  width: 1000px;
  margin: auto;
  height: 1px;
  position: relative;
}

.carousel-fred-pagination-container   {
  display: block;
  position: absolute;
  z-index: 9999;
  left: 220px;
  bottom: -41px;
}

.walk-maps-carousel-wrapper .carousel-fred-pagination-container a  {
  padding: 9px 23px 8px 20px;
  height: 18px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #000000;
  text-decoration: none;
  font-size: 18px;
}

.walk-google-map {
  height: 367px;
  width: 1000px;
  border: 5px solid white;
}

.walk-maps-carousel-wrapper .carousel-fred-pagination-container a {
    background: url("/images/sprites-repeat-x.png") 0px -518px;
}

.walk-maps-carousel-wrapper .carousel-fred-pagination-container a:hover {
  background: url("/images/sprites-repeat-x.png") 0px -556px;
}

.walk-maps-carousel-wrapper .carousel-fred-pagination-container .selected a {
    background: url("/images/sprites-repeat-x.png") 0px -442px;
    color: #FFFFFF;
}

.walk-maps-carousel-wrapper .carousel-fred-pagination-container .selected a:hover {
  background: url("/images/sprites-repeat-x.png") 0px -480px;
  color: #FFFFFF;
}

.carousel-walk-item {
  float: left;
  margin-right: 20px;
}

.carousel-fred-item-readmore {
  background: url("/images/sprites-repeat-x.png") 0px -442px;
  height: 14px;
  padding: 10px 10px 14px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  position: absolute;
  bottom: 0px;
  right: 0px;
  text-align: right;
  background: white;
  font-weight: bold;
}

.choose-your-walk-container {
  padding: 22px 5px 22px 5px;
  font-weight: bold;
  font-size: 18px;
}

/** Walk Map End */

/* Language Selection Start */

.language-selection-icon {
    float: right;
    margin-left: 5px;
    margin-top: 9px;
    width: 8px;
    height: 4px;
}

.language-selection-container {
  background: #F5F5F5;
  padding: 1px 5px 1px 5px;
  position: relative;
  width: 37px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}

.language-selection-current-selected-container span {
  display: block;
}

.header-multilanguage-menu-wrapper .toggle-button-off .language-selection-icon {
   background: url("/images/lang.png");
}

.header-multilanguage-menu-wrapper .toggle-button-on .language-selection-icon {
   background: url("/images/lang2.png");
}

.language-selection-container img:hover {
  opacity: 0.5;
}

/* Language Selection End */

/* Form Fields Start */

.contact-us-online-enquiry-form {
  margin-left: 25px;
}

.form-fields-item-control {
  padding-bottom: 10px;
}

.form-fields-item-control input, .form-fields-item-control textarea {
  border: 1px solid #999;
  padding: 10px;
  width: 376px;
}

.form-fields-item-control textarea {
  height: 236px;
}

.contact-page-content-wrapper .form-fields-item-label{
  padding-right: 15px;
  width: 168px;
}

.content-page-container,
.homepage-description-wrapper {
  width: 669px;
  padding-right: 15px;
}

.content-page-container {
  min-height: 500px;
}

.contact-details-content {
  margin-top: 15px;
}

.contact-details-content .label {
  width: 87px;
  font-weight: bold;
}

.contact-details-content .label {
  padding-bottom: 20px;
}

.contact-details-content td {
  vertical-align: top !important;
}

.online-enquiry-form-wrapper {
  float: left;
}

.contact-details-wrapper {
  float: right;
  border-left:  1px dotted #999999;
  padding-left: 20px;
}

.validation-icon-dim, .validation-icon-success,
.validation-icon-error {
  height: 15px;
  width: 16px;
}

.validation-icon-dim {
  background: url("/images/sprites.png") no-repeat 0px -63px !important;
}

.validation-icon-success {
  background: url("/images/sprites.png") no-repeat 0px -48px !important;
}

.validation-icon-error, .validation-icon-error:hover {
  background: url("/images/sprites.png") no-repeat 0px -78px !important;
}

.form-fields-item-validation-icon {
  padding-left: 15px;
}

.form-fields-item-label, .form-fields-item-validation-icon {
  padding-top: 11px;
}

.form-fields-item-control .form-fields-button-default {
  padding: 9px 15px 9px 15px;
  color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  text-transform: lowercase;
  letter-spacing: -1px;
  border: 0px !important;
  font-size: 18px !important;
  background: url("/images/sprites-repeat-x.png") repeat-x 0px -594px;
}

.form-fields-item-control .form-fields-button-default:hover {
  background: url("/images/sprites-repeat-x.png") repeat-x 0px -632px;
}

.contact-details-google-map-view-larger {
  text-align: center;
}

.field-contact-address-content {
  line-height: 150%;
}

.field-contact-telephone-content {
  display: block;
  width: 140px;
}

.contact-details-map-container {
  margin-top: 15px;
}

.contact-details-google-map {
  width: 299px !important;
  height: 299px !important;
  margin-bottom: 5px;
}


.listing-page-results-section {
  margin-top: 15px;
}

.listing-item-search-wrapper {
  margin-bottom: 10px;
  min-height: 100px;
}

.listing-item-search-wrapper .readmore{
    float: right;
    font-weight: bold;
}

/* Points of Interest */

.point-of-interest-wrapper {
  margin-bottom: 20px;
}

.point-of-interest-number ,
.point-of-interest-title {
  font-weight: bold;
  float: left;
}

.point-of-interest-number {
  font-size: 24px;
  margin-right: 15px;
}

.point-of-interest-title {
  margin-top: 5px;
  width: 258px;
}

.point-of-interest-wrapper img {
  margin-top: 5px;
  border-width : 1px !important;
  border: 1px solid #000000;
}

.walk-wrapper {
  margin-top: -25px;
}

.walk-wrapper .addthis-container {
  margin-top: 15px;
  margin-bottom: 15px;
}

.walk-inforamtion-wrapper {
  float: right;
  margin-top: -11px;
  text-align: right;
}

.walk-wrapper .content-page-container {
  position: relative;
}

.walk-information {
  color: #878787;
}

.map-marker-content h2 {
   font-size: 14px;
   color: #333333;
   font-weight: bold;
   padding: 0px 15px;
}

.points-of-interest-wrapper {
  margin-top: 7px;
}

.walk-wrapper .content-page-container {
  padding-top: 15px;
}

.walk-wrapper .content-page-breadcrumbs {
  margin-bottom: 0px;
  margin-top: 0px;
}

.map-bottom-shadow {
  background: url("/images/sprites.png") no-repeat 0px -94px;
  height: 22px;
  position: relative;
  z-index: 99;
}

.casasoft-link-container {
  float: right;
}

.walk-map-wrapper,
.map-bottom-shadow {
  width: 1010px !important;
}

.content-page-footer {
  margin-top: 20px;
}

.casasoft-link-container a {
  color: #333333;
  text-decoration: none;
}

.casasoft-link-container a:hover {
  text-decoration: underline;
}

.map-marker-content {
  text-align: center;
  max-width: 210px;
}

.walk-page-heading-content h1 {
  display: inline;
  border-bottom: none;
  padding-bottom: 0px;
}

.walk-page-heading-wrapper {
  border-bottom: 1px dotted #999999;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
