@charset "utf-8";
/* CSS Document */

* { margin: 0px; padding: 0px; }

/* commented backslash hack \*/ 
html, body { height: 100%; } 
/* end hack */
html,body { margin: 0; padding: 0; }

body {
	font: 12px arial;
	background-color: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/* text-align: center; this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	line-height: 22px;
}

/* -----------------------
=Regulars
------------------------*/
img { border: 0; }
img.pageheader {padding: 0 0 10px 4px; }

p {margin-bottom: 10px;}
.bold { font-weight: bold; }
.clear { clear: both; }
.center {text-align:center;}
.disclaimer { font-size:10px;}
.displaynone { display:none;}
.required {color: #990000;}
.photoleft, .photoleft { border: 2px solid #121212; padding: 2px;}
.photoleft { float:left; margin: 0 20px 20px 0;}
.photoright { float:right;  margin: 0 0 20px 20px;}
.leftnav-products { padding: 0 0 0 7px; color: #ffffff; font-family: Arial; font-size: 15px; font-weight: bold; border-bottom: 1px solid #ffffff; line-height:28px;}
.ourwork { font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height: 12px;}
.sidebarquote {}
#flashcontent {}
#flashcontent1 {}

.pdflink {background-image:url(../images/bullet_icon_pdf.gif); 
	background-repeat:no-repeat;
	padding: 0px 0 0 18px;
	line-height: 25px;}

a {color: #f04a00;text-decoration:underline; font-weight:normal; outline: none;}
a:hover  {text-decoration: none;}

h1, h1.frutiger,h1.orange-line, h1.frutiger-orangeline  {font-size: 29px; color: #000000; font-style:italic; padding: 10px 0 10px 0; margin: 0; font-family: Arial;}
h1.orange-line, h1.frutiger-orangeline { border-bottom: 1px solid #f04a00;margin: 0 0 17px 0;}
h2, h2.frutiger {font-size: 22px; color: #393939; font-style:italic; padding: 20px 0 10px 0; margin: 0px; font-family: Arial;}
h2.frutigergrayproduct { line-height: 25px;font-size: 18px; color: #464646; font-style:italic; padding: 5px; margin: 0px; font-family: Arial;}
h1.catlink  { padding: 10px 0 20px 0;}
h1.catlink a {font-size: 25px; color:#393939;}
h3, h3.frutiger {font-size: 21px; color: #f04a00; font-style:italic; padding: 20px 0 10px 0; margin: 0px; font-family: Arial;}

h2 {font-size: 18px; color: #034a7d;padding: 0 0 15px 0; margin: 0px; font-family: Arial;}

/* ul {margin: 10px;} 
ul li{
	margin: 0;
	padding:0pt 0pt 0pt 20px;
	font-size: 11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 16px; 
	border-bottom: 1px solid #ffffff;
	background-image:url(/images/red_arrow.gif);
	background-position:0.5em 0.3em;
	background-repeat:no-repeat;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
*/	
	
	
/* -----------------------
=Structure
------------------------*/
#graybackground { 	background:url(../images/background-gray.jpg) repeat-x; 
 	z-index: 100px;
	padding: 0;
	margin: 0;
}
#fadebackground, #fadebackground-home { 
	width: 956px; 
	padding: 0 12px;
	margin: 0 auto; 
	background: url(../images/background-content.jpg) repeat-x;
	z-index: 50px;
	}
#fadebackground-home	{ 
	width: 944px; 
	padding: 0 19px;
	}

#contentwrapper	 {	background: url(../images/background-leftgray.jpg) repeat-y;
	margin: 0 2px 3px;}


/* -----------------------
=Homepage
------------------------*/

#homebuckets {margin: 15px 0 35px 0;}
#homebuckets td{ width: 33%; text-align: left;}
#homebuckets td.leftcell{ padding-right: 14px;}
#homebuckets td.centercell{ padding: 0 14px; border-left: 1px solid #000000;border-right: 1px solid #000000;}
#homebuckets td.rightcell{ padding-left: 14px;}
.orangeheadline { background-color: #f04a00; height:22px; color: #FFFFFF; padding: 0 0 0 5px; font-weight:bold; font-size: 13px;}
.bucketcontent { font-family: verdana; font-size: 11px; line-height: 15px; margin: 12px 10px 0 5px;}
.bucketcontent img {border: 1px solid #f04a00; margin: 0 0 0 15px;}

/* -----------------------
=Innerpage
------------------------*/

#leftcolumn {
	margin: 0;
	padding: 0;
	width: 277px;
	text-align: left;
	float:left;
	
	}
#rightcolumn {
	margin: 10px 25px 50px 0;
	padding: 0 0 0 0;
	width: 625px;
	text-align: left;
	float:right;
	}
#contentcolumn {
	margin: 0 0;
	padding: 0 30px 0 0;
	width: 440px;
	text-align: left;
	float:left;
	}


/* -----------------------
=Header
------------------------*/
#topgrayline { background-color: #404040; height: 3px;}
#toporangeline { background-color: #f04a00; height: 6px; margin: 0 0 1px 0;}
#header { height: 132px; width: 944px; margin: 0 auto; }
#searcharea {width: 300px; float:right; text-align:right; margin: 12px 0 0px 0; height: 80px;}
#navigationarea {width: 631px; float:right; text-align:right; }

/* -----------------------
=Navigation
------------------------*/
#navigationarea ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	float: right;
	}

#navigationarea ul li { 
	margin: 0px;
	padding: 0 10px;
	display: inline;
	float: left;
	position: relative;
	background-image:none;
	}
#navigationarea ul li.products, #navigationarea ul li.onstate { 
	margin: 0px;
	padding: 2px 10px 0 10px;
	float: left;
	display: block;
	position: relative;
	background-image:none;
	color: #f04a00;
	font-family: arial;
	font-size: 15.5px;
	font-weight: bold;
	line-height: 38px;
	}	
#navigationarea ul li.onstate {border-bottom: 5px solid #f04a00;}

#navigationarea ul li a, #navigationarea ul li a.onstate {
	border-top: 2px solid #ffffff;
	padding: 0px 10px;
	color: #f04a00;
	font-family: arial;
	font-size: 15.5px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	display: block;
	line-height: 33px;
	text-decoration:none;
	border-bottom: 5px solid #ffffff;
	}
#navigationarea ul li a.onstate {border-bottom: 5px solid #f04a00;}
	
#navigationarea ul li a:hover {
	border-top: 2px solid black;
	text-decoration: none;
	}

#navigationarea ul li:hover ul, #nav li.sfhover ul { 
			font-size:12px;
			left: auto;
			clear: left;}
	
#navigationarea ul li ul {			
			position: absolute;
			top: 40px;
			text-align: left;
			left: -999em;
			margin: 0;
			padding: 0;
			background-color:#FFFFFF;
			border-bottom:#000 1px solid;
			}
