@import url("/elements/css/forums/style.css");
@import url("/elements/css/forms.css");
@import url("/elements/css/gallery.css");
@import url("/elements/css/clearfix.css");

#printview {display:none;}

body {
	background-color:#7C8990;
	margin:2px 0 40px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:#333;
}
a {
	color:#CB3939;
}
#wrap {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	border:2px solid #FFF;
	background-color:#FFF;
}


#logo {
	width:200px;
	height:109px;
	float:left;
	background-color:#D4D5D7;
}
#header_right {
	width:550px;
	float:right;
	background-color:#D4D5D7;
}
#menu {
	background-color:#838689;
	background-image:url(/elements/images/menu/bg.gif);
	background-repeat:repeat-x;
	width:550px;
	height:28px;
	float:right;
}

/* HOMEPAGE */
#contentMain {float:left; display:inline; width:479px;}
#contentSide{float:right; display:inline; width:271px;}

#flash_area {
	margin:0 0 1px 0;
	width:479px;
	height:227px;
	background-color:#FABC2D;
}
#flash_area img {border:none; border-right:1px solid #fff;}

#welcome_to {
	margin:0 0 1px 0;
	width:271px;
	height:auto;
	text-align:left;
}
#welcome_to p{
	margin:8px 10px 10px 20px;
	font-size:10px;
}
#choose_path {
	width:271px;	 
	background-color:#FEF8E9;
	margin:0;
}
#choose_path ul {
	margin:0;
	padding:0 0 5px 0px;
	width:269px;
}
#choose_path ul li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	width:66px;
}
#hp_news {
	width:271px;
	background-color:#F7F7F7;
}
#hp_news a{
	color:#333;
	text-decoration:none;
}
#hp_sponsors {
	margin:20px 0 0 0;
	background-color:inherit;
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:#FFF;
	width:100%; 
	height:100%;
	display:block; 
	clear:both; 		
}

#hp_sponsors p {
	margin:0px 5px 10px 15px;
	padding:0;	
	font-family: trebuchet MS, sans-serif;
	font-size:12px;	
}
#hp_sponsors a {
	color:#5488C0;
}

#hp_sponsors h5 {color:#999999;font:bold 16px trebuchet MS, sans-serif; margin:0 0 0 1em; padding:0;}
#hp_sponsors div.sponsor_image_rotation {padding:10px; margin:0 0 1.5em 0 ; text-align:center;}
#hp_sponsors div.sponsor_image_rotation span {margin:0 15px 0 15px;}
#hp_sponsors div.sponsor_image_rotation span img {vertical-align:middle;}


#hp_news a:hover, #hp_news ul li.over a{
	color:#CB3939;
}
#hp_news div img{
	border-bottom:1px solid #FFF;
}
#hp_news ul {
	margin:8px 2px 2px 8px;
	padding:0;
	list-style-type:none;
	
}
#hp_news ul li{
	padding:0 0 0.9em 8px;
	margin:0 0 2px 0;
}
#hp_news ul li.over {
	border-color:#CB3939;
	border-style:solid;
	border-width:0 0 0 4px;
	padding-left:4px;
	cursor:pointer;
	color:#CB3939;
}
#benefits {
	width: 477px;
	height:220px;
	margin:0 0 3px 0;
	border:none;
	border-top:1px solid #f9bb25;
}

#benefits img {border:none;}

