/* CSS Document */

.style1 {color: #FF6600}
.style2 {color: #333333}
.style3 {
	text-decoration: none;
	color: #FF6600;
}
.style4 {
	text-decoration: none;
	color: #FF6600;
	align: center;
}

body { 
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom;
	padding: 0; 
	margin: 0; 
	font: 0.7em Tahoma, sans-serif; 
	line-height: 1.5em;
	background-color: #ffffff;
	/*color: #454545; */
}

.mainpage { 
	margin: 0 auto;
	width: 810px;
	padding: 10px 10px 0 10px; 
	background-color: #ffffff;
	text-align: left;
}

.head1 { 
	height: 85px;
	background: url(../images/banner.png) no-repeat center; 
	background-color: #ffffff;
	vertical-align: middle;
	color: #ffffff;
	/*margin: 3px 0;*/

}

	.search {
		position: inherit;
		float: right;
		/*background: url(../images/search.png) no-repeat;
		margin: 0px 20px;*/
		background-position: center;
		height: 15px;
		width: 195px;
		padding: 32px 0px 15px 25px;
	}
	
	input.submit {
		background: #E0691A url(../images/go.png) no-repeat;
		border: 0;
		width: 31px;
		margin: 0px 5px;
		cursor: hand;
		cursor: pointer;
	}
	
	input.cartbutton {
		background: url(../images/addtocart.gif) no-repeat;
		border: 0;
		width: 110px;
		height: 35px;
		cursor: hand;
		cursor: pointer;
	}
	
	input.cartbutton:hover {
		background: url(../images/addtocart2.gif) no-repeat;
	}
	
.head2 { 
	clear: both;
	background: url(../images/banner2.png) no-repeat center; 
	height: 151px;
	padding: 5px 0;
}

.mid {
	clear: both;
	margin: 0 auto;
	/*padding: 10px 0 10px 0;
	/*margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;*/
}

.left {
	float: left;
	width: 23%;
	padding: 10px 0;
	margin: 0 0 25px 0;
}

	.leftbox{
		color: #414141;
		background: #f5f5f5;
		padding: 10px 10px 25px 10px;
	}
	
	.leftbox td.bold{
		font-weight: bold;
		vertical-align: text-top;
		height: 20px;
	}
	
	.leftbox td.contents{
		vertical-align: text-top;
	}
	
.right {
	float: right;
	width: 75%;
	padding: 10px 0;
	margin: 0;
	text-align: center;
}

	.right img.prod{
		background: #ffffff;
		max-width: 150px;
		width: expression(this.width > 150 ? 150: true);
		max-height: 150px;
		height: expression(this.height > 150 ? 150: true);
		padding: 5px;
		border: 1px dashed gray;
	}
	
	.right img.cart{
		vertical-align: middle;
	}
	.right img.product{
		max-width: 350px;
		width: expression(this.width > 350 ? 350: true);
		max-height: 350px;
		height: expression(this.height > 350 ? 350: true);
	}
	
	.right table{
		font: 11px Tahoma, sans-serif;
		text-align: left;
	}
	
	.right td.cart{
		font-size: 10px;
		color: #FF6600;
		text-align: center;
	}
	
	.right td.bold{
		font-weight: bold;
		vertical-align: text-top;
		height: 20px;
	}
	
	.right td.contents{
		vertical-align: text-top;
	}
	
	.right td.pic{
		vertical-align: top;
	}

	.product_box_odd {
		background: #E0E2E9;
		border: 5px solid #E0E2E9;
		color: #414141;
		margin: 0 0 5px 0;
		padding: 8px;
	}
	
	.product_box_odd:hover {
		background: #E0E2E9;
		border: 5px solid #0099CC ;
		color: #414141;
		margin: 0 0 5px 0;
		padding: 8px;
	}
	
	.product_box_even {
		background: #f5f5f5;
		border: 5px solid #f5f5f5;
		color: #414141;
		margin: 0 0 5px 0;
		padding: 8px;
	}
	
	.product_box_even:hover {
		background: #f5f5f5;
		border: 5px solid #0099CC;
		color: #414141;
		margin: 5px 0 5px 0;
		padding: 8px;
	}

	.ads img{
		max-width: 150px;
		width: expression(this.width > 150 ? 150: true);
		padding: 5px;
		border-width: 1px;
	}
	
.footer { 
	clear: both;
	color: #ffffff;
	background: url(../images/footer.png) no-repeat center; 
	height: 252px;
	width: 808px;
	text-align: left;
	font: 12px Tahoma, sans-serif;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}

/*.footer2 {
	text-align: left;
	font: 12px Tahoma, sans-serif;
	font-weight: bold;
	display: block;
	position:relative;
	padding: 20px 20px 0px 40px;
	width:750px;
	z-index:1;
	top: 25px;
}*/
	.footer table{
		font: 11px Tahoma, sans-serif;
		font-weight: bold;
		text-align: left;
	}

h1 {
	clear: both;
	background: #A9C0CE url(../images/gradient1.png) repeat-x;
	color: #FFF;
	padding: 6px 0px 6px 10px;
	font: bold 1em Tahoma, Sans-Serif;
	margin: 0 0 0px 0;
}

h2 {
	clear: both;
	background: #A9C0CE url(../images/orangegloss.png) repeat-x;
	color: #FFF;
	padding: 6px 0px 6px 10px;
	font: bold 1em Tahoma, Sans-Serif;
	margin: 0 0 0px 0;
}

/********  LINKS  ********/

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: url(images/menu-bg.jpg) no-repeat;
  position: relative;
}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	left: 299px;
	top: 45px;
}
#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}

#menu .home {
  width: 150px;
  height: 87px;
  background: url(../images/homeduo.png) no-repeat;
  left: 70px;
  top: 35px;
}

#menu .products {
  width: 150px;
  height: 87px;
  background: url(../images/productduo.png) no-repeat;
  left: 245px;
  top: 35px;
}

#menu .faqs {
  width: 150px;
  height: 87px;
  background: url(../images/faqsduo.png) no-repeat;
  left: 420px;
  top: 35px;
}

#menu .contact {
  width: 150px;
  height: 87px;
  background: url(../images/contactduo.png) no-repeat;
  left: 595px;
  top: 35px;
}
/********  LINKS  ********/