@media screen, projection {

body {margin:0; padding:0; font-family:Verdana, Arial, sans-serif; font-size:12px; color:#03212f; background:#e4dcb2;}
	
a {color:#cb4953;}
a:hover {color:#000;}

.clear {clear:both;}
.indent {text-indent:-10000px;}
.print {display:none;}
.flush {margin:0; padding:0;}

.error {color:#f00; padding:2px; border:1px solid #f00;}
.success {color:#4e849e; padding:2px; border:1px solid #4e849e;}
.required-field {color:#f00;}

h1, h2, h3 {color:#fff; font-family:"Century Gothic", Verdana, Arial, sans-serif; text-transform:uppercase;}
address {font-weight:bold; font-style:normal;}

.where-form {margin:0 auto; padding:0; width:83px; height:20px; position:relative;}
.where-form span {position:absolute; left:0; width:62px; height:20px; overflow:hidden; text-align:center; margin:0; padding:0; background:#fff;}
.where-input {font-size:10px; border:1px solid #fff; width:50px; height:16px; margin:0 auto; padding:1px 0; text-align:center;}
.where-a {position:absolute; right:0; text-indent:-10000px; display:block; width:21px; height:20px; background:url(../i/where-arrow.gif);}
.where-a:hover {background-position:0 -20px;}

.row-separator {clear:both; height:16px; border-top:2px solid;}

.title {color:#4e849e; font-weight:bold;}

.like-button {text-align:right; padding:4px 0 0 0; background:#fefce9;}

textarea {font-family:Verdana, Geneva, sans-serif; font-size:12px;}

#container {width:958px; margin:0 auto; background:url(../i/container.gif);}

	#header {height:157px; background:url(../i/header.jpg);}
		#logo {display:block; margin:19px 0 0 51px; float:left; text-indent:-10000px; width:271px; height:121px;}
				
		#header ul {list-style:none; float:right; width:540px; height:92px; margin:6px 38px 0 0; padding:0;}
		#header li {float:left; width:104px; height:42px; margin:0 4px 4px 0; padding:0; text-align:center;}
		a.header-btn {display:block; width:104px; height:42px; color:#fff; text-transform:uppercase; font-family:"Century Gothic", Verdana, Arial, sans-serif; line-height:3; background:url(../i/header-btn.jpg); text-decoration:none; font-weight:bold;}
		a.header-btn:hover {background-position:0 -42px;}
		#header-login a.header-btn {color:#cb4953;}
		#header li#header-where {width:212px; background:url(../i/header-where.jpg);}
			#header-where label {float:left; color:#fff; text-transform:uppercase; font-family:"Century Gothic", Verdana, Arial, sans-serif; font-weight:bold; line-height:3; text-indent:12px;}
			#header-where form {margin:8px 0 0 12px; float:left;}

		#header h1, #header h2 {float:right; margin:21px 48px 0 0; font-size:22px;}

	#inside-container {margin:0; padding:16px 0; background:url(../i/inside-container.gif) top no-repeat;}

		#middle {width:862px; margin:0 auto;}
		
		/* INDEX */
			#flash {height:308px; background:url(../i/flash.jpg);}
			
			#index-top {height:124px; margin:8px 0; padding:0; background:#57090b; position:relative;}
				.feeds {width:395px; height:90px; position:absolute; top:15px;}
				.feeds:hover {cursor:pointer;}
					#news {left:23px; background:#320202;}
					#events {right:23px;}
					.feeds h3 {font-size:16px; float:left; margin:6px 0 6px 12px; padding-right:16px; background:url(../i/feeds-arrow.gif) right no-repeat;}
					.feeds a {color:#fff; text-decoration:none; float:left; clear:left; margin:12px 0 0 16px; display:block; padding:10px;}
					
				
			#index-callouts {height:208px; border-bottom:12px solid #154b57;}	
				#index-callouts ul {list-style:none; margin:0; padding:0; height:196px;}
				#index-callouts li {float:left; width:274px; height:196px; padding:0; position:relative;}
					#callout-fencing {background:url(../i/callout-fencing.jpg); margin:0;}
					#callout-railing {background:url(../i/callout-railing.jpg); margin:0 20px;}
					#callout-columns {background:url(../i/callout-columns.jpg); margin:0;}
				#index-callouts li h3 {font-size:30px; margin:0; padding:20px 0 0 20px;}
				#index-callouts p {color:#fff; font-size:22px; font-family:"Century Gothic", Verdana, Arial, sans-serif; margin:2px 0 0 0; padding:0 0 0 20px;}
				#index-callouts a {color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; display:block; position:absolute; text-align:center; top:146px; width:115px; height:34px; line-height:3;}
				#index-callouts a:hover {color:#c3998d;}
					#index-callouts a.callout-left {left:13px;}
					#index-callouts a.callout-right {right:13px;}
					
			#index-editable {padding:20px 6px;}
			
			#index-like {float:right; margin:16px 0 10px 10px;}
		
		/* INNER */
			#top {height:98px; background:url(../i/top.jpg); position:relative;}
				#top h1 {position:absolute; text-align:right; top:22px; right:23px; width:337px; height:48px; overflow:hidden; font-size:32px; margin:0; padding:0;}
				#top ul {list-style:none; float:left; margin:0; padding:22px 0 0 22px;}
				#top li {float:left; width:145px; height:63px; text-align:center; margin:0 13px 0 0; color:#fff;}
				#top li h3 {font-size:24px; margin:0; padding:0 0 9px 0;}
				#top li a {color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; padding:0 4px;}
				#top li a:hover {color:#c3998d;}
				
			#left {float:left; width:274px; margin:12px 0 0 0; padding:0;}
				#nav-container {background:url(../i/left.gif); margin:0; padding:0;}
				#left ul {list-style:none; margin:0;}
				ul.main-nav {padding:12px 0 20px 20px; background:url(../i/nav.jpg) top no-repeat;}
				li.main-item {margin:0; padding:0 0 4px 14px; width:220px; }
				li.main-item a {color:#fff; font-family:"Century Gothic", Verdana, Arial, sans-serif; font-size:14px; text-decoration:none; font-weight:bold; display:block;}
				#left a:hover {color:#4e849e;}
				li.first-main-item {margin-top:10px;}
				li.main-item-selected {background:url(../i/bullet.gif) 0 2px no-repeat;}
				ul.sub-nav {padding:4px 0 8px 8px;}
				ul.sub-nav li {padding:2px 0;}
				ul.sub-nav li a.sub-nav-0 {color:#c0e8ff; font-size:12px;}
				ul.sub-nav li a.sub-nav-1 {color:#fff; font-size:12px;}
				ul.sub-nav li a.sub-nav-2 {color:#c0e8ff; font-size:11px;}
				
				
				#where {height:103px; border-top:20px solid #fff; border-bottom:10px solid #fff; text-align:center; color:#fff; font-family:"Century Gothic", Verdana, Arial, sans-serif; background:url(../i/left.gif);}
					#where h3 {text-transform:uppercase;}
					
				#left-search {height:103px; border-top:10px solid #fff; border-bottom:20px solid #fff; text-align:center; color:#fff; font-family:"Century Gothic", Verdana, Arial, sans-serif; background:url(../i/left.gif);}
					#left-search h3 {text-transform:uppercase;}	
						.search-form {margin:0 auto; padding:0; width:183px; height:20px; position:relative;}
						.search-form span {position:absolute; left:0; width:162px; height:20px; overflow:hidden; text-align:center; margin:0; padding:0; background:#fff;}
						.search-input {font-size:10px; border:1px solid #fff; width:150px; height:16px; margin:0 auto; padding:1px 0; text-align:center;}
						.search-a {position:absolute; right:0; text-indent:-10000px; display:block; width:21px; height:20px; background:url(../i/where-arrow.gif);}
						.search-a:hover {background-position:0 -20px;}
					
				#callout {background:url(../i/callout.jpg); height:221px; margin:0 0 12px 0; position:relative;}
					#callout p {position:absolute; color:#fff; font-family:"Century Gothic", Verdana, Arial, sans-serif; width:235px; top:86px; left:24px; margin:0; padding:0; font-size:13px; font-weight:bold;}
			
			#right {float:right; width:569px; margin:12px 0 0 0; padding:0;}
				#breadcrumb-container {height:29px; text-align:right; margin:0; padding:8px 40px 0 40px; overflow:hidden;  background:url(../i/breadcrumb.gif); position:relative;}	
					#breadcrumb {color:#fff; font-family:"Century Gothic", Verdana, Arial, sans-serif; width:530px; height:16px; overflow:hidden; text-align:right; position:absolute; top:8px; right:16px;}
						#breadcrumb a {color:#fff; text-decoration:none;}
						#breadcrumb a:hover {color:#c3998d;}
					
				#right h1, #right h2, #right h3 {color:#952f37;}
				#right h1 {font-size:28px;}
				#right h2 {font-size:22px;}
				
				#sidebar-content {float:right; width:160px; margin:10px 0 16px 16px; padding:8px 8px 20px 8px; color:#fff; background:#4e849e;}
				#sidebar-content h3 {margin:20px 0 6px 0; font-size:16px;}
				#sidebar-content a {color:#fff;}
				#sidebar-content a:hover {color:#000;}
				#sidebar-content ul {list-style-type:none; margin-left:0; padding:0;}
				#sidebar-content li {margin:0; padding:0 0 4px 0;}
				
				#blog-subscribe {padding-left:26px; background:url(../i/rss.gif) 0 50% no-repeat;}

				
		.brand-logos {}
			#brand-logos-inner {margin:20px 0 0 0; padding:20px 0 0 0; border-top:12px solid #154b57;}
			.temp-brand-logo {border:none;}

	#footer {height:62px; background:url(../i/footer.gif); text-align:center;}
		#footer-left {float:left; width:728px;}
			#footer ul {test-align:center; list-style:none; margin:0; padding:18px 0 0 0;}
			#footer li.first-element {border:none;}
			#footer li {display:inline; padding:0 10px; border-left:1px solid #fefce9;}
			
			#footer li a {color:#fefce9; text-decoration:none; text-transform:uppercase;}
			#footer li a:hover {color:#c3998d;}
			
		#facebook {float:right; margin:4px 30px 0 0; width:144px; height:44px; text-indent:-10000px; background:url(../i/facebookfan.jpg);}
		
#bottom {width:908px; margin:0 auto; color:#c3998d; font-size:10px;}
	#bottom a {color:#c3998d;}
	#bottom a:hover {color:#0b333d;}
	
/* SEARCH */
#site-search {margin:20px auto;}
.search-results {list-style:none; margin:20px 0; padding:0;}
.search-results li {margin:0 8px 6px 0; padding:0;}
.search-results-nav {text-align:right; margin:20px;}

/* CONTACT */
#contact-content h3 {margin:14px 0 2px 0; padding:0 0 2px 0; border-bottom:1px solid;}

	
/* LOGIN */
#vertical-sep {border-left:2px solid #4e849e; padding-right:16px;}
#password-forgot, #password-forgot-ctrl, #password-forgot-msg, #forgot-email {font-size:10px;}

.user-listing {width:80%;}
.web-leads-listing {width:100%;}
.web-leads-listing th {white-space:nowrap; text-align:left;}
.web-leads-listing th:hover {cursor:pointer;}
.web-leads-listing tr.digger-data {background:#c3998d; color:#fff;}
.web-leads-listing tr.data:hover, .web-leads-listing tr.digger-data:hover {background:#f2f2f2; color:#000; cursor:pointer;}
.web-leads-listing td {font-size:10px;}

.listing td {padding:2px 4px; border:1px solid #4e849e;}

#send-table {width:420px; border:1px solid #f2f2f2; background:#fff; font-size:10px;}
#send-table td {padding:2px; border:1px solid #f2f2f2;}
#send-subject, #send-to-email {width:300px; font-size:10px; background:#ffc;}
#send-body {width:400px; height:100px; font-size:10px; background:#ffc}

/* LOCATOR */
#locator-map {height:350px; border:1px solid #cb4953;}
.locator-info-container {border:1px solid #cb4953; margin:10px 0; padding:8px;}

/* DSI ACCESS */
#dsi-file-list {list-style:none;}
#dsi-file-list li {font-size:16px; font-weight:bold; line-height:2;}
#dsi-file-list li ul {list-style:square;}
#dsi-file-list li ul li {font-size:12px; font-weight:normal; line-height:1.5;}

/* CATEGORY BRANDS */
.brand-box {float:left; background:#e4dcb2; margin:10px 0 14px 0; text-align:center; padding:40px 18px 0 18px;}
.brand-box-content {width:214px; background:#fefce9; margin:0; padding:0 8px 6px 8px; text-align:left; font-family:Arial, Helvetica, sans-serif; position:relative;}
.brand-box-content div {position:absolute; top:-20px; left:0; text-align:center; width:230px; height:110px; overflow:hidden;}
.left-col {margin-right:24px; margin-left:6px;}
	.brand-box-content h3 {text-transform:none; font-size:13px; margin:0; padding:100px 0 6px 0;}
	.brand-box-content h3.top-category {font-size:16px; text-align:center;}
	.brand-box-content ul {margin:0; padding:0; list-style:none; height:118px; overflow:hidden;}
	.brand-box-content li {padding:0 0 4px 0;}
	.brand-box-content li a {text-decoration:none;}
	.brand-box-see-all {color:#952a24; text-decoration:none; line-height:1.5;}
	.brand-box-see-all:hover {color:#000;}
	.brand-box-content p {text-align:center;}
	.brand-box-content p a.top-category-link {margin:0 10px; text-decoration:none;}

/* PRODUCT LISTING */
.product-listing-nav {float:right; padding:8px;}
.product-listing-page {float:left; padding:8px;}
.product-listing-table {clear:both; width:100%;}
.product-listing-table td {padding:4px;}
.product-listing-name-link {display:block; margin:0 0 4px 0;}

/* PRODUCT LAYOUT */
#product-top {}
#image-container {width:320px; float:right; margin:0 0 16px 16px; padding:0 8px; }
#product-gallery-single {text-align:center; border-top:6px solid #4e849e; border-left:6px solid #4e849e; border-right:6px solid #4e849e; border-bottom:24px solid #4e849e;}
#product-gallery-multiple {text-align:center;}

#product-tabs-frame {clear:both; background:url(../i/product_tabs_frame.gif); margin:16px 0; width:654px; padding:0 0 10px 0;}
	#product-tabs {list-style:none; margin:0; padding:0; width:654px; height:36px; background:#fff;}
		#product-tabs li {width:161px; float:left;}
		#product-tabs li a {display:block; height:36px; background:url(../i/product_tabs.gif); color:#000; text-decoration:none; text-align:center; line-height:3;}
		#product-tabs li a:hover, #product-tabs li a.selected-tab {background-position:0 -36px;}
	.product-tabs-content {display:none; margin:20px 10px 0 10px; padding:8px; background:#e2e077; border:1px solid #614311;}

#the-gallery, #the-product-galley {margin:0 auto;}

#product-request-more-info {width:320px; margin:16px 0; padding:0 8px; text-align:center; display:block;}
		
/* GALLERY */
#the-gallery-container {margin:20px auto; text-align:center; padding-bottom:20px;}
#the-gallery-shell {margin:0 auto; text-align:center;}
	.small-gallery {border:1px solid #4e849e; background:#fff;}
	.full-page-gallery {}
#the-gallery {visibility:hidden; margin:0 auto;}
#the-gallery-panel {text-align:center;margin:0 auto;}
.the-gallery-min-max-link {text-align:center; padding:4px 8px;}
	.the-gallery-min-max-link a {text-decoration:none; color:#4e849e;}
	.the-gallery-min-max-link a:hover {text-decoration:underline;}


#the-gallery-description {text-align:left; margin:0 auto;}

/* GALLERY CONTAINER */
.gallery {background:#fff; border:none; padding:5px;}

/* LOADING BOX */
.loader {background: url(../includes/photo-gallery/loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }
.panel .panel-overlay a {display:block; height:60px;}

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #161412; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size:10px; line-height:3;}
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #4e849e; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #4e849e; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #4e849e; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #FFF; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #4e849e;
}

		
		
}