#navigationarea ul li ul li {width: 200px;border-top:#000 1px solid;border-left:#000 1px solid; border-right:#000 1px solid;padding: 0; margin:0; }
#navigationarea ul li ul li a { color:#999999; font-size:12px;line-height: 20px;; font-weight: normal;  border: none;	}
#navigationarea ul li ul li a:hover{ color:#f04a00; background-color:#CCCCCC;  border: none; }

		




table#leftnav td { font-weight: bold; border-bottom: 1px solid #ffffff;} 
table#leftnav td.linkone a { font-weight: bold; color: #000; font-size:11px;} 
table#leftnav td.redarrow { 
	width:20px; 
	background-image:url(/images/red_arrow.gif); 
	background-repeat:no-repeat;
	background-position: 0.6em 0.2em;
	}

#leftnav ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	}

#leftnav ul li { 
	margin: 0 0 0 0;
	padding:0pt 0pt 0pt 0px;
	font-size: 11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 16px; 
	border-bottom: 1px solid #ffffff;
	background-image:url(/images/red_arrow.gif);
	background-position: 0.6em 0.3em;
	background-repeat:no-repeat;
	list-style-position:inside;
	list-style-type:none;
	}

#leftnav ul li a {
	padding:0pt 0pt 0pt 18px;
	width: 277px;
	color: #000000;
	text-decoration:none;
	display: block;
	}
