/*
//-----------------------------------------------------------------------------

	ie6.css
	
	version:	1.0
	date:		08/2010
	author:		[Martin Olson @ innertwine]
	email:		[martin@innertwine.com]

	website:	[www.frabill.com]

	version history: [1.0]
	

// -----------------------------------------------------------------------------
*/

/*	Reset Browser Styles & Import External Styles
-----------------------------------------------------------------------------*/
@import "reset.css";
@import "carousel.css";
@import "scrollpane.css";
@import "fancybox.css";


/*	Structure
-----------------------------------------------------------------------------*/

body, html { background: rgb(0,0,0) url(../images/bkg-pattern.gif) 0 -65px repeat-x; padding-top: 1px }

.wrap {
	color: rgb(45,45,45);
	font: 100 12px/1.5em 'Helvetica', Arial, sans-serif;
	min-height: 740px;
	margin: 55px auto;
	text-rendering: optimizeLegibility;
	width: 955px }	
#header {  }
#footer {
	clear: both;
	color: rgb(75,75,75);
	font: 100 10px/1.5em Helvetica, Arial, sans-serif;
	line-height: 35px;
	margin: 0 auto 25px;
	text-align: left;
	width: 800px }
#homenav h1 {
	background: url(../images/cb-logo.png) 0 0 no-repeat;
	display: block;
	float: left;
	height: 95px;
	margin-right: 20px;
	text-indent: -9999px;
	width: 310px }
h1 a {
	background: url(../images/frabill-logo.png) 0 0 no-repeat;
	display: block;
	float: left;
	height: 90px;
	position: relative;
	top: -23px; left: -2px;
	text-indent: -9999px;
	width: 150px;
	z-index: 50 }
h2 {
	color: rgb(253,185,19);
	font-size: 32px;
	font-weight: 700;
	line-height: 1em;
	text-transform: uppercase;
	margin-bottom: .3em }
	.inner-pg h2 { /*color: rgb(253,185,19);*/ margin: 10px auto .3em }
h3 {
	color: rgb(253,185,19);
/*	color: rgb(125,125,125);*/
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: .3em }
	#prod-details h3 { margin-bottom: .8em }
	.pro-panel h3 { color: rgb(225,225,225); font-size: 24px; margin-bottom: .3em }
h4 {
	color: rgb(210,210,210);
	font-size: 14px;
	margin-bottom: .5em;
	text-transform: uppercase }
	.prod-views h4 a {
		background: url(../images/prodlist-arrow.gif) 0 -2px no-repeat;
		color: rgb(210,210,210);
		font-size: 13px;
		line-height: 1em;
		margin: 0;
		padding-left: 12px;
		text-decoration: none;
		text-transform: none }
	.prod-views h4.active a { background-position: 0 -22px }
h5 {
	clear: both;
	color: rgb(180,180,180);
	font-size: 10px;
	margin-bottom: .3em;
	text-transform: uppercase }

strong 	{ color: rgb(45,45,45); font-weight: 700 }
em 		{ font-style: italic }

/* classes */

.hide { display: none }
.shdr { color: rgb(255,255,255); font-weight: 700 }

#sitenav {
	background: url(../images/bkg-sitenav.png) 0 0 no-repeat;
	height: 50px;
	position: relative;
	z-index: 10 }

#selopt {
	display: block; float: left;
	color: rgb(220,220,220);
	font-size: 14px;
	font-weight: 700;
	margin-left: 20px;
	line-height: 45px;
	text-shadow: rgb(0,0,0) 1px 1px 0;
	width: 120px }
#selopt a:link, #selopt a:visited {
	color: rgb(220,220,220);
	text-decoration: none }
#selopt a:hover {
	color: rgb(250,250,250);
	text-decoration: none }
#prodnav {
	border-left: 1px solid rgb(55,55,55);
	display: block; float: left;
	height: 45px;
	margin-left: 10px;
	padding-left: 20px;
	width: 400px }