div.callbox1,
div.callbox2, 
div.callbox3 {float:left; display:inline; border:1px solid #f9bb25; border-width:1px 0 0 1px; height:140px;padding:5px; margin:0 0 0 0;font-size:11px;}

div.callbox1 {width:152px; }
div.callbox2 {width:146px;}
div.callbox3 {width:145px; border-width:1px 1px 0 1px;}

div.callbox1 h1,
div.callbox2 h1, 
div.callbox3 h1 {background-color:#ccc; color:#333; margin:0; padding:5px; font:bold 15px/1em arial, sans-serif; text-transform:uppercase; text-align:center;} 

div.callbox1 h1 {background-color:#b8c1e2;}
div.callbox2 h1 {background-color:#d5e8e6;}
div.callbox3 h1 {background-color:#d2e7c8}

div.callbox1 p,
div.callbox2 p, 
div.callbox3 p {background-color:#efefef; color:#333; margin:0; padding:5px;height:80px; min-height:40px;}
 
div.callbox1 a,
div.callbox2 a, 
div.callbox3 a {text-align:right;font-weight:bold; width:100%; display:block;}
 


#about_metal_building_products, #about_types_metal {
 	float:left; 
	display:inline;
	width:237px;
	height:200px;	 
}

#about_metal_building_products {
	border-width:1px 0 1px 1px;
	border-style:solid;
	border-color:#909CA5;
	}

#about_metal_building_products a, #about_types_metal a{
	color:#333;
	text-decoration:none;

}
#about_metal_building_products a:hover, #about_types_metal a:hover{
	color:#CB3939;
	text-decoration:underline;
}
#about_types_metal {
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#909CA5;
}
#about_metal_building_products div.header, #about_types_metal div.header{
	background-color:#EDEDED;
	height:23px;
	margin:0 0 2px 0;
}
#about_metal_building_products div.header img, #about_types_metal div.header img{
	margin:8px 0 0 10px;
}
#about_metal_building_products ul {
	border-style:solid;
	border-color:#CB3939;
	border-width:1px 0 0 0;
	margin:0;
	padding:6px 18px;
}
#about_metal_building_products ul li {
	list-style-type:none;
	font-weight:bold;
}
#about_metal_building_products ul li ul{
	border-width:0;
	margin:10px 0 0 25px;
	padding:0;
}
#about_metal_building_products ul li ul li {
	font-weight:normal;
	list-style-image:  url("/elements/images/about_area/list_item.gif");
	vertical-align:top;
	margin:0 0 0.7em 0;
}
#about_types_metal ul li{
	font-weight:normal;
	list-style-image:  url("/elements/images/about_area/list_item.gif");
	vertical-align:top;
	margin:0 0 0.7em 0;
}
#about_types_metal ul {
	width:100px;
	margin:0;
	padding:0;
	list-style-type:none;
}
#about_types_metal div.red_line {
	border-style:solid;
	border-color:#CB3939;
	border-width:1px 0 0 0;
	height:6px;
	font-size:0em;
}





#copy_area {
	padding:4px 35px 50px 55px;
	font-size:small;
	height:100%;
	/* border:1px solid #000; */
	background-color:#FFF;
}
#copy_area p{
 	line-height:1.4em;
}
#copy_area h1, #copy_area h2{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	/* letter-spacing:-0.02em !important; */
	line-height:normal;	
}
#copy_area h1{
	font-size:150%;
	margin:0;
	color:#CB3939;
}
#copy_area h2{
	font-size:120%;
	margin:0;
	color:#026149;
	
}
#copy_area h3{
	font-size:90%;
}

#members {
	margin:10px 0;
	width:100%;
}
#members td{
	padding:10px 4px;
	height:75px;
	border-width:1px 0 0 0; 
	border-style:solid;
	border-color:#CCC;
	width:50%;
	text-align:center;
	vertical-align:middle;
}

#listings {
	margin:10px 0;
	width:100%;
}
#listings td{
	padding:10px 0 4px 0;
	height:75px;
	border-width:1px 0 0 0; 
	border-style:solid;
	border-color:#CCC;
	width:33%;
	text-align:left;
	vertical-align:middle;
}
#listings th {
	text-align:left;
}

#experts {
	width:100%;
}

#experts th {
	text-align:left;
	font-weight:bold;
	background-color:#e7e7e7;
	border-width:0 0 2px 0;
	border-style:solid;
	border-color:#CCC;
	color:#666;
	padding:6px 2px;
}

#experts td {
	vertical-align:top;
	border-width:1px 0 0 0; 
	border-style:solid;
	border-color:#CCC;
	padding:8px 4px;
}

#sub_float {
	float:right;
	width:230px;
	margin:10px 0 50px 20px;
}

#sub_float img {
	border:2px solid #CCC;
}

#sub_float #additional_areas {
	background-image:url(/elements/images/sub_menu/additional_areas.gif);
	background-repeat:no-repeat;
	padding:23px 0;
	margin:0;
}

#sub_float #related_content {
	background-image:url(/elements/images/sub_menu/related_content.gif);
	background-repeat:no-repeat;
	padding:23px 0;
	margin:0;
}
#sub_float #related_content li {
	list-style-type:none;
	font-size:10px;
	background-color:#F1F1F1;
	margin:2px 0 0 0;
	padding:7px 7px 8px 11px;
	border-width:0 0 0 2px;
	border-style:solid;
	border-color:#CB3939;
}

