/* CSS Document */

/* CSS Document */

html	{height:100%;}

body {
background: #fff;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
margin:0;
padding:10px 0 0;
text-align: left;
}
p, div, ul, ol, li, h1, h2, h3, h4, h5 { margin-top: 0px;}
img a {border:0;}

h1, h2, h3, h4, h5	{font-family: Arial Narrow, Arial, Helvetica, sans-serif;}

img	{border:none;}

a:link {text-decoration:none;}
a{text-decoration:none;}
a:hover {text-decoration:underline;}
p  {color:#333;}

.clear	{clear:both; margin:0; padding:0;}

#top_shadow {width:980px; height:4px; background:url(../images/top_shadow.gif) no-repeat; margin:0 auto;}
#container {width:972px; /*background:url(../images/shadow.gif) repeat-y;*/ padding:0 4px; margin:0 auto;}

#homepage_top {margin:0 0 32px;width:972px; }
	#homepage_top_left {width:372px; float:left;}
		#homepage_logo { height:218px; width:351px; margin:0; padding:0;}
			a#logo {display:block; background:url(../images/logo_hp.gif); height:218px; width:351px; margin:0; padding:0;}
		#homepage_messaging {font-size:14px; font-weight:bold; font-style:italic; padding:0 0 0 62px; width:310px;}
		
				.homepage h1, .homepage h2 {display:none;}
				.homepage .homepage_welcome		{background:url(../images/homepage_welcome.gif) no-repeat; height:19px; margin-bottom: 5px;}
				.store 	   .homepage_welcome		{background:url(../images/store_homepage_purpose.gif) no-repeat; height:19px; margin-bottom: 5px;}
	
	#homepage_top_right {width:460px; float:right; height: 300px; margin: 0; padding: 0;}
	
#navigation {height:37px; margin-bottom:2px; position:relative; z-index:5; }
.homepage #navigation {margin-bottom:4px;}

/* top navigation */

.menu {
   /* position:absolute;
	top: 129px; /*This is effected by the body top margin*/
	margin-left:auto;
	margin-right:auto;
    /* solve a Opera7/IE display bug */
    margin:0;
    padding:0;
	display:block;
	width:972px; /* important for Opera7 */
	height:37px;
	float:left;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	background-color: #003366;
}

* html .menu {width:989px;}
.store .menu {width:963px;}
*:first-child+html .store .menu {width:983px;}
* html .store .menu  {width:981px;}

.menu ul {
    margin:0;
    padding:0;
    position:absolute; /* important */
	width:158px;
    width/**/:156px;
	display:block;
}
.menu ul li a:visited {
	color:#fff;
}
.menu ul li a:hover {
    background-color: #a8cf39;
	color:#FFFFFF;
}
.menu li ul {
    visibility:hidden;
    amargin-left:200px; /* be careful */
    amargin-top:-24px;
	abackground-color: #FFFFFF; /* need that when text in IE makes boxes larger */
	background:#5189c3 url(../images/bg_submenu_top.gif) repeat-x top;
	padding:4px 0 0;
	width:175x;
}
.menu li {
    background-color: #003366;
	/*width:80px;*/
    display:block;
	afloat:left;
    list-style:none;
    margin:0;
    padding:0;
	height:37px;
	height/**/:37px;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
}


	

	.menu li.store {width: 174px; background:none;}	
	.menu li.login {width: 78px; background:none;}	
		
.menu li li {
	border-bottom: #86add5 1px solid;
	background:#5189c3;
    display:block;
    float:none;
	width:175px;
	height:auto;
	padding:0 1px 0;
}
/* IE PC selector */
* html .menu li li {
    display:inline; /* solve a IE PC list bug */
}
* html .menu li li a {
    width:200px;
}
.menu li a {
    display:block;
	color:#fff;
	line-height:37px;
	/*padding:0 40px 0 39px;*/
	text-align:center;
	border-right:#fff 1px solid;
	text-decoration:none;
	padding:0 47px;
	}

.store .menu li a {padding:0 43px;}

		.menu li #store {width:194px; background:#ff9933 url(../images/bg_nav_store.gif) no-repeat top left;  display:block; margin:0;}
		.menu li #login {width:78px; background:#5189c3 url(../images/bg_nav_login.gif) no-repeat top left; display:block; margin:0;}
		.menu li span#store a {padding:0 0 0 18px; width:156px; border:none; background:none; margin:0;}
		.menu li span#login a {padding:0 0 0 13px; width:65px;  border:none; background:none; margin:0;}
				
.menu li li a {
    text-align:left;
    display:block;
    text-decoration:none;
    margin:0;
    padding:5px; /* em units can create little graphic bug in mozilla */
	/* last number above is left padding; need to adjust width accordingly here only so that 10px+140px=200px*/
    font-family: Arial, Verdana, sans serif;
    font-size: 12px;
	font-weight: bold;
	line-height:22px;
	padding:0 0 0 29px;
	background-color:#5189c3;
	border:none;
	
}

.menu li a:hover {background-color:#5189c3; text-decoration:none;}
	.menu li #store a:hover {background-color:none;}
	.menu li #login a:hover {background-color:none;}
.menu li li a:hover {background-color:#003366; text-decoration:none;}
.menu li li a:link, .menu li li a:visited,  .menu li li a:active,  .menu li li a:hover	{color:#fff;} 
		.menu li a.corporate {background:#FF9900;}
		.menu li a.corporate:hover {background:#5189c3;}


p#orders {display:block; text-align:right; font-size:14px; font-weight:bold; font-style:italic; line-height:11px; margin-top:25px; margin-bottom:5px; padding-right:80px; color:#FF9933; }
#homepage_bottom {width:907px; padding-left:65px; margin:0 0 29px;} 
	.homepage .homepage_custom, 
	.homepage .homepage_solutions, 
	.homepage .homepage_storefront,
	.store .homepage_code_signs,
	.store .homepage_user_signs
								{ height:24px; width:245px; margin-bottom:10px; text-align:center; position:relative; bottom:2px; }
	
		.homepage .homepage_custom img, 
	.homepage .homepage_solutions img, 
	.homepage .homepage_storefront img  {padding-left:11px; }
	
	.homepage .homepage_interior-exterior,
	.homepage .homepage_interior,
	.store .homepage_building,
	.store .homepage_tenant	
								{ height:16px; width:245px; margin-bottom:10px; text-align:center;}
	
		.homepage .homepage_custom, 
		.homepage .homepage_solutions, 
		.homepage .homepage_storefront	 	{margin-bottom:0px;}
	.homepage .homepage_custom				{background:url(../images/homepage_custom.gif) no-repeat;}
	.homepage .homepage_solutions			{background:url(../images/homepage_solutions.gif) no-repeat;}
	.homepage .homepage_storefront			{background:url(../images/homepage_storefront.gif) no-repeat;}
	.homepage .homepage_interior-exterior	{background:url(../images/homepage_interior-exterior.gif) no-repeat;}
	.homepage .homepage_interior			{background:url(../images/homepage_interior.gif) no-repeat;}
	.store .homepage_code_signs		{background:url(../images/store_homepage_code_signs.gif) no-repeat;}
	.store .homepage_user_signs		{background:url(../images/store_homepage_user_signs.gif) no-repeat;}
	.store .homepage_building		{background:url(../images/store_homepage_building.gif) no-repeat;}
	.store .homepage_tenant			{background:url(../images/store_homepage_tenant.gif) no-repeat;}
	.box {width:245px; height:225px; display:block; float:left; padding:0 5px 7px 0; margin-right:49px; margin-top:30px; background: url(../images/bg_homepage_box.gif);}
					.homepage .box {margin-top:0;}
					.store .box {margin-top:30px;}
					#homepage_bottom .last {margin-right:0;}
		.box img {padding:13px 51px 3px;} .homepage .box img {padding-left:60px;} .store .box img {padding-left:51px;}
		.box h2 {text-align:center;}
		.box p {display:block; padding:0 37px; font-size:12px;}
		.box a {color:#000; text-decoration:none;}
			.box a p.caption {font-size:10px; color:#999999; font-style:italic; text-align:center; margin-top:0;}
			
		.box#nobg {background-image:none; width:275px;}
		.box#nobg ul {padding-top:45px;position:relative}
		.box#nobg li {margin-bottom:10px; font-style:italic; font-weight:bold; color:#003366;}	

#secondary_top {width:972px;}
#secondary_top_left {height:161px; width:286px; float:left;}
	#secondary_logo {}	
		.secondary #logo {background:url(../images/logo_secondary.jpg) no-repeat; height:161px; width:286px;}
		.secondary .store #logo {background:url(../images/logo_secondary_store.jpg); height:161px; width:286px;}
#secondary_top_right {height: 114px; width:686px; float:right; padding:23px 0 0 0;}

#secondary_content {width:972px; min-height:400px; background:url(../images/bg_markets.jpg) no-repeat top right;}
	#breadcrumb {width:952px; height:50px; padding:0 0 0 20px; font-size:12px; color:#999999; position:relative;}
		#breadcrumb a {color:#003366; text-decoration:underline;}
		#breadcrumb a:hover {text-decoration:none;}
		#breadcrumb a:visited {color:#003366;}
		#breadcrumb a:active {color:#003366;}
		
	#left_navigation {width:217px; margin-right:25px; float:left; background:url(../images/bg_left_nav.jpg) repeat-x top; padding:1px; height:350px; min-height:350px;}
		#left_navigation h2 {display:block; width:198px; line-height:33px; height:33px; padding:0 0 0 17px; color:#fff; font-size:18px; font-style:italic; margin:0; background:#558CC5;}
		#left_navigation h2 a { color:#fff; text-decoration:none; display:block; background:#558CC5;}
		#left_navigation ul	{margin:0; padding:0; font-size:12px; font-weight:bold; font-style:italic;}
					#left_navigation li {margin:0; list-style-type:none; }
				#left_navigation li a {color:#003366; line-height:29px; display:block;  padding:0 0 0 17px; background:url(../images/bg_left_nav_item.jpg) repeat-y top; margin-bottom:2px;}
					#left_navigation li a.two-line {line-height:14px; padding-top:7px; padding-bottom:7px;}
					#left_navigation li a.indent {padding-left:25px; font-weight:normal;}
					#left_navigation li a:hover {text-decoration:none; color:#5189c3;}
					#left_navigation li a:visited {color:#003366;}
					#left_navigation li a:active {color:#5189c3;}
					
	#secondary_main {width:718px; overflow:hidden; float:left;}
		#secondary_main h1{display:none;}
		#secondary_main .header_healthcare, 
		#secondary_main .header_about_us,
		#secondary_main .header_contact_us,
		#secondary_main .header_corporate,
		#secondary_main .header_codesigns,
		#secondary_main .header_design,
		#secondary_main .header_downloads,
		#secondary_main .header_education,
		#secondary_main .header_exterior,
		#secondary_main .header_fabrication,
		#secondary_main .header_faq,
		#secondary_main .header_garage,
		#secondary_main .header_installation,
		#secondary_main .header_interior,
		#secondary_main .header_markets,
		#secondary_main .header_my_account,
		#secondary_main .header_online_storefront,
		#secondary_main .header_policies,
		#secondary_main .header_products,
		#secondary_main .header_project_consultation,
		#secondary_main .header_project_management,
		#secondary_main .header_real_estate,
		#secondary_main .header_residential,
		#secondary_main .header_resources,
		#secondary_main .header_services,
		#secondary_main .header_solutions,
		#secondary_main .header_usersigns {height:35px; width:275px; margin-bottom:8px;}
		
		#secondary_main .header_healthcare 				{background:url(../images/header_healthcare.gif) no-repeat;}
		#secondary_main .header_about_us 				{background:url(../images/header_about_us.gif) no-repeat;}
		#secondary_main .header_contact_us 				{background:url(../images/header_contact_us.gif) no-repeat;}
		#secondary_main .header_codesigns 				{background:url(../images/header_codesigns.gif) no-repeat;}
		#secondary_main .header_corporate 				{background:url(../images/header_corporate.gif) no-repeat;}
		#secondary_main .header_design 					{background:url(../images/header_design.gif) no-repeat;}
		#secondary_main .header_downloads 				{background:url(../images/header_downloads.gif) no-repeat;}
		#secondary_main .header_education 				{background:url(../images/header_education.gif) no-repeat;}
		#secondary_main .header_exterior 				{background:url(../images/header_exterior.gif) no-repeat;}
		#secondary_main .header_fabrication 			{background:url(../images/header_fabrication.gif) no-repeat;}
		#secondary_main .header_faq 					{background:url(../images/header_faq.gif) no-repeat;}
		#secondary_main .header_garage 					{background:url(../images/header_garage.gif) no-repeat;}
		#secondary_main .header_installation 			{background:url(../images/header_installation.gif) no-repeat;}
		#secondary_main .header_interior 				{background:url(../images/header_interior.gif) no-repeat;}
		#secondary_main .header_markets 				{background:url(../images/header_markets.gif) no-repeat;}
		#secondary_main .header_my_account				{background:url(../images/header_my_account.gif) no-repeat;}
		#secondary_main .header_online_storefront 		{background:url(../images/header_online_storefront.gif) no-repeat;}
		#secondary_main .header_policies 				{background:url(../images/header_policies.gif) no-repeat;}
		#secondary_main .header_products 				{background:url(../images/header_products.gif) no-repeat;}
		#secondary_main .header_project_consultation 	{background:url(../images/header_project_consultation.gif) no-repeat;}
		#secondary_main .header_project_management 		{background:url(../images/header_project_management.gif) no-repeat;}
		#secondary_main .header_real_estate 			{background:url(../images/header_real_estate.gif) no-repeat;}
		#secondary_main .header_residential 			{background:url(../images/header_residential.gif) no-repeat;}
		#secondary_main .header_resources 				{background:url(../images/header_resources.gif) no-repeat;}
		#secondary_main .header_services 				{background:url(../images/header_services.gif) no-repeat;}
		#secondary_main .header_solutions 				{background:url(../images/header_solutions.gif) no-repeat;}
		#secondary_main .header_usersigns 				{background:url(../images/header_usersigns.gif) no-repeat;}
		
		#secondary_main h1.textual { display:block; font-size:28px; margin-bottom:16px; }
		#secondary_main p, #secondary_main li {font-size:12px; line-height:20px;}
			#secondary_main p		{display:block; width:275px;}
			#secondary_main p.wide	{width:475px;}
			#secondary_main a {color:#5189C3;}	 
		#secondary_main ul { width:275px; padding:0; list-style-position:inside;}
		#secondary_main.resources ul {width:auto;}
		#secondary_main li {line-height:20px; text-indent:-14px; padding-left:14px;}
		#secondary_main .prod_thumb { width:125px; height:165px; overflow:hidden; float:left; padding:0px 20px 10px 0; font-size:12px; }
			#secondary_main	.prod_thumb img { width:125px; height:125px; }
		#secondary_main .mkt_thumb { width:100px; overflow:hidden; float:left; padding:10px; }
			#secondary_main .mkt_thumb img { width:100px; height:80px; }
	
		#secondary_main .double-border {padding:10px; width:510px; background:#5189C3; border:1px solid #003366;}	
		#secondary_main p.border {border:1px solid #003366; background:#fff; padding:17px;  margin:0;}
			
		#secondary_main.privacy {width:600px; margin:0 auto; float:none;}
			#secondary_main.privacy h1{display:block;}
			#secondary_main.privacy p{width:600px;}	
			
		#secondary_main.resources {width:700px;}
			#secondary_main.resources p{width:700px;}
						
						
						
		#secondary_main #testimonial {height:100px; width:340px;  padding:10px 0 20px 10px;}
			#secondary_main #testimonial p {font-style:italic; line-height:16px; width:340px; color:#036;}
			#secondary_main #testimonial .credit {font-style:normal;}


		#secondary_main #contact_box {width:500px; background:url(../images/bg_contact_box.gif) repeat-y; line-height:0px;}
			#secondary_main #contact_box_top {width:500px; height:9px; background:url(../images/contact_box_top.gif) no-repeat}
			#secondary_main #contact_box_bottom {width:500px; height:13px; background:url(../images/contact_box_bot.gif) no-repeat; line-height:0px;}
			
#footer {width:892px; padding:10px 40px 0; font-size:12px;}

	#footer .line1 {color:#234668;}
		#footer .line1 a {color:#5189C3;}
		#footer .line1 a:hover {color:#5189C3;}
		#footer .line1 a:visited {color:#5189C3;}
		#footer .line1 a:active {color:#5189C3;}

	#footer .line2 {color:#333;}
		#footer .line2 a:link {color:#5189C3;}
		#footer .line2 a:hover {color:#5189C3;}
		#footer .line2 a:visited {color:#5189C3;}
		#footer .line2 a:active {color:#5189C3;}

#footer div.secured {float:left;}
#footer div.secured a {font-family: Arial, Helvetica, sans-serif; font-size:9px}
#bottom_shadow {margin:0 auto; height:18px; width:980px; background:url(../images/shadow_bottom.gif) no-repeat; padding-bottom:10px;}

/* Store Styles */
.prodim-top {background:url(../../images/bg_productdim_top.gif) top left repeat-x; height:30px;}
.prodim-right {background:url(../../images/bg_productdim_right.gif) -4px 0px repeat-y; width:30px;}
.product_picker {width:300px; float:left; font-size:12px; margin-right:80px;}
#producttable { margin:0; float:left; width:280px;}
.dim_big {font-size:14px;}
span.dimension_block {background:#FFFFFF; padding:6px; text-align:center; font-size:21px;}
.signimage {visibility:hidden; position:absolute; top:0; left:0;}
.visible {visibility:visible;}
.specs {padding:10px 0 20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:14px; text-align:center;}
#secondary_main .specs p {font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:14px; display:inline;}
label { line-height:30px;}
#quantity {width:50px; padding-left:2px;}
#customcolor, #customfont {display:none; background:#dde7f3; padding:0 0 0 5px;}
.smalltext {font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:14px; padding:3px 0;}
#secondary_main .product_picker h2 {margin-bottom:0; padding-bottom:4px; border-bottom:1px solid #ccc;}
p.checkboxes {margin:0; padding:0px 0 5px;}
#spec2 {display:none;}
#customtext1,#customtext2,#customtext3,#customtext4,#customtext5,#customtext6,#customtext7,#customtext8 {font-family:Helvetica, Arial, Avenir, sans-serif;}
.customarea {background:#dde7f3; padding:0 0 5px 5px;}
#productsign {background:#c2c5c9;}
#message {text-transform:uppercase;}

/* Accessories */
table.accessories td.att {font-size:12px;}
table.accessories td input.quantity {width:30px;}
table.accessories td input.price {background-color:#dde7f3; border: 0px none; width:40px}
#secondary_main table.accessories td p {width:auto; line-height:16px;}
h3.acc {padding:15px 0; margin:0; font-size:21px; line-height:21px; font-weight:bold;}
table.accessories {padding:10px 5px 5px; width:630px; margin-bottom:15px; border-bottom:1px solid #ccc; background:#dde7f3; font-size:12px;}
table.active {background-color:#F3F8FC;}
table.accessories p.acctitle {width:170px;}

/* Checkout / Registration / Profile */
.error {color:red;}
.addbox span.req {color:red; font-weight:bold;}
.addbox span.reqd {color:red;}
#secondary_main .addbox p.reqmsg {clear:both; padding:10px 0 0; margin:0;}
#secondary_main .addbox h3 {float:left; color:#213977; margin-right:25px; font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#secondary_main .addbox h3.active {color:#FF6600;}
#secondary_main .addbox h3 a {color:#213977;}
#secondary_main .addbox h3.active a {color:#FF6600;}
#secondary_main .addbox h2.small {font-size:21px; padding-bottom:2px; border-bottom:1px solid #333;}
#secondary_main .addbox span.subtotal {display:block; padding:34px 0 0 55px;}
#secondary_main .addbox .options {font-size:12px;}
#secondary_main .addbox .options a {text-decoration:none; padding-left:7px;}
#secondary_main .addbox .options a:hover {text-decoration:underline;}
.orderhistorybar {height:35px; display:block; width:620px; margin:15px 0 5px; line-height:35px; font-size:14px; font-weight:bold; position:relative; text-align:left; padding-left:10px; border-top:1px solid #ccc; background-color:#dde7f3;}
#secondary_main .addbox table.simple {padding:0; margin:0; border:0; width:100%;}
#secondary_main .addbox table.simple td {padding:0; margin:0; border:0; width:auto;}