#prodnav li {
	display: block;
	float: left;
	line-height: 45px;
	padding: 0 12px }
#prodnav li a:link, #prodnav li a:visited {
	color: rgb(160,160,160);
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	text-shadow: rgb(0,0,0) 1px 1px 0 }
#prodnav li.selected a { color: rgb(230,230,230) }
#prodnav li a:hover { color: rgb(230,230,230) }
#socialnav {  }
#socialnav li {
	background: url(../images/socialnav-divider.png) left center no-repeat;
	display: block;
	float: left;
	line-height: 45px;
	padding: 0 8px }
	#socialnav li.first { background: none }
#socialnav li a:link, #socialnav li a:visited {
	color: rgb(190,190,190);
	font-size: 10px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: rgb(25,25,25) 1px 1px 0 }
#socialnav li a:hover { color: rgb(245,245,245) }
	
#pg-content {
	background: url(../images/bkg-20k.png);
	margin-top: -10px;
	padding: 0 7px 0 8px;
	position: relative;
	top: 0; left: 0;
	z-index: 5 }
#home #content {
	background: rgb(0,0,0) url(../images/home-lifestyle.jpg) 0 0 no-repeat;
	position: relative;
	min-height: 700px;
	z-index: 5 }
#inner #content {
	background: rgb(0,0,0) url(../images/bkg-fade.jpg) 0 0 no-repeat;
	position: relative;
	min-height: 700px;
	z-index: 5 }
	.inner-pg {
		clear: both;
		color: rgb(180,180,180);
		position: absolute;
		top: 45px;
		z-index: 10 }
	.inner-pg p { margin-bottom: 1.5em }
	
	.inner-overlay {
		background: rgb(0,0,0);
		display: none;
		position: absolute;
		height: 700px;
		top: -45px; left: 0;
		width: 940px;
		z-index: 15 }
	
/* signup box */

#emailsignup { 
	background: rgb(25,25,25) url(../images/bkg-fade.jpg) 0 0 no-repeat;
	border: 1px solid rgb(30,30,30);
	color: rgb(145,145,145);
	font: 100 11px/1.5em 'Helvetica', Arial, sans-serif;
	display: block;
	height: 465px;
	padding: 30px 25px 25px;
	text-align: center;
	width: 280px }
	p.socialtitle {
		color: rgb(255,255,255);
		font-size: 16px;
		font-weight: 700;
		line-height: 20px;
		margin-bottom: .3em;
		/* mb */
		text-shadow: rgb(10,10,10) 1px 1px 1px }
	a.social-btn img {
		margin-top: 15px;
		/* mod browsers */
		-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 0 2px;
		-moz-box-shadow: rgba(0, 0, 0, 0.6) 0 0 2px }

/* signup form */
	
#alertmsg {
	border: 1px solid rgb(50,50,50);
	background: url(../img/bkg-30k.png);
	display: none;
	color: rgb(225,58,116);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5em;
	padding: 15px 45px;
	text-align: center }
#errormsg {
	color: rgb(237,66,43);
	display: none;
	font-size: 11px;
	font-weight: 700 }

#mc_embed_signup {
	font: 100 12px/1.5em 'Helvetica', Arial, sans-serif;
	margin-top: 10px; text-align: left }
#mc_embed_signup fieldset { margin-top: 5px }
#mc_embed_signup fieldset ol {
	margin: 0;
	padding: 0 }
#mc_embed_signup fieldset ol {
	margin-bottom: 15px }
#mc_embed_signup fieldset ol li {
	clear: both;
	line-height: 2em;
	padding: 2px 0;
	margin: 0;
	text-align: left }
	#mc_embed_signup fieldset ol li.sin,
	#mc_embed_signup fieldset ol li.sinalt {
		clear: none;
		display: block;
		float: left;
		width: 135px }
		#mc_embed_signup fieldset ol li.sinalt { margin-left: 10px }
#mc_embed_signup label {
	color: rgb(100,100,100);
	display: block;
	float: left;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 5px 0;
	text-align: left;
	text-transform: none;
	vertical-align: top;
	width: 70px }
