/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/layout.css);


/* Spacing
----------------------------------------------------------------------------------------------------*/

.wrapper {
  background-color: #F9F9F9;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  border-top: 1px solid #FFFFFF;
  margin: 30px auto;
}

#top-toolbar .wrapper{
  background-color: transparent;
  margin: auto !important;
  border-top: none !important;
   border-radius: 0;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
}

#top-footer .wrapper{
  background-color: transparent;
  margin: auto !important;
  border-top: none !important;
  border-radius: 0;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
}

#top-bottomb .wrapper{
  background-color: transparent;
  margin: auto !important;
  border-top: none !important;
  border-radius: 0;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
}

.module{ 
margin: 15px; 
}
#header{ 
margin: 15px 15px 0; 
}
#breadcrumbs{ 
margin: 15px; 
}

#content {
  background: url("../images/stripline.png") repeat-x scroll left top transparent;
  margin: 20px 15px 15px;
  padding-top: 25px;
}

#footer { 
margin: 15px; 
}

#menu .module { 
  margin: 10px 5px; 
}

#footer .module { margin: 0; }

#toolbar {
  margin-bottom: 15px;
  margin-top: 15px;
  padding-left: 0;
  padding-right: 0;
  text-shadow: 0 1px 0 #FFFFFF;
}

#headerbar {
  background: url("../images/header.png") no-repeat scroll center center #EEEEEE;
  padding: 15px 15px 15px 0;
}


/* Layout
----------------------------------------------------------------------------------------------------*/

#totop-scroller {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 20px;
	height: 20px;
	background: url(../images/totop_scroller.png) 50% 50% no-repeat;
	text-decoration: none;
}

#top-header {
  background: none repeat scroll 0 0 transparent;
}

#top-slideshow{

}

#top-slideshow .mod-box {
  border: medium none;
  margin: 0;
  padding: 15px;
}

#top-footer {
  background: none repeat scroll 0 0 #9d0d15;
  color: #FFFFFF !important;
}

#footer {
  font-size: 11px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  text-align: left;
}

#top-footer a{
  color: #FFFFFF;
}

#top-footer a:hover{
  color: #FFFFFF;
}

#top-topa{

}

#top-topa .mod-box {
  border: medium none;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
  padding: 0;
}

#top-topb{

}

#headerbar .module {
  float: right;
  margin-right: 0;
  max-width: 300px;
  top: 20px;
}

#top-topb .mod-box {
  border: medium none;
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
  padding: 0;
}

#top-display {
  background: none repeat scroll 0 0 #F6F6F6;
  border-bottom: medium none;
}

#top-display .mod-box {
  border: medium none;
  margin: 25px 15px;
  padding: 0;
}

#top-bottomc {
  background-color: transparent;
  border-top: none;
}

#bottom-c .mod-box {
  border: medium none;
  margin-top: 25px;
  padding: 15px 0;
}

#bottom-c .module{

}

#menubar {
  background: none repeat scroll 0 0 #4C4C4C;
  border-radius: 0 0 0 0;
}

#logo p {
  margin-bottom: 0;
  margin-top: 0;
}

ul{
  list-style: none !important;
  margin-left: 0 !important;
}

#sidebar-b {
  background: none repeat scroll 0 0 transparent;
}

#sidebar-a {
  background: none repeat scroll 0 0 transparent;
}

#sidebar-a .mod-box{

}

#sidebar-a li {
  background: url("../images/li.png") no-repeat scroll left bottom transparent;
  padding-bottom: 5px;
}

#sidebar-a li a{
  color: #808080;
}

#sidebar-b li a{
  color: #808080;
}

#sidebar-b li {
  background: url("../images/li.png") no-repeat scroll left bottom transparent;
  padding-bottom: 5px;
}

#top-a {
  padding-top: 25px;
}

#top-a .mod-box{

}

#top-a h6 {
  padding-bottom: 7px;
  padding-top: 5px;
}

#top-a h3 {
  padding-bottom: 7px;
}



#top-b{

}

#bottom-c {
  padding-bottom: 15px;
  padding-top: 15px;
}

#top-bottomb {
  
}

#bottom-b {
  color: #999999;
  text-shadow: 0 1px 0 #F4F4F4;
}



#bottom-b .mod-box{
  padding-bottom: 15px;
}

#top-bottomb img {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  box-shadow: none;
  outline: medium none;
}

.form-horizontal .control-label {
  float: left;
  padding-top: 5px;
  text-align: left;
  width: 160px;
}

