/*****************************************/
/* Forticrete Global Website CSS Document */
/*****************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	padding: 20px 0 40px 0;
	margin: 0;
	background-color: #515151;
	color: #000000;
	
}

/****************/
/** Global Styles **/
/***************/
/** ---------- HEADER STYLES ---------- **/
H1 { 
	font-size: 2.0em; 
	padding: 0 0 6px 0; 
	margin: 0; 
	color: #a60730; 
	font-weight: normal; 
	background-color: transparent;
	font-family: "Trebuchet MS", Verdana, Arial;
}

H2 { 
	font-size: 1.4em;
	padding: 0 0 6px 0; 
	margin: 0; 
	color: #a60730; 
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: normal; 
	background-color: transparent;
}

H3 { font-size: 0.9em; padding: 0 0 6px 0; margin: 0; color: #454068; background-color: transparent; display: inline;}

P { line-height: 16px; /*letter-spacing: 1px;*/ font-size: 1em; padding: 0 0 6px 0; margin: 0;}

ABBR, ACRONYM { cursor: help; }

fieldset { border: none; padding: 0; margin: 0; }

span.small { font-size: 0.9em; }

a {
	color: #d31145;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

input.txt {
	color: #696b6d;
	font-size: 0.9em;
	padding: 3px;
}

img { border: 0; }
form { padding: 0; margin: 0; }

div.hr { padding: 0px; margin: 10px 0; height /**/: 21px; height: 1px !important; background-color: #d9d9da; clear: both;}
hr { display: none; visibility: hidden; }

#container {
	width /**/: 964px;
	width: 948px !important;
	padding: 8px;
	margin: 0 auto;
	background-color: #fff;
}

	#header {}
	
	#logo {
		width: 320px;
		height: 78px;
		padding: 0;
		margin: 0;
		float: left;
	}	
	
	
	
	#login fieldset {		
		padding-top: 6px;
	}
	
	#login span.title { font-size: 1.2em; font-weight: bold;}
	
	#login label { 
		font-size: 0.9em;
		padding-left: 6px;		
	}
	
	#login #txtusername { width: 146px;}
	#login #txtpassword { width: 146px;}
	#login #chkrememberme { padding: 0 !important; margin: 0 !important; }
	
	#login table { float: right; }
	#login table td { padding-top: 4px; }
	
#search {
	width: 100%;
	height /**/: 38px;
	height: 30px !important;
	padding-top: 8px;
	background: #fff url('../gfx/bg_bar1.gif') bottom left repeat-x;
	clear: both;
}
	#search label {
		font-weight: bold;
		display: inline;
		float: left;
		padding: 4px 10px 0 0;
		text-align:right;
		width /**/: 79px;
		width: 69px !important;
		font-size: 1.2em;
	}
	
	#txtSearch {
		width: 300px;
	}
	
	#search fieldset {
		float: right;
		padding-top: 3px;
	}
	
#flash {
	width: 948px;
	height /**/: 186px;
	height: 184px !important;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
}

