.clear { clear: both; }

body, html{

	margin:0px;

} /* mine */



body{

	background-color:#1a1a1a;

	font-family:verdana;

	font-size:11px;

	text-align:center;

	margin:0px;

}

#blog_link {
	position: absolute;
	top: 0; left: 50%;
	color: #fff;
	margin-left: -450px;
}
#blog_link a {
	display: block;
	width: 124px; height: 40px;
	background: url('http://www.abcjewelry.net/images/blog/blog_sprite.png') no-repeat left top;
	text-indent: -9999px;
}
#blog_link a:hover {
	background-position: left -40px;
}


#backcontain{

	width:100%;

	height:500px;

	text-align:left;

	background-image:URL(../../images/back_abc.jpg);

	position:relative; /* mine */

	overflow:hidden; /* mine */

	z-index:500;

}



#maincontain{

	width:900px;

	height:500px;

	background-color:#fff;

	margin:auto;

	position:relative; /* mine */

}



#goldcolumn{

	width:20px;

	height:500px;

	float:left;

	background-image:URL(../../images/goldcolumn.jpg);

}



#content{

	width:860px;

	height:470px;

	color:#626262;

	float:left;

	line-height:18px;

	z-index:1000;

}



#content a{font-weight:bold; text-decoration:none; color:#626262;}

#content a:hover{color:#ccc;}

#content span{color:#e1be46;}

#content a.gold{text-decoration:none; color:#e1be46; font-weight:normal;}

#content a.gold:hover{color:#ead58b;}



#content_white{

	width:860px;

	height:470px;

	color:#fff;

	float:left;

	line-height:18px;

	z-index:1000;

}



#content_white a{font-weight:bold; text-decoration:none; color:#fff;}

#content_white a:hover{color:#ccc;}

#content_white span{color:#e1be46;}



#nav{

	width:860px;

	height:30px;

	background-image:URL(../../images/back_nav.gif);

	float:left;

	text-align:center;

	line-height:29px;

}



#nav a.navmain{

	color:#f2f2f2;

	padding:9px 20px 9px 20px;

	border-right:solid 1px;

	font-size:10px;

	letter-spacing:3px;

	text-decoration:none; /* mine */

}



#nav a.navmain:hover{background-color:#F2F2F2; color:#808080;}

#nav a.hover{background-color:#F2F2F2; color:#808080;}  /* mine */



#footercontain{

	width:900px;

	margin:auto;

	color:#fff;

	letter-spacing:1px;

	text-align:center;

	margin-top:10px;

	padding-bottom:10px;

	z-index:1;

}



#footercontain a{color:#fff; text-decoration:none;}

#footercontain a:hover{color:#ccc;}

#footercontain p.tag{color:#4a4a4a; text-align:center; font-size:10px; letter-spacing:0;}

#footercontain p.tag a{color:#4a4a4a; text-decoration:none;}

#footercontain p.tag a:hover{color:#666;}



input{font-size:11px; color:#626262; width:120px;}

textarea{font-size:11px; color:#626262;}

select{font-size:11px; color:#626262;}



#content.homepage a { color:#E1BE46; }
#content.homepage a:hover { color:#626262; }

img{border:none;}

a.diamondshape_rou{display:block; width:70px; height:35px; background-image:URL(../../images/d_round.gif);}
a.diamondshape_rou:hover{filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_round_o.gif);}
a.diamondshape_rou_o{display:block; width:70px; height:35px; filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_round_o.gif);}

a.diamondshape_ass{display:block; width:70px; height:35px; background-image:URL(../../images/d_asscher.gif);}
a.diamondshape_ass:hover{filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_asscher_o.gif);}
a.diamondshape_ass_o{display:block; width:70px; height:35px; filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_asscher_o.gif);}