#sub_float li a {
	text-decoration:none;
}
#sub_float li a:hover {
	text-decoration:underline;
}


#additional_areas li {
	list-style-type:none;
	font-size:10px;
	background-color:#FEF8E9;
	margin:2px 0 0 0;
	padding:7px 7px 8px 11px;
	border-width:0 0 0 2px;
	border-style:solid;
	border-color:#F9BB25;
}


#login_table {
	width:335px;
	background-color:#F1F1F1;
}

#login_table td {
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#CCC;
	font-weight:bold;
}

#sub_header, #sub_header_request {
	background-image:url(/elements/images/sub_menu/sub_header.jpg);
	background-repeat:no-repeat;
	text-align:right;
	width:750px;
	clear:both;
	float:none;
}

#sub_header_request {
	height:50px;
}

#sub_header {
	height:37px;
}


#footer	{
	float:left;
	background-color:#838689;
	width:660px;
}

#footer div{
	padding:0 15px;
}

div.login_button {
	float:right;
	width:88px;
	margin:0 0 0 1px;
}


/* ! */
.clearer {
	float:none;
	clear:both;
	font-size:0em;
	height:0px;
}
.error_text {
	padding:6px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	margin:6px 0;
	font-size:90%;
	border:2px solid #900;
	background-color:#c30;
}

/* Added 10.27.2006
Used on /content/about_us/memberdirectory.cfm
*/

#memberFilter {
	width:100%;
	margin:0; 
	padding:0;
	font:normal 12px Trebuchet MS, arial, helvetica, sans-serif; 
	background:#666 url(/elements/images/about_area/memberfilterBg.gif) repeat-x top left;
	border:1px solid #838689; border-width:1px 2px 2px 1px; border-color:#838689 #111 #111 #838689;
	}
#memberFilter form {
	margin:0; 
	padding:0;
	}
#memberFilter td {
	padding:5px 10px; 
	vertical-align:middle;
	}
#memberFilter select {
	margin:0; 
	padding:2px;
	font:normal 11px Trebuchet MS, arial, helvetica, sans-serif;
	border:1px solid #fff;
	border-color:#838689 #111 #111 #838689;
	vertical-align:middle;
	background-color:#fff2c6;
	}
#memberFilter label {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	}
#memberFilter .inputSubmit {
	width:100px;
	height:25px;
	margin:0;
	padding:0;
	font:bold 12px Trebuchet MS, arial, helvetica, sans-serif;
	color:#cb3939;
	vertical-align:bottom;
	border:1px solid #fff;
	border-width:1px 2px 2px 1px;
	border-color:#838689 #111 #111 #838689;
	background-color:#fbce34;
	}

#listingsFilter {
	width:100%;
	margin:5px 0;
	font:normal 13px Trebuchet MS, arial, helvetica, sans-serif;
	}
#listingsFilter td {
	width:33%;
	padding:5px;
	text-align:left;
	vertical-align:top;
	border-width:1px 1px 1px 1px; 
	border-style:solid;
	border-color:#838689 #111 #111 #838689;
	background:#fff url(/elements/images/about_area/listingsFilter_cellBg.gif) no-repeat bottom right;
	}
#listingsFilter th {
	padding: 10px; 
	text-align:center;
	color:#fff;
	border:1px solid #fff; 
	border-width:1px 1px 1px 1px; 
	border-color:#838689 #111 #111 #838689; 
	background:#666 url(/elements/images/about_area/memberfilterBg.gif) repeat-x top left;
	}

#listingsFilter ul {
	margin:10px 10px 10px 40px;
	padding:0;
	font-size:11px;
	}
#listingsFilter ul li {
	list-style-image:url(/elements/images/about_area/listingsFilter_bullet.gif);
	}
#listingsFilter td.listingsFilterlogo {
	text-align:center;
	}
	
	