#menu {
	background-color: #b60e3b;
	width: 185px;
	float: left;
}

	#menu ul {
		padding: 0;
		margin: 0;
	}
	
	#menu ul li {
		list-style: none;
		padding: 0;
		margin: 0;
		border-top: 1px #dc879e solid;
		border-bottom: 1px #8a0a2c solid;
	}
	#menu ul li a {
		color: #fff;
		display: block;		
	}
	
	#menu ul li a span {
		padding: 6px 16px;	
		display: block;
	}
	
	#menu ul li a:hover, #menu ul li a.on {
		background: #b60e3b url('../gfx/bg_menu1_on.gif') bottom left repeat-x;
		text-decoration: none;
	}
	
	#menu ul li a.on span {
		background: transparent url('../gfx/bg_menu1span_on.gif') 14em 0.7em no-repeat;
	}
	
	/** LEVEL 2 **/
	#menu ul ul {
		padding: 0;
		margin: 0;
	}
	
	#menu ul ul li {
		list-style: none;
		padding: 0;
		margin: 0;
		border-bottom: none !important;
		border-top: 1px #fff solid;
	}
	#menu ul ul li a {
		color: #fff;
		display: block;	
		
	}
	
	#menu ul ul li a span {
		padding: 6px 26px;	
		display: block;
		background: #a1a1a5 url('/gfx/gfx_menu2_arrow_2.gif') 1em 0.8em no-repeat;
	}
	
	#menu ul ul li a:hover, #menu ul ul li a.on {
		background: none !important;
		background-color: #d31145 !important;
		text-decoration: none;
	}
	
	#menu ul ul li a.on span, #menu ul ul li a:hover span {
		background: #d31145 url('/gfx/gfx_menu2_arrow_1.gif') 1em 0.8em no-repeat;
	}
	
	/** LEVEL 2 **/
	#menu ul ul ul {
		padding: 6px 0;
		margin: 0;
		background: #dbdedf;
	}
	
	#menu ul ul ul li {
		list-style: none;
		padding: 0;
		margin: 0;
		border-bottom: none !important;
		border-top: none;
	}
	#menu ul ul ul li a {
		color: #d31145;
		display: block;	
		
	}
	
	#menu ul ul ul li a span {
		padding: 4px 12px 4px 32px;	
		display: block;
		background: #dbdedf url('/gfx/gfx_menu3_arrow_1.gif') 1.6em 0.7em no-repeat;
	}
	
	#menu ul ul ul li a:hover, #menu ul ul ul li a.on {
		background: none !important;
		background-color: #d31145 !important;
		text-decoration: underline;
	}
	
	#menu ul ul ul li a.on span, #menu ul ul ul li a:hover span {
		background: #dbdedf url('/gfx/gfx_menu3_arrow_1.gif') 1.6em 0.7em no-repeat;
	}
	
#content {
	width /**/: 763px;
	width: 738px !important;
	padding: 25px 0 25px 25px;
	float: left;
}
	
#footer {
	height /**/: 25px;
	height: 20px !important;
	width: 948px;
	background: #fff url('../gfx/bg_footer.gif') top left repeat-x;
	border-top: 1px #fff solid;
	padding: 4px 0 0 0;
	clear: both;
}

	#footer span {
		font-size: 0.9em;
		padding-left: 16px;
		display: inline;
		float: left;
	}
	
	#footer ul {
		display: block;
		float: right;
		padding: 0 16px 0 0;
		margin: 0;
	}	
	
	#footer ul li {
		display: inline;
		float: left;
	}
	
	#footer ul li a {
		font-size: 0.9em;
		color: #231f20;
		border-right: 1px #231f20 solid;
		padding: 0 8px;
		font-weight: bold;
	}
	
	#footer ul li a.last {		
		border-right: none;
		padding: 0 0 0 8px;
	}
	
#site_logos {
	width: 964px;
	margin: 0 auto;
	padding-top: 12px;
}

	#logo_forticrete { float: left;}
	#logo_fivesite { float: right;}
	
/** LEGACY CSS **/
DIV.panel {
	width: 266px;
}

DIV.panel .body {
	background: transparent url("/gfx/panel_body_shim_266.gif") top left repeat-y;
	width: 242px !important;
	width /**/: 266px;
	padding: 6px 12px;
}

DIV.panel .header {
	background: transparent url("/gfx/panel_header_shim_266.gif") top left repeat-y;
	width: 242px !important;
	width /**/: 266px;	
	padding: 4px 12px 6px 12px;
}

DIV.panel .header H3 {
	padding: 0;
	margin: 0;
	color: #fff;
}

DIV.tab_panel {
	background-color: #e3e8eb;
	padding: 20px;
}

#trail {
	background-color: #ffffff;
	clear: both;
	font-size: 1em;
	padding: 0 0 10px 0;
	border-bottom: 1px #e5ddd2 solid;
	margin-bottom: 10px;
}

#trail IMG { padding: 6px 2px 0 6px; }

#trail SPAN { padding: 0; }


/** Helper Classes **/
.right { float: right; }
.hidden { display: none; visibility: hidden; }
.noBorder { border: none; }
.cleaner {
	clear: both;	
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;	
}
