/* jQuery lightBox plugin */



#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}

#lightbox img {
  width: auto;
  height: auto;
}

#lightbox a img {
  border: none;
}


.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}


.lb-container {
  padding: 10px;
}


.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}


.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}


.lb-container > .nav {
  left: 0;
}


.lb-nav a {
  outline: none;
}


.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}


.lb-prev {
  left: 0;
  float: left;
}


.lb-next {
  right: 0;
  float: right;
}


.lb-prev:hover {
  background: url(../images/lightbox-btn-prev.png) left 48% no-repeat; cursor: pointer;
}


.lb-next:hover {
  background: url(../images/lightbox-btn-next.png) right 48% no-repeat; cursor: pointer;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}


.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}


.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}

.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}

.lb-data .lb-close:hover {
  cursor: pointer;
}







/* CarouFredSel */

.main-carousel-wrapper {
	position: relative;
	background-color: #FFF;
	width: 100%;
	height: 378px;
	margin: auto 0;
	z-index: 1;
	overflow: hidden;
}

.main-carousel figure{
	width: 1008px;
	height: 350px;
	margin: 0 25px;
	float: left;
	position: relative;
	background: #fff44e;
	z-index: 3;
}
.main-carousel figure.selected {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;
}
.main-carousel figure img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}
.main-carousel figure figcaption {
	background: transparent url(../images/carousel-caption-bg.png) no-repeat;
	padding: 93px 50px 0 59px; color: #000; line-height: 1.2;
	width: 387px;
	height: 350px;
	position: absolute;
	top: 0;
	left: 621px;
	z-index: 5;
}
 .main-carousel figure figcaption b{
	display: block; margin-bottom: 6px; font-size: 155%; font-weight: normal; color: #6cb33f;

 }
 .main-carousel figure figcaption span{
	display: inline; font-size: 115%;

 }
 .main-carousel figure figcaption a{
	display: block; margin-top: 8px; text-decoration: none; color: #6eb43f;

 }
 
.main-carousel-wrapper .carousel-prev, .main-carousel-wrapper .carousel-next {
	background: center center no-repeat transparent;
	display: block;
	width: 32px;
	height: 58px;
	margin-top: -30px;
	position: absolute;
	top: 45%;
	z-index: 2;
}

.main-carousel-wrapper .carousel-prev {
	background: transparent url(../images/carousel-prev.png);
	left: 50%;
	margin-left: -535px;
}
.main-carousel-wrapper .carousel-next {
	background: transparent url(../images/carousel-next.png);
	right: 50%;
	margin-right: -536px;
}


.main-carousel-wrapper .carousel-order-online{
	display: block;
	width: 167px;
	height: 169px;
	position: absolute;
	top: 210px;
	right: 50%;
	margin-right: -460px;
	z-index: 3;
}

@media only screen and (min-width: 0) and (max-width: 959px){

 /* Temp hide carousel whilst developing */

 .main-carousel-wrapper {
	display: none;
	width: 1px;
	height: 1px;

 }

}




//* CSS for jQuery Orbit Plugin 1.4.0 Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */

/* Container ---------------------- */

.orbit-wrapper{
   width: 1px; height: 1px; position: relative;
}

.orbit{
	width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 0;
}

.orbit.with-bullets{
	 margin-bottom: 0;
}

.orbit .orbit-slide{
	 max-width: 100%; position: absolute; top: 0; left: 0;
}

.orbit a.orbit-slide{
	 border: none; line-height: 0; display: none;
}

.orbit div.orbit-slide{
	 width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0;
}

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* Timer ---------------------- */

div.orbit-wrapper div.timer{
	 width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31;
}

div.orbit-wrapper span.rotator{
	 display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('../images/rotator-black.png') no-repeat; z-index: 3;
}

div.orbit-wrapper span.rotator.move{
	 left: 0;
}

div.orbit-wrapper span.mask{
	 display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden;
}

