/* **************** */
/* *** ELEMENTS *** */
/* **************** */



.ClearBoth{
	clear:both;
}


/* *********** */
/* *** IDS *** */
/* *********** */

.jewellery #SubMenu ul { margin-left: 70px; }
.features #SubMenu ul { margin-left: 110px; }
#advancedSearch #SubMenu ul { margin-left: 225px; }
.about #SubMenu ul { margin-left: 280px; }

#advancedSearch {	
}

	#advancedSearch .fieldPair { display: block; float: left; }

	#as_item { width: 185px; }
	#as_item label { display: block; padding: 3px 0; width: 185px; }
	#as_designperiod { width: 300px; }
	#as_designperiod label { display: block; padding: 3px 0; width: 300px; }
	#as_item select, #as_designperiod select { clear: both; }

	#as_gemstones { width: 300px; }
	#as_gemstones label, #as_metals label { color: #000; }

	#as_metals { width: 300px; }

	#as_pricerange { clear: both; width: 500px; }
	#as_pricerange input { width: 85px; }

	#as_keywords { margin-top: 20px; width: 500px; }
	#as_keywords input { width: 300px; }

	#as_gemstones h4, #as_metals h4, #as_pricerange h4 { margin-bottom: 0; }

	#btn_SearchNow { clear: both; margin-top: 20px; }

#btn_AddToBasket {
	float: left;
}

#btn_ViewBasket {
	background: url(/media/btn_ViewBasket.gif) 0 0 no-repeat;
	float: left;
	height: 20px;
	width: 88px;
}

a#btn_ReserveThisItem,
a#btn_alt_Browse,
a#btn_alt_Search,
a#btn_Register,
a#btn_EmailFullList,
a#btn_PrintFullList {
	background-position: 0 0;
	display: block;
	float: left;
	height: 20px;
	margin: 0;
	padding: 0;
	text-indent: -1000em;
	width: 59px;
}

a#btn_ReserveThisItem {
	background: url(/media/btn_ReserveThisItem.gif) top no-repeat;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 112px !important;
	height: 22px !important;
}


a#btn_Register {
	background: url(../../media/btn_Register.png) 0 -20px no-repeat;
	width: 65px;
}

a#btn_EmailFullList {
	background: url(../../media/btn_EmailFullList.png) top no-repeat;
	padding-left: 10px;
	width: 93px;
}

a#btn_PrintFullList {
	background: url(../../media/btn_PrintFullList.png) top no-repeat;
	padding-left: 10px;
	width: 93px;
}

.btn_List {
	padding: 10px 0px;
}

a#btn_alt_Browse:hover,
a#btn_alt_Search:hover,
a#btn_Register:hover,
a#btn_EmailFullList:hover,
a#btn_PrintFullList:hover {
	background-position: 0 -20px;
}

#btn_SaveUpdate {
	float: right;
}

#Favourite_Left h2,
#Favourite_Left h4 {
	clear: both;
	font-weight: normal;
	padding-top: 10px;
}

#Favourite_Right .column_x3 {
	float: left;
	padding-right: 10px;
	width: 155px;
}

#Favourite_Right .column_x3 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#featuresArchiveList {
	margin: 0;
	padding: 0;
}

#featuresArchiveList li {
}

#featuresArchiveList li h3 {
	color: #fff;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

#featuresArchiveList li img {
	float: left;
	margin: 0 1em 1em 0;
}

#featuresArchiveList li p {
	border-bottom: dotted #000 1px;
	color: #000;
	float: left;
	margin-top: 0;
	margin-bottom: 12px;
	padding-bottom: 12px;
	width: 210px;
}

#latestFeaturesList {
	list-style-type: none;
	margin: 0 0 2em 2em;
	padding: 0;
}

#latestFeaturesList li {
	clear: both;
	display: block;
	padding: 0 0 1em 0;
}

#latestFeaturesList li h2 {
	line-height: 1.25em;
	margin: 0;
	padding: 0;
}

#latestFeaturesList li img {
	float: left;
	margin: 0 1em 1em 0;
}

#latestFeaturesList li p {
	color: #000;
	margin-top: 0;
}

#homepage #PageContent{
	margin-top: 0;
}

/*#homepage*/ #Logo{
	padding-left: 61px;
}

#Item_ConvertCurrency {
	float: right;
	padding-top: 15px;
}

#Item_Delivery {
	clear: both;
	color: #fff;
	font-style: normal;
	padding-top: 20px;
}

#Item_Price {
	float: left;
}

#Item_Price span {
	font-size: 14px;
}

