/* 

screen CSS document
screen.css
client: Godfrey Group
author: Atlantic BT - www.atlanticbt.com
date: 6/13/08

Base Screen styles. Remove comments where necessary.

*/


/*======================================
	=Main Styles
======================================*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 								
	color: #333;
	background: #d3d3d3 url(/art/rootBg.gif) repeat-y 0 0;
	font-size: 11px;
}


/*======================================
	=Typography Styles
======================================*/

/* font rule shortcut: */
/* font: font-style font-variant font-weight font-size/line-height font-family; */

p { }
	#content * { line-height: 1.2em; }
	#content p { margin: 1em 0; }


a { }
	/* base anchor colors/style */
	a { color: #004eaa; text-decoration: none; }
	a:hover, a:focus { color: #488ac6; text-decoration: underline; }
	/* @= a:focus dotted outline fix found in moz.css and abt.js (search for "theahrefs") */


h1, h2, h3, h4, h5, h6 { margin: 1em 0; font: bold 170% Verdana, Arial, sans-serif; color: #005c8e; }
	
	h2 { font-size: 120%; }
	h3, h4, h5, h6 { font-size: 100%; }
	h4 {  }
	

	
/*======================================
	=Other Element Styles
======================================*/

ul, ul li { list-style: none; }

	#main-area ul { margin: 1em 0 1em 1em; }
	#main-area ul li {
		margin: .5em 0;
		padding-left: 8px;
		background: none;
	}
	
	
ol, ol li { }

	#main-area ol { margin: 1em 0 1em 2em; } /* 40px left margin seems to make the ol line up with the ul */
	#main-area ol li {
		margin: .5em 0;
	}
	
	
dl { }

	#content dl { margin: 1em 0; }
	
		#content dl dt { margin: .5em 0; font-weight: bold; }
		#content dl dd { margin: .5em 0 .5em 1em; }


acronym { cursor: help;	border-bottom: 1px dotted #353535; }

address { }

blockquote { margin: 1em 0; padding: 0 1em; }
	blockquote p { margin: 1em 0; }
	blockquote p.cite { text-align: right; }
	blockquote p.cite cite { font-weight: bold; }
	blockquote p.cite em { display: block; font-style: normal; font-weight: normal; }
	

table {
	margin: 1em 0 0 .25em; padding: 0;
	border-collapse: collapse;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	width: 90%;
}

caption {
	caption-side: top;
	text-align: left;
}
tr {
	padding: .15em .5em;
}
td {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	text-align: center;
}
th {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	text-align: center;
	font-weight: bold;
}
thead th {
	color: #666;
}
thead tr {
	background-color: #eee;
}
tfoot td {
	text-align: left;
}


/*======================================
	=Base Form Styles
======================================*/
	
	input, textarea, select {
		padding: 2px;
		border: 1px solid #a5acb2;
		background: #fff;
		font: inherit;
	}
	
	input.radio, input.checkbox,
	.buttons input, input.button { border: 0; padding: 0; width: auto; background: none; }




/*======================================
	=Layout Styles
======================================*/

/* =floats and widths */
#container, #wrap, #masthead, #content,
#secondary-content, #site-info { float: left; display: inline; width: 690px; }

#container { width: 944px; }


#masthead { height: 305px; background: url(/images/index/bg_header-rotator.jpg) no-repeat 0 0; }
	body.temp #masthead { height: 235px; background: url(/images/index/bg_header-rotator.gif) no-repeat 0 0; }

	/* hide accessibility, but leave there for readers */
	#masthead #skip-links,
	#masthead h1,
	#promo-links p,
	#search-area label,
	#secondary-content h5,
	#n-products2 strong { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; }
	
	#masthead #logo,
	#masthead #logo a { 
		float: left; display: inline;
		width: 234px;
		height: 80px;
		text-indent: -9000em;
	}
	
	#masthead #rotator { position: absolute; top: 62px; left: 395px; width: 290px; height: 168px; overflow: hidden; }
		#masthead #rotator div { position: relative; }
		#masthead #rotator div img { height: 168px; width: 290px; top: 0; left: 0; }
		

#content { padding: 10px 8px 20px 14px; width: 663px; }

	.celebrate-banner { margin: 0 0 1.5em; }

	#featured-links,
	#featured-links ul,
	#featured-links ul li { float: left; display: inline; margin: 0; padding: 0; width: 663px; }
		
		#featured-links ul li { position: relative; padding: 10px; margin-right: 8px;
								width: 190px; height: 345px;
								border: 1px solid #ccc; }
		
		body.products #featured-links ul li { position: relative; padding: 10px; margin: 0 8px 10px 0;
								width: 190px; height: 250px;
								border: 1px solid #ccc; }
			
			#featured-links ul li h2 { margin: 0; font-family: Arial, Helvetica, sans-serif; }
			body.products #featured-links ul li h2 { margin: 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
			
			#featured-links ul li a { display: block; color: #000; text-decoration: none; font-size: 14px; }
				#featured-links ul li a:hover { color: #369; }
			#featured-links ul li img { position: relative; margin: 0 -5px 10px; }
			#featured-links ul li p { margin: .5em 0; }
			
			#featured-links span.ribbon { position: absolute; left: 0; top: 0;
											display: block; width: 92px; height: 92px; text-indent: -9000em;
											background: url(/images/index/g_ribbon-custom.gif) no-repeat 0 0; }
				#featured-links span.portable { background-image: url(/images/index/g_ribbon-portable.gif); }
				#featured-links span.custom-stock { background-image: url(/images/index/g_ribbon-custstock.gif); }
		
		body.temp #featured-links { margin-bottom: 15px; }
		body.temp #featured-links ul li { height: 360px; }		
		body.temp #featured-links ul li ul { width: auto; margin-left: 6px; }
		body.temp #featured-links ul li ul li { float: none; display: block; width: auto; height: auto; margin: 0; padding: .25em 0 .25em 10px; border: none; background: url(/images/icons/i_bullet.gif) no-repeat left 50%; }
		
		body.temp #featured-products ul li { /* height: 360px;*/ }
			body.temp #featured-products ul li.first { clear: left; }
		body.temp #featured-products ul li ul { margin: 4px 0 0 0; padding: 0 0 0 3px; width: 154px; }
		body.temp #featured-products ul li ul li { float: left; display: inline; height: auto; line-height: 1.25em; margin: 0; padding: 0 0 .15em 0; border: none; text-align: left; }
		/*body.temp #featured-products ul li ul li:after { content: ","; }
			body.temp #featured-products ul li ul li.last:after { content: inherit; }*/
				
	#best-price { float: left; display: inline; margin: 20px 0; padding: 0; width: 663px; height: 47px;
					text-indent: -9000em; background: url(/images/index/g_best-price.jpg) no-repeat 0 0; }
	#body #content div#best-price { display: block; margin: 20px 0; padding: 0; width: 663px; height: 47px;
					text-indent: -9000em; background: url(/images/index/g_best-price.jpg) no-repeat 0 0; }				
					
	#featured-products,
	#featured-products ul { float: left; display: inline; margin: 0; padding: 0; width: 663px; }
		#featured-products ul li { float: left; display: inline; margin: 0 11px 0px 0; padding: 0; width: 154px; height: 330px; }
		body.products #featured-products ul li { float: left; display: inline; margin: 0 11px 0px 0; padding: 0; width: 154px; height: 225px; }
			body.temp #featured-products ul li { /*height: 300px;*/ margin-right: 10px; }
		#featured-products ul li h2 { margin: 0; font-family: Arial, Helvetica, sans-serif; }
			body.temp #featured-products ul li h2 { float: left; display: inline; width: 154px; }
			body.temp #featured-products ul li h2 a { float: left; display: inline; width: auto; font-size: 90%; }
			body.temp #featured-products ul li h2 a span,
			body#our-products #featured-products ul li h2 a span{ display: block; }
			body.products #featured-products ul li h2 a { float: left; display: inline; font-size: 90%; font-weight: bold; }
		#featured-products ul li a { display: block; color: #000; text-decoration: none; font-size: 16px; }
			#featured-products ul li a:hover { color: #369; }
		#featured-products ul li img { margin-bottom: 8px; }
			body.temp #featured-products ul li img { padding: 0 0 6px 0; width: 154px; border-bottom: 3px solid #ccc; }
			body.products #featured-products ul li img { padding: 0 0 6px 0; width: 154px; border-bottom: 3px solid #ccc; }
		
		#featured-products ul.sub-items { float: none; display: block; width: auto;
											font-family: Arial, Helvetica, sans-serif; }
			#featured-products ul.sub-items li { float: none; display: block; margin: .25em 0;
													width: auto; height: auto; }
			#featured-products ul.sub-items li a { font-size: 14px; font-weight: bold; }
		
		

