﻿body
{
	margin: 0px 0px 0px 0px;
	background-image: url("../Images/Background.png");
	background-position: top;
	background-repeat: no-repeat;
	font-family: Arial, Verdana;
	font-size: 13px;
	color: Gray;
}

.site-wrapper
{
	position: relative;
	width: 950px;
}

table
{
	width: 100%;
	border: solid 1px Gray;
	background-color: White;
}

.generic-header
{
}

tr.equal
{
	background-color: White;
}

tr.not-equal
{
	background-color: #efefef;
}

td
{
	/*border-top: solid 1px Gray;*/
	padding: 5px;
}

.pdf
{
	background-image: url(../Images/pdf.gif);
	height: 64px;
	width: 64px;
}

table.center
{
	text-align: center;
}

.generic-content
{
	min-height: 240px;
}

.generic-footer
{
	height: 50px;
	border-top: solid 1px Gray;
}

.creativecafe
{
	background-image: url(../Images/CreativeCafe.png);
	width: 182px;
	height: 20px;
	float: right;
}

.hudaco
{
	background-image: url(../Images/Hudaco.png);
	width: 225px;
	height: 17px;
	float: left;
}

.bep
{
	background-image: url(../Images/BEP.png);
	width: 76px;
	height: 19px;
	float: right;
}

.copyright
{
	margin-top: 3px;
	color: #333333;
	float: left;
}

.clear-both
{
	clear: both;
}


/**********************Header*************************/
.logo-wrapper
{
	position: relative;
	margin-top: 20px;
	float: left;
}

.logo-navigation-wrapper
{
	height: 105px;
}

.logo
{
	background-image: url("../Images/BeltingLogo.png");
	width: 418px;
	height: 66px;
}

.products-wrapper
{
	width: 950px;
	height: 206px;
}

.top-20
{
	margin-top: 20px;
}

.top-15
{
	margin-top: 15px;
}

.top-40
{
	margin-top: 40px;
}

.top-10
{
	margin-top: 10px;
}

.bottom-20
{
	margin-bottom: 20px;
}

.products-button-left
{
	width: 150px;
	height: 205px;
	float: left;
}

.products-button
{
	margin-left: 9px;
	position: relative;
	float: left;
	width: 150px;
	height: 205px;
}

.products-button-left:hover
{
	cursor: pointer;
}

.products-button:hover
{
	cursor: pointer;
}

.navigationbar-wrapper
{
	height: 41px;
	width: 279px;
	float: right;
	margin-top: 40px;
	position: relative;
}

.navigation-home-button
{
	background-image: url("../Images/Home.png");
	height: 41px;
	width: 73px;
	float: left;
	line-height: 41px;
	text-align: center;
}

.navigation-home-button:hover
{
	cursor: pointer;
	background-position: 0px -42px;
}

.navigation-home-button.selected
{
	background-position: 0px -84px;
	color: White;
}

.navigation-about-button
{
	background-image: url("../Images/About.png");
	height: 41px;
	width: 94px;
	float: left;
	line-height: 41px;
	text-align: center;
}

.navigation-about-button:hover
{
	cursor: pointer;
	background-position: 0px -42px;
}

.navigation-about-button.selected
{
	background-position: 0px -84px;
	color: White;
}

.navigation-contact-button
{
	background-image: url("../Images/Contact.png");
	height: 41px;
	width: 112px;
	float: left;
	line-height: 41px;
	text-align: center;
}

.navigation-contact-button:hover
{
	cursor: pointer;
	background-position: 0px -42px;
}

.navigation-contact-button.selected
{
	background-position: 0px -84px;
	color: White;
}

div#TransmissionProductsButton
{
	background-image: url("../Images/TransmitionProducts.png");
	height: 205px;
	width: 150px;
	float: left;
	line-height: 41px;
	text-align: center;
}

div#RubberConveyorButton
{
	background-image: url("../Images/RubberConv.png");
	height: 205px;
	width: 150px;
	float: left;
	line-height: 41px;
	text-align: center;
}

div#PVCPUConveyorButton
{
	background-image: url("../Images/PVCandPUConv.png");
	height: 204px;
	width: 150px;
	float: left;
	line-height: 41px;
	text-align: center;
}

div#ModularBeltingButton
{
	background-image: url("../Images/ModularBelting.png");
	height: 205px;
	width: 150px;
	float: left;
	line-height: 41px;
	text-align: center;
}

div#IndustrialHosingButton
{
	background-image: url("../Images/IndustrialHosing.png");
	height: 205px;
	width: 150px;
	float: left;
	line-height: 41px;
	text-align: center;
}

div#ServiceProductsButton
{
	background-image: url("../Images/ServiceProducts.png");
	height: 205px;
	width: 150px;
	float: left;
	line-height: 41px;
	text-align: center;
}



/**********************Header*************************/

/********************* Content************************/
div.left-navigation-wrapper
{
	width: 300px;
	float: left;
}

.float-left
{
	float:left;
}

.float-right
{
	float:right;
}

.margin-left-20
{
	margin-left:20px;
}

.margin-left-40
{
	margin-left:40px;
}

.margin-left-60
{
	margin-left:60px;
}

.margin-left-80
{
	margin-left:80px;
}

div.flashcontent1
{
	position: relative;
}

div.content-wrapper
{
	width: 650px;
	float: right;
}

div.content-header-wrapper
{
	width: 950px;
	height: 30px;
}

div.header-left
{
	width: 270px;
	font-size: 15px;
	float: left;
	border-bottom: solid 1px Gray;
	padding-bottom: 3px;
	color: #333333;
}

div.header-right
{
	width: 650px;
	font-size: 15px;
	float: right;
	border-bottom: solid 1px Gray;
	padding-bottom: 3px;
	color: #333333;
}

div.header-full
{
	width: 950px;
	font-size: 15px;
	float: left;
	border-bottom: solid 1px Gray;
	padding-bottom: 3px;
	color: #333333;
}

div.content-wrapper-no-flash
{
	width: 950px;
	float: left;
}

div.modalizer
{
	background-color: White;
	min-height: 240px;
	filter: alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity: 0.85;
	position: absolute;
	text-align: center;
	font-weight:bold;
	border:solid 1px #099800;
	color:#099800;
	font-size:17px;
}

.contactus-wrapper
{
	float: left;
	width: 315px;
	margin-bottom: 30px;
}

.contactus-wrapper div
{
	line-height: 20px;
}

h3
{
	font-weight: lighter;
	color: #333333;
	margin-bottom: 5px;
}

div.pdf-downloads
{
	float: left;
	width: 100px;
	margin-right: 35px;
	text-align: center;
}

div.pdf-downloads.no-margin-right
{
	margin-right:0px;
}
/********************* Content************************/

/********************Left Navigation******************/
.left-navigation-button
{
	background-image: url("../Images/button.png");
	background-repeat: no-repeat;
	height: 41px;
	width: 279px;
	font-size: 13px;
	text-indent: 10px;
	line-height: 42px;
}

.left-navigation-button:hover
{
	line-height: 39px;
	background-position: 0px -41px;
	cursor: pointer;
}

h1
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 17px;
	font-weight: normal;
	color: #099800;
}

.left-navigation-button.selected
{
	line-height: 39px;
	background-position: 0px -82px;
	cursor: pointer;
	color: White;
}
/********************Left Navigation******************/

a
{
	color: #099800;
	border: none;
	text-align: center;
}

a.img
{
	border:none;
}

li
{
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

ul
{
	margin: 0px;
	padding: 10px 0px 0px 15px;
	list-style: disc;
}

