/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color: black;
	color: white;
	font: small Arial, Helvetica, Verdana, sans-serif;
}

#dimensions{
	/*css to make Firefox have a fluid width between 1030 and 1400 pixels*/
	width: 100%;
	min-width: 1005px;
	max-width: 1400px;
	/* Width for IE makes website fluid width between 1005 and 1400 px */
	width:expression(document.body.clientWidth < 1015? "1005px" : document.body.clientWidth > 1400? "1400px" : "auto");
	/* increased initial check value to 1015 so it does not freeze Internet Explorer */
	background-image: url(images/menu_bkgd.jpg);
	background-repeat: repeat-y;
}

#content_home {
	margin-left: 20%;
	color: white;
	width: 78%;
	min-width: 600px;
	background-image: url(images/arbalest_bkgd2.jpg);
	background-repeat: no-repeat;
}

#content_container {
	width: 100%;
}

#content_left {
	width: 600px;
	margin-right: 175px;
}

#content {
	margin-left: 20%;
	margin-right: 6%;
	color: white;
	width: 65%;
	min-width: 600px;
	background-color: black;
}

#header {
	width: 100%;
	height: 103px;
	background-image: url(images/header_bkgd3.jpg);
	display: block;
}

#header_wrap {
	width: 656px;
	height: 103px;
	margin-right: auto;
}

#header_right {
	float: right;
	height: 103px;
	width: 68px;
	background-color: black;
}

#menu_fix {
	position: absolute;
	top: 104px;
	left: 0px;
	width: 196px;
	z-index: 1;
	background-color: black;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 310px;
	z-index: 1;
}

#left_sidebar {
	float: left;
	width: 17%;
	background-color: black;
}

/*-------------------right sidebar-------------------------*/

#right_sidebar {
	float: right;
	width: 173px;
	background-image: url(images/rightbar_back.jpg);
	background-repeat: repeat-y;
	max-width: 173px;
	margin-top: 15px;
}

#right_text {
	padding: 15px 0px 50px 0px;
	width: 163px;
	height: 425px;
}

#right_sidebar p{
	padding: 0px 20px 0px 15px;
}

#right_sidebar a:link, #right_sidebar a:visited {
	color: white;
	font-size: 100%;
	font-weight: bold;
}

#right_sidebar a:hover, #right_sidebar a:active {
	color: #B0B8FF;
	font-size: 100%;
	font-weight: bold;
}

.rightbar_header {
	font-size: 140%;
	text-align: center;
	color: #FFFFFF;
	padding: 3px 10px 3px 5px;
	background-image: url(images/headline_back.jpg);
	background-repeat: repeat-y;
	background-color: #999999;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;
}

/*-------------------end right sidebar-------------------------*/

.headline_container {
	width: 100%;
	background-image: url(images/footer_bkgd.jpg);
	background-repeat: repeat-y;
	background-color: black;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding:3px 0px 3px 5px;
	margin: 20px 0px 5px 0px;
}

.main_headline {
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-size: 150%;
	font-weight: bold;
	font-style: italic;
	color: white;
}

#main_headline {
	width: 100%;
	background-image: url(images/footer_bkgd.jpg);
	background-repeat: repeat-y;
	background-color: black;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding:3px 0px 3px 5px;
	margin: 20px 0px 5px 0px;
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-size: 150%;
	font-weight: bold;
	font-style: italic;
	color: white;
}

.sub_menu {
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 90%;
	color: white;
	float: right;
	padding-top: 8px;
}

.sub_menu a:link, .sub_menu a:visited {
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 100%;
	color: white;
}

.sub_menu a:hover, .sub_menu a:active {
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 100%;
	color: #B0B8FF;
}

.submenu_left {
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 100%;
	color: white;
	padding: 0px 0px 35px 8px;
}

.submenu_left a:link, .sub_menu a:visited {
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 100%;
	color: white;
}

.submenu_left a:hover, .sub_menu a:active{
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 100%;
	color: #B0B8FF;
}

#headlines {
	background-color: #cccccc;
	color: black;
	padding: 10px 10px 10px 10px;
	margin-left: 20%;
	margin-right: 3%;
	border: 2px solid #444444;
	background-image: url(images/headline_bkgd.jpg);
	background-repeat: repeat-y;
}

