@charset "utf-8";
/* CSS Document */
body{
	padding:0;
	margin:0;
	background:url(../images/body-bg.jpg) #e8e7e7 repeat-x;
}
.page{
	width:1070px;
	background:#FFF;
	padding:0 0 50px 0;
	margin:0 auto 80px;
}
.header{
	width:952px;
	margin:0 auto;
	height:180px;
}
.header .logo{
	width:355px;
	float:left;
	margin:0;
	padding:20px 0 0 295px;
}
.header .logo img{
	border:none;
}
.header .search{
	width:295px;
	float:right;
	padding:20px 0 0 0;
}
.header .search .phone{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#a5a4a4;
	line-height:16px;
	width:110px;
	text-align:center;
	float:left;
	padding:3px 0 0;
}
.header .search .phone a{
	text-decoration:none;
	color:#a5a4a4;
}
.header .search .searchbox{
	width:185px;
	float:left;
}
.header .search .searchbox .searchfield{
	width:160px;
	height:15px;
	text-align:center;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b8b8b8;
	font-size:11px;
	line-height:15px;
	background:#FFFFFF;
	border:1px #b9b8b8 solid;
	margin:0;
	padding:2px 0 2px 0;
	float:left;
}
.header .search .searchbox .searchbut{
	float:left;
	margin:0;
	padding:0;
	border: 1px solid #b9b8b8;
}
.navigation{
	width:952px;
	padding:0;
	margin:0 auto;
	height:30px;
	border-bottom:1px #b9b8b8 solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}
.navigation ul{
	list-style:none;
	width:952px;
	margin:0;
	padding:0;
}
.navigation ul li{
	float:left;
}
.navigation ul li.contact{
	float:right;
}
.navigation ul li a{
	display:block;
	height:16px;
	padding:7px 0 7px 0;
	display:block;
	color:#929191;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
}
.navigation ul li:hover a{
	color:#cbcaca;
}
.navigation ul li.about a{
	width: 100px;
}
.navigation ul li.engagement a{
	width: 135px;
}
.navigation ul li.wedding a{
	width: 95px;
}
.navigation ul li.featproduct a{
	width: 185px;
}
.navigation ul li.jewerly a{
	width: 165px;
}
.navigation ul li.lowest a{
	width: 155px;
}
.navigation ul li.sell a{
	width: 135px;
}
.navigation ul li.contact a{
	width: 80px;
}
.navigation ul li ul{
	display:none;
}
.navigation ul li:hover{
	position:relative;
	z-index:999;
}
.navigation ul li:hover ul{
	display:block;
	position:absolute;
	z-index:1000;
}
.navigation ul li ul{
	background:#FFFFFF;
	border:1px #b9b8b8 solid;
	left:0;
	top:30px;
	width:auto;
	height:auto;
	padding:5px 0px 5px 10px;
}
.navigation ul li ul li{
	float:none;
	width:100%;
	color:#929191;
}
.navigation ul li ul li a{
	width:100%;
	text-transform:none;
	text-align:left;
	height:auto;
	padding:2px 0 3px;
	margin:0;
}
.navigation ul li.about ul{
	width:110px;
	left:0px;
}
.navigation ul li.wedding ul{
	width:194px;
	left:18px;
}
.navigation ul li.engagement ul{
	width:115px;
	left:24px;
}
.navigation ul li.engagement ul a{
	padding-left:0px;
}
.navigation ul li.jewerly ul{
	width:110px;
	left:23px;
}
.navigation ul li:hover ul li a{
	color:#929191;
}
.navigation ul li:hover ul li a:hover{
	color:#cbcaca;
}
.content{
	width:975px;
	margin:40px auto 0px;
	overflow:hidden;
	position:relative;
}
.content h1{
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	line-height:24px;
	color:#696969;
	margin:0;
	padding:0 0 20px 15px;
	font-weight:normal;
}
.content .orderby{
	width:150px;
	float:right;
	padding-right:15px;
}
.content .orderby ul{
	float:right;
	list-style:none;
	margin:0;
	padding:0;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#696969;
	font-size:12px;
	text-transform:uppercase;
}
.content .orderby ul li a{
	padding-right:20px;
	background:url(../images/li.jpg) right center no-repeat;
	display:block;
	width:130;
	height:16px;
	color:#696969;
	text-decoration:none;
}
.content .orderby ul li ul{
	display:none;
	border:1px #b9b8b8 solid;
	padding:10px;
	width:100px;
	background:#FFFFFF;
}
.content .orderby ul li:hover ul{
	display:block;
	position:absolute;
	top:15px;
	right:-4px;
	z-index:100;
}
.content .orderby ul li:hover{
	position:relative;
	z-index:99;
}
.content .orderby ul li ul li a{
	background:none;
	text-transform:none;
	padding:0;
}
.content .orderby ul li ul li a:hover{
	text-decoration:underline;
}
.productgrid{
	margin:0;
	padding:2px 0 0 0;
	overflow:hidden;
	list-style:none;
}
.productgrid li{
	float:left;
	position:relative;
	z-index:9;
}
.productgrid img{
	cursor:pointer;
}
.productgrid li.big div{
	width:470px;
	height:419px;
	padding:0 15px 30px 15px;
	background:url(../images/big-bg.jpg) no-repeat center bottom;
}
.productgrid li{
	margin:0px 0px 7px -8px;
}
.productgrid li.big{
	margin:0px -4px 0 -2px;
}
.productgrid li div img{
	border:1px #e5e5e6 solid;
}
.productgrid li div{
	width:228px;
	height:192px;
	background:url(../images/small-bg.jpg) no-repeat center bottom;
	padding:0 10px 28px 10px;
}
.allsmall{
	padding-left:11px;
	padding-top:2px;
}
.allsmall li{
	margin:0px 0px 7px -7px;
}
.hoverimg{
	border:3px #e5e5e6 solid !important;
	margin:-2px !important;
}
.productgrid div.descript{
	position:absolute;
	z-index:10;
	top:40%;
	left:10px;
	width:207px;
	background:#e5e5e5;
	padding:10px;
	height:auto;
	display:none;
}
.productgrid div.descript p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#757575;
	line-height:18px;
	text-align:center;
	margin:0;
	padding:0 0 10px 0;
}
.productgrid div.descript p.view{
	text-transform:uppercase;
	margin:0;
	padding:0;
}
.productgrid div.descript p.view a{
	text-decoration:none;
	color:#979797;
}
.productgrid li.big div.descript{
	position:absolute;
	z-index:10;
	top:62%;
	left:16px;
	width:448px;
	background:#e5e5e5;
	padding:10px;
	height:100px;
	display:none;
}
.productgrid li.big div.descript p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#757575;
	line-height:18px;
	text-align:center;
	margin:0;
	padding:20px 0 10px 0;
}
.productgrid li.big div.descript p.view{
	text-transform:uppercase;
	margin:0;
	padding:0;
}
.productgrid li.big div.descript p.view a{
	text-decoration:none;
	color:#979797;
}
.singleproduct{
	width:500px;
	margin:0;
	padding:0 10px 20px 0;
	float:left;
}
.singlebig {
    background: url(../images/big-bg.jpg) no-repeat scroll center bottom transparent;
    height: 419px;
    padding: 0 15px 30px;
    width: 470px;
	overflow:hidden;
	position:relative;
	z-index:9;
}
.singlebig .singimbig{
	position:absolute;
	top:0;
	left:15px;
	border:1px solid #E5E5E6;
	display:none;
}
.single h1{
	padding:0 0 25px 0;
}
.single p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:24px;
	color:#858585;
	margin:0;
	padding:0 0 25px 0;
}
.single .singleproduct p{
	padding:0 0 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4c4b4b;
	font-size:13px;
	line-height:13px;
}
.single .singleproduct ul{
	list-style:none;
	margin:0;
	padding:0;
	margin:10px 0 0 13px;
	overflow:hidden; 
}
.single .singleproduct ul li{
	float:left;
	margin:0 20px 0 0;
	padding:2px 0 0 2px;
}
.single .singleproduct ul li img{
	border:1px solid #E5E5E6;
	cursor:pointer;
}
.single .singleproduct ul li img.hoverthumb{
	border:3px solid #E5E5E6;
	margin:-2px;
}
.single .singleproduct ul li img.clicked{
	border:3px solid #E5E5E6;
	margin:-2px;
}
.login label{
	width:80px;
	color: #B8B8B8;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
	height:19px;
	display:block;
	float:left;
}
.login{
	margin:0;
	padding:0 0 0 15px;
}
.login input{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B9B8B8;
    color: #B8B8B8;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 17px;
    line-height: 15px;
    margin: 0;
    padding: 0px 5px 2px;
    text-align: left;
    width: 160px;
	float:left;
}
.login p{
	clear:both;
	margin:0;
	overflow:hidden;
	padding:0 0 15px;
}
.login .loginbt{
	padding:2px;
	height:26px;
	width:65px;
	text-align:center;
	cursor:pointer;
	color: #FFFFFF;
	background: #B9B8B8;
	border-radius:3px;
	margin:0 0 0 186px;
}
table.prodlist { 
	width: 950px; 
	border-collapse: collapse;
	margin:0 0 0 15px;
	color:#727272; 
}
.prodlist tr:nth-of-type(odd) { 
	background: #f4f4f4; 
}
.prodlist th { 
	background: #696969; 
	color: white; 
	font-weight: bold;
}
.prodlist td, .prodlist th { 
	padding: 6px; 
	border: 1px solid #ccc; 
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.singprod{
	margin:0 0 0 15px;
	width: 950px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #727272;
}
.singprod input{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B9B8B8;
    color: #727272;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    margin: 0;
    padding: 2px 0;
    text-align: left;
    width: 250px;
}
.singprod.add-category input{
	min-width: 500px
}
.singprod input.save{
	min-width: 80px
}
.singprod select{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B9B8B8;
	width: 252px;
	margin: 0;
	color: #727272;
    font-family: Arial,Helvetica,sans-serif;
	height: 22px;
	font-size: 13px;
}
.singprod textarea{
	width:725px;
	height:260px;
	font-family: Arial,Helvetica,sans-serif;
}
ul.prodimages{
	margin:0;
	padding:0;
	list-style:none;
	overflow:auto;
	width:770px;
}
ul.prodimages li{
	width:170px;
	margin:15px 20px 15px 0;
	border:1px #B9B8B8 solid;
	float:left;
	position:relative;
	height:151px;
}
ul.prodimages li a.del{
	position:absolute;
	right:-15px;
	top:-15px;
	width:30px;
	height:30px;
	background:url(../images/fancy_close.png) no-repeat;
	display:none;
	cursor:pointer;
}
ul.prodimages li:hover a{
	display:block;
}
input.save{
	width:102px;
	height:30px;
	margin:0;
	padding:0;
	border:none;
}
img a{
	border:none;
	cursor:pointer;
}
.uploadimage{
	overflow:hidden;
	width:973px;
}
.uploadimage h1{
	color: #696969;
    font-family: "Times New Roman",Times,serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    margin: 0;
    padding: 0 0 20px;
}
.uploadimage img{
	border:1px #999999 solid;
	float:left;
}
.uploadimage #thumbs{
	margin-left:30px;
}
.prodlist a{
	color:#727272;
	text-decoration:none;
}
.prodlist a:hover{
	color:#727272;
	text-decoration:underline;
}
#addnewim{
	cursor:pointer;
}
.saved{
	width:200px;
	text-align:center;
	background:#CCCCCC;
	border-radius:10px;
	box-shadow:0px 0px 10px #000000;
	height:auto;
	position:absolute;
	top:10px;
	left:390px;
	opacity:0.5;
	color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
	display:none;
}
.actionmessage{
	display:none;
	width:300px;
	background-color: rgba(240, 240, 240, 0.9);
	color:#c40202;
	position:fixed;
	left:40%;
	top:40%;
	box-shadow: 0 0 5px #000000;
	text-align:center;
}
.mobile-nav{
	display: none;
	float: left;
	padding-top: 22px;
	width: 30%;
	margin-left: 3%;
}
.menu-link{
	/*text-indent: -9999px;*/
	overflow: hidden;
	min-width: 30px;
	padding: 11px 2%;
	width: 95%;
	background: #b9b8b8;
	border: 1px #b9b8b8 solid;
	display: block;
	text-align: center;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#navigation{
	display: block;
}

