﻿/*==================================================================

Project:		[ The Jewellery Shop]
Version:		1.0

=====================================================================*/
.hideSubMenu {display: none;}
.showSubMenu {display: block;}
.menuSelected {display: block;}
.menuNotSelected {display: block;}
.SubmenuSelected {display: block;}
.SubmenuNotSelected {display: block;}

.boxborder h1 {	font-size:20px;
	font-style:italic;
	font-weight:lighter;
	color:#00527f;}
.boxborder h2 {	font-size:20px;
	font-style:italic;
	font-weight:lighter;
	color:#00527f;}

.intro-text {font-size: 1.2em;}
.product_title {	font-size:20px;
	font-style:italic;
	font-weight:lighter;
	color:#00527f;}
.specialoffer {font-size: 50%; color: red;}
.shoppingnavigationheadertext {font-size: 10px; color: #4E0798; font-weight: bold;}
.linksboxtext {font-size: 10px; color: #4E0798; font-weight: bold; margin-bottom: 10px;}
.searchboxtext {margin-bottom: 3px; font-size: 10px;}

.checkouttext {font-size: 1em; width: 125px; line-height: 28px;}
.changetext {font-size: 0.80em;}
.SmallPurpleText {font-size: 0.80em; color: Red;}
.tax {font-size: 0.40em; font-weight: normal; color: #000;}

h1 {	font-size:20px;
	font-style:italic;
	font-weight:lighter;
	color:#00527f;}
h1 a {	font-size:20px;
	font-style:italic;
	font-weight:lighter;
	color:#00527f;}
h1 a:hover {	font-size:20px;
	font-style:italic;
	font-weight:lighter;
	color:#00527f;}

#midcontent a {color: #822830;}
#midcontentWide a {color: #822830;}

.CountrySelection {font-size: 0.9em;}
	
.input200 {width: 200px; height: 20px;}
.input215 {width: 215px; height: 20px;}
.input100 {width: 100px; height: 20px;}
.textbox150 {width: 150px; height: 20px;}
.inputBlack {height: 20px;}
.whitedropdownlist {height: 20px;}
.SmallText {font-size: 0.75em;}
.legacyTable {padding: 5px;}

.Header
{
	line-height: 25px;
	font-weight: bold;
	background-color: #CFE0E9;
	color: #004D77;
}
.tableinfo
{
	padding: 10px;
}

/* TEXT-END */
.subhead {color: #822830;}
h1 a.subhead {color: #822830;}

/* TEMPLATE-START */
div.sku {color:#947966; font-size:80%;}
div.price {color:#947966; font-size:1.85em; font-weight:bold; margin-top:30px;}
div.price_conversion {color: #f3f1f0;}
div.main_prod_desc {margin-top:25px;}
/* TEMPLATE-END */

.button {font-weight: bold; font-size: 1.1em; border: none; background: #CFE0E9; color: #004D77; padding: 5px;}

.enlarge {color: #822830;}
a.enlarge {color: #822830;}


/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object {
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img,abbr{
	border:0;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
a,a:link,a:visited,a:hover { 
	color:#008dc6;
	text-decoration:none; 
}
a:focus,a:hover { 
	text-decoration:underline;
}
a img { 
	border:0; 
}
:focus {
	outline:none;
}
.clear { 
	clear:both; 
}

/* Global Elements
=====================================================================*/
body {
	background:#fff url(../product_images/487/background.png) repeat-x;
	font-family: Georgia, Garamond;
	font-size:12px;
}
.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.skiplink{
	display:none;
}
/* Start CSS Coding
=====================================================================*/
#wrapper {
	width:886px;
	margin:0 auto;
}

#wrapper .wrappertop{
	width:860px;
	height:191px;
	padding:13px 13px 0 13px;
	background: url(../product_images/487/back_wrappertop.png) no-repeat;
}
#header{
	width:860px;
	height:191px;
	background: url(../product_images/487/back_header.png) no-repeat;
	position:relative;
}
#topmenu{
	width:520px;
	height:50px;
	background: url(../product_images/487/back_topmenu.png) no-repeat;
	float:right;
	display:inline;
	margin: 0 15px 0 0;
	color: White;
}

#topmenu ul 
{
	margin-left: 10px;
}

#topmenu ul li{
	float:left;
	height:42px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 13px;
}

#topmenu ul li a{
	color:#fff;
	text-decoration: none;
}

#logo{
	width:270px;
	height:106px;
	position:relative;
	overflow:hidden;
	display:inline;
	text-indent:-5000px;
	float:left;
	margin: 56px 0 0 31px;
}
#logo span{
	background:url(../product_images/487/logo.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#topmenu ul li a:hover span, #topmenu ul li.active a span{
	background-position: 0 -42px;
}

#link1{
	width:127px;
	height:42px;
	position:relative;
	overflow:hidden;
	display:inline;
	text-indent:-5000px;
	float:left;
	margin:0 0 0 4px;
}
#link1 span{
	background:url(../product_images/487/link_01.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#link2{
	width:71px;
	height:42px;
	position:relative;
	overflow:hidden;
	display:inline;
	text-indent:-5000px;
	float:left;
	margin:0;
}
#link2 span{
	background:url(../product_images/487/link_02.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#link3{
	width:88px;
	height:42px;
	position:relative;
	overflow:hidden;
	display:inline;
	text-indent:-5000px;
	float:left;
	margin:0;
}
#link3 span{
	background:url(../product_images/487/link_03.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#link4{
	width:56px;
	height:42px;
	position:relative;
	overflow:hidden;
	display:inline;
	text-indent:-5000px;
	float:left;
	margin:0;
}
#link4 span{
	background:url(../product_images/487/link_04.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#link5{
	width:71px;
	height:42px;
	position:relative;
	overflow:hidden;
	display:inline;
	text-indent:-5000px;
	float:left;
	margin:0;
}
#link5 span{
	background:url(../product_images/487/link_05.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#link6{
	width:98px;
	height:42px;
	position:relative;
	overflow:hidden;
	display:inline;
	text-indent:-5000px;
	float:left;
	margin:0;
}
#link6 span{
	background:url(../product_images/487/link_06.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#placeimgheader{
	width:511px;
	height:77px;
	background: url(../product_images/487/back_imgheader.png);
	float:right;
	display:inline;
	padding:2px;
	margin:0 17px 0 0;
	font-size:0;
}

#placemainmenu{
	width:860px;
	height:39px;
	background: url(../product_images/487/back_mainmenu.png) repeat-x;
	position:absolute;
	bottom:0;
}
#placemainmenu ul{
	width:780px;
	height:39px;
	margin:0 auto;
	padding:0 0 0 2px;
	background: url(../product_images/487/border_mainmenu.png) top left no-repeat;
}
#placemainmenu ul li{
	display:block;
	height:39px;
	padding:0 2px 0 0;
	float:left;
	background: url(../product_images/487/border_mainmenu.png) top right no-repeat;
}
#placemainmenu ul li a{
	color:#fff;
	display:block;
	height:27px;
	float:left;
	padding: 12px 16px 0 16px;
}
#placemainmenu ul li a:hover, #placemainmenu ul li.active a{
	background: url(../product_images/487/back_mainmenuh.png) repeat-x;
	color:#004975;
	text-decoration:none;
}
.star1{
	width:58px;
	height:41px;
	background: url(../product_images/487/star1.png) no-repeat;
	position:absolute;
	top:-14px;
	left:-35px;
}

.star2{
	width:58px;
	height:41px;
	background: url(../product_images/487/star1.png) no-repeat;
	position:absolute;
	top:-14px;
	right:-20px;
}
.star3{
	width:58px;
	height:41px;
	background: url(../product_images/487/star2.png) no-repeat;
	position:absolute;
	z-index:1000;
	top:-122px;
	left:314px;
}
.star4{
	width:58px;
	height:41px;
	background: url(../product_images/487/star1.png) no-repeat;
	position:absolute;
	top:-12px;
	right:-20px;
}

#wrapper .wrappermid{
	width:860px;
	padding:8px 13px 15px 13px;
	background: url(../product_images/487/back_wrappermid.png) repeat-y;
}

#wrapper .wrapperbtm{
	width:860px;
	height:39px;
	padding:0 13px 0 13px;
	background: url(../product_images/487/back_wrapperbtm.png) no-repeat;
	position:relative;
}

#placemainmenu2{
	width:860px;
	height:39px;
	background: url(../product_images/487/back_mainmenu2.png) repeat-x;
	position:absolute;
	bottom:0;
}
#placemainmenu2 ul{
	width:780px;
	height:39px;
	margin:0 auto;
	padding:0 0 0 2px;
	background: url(../product_images/487/border_mainmenu2.png) top left no-repeat;
}
#placemainmenu2 ul li{
	display:block;
	height:39px;
	padding:0 2px 0 0;
	float:left;
	background: url(../product_images/487/border_mainmenu2.png) top right no-repeat;
}
#placemainmenu2 ul li a{
	color:#fff;
	display:block;
	height:31px;
	float:left;
	padding:8px 9px 0 9px;
}
#placemainmenu2 ul li a:hover, #placemainmenu2 ul li.active a{
	background: url(../product_images/487/back_mainmenuh2.png) repeat-x;
	color:#004975;
	text-decoration:none;
}
.hshadow{
	width:860px;
	height:6px;
	background: url(../product_images/487/h_shadow.png) no-repeat;
}