#Item_Purchase {
	clear: both;
	padding-top: 20px;
}

#Item_Why {
	float: left;
}

#Item_Why a {
	color: #000;
	font-size: 10px;
}

#jewelleryForm td {
	padding-right: 10px;
}

.floatl {
	float: left;
	clear: none;
}

#btnspacer {
	background: url('/media/icon_btnspacer.gif') no-repeat left top;
	float: left;
	clear: none;
	width: 14px;
	padding-left: 14px;
}

#LeftColumn h3 {
	clear: both;
	font-family: Times, Georgia, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 16px 0 5px 0;
}

#HomePageRight h3 {
	clear: both;
	font-family: Times, Georgia, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 5px 0;
}

#MainMenu ul li.right {
	Xheight: 37px;
}

#MainMenu ul li.right .selected img,
#MainMenu ul li.right a:hover img{
	xmargin-top:-42px;;
}

.myAccount label {
	color: #000;
	margin: 2px 0;
}

/* My Account - Contact Details form */
#ma_contactdetails {
	width: 365px;
}

	#ma_contactdetails input {
		background: transparent;
		border: solid #dfe6f6 1px;
	}
	#ma_contactdetails input.btn {
		border: none;
	}

	#ma_emailaddress, #ma_phone {
		padding: 0 0 10px 0;
	}

	#ma_emailaddress input,
	#ma_phone input {
		width: 190px;
	}

	#ma_emailaddress label,
	#ma_phone label {
		clear: both;
		display: block;
		float: left;
		width: 155px;
	}

	#ma_mailingaddress .fieldPair {
		padding: 0 0 3px 0;
	}
	#ma_mailingaddress .fieldPair label { color: #fff; }

	#ma_title { float: left; padding-bottom: 5px; width: 65px; }
	#ma_firstName, #ma_surname { float: left; width: 145px; }
	#ma_firstName input, #ma_surname input { width: 135px; }
	#ma_addressLineOne, #ma_addressLineTwo { clear: both; width: 365px; }
	#ma_addressLineOne input,
	#ma_addressLineTwo input { width: 345px; }
	#ma_town, #ma_county { float: left; width: 115px; }
	#ma_town input, #ma_county input { width: 105px; }
	#ma_postcode { float: left; width: 110px; }
	#ma_postcode input { width: 115px; }

	#ma_contactdetails .btn {
		clear: both;
		margin-top: 15px;
	}

/* My Account - Login form */
#ma_login {
}

	#ma_login label { clear: both; display: block; float: left; width: 100px; }
	#ma_login input.text { width: 110px; }
	#ma_login .fieldPair { clear: both; display: block; padding: 3px 0; }
	#ma_login_fp { clear: both; display: block; margin-top: 5px; margin-left: 100px; text-decoration: underline; }

/* My Account - Register form */
#ma_register {
}

	.myAccount.register #Favourite_Left { width: 400px; }
	.myAccount.register #Favourite_Left label { display: block; width: 150px; }
	.myAccount.register #Favourite_Right { width: 375px; }

	#ma_register input {
		background: transparent;
		border: solid #dfe6f6 1px;
	}
	#ma_password input,
	#ma_passwordconfirm input {
		width: 190px;
	}
	#ma_password label,
	#ma_passwordconfirm label {
		clear: both;
		display: block;
		float: left;
		width: 155px;
	}
	#ma_register input.btn {
		border: none;
	}
	#ma_register .btn {
		clear: both;
		margin-top: 15px;
	}
	#ma_register .fieldPair {
		padding: 0 0 10px 0;
	}

/* My Account - Valuation */
#ma_valuation {
	width: 350px;
}

	#ma_valuation label {
		display: block;
		width: 155px;
	}

	#ma_valuation .fieldPair {
		clear: both;
		padding: 15px 0;
	}

	#ma_valuation #itemdescription {
		background: transparent;
		border: solid #dfe6f6 1px;
		height: 65px;
		width: 345px;
	}

#MyAccountList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#MyAccountList li {
	border-bottom: solid #88909d 1px;
	padding: 10px 0;
	width: 180px;
}

#MyAccountList li a.current {
	color: #000;
}

#nav_explorecollections {
	display: block;
	padding-bottom: 24px;
}

#h3_quicklinks {
}

#nav_quicklinks {
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size:12px;
	line-height:16px;
}

#nav_quicklinks li {
	border-bottom: solid #cccfd9 1px;
	list-style-type: none;
	padding: 1px 0;
}

#newCustomerBenefits {
	color: #000;
}

