*{ margin:0; padding:0; }
html{ 
	background-color:#f9b018; 
	font: 12px "Helvetica Neue", "HelveticaNeue", Arial, Verdana, sans-serif;
	color:#808285;
}
#container{
	width:946px;
	position:relative;
	margin:15px auto 0;
	background: url(images/container_bg.jpg) repeat-y left top;
}
#main{ margin:7px 10px 0; width:926px; position:relative;}

/* ----- typography ----- */

h2{
	color:#f58025;
	font-size:55px;
	margin-bottom:20px;
}

/* ----- header ----- */

#header{ overflow:hidden; }
#header h1{ float:left; }
#header h1 a{
	display:block;
	overflow:hidden;
	height:0 !important;
	width:245px;
	padding:81px 0 0 0;
	background: url(images/bs_logo.jpg) no-repeat left top;
}
#header ul#nav{
	float:left;
	width:701px;
	overflow:hidden;
	height:87px;
	background-color:#f9b018;
	z-index:12;
	position:relative;
	list-style-type:none;
}
#header #nav li{
	float:left;
	padding-top:24px;
}
#header #nav li a{
	display:block;
	overflow:hidden;
	height:0 !important;
	padding:63px 0 0 0;
}
	#header #nav li a:hover, #header #nav li.active a{
		background-position:0 -63px !important;
	}
	#nav #home a{
		background: url(images/nav-home.jpg) no-repeat left top;
		width:82px;
	}
	#nav #about a{
		background: url(images/nav-about.jpg) no-repeat left top;
		width:104px;
	}
	#nav #find a{
		background: url(images/nav-find.jpg) no-repeat left top;
		width:130px;
	}
	#nav #shop a{
		background: url(images/nav-shop.jpg) no-repeat left top;
		width:129px;
	}
	#nav #contact a{
		background: url(images/nav-contact.jpg) no-repeat left top;
		width:98px;
	}
	#nav #franchise a{
		background: url(images/nav-franchise.jpg) no-repeat left top;
		width:158px;
	}
	#home-page #nav #home a,
	#about-page #nav #about a,
	#contact-page #nav #contact a,
	#location-page #nav #find a,
	#shop-page #nav #shop a{ background-position:0 -63px; }
	
	#header ul#test-nav{
		float:left;
		width:701px;
		overflow:hidden;
		height:63px;
		padding-top:24px;
		background:transparent url(images/nav-bg.gif) repeat-x left top;
		z-index:12;
		position:relative;
		list-style-type:none;
	}
	#test-nav li{ float:left; }
	#header #test-nav li a{
		display:block;
		overflow:hidden;
		height:0 !important;
		padding:63px 0 0 0;
	}

	#test-nav #nav-left { background: url(images/nav-left.jpg) no-repeat left top; width:6px !important; height:63px; }
	#test-nav #nav-right { background: url(images/nav-right.jpg) no-repeat left top; width:17px !important; height:63px; }
	#test-nav #home { background: url(images/nav-home3.jpg) no-repeat left top; width:68px !important; }
	#test-nav #about {	background: url(images/nav-about3.jpg) no-repeat left top; width:75px !important; }
	#test-nav #find { background: url(images/nav-find3.jpg) no-repeat left top; width:119px !important; }
	#test-nav #shop { background: url(images/nav-shop3.jpg) no-repeat left top; width:121px !important; }
	#test-nav #contact { background: url(images/nav-contact3.jpg) no-repeat left top; width:91px !important; }
	#test-nav #franchise { background: url(images/nav-franchise3.jpg) no-repeat left top; width:139px !important; }
	#test-nav #nav-blog { background: url(images/nav-blog3.jpg) no-repeat left top; width:65px !important; }
	
	#test-nav li a:hover,
	#home-page #test-nav #home a,
	#about-page #test-nav #about a,
	#stores-page #test-nav #find a,
	#contact-page #test-nav #contact a,
	#location-page #test-nav #find a,
	#franchise-page #test-nav #franchise a,
	#blog #test-nav #nav-blog a{ background: url(images/nav-arrow.gif) no-repeat 50% bottom; }