a.diamondshape_cus{display:block; width:70px; height:35px; background-image:URL(../../images/d_cushion.gif);}
a.diamondshape_cus:hover{filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_cushion_o.gif);}
a.diamondshape_cus_o{display:block; width:70px; height:35px; filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_cushion_o.gif);}

a.diamondshape_eme{display:block; width:70px; height:35px; background-image:URL(../../images/d_emerald.gif);}
a.diamondshape_eme:hover{filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_emerald_o.gif);}
a.diamondshape_eme_o{display:block; width:70px; height:35px; filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_emerald_o.gif);}

a.diamondshape_hea{display:block; width:70px; height:35px; background-image:URL(../../images/d_heart.gif);}
a.diamondshape_hea:hover{filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_heart_o.gif);}
a.diamondshape_hea_o{display:block; width:70px; height:35px; filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_heart_o.gif);}

a.diamondshape_mar{display:block; width:70px; height:35px; background-image:URL(../../images/d_marquise.gif);}
a.diamondshape_mar:hover{filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_marquise_o.gif);}
a.diamondshape_mar_o{display:block; width:70px; height:35px; filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_marquise_o.gif);}

a.diamondshape_ova{display:block; width:70px; height:35px; background-image:URL(../../images/d_oval.gif);}
a.diamondshape_ova:hover{filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_oval_o.gif);}
a.diamondshape_ova_o{display:block; width:70px; height:35px; filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_oval_o.gif);}

a.diamondshape_pea{display:block; width:70px; height:35px; background-image:URL(../../images/d_pear.gif);}
a.diamondshape_pea:hover{filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_pear_o.gif);}
a.diamondshape_pea_o{display:block; width:70px; height:35px; filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_pear_o.gif);}

a.diamondshape_pri{display:block; width:70px; height:35px; background-image:URL(../../images/d_princess.gif);}
a.diamondshape_pri:hover{filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_princess_o.gif);}
a.diamondshape_pri_o{display:block; width:70px; height:35px; filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_princess_o.gif);}

a.diamondshape_rad{display:block; width:70px; height:35px; background-image:URL(../../images/d_radiant.gif);}
a.diamondshape_rad:hover{filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_radiant_o.gif);}
a.diamondshape_rad_o{display:block; width:70px; height:35px; filter: alpha(opacity=50); -moz-opacity: .50; -khtml-opacity: .50; opacity: .50; background-image:URL(../../images/d_radiant_o.gif);}


#diamond {text-align:center;}
#diamond .row1 {background-color:#eee;}
#diamond .row1:hover {background-color:#e9ca4d;}
#diamond .row1 span{color:#d58700;}
#diamond .row1:hover span{color:#fff;}
#diamond .row2 {background-color:#fff;}
#diamond .row2 span{color:#d58700;}
#diamond .row2:hover {background-color:#e9ca4d;}
#diamond .row2:hover span{color:#fff;}

#diamond a{color:#fff; text-decoration:none;}
#diamond a:hover{color:#ccc;}

#diamond a.csofdia{color:#fff; text-decoration:underline;}
#diamond a.csofdia:hover{color:#1a1a1a;}

#diamond a.more{color:#c2922e; text-decoration:none; cursor:pointer;}
#diamond a.more:hover{color:#000;}

p{margin:10px 0 10px 0;}



/*-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/*	OUTLAW PAGE EDITIONS	*/
/*-=-=-=-=-=-=-=-=-=-=-=-=-=*/


a img {

	border:none;

}

#showcase {
	
	position:relative;

	top:0;

	left:0;

	width:443px;

	height:470px;

	background-color:#ccc;

	overflow:hidden;

}



#slidecontrol {

	position:absolute;

	bottom:20px;

	left:50px;

	overflow:hidden;

	width:287px;

	height:69px;

	padding:16px 29px 0 26px;

	background:transparent url(/images/showcase/slidebg.png);

	z-index:99999;

}



div.slideleft {

	float:left;

	width:61px;

	height:53px;

}



