.shoppingcart-hold ul { list-style:none;}
.clear { clear:both;}
div#headerBottom { position:relative; z-index:100;}
/* top tanzanite navigation */
ul#navigation {	float: left;}	
ul#navigation li { float: left;	position: relative;}
ul#navigation li a {
	display: block;
	color: #6a6a6a;
	font: 11px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 9px 7px 9px 7px;
}

ul#navigation li a:hover, ul#navigation li.on a { color: #e1e1e1; }
ul#navigation.homepage li a { color: #e1e1e1;}
ul#navigation li.popup:hover a { color: #fff;}

div.navigationPopup#NewsLetterSubscription:onmouseout { background-position: -559px -106px;}
/* navigation ends */

/*Popups*/
div.navigationPopup {
	display: none;
	position:absolute;
	width:200px;
	background:url(../images/nav-bg.png);
	border:solid 1px #1a5288; border-top:none;
	margin-top:1px;
	z-index:100;
}
div#header ul#navigation li {}
div#header ul#navigation li div.navigationPopup { padding:10px 0 10px 0;}
div#header ul#navigation li div.navigationPopup ul {
	margin-bottom:15px;
	padding:0 5px 5px 5px;
}

div#header ul#navigation li div.navigationPopup ul li {
	width:100%;}

/*AF*/
div#header ul#navigation li div.navigationPopup h3 { width:95%; margin:0 auto; font-size:16px; border-bottom:solid 1px #0b447c; margin-bottom:10px; color:#6a6a6a; padding-bottom:8px;}
div#header ul#navigation li div.navigationPopup ul li a.link {
	font-size:10px;
	color:#fff;
	cursor:pointer;
	padding:3px 10px;
}

div#header ul#navigation li div.navigationPopup ul li a.link:hover { color:#ccc; text-decoration:underline;}

div#header li div.navigationPopup div.toptanzanite-add { margin-top:10px !important;}
div#header li div.navigationPopup div.toptanzanite-add div.toptanzanite-addDetails { float:left; max-width:266px;}
div#header li div.navigationPopup div.toptanzanite-add div.toptanzanite-addDetails h1 { font-size:16px; padding-top:10px !important; color:#ffffff; font-weight:normal; }
div#header li div.navigationPopup div.toptanzanite-add div.toptanzanite-addDetails h2 { font-size:12px; font-style:italic; font-weight:normal; color:#ffffff;}
div#header li div.navigationPopup h4 { color:#ccc; font-size:10px !important;}
div#header li div.navigationPopup div.toptanzanite-add a.view {
	background: #d2ab67;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	color:#000;
	display:block;
	padding:6px 3px;
	voice-family: "\"}\""; voice-family:inherit;
	cursor:pointer;
	text-indent:0;
	margin-top:3px;
}

/*--------------------------------Shopping Bag----------------------------------*/
li#umShopBag div.navigationPopup {
	width:330px;
	right:0;
	margin-top:2px;
	padding:10px;
}
ul.popupShopBag {
	border-bottom:1px solid #0b447c;
	padding:0 10px 20px 20px;
}

li#umShopBag div.navigationPopup #cart-list { border-bottom:dashed 1px #333; padding:5px 0 0px 0;}
li#umShopBag div.navigationPopup td { vertical-align:middle; font-size:10px; color:#fff;}
li#umShopBag div.navigationPopup .p-price { font-weight:bold; color:#d2ab68; width:10%; font-size:12px;}

li#umShopBag div.navigationPopup ul.popupShopBagSubTotal {
	padding:7px 15px;
	background-color:#003363;
	border-bottom:1px solid #0b447c;
	margin-bottom:10px;
}

li#umShopBag div.navigationPopup ul.popupShopBagSubTotal li.subTotalText {
	font-size: 14px;
	color: #999;
	float: left;
	width: auto;
	font-weight:bold;
}

li#umShopBag div.navigationPopup ul.popupShopBagSubTotal li.subTotalPrice {	text-transform: uppercase; font-size: 18px;
	color: #fff;
	font-family:Arial;
	float: right;}

li#umShopBag div.navigationPopup div.purchaseCon div.viewMyBag { float:left; width:160px;}
li#umShopBag div.navigationPopup div.purchaseCon div.viewMyBag a {
	display:block;
	height:23px;
	padding:6px 0;
	text-align:center;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:17px;
	background:none;
	color:#000; font-size:12px;
	background-color:#e6e6e6;
}
li#umShopBag div.navigationPopup div.purchaseCon div.viewMyBag a:hover { background-color:#fff; color:#000; }