#news-ticker{
	background-color:#fed48e;
	margin:0 11px;
	top:-6px;
	padding:10px 15px 6px;
	clear:both;
	display:block;
	position:relative;
	z-index:11;
	overflow:hidden;
	height:16px;
	width:894px;
}
	#news-ticker h4{
		float:left;
		margin-right:5px;
		color:#ff7f01;
		font-size:14px;
	}
	#news-ticker ul{
		list-style-type:none;
		float:left;
		position:relative;
		width:850px;
	}
		#news-ticker li{
			width:850px;
		}
	#news-ticker a{ color:#4167af; }
	#news-ticker a:hover{ text-decoration:none; color:#454d85; }
	
/* ----- home page ----- */

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 924px;
	height: 460px; /*Height should enough to fit largest content's height*/
	margin:0 1px;
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	height:460px;
	overflow:hidden;
}
#slides{ width:924px; height:460px; margin:0 1px; position:relative; overflow:hidden; }
.panel{
	float: left;
	overflow: hidden;
	width:924px;
	height:460px;
	position:relative;
	z-index:20;
}
	.panel img{
		padding:15px;
		width:650px;
		height:430px;
		background: url(images/img-border-680x460.jpg) no-repeat left top;
		margin-left:11px;
		float:left;
	}
	.panel .content{
		float:left;
		width:204px;
		margin-left:10px;
		background: url(images/home-slideshow-title.gif) no-repeat left 10px;
		padding:50px 0 0 0;
	}
		.panel .content h2{
			font-size:17px;
			color:#4b63ae;
			margin-bottom:10px;
		}
		.panel .content h3{
			color:#f58025;
			margin-bottom:5px;
		}
		.panel .content p{
			padding-bottom:12px;
			line-height:150%;
			font-size:11px;
		}
#coda-nav-left-1{
	position:absolute;
	top:540px;
	left:710px;
	width:101px;
	height:36px;
	display:block;
	z-index:21;
}
#coda-nav-left-1 a{
	display:block;
	position:relative;
	overflow:hidden;
	height:0 !important;
	padding:36px 0 0 0;
	width:101px;
	background: url(images/slideshow-prev.gif) no-repeat left top;
}
#coda-nav-right-1{
	position:absolute;
	top:540px;
	left:811px;
	width:102px;
	height:36px;
	display:block;
	z-index:22;
}
#coda-nav-right-1 a{
	display:block;
	position:relative;
	overflow:hidden;
	height:0 !important;
	padding:36px 0 0 0;
	width:102px;
	background: url(images/slideshow-next.gif) no-repeat left top;
}
.stepcarousel #controls{
	position:absolute;
	width:203px;
	height:36px;
	bottom:10px;
	right:20px;
}
	.stepcarousel #controls #prev-btn{
		float:left;
		overflow:hidden;
		height:0 !important;
		padding:36px 0 0 0;
		width:101px;
		background: url(images/slideshow-prev.gif) no-repeat left top;
	}
	.stepcarousel #controls #next-btn{
		float:left;
		overflow:hidden;
		height:0 !important;
		padding:36px 0 0 0;
		width:102px;
		background: url(images/slideshow-next.gif) no-repeat left top;
	}
#features{ overflow:hidden; margin-left:5px; }
#features .item{ 
	float:left; 
	width:298px; 
	margin-left:5px; 
	padding-bottom:20px; 
}
#features .item img.img{
	padding:16px;
	width:266px;
	height:174px;
	background: url(images/img-border-298x206.jpg) no-repeat left top;
}
a.btn{
	position:relative;
	text-transform:uppercase;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	letter-spacing:0.15em;
	background: url(images/btn-bg.gif) no-repeat left top;
	height:22px;
	text-decoration:none;
	padding:5px 8px 5px;
}
	a.btn span.nib{
		position:absolute;
		top:0;
		right:0 !important;
		width:5px;
		height:22px;
		background: url(images/btn-nib.gif) no-repeat left top;
	}