#secondary-content { float: right; width: 254px; }
	#pm-contact,
	#pm-contact a { float: left; display: inline; width: 254px; height: 106px;
					background: url(/images/index/g_call-pm.jpg) no-repeat 0 0; text-indent: -9000em; }
	#secondary-content p.home-contact-fix,
	#secondary-content p.home-contact-fix a { float: left; display: inline; width: 254px; height: 106px;
					background: url(/cached/_images/crop/254x106/2934b2b80c90145c978484172266e8b9/revisedcall-9962.jpg) no-repeat 0 0; text-indent: -9000em; }
					
	#additional-info,
	#additional-info ul,
	#additional-info ul li,
	#additional-info ul li a { float: left; display: inline; width: 254px; }
		
		#additional-info ul li { margin: 5px; }
			#additional-info ul li#ai-color-guides,
			#additional-info ul li#ai-order-form { margin-left: 12px; }
		#additional-info ul li,
		#additional-info ul li a { width: 226px; height: 59px; text-indent: -9000em; }
			#additional-info ul li#ai-virtual-tours,
			#additional-info ul li#ai-virtual-tours a { width: 226px; height: 86px;
													background: url(/images/b_virtual-tour-off.gif) no-repeat 0 0; }
			#additional-info ul li#ai-toolbook,
			#additional-info ul li#ai-toolbook a { width: 233px; height: 117px;
													background: url(/images/index/g_idea-book.gif) no-repeat 0 0; }
			#additional-info ul li#ai-color-guides,
			#additional-info ul li#ai-color-guides a { background: url(/images/index/sp_color-guide.gif) no-repeat 0 0; }
			#additional-info ul li#ai-order-form,
			#additional-info ul li#ai-order-form a { background: url(/images/index/sp_order-form.gif) no-repeat 0 0; }
			
			#additional-info ul li#ai-color-guides a:hover,
			#additional-info ul li#ai-order-form a:hover { background-position: 0 -59px; }
			#additional-info ul li#ai-virtual-tours a:hover { background: url(/images/b_virtual-tour-on.gif) no-repeat 0 0; }

		#additional-info ul li#ai-blog,
		#additional-info ul li#ai-virtual-tours { margin-left: 12px; }
		#additional-info ul li#ai-blog,
		#additional-info ul li#ai-blog a { width: 226px; height: 86px; background: url(/images/index/sp_blog-link.jpg) no-repeat left top; }
			#additional-info ul li#ai-blog a:hover { background-position: 0 -86px; }

