/*-------------------------------------------------------------------------------------------------------*/
/*                                      Styles for professional pages                                    */
/*-------------------------------------------------------------------------------------------------------*/

/* positioning styles */
html {height:100%;padding:0;margin:0;border:0; overflow: auto;}
body {height:100%;padding:0; margin:0; border:0;overflow: auto; background:url(../images/prof/LeftNavBG.gif); background-repeat:repeat-y;}
#left {position: fixed; left:0; top:0px; width:165px; background:url(../images/prof/LeftNavBG.gif); background-repeat:repeat; z-index:2; height:100%;}
#corner {position:absolute; top:0;left:0; z-index:4;}
#topheader{position:absolute; top:0;left:165px;}
#subheader{position:absolute; left:165px;top:78px; background:url(../images/prof/SubHeaderBG.gif); background-repeat:repeat-x; width:835px; height:42px;}
#locator{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; position:relative; left:16px; top:6px; vertical-align:middle; }
#mainbody{ position:absolute;left:165px;top:110px; padding:15px; width:805px;}
#footer{ margin-top:10px; width:100%;}
#nav{ position:absolute; top:150px; left:15px; width:138px;z-index:6;}
#log{ float:right; position:relative; top:-17px; left:-42px;}
#mtkSubheader { font-size:11px; }
.profTable { font-family:Helvetica; font-size:11px; }
.profTable a { color:#e01d22; }
.profTable img { border:none; }
.profTable td { text-align:left; vertical-align:top; }
.profTable #mtkSubheader { font-size:12px; }
#tabTable { width:100%; background:#ccc291 url(../images/prof/TabTable_bg.jpg) repeat-x top; border:solid 1px #ccc291; border-top:none; margin-top:10px; }
#tabTable .tabTableLink { padding:0 10px; text-align:left; vertical-align:middle; height:30px; background:#ccc291 url(../images/prof/TabTableLink_bg.jpg) repeat-y right; border-top:solid 1px #ccc291;  }
#tabTable .tabTableLink a { color:#000; text-decoration:none; font-size:12px; font-weight:bold; }
#tabTable .tabTableLink a:hover { text-decoration:underline; }
#tabTable .active { border:solid 2px #62552e; background:#62552e url(../images/prof/TabTableLink_active_bg.jpg) repeat-y right; }
#tabTable .active a { color:#fff; }
#tabTable #content { padding:15px 10px; font-size:12px; vertical-align:top; padding-bottom:100px; }
#tabTable #content a { color:#e01d22; }
#tabTable #content td { vertical-align:top; }
#tabTable #content h2 { margin:0 0 7px 0; font-size:16px; }
#tabTable #content h3 { padding:10px; text-align:left; background:#c6bb88; width:100%; position:relative; left:-10px; font-size:12px; }
#tabTable #content .profileTab { padding:10px; background:#CDC093 url(../images/prof/Railing/profiles_tab_bg.jpg) repeat-y right; width:100%; position:relative; left:-10px; font-weight:bold; }
#tabTable #content .profileDiv { background:url(../images/prof/Railing/profiles_tab_vert_bg.jpg) repeat-x top; }

/* object styles */
.nav1{ font: bold 12px/30px Arial, Helvetica, sans-serif; color:#FFFFFF; margin-left:5px;}
a.nav:link, a.nav:visited{color:#FFFFFF; text-decoration:none}
a.nav:hover, a.nav:active{color:#EE3337; text-decoration:none}
a.navActive:hover, a.navActive:active, a.navActive:link, a.navActive:visited{color:#EE3337; text-decoration:none}
.bodyheader{ font-family: "Times New Roman", Times, serif; font-size:20px; color:#EE3337; font-weight:bold; padding-bottom:10px;}
.bodycopy{ font: normal 13px/20px Arial, Helvetica, sans-serif;}
.footer1{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#EE3337; font-weight:bold;}
a.footer1:link, a.footer1:visited { text-decoration: none;}
a.footer1:hover, a.footer1:active { text-decoration: underline; color: #FF9900; }
.footer2{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#3C3C3C; font-weight:bold;}
a.footer2:link, a.footer2:visited { text-decoration: none;}
a.footer2:hover, a.footer2:active { text-decoration: underline; color: #EE0029; }
.bodyimage{ float:right; padding-left:15px;}
a.log:link, a.log:visited{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:none; font-weight:200; display:block; border:solid; border-width:1px; border-color:#FFFFFF; padding: 1px 6px 1px 6px; background-color:#413F3F;}
a.log:hover, a.log:active{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#EE0028; text-decoration:none; font-weight:200; display:block; border:solid; border-width:1px; border-color:#EE0028; padding: 1px 6px 1px 6px; background-color:#000000;}

.instructions{ width:550px; padding:10px; margin-top:3px; margin-bottom:3px; background-color:#FFFFCC; border-style:solid; border-color:#D3A15A; border-width:1px;}
a { outline-width:0px; outline:none;}
.hiresPreviews {float:left; text-align:center; padding:5px 5px 5px 5px; height:315px; border: inset; border-width:1px; margin:5px; background-color:#F1EFEF; }
.ads {float:left; padding:5px; width:160px; height:210px;}
#column {float:left; padding-right:3px;}
.columnheader{ width:175px; height:20px; border:solid #D1CFCD; background-color:#F8F8F8; border-width:1px; text-align:center;}
.columnli { width:171px; height:20px; background:#F5F3F1; text-indent:14px; position:relative;left:3px;}
a.columnlink, a.columnlink:visited, a.columnlink:active{ text-decoration:none;width:169px; height:18px; display:block; border:solid; border-width:1px; border-color:#F5F3F1 }
a.columnlink:hover { text-decoration:none; background-color:#FFFFFF; border:solid; border-width:1px; border-color:#CCCCCC; width:169px; height:18px; display:block; color:#EE3337; }

/* nav */
#button {width: 141px;border-right: 1px solid #000;	padding: 0 0 0 0;margin-bottom: 1em;font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica,Arial, sans-serif;font-size:11px;color: #333; left:-3px; z-index:8;}
#button ul {list-style: none;margin: 0;padding: 0;border: none;}
#button li {border-bottom: 1px solid #000000;margin: 0;}
#button li a {display: block;padding: 1px 5px 1px 0.5em;border-left: 4px solid #3B3A3A;border-right: 4px solid #818080;background-color: #555454;color: #fff;	text-decoration: none;}
html>body #button li a {width: auto;}
#button li a:hover {border-left: 4px solid #B31E21;border-right: 4px solid #F94F5C;background-color: #EE3337;color: #fff;}

/* subnav */
#subnav {width: 141px;border-right: 1px solid #000;	padding: 0 0 0 0;margin-bottom: 0em;font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica,Arial, sans-serif;font-size:11px;color: #333; left:-3px; z-index:8;}
#subnav ul {list-style: none;margin: 0;padding: 0;border: none;}
#subnav li {border-bottom: 1px solid #000000;margin: 0; text-align:right;}
#subnav li a {display: block;padding: 1px 5px 1px 0.5em;border-left: 4px solid #554141;border-right: 4px solid #BA9494;background-color: #826969;color: #fff;	text-decoration: none;}
html>body #subnav li a {width: auto;}
#subnav li a:hover {border-left: 4px solid #B31E21;border-right: 4px solid #F94F5C;background-color: #EE3337;color: #fff;}

/* copied styles  */
.h2 { font: bold 22px "Arial", Helvetica, sans-serif; color:#EE3337; }
.body2 {  font: normal 13px/20px Arial, Helvetica, sans-serif; }
.body3 {font: normal 10px Arial, Helvetica, sans-serif; color:#7F542F;}
.start { font: normal 14pt "Times New Roman", Times, serif; color:#4E2F14; }
a.start:link, a.start:visited { text-decoration: underline; color: #4E2F14; }
a.start:hover, a.start:active { text-decoration: underline; color: #000000; }

.hiddenFastners {
	background: #c2b781 url(../images/_content_hidden_fastners_bg.jpg) repeat-x left 30px !important;
}

.hiddenFastners #content {
	padding: 0 0 0 163px !important;
	}

.hiddenFastners #content .leftImg {
	float: left;
	margin-left: -153px;
	}
	
.hiddenFastners #content .rightList {
	float: right;
	list-style: none;
	margin: 0 40px 0 0;
	}

.hiddenFastners #content .rightList li {
	margin-bottom: 12px;
	}
	
.hiddenFastners #content .rightList li a {
	color: #000 !important;
	}
	
.hiddenFastners #content h2 {
	margin: 44px 0 0 !important;	
	}
	
.hiddenFastners #content #mainList {
	margin-left: 0;
	margin-bottom: 20px;
	padding-left: 10px;
	}
	
.hiddenFastners #content .footer {
	margin-bottom: 25px;
	}
	
.hiddenFastners #content .footer span {
	position: relative;
	top: 10px;
	}