/*mobile responsive*/

@media all and (max-width: 460px){
	.page,
	.header,
	.header .logo,
	.navigation,
	.content{
		width:100%;
	}
	.header{
		height: auto;
	}
	.header .logo{
		text-align: center;
		padding-left: 0;
		width:60%;
	}
	.header .logo img{
		width: 90%;
		max-width: 355px;
	}
	.login label{
		width:30%;
	}
	.login input{
		width:60%;
	}
	.login .loginbt{
		float:right;
		margin-left:0;
		margin-right:7%;
	}
	/*.header .search{
		width: 205px;
		float: right;
	}*/
	.header .search{
		width: 40%;
		float: right;
		padding-top:58px;
	}
	.header .search .searchbox .searchfield{
		width: 82%;
		
	}
	.header .search .searchbox .searchfield,
	.header .search .searchbox .searchbut{
		-webkit-appearance: none;
		border-radius: 0;
	}
	.header .search .searchbox{
		width:100%;
	}
	.navigation{
		clear: both;
		height:50px;
	}
	.navigation ul{
		width:100%;
	}
	.navigation li{
		width:20%;
	}
	.navigation>ul>li{
		padding-top: 12px;		
	}
	
	.navigation ul li.featproduct{
		padding-top:5px;
	}
	.navigation ul li a,
	.navigation ul li.about a,
	.navigation ul li.engagement a,
	.navigation ul li.wedding a,
	.navigation ul li.featproduct a,
	.navigation ul li.contact a{
		width:100%;
	}
	table.prodlist{
		width:100%;
		margin: 0 auto;
		max-width: 360px;
	}
	.prodlist th{
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr{ 
		display: block; 
	}
	
	.prodlist tr {
		clear: both;
		margin-bottom: 20px;
	}
	.prodlist tr:nth-of-type(odd){
		background: #ffffff;
	}
	.prodlist td {
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		text-align: left;
		padding: 10px 1% 10px 34%;
		width:65%;
		min-height: 14px;
	}
	
	.prodlist td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 10px;
		left: 6px;
		width: 34%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}
	.prodlist tr:after{
		content: " "; 
	    visibility: hidden;
	    display: block;
	    height: 0;
	    clear: both;
	}
	.prodlist td:nth-of-type(1){
		padding-top: 30px;
		padding-bottom:15px;
		padding-left: 2%;
		width: 97%;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
		background: #f4f4f4;
		/*color: #ffffff;*/
	}
	.prodlist td:nth-of-type(7),
	.prodlist td:nth-of-type(8){
		padding-left: 1%;
		padding-right: 5%;
		width:44%;
		float: left;
		text-align: right;
	}
	.prodlist td:nth-of-type(4){
		text-align: left!important;
	}
	.prodlist td:nth-of-type(7) a,
	.prodlist td:nth-of-type(8) a,
	.prodlist.categories td:nth-of-type(2) a,
	.prodlist.categories td:nth-of-type(3) a,
	.prodlist.categories td:nth-of-type(4) a{
		font-style: italic;
		text-decoration: underline;
	}
	
	.prodlist td:nth-of-type(1):before { 
		content: "Product Name:";
		font-weight: normal; 
		font-size: 12px;
	}
	.prodlist td:nth-of-type(2):before { content: "Item #:"; }
	.prodlist td:nth-of-type(3):before { content: "Category:"; }
	.prodlist td:nth-of-type(4):before { content: "Price:"; }
	.prodlist td:nth-of-type(5):before { content: "Date:"; }
	.prodlist td:nth-of-type(6):before { content: "Status:"; }
	.prodlist td:nth-of-type(4){
		width: 60%;
		padding-right: 5%;
		padding-left: 34%;
		text-align: right;
	}
	
	.prodlist.categories td:nth-of-type(1){
		padding-top: 20px;
		padding-bottom: 10px;
		padding-left: 22%;
		width: 77%;
	}
	
	.prodlist.categories td:nth-of-type(1):before{ 
		content: "Category:"; 
		font-weight: normal; 
		font-size: 12px;
		top: 20px;
	}
	.prodlist.categories td:nth-of-type(2),
	.prodlist.categories td:nth-of-type(3),
	.prodlist.categories td:nth-of-type(4){
		width: 30%;
		float: left;
		padding-left: 1%;
		float: left;
		text-align: right;
	}
	.prodlist.categories td:nth-of-type(2):before,
	.prodlist.categories td:nth-of-type(3):before,
	.prodlist.categories td:nth-of-type(4):before{
		content: " ";
	}
	.prodlist.categories tr:nth-of-type(even) {
		background: #f4f4f4;
	}
	.prodlist.categories td:nth-of-type(1){
		background: none;
	}
	.prodlist.order td:nth-of-type(2),
	.prodlist.order td:nth-of-type(3){
		padding-top: 30px;
		padding-bottom:15px;
		padding-left: 2%;
		width: 97%;
		text-align: left;
	}
	.prodlist.order td:nth-of-type(2):before,
	.prodlist.order td:nth-of-type(3):before{
		font-weight: normal; 
		font-size: 12px;
	}
	.prodlist.order td:nth-of-type(1):before { content: "Product Ordered:"; }
	.prodlist.order td:nth-of-type(2):before { content: "Billing Address:"; }
	.prodlist.order td:nth-of-type(3):before { content: "Shipping Address:"; }
	.prodlist.order td:nth-of-type(4):before { content: "Date:"; }
	.prodlist.order td:nth-of-type(5):before { content: "Sub-total:"; }
	.prodlist.order td:nth-of-type(6):before { content: "Tax:"; }
	.prodlist.order td:nth-of-type(7):before { content: "Total Amount:"; }
	
	.prodlist.order td:nth-of-type(5),
	.prodlist.order td:nth-of-type(6),
	.prodlist.order td:nth-of-type(7){		
		width: 60%;
		padding-right: 5%;
		padding-left: 34%;
		text-align: right;
	}
	.prodlist.categories td:nth-of-type(4),
	.prodlist.order td:nth-of-type(4){
		text-align: right!important;
	}

	.singprod{
		width:100%;
		margin-left:0;
	}
	.singprod>form>table>tbody>tr>td:nth-child(1),
	.singprod>form>table>tbody>tr>td:nth-child(2),
	.singprod>form>table>tbody>tr>td:nth-child(3),
	.singprod>form>table>tbody>tr>td:nth-child(4){
		width: 96%;
	}
	.singprod input{
		width: 98%;
		padding: 7px 1%;
	}
	.singprod.add-category input{
		min-width: 80px
	}
	.singprod input.save {
		width:102px;
	}
	.singprod select{
		width: 100%;
	}
	#sp_descr_tbl{
		width:100% !important;
	}
	tr.mceFirst{
		background: #f4f4f4 !important;
		border-top: 1px solid #cccccc !important;
		border-bottom: 1px solid #cccccc !important;
	}
	.o2k7Skin .mceIframeContainer{
		border-top:0px solid #ffffff !important;
		border-bottom:0px solid #ffffff !important;
	}
	.o2k7Skin table td{
		display: table-cell;
	}

	ul.prodimages{
		width:100% !important;
	}
	ul.prodimages li{
		width: 47%;
		margin-left: 1%;
		margin-right: 1%;
		text-align: center;
	}
}
@media all and (max-width: 400px){
	.mobile-nav{
		display: block;
	}
	
	#navigation{
		display: none;
	}
	.header .logo{
		width:100%;
		float:none;
	}
	.header .logo img{
		width:70%;
	}
	.header .search{
		width: 60%;
		padding-top: 20px;
	}
	.header .search .searchbox .searchfield{
		padding-bottom: 12px;
		padding-top: 12px;
	}
	.header .search .searchbox .searchbut{
		padding-bottom: 10px;
		padding-top: 10px;
		background: #d0cfcf;
	}
	.navigation{
		height: auto;
		/*border-bottom:0 solid #ffffff;*/
		padding-top: 10px;
		
	}
	#navigation{
		background: #f4f4f4;
	}

	.navigation ul li,
	.navigation ul li.contact,
	.navigation ul li.about ul,
	.navigation ul li.engagement ul{
		float: none;
		width: 100%;
	}
	.navigation ul li ul,
	.navigation ul li:hover ul,
	.navigation ul li.about ul,
	.navigation ul li.engagement ul{
		background: #f4f4f4 ;
		border:0px solid #f4f4f4;
		position: relative;
		width: 80%;
		left: 0;
		top: 0;
		padding-left: 20%;
		display: none;

	}
	.navigation ul li a, 
	.navigation ul li.about a, 
	.navigation ul li.engagement a, 
	.navigation ul li.wedding a, 
	.navigation ul li.featproduct a, 
	.navigation ul li.contact a{
		text-align: left;
		width:90%;
		padding: 11px 0 11px 10%;
		font-size: 14px;
	}
	.navigation ul li.second{
		background: url(../images/li.jpg) 3% 16px no-repeat;
	}
	.content{
		margin-top:20px;
	}
	.content h1{
		padding-bottom: 5px;
	}
	.navigation>ul>li,
	.navigation>ul>li.featproduct {
		padding-top: 0;
	}
	.navigation ul li:hover a{
		color: #929191;
	}

}
@media all and (max-width: 380px){
	ul.prodimages li{
		width: 80%;
		margin-left:10%;
	}

}