#features h3{
	margin:5px 12px 10px;
	color:#4b63ae;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	letter-spacing:0.2em;
	line-height:200%;
}
	#features h3 span{
		padding-top:4px;
		display:block;
		text-transform:lowercase;
		color:#f58025;
		letter-spacing:0em;
		font-size:18px;
		font-weight:bold;
		font-style: italic;
	}
#features p{
	margin:0 12px;
	font-size:11px;
	line-height:150%;
	padding-bottom:12px;
}
#features a{
	margin:0 12px;
}

/* ----- about ----- */

#about-page #main{
	padding:0px 40px 40px;
}	
	#about-page #main p{
		margin-bottom:12px;
		line-height:160%;
	}
	#about-page #main h2{
		color:#f58025;
		font-size:55px;
		margin-bottom:20px;
	}
	#about-page #main h3{
		color:#4b63ae;
		font-size:16px;
		margin-bottom:12px;
	}
	#about-page #main img.img{
		padding:12px;
		width:376px;
		height:246px;
		background: url(images/img-border-400x270.jpg) no-repeat left top;
	}
	
/* ----- find a store page ----- */

#stores-page #main{
	padding:0px 1px 20px;
	margin-top:-7px;
}
	#stores-page ul#stores-grid{
		list-style-type:none;
		margin:20px 0 0 20px;
		background: url(images/stores-home-dots.gif) repeat-y left top;
	}
	#stores-page ul#stores-grid li{
		float:left;
		width:218px;
		height:116px;
		margin:0 3px 3px 0;
		font-size:11px;
	}
	#stores-page ul#stores-grid a{
		display:block;
		padding:20px;
		height:76px;
		width:178px;
		text-decoration:none;
		color:#666;
		/*background-color:#f2f2f2;*/
	}
		#stores-page ul#stores-grid a:hover{
			background-color:#fbdea6;
		}
		#stores-page ul#stores-grid a strong{
			color:#4b63ae;
		}
		
/* ----- location page ----- */		
		
#location-page #main{
	padding:10px 20px 20px;
}
#location-page #images{ 
	float:left; 
	padding:12px;
	width:376px;
	height:246px;
	background: url(images/img-border-400x270.jpg) no-repeat left top;
	margin-right:10px;
}
#location-page #info{
	float:left;
	font-size:11px;
	line-height:140%;
	width:470px;
	z-index:5;
	position:relative;
}
	#location-page #info h2{
		border-bottom:1px dotted #f58025;
		padding-bottom:10px;
		margin-bottom:10px;		
		text-transform:lowercase;
	}
	#location-page #info #hours, 
	#location-page #info #contact, 
	#location-page #info #address, 
	#location-page #info #map-link{ 
		margin:0 0 12px 5px; 
	}
	#location-page #info a{
		font-weight:bold;
		color:#666;
	}
		#location-page #info a:hover{
			text-decoration:none;
			color:#333;
		}
#location-page #facebook-code{ 
	clear:both; 
	position:relative;
	margin:0 6px;
	top:-40px;	
	z-index:4;
}
	#location-page #facebook-code h4{
		position:relative;
		display:block;
		width:175px;
		height:0 !important;
		padding:11px 0 0 0;
		overflow:hidden;
		margin:0 0 10px 616px;
		background: url(images/title-connect-facebook.gif) no-repeat left top;
	}
	#location-page #facebook-code ul#fb-nav{
		list-style-type:none;
		width:278px;
		height:35px;
		margin-left:596px;
	}
		#location-page #facebook-code ul#fb-nav li{
			float:left;
		}
		#location-page #facebook-code ul#fb-nav li#fb-fanpage{
			display:block;
			height:0 !important;
			width:109px;
			padding:35px 0 0 0;
			overflow:hidden;
			background: url(images/btn-facebook-fanpage.jpg) no-repeat left top;
		}
		#location-page #facebook-code ul#fb-nav li#fb-events a{
			display:block;
			height:0 !important;
			width:82px;
			padding:35px 0 0 0;
			overflow:hidden;
			background: url(images/btn-facebook-events.jpg) no-repeat left top;
		}	
		#location-page #facebook-code ul#fb-nav li#fb-photos a{
			display:block;
			height:0 !important;
			width:87px;
			padding:35px 0 0 0;
			overflow:hidden;
			background: url(images/btn-facebook-photos.jpg) no-repeat left top;
		}	