.homeleftWide
{
	float:left;
	color:#5d5d5d;
	width:775px;
	padding:10px 30px;
	text-align: justify;
	line-height: 25px;
	min-height: 286px;
	
}
.homeleft{
	float:left;
	color:#5d5d5d;
	width:800px;
	padding:10px 30px;
	text-align: justify;
	line-height: 25px;
	min-height: 350px;
}
.homeleft p{
	padding:10px 0;
}
.homeleft h3{
	font-size:20px;
	font-style:italic;
	font-weight:lighter;
	color:#00527f;
}
.homeleft span.sub{
	font-style:italic;
	font-size:11px;
}
.homeright{
	float:right;
	width:430px;
	color:#5d5d5d;
}

#jewellerylist{
	width:844px;
	padding:10px 8px 0 8px;
}
#jewellerylist ul li.jewellery_one{
	width:207px;
	height:79px;
	padding:25px 0 0 0;
	background: url(../product_images/487/back_jewellerylist1.jpg) no-repeat;
	float:left;
	display:block;
	position:relative;
	margin:0 2px;
}
#jewellerylist ul li.jewellery_two{
	width:207px;
	height:79px;
	padding:25px 0 0 0;
	background: url(../product_images/487/back_jewellerylist2.jpg) no-repeat;
	float:left;
	display:block;
	position:relative;
	margin:0 2px;
}
#jewellerylist ul li.jewellery_three{
	width:207px;
	height:79px;
	padding:25px 0 0 0;
	background: url(../product_images/487/back_jewellerylist3.jpg) no-repeat;
	float:left;
	display:block;
	position:relative;
	margin:0 2px;
}
#jewellerylist ul li.jewellery_four{
	width:207px;
	height:79px;
	padding:25px 0 0 0;
	background: url(../product_images/487/back_jewellerylist4.jpg) no-repeat;
	float:left;
	display:block;
	position:relative;
	margin:0 2px;
}

