/*	MAIN.CSS - Stylesheet for the layout
	(margins, position, width, height, and floats)
	No color or background declarations should be here. */

body #wrapper #header {margin: 0px;}
body #wrapper {margin-top: 0px !important;}

body iframe {display: none;}
body #content iframe {display: block;}

.connect_widget_not_connected_text {color: #fff;}

.clear {clear: both;}

.section-inner { 
	width: 970px;
	margin: 0 auto;
	position: relative;
}
.w-w2 {	
	min-width: 970px;
	padding-top: 212px;  /* Change to height of header */
}

/* --HEADER-- */
#header, .h-w1, .h-w2 { height: 198px; } /* Change to correct height */
#header { 
	top: 0; left: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
}
	#flash-glow {
		position: absolute;
		width: 970px; height: 56px;
		top: 92px;
		
	}
	#mainnavigation, #utilities, #logo {
		position: absolute;
	}
	#mainnavigation {
		z-index: 20;
		bottom: 0;
		right: 0px;
	}
		#mainnavigation li { float: left; position: relative;}
			#mainnavigation li .L1 {
				display: block;
				height: 1px;
				padding-top: 48px;
				overflow: hidden;
			}
			
			#mainnavigation li.active a.active, #mainnavigation .sfHover .L1 {background-position: 0 -49px;}
			
				#nav-online .L1 {background: url(../images/skin/nav/nav-online.png); width: 215px;}
				#nav-retail .L1 {background: url(../images/skin/nav/nav-retail.png); width: 175px;}
				#nav-film .L1 {background: url(../images/skin/nav/nav-film.png); width: 130px;}
				#nav-event .L1 {background: url(../images/skin/nav/nav-event.png); width: 156px;}
				#nav-display .L1 {background: url(../images/skin/nav/nav-display.png); width: 161px;}
				#nav-store .L1 {background: url(../images/skin/nav/nav-store.png); width: 133px;}
				#nav-police .L1 {background: url(../images/skin/nav/nav-police.png); width: 117px; }
			
				#nav-police {display: none;}
				
			#mainnavigation li a:hover {background-position: 0 -49px;}
			
			#mainnavigation ul ul {
				position: absolute;
				left: 0px; top: 49px;
				display: none;
				z-index: 999999;
			}
				#mainnavigation ul ul li {float: none;}
					#mainnavigation ul ul li a {
						display: block;
						width: 144px; 
						padding: 6px 25px ;
						font-size: 11px;
						text-decoration: none;
						color: #aecade;
						background: #0f0f0f url(../images/skin/nav/bg-dhtml.png) left top no-repeat;
					}
					#mainnavigation ul ul li a:hover {background: #507aa0 url(../images/skin/nav/bg-dhtml-hover.png) left top no-repeat; color: #001a31;}
					#mainnavigation ul ul li.active a.active {background-position: left top;}
					#mainnavigation ul ul ul {left: 194px; top: 0px;}		
							
	#logo {
		top: 40px;
		left: 0px;
		width: 240px;
		height: 140px;
	}
	#utilities {
		right:0px;
		top:8px;
		z-index: 10000;
	}
		#utilities li { float: left; }
		
					.util-text {background: url(../images/skin/bg/util-divider.png) right top no-repeat; height: 30px; position: relative;}
						.util-text a, .util-text-last a {
							font-size: 13px;
							color: #ffffff;
							text-decoration: none;
							padding: 3px 13px 0px 13px;
							display: block;
						}
						.util-text a:hover, .util-text-last a:hover {text-decoration: underline;}
						.util-text-last {background: none; height: 30px;}

					#utilities .util-text ul {margin: 0px; padding: 0px; display: none; position: absolute; top: 30px; left: 0px;}
						#utilities .util-text ul li {
							list-style: none;
							position: relative;
							float: none;
						}
							#utilities .util-text ul ul {position: absolute; left: 0px; top: 13px; display: none; padding-top: 10px;}
							
								#utilities .util-text ul li a {
									display: block;
									width: 144px; 
									padding: 6px 25px ;
									font-size: 11px;
									text-decoration: none;
									color: #aecade;
									background: #0f0f0f url(../images/skin/nav/bg-dhtml.png) left top no-repeat;
									text-decoration: none;
								}
								#utilities .util-text ul li a:hover {background: #507aa0 url(../images/skin/nav/bg-dhtml-hover.png) left top no-repeat; color: #001a31; text-decoration: none;}

                    .util-facebook {
						margin-left: 5px;
						display: inline;
					}
						.util-facebook a {
							background: url(../images/skin/bg/util-facebook.png);
							width: 21px;
							height: 1px;
							padding-top: 20px;
							overflow: hidden;
							display: block;
						}
                    .util-twitter {
						margin-left: 5px;
						display: inline;
					}
						.util-twitter a {
							background: url(../images/skin/bg/util-twitter.png);
							width: 21px;
							height: 1px;
							padding-top: 20px;
							overflow: hidden;
							display: block;
						}
						
					.util-blog {
						margin-left:10px;
					}
						.util-blog a {
							display: block;
							width: 92px;
							height: 1px;
							padding-top: 25px;
							overflow: hidden;
							background: url(../images/skin/bg/btn-blog.png);
							margin-top: -2px;
						}	
						.util-blog a:hover {background-position: 0 -26px;}
                    .util-media-gallery {display:inline; margin-left:10px;}
						.util-media-gallery a {
							display: block;
							width: 170px;
							height: 1px;
							padding-top: 25px;
							overflow: hidden;
							background: url(../images/skin/bg/btn-media-gallery.png);
							margin-top: -2px;
						}
						.util-media-gallery a:hover {background-position: 0 -26px;}
						
	#cart-buttons {
		position: absolute;
		top: 50px; right: 86px;
	}
		#cart-buttons ul {margin: 0px; padding: 0px;}
			#cart-buttons ul li {
				float: left;
				list-style: none;
			}
				#cart-buttons ul li a {
					display: block;
					height: 1px;
					padding-top: 33px;
					overflow: hidden;
					text-decoration: none;
				}
				#cart-buttons ul li a:hover {background-position: 0px -34px;}
					#util-account {background: url(../images/skin/bg/btn-account.png); width:  112px;}
                    #util-cart {background: url(../images/skin/bg/btn-cart.png); width: 93px;}
					
	#product-search, .txt-search {
		position: absolute;
		top: 85px;
		right: 88px;
		width: 193px;
		padding: 1px 5px 2px 5px;
		font-size: 12px;
		border: 0px;
		background-color: transparent;
		line-height: 24px;
		text-decoration: none;
	}
	#search-submit, .btn-search {
		background:url("../images/skin/bg/btn-search.png") repeat scroll 0px 0 #000000;
		border:0 none;
		color:#000000;
		cursor:pointer;
		display:block;
		height:0;
		overflow:hidden;
		padding-top:21px;
		position:absolute;
		right:1px;
		text-decoration:none;
		top:85px;
		width:87px;
		
	}		
	
	.btn-search:hover {background-position: 0px -21px;}			

