/* 
*** JCarousel Big Box Styles 
** Created March 2 2010
* © Hangar 18 Creative Group - Shea McKinney
*/

/* CLEAR FIX */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} 
.clearfix {display: inline-block;} 
html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;}
/* END CLEAR FIX */

a, a:link, a:visited, a:hover, a:active { outline: none;}

/* ************************************ PICS ***********************************************/
.jcbb-pic-container,#page-image { position: relative; overflow:hidden; height: 341px; margin-bottom: 2px; }
.jcbb-pic-container img, #page-image img { position: absolute; top: 0px; left: 0px; z-index:5;}

/* nav arrows overlay */
a.jcbb-overlay-prev, a.jcbb-overlay-next {  position: absolute; top: 0px;  z-index: 10; height: 341px; width: 25%; background-repeat: no-repeat;  text-indent: -1000px; background-image: none; background-color: #FFF; opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;filter: alpha(opacity=0); }

a.jcbb-overlay-prev {left: 0px; background-position: left 48%; }
a.jcbb-overlay-next { right: 0px; background-position: right 48%; }

a.jcbb-overlay-prev:hover { background-image: url("images/left-overlay-arrow.gif"); opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter: alpha(opacity=100); background-color: transparent;}
a.jcbb-overlay-next:hover { background-image: url("images/right-overlay-arrow.gif"); opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter: alpha(opacity=100); background-color: transparent;}

/* ************************************  THUMBS  *******************************************/
.jcbb-thumbs-container { overflow-x:hidden; padding: 0px 15px; position:relative; } /* IE 6 needs a width.. can't do fluid */
* html .jcbb-thumbs-container { width: 608px;}

.jcbb-thumbs { display: block; margin: 0px; padding: 0px; border: 0; outline: 0; }
.jcbb-thumbs li { display:block; float:left; height: 64px; width: 122px; padding: 0px; border: 0; text-indent: 0px; text-align:left; position:relative;}

.jcbb-thumbs li a, .jcbb-thumbs li a:link, .jcbb-thumbs li a:visited { margin: 0px; padding: 0px; border: 0; position:relative; }
.jcbb-thumbs li a:hover { }

.jcbb-thumbs li a img, .jcbb-thumbs li a:link img, .jcbb-thumbs li a:visited img { margin: 0px; padding: 0px; border: 0; }
.jcbb-thumbs li a:hover img { }

/* prev and next arrows */
a.jcbb-thumb-prev, a.jcbb-thumb-next { display: block; width: 13px; height: 64px; text-indent: -1000px; background-color:#000; position: absolute; top: 0px; z-index: 10; background-position: top; }
a.jcbb-thumb-prev { border-right: 2px solid #FFF;left: 0px; background-image: url("images/left-carousel-arrow.gif"); } /* -15 is for the width of the left arrow and the padding on the container */
a.jcbb-thumb-next { right: 0px; background-color: #000; border-left: 2px solid #FFF; background-image: url("images/right-carousel-arrow.gif"); }
a.jcbb-thumb-prev:hover, a.jcbb-thumb-next:hover { background-position: bottom; }


/* color overlay on the thumbs */
.jcbb-thumbs li a span.jcbb-thumb-overlay,
.jcbb-thumbs li a:link span.jcbb-thumb-overlay,
.jcbb-thumbs li a:visited span.jcbb-thumb-overlay {
	display:block;
	height: 64px;
	width: 120px; 
	position: absolute;
	opacity: 0.7;-moz-opacity: 0.7;-khtml-opacity: 0.7;filter: alpha(opacity=70);
	background-color: #4B3900;
	z-index: 2;
}

.jcbb-thumbs li a:hover span.jcbb-thumb-overlay {
	z-index: -1;
}

.jcbb-thumbs li a.jcbb-active span.jcbb-thumb-overlay,
.jcbb-thumbs li a.jcbb-active:link span.jcbb-thumb-overlay,
.jcbb-thumbs li a.jcbb-active:visited span.jcbb-thumb-overlay {
	z-index: -1;
}

/* ************************************  CAPTIONS  ****************************************** */

.jcbb-captions-container { height: 20px; background-color: #CFCFC7; opacity: 0.7;-moz-opacity: 0.7;-khtml-opacity: 0.7;filter: alpha(opacity=70); color: #4B3900; line-height: 20px; vertical-align: middle; width: 100%; }
.jcbb-captions-container * { margin: 0px;padding: 0px;border:0; line-height: 20px; }
.jcbb-captions-1 { position: absolute; bottom: 0px; left: 0px; z-index: 11; }
* html .jcbb-captions-1 { margin-bottom: -1px; } /* ie6 height() has issues. */

.jcbb-captions-1 p { padding: 0px 15px; font-size: 10px; font-family: "Helvetica Neue",Helvetica, Arial, sans-serif; }

/* ****** CUSTOM STYLES ***** OVERRIDES ****** */

.jcbb-thumbs-container { }