@charset "utf-8";
html, body {
	height: 100%;
	background-image:url(../images/Background/background.jpg);
	background-attachment:fixed;
	background-size:cover;
}

#outerWrapper {
	height: 100%;
	width: 960px;
	margin: 0px auto -4em;
	min-height: 100%;
	height: auto !important;
	min-width: 800px;
}

#header {
	width: 100%;
}

#contentWrapper {
	width: 100%;
	height:100%;
	clear: both;
}

#sidebar {
	float: left;
	width: 236px;
	/*width: 220px;*/
	height: 500px;
	background:rgba(0,0,0,.2);
	margin-top: 5px;
	margin-bottom: 5px;
	/*border-right:solid 1px white;*/
}

#content {
	position:relative;
	float: right;
	width: 720px;
	top: 0px;
	right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	min-height: 500px;
	height: inherit;
	/*overflow:visible;*/
	border-left:solid 1px white;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .85em;
}

#bottomContent {
	clear:both;
	width: 960px;
	height: 140px;
}

#bottomContent a img{
	float: left;
	border: none;
	padding: 0;
	margin: 0 15px 0 0;
}

#bottomContent a:last-child img{
	margin: 0px;
}

#footer {
	margin: 0px auto;
	height: 4em;
	width: 960px;
	min-width: 800px;
	color: white;
}

#noOverlap {
	clear: both;
	height: 4em;
}

/*navbar*/

.navbar {
	width: 100%;
}

.navbar ul {
	width: 100%;
}

.navbar ul, li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .85em;
	white-space: nowrap;
}

.navbar a {
	display:block;
	line-height: 2em;
	padding: 0 80px;
	color: white;
	text-decoration: none;
	width: 79px;
	border-right: solid 1px white;
	background: rgba(0,0,0,.2);
}

.navbar li:last-child a {
	border: none;	
}

.navbar a:hover {
	background: rgba(0,0,0,.3);
	/*background: rgba(0,0,102,.2);*/
	/*text-decoration:underline;*/
	color: rgba(192,192,192,1);
	/*border-radius: 10px;*/
}

.navbar a.navbarSelected {
	font-weight: bold;
	font-style:italic;
	text-decoration:underline;
}

/*subnav*/
ul.subnav{
	float: none;
	background: rgba(0,0,153,.5);
	height:auto;
	display: none;
	position:absolute;
	font-size: 1.1em;
	z-index:200;
}

.navbar li:hover ul {
	display: block;
	width: 240px;
	
}

ul.subnav li {
	float: none;
}

ul.subnav li a {
	margin: 0px;
	border-bottom: 1px solid rgba(35,31,32,.8);
	border-left: none;
	border-right: none;
	white-space: nowrap;
	width: 200px;
	padding: 0 20px;
}

ul.subnav li:last-child a {
	border: none;	
}

/*productCategories*/
.productCategories h1 {
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .85em;
	padding: 0 20px;
	color: white;
}
.productCategories ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.productCategories ul li{
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 3px 0px;
}

.productCategories a{
	display:block;
	line-height: 2em;
	padding: 0px 20px;
	/*border:solid 1px #00F*/;
	color: rgba(255,255,255,1);
	text-decoration: none;
	font-size: .85em;
	white-space:normal;
}

.productCategories h1 a {
	padding: 0;
}

.productCategories a:hover {
	background: rgba(0,0,0,.5);
	/*border: solid 1px white;*/
	border-radius: 10px;
	color: rgba(192,192,192,1);
	/*text-decoration:underline;*/
}

.productCategories .selected a {
	font-weight: bold;
	/*font-style:italic;*/
	text-decoration:underline;
	background: rgba(255,255,255,.5);
	border-radius: 10px;
	color: rgba(0,0,0,1);
}

/*marquee*/

.marqueePhotos {
	position: absolute;
	left: 0px;
	top: 0px;
}

.marqueeCaption {
	color: #FFF;
	background: url(../images/marquee/marqueeCaption.png) no-repeat 0px 0px;
	width: 720px;
	position: absolute;
	left: 0px;
	top: 490px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 10px 0px 20px 20px;
}

.marqueeCaption h2 {
	margin: 0px;
	padding-bottom: 10px;
	
		
}

.marqueeCaption p {
	margin: 0px;
	
		
}

.marqueeCaption a {
	display: block;
	padding-top: 10px;
	color: #CCC;
}

.marqueeNav {
	text-align: right;
	position: absolute;
	width: 240px;
	top: 470px;
	right: 20px;
}

.marqueeNav a {
	background: url(../images/marquee/buttons.png) no-repeat 0px 0px;
	display: inline-block;
	height: 18px;
	width: 18px;
	margin-left: 15px;
	cursor: pointer;
}
/*
.marqueeNav a:hover {
	background: url(images/marquee/buttons.png) no-repeat -28px 0px;
}
*/

.autoplay {
	overflow:hidden;
}

.marqueeNav a.selected {
	background: url(../images/marquee/buttons.png) no-repeat -56px 0px;
}

.autoplay .marqueeNav a {
	opacity: .4;
}

.autoplay .marqueeNav a:hover {
	opacity: 1;
}

.autoplay .marqueeNav .selected {
	opacity: 1;	
}

/*.marqueePanels hidden div*/
.marqueePanels {
	clear:both;
	display:none;
}


/*.formRequestCatalog*/
.formRequestCatalog {
	background-color: rgba(0,0,0,.7);
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .85em;
	
}

.formRequestCatalog img{
	position: absolute;
	top: 40px;
	right: 45px;
	box-shadow: 0px 0px 25px 5px rgba(255,255,255,1);
}