#mc_embed_signup li { position:relative }
#mc_embed_signup label  { position:absolute; top:0; left:0 }
#mc_embed_signup label.static  { position: relative; top:auto; left:auto; padding-top: 2px; width: 40px}
#mc_embed_signup fieldset li input.tf,
#mc_embed_signup fieldset li input.stf,
#mc_embed_signup fieldset li input.num,
#mc_embed_signup fieldset li textarea {
	background: rgb(25,25,25);
	border: 1px solid rgb(45,45,45);
	color: rgb(190,190,190);
	font-family: Arial, Helvetica, sans;
	font-size: 13px;
	padding: 3px 5px;
	width: 270px }
	#mc_embed_signup fieldset li input.stf { width: 125px }
	#mc_embed_signup fieldset li input.num { width: 35px }
#mc_embed_signup fieldset li select {
	padding: 2px 3px 1px }
#mc_embed_signup fieldset li select option {
	padding: 1px 3px }
#mc_embed_signup .formBtn { }

#mc_embed_signup .error {
	display: none;
	color: #ff9900;
	width: 280px }

#mce-responses { font-size: 11px; line-height: 1.4em; text-align: center }
#mce-error-response { color: rgb(237,66,43); padding: 10px }
#mce-success-response { color: rgb(117,160,101); padding: 10px }
	
	* html #mc_embed_signup label.error { display: block }
		
		
		
		
		
		
/* social box */	

#socialbox { 
	background: rgb(25,25,25) url(../images/bkg-fade.jpg) 0 -150px no-repeat;
	border: 1px solid rgb(30,30,30);
	color: rgb(145,145,145);
	font: 100 11px/1.5em 'Helvetica', Arial, sans-serif;
	display: block;
	height: 115px;
	padding: 20px 25px 25px;
	text-align: center;
	width: 300px }
	p.socialtitle {
		color: rgb(255,255,255);
		font-size: 16px;
		font-weight: 700;
		line-height: 20px;
		margin-bottom: .3em;
		/* mb */
		text-shadow: rgb(10,10,10) 1px 1px 1px }
	a.social-btn img {
		margin-top: 15px;
		/* mod browsers */
		-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 0 2px;
		-moz-box-shadow: rgba(0, 0, 0, 0.6) 0 0 2px }
	
	
	
	
/* home */

#home-camp { clear: both; height: 400px }
#home-intro {
	padding: 45px 0 0 60px;
	width: 300px }
	p.avail {
		color: rgb(235,235,235);
		font-size: 10px;
		font-weight: 700;
		margin-bottom: 0 }
	.explore-btn,
	.order-btn {
		display: block;
		float: left;
		width: 160px }
		.order-btn { width: 110px }
	.explore-btn a:link, .explore-btn a:visited {
		background: url(../images/btn-explorebkg.png) 0 0 no-repeat;
		color: rgb(240,240,240);
		display: block;
		font-weight: 700;
		height: 40px;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		/* mb */
		text-shadow: rgb(10,10,10) 1px 1px 1px }
	.explore-btn a:hover { background-position: 0 -40px }
	.order-btn a {
		background: url(../images/btn-vidbkg.png) 0 0 no-repeat;
		color: rgb(30,30,30);
		display: block;
		font-weight: 700;
		height: 40px;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		/* mb */
		 }
#home-fma {
	background: url(../images/bkg-90k.png);
	padding: 20px 60px;
	overflow: hidden;
	width: 850px }
	.fma-col { display: block; float: left; color: rgb(120,120,120); font-size: 11px; line-height: 1.3em; padding: 0 50px 0 0; width: 220px }
	.fma-col a { color: rgb(200,200,200); text-decoration: none }
	.fma-col a:hover { text-decoration: underline }
	#fma-video { width: 280px }
	#dealers { padding-right: 0 }
	.home-vid { float: right }
	
/* features */

