div#cont {
	margin: 50px 0px 0px 50px;
}

/* ----- Product Info ----- */

div#info-cont {
	width: 175px;
	min-height: 100px;
	display:  block-inline;
	float:  left;
}

div#prod-info { }
div#about-info {
    width: 246px;
    height: 184px;
}
div#about-info ol {
    margin: 0;
    padding: 0px 0px 0px 20px;
    width: 246px;
    height: 184px;
}
div#about-info ol li {
    float: left;
    width: 120px;
}
div#about-info ol li { color: #5b5c5c; }
div#about-info ol li .active { color: #cd161d; }
div#about-info ol li:hover { cursor: pointer; }

div#prod-info p {
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-size: 11px;
	color: #ee1c24;
	margin-top: 30px;
	line-height: 17px;
	}
	
div#prod-info a {
	text-decoration: none;
	color: #ee1c24;
	font-style: italic;
 
}

/* Hard sets the homepage .main div to get
rid of the annoying jumping when the digits
are hovered */
.home .main { height: 430px; padding: 0; padding-top: 50px;}

/* ----- 1-20 Grid ----- */

div#grid-container{
	width: 385px;
	height: 258px;
	display: block-inline;
	position:  relative;
	top: 0px;
	left: 0px;
	margin-left: 50px;
	float: left;
	background-repeat:  no-repeat;
	background-position:  center;
}

div#grid-container p {clear: both; text-align: center; font-size: 10px; margin: 0; padding-top: 30px; width: 90%; margin-left: 2%; line-height: 18px;}

div#grid-container ul {position:  relative; margin: auto; padding: 0px; list-style: none;}
div#grid-container ul#pic-list li {display:  block-inline; width: 65px; height: 60px; float:  left; margin-left: 6px; margin-bottom: 8px; margin-top: 0px;}

	/* Background image for 1-10 and 11-20 being set */
div#grid-container ul#pic-list li a{width: 65px; height: 55px;text-indent: -999999px; background-image: url('/img/numbergrid.gif'); background-repeat: none; display:  block;}
div#grid-container ul#pic-list li a:hover{width: 65px; height: 55px;text-indent: -999999px; background-image: url('/img/numbergrid.gif'); background-repeat: none; display:  block;}

	/* Setting the background positions for the different numbers in the grid */
div#grid-container ul#pic-list li.img-1 a{ background-position: 0px 0px;}
div#grid-container ul#pic-list li.img-1 a:hover{ background-position: 0px -120px;}
div#grid-container ul#pic-list li.img-1 a.active { background-position: 0px -120px; }

div#grid-container ul#pic-list li.img-2 a{ background-position: -71px 0px;}
div#grid-container ul#pic-list li.img-2 a:hover{ background-position: -71px -120px;}
div#grid-container ul#pic-list li.img-2 a.active{ background-position: -71px -120px;}

div#grid-container ul#pic-list li.img-3 a{ background-position: -142px 0px;}
div#grid-container ul#pic-list li.img-3 a:hover{ background-position: -142px -120px;}
div#grid-container ul#pic-list li.img-3 a.active{ background-position: -142px -120px;}

div#grid-container ul#pic-list li.img-4 a{ background-position: -213px 0px;}
div#grid-container ul#pic-list li.img-4 a:hover{ background-position: -213px -120px;}
div#grid-container ul#pic-list li.img-4 a.active{ background-position: -213px -120px;}

div#grid-container ul#pic-list li.img-5 a{ background-position: -284px 0px;}
div#grid-container ul#pic-list li.img-5 a:hover{ background-position: -284px -120px;}
div#grid-container ul#pic-list li.img-5 a.active{ background-position: -284px -120px;}

div#grid-container ul#pic-list li.img-6 a{ background-position: -0px -63px;}
div#grid-container ul#pic-list li.img-6 a:hover{ background-position: -0px -183px;}
div#grid-container ul#pic-list li.img-6 a.active{ background-position: -0px -183px;}

div#grid-container ul#pic-list li.img-7 a{ background-position: -71px -63px;}
div#grid-container ul#pic-list li.img-7 a:hover{ background-position: -71px -183px;}
div#grid-container ul#pic-list li.img-7 a.active{ background-position: -71px -183px;}