#headlines h2 {
	font: small Arial, Helvetica, Verdana, sans-serif;
	height: 24px;
	font-size: 140%;
	color: #FFFFFF;
	padding: 3px 10px 3px 8px;
	background-image: url(images/headline_back2.jpg);
	background-repeat: no-repeat;
	background-color: #999999;
	margin-left: -3px;
}

#headlines p {
	color: black;
	padding-left: 5px;
}

#headlines a:link, #headlines a:visited {
	color: black;
	font-weight: bold;
	font-size: 100%;
}

#headlines a:hover, #headlines a:active {
	color: blue;
	font-size: 100%;
	font-weight: bold;
}

#topfeature {
	color: black;
	width: 600px;
	height: 322px;
}

#topfeature h3 {
	margin: 0;
	color: black;
	font-size: 115%;
	font-weight: bold;
	padding-bottom: 3px;
}

#topfeature a:link, #topfeature a:visited {
	margin: 0;
	color: blue;
	font-size: 100%;
	font-weight: bold;
}

#topfeature a:hover, #topfeature a:active {
	color: #444444;
	font-size: 100%;
	font-weight: bold;
}

#arbalest_links {
	color: blue;
	float: left;
	padding: 152px 0px 32px 10px;
}

#flashtext {
	height: 38px;
	width: 600px;
	padding: 0px 0px 45px 0px;
}

.feature_links {
	margin: 0;
	color: blue;
	font-size: 100%;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
}

#slideshow {
	color: black;
	background-image: url(images/slide_back2.jpg);
	background-repeat: no-repeat;
	width: 600px;
	height: 224px;
	margin-top: 20px;
}	
	
#slideshow h3 {
	margin: 0;
	color: black;
	font-size: 115%;
	font-weight: bold;
	padding-bottom: 3px;
}

#slideshow a:link, #slideshow a:visited{
	margin: 0;
	color: blue;
	font-size: 100%;
	font-weight: bold;
}

#slideshow a:hover, #headlines a:active {
	color: #444444;
	font-size: 100%;
	font-weight: bold;
}

#slideshow_links {
	color: blue;
	float: left;
	padding: 36px 0px 92px 10px;
	width: 100px;
}

#show {
	width: 446px;
	margin-left: 134px;
	padding-top: 25px;
}

#footer {
	clear: both;
	width: 100%;
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: white;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding:3px 0px 3px 5px;
	margin: 10px 0px 5px 0px;
	background-image: url(images/footer_bkgd.jpg);
	background-repeat: repeat-y;
	background-color: black;
}

#footer span {
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: white;
	padding-bottom: 3px;
}

.content_box {
	font: small Arial, Helvetica, Verdana, sans-serif;
	color: black;
	padding: 10px 10px 10px 10px;
	background-color: #cccccc;
	border: 2px solid #444444;
	background-image: url(images/headline_bkgd.jpg);
	background-repeat: repeat-y;
}

.content_box2 {
	font: small Arial, Helvetica, Verdana, sans-serif;
	color: black;
	padding: 10px 10px 10px 10px;
	background-color: #cccccc;
	border: 2px solid #444444;
	background-image: url(images/headline_bkgd.jpg);
	background-repeat: repeat-y;
	width: 100%;
}

.block_header {
	height: 24px;
	font-size: 140%;
	color: #FFFFFF;
	margin-left: -3px;
	padding: 3px 10px 3px 8px;
	background-image: url(images/headline_back2.jpg);
	background-repeat: no-repeat;
	background-color: #999999;
}

.block_bold_p {
	font: small Arial, Helvetica, Verdana, sans-serif;
	padding-left: 8px;
	font-weight: bold;
	color: black;
}

.black_headline {
	font: Arial, Helvetica, Verdana, sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: black;
}

.non_bold {
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	color: black;
}

.date {
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: black;
	font-style: oblique;
}

.big_photo {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding: 25px 0px 25px 0px;
	background-color: black;
}

.line {
	width: 400px;
	background-color: black;
	margin-top: 10px;
	margin-bottom: 5px;
}

/*-------------------main page styles-------------------------*/

#mainpage_container {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 2px solid #888888;
	background-color: #444444;
	background-image: url(images/mainpage_back.jpg);
	background-repeat: repeat-y;
}

#mainpage_center {
	width: 164px;
	margin-left: auto;
	margin-right: auto;
}

