/* =======================
Copyright: 3plains LLC (www.3plains.com)
Version: 2.4.2t
======================= */

/* ========== CSS RESET ============================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, a, a img {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent; 
	list-style: none; 
	-webkit-text-size-adjust: none;
	border-collapse: collapse;
	}

/* ========== BODY ============================== */

body { margin-top: 0; margin-right: 0; font:11pt Arial, Georgia,'Times New Roman',Times,serif; color:#3E2B1F; background: #3a2d1d url("/images/site-bg.jpg") no-repeat center top; }
a { color: #1d1f12; }
a:hover { color: #3E2B1F; text-decoration:underline; }
p { margin:0; padding-bottom:12px; }
h1, h2, h3, h4 { margin:0; padding-bottom:15px; }
h1 { font-size:160%; }
h2 { font-size:140%; }
h3 { font-size:120%; }
h4 { font-size:100%; }
 img { border:none; }
 
/* ========== CONTENT ============================== */

#pre-page { width:888px; margin:0 auto; text-align:right; color:#FFFFFF; font: bold 14px/19px Arial, Georgia,'Times New Roman',Times,serif; padding:8px 0; text-decoration:none;	text-shadow:-1px 1px 2px #000000; }
	#pre-page a { color:white; text-decoration:underline; }
	#pre-page a:hover { color:#FFFFFF; text-decoration:none; }

#page { width:888px; background: #717763 url("/images/main-bg.jpg"); margin:0 auto; border:1px solid black; padding:12px; }
	#page-header { position:relative; border:1px solid black; }
		#header { width:888px; height:290px; }

	#content-container { overflow:hidden; }
		#crumbs { margin:5px 0; font-size:8pt; color:white; }
		#crumbs a { color:white; text-decoration: underline }
		#crumbs a:hover { color:white; }
		
		#content { float:right; background: #e8ecec url("/images/content-bg.jpg"); width:594px; min-height:1450px; padding:10px 15px 15px 15px; border:1px solid black; }
			#content ul { margin:0 0 12px 24px; padding:0; }
			#content li { list-style:square; }
		#content a { color:#534833; text-decoration:underline; }
		#content a:hover { color:#000000; text-decoration:underline; }

		#side-bar { float:left; width:250px; }
			#side-bar .box {color: #3E2B1F; padding:10px 15px 10px 15px; border:1px solid black; margin-bottom: 12px; background: #e8ecec url("/images/left-nav-bg.jpg") repeat;}
			#side-bar .box ul { margin:0; padding:0; }
			#side-bar .box li { margin:0; padding:2px 0; list-style:none; text-align:left; }
		#side-bar a { color:#1d1f12; font-weight: bold; text-decoration:none; text-transform:uppercase;}
		#side-bar a:hover { color:#1d1e10; text-decoration:none; }
			
/* ========== FOOTER ============================== */

#footer { text-align:center; margin:10px 0 10px 0; }
	#footer-nav { margin:0; padding:5px 0 10px 0; }
	#footer-nav li { display:inline; list-style:none; background:url("/images/breaker.gif") 2px 2px no-repeat; padding-left:10px;}
	#footer-nav li:first-child{ background:none; }
	#footer-nav a { text-decoration:none; }
	#footer-nav a:hover { color:#000; text-decoration:none; }
	#footer p { color:white; padding-bottom:5px;}
	#footer a { color:white; }
	#footer a:hover { color:yellow; }
	
/* ========== PHOTO GALLERY ============================== */

.gallery-small { display: inline; float: left; width: 190px; margin-bottom: 5px; text-align: center; }
.gallery-small img { width: 180px; height: 135px; border: 1px solid #000; }
.gallery-small p { display: none; }
.gallery-small h5 { max-height: 100px; }
.gallery-large { display: inline; margin: 0 0 10px 0; }
.gallery-large img { position: relative; top: 0; width: 600px; border: 1px solid #000; }

/* ========== PAGINATION ============================== */

#content .pagination { float: left; margin: 40px 15px 50px 0px; display: inline-block; text-decoration: none; text-transform: uppercase; }
#content .pagination a { margin-right: 2px; padding: 14px 16px 12px 16px; background: #000000; border: 1px solid #666666; color: #FFF; text-decoration: none; }
#content .pagination a:hover { border: 1px solid #000; color: #FFF; background: #9a835a; }
#content .pagination a.current { border: 1px solid #333; color: #ddd; background: #9a835a; }
#content .pagination a.current:hover { border: 1px solid #000; color: #FFF; }

#content .paginationR { float: left; margin: 0 15px 50px 50px; text-decoration: none; text-transform: uppercase; }
#content .paginationR a { margin-right: 2px; padding: 5px 10px; border: 1px solid #262217; color: #262217; text-decoration: none; }
#content .paginationR a:hover { border: 1px solid #eae1c4; color: #f26522; background: #262217; }
#content .paginationR a.current { border: 1px solid #eae1c4; color: #f26522; background: #262217; }
#content .paginationR a.current:hover { border: 1px solid #fff; color: #fff; }

#content .paginationI { float: right; margin: 10px 20px 40px 0px; text-decoration: none; text-transform: uppercase; }
#content .paginationI a { margin-right: 2px; padding: 5px 10px; border: 1px solid #000; color: #000; text-decoration: none; }
#content .paginationI a:hover { border: 1px solid #666666; color: #000; }
#content .paginationI a.current { border: 1px solid #333333; color: #ddd; background: #666666; }
#content .paginationI a.current:hover { border: 1px solid #000; color: #000; }

/* ========== SLIDER ============================== */

#slider { position: relative; top: 0; left: 0px; width: 590px; height: 300px; margin: 0 0 0 0; background: #a9a196 url(/images/slider/loading.gif) no-repeat 50% 50%; border: 1px solid #000; }
#slider img { position: absolute; top: 0; left: 0; display: none; }
#slider a { border: 0; display: block; }

.nivo-controlNav { position:absolute; left:25px; bottom:42px; }
.nivo-controlNav a { display:block; width:22px; height:22px; background:url(../images/slider/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; }
.nivo-controlNav a.active { background-position:0 -22px; }

.nivo-directionNav a { display:block; width:30px; height:30px; background:url(../images/slider/arrows.png) no-repeat; text-indent:-9999px; border:0; }

a.nivo-nextNav { background-position:-30px 0; right:15px; }
a.nivo-prevNav { left:15px; }

.nivo-caption { text-shadow:none; font-family: Helvetica, Arial, sans-serif; }
.nivo-caption a { color:#efe9d1; text-decoration:underline; }

.nivoSlider { position:relative; }
.nivoSlider img { position:absolute; top:0px; left:0px; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; }

/* The slices and boxes in the Slider */
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; }
.nivo-box { display:block; position:absolute; z-index:5; }

/* Caption styles */
.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; }
.nivo-caption p { padding:10px; margin:0; }
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none; }

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; }
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px; }

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a { position:relative; z-index:9; cursor:pointer; }
.nivo-controlNav a.active { font-weight:bold; }	

/* ========== FORMS ============================== */

#f75-form { margin: 0; padding-left: 15px; width: 705px; overflow: hidden; }
#comments-form { margin: 0; padding-left: 15px; width: 700px; overflow: hidden; }
#rail { margin: 0; padding-left: 15px; width: 240px; overflow: hidden; }
#deposit-form { margin: 0; padding-left: 15px; width: 610px; overflow: hidden; }
#email-signup { margin: 0; margin-left: 15px; width: 290px; overflow: hidden; }

.error { padding:20px; background:#facfcf;}
.error ul { margin:5px 0 0 5px; padding:0; }
.error li { list-style:none; color:red; background:none; padding-left:10px; }

.block2 { position: relative; float: left; width: 700px; margin-bottom: 2px; }		
.block2 label { display: block; float: left; position: relative; width: 390px; padding: 2px 5px 0 0; text-align: left; }		
.block2 input { display: block; float: left; position: relative; width: 230px; margin-right: 8px; padding: 2px; border: 1px solid #999; background-color: #fff; }		
.block2 input:focus { border: 1px solid #999; background-color: #fff; }

.form-check { float: left; width: 620px; margin: 20px 0 20px 0; }		
.form-check input { float: left; line-height: 25px; margin-right: 10px; }		
.form-check label.top { height: 25px; width: 620px; margin-bottom: 0; }		
.form-check label { float: left; height: 25px; width: 580px; margin-bottom: 0; }		

.textarea { float: left; width: 620px; margin: 5px 0 15px 0; }		
.textarea label { float: right; height: 25px; width: 620px; margin-bottom: 0; vertical-align: top; }		
.textarea textarea { width: 616px; border: 2px solid #d9d9d9; margin: 0; padding: 0;}		

.form-button { float: left; width: 620px; margin: 0 0 20px 0; }
		
.form-required { color: #991111; padding-right: 2px; }		
	
.form-submit-button { cursor: pointer }		

.terms { 
	float: left;
	font-size: .80em; 
	width: 350px; 
	margin: 0 0 5px 185px;
	padding: 3px 5px; 
	background: #fffed2;
	color: #000;
	border: 0px;
 }
 
.terms input[type=checkbox] { width: 4%; }
.terms label { width: 90%; }

.required { color: #991111; padding-right: 2px; }		
input.submit {
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border: solid 1px #8fc857; 
	background: #8FC857; 
	background: -webkit-gradient(linear,left top,left bottom,from(#8FC857),to(#5C9425)); 
	background: -moz-linear-gradient(top,#8FC857,#5C9425); border: 1px solid #561; 
	color: #fff;
}

#signupform form input[type=submit] {
	position: relative;
	margin: 10px 0 5px 200px;
	cursor: pointer;
	font-size: 1.8em; 
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 0px;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    cursor: pointer;
    padding: 8px 20px 12px 20px;
    text-align: center;
    text-decoration: none;
	border: solid 1px #8fc857; 
	background: #8FC857; 
	background: -webkit-gradient(linear,left top,left bottom,from(#8FC857),to(#5C9425)); 
	background: -moz-linear-gradient(top,#8FC857,#5C9425); border: 1px solid #561; 
    color: #fff;
	}

#signupform form input[type=submit]:hover { 
	position: relative;
    border: 1px solid #000;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#222));
    background: -moz-linear-gradient(top,  #555,  #222);
	behavior: url(/css/PIE.htc); 
	}

#contact-form { margin: 20px 0; width: 580px; }
#contact-form input[type=hidden] { display: none; }
#contact-form .required { color: red; padding-right: 3px; }		

.L50 { float: left; display: inline; width: 280px; margin: 0 10px 15px 0; }
.L50 label { width: 280px; }
.L50 input[type=text] { width: 270px; padding: 3px; }

.R50 { float: left; display: inline; width: 280px; margin: 0 0 15px 0; }
.R50 label { width: 280px; }
.R50 input[type=text] { width: 270px; padding: 3px; }

.city { float: left; display: inline; width: 130px; margin: 0 15px 15px 0; }
.city label { width: 130px; }
.city input[type=text] { width: 130px; padding: 3px; }

.state { float: left; display: inline; width: 40px; margin: 0 15px 15px 0; }
.state label { width: 40px; }
.state input[type=text] { width: 40px; padding: 3px; }

.zip { float: left; display: inline; width: 70px; margin: 0 15px 15px 0; }
.zip label { width: 70px; }
.zip input[type=text] { width: 70px; padding: 3px; }

.spam { float: left; display: inline; width: 580px; margin: 0 15px 15px 0; }
.spam label { width: 360px; }
.spam input[type=text] { width: 30px; margin-left: 10px; padding: 3px; }

.comments { float: left; width: 580px; margin: 0 0 15px 0; }
.comments label { width: 580px; }
.comments input[type=text] { width: 570px; padding: 3px; }
.comments textarea { width: 565px; padding: 3px; font-family: Georgia, serif; font-size: .98em; }

.optin { 
	float: left; 
	width: 555px; 
	margin: 0 12px 15px 0;
	padding: 3px 5px; 
	background: #e5edc4;
	background: -webkit-gradient(linear, left top, left bottom, from(#e5edc4), to(#d9e4ac));
	background: -moz-linear-gradient(top,  #e5edc4,  #d9e4ac);
	-pie-background: linear-gradient(top,  #e5edc4,  #d9e4ac);
	color: #3f7227;
	text-shadow: 0 1px 0 #fff;
	border: 1px solid #666666;
 }
 
.optin input[type=checkbox] { width: 8%; }
.optin label { width: 92%; }

.form-check { float: left; width: 620px; margin: 10px 0 10px 0; }		
.form-check input { float: left; line-height: 20px; margin-right: 10px; }		
.form-check label.top { height: 20px; width: 620px; margin-bottom: 0; }		
.form-check label { float: left; height: 20px; width: 580px; margin-bottom: 0; }		

.error { width: 560px; padding:10px; color: #ff0000; }
.error ul { margin:5px 0 0 5px; padding:0; }
.error li { list-style:none; color: #ff0000; font-weight: 600; background:none; padding-left:10px; }

#contact-form input[type=submit] {
	float: left; 
	position: relative;
	margin: 5px 12px 25px 0px;
	cursor: pointer;
	font-size: 1.4em; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 0px;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	cursor: pointer;
	padding: 3px 10px 6px 10px;
	text-align: center;
	text-decoration: none;
	border: solid 1px #8fc857; 
	background: #d9531e; 
	background: -webkit-gradient(linear,left top,left bottom,from(#d9531e),to(#e1470b)); 
	background: -moz-linear-gradient(top,#d9531e,#e1470b); border: 1px solid #e1470b; 
	color: #fff;
}
	
#contact-form input[type=submit]:hover { 
	position: relative;
	border: 1px solid #000;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#222));
	background: -moz-linear-gradient(top,  #555,  #222);
	behavior: url(/css/PIE.htc); 
}

/* ========== RESOURCES ============================== */

hr { margin: 20px 15px 15px 15px;  height: 1px; border: 0; background: url(/images/hline.png) repeat-x bottom left; }


.category_col ul { width:100%; margin-bottom:20px; overflow:hidden; }
.category_col li { float:left; display:inline; width:45%; background: url('/images/check.png') no-repeat 0 0px; padding-left: 30px; line-height: 22px; }

.resources { display: inline; float: left; width: 205px; min-height: 146px; margin: 0px 20px 15px 10px; }
.resources img { width: 205px; margin: 0 0 0 0; border: #999999 solid 1px; }

.resources-photo { display: inline; float: left; width: 185px; min-height: 128px; margin: 0px 10px 10px 0px; }
.resources-photo img { width: 185px; height:128px; margin: 0 0 0 0; border: #999999 solid 1px; }

.resources-inner { float: right; width: 322px; }
.resources-inner h3 { position: relative; float: left; margin-top: 0px; top: 0; }
.resources-inner p { float: left; width: 100%; }
.resources-inner .more { float: left; height: 22px; width: 114px; margin-top: 2px; margin-right: 10px; background: url(/images/more.png) no-repeat top right; }
.resources-inner .more:hover { float: left; height: 22px; width: 114px; margin-top: 2px; margin-right: 10px; background: url(/images/more-hover.png) no-repeat top right; }
.resources-nophoto { width: 100%; margin: 0 5px 0 0; overflow: hidden; }
.resources-nophoto-inner h3 { position: relative; float: left; margin-top: 0px; top: 0; }

/* ========== VIDEO GALLERY ============================== */

.sxs-video-left { height: 220px; width: 630px; margin: 5px 0 0px 0; }
.sxs-video-left iframe { float: left; height: 200px; width: 300px; margin: 10px 20px 0 0px;  }

.sxs-video-right { height: 220px; width: 630px; margin: 5px 0 0px 0; }
.sxs-video-right iframe { float: right; height: 200px; width: 300px; margin: 10px 20px 0 25px; }
	
/* ========== PRODUCTS ============================== */

.products { width: 614px; margin: 10px 0px 10px 0px; overflow: hidden; }
.products img { position: relative; float: left; width: 250px; height: 175px; margin-bottom: 20px; border: 5px solid #999999; }
.products-inner { float: right; width: 330px; margin-left: 20px; }
.products-inner h2 { position: relative; float: left; width: 330px; margin-top: 0px; top: 0; }
.products-inner .priceb { float: left; width: 330px; color: #000000; font-weight: bold; margin: 0 0 10px 0; }
.products-inner .sold { float: left; text-decoration: line-through; width: 330px; color: #991111; font-weight: bold; margin: 0 0 10px 0; }
.products-inner .button-learn-more { width: 71px; height: 24px; border: 0px; }
.products-inner p { float: left; width: 100%; }

/* ========== PRODUCT DETAIL ============================== */

.product { width: 604px; margin: 10px 0px 10px 0px; overflow: hidden; }
.product-left { position: relative; float: left; width: 320px; }
.product-right { float: left; width: 284px; }
.product-right .price { color: #000000; font-weight: bold; font-size: 1.4em; margin: 0 0 10px 0; }
.product-right label { float: left; width: 100%; margin-bottom: 5px; font-weight: bold; font-size: 15px; }
.product-right select { width: 100%; padding: 5px; margin-bottom: 20px; }

/* ========== IMAGE GALLERY ============================== */

#images img { border: 4px solid #999999; }
#main-image { margin-bottom: 10px; width:300px; height:200px; cursor: pointer; }
#thumbs img { margin: 0 10px 10px 0; width:85px; height:60px; cursor: pointer; }
#thumbs img.selected { border-color: #b66317; }

/* ========== IMAGE VIEWER ============================== */

#image-viewer-overlay { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background-color: #CBD2C1; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); }
#image-viewer { position: fixed; z-index: 1000; top: 50%; left: 50%; width: 600px; height: 450px; margin: -250px 0 0 -250px; background-color: #FFF; }
#image-viewer-close { position: absolute; top: 0; right: 0; padding: 10px 15px; color: #FFF; background-color: #333; }

#image-viewer-close a { color:#534833; text-decoration:underline; }
#image-viewer-close a:hover { color:#000000; text-decoration:none; }
		
.sxs > br { display: none; }
.sxs { border-top: 1px solid #fff; }
.sxs { 
	width: 100%; 
	margin: 0;
	padding: 35px 0 20px;
	float: left;
}
.sxs-inner h2,
.sxs-inner h3,
.sxs-inner h4 { margin: 0; }
.sxs img,
*[class^=targets] div[class^=row] img {
	max-width: 45%;
	height: auto !important;
	border: 0;
	padding: 0 0 30px 35px;
	float: right;
}
.sxs .sxs-inner {
	width: auto;
	padding: 0 0 20px;
	float: none;
}
.sxs.left img {
	padding: 0 0 30px;
	float: left;
}
.sxs.left .sxs-inner { padding: 0 0 0 50%; }
div.block {
	width: 100%; 
	margin: 0;
	padding: 35px 0 20px;
	float: left;
}
div.block h2,
div.block h3,
div.block h4,
div.block h5,
div.block h6 { margin: 0; }
div.block.center img {
	max-width: 100%;
	height: auto !important;
	padding: 0 0 30px;
	margin: 0 auto;
	display: block;
}
@media only screen and (max-width: 750px) {
	.sxs.left img,
	.sxs img {
        max-width: 100%;
		margin: 0 auto;
		padding: 0 0 25px;
		float: none;
		display: block;
    }
	.sxs.left .sxs-inner { padding: 0; }
}