#jewellerylist ul li a{
	display:block;
	background: url(../product_images/487/back_view.png) repeat-x;
	width:59px;
	height:19px;
	color:#fff;
	text-align:center;
	padding:5px 0 0 0;
	position:absolute;
	right:3px;
	bottom:2px;
}
#jewellerylist ul li p{
	font-size:17px;
	color:#005e8e;
	font-style:italic;
	text-align:right;
	padding: 0 20px 0 0;
}

#testimonibox{
	width:423px;
}

#testimonibox .testitop{
	width:423px;
	height:12px;
	font-size:0;
	background: url(../product_images/487/back_testitop.png) no-repeat;
}

#testimonibox .testimid{
	width:363px;
	background: url(../product_images/487/back_testimid.png) repeat-y;
	padding:5px 30px;
}

#testimonibox .testimid h3{
	color:#00527f;
	font-size:17px;
	font-style:italic;
	font-weight:lighter;
}

#testimonibox .testimid p{
	font-size:11px;
}
#testimonibox .testimid p.testisender{
	text-align:right;
	padding-right:30px;
}
#testimonibox .testibtm{
	width:423px;
	height:13px;
	font-size:0;
	background: url(../product_images/487/back_testibtm.png) no-repeat;
}
.quoteopen{
	background: url(../product_images/487/quote_open.png) no-repeat;
}
.quoteclose{
	line-height:18px;
	padding:15px 10px 10px 15px;
	background: url(../product_images/487/quote_close.png) no-repeat bottom right;
}
#freeshipping{
	width:424px;
	height:155px;
	position:relative;
	overflow:hidden;
	display:inline;
	text-indent:-5000px;
	float:left;
	margin:0;
}
#freeshipping span{
	background:url(../product_images/487/free_shipping.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}

#footer{
	text-align:center;
	color:#919191;
	line-height:24px;
}