#mainpage_left {
	float: left;
	width: 164px;
	margin-left: 20px;
}

#mainpage_right {
	float: right;
	width: 164px;
	margin-right: 20px;
}

.product_select {
	width: 164px;
	height: 240px;
}

.product_select a:link, .product_select a:visited {
	display: block;
	width: 164px;
	height: 240px;
	background-image: url(images/product_button_off.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}

.product_select a:hover, .product_select a:active {
	display: block;
	width: 164px;
	height: 240px;
	background-image: url(images/product_button_on.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}

.product_select2 {
	width: 540px;
	height: 82px;
	margin-left: auto;
	margin-right: auto;
}

.product_select2 a:link, .product_select2 a:visited {
	display: block;
	width: 540px;
	height: 82px;
	background-image: url(images/product_button2_off.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}

.product_select2 a:hover, .product_select2 a:active {
	display: block;
	width: 540px;
	height: 82px;
	background-image: url(images/product_button2_on.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}

.mainpage_head {
	font: arial;
	font-size: 16px;
	color: white;
	font-weight: bold;
	text-align: center;
}

.mainpage_text {
	font: arial;
	font-size: 13px;
	padding: 12px 10px 8px 10px;
	color: white;
}

.mainpage_text h1{
	font: arial;
	font-size: 16px;
	padding: 15px 15px 15px 15px;
	color: white;
	font-weight: bold;
	text-align: center;
}

/*-------------------end main page styles-------------------------*/

/*-------------------features styles-------------------------*/

.features_container {
	width: 100%;
}

.features_left {
	width: 200px;
	height: 100%;
	float: left;
}

.features_right {
	width: 375px;
	margin-left: 220px;
	background-color: black;
}

.features_text {
	padding: 15px 20px 15px 20px;
}

.features_text ul {
	color: black;
	padding-left: 10px;
	margin-left: 10px;
	font-weight: bold;
}

.features_text a:link, .features_text a:visited {
	color: black;
	font-weight: bold;
}

.features_text a:hover, .features_text a:active{
	color: blue;
	font-weight: bold;
}

.features_box {
	width: 351px;
	background-color: #cccccc;
	color: black;
	padding: 10px 10px 10px 10px;
	border: 2px solid #444444;
	background-image: url(images/headline_bkgd.jpg);
	background-repeat: repeat-y;
}

.features_box2 {
	width: 100%;
	background-color: #cccccc;
	color: black;
	border: 2px solid #444444;
	background-image: url(images/headline_bkgd.jpg);
	background-repeat: repeat-y;
}

.photo_container {
	width: 100%;
	background-color: #222222;
	background-image: url(images/photo_back.jpg);
	background-repeat: repeat-x;
}

.photo {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
}

/*-------------------end features styles-------------------------*/

/*-------------------product listing styles-------------------------*/

.product_listing {
	width: 100%;
	height: 80px;
	border: 2px solid #444444;
	background-color: #cccccc;
	background-image: url(images/product_bkgd.jpg);
	background-position: left;
	background-repeat: repeat-y;
	margin: 2px 0px 2px 0px;
	position: relative;
	top: 0;
	left: 0;
}

.product_listing2 {
	width: 97%;
	border: 2px solid #444444;
	background-color: #cccccc;
	background-image: url(images/product_bkgd.jpg);
	background-position: left;
	background-repeat: repeat-y;
	margin: 2px 0px 2px 0px;
	padding: 5px 8px 5px 8px;
}

.product_picture {
	float: left;
	width: 180px;
	height: 80px;
	background-color: #000000;
}

#product_description_box {
	margin-left: 180px;
	padding: 0px 5px 0px 5px;
	position: absolute;
	bottom: 5px;
	left: 1px;
	width: 435px;
}

.product_description {
	font: small Arial, Helvetica, Verdana, sans-serif;
	color: black;
}

.product_links {
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	vertical-align: bottom;
	color: white;
	background-color: #000859;
	padding: 2px 5px 2px 5px;
	margin: 4px 0px 0px 0px;
}

.product_links a:link, .product_links a:visited {
	color: white;
	text-decoration: none;
}

.product_links a:hover {
	color: #B0B8FF;
	text-decoration: underline;
}

.product_links2 {
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: white;
	background-color: #000859;
	padding: 2px 5px 2px 5px;
	margin: 4px 0px 0px 0px;
}

.product_links2 a:link, .product_links a:visited {
	color: white;
	text-decoration: none;
}

.product_links2 a:hover {
	color: #B0B8FF;
	text-decoration: underline;
}

/*-------------------end product listing styles-------------------------*/

/*-------------------styles for forms-------------------------*/

#contact_form {
	background-color: #cccccc;
	color: black;
	padding: 10px 10px 10px 10px;
	border: 2px solid #444444;
	background-image: url(images/headline_bkgd.jpg);
	background-repeat: repeat-y;
}

#bold_p {
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: black;
}

#bold_p a:link, #bold_p a:visited {
	color: blue;
	font-size: 100%;
	font-weight: bold;
}