div#grid-container ul#pic-list li.img-8 a{ background-position: -142px -63px;}
div#grid-container ul#pic-list li.img-8 a:hover{ background-position: -142px -183px;}
div#grid-container ul#pic-list li.img-8 a.active{ background-position: -142px -183px;}

div#grid-container ul#pic-list li.img-9 a{ background-position: -213px -63px;}
div#grid-container ul#pic-list li.img-9 a:hover{ background-position: -213px -183px;}
div#grid-container ul#pic-list li.img-9 a.active{ background-position: -213px -183px;}

div#grid-container ul#pic-list li.img-10 a{ background-position: -284px -63px;}
div#grid-container ul#pic-list li.img-10 a:hover{ background-position: -284px -183px;}
div#grid-container ul#pic-list li.img-10 a.active{ background-position: -284px -183px;}

div#grid-container ul#pic-list li.img-11 a{ background-position: 0px -248px;}
div#grid-container ul#pic-list li.img-11 a:hover{ background-position: 0px -368px;}
div#grid-container ul#pic-list li.img-11 a.active{ background-position: 0px -368px;}

div#grid-container ul#pic-list li.img-12 a{ background-position: -71px -248px;}
div#grid-container ul#pic-list li.img-12 a:hover{ background-position: -71px -368px;}
div#grid-container ul#pic-list li.img-12 a.active{ background-position: -71px -368px;}

div#grid-container ul#pic-list li.img-13 a{ background-position: -142px -248px;}
div#grid-container ul#pic-list li.img-13 a:hover{ background-position: -142px -368px;}
div#grid-container ul#pic-list li.img-13 a.active{ background-position: -142px -368px;}

div#grid-container ul#pic-list li.img-14 a{ background-position: -213px -248px;}
div#grid-container ul#pic-list li.img-14 a:hover{ background-position: -213px -368px;}
div#grid-container ul#pic-list li.img-14 a.active{ background-position: -213px -368px;}

div#grid-container ul#pic-list li.img-15 a{ background-position: -284px -248px;}
div#grid-container ul#pic-list li.img-15 a:hover{ background-position: -284px -368px;}
div#grid-container ul#pic-list li.img-15 a.active{ background-position: -284px -368px;}

div#grid-container ul#pic-list li.img-16 a{ background-position: -0px -311px;}
div#grid-container ul#pic-list li.img-16 a:hover{ background-position: -0px -431px;}
div#grid-container ul#pic-list li.img-16 a.active{ background-position: -0px -431px;}

div#grid-container ul#pic-list li.img-17 a{ background-position: -71px -311px;}
div#grid-container ul#pic-list li.img-17 a:hover{ background-position: -71px -431px;}
div#grid-container ul#pic-list li.img-17 a.active{ background-position: -71px -431px;}

div#grid-container ul#pic-list li.img-18 a{ background-position: -142px -311px;}
div#grid-container ul#pic-list li.img-18 a:hover{ background-position: -142px -431px;}
div#grid-container ul#pic-list li.img-18 a.active{ background-position: -142px -431px;}

div#grid-container ul#pic-list li.img-19 a{ background-position: -213px -311px;}
div#grid-container ul#pic-list li.img-19 a:hover{ background-position: -213px -431px;}
div#grid-container ul#pic-list li.img-19 a.active{ background-position: -213px -431px;}

div#grid-container ul#pic-list .img-20 {height: 55px; text-indent: -999999px; background-image: url('/img/numbergrid.gif'); background-repeat: none; display:  block; width: 90px; background-position: -284px -311px;}

.opt { display: none; }
div#cont {
	margin: 50px 0px 0px 50px;
}

/* ----- Product Info ----- */

div#info-cont {
	width: 175px;
	min-height: 100px;
	display:  block-inline;
	float:  left;
}

div#prod-info { }
div#about-info {
    width: 246px;
    height: 184px;
}
div#about-info ol {
    margin: 0;
    padding: 0px 0px 0px 20px;
    width: 246px;
    height: 184px;
}
div#about-info ol li {
    float: left;
    width: 120px;
}
div#about-info ol li { color: #5b5c5c; }
div#about-info ol li .active { color: #cd161d; }
div#about-info ol li:hover { cursor: pointer; }

div#prod-info p {
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-size: 11px;
	color: #ee1c24;
	margin-top: 30px;
	line-height: 17px;
	}
	
div#prod-info a {
	text-decoration: none;
	color: #ee1c24;
	font-style: italic;
 
}