/* site template tags */
* { margin: 0; padding: 0; border: 0 }
html,body { background-color:#237e90; margin:0 auto 0 auto; padding:0px; width:100%; }
body { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#000000; }
p { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#000000; }	
td,ul,ol { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#000000; }
ul { padding-left:40px; }

h1 { font-family:Arial, Verdana, sans-serif; font-size:24px; line-height:20px; color:#017187; }
h2 { font-family:Arial, Verdana, sans-serif; font-size:16px; line-height:18px; color:#017187; }
h3 { font-family:Arial, Verdana, sans-serif; font-size:14px; line-height:16px; color:#017187; }
h4 { font-family:Arial, Verdana, sans-serif; font-size:12px; line-height:14px; color:#003e57; }

a { color:#0a6a92; text-decoration:none; }
a:hover { color:#0a6a92; text-decoration:underline; }

.accessibility, hr { display:none; }
.clear { clear:both; }
.none { display:none; }

/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
	* html .clearfix { height:1%; }
	.clearfix { display:block; }

/* site layout */
.container { float:left; min-height:400px; height:auto !important; padding:0 0 0 0; width:100%; }
		
	/* body */		
	.body { width:1000px; min-height:600px; height:auto !important; height:400px; margin:0 auto; text-align:center; padding-bottom:0; }
		/* header */
		.header { display:block; height:120px; float:right; width:1000px; background:url(header/background.jpg) no-repeat; }
			.header-left { float:left; width:480px; }
				h1.logo-top { display:block; float:left; width:266px; height:100px; margin:11px 0 0 92px; }
					h1.logo-top a { display:block; width:266px; height:100px; background:url(header/logo.jpg) no-repeat; }
					h1.logo-top a span { display:none; }	
			.header-right { float:right; width:520px; padding:0 0 0 0; }
				.top-nav { list-style:none; float:left; margin:0 0 0 0; padding:94px 0 0 0; width:520px; }
					.top-nav li { float:left; padding:0 0 0 0; margin:0 0 0 0; }
					.top-nav li.tnhome a { display:block; width:42px; height:16px; background:url(header/home_off.gif) no-repeat; padding:0 0 0 35px; }
					.top-nav li.tnhome a:hover { display:block; width:42px; height:16px; background:url(header/home_on.gif) no-repeat; }
					.top-nav li.tnshowcase a { display:block; width:76px; height:16px; background:url(header/showcase_off.gif) no-repeat; padding:0 0 0 35px; }
					.top-nav li.tnshowcase a:hover { display:block; width:76px; height:16px; background:url(header/showcase_on.gif) no-repeat; }
					.top-nav li.tnnews a { display:block; width:96px; height:16px; background:url(header/news_off.gif) no-repeat; padding:0 0 0 35px; }
					.top-nav li.tnnews a:hover { display:block; width:96px; height:16px; background:url(header/news_on.gif) no-repeat; }
					.top-nav li.tnaboutus a { display:block; width:68px; height:16px; background:url(header/aboutus_off.gif) no-repeat; padding:0 0 0 35px; }
					.top-nav li.tnaboutus a:hover { display:block; width:68px; height:16px; background:url(header/aboutus_on.gif) no-repeat; }
					.top-nav li.tncontactus a { display:block; width:81px; height:16px; background:url(header/contactus_off.gif) no-repeat; padding:0 0 0 0; }
					.top-nav li.tncontactus a:hover { display:block; width:81px; height:16px; background:url(header/contactus_on.gif) no-repeat; }
					.top-nav li a span { display:none; }
		
		.banner { display:block; float:left; width:1000px; }
		
		.menu { display:block; float:left; width:1000px; text-align:left; height:77px; background-color:#ffffff; }
			.sub-nav { list-style:none; float:left; margin:0 0 0 0; padding:0 0 0 0; width:1000px; }
				.sub-nav li { float:left; padding:0 0 0 0; margin:0 0 0 0; }
				.sub-nav li.snlead { display:block; width:98px; height:77px; background:url(header/menu_bg.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.snretail a { display:block; width:110px; height:77px; background:url(header/retail_off.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.snretail a:hover { display:block; width:110px; height:77px; background:url(header/retail_on.gif) no-repeat; }
				.sub-nav li.snlibrary a { display:block; width:111px; height:77px; background:url(header/library_off.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.snlibrary a:hover { display:block; width:111px; height:77px; background:url(header/library_on.gif) no-repeat; }
				.sub-nav li.snoffice a { display:block; width:111px; height:77px; background:url(header/office_off.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.snoffice a:hover { display:block; width:111px; height:77px; background:url(header/office_on.gif) no-repeat; }
				.sub-nav li.snaframes a { display:block; width:111px; height:77px; background:url(header/aframes_off.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.snaframes a:hover { display:block; width:111px; height:77px; background:url(header/aframes_on.gif) no-repeat; }
				.sub-nav li.sngondolas a { display:block; width:111px; height:77px; background:url(header/gondolas_off.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.sngondolas a:hover { display:block; width:111px; height:77px; background:url(header/gondolas_on.gif) no-repeat; }
				.sub-nav li.snspinners a { display:block; width:113px; height:77px; background:url(header/spinners_off.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.snspinners a:hover { display:block; width:113px; height:77px; background:url(header/spinners_on.gif) no-repeat; }
				.sub-nav li.snshelving a { display:block; width:113px; height:77px; background:url(header/shelving_off.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.snshelving a:hover { display:block; width:113px; height:77px; background:url(header/shelving_on.gif) no-repeat; }
				.sub-nav li.snmicroslat a { display:block; width:113px; height:77px; background:url(header/microslat_off.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li.snmicroslat a:hover { display:block; width:113px; height:77px; background:url(header/microslat_on.gif) no-repeat; }
				.sub-nav li.snend { display:block; width:9px; height:77px; background:url(header/menu_bgend.gif) no-repeat; padding:0 0 0 0; }
				.sub-nav li a span { display:none; }
				
		
		/* content */
		.content { display:block; float:left; width:1000px; text-align:left; min-height:400px; height:auto; background:url(layout/index_11.gif) repeat-x #e0e0e0; }
			.content-center { display:block; float:left; width:900px; padding:28px 0 0 62px; }
				.content-text { display:block; float:left; width:900px; padding:16px 0 0 0; }
				
			.content-left { display:block; float:left; width:900px; }
				.category-left { display:block; float:left; width:341px; }
					.featured { display:block; float:left; width:341px; height:311px; background-color:#002939; }
				.category-right { display:block; float:right; width:502px; padding:0 0 0 0;   }
					.category-right-heading { display:block; float:left; width:502px; padding:10px 0 0 0; }
					.category-right-content { display:block; float:left; width:502px; padding:10px 0 0 0; }
			
			.cat-products { display:block; float:left; padding:20px 3px 0 0; width:850px; text-align:left; }
				.cat-prod-list { display:block; float:left; width:850px; padding:0 0 20px 0; }
					.cat-heading { color:#003e57; font-weight:bold; }
			
			.newstitle { font-size:20px; font-family:Verdana; color:#4c4c4c; padding:12px 0 0 0; }
			.newstitle a { font-size:20px; font-family:Verdana; color:#4c4c4c; padding:12px 0 0 0; }
			
			.textbox { width:160px; border:solid 1px #aaadb2; height:16px; font-size:11px; color:#615853; padding:3px 0 2px 5px; }
			.button { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; border: solid 1px #033b52; background-color: #258c9d; color: #ffffff; height: 20px; cursor: pointer; padding:1px 3px 3px 3px; vertical-align:middle; }
			
			.showcase-shell { display:block; float:left; width:880px; }
				.showcase-image { display:block; float:left; width:240px; }
				.showcase-content { display:block; float:right; vertical-align:top; width:630px; padding:0 0 0 10px; }
					.showcase-title a { font-size:20px; font-family:Verdana; color:#4c4c4c; padding:0 0 0 0; }
					.showcase-location { font-weight:bold; }
					.showcase-content { padding:5px 0 0 0; }	
					.showcase-button { padding:5px 0 10px 0; }
								
			.content-bottom { float:left; width:1000px; height:231px; padding:0 0 0 0; background:url(layout/sales_bg.jpg) no-repeat; }
					
		.footer { display:block; float:left; width:1000px; height:89px; background:url(layout/footer_bg.jpg) no-repeat;  }
			.footer_links { display:block; float:left; padding:43px 0 0 112px; color:#ffffff; }