@charset "UTF-8";

/* ==========================================================================
   GENERAL
   ========================================================================== */

body {background: #f2f2f2}

#content #frame {background: #FFF; padding-top:20px; padding-bottom:10px} 
h1, h2, h3, h4, h5 {text-transform:uppercase; font-weight:300; color:#334499} 
h1 a, h2 a, h3 a, h4 a, h5 a {color:#334499} 

h2 { font-size:26px; margin-top: 0; margin-bottom:10px; letter-spacing:2px;  color:#334499}
h3 { font-size: 12px; margin-top: 0; margin-bottom:10px; letter-spacing:1.5px;  color:#334499}
#header h1 {font-size: 18px; font-weight:300; letter-spacing:1.8px; color:#334499}
#tradeText h2 { font-size:24px;letter-spacing: normal; text-transform:none; margin-top: 20px; margin-bottom:10px; }
#tradeText h3 { font-size:18px;letter-spacing: normal; text-transform:none; margin-top: 20px; margin-bottom:5px; }

p a {color: #09C}


h3.tradeTitle {min-height:40px}
.pdf{display:inline-block;height:32px;padding-left:40px;background-image:url(../img/Adobe-Acrobat-Distiller-32.png);background-repeat:no-repeat;position:0;line-height:32px;}
.word{display:inline-block;height:32px;padding-left:40px;background-image:url(../img/Microsoft-Word-32.png);background-repeat:no-repeat;position:0;line-height:32px;}

   
#header {padding-top:20px; padding-bottom:10px}
.headText {padding-top:20px}
.button{background: #334499; color:#FFF; padding:10px 20px; margin: 10px;text-transform:uppercase; border: none; display:inline-block; text-align:center;-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;-webkit-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px; text-shadow: none !important}
.button:hover {background: #1c6f95; text-decoration:none; color:#FFF}   
.center-sm {text-align: center}
.bgblue {background:#334499; color: #fff;}
.bgblue h1, .bgblue h2, .bgblue h3, .bgblue h4, .bgblue p, .bgblue a {color:#FFF}
.bgteal {background:#3f8092; color: #fff;}
.bgteal h1, .bgteal h2, .bgteal h3, .bgteal h4, .bgteal p, .bgteal a {color:#FFF}


#icons {text-align:center}
.iconBox {margin-top:20px; text-align:center; display:inline-block; float: left !important}
.iconBox img {margin-bottom: 10px}
.iconBox h3 {margin-bottom: 0;}
.iconBox img:hover {opacity: 0.5;-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.bannerPadding { padding-top: 30px; padding-bottom: 40px ;}
#footer {color:#FFF; padding-top:10px; font-size: 12px !important}
hr {border-top: dashed 1px #AAA}
h1.iconTitle  {font-size:26px;letter-spacing:2px; display:block;border-bottom: dashed 1px #AAA;border-top: dashed 1px #AAA;padding-top:20px; padding-bottom:10px; margin-bottom:20px}
img.headingIcon {height: 40px; width:40px; margin-right: 10px; display:inline-block;margin-top:-10px }
body .shareaholic-share-buttons-container ul.shareaholic-share-buttons {margin-left: 0 !important;}
#shareaholic {margin-top: 20px !important}
/* ==========================================================================
   LISTS
   ========================================================================== */

#nav {letter-spacing:2px} 
#breadcrumbs ul {list-style-type:none;margin-top:0;margin-bottom:10px;padding:0; font-size:13px}
#breadcrumbs li{float:left;margin:0;padding: 10px 2px;display: inline-block}
#breadcrumbs li a{color:#336699;}
ul.subnav {margin-bottom:20px !important;}
ul.subnav, ul.subnav ul{list-style-type: none; margin-left:0;margin-right:0;padding: 0}
ul.subnav ul{padding-left:0}
ul.subnav li a {color: #334499; font-size:20px;line-height:24px;background-color:#FFF;padding:6px 10px 10px; display:block;border-bottom: dashed 1px rgba(0,0,0,0.3)}
ul.subnav li a:hover {background-color:#FFF; color:#336699; text-decoration:none}
ul.subnav ul li a {font-size:12px; text-transform: uppercase; font-weight:400;background-color:#fff; border-bottom: dashed 1px rgba(0,0,0,0.3);padding-bottom:5px}
ul.subnav ul li a:hover {background-color:#aaccee; }
ul.subnav li.selected a{color:#336699;}
ul.subnav li.selected ul li a{color:#336699}
ul.subnav ul li.selected a{color:#336699;background-color:#aaccee;}
ul.hideme {display: none;}
ul.subnav ul.hideme {display: block}
/*FOOTER*/
ul.footerMenu {list-style-type: none; margin: 0;padding:0; display:inline}
ul.footerMenu li {display: inline}
ul.footerMenu li a {display: inline-block; padding: 0 10px; border-left: solid 1px #eee}

/* ==========================================================================
   BANNERS
   ========================================================================== */

#banner h1, #banner h2, #banner h3, #banner p, #banner a {
font-weight:300;
text-shadow: 0 0 5px #111;
letter-spacing: 1.8px;
margin-top: 0px;
margin-bottom: 10px !important}

#banner h1 {font-size: 34px; line-height:36px}
#banner h2 {font-size: 24px; line-height:28px}
#banner p {font-size: 14px}

   
#banner {position: relative; width: 100% ; margin-bottom:0px }
.bannerText {padding: 20px; display: block; margin-top: 0px; color: #FFF; }
.bannerText h1 {display:inline-block; clear:left; padding:5px 10px; margin-bottom:0 !important; color:#FFF}
#banner .flexslider {border: 0px solid #fff !important; margin-bottom: 0 !important}
#banner .flexslider ul.slides li { 
  width: 100% !important; height:300px;
  background:no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
   
.flexImages {display:none}
.flex-control-nav {position: inherit !important}   
   
/* ==========================================================================
   GALLERY
   ========================================================================== */
#miniGal {overflow: hidden}
ul.imagelisting {list-style-type:none;margin:0;padding:0;}
ul.imagelisting li{margin-bottom:20px;}
ul.imagelisting li img{opacity:0.8;}
ul.imagelisting li img:hover{opacity:1;}
ul.imagelisting li{float:left;}
ul.imagelisting li a{border-bottom:none;margin:0;padding:1px;}
ul.imagelisting li a:hover{border:none;}
ul.imagelisting li img{width:72px;height:72px;}

/* ==========================================================================
   BLOG
   ========================================================================== */



/* ==========================================================================
   FORMS
   ========================================================================== */
   
.enquiry textarea,.enquiry input,.enquiry select{width:90%;}
.error{color:#D00;}
.trip{display:none;}
input[type=submit] {width: auto !important}
label {font-weight:300; color:#334499}
.enquiry {margin-bottom: 30px}



/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */


/* Print */
@media print {
  a[href]:after {
    content: none !important;
  }
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
.iconBox {inline-block; float: none !important}

 }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

.center-sm {text-align: left}
.text-right {text-align: right}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }