/* CSS Document */

body{
	background:#ffffff url('images/background.jpg');
	font:12px Arial, Helvetica, sans-serif;
	color:#ffffff;
}
a:link{color:#ffffff;text-decoration:none;}
a:visited{color:#ffffff;text-decoration:none;}
a:hover{color:#cccccc;}
a:active{color:#ffffff;text-decoration:none;}

h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}

img{border:0;}

table{border-collapse:collapse;}
td{
	vertical-align:top;
	margin:0;
	}
.bodyDiv{
	width:906px;
	margin:0 auto;
	padding:0 15px 0 15px;
}

.header{ margin:none; padding: none; z-index:9999; position:relative; }
.header li{  float:left; list-style-type:none; padding-right:20px; position:relative; z-index:9999;}
.header li a{ color:#ffffff; font-size:18px; }
.header li a:hover{ color:#cccccc; }
.header li ul{ position:absolute; top:20px; left:0px; display:none; padding:4px 0px 0px 0px; margin:0px; z-index:9999; width:150px; }
.header li ul li{ position:relative; z-index:9999; padding:2px 6px; background-color:#5f6366; width:138px;  }
.header li ul li a{ display:block; width:100%; height:100%; font-size:14px; line-height:80%; }


#slideshow{ position:relative;}
#slideshow img{ position:absolute; display:none; }

.headerLI li{
	float:left;
	margin-right:20px;
	list-style-type:none;
}
.topDiv{
	width:876px;
	height:100px;
	padding:5px 15px 0 15px;
	font-size:16px;
	text-align:right;
	font-weight:normal;
	letter-spacing:-1px;
}
.innerDiv{
	width:886px;
	padding:10px 0 10px 0;
	/*height:432px;*/
	margin:0 auto 0 auto;
}
.bottomDiv{
	width:876px;
	height:15px;
	padding:0 15px 5px 15px;
	font-size:11px;
	text-align:right;
	position:absolute;
	top:570px;
}

/*products*/
.product-wrapper{ width:100%; height:380px; clear:both; }
.outside-box{ float:left; width:100px; height:100%; padding:0px 10px; }
.outside-box-services{ float:left; width:160px; height:100%; padding:0px 10px; overflow-y:auto; position:relative; }
.outside-box div a{ color:#ffffff; }
.outside-box div a:hover{ color:#cccccc; }
.oustide-box-services div a{ color:#ffffff; }
.outside-box-services div a:hover, .outside-box-services div .on{ color:#f08d2f; }
.outside-box h2{ font-size:20px; }
.outside-box h3{ line-height:100%; font-size:16px; margin:4px 0px; }
.outside-box-services h2{ font-size:20px; }
.outside-box-services h3{ line-height:100%; font-size:16px; margin:4px 0px; }
.outside-box .services-list h3{ font-size:14px !important; }
.product-info{ float:left; width:434px; padding:15px; height:350px; background-color:#ffffff; color:#333333; }
.services-info{ float:left; width:374px; padding:15px; height:350px; background-color:#ffffff; color:#333333; }
.services-info .services-info-name{ font-size:18px; padding:0px 0px 20px 0px; }
.services-info .services-info-content{  font-size:14px; }
.product-desc{ height:250px; overflow-y:auto; width:100%; }
.product-imgs{ float:right; }
.data-sheet{ float:left; }
.product-img{ float:left; width:298px; height:100%; background: #000000; }

/**********/


/*START FORM STYLES*/
.formLeftTD{
	padding:10px 10px 0 10px;
	vertical-align:top;
	font-weight:bold;
	font-size:15px;
	text-align:right;
	width:120px;
}
.formRightTD{
	padding:10px 10px 0 10px;
	vertical-align:top;
}

input{
	background-color:#ffffff;
	color:#000000;
}
textarea{
	background-color:#ffffff;
	color:#000000;
	height:85px;
	width:250px;
}

.btn{
	background-color:#333333;
	color:#ffffff;
	cursor:pointer;
}
.btn:hover{
	background-color:#000000;
}

/*END FORM STYLES*/

/*START ADMIN STYLES*/
.adminTable{
	border-collapse:collapse;
	min-width:600px;
}
.tableHead{
	font-weight:bold;
	background-color:#000000;
	border:1px solid #f5f5f5;
	padding:8px;
	font-size:16px;
}
.tableCell{
	padding:8px;
	border:1px solid #f5f5f5;
	background-color:#333333;
	vertical-align:middle;
}

.add-service{ padding:20px 0px; }
/*END ADMIN STYLES*/