#prod-details {
	display: block;
	float: left;
	margin: 55px 0 0 60px;
	width: 300px }
.prod-views {
	border-top: 1px solid rgb(25,25,25);
	clear: both;
	overflow: hidden;
	padding: 10px 0 5px }
.v-options {
	display: block;
	display: none;
	height: 70px;
	padding: 5px 0 0 12px;
	overflow: hidden }
.v-img {
	background: rgb(30,30,30);
	display: block;
	float: left;
	margin-right: 5px;
	padding: 3px;
	height: 55px;
	width: 75px }
#prod-views {
	display: block;
	float: left;
	height: 680px;
	width: 550px }
.gallery-img {
	background: rgb(20,20,20);
	border: 1px solid rgb(30,30,30);
	display: block;
	height: 400px;
	overflow: hidden;
	padding: 5px;
	width: 600px }
.gallery-caption {
	background: url(../images/bkg-90k.png);
	color: rgb(145,145,145);
	font: 100 11px/1.3em 'Helvetica', Arial, sans-serif;
	position: absolute;
	top: 321px; left: 6px;
	height: 65px;
	padding: 20px 25px 0;
	width: 550px }
	.gallery-txt { float: left; width: 400px }
	.gallery-txt p { clear: both; margin-bottom: .5em }
	.gtitle { color: rgb(220,220,220); font-size: 13px; font-weight: 700 }
	
	.gallery-nav {
		color: rgb(145,145,145);
		display: block;
		float: right;
		font-size: 14px;
		height: 55px;
		line-height: 20px;
		margin-right: 35px;
		text-align: center;
		width: 90px }
		.nav-btn { display: block; float: left; width: 20px }
		.nav-cnt { display: block; float: left; text-align: center; width: 50px }
	
	.nav-btn a:link,
	.nav-btn a:visited {
		display: block;
		height: 20px;
		text-indent: -9999px;
		width: 20px }
	
	#pbtn { background: url(../images/gallerynav-arrows.gif) 0 0 no-repeat }
	#nbtn { background: url(../images/gallerynav-arrows.gif) -22px 0 no-repeat }
	
	a#pbtn:hover { background-position: 0 -24px  }
	a#nbtn:hover { background-position: -22px -24px  }
	
	
/* reviews */

#pro-reviews { clear: both; margin: 15px 43px }

#pro-list {
	border-bottom: 1px solid rgb(40,40,40);
	float: right;
	height: 60px;
	margin-bottom: 10px;
	position: relative;
	text-align: right;
	width: 850px }
.pro-th {
	background: url(../images/bkg-60k.png);
	display: block;
	float: left;
	padding: 3px;
	margin-right: 5px;
	width: 50px;
	text-align: left;
	z-index: 5; }
	.pro-th img { float: left; margin-right: 5px }
	/*.selected { background: rgb(253,185,19) }*/
	.pro-th span { font-size: 11px }
	
.pro-panel { 
	background: rgb(25,25,25);
	border: 1px solid rgb(30,30,30);
	clear: both;
	display: block;
	height: 415px;
	width: 853px;
	/* mod browsers */
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 0 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.8) 0 0 8px }
.pro-bio {
	display: block;
	float: left;
	font-size: 11px;
	line-height: 1.4em;
	padding: 10px 30px 0;
	height: 405px;
	width: 360px }
	.pro-title { color: rgb(130,130,130); font-weight: 700; margin-bottom: 0 }
	.vplyr { margin-bottom: 15px }