li#umShopBag div.navigationPopup div.purchaseCon div.purchase { float:right; width:160px;}
li#umShopBag div.navigationPopup div.purchaseCon div.purchase a {
	background-color:#48A0CB; color:#000;
	display:block;
	border:1px solid #000;
	height:23px;
	padding:6px 0;
	text-align:center;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:17px;
	font-size:12px;
}
li#umShopBag div.navigationPopup div.purchaseCon div.purchase a:hover { border:1px solid #333333; color:#fff; }
ul#userMenu li#umShopBag div.popupClose { margin:0; width:331px;}
ul#userMenu li#umShopBag div.popupClose a { width:331px;}
ul#userMenu li#umShopBag div.popupClose a:hover { color:#FFF;}
/*Popups*/


/*------------------------------- search box -------------------------------------*/

div#searchBox {
    float: right;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    left: 21px;
    margin-right: 0;
    
    position: relative;
}
div#searchBox a {
	background: url(../images/search-icon.png) right 2px no-repeat;
	display: block;
	width: 60px;
	color: #999;
	text-align: right;
	padding: 8px 25px 8px 0;
	font: 11px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
div#searchBox.on a, div#searchBox.on a:hover { background: url(../images/search-icon.png) #003363 right -96px 1px no-repeat; color: #E1E1E1;}
div.searchBoxHover {
	display: none;
	position:absolute;
	left:-240px;
	padding:13px 0 0 20px;
	background: url(../images/nav-bg.png);
	width:331px;
	height:54px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:41px;
	width:311px;
	border:solid 1px #0b447c; border-top:none;
}

div.searchBoxInput { float:left;}
div.searchBoxInput input {
	height:25px;
	border:none;
	border-top:1px solid #b2b2b2;
	padding:0 5px;
	font-size:13px;
	color: #000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	width:242px;
}

div.searchBoxButton { float:left; width: 39px;}
div#searchBox div.searchBoxButton a, div#searchBox input[type="submit"] {
	background: url(../images/search-icon.png) 0 -173px no-repeat;
	display: block;
	width: 100%;
	height: 29px;
	text-indent: -9999px;
	text-align: left;
	padding: 0;
	cursor:pointer;
	border:none;
}
/* search box ends */

/* -----------------------------------Share icon ----------------------------------------*/
.share { z-index:100; width:240px; margin:0 auto; margin-top:14px; }
.share ul li{
	float:left;
	width:28px;
	height:28px;
	margin-right:5px;
	background-repeat: no-repeat;
	background-image:url(../images/share_new.png);
	list-style-type:none;
	-webkit-transition-property:background-color, background-position;
	-moz-transition-property:background-color, background-position;
	-ms-transition-property: background-color, background-position;
	transition-property: background-color, background-position;
	-ms-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor:pointer;
}
.share ul li a { display:block; width:28px; height:28px;}
.share ul li.facebook {	background-position: 0px 0px;}
.share ul li.facebook:hover { background-position: 0px -28px;}
.share ul li.twitter { background-position: -28px 0px;}
.share ul li.twitter:hover { background-position: -28px -28px;}
.share ul li.youtube { background-position: -56px 0px;}
.share ul li.youtube:hover { background-position: -56px -28px;}
.share ul li.pinterest { background-position: -84px 0px;}
.share ul li.pinterest:hover { background-position: -84px -28px;}
.share ul li.gplus { background-position: -112px 0px;}
.share ul li.gplus:hover { background-position: -112px -28px;}
.share ul li.linkedin { background-position: -140px 0px;}
.share ul li.linkedin:hover { background-position: -140px -28px;}
.share ul li.tumblr { background-position: -168px 0px;}
.share ul li.tumblr:hover { background-position: -168px -28px;}
.share ul li.instagram { background-position: -196px 0px;}
.share ul li.instagram:hover { background-position: -196px -28px;}

/**/
#dropselect, #dropselect:hover { display:block; width:150px; text-align:left; background:url(../images/down-arrow.png) 150px 2px no-repeat; font-size:12px; color:#333; text-transform:none; padding:1px 10px;}
div#leftselect ul.curList {
	display: none;
	position: absolute;
	border: 1px solid #949494;
	background-color:#fff;
	bottom: 36px;
	overflow-x:auto;
	max-height:150px;
	font-size:11px; 
	color:#000;
}
div#leftselect ul.curList li a {
	display: block;
	color: #000;
	border-bottom: 1px solid #dbdbdb;
	border-top: 0;
	padding:1px 1px 1px 8px;
}
div#leftselect ul.curList li a:hover { background-color:#e9e9e9;}