#leftnav ul li a:hover {
	background-color:#a7a7a7;
	}
/* #leftnav ul li a:hover {
	background-color:#a7a7a7;
	background-image:url(/images/white_arrow.gif);
	background-position: 0.6em 0.3em;
	background-repeat:no-repeat;
	list-style-position:inside;
	list-style-type:none;
	}
*/

/* -----------------------
=Products
------------------------*/
table#showing td { background-color: #f04a00; color: #FFFFFF; font-weight: normal; padding: 2px 5px;} 
table#showing td a { color: #FFFFFF; font-weight: normal;} 
	
table#productlayout {margin-bottom: 20px;}
table#productlayout td { background-color: #EBEBEB; padding: 3px 0 3px 5px; text-align:left;}
table#productlayout td a { color:#6B605C;text-decoration:underline;}
table#productlayout td a:hover { text-decoration:none;}
table#productlayout td.productthumbnail { 
	padding: 0 0 10px 0; 
	border-right: 1px solid #000000; 
	width: 165px; 
	background-color:#FFFFFF;} 


/* -----------------------
=Footer
------------------------*/
#footer, #footer-home {
	background-image:url(../images/footer-blackbar.gif);
	background-repeat:no-repeat;
	font-size: 10px;
	line-height: 32px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	height: 100px;
	padding: 20px 0;
}
#footer-home {
	background-image:url(../images/footer-blackbarhome.gif);
}

#footer ul {
	margin: 10px 0 0 0;
	display: block;
	list-style-type: none;
}
#footer ul li{
	margin:0 0 15px 0 0;
	list-style: none;
	display: inline;
	font-size: 10px;
	color: #b7bfc4;
	padding: 0 10px;
 }
#footer a, #footer-home a { font-weight: normal; color: #7c7974;}

/* -----------------------
=ContactForm
------------------------*/
#contactform input, #contactform textarea {background-color: #E9E9E9;border: 1px solid #010101; color: #565553; padding: 2px; font-family:Verdana; font-size: 12px;}
#contactform input:focus, #contactform textarea:focus{border: 1px solid #f04a00;background-color: #F6F6F6;}
#contactform input.submitbutton { background-color:#000000; color: #FFFFFF; border: none; padding: 0 2px;}

input.headersearch {width: 150px; margin: 0 2px 0 0; padding:2px; border: 1px solid black;}
input.headersearchgo { background-color:#000000; color: #FFFFFF; border: none; padding: 0 2px;}

#contactformtable td {padding: 2px;}
#contactformtable .right {padding: 0 10px 0 0; text-align:right;}



td.product-title {color: #FFFFFF; font-weight: bold; font-size: 15px; font-family:Arial; padding: 5px 0 5px 2px;	border-bottom: 1px solid #ffffff;
}

ul#cattree0 li {
	color:#000000;
	margin: 0;
	padding: 3pt 0pt 3pt 15px;
	font-size: 11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 16px; 
	border-bottom: 1px solid #ffffff;
	background-image:url(/images/red_arrow.gif);
	background-position: 0.6em 0.5em;
	background-repeat:no-repeat;
	list-style-type:none;
	}
ul#cattree0 li a { color: #000000;	font-weight:bold; text-decoration:none;}
ul#cattree0 li a:hover { color: #000000; text-decoration:underline;}

ul#cattree0 li ul { margin-left: 10px;}
ul#cattree0 li ul li { border-bottom: 0px solid #ffffff; background-image: none; padding: 0pt 0pt 0pt 0px;}
ul#cattree0 li ul li a { font-weight: normal; line-height: 17px; font-size: 11px;}
ul#cattree0 li ul li a:hover { text-decoration:underline;}

td.productcategory { padding: 5px 0 15px 0;}
td.orangereturnbar { background-color:#f04a00; padding: 2px 5px; font-weight:normal; color:#FFFFFF;}
td.orangereturnbar a { color:#FFFFFF; font-weight:normal; text-decoration:underline;}

td.productprofileproductname { background-color: #D1D1D1; font-style:italic; }