#products {
	margin-top:20px;
	margin-bottom:10px;
	margin-left:5px;
  min-height:960px;
  height:auto !important;
  height:960px;
  float:left;
	width:860px;
}

#products div.detail {
	display:block;
	padding-left:5px;
	padding-top: 5px;
	margin-bottom:0px;

}

#products div.product {
	float: left;
	background-image: url(../images/product_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 185px;
	height: 185px;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 50px;
	margin-left: 12px;
}

#products div.product2 {
	float: left;
	width: 185px;
	height: 185px;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 50px;
	margin-left: 12px;
}

#products div.product a {
	display: block;
	height: 185px;
	width: 185px;
	cursor: pointer;
	cursor: hand;
	margin: 0;
}
#products div.product img {
	border: none;
	margin-top:30px;
}

#products div.product span {
	display: block;
	width: 80px;
	height: 67px;
	position: absolute;
	margin-top: -190px;
	margin-left: 125px;
	background-image: url(../images/sticker.gif);
	font-family: Impact, Techno, sans-serif;
	color: #F7F7F7;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	padding-top: 13px;
}
* html #products div.product span {
	letter-spacing: 0;
	background-image: url(../images/sticker.gif);
	height:80px;
	margin-left:35px;
}

#products div.product span del {
	font-size: 10px;
	display: block;
	font-family: Tahoma, "Trebuchet MS", Verdana, sans-serif;
	text-decoration: line-through;
}
div.wrapper span del {
	text-decoration: line-through;
}
#products div.product div.cp {
	display: none;
}
#products div.productlink a { margin-right:-50px; line-height:14px;}


div#tipDiv {
    padding:4px;
    color:#000; font-size:11px; line-height:1.2;
    background-color:#FFF; border:1px solid #667295; 
    width:640px; 
}

/* example demonstrating applying styles to 'tipContent' for tooltip display
i.e., div.tipContent ul wouldn't work (more info in online documentation) */
div#tipDiv ul.tipContentList {
    margin:0; padding:0; list-style:none;
}


/*Virtual Pagination*/

.paginationstyle{ /*Style for demo pagination divs*/
text-align: right;
padding: 2px 0;
margin: 10px 0;
width: 800px;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid #CCC;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: #513d14;
background-color: #c6c45f;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #513d14;
background-color: #d4d5d9;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #513d14;
background-color: #d4d5d9;
}



/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #c6dbe3;
	line-height: 135%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;

}
a img {	border-bottom: 0 none;}
.style3 {font-size: 14px}

/* NAVIGATION BUTTONS1 */
			.menu {
						height: 40px;
						width: 920px;
			}
			.cssnav a {
						display: block;
						color: #000000;
						font-size: 18px;
						font-style:oblique;
						font-weight:bold;
						width: 140px;
						height: 40px;
						display: block;
						float: left;
						color: black; 
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav a:hover {
						color: #ffffff;
			}
			

			.cssnav img {width: 140px; height: 40px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav a:hover img{visibility:hidden}

			.cssnav span {
					    position: absolute;
					    left: 10px;top: 10px;
					    text-align: center;
					    width: 120px;
					    cursor: pointer;   
					     
			}
/* END OF NAVIGATION1 */
/* NAVIGATION BUTTONS2 */
			.cssnav2 a {
						display: block;
						color: #000000;
						font-size: 18px;
						font-style:oblique;
						font-weight:bold;
						width: 140px;
						height: 40px;
						display: block;
						float: left;
						color: black; 
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav2 a:hover {
						color: #ffffff;
			}
			

			.cssnav2 img {width: 140px; height: 40px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav2 a:hover img{visibility:hidden}

			.cssnav2 span {
					    position: absolute;
					    left: 10px;top: 10px;
					    text-align: center;
					    width: 120px;
					    cursor: pointer;   
					     
			}
/* END OF NAVIGATION2 */
/* NAVIGATION BUTTONS3 */
			.cssnav3 a {
						display: block;
						color: #000000;
						font-size: 18px;
						font-style:oblique;
						font-weight:bold;
						width: 140px;
						height: 40px;
						display: block;
						float: left;
						color: black; 
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav3 a:hover {
						color: #ffffff;
			}
			

			.cssnav3 img {width: 140px; height: 40px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav3 a:hover img{visibility:hidden}

			.cssnav3 span {
					    position: absolute;
					    left: 10px;top: 10px;
					    text-align: center;
					    width: 120px;
					    cursor: pointer;   
					     
			}
/* END OF NAVIGATION3 */
/* NAVIGATION BUTTONS4 */
			.cssnav4 a {
						display: block;
						color: #000000;
						font-size: 18px;
						font-style:oblique;
						font-weight:bold;
						width: 140px;
						height: 40px;
						display: block;
						float: left;
						color: black; 
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav4 a:hover {
						color: #ffffff;
			}
			

			.cssnav4 img {width: 140px; height: 40px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav4 a:hover img{visibility:hidden}

			.cssnav4 span {
					    position: absolute;
					    left: 10px;top: 10px;
					    text-align: center;
					    width: 120px;
					    cursor: pointer;   
					     
			}
/* END OF NAVIGATION4 */
/* NAVIGATION BUTTONS5 */
			.cssnav5 a {
						display: block;
						color: #000000;
						font-size: 18px;
						font-style:oblique;
						font-weight:bold;
						width: 140px;
						height: 40px;
						display: block;
						float: left;
						color: black; 
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav5 a:hover {
						color: #ffffff;
			}
			

			.cssnav5 img {width: 140px; height: 40px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav5 a:hover img{visibility:hidden}

			.cssnav5 span {
					    position: absolute;
					    left: 10px;top: 10px;
					    text-align: center;
					    width: 120px;
					    cursor: pointer;   
					     
			}
/* END OF NAVIGATION5 */