/* ----- online shop holding page ----- */

#shop-page #main{
	padding:0px 40px 30px;
}

/* ----- brand page ----- */

#brand-page #main{
	padding:0px 40px 30px;
}
#brand-page h2{
	text-transform:lowercase;
}
#brand-page img.img{
	padding:12px;
	width:376px;
	height:246px;
	background: url(images/img-border-400x270.jpg) no-repeat left top;
}
#brand-page p{
	padding-top:6px;
	line-height:160%;
}

/* ----- contact ----- */

#contact-page #main{
	padding:0px 40px 40px;
}
	#contact-page #main h2{
		color:#f58025;
		font-size:55px;
		margin-bottom:20px;
		display:inline;
		float:left;
	}	
	#contact-page #main p#message-top{
		float:left;
		width:60%;
		margin:26px 0 0 20px;
		line-height:160%;
	}
	#contact-page #contact-form{
		clear:both;
		border-top: 1px #ccc dotted;
		padding:20px 0;
	}
		#contact-page #contact-form #form-inputs{
			float:left;
		}
		#contact-page #contact-form #form-inputs input{
			padding:5px;
			border:1px solid #ccc;
			width:200px;
			display:block;
			margin-bottom:10px;
		}
		#contact-page #contact-form #message{
			float:right;
			width:600px;
			height:83px;
			padding:5px;
			border:1px solid #ccc;
		}
		#contact-page #contact-form select{
			display:block;
			clear:both;
			float:right;
			width:610px;
			margin:10px 0 20px;
		}
		#contact-page #contact-form #submit_btn{
			display:block;
			clear:both;
			float:left;
			margin:10px 0 10px 157px;
		}
		#contact-page #contact-form p{
			float:right;
			font-size:11px;
			color:#aaa;
			width:610px;
			margin:12px 0 0;
		}
			#contact-page #contact-form p a{
				color:#666;
			}
			#contact-page #contact-form p a:hover{
				color:#333;
				text-decoration:none;
			}
	#contact-us{
		border-top: 1px #ccc dotted;
		padding-top:20px;
		clear:both;
	}
	#contact-us h3{
		float:left;
		display:inline;
		width:200px;
		margin-right:35px;
		color:#f58025;
	}
	#contact-us p{
		float:left;
		width:400px;
		padding-top:5px;
		letter-spacing:160%;
	}
		#contact-us p strong{
			color:#4b63ae;
		}
		#contact-us a{
			color:#4b63ae;
		}
	
/* ----- franchise info page(s) ----- */

ul#franchise-nav{
	list-style-type:none;
	background-color:#f88127;
	margin:-7px 11px 20px;
	padding:8px 0 8px 10px;
	z-index:100;
	position:relative;
	display:block;
}
	ul#franchise-nav li{
		float:left;
		margin-right:15px;
	}
		ul#franchise-nav li a{
			padding:5px;
			color:#fff;
			font-weight:bold;
			/*text-transform:capitalize;*/
			text-decoration:none;
			font-size:14px;
		}
		ul#franchise-nav li a:hover{
			color:#fed48e;
		}
