body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
		line-height:140%;
}
body {
	background-color: #FFFFFF;
	margin: 7px;
}
.header {
	margin-left: auto;
	margin-right: auto;
	width:965px;
	height:131px;
	background-image: url(images/jewelry-bg.jpg);
	background-repeat: repeat-x;
}
.logo{
	float:left;
	width:340px;
	height:103px;
}
.nav-container{
	float:left;
	height:103px;
}
.top-nav{
	float:left;
	margin-top:28px;
	color:#FFFFFF;
	width:611px;
	text-align:right;
}
.top-nav a{
	color:#990000;
	text-decoration:none;
}
.top-nav a:hover {
	color:#990000;
	text-decoration:underline;
}
.top-nav-main{
	float:left;
	width:621px;
	height:61px;
	margin-top:17px;
	margin-right:3px;
	clear:both;
}
.header-right{
	float:left;
	width:1px;
	height:103px;
}
.main-content{
	margin-left: auto;
	margin-right: auto;
	width:943px;
	border:#cccccc solid 1px;
	padding:11px;
	overflow:none;
}
.left-column{
	width:200px;
	float:left;
	display:inline;
}
.drill-box{
	margin-bottom:10px;
}

#nav {
    left:10px;
    top:120px;
    width:200px;
    background-color:#FFFFFF;
}
#nav ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
    text-indent:0px;
}
#nav li {
    height:24px;
    line-height:24px;
}
#nav li {
    width:150px;
	 padding-left:10px;
}
#nav li ul li {
    width:130px;
}
#nav li.category {
    height:auto;
    color:black;
}
/*IE needs extra margin and padding set for the indented li */
* html #nav li ul li {
    margin-left:0px;
    padding-left:10px;
}
/* end IE hack */

#nav li a,
#nav li ul li a {
    font-weight:normal;
    text-decoration:none;
    display:block;
    height:100%;
    width:100%;
    padding-left:10px;
}
#nav li.category ul li a {
    margin-left:-10px;
    padding-left:30px;
}
#nav li a:link,
#nav li a:visited {
    color:black;
    background-color:#FFFFFF;
}
#nav li a:hover,
#nav li a:active {
    color:white;
    background-color:#6F6F6F;
}
.drillTotal{
	position:relative;
	top:-25px;
	left:85px;
	float:left;
	
}
.offers{
	text-align:left;
	margin-top:30px;
}
h1{
	float:left;
	color:#666666;
	margin:0px;
	padding:10px 0px 20px 0px;
	text-decoration:none;
}
h2{
	float:left;
	color:#666666;
	font-size:16px;
	margin:0px;
	padding:10px 0px 20px 0px;
	text-decoration:none;
}
.user-nav{
	float:left;
	padding:20px 0px 20px 7px;
}
.user-box{
	float:left;
	height:45px;
}
.user-box-detail{
	float:left;
	height:65px;
}
.user-box a {
	color: #666666;
	text-decoration:underline;
}
.right-column{
	float:left;
	width:743px;
}
.right-column-other{
	float:left;
	width:943px;
}

.products{
	width:743px;
	display:inline;
	float:left;
	margin-bottom:40px;
}
.also{
	width:743px;
	display:inline;
	float:left;
	margin-bottom:40px;
	font-size:18px;
}
.content{
	overflow: auto;
	width:943px;
	clear:both;
}
.content a{
	text-decoration:underline;
	font-size: 13px;
	color: #666666;
}
.products-details{
	overflow: auto;
	width:743px;
	display:inline;
	float:left;
	margin-bottom:30px;
	line-height:140%;
}
.product{
	width:30%;
	padding:10px;
	float:left;
	border-right:#d1d3d6 solid 1px;
}
.product-last{
	width:30%;
	padding:10px;
	float:left;
	border:0px;
	clear:right;
}
.product-d{
	width:20%;
	padding:10px;
	float:left;
	border-right:#d1d3d6 solid 1px;
}
.product-last-d{
	width:20%;
	padding:10px;
	float:left;
	border:0px;
	clear:right;
}
.image-height{ 
	height:161px;
	text-align:center;
}
.image-height-d{ 
	height:130px;
	text-align:center;
}
.description{

	height:50px;
	scrollbar-arrow-color: #999999;
	scrollbar-face-color: #dddddd;;
    scrollbar-track-color: white;
    scrollbar-shadow-color:white;
    scrollbar-highlight-color:white;
    scrollbar-3dlight-color:white;
    scrollbar-darkshadow-Color:white;
	border-top:#999999 dotted 0px;
	border-bottom:#999999 dotted 0px;
	line-height:140%;
}
.clear { clear:both; }
a.tip {
	border-bottom: 1px dashed;
	text-decoration: none;
	color: #666666;
}