/* --CONTENT-- */
#main { 
	position: relative; 
	/* margin-top: 200px; */
}
	#main .m-w1 {
	}
	#main .m-w2 { 
		/*overflow: hidden; */
		padding-bottom: 39px;
	}
		.home #main .m-w2 {}
		
	#subnav, #content {
		float: left;
	}
	#ctas {
		width: 200px;
		float: right;
	}
	/* Subnav appears after content-body in markup, 
		but often is shifted to the left */
	#subnav { 
		width: 194px;
		padding-left: 1px;
		padding-top: 0px;
		position: relative;
		left: -775px; /* Negative width of #content */
		top: 0;
		overflow: hidden;
	}	
	
	.home #subnav ul, .home #subnav .subnav-title {display: none;}
	.home #subnav div ul {display: block;}
	
	#subnav ul {padding-left: 30px; padding-bottom: 20px;}
			#subnav ul li {}
				
			#subnav ul .L1 {background: url("../images/skin/bg/icon-bullet-blue.png") no-repeat scroll left 5px; margin-left: 11px;}
				#subnav ul .L1 a {
					color: #aecade;
					text-decoration: none;
					font-size: 11px;
					line-height: 19px;
					padding-left: 12px;
				}
					#subnav ul .L1 a:hover {text-decoration: underline;}
				
				#subnav ul .L2 a {
					color: #ffffff;
					text-decoration: none;
					font-size: 11px;
					line-height: 19px;
					padding-left: 28px;
					display: block;
				}
					#subnav ul .L2 a:hover {text-decoration: underline;}
					
				#subnav ul .cat-title1 a {
					display: block;
					width: 156px;
					height: 1px;
					padding-left: 0px;
					padding-top: 25px;
					overflow: hidden;
					background: url(../images/skin/bg/shop-cat.png);
					cursor: default;
				}
				#subnav ul .cat-title2 a {
					display: block;
					width: 156px;
					height: 1px;
					padding-left: 0px;
					padding-top: 25px;
					margin-top: 20px;
					overflow: hidden;
					background: url(../images/skin/bg/shop-industry.png);
					cursor: default;
				}
		
		#shop-in-person {
			display: block;
			width: 193px;
			height: 1px;
			padding-top: 204px;
			overflow: hidden;
			background: url(../images/skin/bg/btn-shop-person.png);
			margin-top: 20px;
		}
		#shop-in-person:hover {background-position: -193px 0px;}
		
		#store-hours {
			width: 169px;
			background: #8dabc4 url(../images/skin/bg/store-hours.png) no-repeat;
			font-weight: bold;
			color: #1e2c41;
			font-size: 11px;
			padding: 40px 0px 15px 24px;
			margin-bottom: 0px;
		}
			#store-hours p {line-height: 15px; margin-bottom: 5px; font-weight: bold;}
		
		#btn-shop-online {
			background: url(../images/skin/bg/btn-shop-online.png);
			width: 193px;
			height: 1px;
			padding-top: 37px;
			overflow: hidden;
			display: block;
		}	
		
		.sidebar-wrapper {padding: 15px 0px 20px; font-size: 11px;}
			.sidebar-title {
				font-size: 19px;
				display: block;
				color: #f3a60a;
				margin-bottom: 5px;
				line-height: 8px;
			}
			.sidebar-divider {background: url(../images/skin/bg/bg-sidebar-divider.png) center bottom no-repeat;}
			.subscribe {border: 1px solid #5d5d5d; font-size: 11px; height: 13px; float: left; padding: 2px 0px 2px; position: relative; top: -1px;}
			.subscribe-submit {display: block; width: 55px; height: 17px; font-size: 0px; line-height: 0px; text-indent: -9999px; cursor: pointer; overflow: hidden; background: url(../images/skin/bg/signup.jpg); float: left;}
		
	#content {
		width: 705px;
		position: relative;
		left: 195px; /* Positive width of #subnav */
		top: 0;
		padding:6px 35px 20px;
		/*overflow: hidden;*/
	}
		.breadcrumbs {
			display: block;
			float: left;
			padding-bottom: 18px;
			color: #aecade;
			font-size: 11px;
			padding-top: 3px;
		}
			.breadcrumbs a {
				color: #aecade;
				font-size: 11px;
				text-decoration: none;
			}