.pro-feed {
	background: rgb(18,18,18);
	display: block;
	float: left;
	height: 415px;
	width: 433px }
	#tweethdr {
		background: url(../images/bkg-fade.jpg) center -100px no-repeat;
		color: rgb(200,200,200);
		font-size: 10px;
		font-weight: 700;
		text-transform: uppercase;
		height: 50px; line-height: 50px;
		padding: 0 10px 0 25px }
		.follow { display: block; float: right; line-height: 25px; height: 25px; margin-top: 13px; width: 75px; text-align: center }
		.follow a {
			/*background: url(../images/btn-follow.png) 0 0 no-repeat;*/
			background: rgb(253,185,19);
			color: rgb(0,0,0);
			font-size: 11px;
			font-weight: 700;
			display: block;
			height: 25px;
			text-align: center;
			text-decoration: none;
			text-transform: none;
			width: 75px;
			/* mb */
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 0 3px;
			-moz-box-shadow: rgba(0, 0, 0, 0.8) 0 0 3px }
	#tweets { background: url(../images/shadow.png) 0 0 repeat-y; font-size: 11px; line-height: 1.5em; height: 345px; padding: 10px 0 }
	#tweets ul {  }
	#tweets ul li { color: rgb(145,145,145); border-bottom: 1px solid rgb(30,30,30); padding: 10px 40px 10px 25px; width: 370px }
	#tweets ul li span.date { color: rgb(85,85,85) }
	#tweets ul li span.hash { color: rgb(200,200,200) }
	#tweets ul li a:link, #tweets ul li a:visited { color: rgb(200,200,200); text-decoration: none }
	#tweets ul li a:hover { color: rgb(253,185,19); }
	
	.tmp-msg { font-size: 12px; margin: 25px }
	.tmp-msg a:link, .tmp-msg a:visited { color: rgb(253,185,19); text-decoration: none }
	.tmp-msg a:hover { text-decoration: underline }

/* videos */

#video-wrap,
#video-wrap-lg {
	background: rgb(15,15,15);
	border: 1px solid rgb(30,30,30);
	display: block;
	float: left;
	height: 395px;
	margin: 15px 15px 10px 0;
	padding: 5px;
	width: 625px }
	#video-wrap-lg { height: 440px }
#video-plyr { background: rgb(10,10,10); height: 345px; width: 625px }
#video-lib,
#video-lib-lg {
	background: rgb(18,18,18);
	display: block;
	float: left;
	height: 406px;
	margin-top: 15px;
	width: 185px;
	/* mod browsers */
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px }
	#video-lib-lg { height: 418px }
#video-list { height: 377px; font-size: 11px; font-weight: 700; line-height: 1.3em }
#video-list li { border-top: 1px solid rgb(25,25,25); height: 125px; width: 185px }
#video-list li.inactive { background: url(../images/fpo-vid.gif) 0 0 no-repeat }
#video-list li.first { border-top: none }
#video-list li.selected { background: rgb(253,185,19); color: rgb(40,40,40); font-size: 12px }
#video-list li .vid-details { padding: 6px 10px }
#video-list li span.date { color: rgb(100,100,100); font-size: 10px; font-weight: 100 }
#video-list li.selected span.date { color: rgb(45,45,45) }
#video-hdr,
#video-hdr-lg {
	background: url(../images/bkg-fade.jpg) center -60px no-repeat;
	border-bottom: 1px solid rgb(35,35,35);
	color: rgb(180,180,180);
	height: 28px;
	line-height: 30px;
	padding: 0 10px }
	#video-hdr-lg { height: 40px; line-height: 42px }


	
/*	sIFR
-----------------------------------------------------------------------------*/

.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; z-index: 1 }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden }

.sIFR-active h2.home,
.sIFR-active h2.features,
.sIFR-active h2.reviews {
	visibility: hidden;
	line-height: 1em;
	font-size: 50px;
	margin-bottom: 0 }
	.sIFR-active h2.features { height: 50px; font-size: 40px }
	.sIFR-active h2.reviews { font-size: 25px; height: 30px }
	.sIFR-active h2.videos { font-size: 25px; height: 30px; margin-left: 15px }
.sIFR-active p.socialtitle {
	visibility: hidden;
	line-height: 1em;
	font-size: 24px;
	margin-bottom: 0 }
.sIFR-active #home h4 {
	visibility: hidden;
	line-height: 1em;
	font-size: 18px;
	margin-bottom: .5em;
	width: 160px }