div.slideright {

	float:right;

	width:61px;

	height:53px;

}



div.slidetext {

	color:#D7BB63;

	text-align:center;

	font-size:14px;

	padding-top:4px;

}



div.slidetext a {padding:0 5px;}
#content div.slidetext a.activeSlide {color:#D7BB63;}
a {outline:0;}
div.imgcontainer.active {border:5px solid #CFAA36;}



div.imgcontainer {

	float:left;

	width:175px;

	height:108px;

	overflow:hidden;

	border:5px solid #888787;

	margin:0 7px 7px 0;

}
div.imgcontainer img {
	width: 175px;
}


div.slidedesc {

	text-align:center;

	color:#D7BB63;

	font-weight:bold;

	background-color:transparent;

}

div.slidedesc div {

	/*width:100%;*/

	text-align:center;

	padding-top:3px;

	background-color:transparent;

}


/* --  New Jewelry Page Styles -- */
	ul#jewelry_nav {
		list-style: none;
		height: 45px;
		margin-bottom: 50px;
	}
	#jewelry_nav li {
		display: block;
		height: 45px;
		line-height: 45px;
		font-size: 15px;
		text-transform: uppercase;
		float: left;
		text-align: center;
		background: #ccc;
		color: #fff;
		margin-right: 1px;
		position: relative;
	}
	#jewelry_nav li.last { margin-right: 0; }
	#jewelry_nav li.active,
	#jewelry_nav li:hover { background: url('../../images/jewelry_nav_bg.jpg') repeat-x left top; }

	#jewelry_nav li a {
		display: block;
		color: #fff;
		font-weight: normal;
	}
	#jewelry_nav li a:hover {
		color: #fff;
	}
	#jewelry_nav li div { width: 100%; }

	.jewelry_subnav {
		position: absolute;
		top: 45px; left: 0;
		display: none;
		background: #eee;
	}
	.jewelry_subnav.show { display: block; }
	.jewelry_subnav a {
		color: #000 !important;
		display: block;
		width: 14px; height: 14px;
		float: left;
		border-right: 1px solid #fff;
		font-size: 10px;
		text-indent: -9999px;
		background: #ccc;
	}
	.jewelry_subnav a:hover,
	.jewelry_subnav a.active {
		background: #d8b458;
	}
	.jewelry_subnav a.last {
		border-right: 0;
	}
	.jewelry_subnav .subsection {
		display: block;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		background: #d8b458;
		border-top: 1px solid #fff;
		margin: 0;
	}

	#jewelry_pages {
		float: right;
	}
	#jewelry_pages a {
		display: block;
		float: left;
		width: 15px; height: 15px;
		background: #ccc;
		margin-right: 1px;
		font-size: 10px;
		line-height: 15px;
		text-align: center;
		font-weight: normal;
		color: #555;
	}
	#jewelry_pages a:hover,
	#jewelry_pages a.hover {
		background: #eeca50;
		color: #555;
	}

	#jewelry_gallery table {
		border-top: 1px solid #7f7f7f;
		border-left: 1px solid #7f7f7f;
		border-right: 1px solid #7f7f7f;
		border-collapse: collapse;
		border-spacing: 0px;
	}
	#jewelry_gallery td {
		border-bottom: 1px solid #7f7f7f;
		border-right: 1px solid #7f7f7f;
	}
	#jewelry_gallery td .contain,
	#jewelry_gallery td .contain_outter {
		display: block;
		width: 142px; height: 142px;
		position: relative;
	}
	#jewelry_gallery td .contain,
	#jewelry_gallery td .contain_large { overflow: hidden; }
	#jewelry_gallery td .contain_large,
	#jewelry_gallery td .contain_outter_lrg {
		display: block;
		width: 285px; height: 285px;
		position: relative;
	}

	#jewelry_gallery .contain img {
		width: 140px;
	}
	#jewelry_gallery .contain img:hover {
	/*	width: 240px;
		margin: -50px 0 0 -50px; */
	}
	#jewelry_gallery .contain_large img {
		width: 280px;
	}
	#jewelry_gallery .contain_large img:hover {
	/*	width: 410px;
		margin: -65px 0 0 -65px; */
	}

	.sm_rht_hover, .sm_lft_hover {
		position: absolute;
		display: none;
		background: #eeca50;
		z-index: 1000;
		height: 122px;
		color: #fff;
		padding: 10px;
	}
	.sm_rht_hover { right: -143px; width: 123px; }
	.sm_lft_hover { left: -143px; width: 123px; }
	.sm_highlight {
		position: absolute;
		display: none;
		left: 0; top: 0;
		border: 5px solid #eeca50;
		width: 134px; height: 132px;
		z-index: 1001;
		overflow: hidden;
	}
	.sm_highlight img {
		width: 140px;
		margin: -5px 0 0 -5px;
	/*	width: 240px;
		margin: -55px 0 0 -55px; */
	}
	.lrg_highlight {
		position: absolute;
		display: none;
		left: 0; top: 0;
		border: 5px solid #eeca50;
		width: 276px; height: 275px;
		z-index: 1001;
		overflow: hidden;
	}
	.lrg_highlight img {
		width: 280px;
		margin: -5px 0 0 -5px;
	/*	width: 410px;
		margin: -70px 0 0 -70px; */
	}


	.sm_rht_hover h4, .sm_lft_hover h4 {
		font-size: 13px;
	}
	.sm_rht_hover p, .sm_lft_hover p {
		font-size: 11px;
		margin: 0;
	}
	.sm_rht_hover span, .sm_lft_hover span {
		font-size: 11px;
		color: #fff !important;
		position: absolute;
		bottom: 10px;
	}

	.lrg_rht_hover, .lrg_lft_hover {
		position: absolute;
		display: none;
		width: 124px; height: 265px;
		background: #eeca50;
		z-index: 1000;
		padding: 10px;	
		color: #fff;
	}
	.lrg_rht_hover { right: -143px; }
	.lrg_lft_hover { left: -143px; }


	.lrg_rht_hover h4, .lrg_lft_hover h4 {
		font-size: 14px;	
	}
	.lrg_rht_hover p, .lrg_lft_hover p {
		font-size: 11px;
		margin: 0;
	}
	.lrg_rht_hover span, .lrg_lft_hover span {
		font-size: 11px;
		color: #fff !important;
		position: absolute;
		bottom: 10px;
	}


	#jewelry_gallery td:last-child {
		border-right: none;
	}
	
	#jewelry_nextprev_sm a {
		display: block;
		width: 10px; height: 9px;
		overflow: hidden;
		margin: 2px;
	}
	#jewelry_nextprev_sm a:hover img { display: none; }
	a.jewelry_prev_sm {
		display: block !important;
		width: 10px !important; height: 9px !important;
		overflow: hidden;
		margin: 2px 6px !important;
		background: url('../../images/prev_page_sm.png') no-repeat left -9px #fff !important;
	}
	a.jewelry_next_sm {
		display: block !important;
		width: 10px !important; height: 9px !important;
		overflow: hidden;
		margin: 2px 6px !important;
		background: url('../../images/next_page_sm.png') no-repeat left -9px #fff !important;
	}
	a.jewelry_next_sm:hover img, a.jewelry_prev_sm:hover img { display: none; }
	
	#jewelry_nextprev {
		height: 26px;
	}
	#jewelry_nextprev a {
		display: block;
		width: 36px; height: 26px;
		overflow: hidden;
		margin: 10px;
	}
	#jewelry_nextprev a:hover img { display: none; }
	#jewelry_nextprev a.jewelry_prev {
		background: url('../../images/prev_page.png') no-repeat left -26px;
	}
	#jewelry_nextprev a.jewelry_next {
		background: url('../../images/next_page.png') no-repeat left -26px;
	}