#franchise-page #main{
	padding:0px 40px 40px;
}	
	#franchise-page #main p{
		margin-bottom:12px;
		line-height:160%;
	}
	#franchise-page #main h2{
		margin-bottom:20px;
		text-transform:lowercase;
	}
	#franchise-page #main h3{
		color:#4b63ae;
	}
	#franchise-page #main img{
		padding:12px;
		width:376px;
		height:246px;
		background: url(images/img-border-400x270.jpg) no-repeat left top;
	}
	#franchise-page #main #column-1{
		width:400px;
		margin-right:30px;
		float:left;
	}
	#franchise-page #main #column-2{
		width:400px;
		float:right;
	}
	#franchise-page #main li{
		margin-left:30px;
		padding-bottom:12px;
	}
	#franchise-page .testimonial{
		margin-top:20px;
		width:400px;
		background: url(images/quote-bg.jpg) no-repeat left top;
	}
	#franchise-page .testimonial .copy{
		font-style: italic;
		padding:20px 30px 5px;
	}
	#franchise-page .testimonial .by{
		padding-left:30px;
	}
	#franchise-page img.img{
		padding:12px;
		width:376px;
		height:246px;
		background: url(images/img-border-400x270.jpg) no-repeat left top;
	}
	#franchise-page form div{
		margin-bottom: 10px;
	}
	#franchise-page form #name label,
	#franchise-page form #address label,
	#franchise-page form #city label,
	#franchise-page form #state label,
	#franchise-page form #zip label,
	#franchise-page form #phone label,
	#franchise-page form #email label{ 
		width:100px; 
		display:block; 
		float:left; 
		padding-top:5px;
	}
	#franchise-page form #where label,
	#franchise-page form #when label{
		width:90px;
		display:block;
		float:left;
		padding:5px 10px 0 0;
	}	
	#franchise-page form #name input,
	#franchise-page form #address input,
	#franchise-page form #city input,
	#franchise-page form #state input,
	#franchise-page form #zip input,
	#franchise-page form #phone input,
	#franchise-page form #email input,
	#franchise-page form #where input,	
	#franchise-page form #when input{
		padding:5px;
		border:1px solid #aaa;
		width:280px;
	}
	#franchise-page form select{
		margin-bottom:20px;
		width:290px;
		margin-left:100px;
	}
	#franchise-page form #submit{
		margin-left:100px;
	}

/* ----- blog ----- */

#blog #main{
	background: url(images/blog-tree-bg.gif) no-repeat 99.9% bottom;
}

#blog #blog-top{
	margin:0 15px;
	border-bottom:1px dotted #aaa;
	z-index:12;
	background-color:#fff;
}
#blog #blog-top ul{
	float:left;
	list-style-type:none;
}
#blog #blog-top li{
	float:left;
	margin-right:10px;
}
#blog #blog-top li a{
	display:block;
	overflow:hidden;
	height:0 !important;
	padding:21px 0 0 0;
}
#blog #blog-top li#rss a{
	width:131px;
	background: url(images/btn-rss.gif) no-repeat left top;
}
#blog #blog-top li#facebook a{
	width:139px;
	background: url(images/btn-share-facebook.gif) no-repeat left top;
}
#blog #blog-top li#twitter a{
	width:123px;
	background: url(images/btn-share-twitter.gif) no-repeat left top;
}

#blog h2{
	font-size:21px;
	display:inline;
	float:left;
	margin-bottom:10px;
	width:410px;
}
#blog h2 a{ 
	color:#f58025; 
	text-decoration:none;
}
#blog h3{
	color:#4B63AE;
	font-size:18px;
	margin-bottom:5px;
}

#blog .post{
	margin-top:12px;
	border-bottom:1px dotted #aaa;
}
#blog .post img{
	padding:5px;
	border:1px solid #aaa !important;
	float:left;
	margin:0 15px 15px 0;
}
#blog p.date{
	font-size:11px;
}

#blog #blog-content{
	width:660px;
	float:left;
	margin:0 15px;
	padding-bottom:10px;
}
#blog #blog-content p{
	margin-bottom:10px;
	line-height:150%;
}

