/* FONT */
@font-face {
	font-family: 'OptimaLTRegular';
	src: url('lte50019.eot');
	src: url('lte50019.eot?#iefix') format('embedded-opentype'),
	url('lte50019.woff') format('woff'), 
	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; }
		
/* Watches2 */
.body45class #MainHTML {width: 900px; padding: 20px; height: 542px; background-image: url("body5bg.jpg"); position: relative;}
	.body45class #MainHTML .mid {width: 440px;}
	.body45class #MainHTML .mid h1 {font-size: 32px; font-weight: 100; color: #b4975a; margin-bottom: 10px;}
	.body45class #MainHTML .item .title  {float: left; margin-right: 16px; margin-bottom: 12px;}
	.body45class #MainHTML .item a {text-decoration: none; color: #5e6166; }
		
/* 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	;}
	

/* SPECIAL OFFERS */
.sOfferBtn {position: absolute; right: 420px; top: 67px; }

#SubMenuSearchUl {width: 20%; float: left; font-size: 14px;}

#SubMenuSearchUl ul {list-style-type: none;}
	#SubMenuSearchUl ul li {line-height: 150%; }
	#SubMenuSearchUl ul li a { padding-left: 20px; background-image: url("bullet.gif"); background-position: left center; background-repeat: no-repeat;}
	#SubMenuSearchUl .selected a { padding-left: 20px; background-image: url("bullet_chosen.gif") !important; background-position: left center; background-repeat: no-repeat; color: #000;}


.subMain {width: 75%; _width: 74%; float: left;}
	.subMain .item {float: left; height: 220px; width: 200px; _width: 180px; list-style-type: none; margin-left: 35px; _margin-left: 5px; text-align: center; position: relative; margin-bottom: 10px;}
	
	.paginator {width: 680px; _width: 650px; margin-left: 220px; text-align: center; padding: 20px;}
	.paginator a.inactive {font-weight: 400;}
	
#sOffers .item .moreBtn {background-color: #B4975A; color: #fff; padding: 1px 5px 1px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family: 'OptimaLTRegular', sans-serif; font-weight: 400; clear: both; border: 1px solid #9F7931;-moz-box-shadow:0 1px 0 #CFB274 inset; -webkit-box-shadow:0 1px 0 #CFB274 inset; box-shadow:0 1px 0 #CFB274 inset;background: -webkit-gradient(linear, left top, left bottom, from(#B4975A), to(#9F6F09)); background: -moz-linear-gradient(top,  #B4975A, #9F6F09); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B4975A', endColorstr='#9F6F09');}


.item .reserved {color: #AF2020; font-size: 10px; display: block; }

.gradBtn a{background-color: #B4975A; color: #fff; padding: 1px 48px 1px 49px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family: 'OptimaLTRegular', sans-serif;  font-weight: 400; border: 1px solid #9F7931;-moz-box-shadow:0 1px 0 #CFB274 inset; -webkit-box-shadow:0 1px 0 #CFB274 inset; box-shadow:0 1px 0 #CFB274 inset;background: -webkit-gradient(linear, left top, left bottom, from(#B4975A), to(#9F6F09)); background: -moz-linear-gradient(top,  #B4975A, #9F6F09); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B4975A', endColorstr='#9F6F09');}
	#overlay {background: #fff; display:none;height:90%; padding:15px; width:760px; overflow: hidden; border: 1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow:0px 0px 10px #333333; -webkit-box-shadow:2px 2px 6px #333333;}
	#overlay .container {padding: 10px; margin-bottom: 5%; height: 93%; width: 98%; overflow: auto; margin-top: 60px; border-top: 1px solid #9F6F09;}

.gradBtnReserve a{background-color: rgb(218, 18, 18); color: #fff; padding: 1px 5px 1px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family: 'OptimaLTRegular', sans-serif; font-weight: 400; clear: both; border: 1px solid rgb(218, 18, 18);-moz-box-shadow:0 1px 0 #FFAFAF inset; -webkit-box-shadow:0 1px 0 #FFAFAF inset; box-shadow:0 1px 0 #FFAFAF inset;background: -webkit-gradient(linear, left top, left bottom, from(#FF1F1F), to(rgb(218, 18, 18))); background: -moz-linear-gradient(top,  #FF1F1F,rgb(218, 18, 18) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1F1F', endColorstr='#DA1212'); width: 43%; display: block; float: left; margin-top: -1px;} 



.close {position: absolute; top: 10px; right: 10px; font-weight: bold; cursor: pointer; color: #9F6F09; }

#overlay #questionForm label  { width: 200px; text-align: right; display: inline-block; margin-right: 10px; vertical-align: top;}
.popHeader .logo {position: absolute; left: 5px; top: 5px;}

.gradBtn a, .gradBtnReserve a {color: #fff;}

#itemoptions { text-align: center;}

#reserveOnline {background-color: #B4975A; color: #fff; padding: 1px 5px 1px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; font-family: verdana, sans-serif; font-weight: 400; clear: both; border: 1px solid #9F7931;-moz-box-shadow:0 1px 0 #CFB274 inset; -webkit-box-shadow:0 1px 0 #CFB274 inset; box-shadow:0 1px 0 #CFB274 inset;background: -webkit-gradient(linear, left top, left bottom, from(#B4975A), to(#9F6F09)); background: -moz-linear-gradient(top,  #B4975A, #9F6F09); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B4975A', endColorstr='#9F6F09'); margin: 10px 0px 10px 0px;}

#reserveOnline a {color: #fff; font-size: 12px; padding: 5px; display: block;}

.buyBtnReserved {color: #AF2020; font-size: 12px; }
	
#closeup {width: 630px; float: left;}

#closeup .reserved {color: #AF2020; font-size: 12px; clear: both; display: block; text-align: center;}
#iteminfo {width: 300px; float: left;}

/* 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: 15px; 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 {}

#OpenHours0, #OpenHours1, #OpenHours2 {font-size: 10px; }
	
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: 43px;}
			#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 {}

/* #vatfreeweekend {position: absolute; left: 45px; top: 340px; width:360px; height:240px; cursor: pointer;} */
#audreyHomeLink {position: absolute; left: 20px; top: 348px; width:463px; height:216px; cursor: pointer;}

#vtopNav {list-style-type: none; position: absolute; right: 0px; top: 40px; font-family: 'OptimaLTRegular', sans-serif; width: 100%; text-align: right;}
	#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;}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
  /* FONT */
@font-face {
	font-family: 'OptimaLTRegular';
	src: local('☺'), url('lte50019.ttf') format('truetype');
}

}