/* MEMBER DASHBOARD STYLE */
/* Members Menu */
div.membermenu {margin:10px 0 20px 0;}
div.membermenu ul {margin:0; padding:0; width:100%; }
div.membermenu ul li {margin:0; padding:0; list-style:none; list-style-type:none; display:inline;}
div.membermenu ul li a,
div.membermenu ul li a:link,
div.membermenu ul li a:visited {float:left; color:#fff; background-color:#006600; font-weight:bold; font-size:10px; text-decoration:none; padding:5px; border:1px solid #000; border-color:#339900 #003300 #003300 #339900; border-width:1px 2px 2px 1px;}

div.membermenu ul li a:hover,
div.membermenu ul li a:focus,
div.membermenu ul li a:active {background-color:#339900; color:#ffcc00;}

/* Member Dashboard Structure */
div.memberdashboard {color:#006600; font-size:11px;}
div.memberpanels_left {float:left; display:inline; width:320px;}
div.memberpanels_right {float:right; display:inline; width:320px;}

/* Member Panel Unit */
div.memberpanelunit {border:5px solid #eee; border-color:#eee #ccc #ccc #eee; background-color:#efefef; color:#006600; font-size:11px; margin:10px 0 20px 0;}

div.memberpanelunit h5 {margin:0;background:#006633; color:#ffcc00; font-size:14px; font-weight:bold; padding:10px; border:1px solid #ccc; border-width:0 1px 1px 0; text-transform:uppercase;}

/* Member Panel Copy */
div.memberpanelunit p {margin:0 0 10px 0;}
 
/* Member Panel List Links */
div.memberdashboard ul {margin:0; padding:0;}
div.memberdashboard ul li {list-style:none; list-style-type:none;}
div.memberdashboard ul ul li {margin-left:20px;}

div.memberdashboard ul li a,
div.memberdashboard ul li a:link,
div.memberdashboard ul li a:visited {color:#fff; background:#55992c; font-size:12px; font-weight:normal; text-decoration:none; border:1px solid #000; border-color:#61dc17 #307009 #307009 #61dc17;  border-width:1px 2px 2px 1px; padding:2px 5px;display:block; width:297px;}

div.memberdashboard ul li a:hover,
div.memberdashboard ul li a:focus,
div.memberdashboard ul li a:active {background:#61ce20;}

div.memberdashboard ul ul li a,
div.memberdashboard ul ul li a:link,
div.memberdashboard ul ul li a:visited {color:#336600; background:#99cc66; font-size:11px; font-weight:normal; text-decoration:none; border:1px solid #eee; border-color:#61dc17 #307009 #eee #339933;  border-width:0 0 1px 1px; padding:4px 5px;display:block; width:279px;}

div.memberdashboard ul ul li a:hover,
div.memberdashboard ul ul li a:focus,
div.memberdashboard ul ul li a:active {background:#61ce20;}



a.memberpanelbtn,
a.memberpanelbtn:link,
a.memberpanelbtn:visited {color:#336600; background:#FFCC00; font-size:11px; font-weight:bold; text-decoration:none; text-transform:uppercase; border:1px solid #000; border-color:#FFCC66 #FF9900 #FF9900 #FFCC66;  border-width:1px 2px 	2px 1px; padding:2px 5px;display:block; text-align:right;}

a.memberpanelbtn:hover,
a.memberpanelbtn:focus,
a.memberpanelbtn:active {color:#336600; background:#FFFF99;  border-color:#FF9900 #FFCC66 #FFCC66 #FF9900;  border-width:2px 1px 	1px 2px;}


table.memberpanelcalendar {}
table.memberpanelcalendar th.previousmonth {}
table.memberpanelcalendar th.currentmonthyear {}
table.memberpanelcalendar th.nextmonthyear {}

table.memberpanelcalendar th.dayofweek {background:#ccc;}
table.memberpanelcalendar table tbody td {text-align:center;}

table.memberpanelcalendar td.highlight {background-color:#CCFF66;}
table.memberpanelcalendar td.highlight a {font-weight:bold;}	


/* case study */
div.case_thumb {float:left;margin-right:20px;margin-bottom:20px;}
p.case_date {color:#5F5F5F;font-size:10px;text-transform:uppercase;margin:0;padding:0;float:none;}
p.case_name {margin:0;font-weight:bold;float:none;}
div.case_page {clear:both;}
div.case_descript {width:500px;margin-bottom:15px;border-bottom:1px solid #E2E2E2;min-height:90px;}
	div.case _descript p {float:none;!important}
.casename {text-transform:uppercase;color:#535353;}
.case_wrap {margin-bottom:20px;clear:both;}


a.case {text-decoration:none;}

img.casestudy {border:1px solid #6CAE91;margin-right:20px;float:left;}
table.case {font-size:12px;width:325px;}
table.case th {text-align:left;font-size:16px;color:#CB3939;}
table.case td {border-top: 1px solid #A8CEBD;margin-bottom:20px;}



	
/* end */