#blog #comments-holder{
	padding:10px 0;
}
#blog #comments-holder .comment{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #aaa;
}
#blog .comment .comment-content{
	width:400px;
	float:left;
}
#blog .comment .posted{
	width:200px;
	float:right;
	font-size:11px;
	text-align:right;
}
#blog .comment .posted a{
	color:#F58025;
}
#blog .comment .posted a:hover{
	text-decoration:none;
}
#blog #blog-content h4{
	color:#4B63AE;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:10px;
}
#blog #blog-content h4 a{
	color:#4B63AE;
}
#blog #comment-form .form-field label{
	display:block;
	float:left;
	width:60px;
	margin-right:10px;
}
#blog #comment-form .form-field input{
	width:290px;
	padding:3px 5px;
	background-color:#fff;
	border:1px dotted #aaa;
}
#blog #comment-form textarea{
	width:370px;
	border:1px dotted #aaa;
	margin-bottom:10px;
}

#blog #blog-sidebar{
	width:203px;
	float:right;
	background: url(images/sidebar-topcorner.gif) no-repeat left top;
	margin-right:1px;
	margin-top:-1px;
	z-index:13;
}
#blog #blog-sidebar #sidebar-content{
	margin-left:10px;
	background-color:#fcd78b;
	padding:10px 10px 5px 15px;
}
#blog #blog-sidebar #sidebar-content ul{
	list-style-type:none;
}
#blog #blog-sidebar #sidebar-content h4{
	color:#4B63AE;
	font-size:14px;
	margin-bottom:5px;
}
#blog #blog-sidebar #sidebar-content hr{
	height:0;
	border:1px 0 0 0;
	border-top:1px dotted #fff;
	background-color:transparent;
	color:transparent;
	margin:15px 0;
}
#blog #blog-sidebar #sidebar-content a{
	color:#808080;
	text-decoration:none;
	line-height:150%;
}
#blog #blog-sidebar #sidebar-content a:hover{
	color:#404040;
}	
#blog #blog-sidebar #sidebar-bottom{
	height:8px;
	width:193px;
	margin-left:10px;
	background: url(images/sidebar-bottom.gif) no-repeat left top;
}
	
/* ----- video page ----- */

#video-page #player{
	width:724px;
	margin:10px 101px 40px;
}

/* ----- footer ----- */

#footer{ width:946px; margin:0 auto 30px; }
#footer ul{ overflow:hidden; }
#footer li{ float:left; }
#footer li a{
	display:block;
	overflow:hidden;
	height:0 !important;
	padding:51px 0 0 0;
}
	#footer li#footer-home a{
		background: url(images/footer-home.jpg) no-repeat left top;
		width:132px;
	}
	#footer li#footer-about a{
		background: url(images/footer-about.jpg) no-repeat left top;
		width:144px;
	}
	#footer li#footer-find a{
		background: url(images/footer-find.jpg) no-repeat left top;
		width:166px;
	}
	#footer li#footer-shop a{
		background: url(images/footer-shop.jpg) no-repeat left top;
		width:167px;
	}
	#footer li#footer-contact a{
		background: url(images/footer-contact.jpg) no-repeat left top;
		width:137px;
	}
	#footer li#footer-franchise a{
		background: url(images/footer-franchise.jpg) no-repeat left top;
		width:200px;
	}
#footer #copyright{
	font: 10px "Lucida Grande", Lucida,Verdana,Arial,sans-serif;
	text-transform:uppercase;
	color:#f18721;
	padding-left:12px;
}

/* ----- general items / misc ----- */

.right{ float:right; margin:0 0 10px 20px; }
.left{ float:left; margin:0 20px 10px 0; }
:focus {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
}
a img{ border:0; }
.group:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.group{ display: inline; }
* html>body .group{
	display: inline; 
	width: 100%;
}
/* Hides from IE-mac \*/
* html .group {height: 1%;}
.group {display: block;}
/* End hide from IE-mac */