.formRequestCatalog h2{
	margin: 10px;
}

#formRequestCatalog {
	margin: 10px;
}

.formRequestCatalog p{
	margin: 10px;
	/*padding: 5px;*/
}

.formRequestCatalog label {
	width: 150px;
	float:left;
	clear: left;
	/*margin-right:.75em;*/
}

.formRequestCatalog input[type=text]{
	width: 200px;
	
}

.formRequestCatalog textarea {
	width: 500px;
	height: 100px;
}

.formRequestCatalog #submit{
	margin-top: 1em;
	margin-left: 155px;	
	border-radius:5px;
	
}

.contactUs {
	background-color: rgba(0,0,0,.7);
}

.contactInfo {
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .85em;
	padding: 10px;
	margin: 0;
	line-height:0;
}

.contactInfo p {
	padding-top: 8px;
}

/*content with categories*/
.products {
	background-color: rgba(255,255,255,1);
}

.categorySelected {
	position:relative;
	top: 0;
	left: 0;
	min-height: 300px;
	height:inherit ;
	min-width: 720px;
	font-family:Arial, Helvetica, sans-serif;
	/*background-color: rgba(255,255,255,.5);*/
}

#categorySelectedImage img{
	float: right;
	padding: 0 10px 0 20px;
	height: auto;
	max-height:300px;
	width:auto;
	max-width: 600px;
	overflow:hidden;
	
}

#productSelectedImage img{
	float: right;
	padding-right:10px;
	padding-left:20px;
	height: auto;
	width:auto;
	max-height: 200px;
	max-width: 600px;
	overflow:hidden;
	
}

.categorySelected h2{
	padding-left:10px;
}

.categorySelected p{
	padding-left:10px;
	min-height: 220px;
}

.categorySelected table{
	padding-left:10px;
}

.subCategorySelected {
	position: relative;
	width: 720px;
	height: auto;
	padding-top: 5px;
}

.subCategorySelected ul {
	padding: 0;
	padding-left: 10px;
	margin: 0;
	width: 650px;
}

.subCategorySelected li {
	clear: both;
}

.subCategoryBox {
	width:180px;
	margin: 0;
	padding: 0 0 20px 35px;
	display:inline-block;
	
}

.subCategoryBox img {
	display:block;
	/*float: left;*/
	width:auto;
	height:auto;
	max-height: 100px;
	max-width: 100px;
	margin:auto;
	border-style:none;
}

.subCategoryBox li {
	width:inherit;
	padding-top: 5px;
	margin: 0 auto;
	text-align:center;
}

.subCategoryBox a {
	text-decoration:none;
	color: #666;
	margin:0 auto;
	white-space:normal;
}

.subCategoryBox a:hover {
	text-decoration:underline;
	color: black;
}

.subCategoryBox .selected {
	text-transform:uppercase;
	text-decoration:underline;
	font-weight:bold;
}

.subCategoryBox .selected a {
	color: black;
}


/*bandsaw dropdown menus*/

.bandsaws {
	position: relative;
	background-image:url(../images/Background/bandBackground.jpg);
	background-size:cover;
	/*background-color:#F93;*/
	color: white;
	/*border-top-left-radius:25px;
	border-top-right-radius:25px;
	border:black 2px solid;*/
	padding-top:10px;
	
}

.bandsaws h3 {
	position:absolute;
	top: 35px;
	left: 45px;
	margin: 0;
	padding: 0;
	font-size:1.5em;
	
}

#bandsaws {
	margin-top: 25px;
	font-size:.9em;
}


#bandsaws select {
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	width: 180px;
}

.brand {
	float:left;
	width: 200px;
	padding-left:45px;
	padding-bottom:20px;
	padding-top: 20px;
	
	
}

.blade {
	float:left;
	width: 200px;
	padding-left:15px;
	padding-top: 20px;
}

.length {
	float: left;
	width: 200px;
	padding-left:15px;
	padding-top: 20px;
}

.bandsawPricing {
	clear:both;
	padding: 0 25px 10px 45px;
	min-height:100px;
	color: white;
}

.bandsawPricing p {
	font-size:1.1em;
	margin:0;
	margin-bottom: 10px;
	padding:0;
	padding-bottom:2px;
}

.reset {
	position:absolute;
	top:35px;
	right:15px;
	
}

.reset a{
	text-decoration:none;
	text-decoration:underline;
	color:white;
	font-weight:bold;
}

.priceBox {
	float: left;
	width: 145px;
	height: 50px;
	background: white;
	color:#00F;
	margin-left:-5px;
	margin-right:12px;
	border-radius:25px;
	border:#00F 3px solid;
	
}

.priceBox p {
	text-align:center;
}

.priceBox p.quanity {
	padding-top:0;
	margin-top:5px;
	margin-bottom:0;
	font-size:1em;	
}

.priceBox p.quanityPrice {
	margin-top:0;
	padding-top:0;
	font-weight:bold;
	font-size:1.5em;
	color: black;
}


/*footer*/
.copyright {
	font-size: .8em;
	font-weight:bold;
	float:left;	
}


/* Product Tables */
table {
	padding: 2px 20px 2px 20px;
	font-size:.8em;
	width: 700px;
	margin-bottom:2px;
}

table tr:nth-child(odd) td{
	background-color:rgba(204,204,204,1);
}

table tr:last-child td{
	border-bottom: 1px solid black;
}

th {
	text-align:left;
	color: white;
	background-color:rgba(0,0,0,1);
	padding: .5em;
}

td {
	/*border: 1px solid black;*/
	/*background-color:#00F;*/
	padding: .5em
}

.detail {
	float: right;
}