.topcolor {
  background-attachment: scroll;
  background-color: #77950D;
  background-position: left top;
  background-repeat: repeat-x;
  border-radius: 0 0 0 0;
  color: #FFFFFF !important;
  margin-top: 10px;
  padding: 7px 8px;
  text-shadow: 0 1px 0 #000000;
}

.button-colored a {
  color: #FFFFFF;
}

.button-colored a:hover {
  color: #FFFFFF !important;
}

#sidebar-b .module-title {
  background: url("../images/stripline.png") repeat-x scroll left bottom transparent;
  font-size: 20px;
  padding-bottom: 15px;
}

#sidebar-a .module-title{
  background: url("../images/stripline.png") repeat-x scroll left bottom transparent;
  font-size: 20px;
  padding-bottom: 15px;
}

#bottom-b .module-title {
  background: none repeat scroll 0 0 transparent;
  color: #999999;
  font-size: 20px;
  padding-bottom: 5px;
}

#bottom-b a{
  color: #999999;
}

#bottom-b .mod-box{
padding-left: 0;
padding-right: 0;
}

#top-newsletter {
  background: transparent;
  border-top: none;
  text-align: center;
}

#top-newsletter .mod-box{
  padding-left: 0;
  padding-right: 0;
}

.contactbutton {
  background-clip: padding-box;
  background-color: #77950D;
  border: 5px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px #5F7806 inset;
  -moz-box-shadow: 0 1px #5F7806 inset;
  -webkit-box-shadow: 0 1px #5F7806 inset;
  -o-box-shadow: 0 1px #5F7806 inset;
  color: #FFFFFF;
  display: block;
  font-size: 11pt;
  font-weight: 400;
  height: 33px;
  letter-spacing: 1px;
  margin: auto;
  padding: 12px 30px 3px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px #5F7806;
  transition: all 0.2s ease-in-out 0s;
  width: 90px;
  z-index: 2;
}

#top-toolbar {
  background: none repeat scroll 0 0 #F1F1F1;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}

#slideshow h3{
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #333333;
}

#display{

}

#display .mod-box {
  background: url("../images/stripline.png") repeat-x scroll left bottom transparent;
}

#main {
  padding-top: 20px;
}

#toolbar .float-left .module{
  float: left;
  margin: 0 15px 0 0;
} 

#toolbar .float-left > time {
  float: left;
  margin: 0 15px 0 0;
}

/* Display Module Position */

.display-unit {
  background: none repeat scroll 0 0 transparent;
  border-bottom: medium none;
  border-radius: 0 0 0 0;
  margin-bottom: 20px !important;
  padding: 0 160px 15px 0;
  position: relative;
}

.display-unit .btn-align {
  position: absolute;
  right: 0;
  top: 0;
}

.display-unit h3 {
  margin-bottom: 5px;
  margin-top: 0;
}


.tagspopular{

}

.tagspopular li{

}

.tagspopular li a{

}

/* Dropcaps */

.box-number {
  background: url("../images/box.png") no-repeat scroll 0 0 transparent;
  color: #F7F7F7;
  display: block;
  float: left;
  font-family: Tahoma,Arial,sans-serif;
  font-size: 14px;
  height: 27px;
  margin-right: 10px;
  padding-top: 6px;
  text-align: center;
  width: 33px;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  background: url("../images/field.png") repeat-x scroll 0 0 #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 0 0 0 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

}

#newsletter{

}

#newsletter .mod-box {
  background: url("../images/stripline.png") repeat-x scroll left top transparent;
  padding-bottom: 20px;
  padding-top: 25px;
}

.is-sticky{
  position: fixed;
}

#newsletter span.color{
  color: #77950D;
}

/* Module Suffixes */

/* Online Booking form module suffix */

.bookingfrom {
  background: none repeat scroll 0 0 #77950D;
  color: #FFFFFF !important;
  padding: 15px 15px 0 !important;
}

.whosonline {
  background: none repeat scroll 0 0 #77950D;
  color: #FFFFFF !important;
  padding: 15px !important;
}

.whosonline .module-title {
  background: none repeat scroll 0 0 transparent !important;
  color: #FFFFFF !important;
}

#top-a .modfirst {
  background: url("../images/line2.gif") repeat-y scroll right center transparent;
}

/* Colour Styles---You may remove this styling since it has no effect on the template styling structure----------- */

.bluecolor{

}

.orangecolor{

}

.yellowcolor{

}

.salmoncolor{

}

.pinecolor{

}

.rosecolor{

}

.lightorangecolor{

}

.lightpurplecolor{

}

.lightpinecolor{

}

.lightredcolor{

}

.navycolor{

}

.pinkcolor{

}

.greycolor{

}

.greencolor{

}

.redcolor{

}

.turquoisecolor{

}

.lightpinkcolor{

}