#PageContent #columnLeft {
	border-right: solid #fff 1px;
	float: left;
	padding-right: 38px;
	margin: 0 0 24px 0;
	width: 490px;
}

#PageContent #columnRight {
	float: right;
	margin: 0 0 24px 0;
	width: 292px;
}

#search #SubMenu ul {
	margin-left: 215px;
}

form#searchRefNo {
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 0px;
}



form#searchRefNo #refNo {
	width: 140px;
	display:block;
	float:left;
	margin:0;
	margin-right:2px;
	height:15px;
}

form#searchRefNo #btnGo {
	display:block;
	float:left;
	margin:0;

}



#shopImage {
	border: solid #858687 1px;
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 12px;
}

/* My Account - Saved Items */
#h2_YourSavedItems {
	float: left;
	width: 176px;
}
a#btn_EmailFullList,
a#btn_PrintFullList {
	display: block;
	float: right;
	margin: 0.83em 0;
}
#gallery_SavedItems {
	clear: both;
}

#GalleryNarrow {
	width: 576px;
	clear: both;
   	padding-top: 15px;
}

#GalleryNarrowPaging {
    background-color: #006666;
    clear: both;
    margin: 15px 10px 0 0;
}

#Gallery_Right {
    float: left;
    margin-left: 0;
    padding-top: 30px;
    width: 576px;
}

/* *************** */
/* *** CLASSES *** */
/* *************** */

.altColor {
	color: #000;
}

a.altColor:hover {
	color: #fff;
}

.fauxh3 {
	color: #000;
	font-weight: bold;
}

.indent {
	padding-left: 2em;
}

.moreLink {
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: right;
}

.replace {
	background-repeat: no-repeat;
	display: block;
	text-indent: -1000em;
	visibility: visible;
}

/*
	Gallery Page jewellery.htm
*/

#GalleryLeft{
	float:left;
	padding:35px 19px 0 20px;
	padding:0px 19px 0 20px;

	width:145px;
	color:#333333;
	font-size:12px;
}
#GalleryLeft h3{
	padding:0;
	margin:0;
	padding-bottom:3px;
}

#GalleryLeft hr{
	border:none;
	height:1px;
	background-color:#8E96AB;
	margin:10px 0;
}


#GalleryLeft a{
	color:#333333;
}
#GalleryLeft ul{
	list-style:none;
	padding:0;
	margin:0;
	xheight:22px;
}

#GalleryLeft ul li {
height: 22px;
}

#GalleryLeft ul li a{
	color:#333333;
}
#GalleryLeft ul li a:hover{
	text-decoration:underline;

}

#GalleryLeft ul li label{
	width:130px;
}

#GalleryLeft ul li input{
	float:right;
}


#GalleryLeft #GalleryCategoryListShowHide{
	float:right;
}


#GalleryLeft .Instructions{
	font-style:italic;
	font-size:10px;
	
}


#GalleryLeft .AdvancedSearch{
	padding-top:15px;
}
#GalleryLeft .AdvancedSearch a{
	text-decoration:underline;
}


#GalleryLeft ul.JewelleryGalleryCategoryList li a{
	width: 152px;
	height: 20px;
	display: block;
	padding-left: 3px;
	line-height: 20px;
}

#GalleryLeft ul.JewelleryGalleryCategoryList li a.Selected{
	background-image: url(/media/2/btn_account_bg.png);
}

#GalleryLeft ul.JewelleryGalleryCategoryList li a:hover {
}

#GalleryMain{
	float:left;
	padding:0px 0 0 14px;
	width:690px;
	color:#333333;
	font-size:12px;
}


#GalleryMain a{
	color:#333333;
}


#GalleryMain #GalleryHeader{
	padding:0;
	margin:0;
	margin-left:-15px;
	margin-top:-17px;
}

#GalleryMain #GalleryHeader span{
}

#GalleryMain #GalleryHeader h1,
#GalleryMain #GalleryHeader h2{
	float:left;
	width:400px;}
	
#GalleryMain #GalleryHeader #Search{
	float:right;
	width:220px;
	padding-top:20px;
}
#GalleryMain #GalleryHeader #Search span{
float:left;
line-height:24px;
}


#Pagination{
	padding-top:28px;
	padding-bottom:10px;
	clear:both;
	color:#636C83;
	font-size:11px;
	
	}

#Pagination form {
display:inline;
}

#GalleryMain #Pagination div{
	text-decoration:underline;
	margin:0;
	padding:0;
}

ul.GalleryItemList{
	margin:0;
	padding:0;
	list-style:none;
}