#bold_p a:hover, #bold_p a:active {
	color: #444444;
	font-size: 100%;
	font-weight: bold;
}

#required {
	font-weight:bold;
	color: red;
}

.form_buttons {
	font-weight: bold;
	margin-right: 72px;
}

.ty_head {

	font: Arial, Helvetica, Verdana, sans-serif;
	color: black;
	padding: 30px 0px 0px 0px;
	font-weight: bold;
	font-size: 175%;
	text-align: center;
}

.ty_p {
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: black;
	text-align: center;
}

.ty_p a:link, .ty_p a:visited {
	margin: 0;
	color: blue;
	font-size: 100%;
	font-weight: bold;
}

.ty_p a:hover, .ty_p a:active {
	color: #444444;
	font-size: 100%;
	font-weight: bold;
}

.box {
	width: 500px;
}

/*-------------------end styles for forms-------------------------*/

/*-------------------styles for configuration tables-------------------------*/

.config_list {
	width: 97%;
	border: 2px solid black;
}

.config_list thead tr th {
	background-image: url(images/tableheader_back.jpg);
	background-repeat: repeat-y;
	background-color: black;
	color: white;
	padding: 3px 3px 3px 3px;
	text-align: left;
	vertical-align: bottom;
}

.config_list tbody tr th {
	background-image: url(images/tableheader2_back.jpg);
	background-repeat: repeat-x;
	background-color: #cccccc;
	color: black;
	padding: 3px 3px 3px 3px;
	text-align: left;
	vertical-align: bottom;
	border-bottom: 1px solid black;
}

.config_list td {
	border-bottom: 1px solid black;
	padding: 3px 3px 3px 3px;
	background-image: url(images/row_back.jpg);
	background-repeat: repeat-x;
	background-color: #CCCCCC;
}

.header2 {
	background-image: none;
}

/*-------------------end styles for configuration tables-------------------------*/

/*-------------------styles for product finder-------------------------*/

.finder_chart {
	width: 97%;
	border: 2px solid black;
}

.column_left {
	width: 47%;
	float: left;
	margin-left: auto;
	margin-right: auto;
}

.column_right {
	width: 47%;
	margin-left: 50%;
}

.finder_chart thead tr th {
	background-image: url(images/tableheader_back.jpg);
	background-repeat: repeat-y;
	background-color: black;
	color: white;
	padding: 3px 3px 3px 3px;
	text-align: left;
	vertical-align: bottom;
}

.finder_chart tbody tr th {
	background-image: url(images/tableheader2_back.jpg);
	background-repeat: repeat-x;
	background-color: #cccccc;
	color: black;
	padding: 5px 3px 5px 3px;
	text-align: left;
	vertical-align: bottom;
	border-bottom: 1px solid black;
}

.finder_chart td {
	border-bottom: 1px solid black;
	padding: 5px 3px 5px 20px;
	background-image: url(images/row_back.jpg);
	background-repeat: repeat-x;
	background-color: #CCCCCC;
}

/*-------------------end styles for product finder-------------------------*/

/*-------------------styles for new products-------------------------*/

.new_product {
	width: 540px;
	margin-left: auto;
	margin-right: auto;
}

.new_product span{
	font: small Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: white;
}

.new_product span a:link, .new_product a:visited {
	color: white;
	font-size: 100%;
	font-weight: bold;
}

.new_product span a:hover, .new_product a:active {
	color: blue;
	font-size: 100%;
	font-weight: bold;
}

/*-------------------end styles for new products-------------------------*/