/* --FOOTER-- */
#footer { font-size: 12px; overflow: hidden; }

#footer, .f-w1, .f-w2 {
	height: 148px;
}
	.f-w2 {
		padding: 20px 0px 0px 95px; width: 875px; height: 128px;
	}
	
	#time {
		font-size: 9px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		width: 75px;
		position: absolute;
		left: 0px; top: 17px;
		line-height: 18px;
	}
	#bottomlinks {
		font-size: 12px;
		color: #707070;
		padding: 0px;
		overflow: hidden;
		padding-bottom: 5px;
	}
		#bottomlinks ul {margin: 0px; padding: 0px; overflow: hidden; position: relative; margin-left: -7px;}
			#bottomlinks ul li {list-style: none; float: left;}
				#bottomlinks a {
					font-size: 12px;
					color: #aecade;
					padding: 0px 7px;
					text-decoration: underline;
				}		
				#bottomlinks a:hover {text-decoration: none;}
	
	#copyright {
		font-size: 12px;
		line-height: 20px;
		color: #dddddd;
		clear: both;
	}				
		#copyright span {padding-right: 17px;}

/* =SITEMAP */
.sitemap ul.nav li {
	list-style:none;
}
	.sitemap ul.nav li.L1 a {
		font-weight:bold;
	}
	.sitemap ul.nav li.more ul.nav {
		margin:0 0 2em 2em;
	}
		.sitemap ul.nav li.more ul.nav a {
			font-weight:normal;
		}	
	
/* STICKY FOOTERS: Uncomment to enable */

html,body {	height:100%; }
#wrapper { min-height: 100%; position: relative; overflow: hidden;}
#footer { 
	position: absolute; bottom: 0; left: 0; width: 100%; 
}
#main { padding-bottom: 148px; }

/* END STICKY FOOTERS */

.home #main {padding-top: 315px; overflow: hidden; /*height: 375px; height: 685px;*/}
.home #flash-banner {/*padding: 10px 35px 30px;*/ position: absolute; left: -160px; top: -300px;}
.home #content {padding-top: 15px; overflow: visible; }

.home .home-title {font-size: 23px; text-transform: uppercase; display: block; margin-bottom: 10px;}
.home #content p {margin-bottom: 15px;}

.home .subnav-title {display: none;}
.home #subnav ul {display: none;}

.home #content .home-lower {position: relative; left: -25px;}
	.home #content .home-lower ul {margin: 0px; padding: 0px; overflow: hidden;}
		.home #content .home-lower ul li {float: left; list-style: none; padding: 0px 25px 0px 25px; background: url(../images/home/bg-divider.png) right top no-repeat; height: 90px; line-height: 20px;}
		.home #content .home-lower ul .last {background: none;}	
			.home .home-lower-title {
				font-size: 18px; 
				color: #f3a60a;
				text-transform: uppercase;
				display: block; margin-bottom: 15px;
			}
			
			.home .home-hidden {display: none;}
			.home .home-lower-blog a {
    						position: relative;
						    top: -10px;
								}
			
.SBCategoryImg {
	width:140px;
}

.SBCategoryItem table {
	width:445px;
}

#left-subnav {
	padding:0;
	margin:0;
	list-style-type:none;
}				

.SBCategoryImg {float:left;}
.SBCategoryItem table {float:right;}
div.SBCategoryItem {width:610px;}

.facebook-like {padding-top: 15px;}