/* INNER PAGE
==============================================================*/

#navbar{
	width: 185px;
	float:left;
	display:inline;
	margin:0 0 0 7px;
}
#placemaincontent{
	float:right;
	width:668px;
}
#boxbasket{
	width: 165px;
	height:81px;
	font-size:11px;
	padding: 10px;
	background: url(../product_images/487/box_shoppingcart.png) no-repeat;
}
h3.titleboxbasket{
	background: url(../product_images/487/back_h3sb.png) no-repeat;
	color:#5d5d5d;
	padding: 0 0 0 12px;
	font-size:12px;
	margin:5px 0;
}

#boxbasket a{
	color:#008ac3;
	text-decoration:underline;
}
#boxbasket p{
	padding-top:20px;
}
#boxbasket p a{
	font-weight:bolder;
}
#navbarmenu{
	width:185px;
	background: url(../product_images/487/navbarmenumid.png) repeat-y;
}
#navbarmenu .nbtop{
	width:185px;
	background: url(../product_images/487/navbarmenutop.png) no-repeat top left;
}
#navbarmenu .nbbtm{
	width:177px;
	background: url(../product_images/487/navbarmenubtm.png) no-repeat bottom left;
	padding:4px;
}

#navbarmenu h3{
	width:162px;
	height:33px;
	background: url(../product_images/487/back_titlemenu.png) repeat-x;
	color:#fff;
	font-size:15px;
	padding: 10px 0 0 15px;
}
#navbarmenu ul li{
	display:block;
	width:177px;
	height:28px;
	background: url(../product_images/487/back_linavbar.png) repeat-x;
	border-top:1px solid #fff;
}
#navbarmenu ul li.noborder{
	border:none;
}
#navbarmenu ul li a{
	display:block;
	width:162px;
	height:19px;
	color:#004872;
	padding:9px 0 0 15px;
	font-size:11px;
}
#navbarmenu ul li a span{
	color:#d0e1ea;
	}
#navbarmenu ul li a:hover, #navbarmenu ul li.active a{
	width:152px;
	background: url(../product_images/487/back_linavbar.png) repeat-x bottom left;
	color:#fff;
	text-decoration:none;
	padding:9px 0 0 25px;
}
#navbarmenu ul li a:hover span, #navbarmenu ul li.active a span{
	color:#fff;
}

.bannerearrings{
	background:red url(../product_images/487/back_bannerearrings.jpg) no-repeat;
	width:461px;
	height:134px;
	padding:20px 20px 0 180px;
}
#placemaincontent .bannerearrings p{
	padding:5px 0 0 0;
	font-size:14px;
	color:#272727;
}
#diamondearrings{
	width:225px;
	height:29px;
	position:relative;
	overflow:hidden;
	text-indent:-5000px;
	margin:0;
}
#diamondearrings span{
	background:url(../product_images/487/h3_diamondearrings.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}

.product_template ul li{
	width:221px;
	float:left;
}
.product_template ul li h3{
	width:206px;
	height:23px;
	background: url(../product_images/487/back_h3product.png) no-repeat;
	font-size:12px;
	color:#272727;
	font-weight:lighter;
	padding:10px 0 0 15px;
}
.product_template ul li .placeprice{
	width:206px;
	height:47px;
	padding:2px 0 0 15px;
	background: url(../product_images/487/back_priceproduct.png) no-repeat;
	position:relative;
}


#placeproducts ul li{
	width:221px;
	float:left;
}
#placeproducts ul li h3{
	width:206px;
	height:23px;
	background: url(../product_images/487/back_h3product.png) no-repeat;
	font-size:12px;
	color:#272727;
	font-weight:lighter;
	padding:10px 0 0 15px;
}
#placeproducts ul li .placeprice{
	width:206px;
	height:47px;
	padding:2px 0 0 15px;
	background: url(../product_images/487/back_priceproduct.png) no-repeat;
	position:relative;
}
.placepound{
	position:absolute;
	right:20px;
	top:10px;
	font-size:18px;
	font-weight:bolder;
	font-style:italic;
	color:#004873;
}
#placeproducts ul li .placeprice a {
	text-decoration:underline;
	font-size:11px;
}
#placeproducts ul li .placeprice a.moreinfo{
	color:#272727;
}
.placelinks{
	line-height:18px;
}
#placeproducts ul li .placeimgproduct{
	width:221px;
	text-align:center;
	background: url(../product_images/487/back_imgproduct.png) repeat-y;
}