ul.GalleryItemList li{
	margin:0;
	padding:0;
	float:left;
	width:200px;
	padding-right:40px;
	height:235px;
	font-size:11px
}

ul.GalleryItemList li.Last{
	padding-right:0;
}


ul.GalleryItemList li .Image{
	height:150px;
}

ul.GalleryItemList li .Title{
	xheight:48px;
	font-weight:bold;
	font-size:12px;
	
}
ul.GalleryItemList li .Reference{
	height:16px;
	font-style:italic;
}


ul.GalleryItemList li ul.Controls{
	list-style:none;
	padding:0;
	margin:0;
	
}

ul.GalleryItemList li ul.Controls li{
	float:left;
	width:56px;
	padding:0;
	margin:0;
	xpadding-right:20px;
}


/*
	Jewellery Item
*/

#JewelleryItem{
	color:#333333;
	font-size:12px;
	padding-top:13px;
}

#JewelleryItemLeft{
	float:left;
	width:456px;
	
}

#JewelleryItemLeft #Image{
	padding-top:13px;
	height:343px;
}

#JewelleryItemLeft .ImageGallery{
	padding-top:8px;

}

#JewelleryItemLeft #RingSize{
	clear:both;
	color:#333333;
	padding-top:14px;
	font-size:12px;
}
#JewelleryItemLeft #RingSize span{
	color:#666666;
	font-style:italic;
	font-size:11px;
}

#JewelleryItemLeft h3{
	color:#636C83;
	font-size:14px;
	padding:0;
	margin:0;
	padding-top:13px;
	font-weight:normal;
  line-height:18px;

}
#JewelleryItemLeft #Description a{
	text-decoration:underline;
}


#JewelleryItemRight{
	float:left;
	width:200px;
	padding-left:24px;
}

#JewelleryItemRight #Ref{
}

#JewelleryItemRight h1{
	color:#636C83;
	font-size:15px;
	line-height:18px;
	padding:0;
	margin:0;
	padding-top:3px;
	font-weight:normal;
}
	
#JewelleryItemRight #Price{
	padding-top:13px;
}
#JewelleryItemRight #Price div{
	float:right;
	font-size:11px;
	font-style:italic;
	text-decoration:underline;
}


#JewelleryItemRight #InterestText{
	font-size:11px;
}

#JewelleryItemRight #InterestText a{
text-decoration:underline;
}


#JewelleryItemRight ul#ControlList{
	list-style:none;
	padding:0;
	margin:0;
	padding-top:10px;
}

#JewelleryItemRight ul#ControlList li{
	padding:0;
	margin:0;
	xpadding-left:22px;
	background-position:left;
	background-repeat:no-repeat;
	height:18px;
	line-height:18px;
	padding-top:3px;
}

#JewelleryItemRight ul#ControlList li.Email{
	background-image:url(/media/2/icon_EmailAFriend.png);
}
#JewelleryItemRight ul#ControlList li.Add{
	background-image:url(/media/2/icon_addToFavs.png);
}
#JewelleryItemRight ul#ControlList li.Print{
	background-image:url(/media/2/icon_print.png);
}

#JewelleryItemRight ul#ControlList2{
	list-style:none;
	padding:0;
	margin:0;
	padding-top:10px;
	height:44px;
	width:200px;
	border:#cccccc solid;
	border-width:0 0 1px 0;
}

#JewelleryItemRight ul#ControlList2 li{
	padding:0;
	margin:0;
	float:left;
	height:44px;
	padding-right:20px;


}

#JewelleryItemRight #Share{
	height:22px;
	padding:0;
	padding-top:10px;
}


#JewelleryItemRight #Share #Icons{
	float:left;
	height:22px;
}
#JewelleryItemRight #Share #ShareText{
	float:left;
	margin:0;
	padding:0;
	height:22px;
	line-height:22px;

}

#JewelleryItemRight hr{
	border:none;
	height:1px;
	background-color:#8E96AB;
	margin:10px 0;
}


/*
	features.hml
*/


#FeaturesLeft{
	float:left;
	padding:0 0 0 21px;
	width:522px;
}
#FeaturesLeft .Intro{
padding-top:15px;
}

#FeaturesLeft h4{
	margin:0;
	padding:0;
	color:#6B7387;
	font-size:16px;
	font-weight:normal;
	padding-top:11px;
}

#FeaturesLeft ul.latestFeaturesList{
	margin:0;
	padding:0;
	list-style:none;
	padding-top:12px;
}


#FeaturesLeft ul.latestFeaturesList li{
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	height:170px;
}