#site-info { clear: both; text-align: center; padding-bottom: 20px;
				background: url(/images/index/bg_site-info.gif) no-repeat 0 130px;
				/* margin: -80px 0 0 0; */ }
	
	/*#supplementary-info p { position: absolute; left: 235px; top: 22px;
							float: left; display: inline;
							margin: 0; width: 430px; text-align: left; }*/
		#supplementary-info p { position: absolute; left: 350px; top: 0;
								float: left; display: inline;
								margin: 0; width: 335px; height: 80px; text-indent: -9000em;
								background: url(/images/index/g_supp-info.gif) no-repeat 0 0; }				
	
	#contact-area { float: left; display: inline; margin: 10px 0 40px 14px; padding: 0; width: 663px; height: 110px;
					text-indent: -9000em; background: url(/images/index/f_call-pm.jpg) no-repeat 0 0; }
	
	#promo-links { }
		#promo-links ul { position: absolute; top: 171px; left: 22px; width: 370px; }
			#promo-links ul li,
			#promo-links ul li a { float: left; display: inline; width: 370px; height: 30px; text-indent: -9000em;
									background: url(/images/index/g_free-design-services.png) no-repeat 0 0; }
				#promo-links ul li#pl-ideas-guide,
				#promo-links ul li#pl-ideas-guide a { background-image: url(/images/index/g_free-ideas-guide.png); }
	
	#search-area { position: absolute; top: 230px; left: 0;
					width: 685px; height: 75px; /*background: url(/art/searchBreadcrumbBg.gif) no-repeat 0 0; */}
		#search-area p { position: absolute; top: 14px; /*left: 145px;*/ }
			#search-area p input#q { width: 168px; font-size: 11px; }
			#search-area p input#go { position: relative; margin-bottom: -4px; }
			
		#search-area { background: url(/art/searchBreadcrumbBg.gif) no-repeat 0 0; }	
		#search-area p { left: 460px; }
		#search-area p#gallery-link { position: absolute; left: 0px; width:240px; top: 0; }
	
		/*#search-area p#gallery-link { position: absolute; left: 440px; top: 0; }*/
			#search-area p#gallery-link a { display: block; width: 244px; height: 50px;	text-indent: -9000em; }
					
	#breadcrumbs ul { position: absolute; top: 285px; left: 95px; }
			#breadcrumbs ul li { display: inline; padding: 0 6px 0 16px;
									background: url(/art/breadCrumbBullet.gif) no-repeat 0 50%; }
				#breadcrumbs ul li a { color: #fff; }
	
	/**************************************************************************************
	
	body.temp #site-info { position: relative; background-position: 0 130px; }*/
	
	body.temp #search-area { position: relative; top: 0; left: 0; float: left; display: inline; margin-bottom: 20px; padding: 10px 0 0 0;
					width: 254px; height: 50px; background: #900c00 url(/images/bg_search.gif) repeat-x left bottom; }
		body.temp #search-area p { position: inherit; left: 0; top: 0; margin: 0 0 0 20px; }
			body.temp #search-area p input#q { clear: left; float: left; display: inline; width: 168px; font-size: 11px; }
			body.temp #search-area p input#go { float: left; display: inline; position: relative; margin-bottom: -4px; }
			
			body.temp #search-area label { position: inherit; left: 0; top: 0; display: block; margin: 2px 0 0; height: auto;
											color: #fff; font-weight: bold; text-indent: 0; line-height: 1.25em; text-transform: uppercase; }
		
		body.temp #search-area p#gallery-link { position: absolute; left: 0px; width:240px; top: 0; }
	
		/*#search-area p#gallery-link { position: absolute; left: 440px; top: 0; }*/
			body.temp #search-area p#gallery-link a { display: block; width: 244px; height: 50px;	text-indent: -9000em; }
					
	body.temp #breadcrumbs ul { position: absolute; top: 285px; left: 95px; }
			body.temp #breadcrumbs ul li { display: inline; padding: 0 6px 0 16px;
									background: url(/art/breadCrumbBullet.gif) no-repeat 0 50%; }
				body.temp #breadcrumbs ul li a { color: #fff; }
	
	body.temp .cse-overlay { left: 0 !important; top: 245px !important; width: 664px !important; }
	
	
	/***************************************************************************************/
				
	#supplementary-nav { clear: both; }
		#supplementary-nav ul { margin: .5em 0; }
		#supplementary-nav ul li { display: inline; margin-right: 3px; padding-right: 5px; height: 1%;
									border-right: 1px solid #000; }
			#supplementary-nav ul li#spn-ts-displays,
			#supplementary-nav ul li#spn-gallery-map,
			#supplementary-nav ul li#spn-design-ideas { border: 0; }
			
	#site-copyright { margin: 1em 0; }
		#site-copyright p { margin: .5em 0; }




