﻿/* FONT */
@font-face {
	font-family: 'OptimaLTRegular';
	src: url('lte50019.eot');
	src: local('☺'), url('lte50019.woff') format('woff');
	src: local('☺'), url('lte50019.ttf') format('truetype');

}

* { margin: 0; padding: 0;}

h1,h2,h3,h4,h5,h6,h7,h8 {font-weight: normal;}

a {text-decoration: none; color: #5e6166;}
a:link {font-weight: 400;}
a:visited {font-weight: 400;}
a:hover {font-weight: 400;}
a:active {font-weight: 400;}

body { font-family: verdana; color: #515151; font-size: 12px;}

/* Home */
.body1class #MainHTML {width: 900px; padding: 20px; height: 542px; background-image: url("body1bg.jpg"); position: relative;}
	.body1class #MainHTML .mid {width: 420px; margin-top: 125px;}
	.body1class #MainHTML .mid h1 {font-size: 32px; font-weight: 100; color: #b4975a; margin-bottom: 10px;}
	.body1class #MainHTML .mid #homeBanner {position: absolute; top: 5px; left: 5px;}

/* Diamond Rings */
.body2class #MainHTML {width: 900px; padding: 20px; height: 542px; background-image: url("body2bg.jpg"); position: relative;}
	.body2class #MainHTML .mid {width: 420px;}
	.body2class #MainHTML .mid h1 {font-size: 32px; font-weight: 100; color: #b4975a; margin-bottom: 10px;}
	.body2class #MainHTML p {margin-bottom: 8px !important;}
	
/* Engagement Rings */
.body3class #MainHTML {width: 900px; padding: 20px; height: 542px; background-image: url("body3bg.jpg"); position: relative; cursor: pointer;}
	.body3class #MainHTML .mid {width: 520px;}
	.body3class #MainHTML .mid h1 {font-size: 32px; font-weight: 100; color: #ffffff; margin-bottom: 10px;}
	.body3class #MainHTML .mid p {color: #ffffff;}

/* Jewellery */
.body4class #MainHTML {width: 900px; padding: 20px; height: 542px; background-image: url("body4bg.jpg"); position: relative;}
	.body4class #MainHTML .mid {width: 440px;}
	.body4class #MainHTML .mid h1 {font-size: 32px; font-weight: 100; color: #b4975a; margin-bottom: 10px;}
	.body4class #MainHTML .item .title  {text-transform: uppercase; font-size: 13px; cursor: pointer;}
		.body4class #MainHTML .item .title .arrow {color: #b4975a; }
	.body4class #MainHTML .item .body  {margin-left: 17px; display: none; width: 300px; font-size: 11px; margin-bottom: 5px;}
	.body4class #MainHTML .mid #JewelleryBanners {position: absolute; bottom: 15px; left: 5px; width: 930px; }
	#JewelleryBanners .firstBanner {margin-right: 6px;}
/* Watches */
.body5class #MainHTML {width: 900px; padding: 20px; height: 542px; background-image: url("body5bg.jpg"); position: relative;}
	.body5class #MainHTML .mid {width: 440px;}
	.body5class #MainHTML .mid h1 {font-size: 32px; font-weight: 100; color: #b4975a; margin-bottom: 10px;}
	.body5class #MainHTML .item .title  {text-transform: uppercase; font-size: 13px;}
		.body5class #MainHTML .item a {text-decoration: none; color: #5e6166; }
		.body5class #MainHTML .item .title .arrow {color: #b4975a; }
		
/* Antiques */
.body6class #MainHTML {width: 900px; padding: 20px; height: 542px; background-image: url("body6bg.jpg"); position: relative;}
	.body6class #MainHTML .mid {width: 440px;}
	.body6class #MainHTML .mid h1 {font-size: 32px; font-weight: 100; color: #b4975a; margin-bottom: 10px;}


/* Catalogue */
.body7class #MainHTML {width: 900px; padding: 20px; height: 542px; background-image: url("body7bg.jpg"); position: relative;}
	.body7class #MainHTML .mid {width: 350px;}
	.body7class #MainHTML .mid h1 {font-size: 32px; font-weight: 100; color: #b4975a; margin-bottom: 10px;}
.arrow {color: #d3b47b !important; }


/* SubMenus */
#maincontent #MainHTML {width: 900px; padding: 20px; height: 542px; background-image: url("bodysubbg.jpg"); position: relative;}
	#maincontent #MainHTML .mid {position: absolute; top: 0px; left: 0px; width: 520px; height: 320px; padding-left: 20px; padding-right: 20px;}
	.open-head1 {font-family: 'OptimaLTRegular'; position: absolute; top: 60px; left: 40px; color: #222222; font-size: 12px;}
	.open-head2 {font-family: 'OptimaLTRegular'; position: absolute; top: 80px; left: 40px; color: #222222; font-size: 32px	;}



/* LOCATIONS */
.body14class #MainHTML .mid, .body15class #MainHTML .mid {width: 600px; padding: 0px; height: 542px; position: absolute; top: 40px !important; left: 20px !important;}
	.body14class #MainHTML .mid h1,.body15class #MainHTML .mid h1 {font-size: 32px; font-weight: 100; color: #222222; margin-bottom: 10px;}
	.body14class #MainHTML .mid p,.body15class #MainHTML .mid p {width: 100%;}


.center {}

#DateDiv {display: none;}


#easilogo {display: none ;}


/*HIDDEN INPUT AGAINST SPAM */
.emailInput {display: none;}



#emailText {color: #ffffff; font-size: 14px; font-family: 'OptimaLTRegular', sans-serif; position: absolute; bottom: 30px; right: 330px;}

#footer { text-align: center; padding: 10px; line-height: 100%;}
	#footer p {color: #626262; letter-spacing: 0.03em; font-size: 11px; margin-bottom: 10px !important;}
	#footer .address {color: #B4975A;font-family: 'OptimaLTRegular', sans-serif; font-size: 11px;}
	#footer .address a {color: #B4975A;font-family: 'OptimaLTRegular', sans-serif; font-size: 11px;}

h1 {}

h3 {}
.headline {font-size: 11px; color: #988a8c; cursor: pointer}
	.headline span {color: #5e6166;}

#homeContentTop {}
	#homeContentTop .specialofferImg {}
	
	
.imageTable {}
.imageTable img {}

#logo {}

#maincontainer {width: 940px; margin: auto;}

#maincontentwide, #maincontent {}

#MainHTML {}

#midContainer .mid h1 {font-size: 32px !important;}


#midContainer .mid {display: block;
	position: relative;
	top: 100px;
	overflow: auto;
	padding-right: 0px;
}

.mid {}

.newsStory {border-bottom: 1px solid #BEACAC; margin-bottom: 20px;}
	.newsImg {float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #BEACAC;}

.noBorder {}

#offerBox1 {}
	#offerBox1 .title {}
	#offerBox1 .fromonly {}
	#offerBox1 .price {}
	#offerBox1 .more a {}
	
	
	
#offerBox2 {}
	#offerBox2 .title {}
	#offerBox2 .fromonly {}
	#offerBox2 .price {}
	#offerBox2 .more a {}

p {margin-bottom: 20px;}

p, h1,h2,h3,h4,h5,h6,address,blockquote {}

h1,h2,h3,h4,h5,.open-head1, .open-head2 {font-family: 'OptimaLTRegular', sans-serif;}
.pointer {}

#printpage {display: none;}

#productsTable {}
	#productsTable th {}
	#productsTable td {}
	#productsTable tr{}
	#productsTable .row1 {}
	#productsTable .row2 {}
	#productsTable img.prodImage {}
	#productsTable h2 {}
	.prodTitle {}

.row1, .row2, .row3 {float: left;}
	.row1 address, .row2 address, .row3 address {text-decoration: none; font-style: normal; margin-top: 5px;} 
.row2, .row3 {margin-left: 20px;}


#side_bar {font-size: 11px;}
	
#signUpForm {position: absolute; right: 0px; top: 70px;  font-family: 'OptimaLTRegular', sans-serif;}
	#signUpForm input {color: #7f7f7f; border: 1px solid #eeeeee; margin-right: 10px; font-size: 9px; padding: 2px;}
	#signUpForm a {color: #7f7f7f;}


.siteBy {color: #d3b47b !important; margin-top: 10px;}
	.siteBy a {color: #d3b47b !important;}
#submenu {position: absolute; right: 15px; top: 70px; width: 270px; height: 430px; padding: 20px;}
	#SubMenuFooter {}
	#SubmenuHTML {}
	#SubmenuHTML h5 {}
	#SubmenuHTML ul { margin: 0; list-style-type: none;font-size: 12px;}
		#SubmenuHTML ul li {list-style-type: none;}
		#SubmenuHTML ul li a { padding-left: 20px; background-image: url("bullet.gif"); background-position: left center; background-repeat: no-repeat;}
		#SubmenuHTML .selected a { padding-left: 20px; background-image: url("bullet_chosen.gif") !important; background-position: left center; background-repeat: no-repeat; color: #000;}
		#SubmenuHTML ul li.row1 {}
		#SubmenuHTML ul li.row2 {}
		#SubmenuHTML p.selected {font-weight: bold;}
		
		#subImg {position: absolute; right: 10px; bottom: 0px;}
			.level3 {margin-left: 20px;}
		
.SubMenuHeadingSpan {text-transform: uppercase; margin-bottom: 10px; font-size: 12px;color: #222222;}
	.SubMenuHeadingSpan a {color: #222222;}

.strong {font-weight: bold;}

#topbanner { border-bottom: 1px solid #e5dac4; height: 135px; width: 940px !important; overflow: hidden; position: relative; top: 0; left: 0; margin-bottom: 7px;}


#TopMenuSpan { position: absolute; bottom: 10px;width: 940px !important; }
	#TopMenuSpan {list-style-type: none; width: 940px; text-align: right; }
		#TopMenuSpan li.liFirst {margin-left: 0 !important;}
		#TopMenuSpan li {display: inline; margin-left: 69px;}
			#TopMenuSpan li a { text-decoration: none; font-size: 14px; font-variant: small-caps;  color: #626262; font-family: 'OptimaLTRegular',sans-serif;}
			
			/*SAFARI HACK TO NOT USE SMALL CAPS AS FONT_FACE DOESNT WORK WITH IT*/
			@media screen and (-webkit-min-device-pixel-ratio:0){
				#TopMenuSpan li a { font-variant: normal !important; }
			}

			#TopMenuSpan li.selected a {border-bottom: 1px solid #c19451; padding-bottom: 3px;}
			
	
ul {}
ul li {}

#vtopNav {list-style-type: none; position: absolute; right: 0px; top: 40px; font-family: 'OptimaLTRegular', sans-serif; }
	#vtopNav li {display: inline; font-size: 11px; margin-left: 20px;}
		#vtopNav li a {color: #B4975A; text-decoration: none;}
		
#watchRotate {position: absolute; right: 0; top: 0; width: 472px; height: 582px; overflow: hidden;}