div.orbit-wrapper span.mask.move{
	 width: 40px; left: 0; background: url('../images/timer-black.png') repeat 0 0;
}

div.orbit-wrapper span.pause{
	 display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('../images/pause-black.png') no-repeat; z-index: 4; opacity: 0;
}

div.orbit-wrapper span.pause.active{
	 background: url('../images/pause-black.png') no-repeat 0 -40px;
}

div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active{
	 opacity: 1;
}

/* Captions ---------------------- */

.orbit-caption{
	 display: none; font-family: inherit;
}

.orbit-wrapper .orbit-caption{
	 width: 355px; height: 78px; position: absolute; z-index: 30; top: 0; cursor: pointer;
	 background: transparent url('../images/right-arrow-bg.png'); right: 0;
}

.orbit-wrapper .orbit-caption{
	padding: 12px 62px 0 51px; color: #000; line-height: 1.1;
}
 .orbit-wrapper .orbit-caption h2{
	text-transform: uppercase; margin-bottom: 4px;
 }
 .orbit-wrapper .orbit-caption p{
	font-size: 125%; margin: 0;
 }

/* Directional Nav ---------------------- */

div.orbit-wrapper div.slider-nav{
	 display: block;
}

div.orbit-wrapper div.slider-nav span{
	 width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 50; top: 50%; margin-top: -25px; cursor: pointer;
}

div.orbit-wrapper div.slider-nav span.right{
	 background: transparent url('../images/orbit-right-arrow.png'); background-size: 100%; right: -69px; opacity: 0.25;
}

div.orbit-wrapper div.slider-nav span.left{
	 background: transparent url('../images/orbit-left-arrow.png'); background-size: 100%; left: -69px; opacity: 0.25;
}

div.orbit-wrapper div.slider-nav span.right:HOVER, div.orbit-wrapper div.slider-nav span.left:HOVER{
	 opacity: 1;
}

.lt-ie9 div.orbit-wrapper div.slider-nav span.right{
	 background: transparent url('../images/orbit-right-arrow.png');
}

.lt-ie9 div.orbit-wrapper div.slider-nav span.left{
	 background: transparent url('../images/orbit-left-arrow.png');
}


/* Bullet Nav ---------------------- */

ul.orbit-bullets{
	 position: absolute; z-index: 30; list-style: none; bottom: 14px; left: 66px; padding: 0; background: #231f20; opacity: 0.75; filter:alpha(opacity=75); /* For IE8 and earlier */
	 padding: 8px 17px 8px 5px;
}

ul.orbit-bullets li{
	 float: left; margin-left: 12px; cursor: pointer; color: #FFF; text-indent: -9999px;
	 background: #FFF; width: 6px; height: 6px; overflow: hidden;
}

ul.orbit-bullets li.active{
	 background: #00aeef; color: #00aeef;
}

ul.orbit-bullets li.has-thumb{
	 background: none; width: 100px; height: 75px;
}

ul.orbit-bullets li.active.has-thumb{
	 background-position: 0 0; border-top: 2px solid black;
}

/* Orbit Slide Counter */
.orbit-slide-counter{
	 position: absolute; bottom: 0; z-index: 99; background: rgba(0, 0, 0, 0.7); color: white; padding: 5px;
}

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

div.orbit img.fluid-placeholder{
	 visibility: hidden; position: static; display: block; width: 100%;
}

div.orbit, div.orbit-wrapper{
	 width: 100% !important;
}

/* Correct timer in IE */

.lt-ie9 .timer{
	 display: none !important;
}

.lt-ie9 div.caption{
	 background: black; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1;
}

@media only screen and (max-width: 959px){

 div.orbit-wrapper div.slider-nav{
	 display: none;
 }

 div.orbit.orbit-stack-on-small img.fluid-placeholder{
  visibility: visible;
 }

 div.orbit.orbit-stack-on-small .orbit-slide{
  position: static; margin-bottom: 10px;
 }

}