/* tempate test styles */
body.template #content { padding: 0; }

	body.template #content div.50-50 { width: 50%; }


div.block { margin: 1em 0; padding: 8px; width: 90%; border: 1px solid #ddd; }


/*======================================
	=Navigation Styles
======================================*/

/* =navigation */
	#navigation,
	#navigation ul,
	#navigation ul li, #navigation ul li a { float: left; display: inline; width: 254px; }	
	
	#navigation ul li a {
		padding: 5px 0 5px 15px;
		width: 239px;
		border-top: 1px solid #a3c4e2;
		border-bottom: 1px solid #32608a;
		background-color: #488ac6;
		font-family: "lucida grande", verdana, arial, sans-serif;
		color: #fff; text-transform: uppercase; font-weight: normal;
	}
		#navigation ul li a:hover { background-color: #6ab2f5; text-decoration: none; }
		
		#navigation ul li ul#n-products-nav { padding: 6px 0 18px; }
		
		#navigation ul li ul li a { padding: 3px 0 4px 15px; border: 0;
									background: transparent; text-transform: none; }
			#navigation ul li ul li a:hover { background: transparent; text-decoration: underline; }
		
		#navigation ul li#n-catalog2 a,
		#navigation ul li#n-catalog a {	display: block;
	clear: both;
	overflow: hidden;
	border-top: 1px solid #5F3B85;
	border-bottom: 1px solid #5F3B85;
	background-image: url(/art/bg-navigation.jpg);
	cursor: pointer; }
		#navigation ul li#n-catalog2 a:hover,
		#navigation ul li#n-catalog a:hover { 	display: block;
	clear: both;
	overflow: hidden;
	border-top: 1px solid #5F3B85;
	border-bottom: 1px solid #5F3B85;
	cursor: pointer;
	background-image: url(/art/bg-navigation_hover.jpg);
	}

		#navigation ul li ul#n-gallery-nav { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; }
		body.gallery #navigation ul li ul#n-gallery-nav
		{ position: relative; left: auto; top: auto; height: auto; line-height: inherit; }
		#navigation ul li ul#n-gallery-nav li a { padding: 5px 0 5px 15px;
													border-top: 1px solid #cc99ff; border-bottom: 1px solid #663399;
													background: #93c; text-transform: none; }
			#navigation ul li ul#n-gallery-nav li a:hover { background: #c9f; text-decoration: none; }
					
/* end navigation */

/* outdoor displays navigation */

	div#outdoor-event-nav { }
	div#outdoor-event-nav h4 { }
	div#outdoor-event-nav p { }
	div#outdoor-event-nav ol { }
	div#outdoor-event-nav li { }
	div#outdoor-event-nav li span { }

/* end outdoor displays navigation */