a.tip:hover {
	position: relative;
	cursor: help;
}

a.tip span{
	display:none;
}
a.tip:hover span{
    display:block;
   	position: absolute; top: 10px; left: 0;
	/* formatting only styles */
   	padding: 5px; margin: 10px; z-index: 100;
   	border: 1px solid #c0c0c0;
    text-decoration: none;
	padding-right: 20px;
	width:400px;
	background: #f0f0f0;
}

a.tip2 {
	border-bottom: 1px dashed;
	text-decoration: none;
	color: #666666;

}

a.tip2:hover {
	position: relative;
	cursor: help;
}

a.tip2 span{
	display:none;
}
a.tip2:hover span{
    display:block;
   	position: absolute; top: 10px; left: -300px;
	/* formatting only styles */
   	padding: 5px; margin: 10px; z-index: 100;
   	border: 1px solid #c0c0c0;
    text-decoration: none;
	padding-right: 20px;
	width:400px;
	background: #f0f0f0;

}


a.tip3 {
	border-bottom: 1px dashed;
	text-decoration: none;
	color: #666666;
}

a.tip3:hover {
	position: relative;
}

a.tip3 span{
	display:none;
}
a.tip3:hover span{
    display:block;
   	position: absolute; top: -250px; left: -100px;
	/* formatting only styles */
   	padding: 5px; margin: 10px; z-index: 100;
   	border: 1px solid #c0c0c0;
    text-decoration: none;
	padding-right: 20px;
	width:400px;
	background: #f0f0f0;
}


.image-details{
	float:left;
	width:410px;
}
.description-details{
	clear:both;
}
.more-info{
	float:left;
}
.price{
	color:#640000;

}
.price-details{
	color:#666666;
	font-weight:bold;
}
.through{
	text-decoration: line-through;
}
.view{
	float:left;
}
.buy{
	float:right;
	display:inline;
	margin-top:12px;
}
.pagination{
	clear:both;
	text-align:center;
}
.pagination a {
	color: #666666;
	text-decoration:underline;
	margin-right:15px;
}
.pagination-active{
	text-decoration:none; 
	font-weight: bold; 
	font-size:16px;
	margin-right:15px;
}
.footer{
	margin-left: auto;
	margin-right: auto;
	margin-top:1px;
	width:967px;
	height:56px;
	background-image: url(images/jewelry-footer.jpg);
	background-color:#D8DAD7;
	background-repeat: repeat-x;
	text-align:center;
	padding-top:13px;
}
.footer a {
	color: #000000;
	text-decoration:underline;
}
.form-label{
	float: left; 
	display: block; 
	height: 22px; 
	width: 80px;
	clear:left;
	margin-bottom:5px;
}
.form-field{
	border: 1px solid #999999;
	background:#FFFFFF;
	width:180px;
	vertical-align: middle; 
	float: left;
	margin-bottom:5px;
}
.form-button{
	border: 1px solid #999999;
	background:#FFFFFF;
	vertical-align: middle; 
	float: left;
	padding: 0px 20px 0px 20px;
}
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;
}
.articles-categories{
	width:180px;
	float: left;
	text-align:center;
}
.articlesBox{
	clear:both;
	width:723px;
	height:150px;
	border:#CCCCCC 1px solid;
	margin-bottom:15px;
	overflow:auto;
	padding:5px;
}
a {
	color: #666666;
	text-decoration:underline;
}