#FeaturesLeft ul.latestFeaturesList li.hr{
	margin:3px 0 3px 0;
	background-color:#8F97AC;
	height:1px;
}

#FeaturesLeft ul.latestFeaturesList li .Image{
	float:left;
	width:270px;
	padding-right:13px;
}

#FeaturesLeft ul.latestFeaturesList li .Details{
	float:left;
	width:229px;
	padding-top:50px;
}

#FeaturesLeft ul.latestFeaturesList li .Details h2{
	font-size:16px;
	line-height:16px;
	color:#4E5160;
	padding:0;
	margin:0;
}

#FeaturesLeft ul.latestFeaturesList li .Details .Text{
	padding-top:3px;
}

#FeaturesLeft ul.latestFeaturesList li .Details .Text a{
	color:#333333;
}
#FeaturesLeft ul.latestFeaturesList li .Details .Text a:hover{
	text-decoration:underline;
}


#FeaturesRight{
	float:left;
	width:254px;
	margin:0 0 0 69px;
	padding:0 0 0 24px;
	border:#8F97AC solid;
	border-width:0 0 0 1px;
	margin-top:20px;
}


#FeaturesRight a{
	color:#333333;
}
#FeaturesRight a:hover{
	text-decoration:underline;
}

#FeaturesRight h4{
	margin:0;
	padding:0;
	color:#6B7387;
	font-size:16px;
	font-weight:normal;
}


#FeaturesRight ul.FeatureArchiveList{
	list-style:none;
	padding:0;
	margin:0;
}

#FeaturesRight ul.FeatureArchiveList li{
	padding:0;
	margin:0;
	line-height:16px;
	padding-top:20px;
}

#FeaturesRight ul.FeatureArchiveList li h3{
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
}

#FeaturesRight ul.FeatureArchiveList li a{
	color:#333333;
}

#FeaturesRight ul.FeatureArchiveList li a:hover{
	text-decoration:underline;
}



/*
	Account
*/

#AccountLeft{
	float:left;
	padding:0;
	margin:0;

	
	width:152px;
	padding:0 19px 0 20px;
	
}

#AccountLeft .WelcomeBack{
	padding-bottom:20px;
}

#AccountLeft ul{
	list-style:none;
	margin:0;
	padding:0;
	color:#7C859C;
	font-size:12px;
	line-height:24px;
	border:#8F97AC solid;
	border-width:1px 0 0 0;
}
#AccountLeft ul li{
padding-top:5px;

}
#AccountLeft a{
	color:#333333;
	width:152px;
	height:20px;
	display:block;
	padding-left:3px;
	line-height:20px;

}

#AccountLeft a.current{
	background-image:url(/media/2/btn_account_bg.png);
}
#AccountLeft a:hover{
	text-decoration:underline;
}

#AccountBody{
	float:left;
	padding-left:20px;
	width:690px;
}
#AccountBody a{
	color:#333333;
}
#AccountBody h2{
	padding:0;
	margin:0;
	font-size:15px;
	color:#636C83;
	line-height:18px;
	padding-bottom:20px;
}
#AccountBody #AccountBodyLeft{
	float:left;
	width:250px;
	padding-top:30px;
}

#AccountBody #AccountBodyRight{
	float:left;
	width:330px;
	padding-left:70px;

	padding-top:30px;
}


/*
	Popups
*/


#Popup_AddToBasket{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
}

#Popup_Reserve{
	xposition:fixed;
	xtop:0;
	xleft:0;
	xbottom:0;
	xright:0;
}


.Shadow{
	position:absolute;
	top:500px;
	left:500px;
	
	width:200px;
	min-height:100px;	
	background-color:#8F97AC;


	-moz-border-radius: 5px;
	border-radius: 5px;	
	
	-moz-box-shadow: 5px 5px 5px #666;
	-webkit-box-shadow: 5px 5px 5px #666;
	box-shadow: 5px 5px 5px #666;	

        margin: 40px;
        background-color: rgb(68,68,68); /* Needed for IEs */

        -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
        -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
        box-shadow: 5px 5px 5px rgba(68,68,68,0.6);

        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
        -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
        zoom: 1;

}
.Shadow .Content{
	position: relative;
	background-color:#8F97AC;
	
	-moz-border-radius: 5px;
	border-radius: 5px;		
	width:170px;
	min-height:75px;	
	color:#000000;
	font-size:11px;
	line-height:14px;
	padding:25px 15px 15px 15px;
	font-style:italic;
}



a.ValuationLink{
color:#000000;
text-decoration:underline;
}

a.ValuationLink:hover{
	color:#7b859c;

}