@charset "UTF-8";

/*   typography */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { font-size: 70%; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color:#fcfdfe;  background: #262c26; margin: 0; padding: 0; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #666; margin:0; padding: 0; }

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }
h5 { color: #7B7C7F; margin-top: 9px; font-size: 1.4em; }
h6 { font-size: .9em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0; }


/* Text elements
-------------------------------------------------------------- */

p           { font: 1em/18px Arial, Helvetica, sans-serif; margin:0 0 18px 0; color: #666; }
p.sonnet    { font: italic 1.1em "Palatino Linotype", "Book Antiqua", Palatino, serif; margin:9px 0 1px 0; color: #666; }

a           { color: #CCC; text-decoration: none; }
a.link_text { color: #666; text-decoration: none; }
a.link_text:hover { color: #666; text-decoration: underline; }

blockquote cite  { color: #666; font: .9em Arial, Helvetica, sans-serif; margin-left: 25px; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

ol { list-style-type:none; padding:0px; margin:0px; }
ul { list-style-type:none; padding:0px; margin:0px; }

dl          { }
dl dt       { }
dd          { }

/* Tables - Generic
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; margin-top: 18px; }
th          { font-weight: bold; }
thead th 	{ background: #c3d9ff; }

div#basket_page .generic th,td,caption { font: .9em Arial, Helvetica, sans-serif; color: #666; padding: 4px 10px 4px 5px;  vertical-align: top; }
div#admin_content .WADAResultsContainer th,td,caption { vertical-align: middle; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* Tables - Wedding lists
-------------------------------------------------------------- */

table.ring_prices       		{ width:550px; margin:0 0 5px 10px; float:left; font-size: 1.2em; }
table.ring_prices tbody    		{ margin:0 0 10px 70px; float:left; font-size: 1.1em; }
table.ring_prices caption  		{ width:620px; font-weight: bold; background: #F1F0EE; border-top:solid 1px #C7C7D0; border-bottom:solid 1px #C7C7D0; margin:0 0 5px 0; padding:7px 0 7px 10px; text-align:left; }
table.ring_prices caption span	{ font-weight:normal; margin-left:10px; }
table.ring_prices td    		{ height:20px; width:100px; text-align:right; padding:0 45px 0 0; }
table.ring_prices td.l    		{ text-align:left; }
table.ring_prices th          	{ width:90px; font-size:90%; font-weight:bold; color:#666; text-align:center; padding:10px 0 2px 0; }
table.ring_prices th.l          { width:60px; text-align:left; padding-left:10px; }

/*  ---- Forms ----  */

fieldset#contact_form_input { padding:0; margin:0; border:none }
fieldset#request_form_input { padding:0; margin:0; border:none }

/* ---------------	Structural and Base Elements ---------------------------- */

/* --------------Generic ID's and Classes ------------------------------------------------------------------------------------- */
div#wrapper { width: 1160px; margin: 0 auto; padding: 0px; overflow: hidden; }

.silver_stripe { background: url(../images/wrapper_silver_bg.jpg) repeat-y; }
.pink_stripe { background: url(../images/wrapper_pink_bg.jpg) repeat-y; }
.blue_stripe { background: url(../images/wrapper_blue_bg.jpg) repeat-y; }
.green_stripe { background: url(../images/wrapper_green_bg.jpg) repeat-y; }
.purple_stripe { background: url(../images/wrapper_purple_bg.jpg) repeat-y; }


/* Container */

div#container { width: 1100px; position:relative; margin: 0 auto; padding: 0px; overflow: hidden; }
.showgrid { background: url(../images/grid.png); }
/* ---------------	Header Area -------------------------------------------------------------------------------------------- */

/* Branding - Head Section */
div#nav_branding { height: 135px; width: 200px; position: relative; z-index:100; }

h1#logo a { background: url(../images/logo.png) no-repeat; height: 80px; width: 350px; position: absolute; left: 359px; top: 25px; text-indent: -9999px; z-index: 10; }

h2#logo a { background: url(../images/logo.png) no-repeat; height: 80px; width: 350px; position: absolute; left: 359px; top: 25px; text-indent: -9999px; z-index: 10; }

/* Navigation in Branding Section at Head */

div#collections_nav ol li h2 { height:20px; width:160px; }

li.email { padding: 20px 0 4px 0; margin-top:6px; }
li.email a:hover { color: #fff }
.email { background-image: url(../images/email.jpg); background-repeat: no-repeat; }

li#london_studio { text-indent:-9999px; margin:10px 0 0 0; }
li#london_studio a h3 { height:20px; width:140px; background-image: url(../images/our_london_studio.jpg); background-repeat: no-repeat; background-position: left top;  padding:0; }
li#london_studio a:hover h3 { background-image: url(../images/our_london_studio.jpg); background-repeat: no-repeat; background-position: left bottom; }

li#sevenoaks_shop { text-indent:-9999px; margin:5px 0 0 0; }
li#sevenoaks_shop a h3 { height:20px; width:140px; background-image: url(../images/our_sevenoaks_shop.jpg); background-repeat: no-repeat; background-position: left top;  padding:0; }
li#sevenoaks_shop a:hover h3 { background-image: url(../images/our_sevenoaks_shop.jpg); background-repeat: no-repeat; background-position: left bottom; }

/* Mail List Subscription Link Styling */

ul#shop_functions { height: 104px; width: 141px; position: absolute; left: 868px; top: 24px; }
ul#shop_functions li { float: left; text-indent: -9999px; padding: 4px 0 4px 0; }
ul#shop_functions li a { height: 42px; width: 140px; display: block; margin: 0; padding: 0; }

li#request a { background-image: url(../images/request.png); background-repeat: no-repeat; background-position: left center; }
li#request a:hover {  background-position: left bottom; }
li#request a.current, li#request a.current:hover, li#request a.current :active {  background-position: left top; }

ul#shop_functions li#subscribe a { background-image: url(../images/newsletter.png); background-repeat: no-repeat; background-position: left top; }
ul#shop_functions li#subscribe a:hover {  background-position: left bottom; }
ul#shop_functions li#subscribe a.current, li#subscribe a.current:hover, li#subscribe a.current :active { background-position: left center; cursor: default; }

li#brochure a { background-image: url(../images/brochure.png); background-repeat: no-repeat; background-position: left top; }
ul#shop_functions li#brochure a:hover {  background-position: left bottom; }
ul#shop_functions li#brochure a.current, li#brochure a.current:hover, li#brochure a.current :active {  background-position: left center; cursor: default; }


ul#shop_functions li#basket a { height: 96px; width: 76px; position: absolute; left: 153px; top: 37px; background-image: url(../images/basket.png); background-repeat: no-repeat; background-position: left center; z-index: 100; }
ul#shop_functions li#basket a:hover {  background-position: left bottom; }
ul#shop_functions li#basket a.current, li#basket a.current:hover, li#basket a.current :active {  background-position: left top; cursor: default; }

/* H1 Page Headers - Main Page Heading */


/* Main Navigation Bar Tabs */

div#nav_bar { height: 40px; width: 790px; margin: 0; position:relative; z-index:95; }
div#nav_bar ul { margin: 0; padding: 0; list-style: none; }
div#nav_bar ul li { float: left; text-indent: -9999px; }
div#nav_bar ul a { height: 40px; width: 136px; margin: 0px; padding: 0px; display: block; }

li#wedding_tab a { background-image: url(../images/wedding_tab.jpg); background-repeat: no-repeat; background-position: center; }
li#wedding_tab a:hover {  background-position: top; }
li#wedding_tab a.current, li#wedding_tab a.current:hover, li#wedding_tab a.current :active {  background-position: bottom; }

li#engagement_tab a { background-image: url(../images/engagement_tab.jpg); background-repeat: no-repeat; background-position: center; }
li#engagement_tab a:hover {  background-position: top; }
li#engagement_tab a.current, li#engagement_tab a.current:hover, li#engagement_tab a.current :active {  background-position: bottom; }

li#eternity_tab a { background-image: url(../images/eternity_tab.jpg); background-repeat: no-repeat; background-position: center; }
li#eternity_tab a:hover {  background-position: top; }
li#eternity_tab a.current, li#eternity_tab a.current:hover, li#eternity_tab a.current :active {  background-position: bottom; }

li#bespoke_tab a { background-image: url(../images/bespoke_tab.jpg); background-repeat: no-repeat; background-position: center; }
li#bespoke_tab a:hover {  background-position: top; }
li#bespoke_tab a.current, li#bespoke_tab a.current:hover, li#bespoke_tab a.current :active {  background-position: bottom; }

li#blog_tab a { background-image: url(../images/blog_tab.jpg); background-repeat: no-repeat; background-position: center; }
li#blog_tab a:hover { background-position: top; }
li#blog_tab a.current, li#blog_tab a.current:hover, li#blog_tab a.current :active {  background-position: bottom; }

/* -------------------- Main Area ----------------------------*/


/* Navigation - Sub */

/* ----------------- Sidebar Left (Collections Nav) ---------------------------- */

div#collections_nav { background: url(../images/handmade.jpg) no-repeat 0 0; position:relative; z-index:100; }

div#collections_nav h2 { padding:3px 0 3px 0; margin: 18px 0 0 0 }
div#collections_nav ol li h2 { height:20px; width:160px; }

div#collections_nav li h3 { height: 12px; margin: 8px 0 8px 0; }

li.sparkle a {  padding-left: 15px;  background-image: url(../images/sparkle.jpg); background-repeat: no-repeat; background-position: left top; z-index:100; }


li.sparkle a:hover { background-position: left bottom; color: #fff; }
li.sparkle a.current, li.sparkle a.current:hover, li.sparkle a.current :active {  background-position: left bottom; color: #fcfdfe;}

ol#blue_type li.sparkle a:hover { background-position: left bottom; color: #fff; }
ol#blue_type li.sparkle a.current, li.sparkle a.current:hover, li.sparkle a.current :active {  background-position: left bottom; color: #72a7b7;}

ol#green_type li.sparkle a:hover { background-position: left bottom; color: #fff; }
ol#green_type li.sparkle a.current, li.sparkle a.current:hover, li.sparkle a.current :active { background-position: left bottom; color: #697366; }

ol#purple_type li.sparkle a:hover { background-position: left bottom; color: #fff; }
ol#purple_type li.sparkle a.current, li.sparkle a.current:hover, li.sparkle a.current :active { background-position: left bottom; color: #7c7c8c; }

li.pink_type a:hover { background-position: left bottom; color: #fff; }
li.pink_type a.current, li.pink_type a.current:hover, li.pink_type a.current :active { background-position: left bottom; color: #ff89a9; }

.current_favourites { color:#72A7B7; }
.customer_services { color:#697366; }
.guides_and_advice { color:#7C7C8C; }
.site_information { color:#FCFDFE; }
.follow_dominic { color:#FCFDFE; }

ul#social_icons li { float:left; display:inline; margin:10px 12px 30px 0; }

/* ----------------- Main Page Request Buttons (Generic) ---------------------------- */

ul#request_buttons { height: 45px; width: 690px; padding:10px 0 20px 0;  }
ul#request_buttons li { float: left; text-indent: -999px; }
ul#request_buttons li a { height: 45px; width: 110px; display: block; }
ul#request_buttons li.brochure_button { background: url(../images/brochure_button.png) no-repeat left top;  }
ul#request_buttons li.brochure_button a:hover { background: url(../images/brochure_button.png) no-repeat left bottom; }
ul#request_buttons li.appointment_button { padding-right: 14px; background: url(../images/appointment_button.png) no-repeat left top; }
ul#request_buttons li.appointment_button a:hover { background: url(../images/appointment_button.png) no-repeat left bottom; }
ul#request_buttons li.sizer_button { padding: 0; background: url(../images/ring_sizer_button.png) no-repeat left top; }
ul#request_buttons li.sizer_button a:hover { padding: 0; background: url(../images/ring_sizer_button.png) no-repeat left bottom; }

ul#request_buttons li.sample_button { padding: 0; background: url(../images/ring_sample_button.png) no-repeat left top; }
ul#request_buttons li.sample_button a:hover { padding: 0; background: url(../images/ring_sample_button.png) no-repeat left bottom; }

ul#request_buttons li.how_button { padding: 0; background: url(../images/how_to_order.png) no-repeat left top; }
ul#request_buttons li.how_button a:hover { padding: 0; background: url(../images/how_to_order.png) no-repeat left bottom; }

ul#request_buttons li.oseas_button { padding: 0; background: url(../images/overseas.png) no-repeat left top; }
ul#request_buttons li.oseas_button a:hover { padding: 0; background: url(../images/overseas.png) no-repeat left bottom; }

ul#request_buttons li.sample_button { padding: 0; background: url(../images/ring_sample_button.png) no-repeat left top; }
ul#request_buttons li.sample_button a:hover { padding: 0; background: url(../images/ring_sample_button.png) no-repeat left bottom; }
h3#how_to_order_button { width:140px; height:45px; position:absolute; left: 667px; top: 452px; text-indent: -999px }

a h3#how_to_order_button  { background: url(../images/how_to_order_button.jpg) no-repeat right top; }
a:hover h3#how_to_order_button  { background: url(../images/how_to_order_button.jpg) no-repeat right bottom; }

ul#request_buttons_blue { height: 45px; width: 480px; }
ul#request_buttons_blue li { float: left; text-indent: -999px; }
ul#request_buttons_blue li a { height: 45px; width: 110px; display: block; }
ul#request_buttons_blue li h4 a { padding: 0; line-height: 12px; color:#72a7b7; font-weight: bold; font-size: 0.9em; }
ul#request_buttons_blue li.brochure_button_blue { background: url(../images/blue_brochure_button.png) no-repeat left top; }
ul#request_buttons_blue li.brochure_button_blue a:hover { background: url(../images/blue_brochure_button.png) no-repeat left bottom; }
ul#request_buttons_blue li.appointment_button_blue { padding-right: 14px; background: url(../images/blue_appointment_button.png) no-repeat left top; }
ul#request_buttons_blue li.appointment_button_blue a:hover { padding: 0; background: url(../images/blue_appointment_button.png) no-repeat left bottom; }
ul#request_buttons_blue li.sizer_button_blue { padding: 0; background: url(../images/blue_ring_sizer_button.png) no-repeat left top; }
ul#request_buttons_blue li.sizer_button_blue a:hover{ padding: 0; background: url(../images/blue_ring_sizer_button.png) no-repeat left bottom; }
ul#request_buttons_blue li.sample_button_blue { padding: 0; background: url(../images/blue_ring_sample_button.png) no-repeat left top; }
ul#request_buttons_blue li.sample_button_blue a:hover { padding: 0; background: url(../images/blue_ring_sample_button.png) no-repeat left bottom; }

h3#how_to_order_button_blue { width:140px; height:45px; position:absolute; padding: 0; background: url(../images/blue_how_to_order_button.jpg) no-repeat right top; left: 666px; top: 434px; }

ul#request_buttons_grey { height: 45px; width: 480px; }
ul#request_buttons_grey li { float: left; text-indent: -999px; }
ul#request_buttons_grey li a { height: 45px; width: 110px; display: block; }
ul#request_buttons_grey li.brochure_button_grey { background: url(../images/grey_brochure_button.png) no-repeat left top; }
ul#request_buttons_grey li.brochure_button_grey a:hover { background: url(../images/grey_brochure_button.png) no-repeat left bottom; }
ul#request_buttons_grey li.appointment_button_grey { padding-right: 14px; background: url(../images/grey_appointment_button.png) no-repeat left top; }
ul#request_buttons_grey li.appointment_button_grey a:hover { padding: 0; background: url(../images/grey_appointment_button.png) no-repeat left bottom; }
ul#request_buttons_grey li.sizer_button_grey { padding: 0; background: url(../images/grey_ring_sizer_button.png) no-repeat left top; }
ul#request_buttons_grey li.sizer_button_grey a:hover{ padding: 0; background: url(../images/grey_ring_sizer_button.png) no-repeat left bottom; }
ul#request_buttons_grey li.sample_button_grey { padding: 0; background: url(../images/grey_ring_sample_button.png) no-repeat left top; }
ul#request_buttons_grey li.sample_button_grey a:hover { padding: 0; background: url(../images/grey_ring_sample_button.png) no-repeat left bottom; }

/* ----------------- Main Page Content (Generic) ---------------------------- */

img#contemporary { margin: 0 0 15px 5px; }
img#home_portrait {  float: left; clear:both; margin: 10px 20px 0 0; }
img#campaign_portrait {  float: left; margin: 34px 20px 0 45px; }
/*h4.home_header { float:left; margin: 30px 0 10px 40px; color: #555555; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 19px; font-weight: bold; text-align: left; font-variant: small-caps; }*/
h4.campaign_header { float:left; margin-top: 10px; font: bold 2.2em Arial, Helvetica, sans-serif; color: #333333;  }

div.home_feature1 { margin:30px 0 0 0; float:left; }
div.home_feature2 { margin:20px 0 0 0; float:left; }
div.home_feature3 { margin:-10px 0 40px 0; float:left; }
h4.home_hdg a { margin:0 0 0 40px; float:left; font-size: 2.4em; color: #333; font-weight:bold; }
h4.home_hdg a:hover { color: #CCC; }
h4.home_hdg span { font-size: 16px; font-style:italic; }
img.home_img { float:left; margin:0 0 0 30px; }
p.home_text { width:400px; float:right; margin:0 0 0 10px; font: 1.2em/22px Arial, Helvetica, sans-serif; color: #333; /*letter-spacing: 0.8px;*/ }

h4.home_contact_details { margin:0 0 0 20px; font-size: 2em; color: #333; font-weight:bold; }
h4.home_contact_details a { color: #333; }
h4.home_contact_details a:hover { color: #CCC; }


p.home_text a { color: #fb89a9; }
p.home_text a:hover { color: #fb89a9; text-decoration:underline; }
p#home_ink { margin-top:5px; }
img#hand_made { position:absolute; left:660px; bottom:130px; }
img#hand_made_float { float:right; padding-right:10px; }

div#main_content { float:left; width: 665px; padding: 15px 0 15px 15px; background: #fff url(../images/main_content_bg.jpg) repeat-y center; }
.generic { min-height: 740px; }

div#main_content_home { float:left; width: 665px; padding: 15px 0 15px 15px; background: #fff; url(../images/main_content_bg.jpg) repeat-y center; }

div#main_content.handmade_green { min-height: 740px; background: #fcfdfe url(../images/handmade_green_bg.jpg) no-repeat right bottom; }

div#basket_page { float: left; width: 665px; min-height: 740px; margin: 0; padding: 15px 0 15px 15px; background: #fcfdfe url(../images/main_content_bg.jpg) repeat-y center; }

div#basket_page form.basket_form  { margin-right: 15px }

div#main_content.generic { min-height: 750px; padding:15px 0 0 15px; }



div#main_content.action { min-height: 740px; padding:15px 0 0 15px; }
div#main_content.about { min-height: 740px; background: url(../images/about_bg.jpg) no-repeat; }
div#main_content.repairs { min-height: 740px; background: url(../images/repairs_bg.jpg) no-repeat; }
div#main_content.care { min-height: 740px; background: url(../images/jewellery_care_bg.jpg) no-repeat; }
div#main_content.engrave { min-height: 740px; background: url(../images/engrave_bg.jpg) no-repeat; }
div#main_content.guarantee { min-height: 740px; background: url(../images/guarantee_bg.jpg) no-repeat;  }
div#main_content.engagement { min-height: 910px; }
div#main_content.bespoke_page { min-height: 1065px; }
div#main_content.eternity { min-height: 890px; }
div#main_content.vouchers { min-height: 740px; background: url(../images/vouchers_bg.jpg); }

div#action_text { width:270px; float:right; margin-top: 10px; }
div#action_text h4 { font: bold 1.1em Verdana, Geneva, sans-serif; color: #72a7b7; }
div#action_text h5 { font: bold 1em Verdana, Geneva, sans-serif; color: #999; margin: 14px 0 14px 0; }
div#action_text p { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-style: italic; padding-right: 15px; font-size: 1.1em; }
div#action_text p a { color: #72a7b7; }
div#action_text p a:hover { text-decoration:underline }
div#action_text p.favourites_standfirst { color: #72a7b7; font-size: 1.1em; font-style: normal; font-family: Arial, Helvetica, sans-serif; }

h4.generic_topheader { font: lighter normal 1.8em Arial, Helvetica, sans-serif; color: #697366; margin:  100px 0 0 200px; }
h4.basket_empty { font: lighter normal 1.8em Arial, Helvetica, sans-serif; color: #666; margin: 18px 0 0 16px; }

h1.collection_title { margin: 0 20px 15px 0; font: bold 2em Verdana, Geneva, sans-serif; color: #fb89a9; display:inline; float:left; }

p.inline_para { margin:8px 0 0 0; }

h3.collection_title { margin: 0 0 15px 0; font: bold 2em Verdana, Geneva, sans-serif; color: #fb89a9; }
h3.campaign_title { margin: 0 0 15px 0; font: bold 2em Verdana, Geneva, sans-serif; color: #333333; }
h3.deposit_title { margin: 0 0 15px 0; font: bold 2em Verdana, Geneva, sans-serif; color: #72a7b7; }

h1.collection_title_blue_wedding { display:inline; float:left; margin: 0 20px 0 0; font: bold 2em Verdana, Geneva, sans-serif; color: #888888; }

h2.collection_sub_heads { display:inline; float:left; margin: 0 20px 15px 0; font: bold 1.5em Verdana, Geneva, sans-serif; color: #888888; }

h1.collection_title_blue { margin: 0 0 15px 0; font: bold 2em Verdana, Geneva, sans-serif; color: #72a7b7; }
h3.collection_title_blue { margin: 0 0 15px 0; font: bold 2em Verdana, Geneva, sans-serif; color: #72a7b7; }
h3.generic_title { margin-top: 18px; font: bold 2em Verdana, Geneva, sans-serif; color: #a4a5a6; }

h1.collection_title_grey { margin: 0 0 15px 0; font: bold 2em Verdana, Geneva, sans-serif; color: #888; }

img.feature_image { padding: 0 15px 9px 0; clear:left; }

h4.feature_header { font: lighter normal 1.6em Arial, Helvetica, sans-serif; color: #888; margin: 160px 15px 18px 0; padding: 0 0 0 10px; }
p.feature_text { width: 260px; margin: 15px 10px 15px 0; padding:0; }

div.wedding_header { position:relative; width:600px; margin:10px 0 0 10px; padding:0 0 30px 0; border-bottom:solid 1px #72A7B7; }
p.wedding_text1 { float:left; font-size:11px; margin:10px 0 0 0; }
p.wedding_text2 { float:left; font-size:11px; margin:10px 0 0 0; }
img.wedding_image { position:absolute; top:0; right:-40px; margin:0; }

div.wedding_rings_list { max-height:568px; min-height:380px; width:640px; float:left; margin:0 0 15px 10px; overflow:auto; }
div.wedding_rings_list ul li { height:168px; width:600px; padding:10px 0; border-bottom:solid 1px #72A7B7; }
div.wedding_rings_list img { float:left; border:solid 1px #C7C7D0; }
div.wedding_rings_list h2 { width:250px; float:left; margin:10px 0 5px 20px; font-size:16px; color:#72a7b7; }
div.wedding_rings_list h2 a { color:#72a7b7; }
div.wedding_rings_list h2 a:hover { color:#888; }
div.wedding_rings_list h4 { width:250px; float:left; margin:0 0 5px 20px; font-size:12px; }
div.wedding_rings_list p {  width:250px; float:left; margin-left:20px; }
div.wedding_rings_list p a:hover { color:#888; }
div#main_content div.wedding_rings_list p span { float:right; margin:5px 20px 0 0; font-style:italic; color:#72a7b7; }

h1.engagement_header { margin-top:18px; color: #fb89a9; }
h5.engagement_header { margin-top:18px; color: #fb89a9; }
h5.engagement_header a:hover { text-decoration:underline; }
h5.engrave_lg { margin: 18px 0 0 100px; }
h6.engrave_link {  margin:160px 0 0 10px; }
h6.engrave_link a { color: #666; font: 1em/18px Arial, Helvetica, sans-serif; }
h6.engrave_link_back a { color: #666; font: 1em Arial, Helvetica, sans-serif; margin-left: 100px ; }
h6.engrave_link a:hover { text-decoration: underline; }

p#wedding_intro { position:absolute; font-size:1.1em; color:#FFF; left: 190px; top: 348px; }

/* ----------------- Main Page Content (Forms Pages) ---------------------------- */

h4.forms_header { font: lighter normal 2.2em Arial, Helvetica, sans-serif; color: #7d7c8b; margin:  40px 0 20px 10px; }
h4.forms_header_contact { font: lighter normal 2.2em Arial, Helvetica, sans-serif; color: #7d7c8b; margin:  198px 0 20px 0; }

h4.ring_samples { font: lighter normal 2.2em Arial, Helvetica, sans-serif; color: #7d7c8b; margin:  72px 0 20px 0px; }

/* ----------------- Main Page Content (Tab Pages) ---------------------------- */

div.tab_pages { height: 770px }

/* ----------------- Main Page Content (Eternity Pages ) ---------------------------- */

h5.eternity_header { margin-top:18px; }

/* ----------------- Main Page Content (Wedding Pages - Action Text) ---------------------------- */


div#action_text_weddings { width:270px; float:right; padding-top: 10px; }
h1.wedding_pages_title { margin-top: 5px; font: bold 1.6em Verdana, Geneva, sans-serif; color: #ff89a9; padding-right: 15px; }
h3.wedding_pages_title { margin-top: 5px; font: bold 1.6em Verdana, Geneva, sans-serif; color: #ff89a9; padding-right: 15px; }
div#action_text p.weddings_standfirst { color: #ff89a9; font-size: 1.1em; font-style: normal; font-family: Arial, Helvetica, sans-serif; }
div#action_text_weddings h4 { font: bold 1.1em Verdana, Geneva, sans-serif; color: #ff89a9; }
div#action_text_weddings h5 { font: bold 1em Verdana, Geneva, sans-serif; color: #999; margin: 14px 0 14px 0; }
div#action_text_weddings p.weddings_standfirst { color: #ff89a9; font-size: 1.1em; font-style: normal; font-family: Arial, Helvetica, sans-serif; }
div#action_text_weddings p { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-style: italic; padding-right: 15px; font-size: 1.1em; }
div#action_text_weddings p a { color: #ff89a9; }
div#action_text_weddings p a:hover { text-decoration:underline }

/* ----------------- Main Page Content (Wedding Pages - Image Positions) ---------------------------- */

ul#request_buttons.wedding_buttons { position:absolute; left: 175px; top: 450px; }

a h3#how_to_order_button_wedding  { background: url(../images/how_to_order_button.jpg) no-repeat right top; }
a:hover h3#how_to_order_button_wedding  { background: url(../images/how_to_order_button.jpg) no-repeat right bottom; }

div#harmony_ring1 { width: 207px; height:180px; margin: 0px; padding: 0px; position: absolute; left: 560px; top: 532px; }
div#harmony_ring1 h4 { font-style: italic; float: right; text-align: right; font-size: 0.9em; }

div#harmony_ring2 { width: 263px; height:153px; margin: 0px; padding: 0px; position: absolute; left: 513px; top: 747px; }
div#harmony_ring2 h4 { font-style: italic; float: right; text-align: right; font-size: 0.9em; }


div#harmony_ring3 { width: 263px; height:153px; margin: 0px; padding: 0px; position: absolute; left: 205px; top: 747px; }
div#harmony_ring3 h4 { font-style: italic; float: right; text-align: right; font-size: 0.9em; }

h1.harmong_ring_header { margin-top:24px; }
h1.sonnet_ring_header { margin-top:36px; }

li#tab_box1hr { position: absolute; left: 553px; top: 651px; }
li#tab_box1hr a h4 { font-style: oblique; float:right; }
li#tab_box2hr { position: absolute; left: 236px; top: 775px; }
li#tab_box2hr a h4 { font-style: oblique; float:right;  }

h3#back_to_wedding_rings { width:140px; height:45px; position:absolute; left: 552px; top: 201px; text-indent: -999px }
a h3#back_to_wedding_rings  { background: url(../images/back_to_wedding_rings.jpg) no-repeat right top; }
a:hover h3#back_to_wedding_rings  { background: url(../images/back_to_wedding_rings.jpg) no-repeat right bottom; }

h3#back_to_harmony_rings { width:140px; height:45px; position:absolute; left: 693px; top: 200px; text-indent: -999px }
a h3#back_to_harmony_rings  { background: url(../images/back_to_harmony_rings.png) no-repeat right top; }
a:hover h3#back_to_harmony_rings  { background: url(../images/back_to_harmony_rings.png) no-repeat right bottom; }

/* ----------------- Main Page Content (Engagement Pages - Image Positions) ---------------------------- */

li#tab_box1en { height: 100px; width: 107px; position: absolute; left: 534px; top: 483px; }
li#tab_box1en h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box2en { height: 109px; width: 104px; position: absolute; left: 701px; top: 475px; }
li#tab_box2en h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box3en { height: 83px; width: 124px; position: absolute; left: 577px; top: 596px; }
li#tab_box3en h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box4en { height: 85px; width: 110px; position: absolute; left: 505px; top: 681px; }
li#tab_box4en h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box5en { height: 85px; width: 117px; position: absolute; left: 706px; top: 656px; }
li#tab_box5en h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box6en { height: 85px; width: 120px; position: absolute; left: 573px; top: 769px; }
li#tab_box6en h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box7en { height: 96px; width: 122px; position: absolute; left: 498px; top: 866px; }
li#tab_box7en h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box8en { height: 86px; width: 119px; position: absolute; left: 701px; top: 822px; }
li#tab_box8en h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box9en { height: 95px; width: 97px; position: absolute; left: 378px; top: 987px; }
li#tab_box9en h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box10en { height: 84px; width: 125px; position: absolute; left: 195px; top: 1004px; }
li#tab_box10en h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box11en { height: 100px; width: 100px; position: absolute; left: 544px; top: 993px; }
li#tab_box11en h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box12en { height: 100px; width: 102px; position: absolute; left: 707px; top: 961px; }
li#tab_box12en h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }

/* ----------------- Main Page Content (Eternity Rings - Image Positions) ---------------------------- */

li#tab_box1et { height: 120px; width: 120px; position: absolute; left: 504px; top: 486px; }
li#tab_box1et h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box2et { height: 107px; width: 126px; position: absolute; left: 690px; top: 485px; }
li#tab_box2et h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box3et { height: 85px; width: 120px; position: absolute; left: 659px; top: 599px; }
li#tab_box3et h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box4et { height: 98px; width: 120px; position: absolute; left: 511px; top: 629px; }
li#tab_box4et h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box5et { height: 66px; width: 120px; position: absolute; left: 633px; top: 699px; }
li#tab_box5et h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box6et { height: 103px; width: 120px; position: absolute; left: 495px; top: 761px; }
li#tab_box6et h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box7et { height: 87px; width: 120px; position: absolute; left: 700px; top: 794px; }
li#tab_box7et h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box8et { height: 120px; width: 120px; position: absolute; left: 306px; top: 859px; }
li#tab_box8et h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box9et { height: 63px; width: 120px; position: absolute; left: 172px; top: 996px; }
li#tab_box9et h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box10et { height: 91px; width: 195px; position: absolute; left: 440px; top: 967px; }
li#tab_box10et h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box11et { height: 120px; width: 113px; position: absolute; left: 582px; top: 837px; }
li#tab_box11et h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box12et { height: 90px; width: 120px; position: absolute; left: 676px; top: 968px; }
li#tab_box12et h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }

/* ----------------- Main Page Content (Bespoke - Image Positions) ---------------------------- */

h1#bespoke_hdr { margin-top: 18px; }

li#tab_box1be { position: absolute; left: 597px; top: 686px; z-index:10; } 
li#tab_box2be { position: absolute; left: 578px; top: 490px; } 
li#tab_box3be { position: absolute; left: 711px; top: 519px; } 
li#tab_box4be { position: absolute; left: 732px; top: 790px; } 
li#tab_box5be { position: absolute; left: 385px; top: 959px; z-index:10; } 
li#tab_box6be { position: absolute; left: 603px; top: 779px; } 
li#tab_box7be { position: absolute; left: 740px; top: 720px; } 
li#tab_box8be { position: absolute; left: 353px; top: 646px; } 
li#tab_box9be { position: absolute; left: 180px; top: 770px; } 
li#tab_box9be h6 { margin: 5px 0 5px 0; text-align: center; font-size: 0.9em; font-weight: normal; }
li#tab_box9be a h6 { color:#666 }
li#tab_box9abe { position: absolute; left: 178px; top: 512px; } 
li#tab_box9abe h6 { margin: 5px 0 5px 0; text-align: center; font-size: 0.9em; font-weight: normal; }
li#tab_box9abe a h6 { color:#666 }
li#tab_box9bbe { position: absolute; left: 179px; top: 647px; } 
li#tab_box9bbe h6 { margin: 5px 0 5px 0; text-align: center; font-size: 0.9em; font-weight: normal; }
li#tab_box9bbe a h6 { color:#666 }
li#tab_box10be { position: absolute; left: 626px; top: 576px; } 
li#tab_box10be img { border: 0px; }
li#tab_box11be { position: absolute; left: 238px; top: 971px; z-index:10; } 
li#tab_box12be { position: absolute; left: 574px; top: 856px; }
li#tab_box13be { position: absolute; left: 551px; top: 1191px; z-index:10; } 
li#tab_box14be { position: absolute; left: 165px; top: 1176px; z-index:10; } 
li#tab_box15be { position: absolute; left: 684px; top: 886px; } 
li#tab_box16be { position: absolute; left: 656px; top: 992px; }
li#tab_box17be { position: absolute; left: 189px; top: 894px; } 

/* ----------------- Main Page Content (Shop) ---------------------------- */

li.shop_box { height: 120px; width: 120px; float:left; position:relative; margin: 9px 10px 45px 0; text-align: center; }
li.shop_box h4 a { color: #666; }
li.shop_box span { font-weight:bold; }
li.shop_box span.new_c { position:absolute; left:10px; top:5px; }

button#add_to_basket { height: 45px; width: 140px; position: absolute; left: 684px; top: 300px; border: none; background-image: url(../images/add_to_basket.jpg); background-repeat: no-repeat; background-position: top; }

/*h3#back_to_collections { width:65px; height:45px; position:absolute; left: 749px; top: 305px; text-indent: -999px }
a h3#back_to_collections  { background: url(../images/back_to_collections.png) no-repeat right top; }
a:hover h3#back_to_collections  { background: url(../images/back_to_collections.png) no-repeat right bottom; }*/

h3#back_to_collections_wedding { width:65px; height:45px; position:absolute; left: 687px; top: 334px; text-indent: -999px }
a h3#back_to_collections_wedding  { background: url(../images/go_back.jpg) no-repeat right top; }
a:hover h3#back_to_collections_wedding  { background: url(../images/go_back.jpg) no-repeat right bottom; }

/*h3#learn_more { width:65px; height:45px; position:absolute; left: 679px; top: 258px; text-indent: -999px }
a h3#learn_more  { background: url(../images/back_to_collections.png) no-repeat right top; }
a:hover h3#learn_more  { background: url(../images/back_to_collections.png) no-repeat right bottom; }*/

h3#learn_more { width:65px; height:45px; position:absolute; left: 758px; top: 334px; text-indent: -999px }
a h3#learn_more  { background: url(../images/learn_more.jpg) no-repeat right top; }
a:hover h3#learn_more  { background: url(../images/learn_more.jpg) no-repeat right bottom; }



div#main_content a input { width:140px; height:45px; position:absolute; left: 684px; top: 251px; background: url(../images/add_to_basket.jpg) no-repeat right top; } 
div#main_content a.enquire { width:140px; height:45px; position:absolute; left: 684px; top: 251px; background: url(../images/enquire.png) no-repeat right top; } 
div#main_content a:hover input { background: url(../images/add_to_basket.jpg) no-repeat right bottom; } 
div#main_content a.enquire:hover { background: url(../images/enquire.png) no-repeat right bottom; }

div#main_content a input.blue { height: 45px; width: 140px; position:absolute; left: 684px; top: 286px; background: url(../images/add_to_basket_fav.jpg) no-repeat right top; border:none; text-indent: 999px; } 
div#main_content a:hover input.blue { height: 45px; width: 140px; background: url(../images/add_to_basket_fav.jpg) no-repeat right bottom; } 

div#main_content a input.grey { height: 45px; width: 140px; position:absolute; left: 684px; top: 286px; background: url(../images/add_to_basket_wedding.jpg) no-repeat right top; border:none; text-indent: 999px; } 
div#main_content a:hover input.grey { height: 45px; width: 140px; background: url(../images/add_to_basket_wedding.jpg) no-repeat right bottom; } 

/* ----------------- Main Page Content (Basket Page Buttons) ---------------------------- */


div#basket_page a .basket_continue { height: 45px; width: 150px; background: url(../images/continue_shopping_button.jpg) no-repeat right top; }
div#basket_page a:hover .basket_continue { background: url(../images/continue_shopping_button.jpg) no-repeat right bottom; }

div#basket_page a .basket_clear { height: 45px; width: 150px; background: url(../images/clear_basket_button.jpg) no-repeat right top; }
div#basket_page a:hover .basket_clear { background: url(../images/clear_basket_button.jpg) no-repeat right bottom; }

div#basket_page a .basket_update { height: 45px; width: 150px; background: url(../images/update_basket_button.jpg) no-repeat right top; }
div#basket_page a:hover .basket_update { background: url(../images/update_basket_button.jpg) no-repeat right bottom; }

div#basket_page a .basket_checkout { height: 45px; width: 150px; background: url(../images/go_to_checkout_button.jpg) no-repeat right top; }
div#basket_page a:hover .basket_checkout { background: url(../images/go_to_checkout_button.jpg) no-repeat right bottom;  }

div#main_content form .input_qty { display:none; }

p#discount_box { margin-top:-30px; float:right; }

/* ----------------- Main Page Content (Checkout Page Buttons) ---------------------------- */


div#basket_page a .checkout { height: 45px; width: 150px; background: url(../images/checkout_button.jpg) no-repeat right top; }
div#basket_page a:hover .checkout { background: url(../images/checkout_button.jpg) no-repeat right bottom;  }

/* ----------------- Main Page Content (Confirm Page Buttons) ---------------------------- */


div#basket_page a .modify { height: 45px; width: 150px; background: url(../images/modify_information_button.jpg) no-repeat right top; }
div#basket_page a:hover .modify { background: url(../images/modify_information_button.jpg) no-repeat right bottom;  }

div#basket_page a .submit_order { height: 45px; width: 150px; background: url(../images/submit_order_button.jpg) no-repeat right top; }
div#basket_page a:hover .submit_order { background: url(../images/submit_order_button.jpg) no-repeat right bottom;  }

/* ----------------- Main Page Content (Request Forms Page Buttons) ---------------------------- */


div#basket_page a input.send_button { height: 45px; width: 150px; background: url(../images/send_form_button.jpg) no-repeat right top; }
div#basket_page a:hover input.send_button { background: url(../images/send_form_button.jpg) no-repeat right bottom; }

div#basket_page a input.reset_button { height: 45px; width: 150px; background: url(../images/reset_form_button.jpg) no-repeat right top; }
div#basket_page a:hover input.reset_button { background: url(../images/reset_form_button.jpg) no-repeat right bottom; }



/* ----------------- Main Page Content (Favourites Pages) ---------------------------- */


h3.feature_img_label { font: bold 1em Verdana, Geneva, sans-serif; color: #999; float: right; height: 49px; width: 168px; position: absolute; left: 639px; top: 450px; }


h3#how_to_order_button_blue { width:140px; height:45px; position:absolute; left: 684px; top: 251px; text-indent: -999px }
a h3#how_to_order_button_blue  { background: url(../images/blue_how_to_order_button.jpg) no-repeat right top; }
a:hover h3#how_to_order_button_blue  { background: url(../images/blue_how_to_order_button.jpg) no-repeat right bottom; }

h1.favourites_title { margin-top: 5px; font: bold 1.6em Verdana, Geneva, sans-serif; color: #72a7b7; }
h3.favourites_title { margin-top: 5px; font: bold 1.6em Verdana, Geneva, sans-serif; color: #72a7b7; }
h3.favourites_header { font: lighter normal 2.2em Arial, Helvetica, sans-serif; color: #72a7b7; }
h1.favourites_header { color: #72a7b7; margin:18px 0 9px 0; }
h5.favourites_header { color: #72a7b7; margin:18px 0 9px 0; }
h6.favourites_header { font: normal 1.1em Arial, Helvetica, sans-serif; color: #72a7b7; }

p.favourites_text { font: 1.2em/18px Arial, Helvetica, sans-serif; color: #666; }

p#fp_stg1 { width:100px; height:40px; position: absolute; left: 733px; top: 560px; }
p#fp_stg2 { width:100px; height:40px; position: absolute; left: 734px; top: 682px; }
p#fp_stg3 { width:100px; height:75px; position: absolute; left: 733px; top: 830px; }

p#hb_stg1 { width:100px; height:40px; position: absolute; left: 734px; top: 568px; }
p#hb_stg2 { width:100px; height:40px; position: absolute; left: 734px; top: 703px; }
p#hb_stg3 { width:100px; height:75px; position: absolute; left: 733px; top: 830px; }

ol#fingerprint_ring { margin-top: 0; }
ol#fingerprint_ring li { margin-bottom: 18px; }

div#fingerprint_ring_lg { width: 360px; height:277px; margin: 0px; padding: 0px; position: absolute; left: 212px; top: 686px; }
div#fingerprint_ring_lg h4 { font-style: italic; float: right; text-align: right; }

div#heartbeat_ring_lg { width: 347px; height:176px; margin: 0px; padding: 0px; position: absolute; left: 209px; top: 732px; }
div#heartbeat_ring_lg h4 { font-style: oblique; float:right; color: #666; }

div#fav_images { min-height: 755px; width:390px; float:left; margin-top: 10px; }


li.fav_box { height: 120px; width: 120px; float: left; background: #CCC; margin: 2px 10px 45px 0; text-align: center; }
li.fav_box h4 a { color: #666; }
li.fav_box_last { height: 120px; width: 120px; float: left; background: #CCC; margin: 2px 0 45px 0; text-align: center; }
li.fav_box_last h4 a { color: #666; }

h1.year_ring_header { margin-top:16px; color: #72a7b7; }

li#tab_box1yr { height: 148px; width: 236px; position: absolute; left: 561px; top: 524px; }
li#tab_box1yr a h4 { font-style: oblique; float:right; color: #666; }
li#tab_box2yr { height: 136px; width: 244px; position: absolute; left: 545px; top: 710px; }
li#tab_box2yr a h4 { font-style: oblique; float:right; color: #666; }
li#tab_box3yr { height: 143px; width: 273px; position: absolute; left: 219px; top: 761px; }
li#tab_box3yr a h4 { font-style: oblique; float:right; color: #666; }

li#tab_box1cr { height: 135px; width: 154px; position: absolute; left: 661px; top: 485px; }
li#tab_box1cr h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box2cr { height: 133px; width: 133px; position: absolute; left: 499px; top: 541px; }
li#tab_box2cr h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box3cr { height: 112px; width: 157px; position: absolute; left: 663px; top: 649px; }
li#tab_box3cr h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box4cr { height: 107px; width: 151px; position: absolute; left: 495px; top: 710px; }
li#tab_box4cr h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }
li#tab_box5cr { height: 121px; width: 152px; position: absolute; left: 620px; top: 823px; }
li#tab_box5cr h4 a { font-style: oblique; margin-left: 20px; color: #ff89a9; }

h3#back_to_year_rings { width:140px; height:45px; position:absolute; left: 693px; top: 201px; text-indent: -999px }
a h3#back_to_year_rings  { background: url(../images/back_to_year_rings.png) no-repeat right top; }
a:hover h3#back_to_year_rings  { background: url(../images/back_to_year_rings.png) no-repeat right bottom; }

h3#back_to_fingerprint_rings { width:140px; height:45px; position:absolute; left: 691px; top: 201px; text-indent: -999px }
a h3#back_to_fingerprint_rings  { background: url(../images/back_to_fingerprint_rings.png) no-repeat right top; }
a:hover h3#back_to_fingerprint_rings  { background: url(../images/back_to_fingerprint_rings.png) no-repeat right bottom; }


h3#back_to_heartbeat_rings { width:140px; height:45px; position:absolute; left: 692px; top: 200px; text-indent: -999px }
a h3#back_to_heartbeat_rings  { background: url(../images/back_to_heartbeat_rings.png) no-repeat right top; }
a:hover h3#back_to_heartbeat_rings  { background: url(../images/back_to_heartbeat_rings.png) no-repeat right bottom; }

h3#back_to_commitment_rings { width:140px; height:45px; position:absolute; left: 694px; top: 201px; text-indent: -999px }
a h3#back_to_commitment_rings  { background: url(../images/back_to_commitment_rings.png) no-repeat right top; }
a:hover h3#back_to_commitment_rings  { background: url(../images/back_to_commitment_rings.png) no-repeat right bottom; }


/* ----------------- Main Page Content (Guides Pages) ---------------------------- */


h1.location_hdr { font: lighter normal 1.8em Arial, Helvetica, sans-serif; color: #697366; margin:  36px 0 3px 0; }


h1.about_topheader { font: lighter normal 1.8em Arial, Helvetica, sans-serif; color: #697366; margin:  336px 0 3px 10px; }
h1.voucher_topheader { font: lighter normal 1.8em Arial, Helvetica, sans-serif; color: #697366; margin:  70px 0 3px 10px; }
h1.repairs_topheader { font: lighter normal 1.8em Arial, Helvetica, sans-serif; color: #7c7c8c; margin:  336px 0 3px 10px; }
h1.care_topheader { font: lighter normal 1.8em Arial, Helvetica, sans-serif; color: #7c7c8c; margin:  318px 0 3px 10px; }
h4.care_topheader { font: lighter normal 1.8em Arial, Helvetica, sans-serif; color: #7c7c8c; margin:  318px 0 3px 10px; }
h4.engrave_topheader { font: lighter normal 1.8em Arial, Helvetica, sans-serif; color: #7c7c8c; margin:  258px 0 3px 10px; }
h4.guarantee_topheader { font: lighter normal 1.8em Arial, Helvetica, sans-serif; color: #697366; margin:  336px 0 3px 10px; }
h4.guarantee_header { font: lighter normal 1.8em Arial, Helvetica, sans-serif; color: #697366; margin:  18px 0 3px 10px; }



h1.guides_header { font: lighter normal 1.8em Arial, Helvetica, sans-serif; color: #7d7c8b; margin:  18px 0 3px 0; }
h5.guides_header { font: lighter normal 1.1em Arial, Helvetica, sans-serif; color: #7d7c8b; margin:  18px 0 3px 0; }
h6#guides_header { font: lighter normal 1em Arial, Helvetica, sans-serif; color: #7d7c8b; margin:  18px 0 3px 0; }

p.guides_text { font: 1em/18px Arial, Helvetica, sans-serif; margin:0 0 18px 0px; color: #666; }
p.caring_text { font: 1em/18px Arial, Helvetica, sans-serif; margin:0 0 18px 10px; color: #666; }
p.engrave_guide_text { font: 1em/18px Arial, Helvetica, sans-serif; margin:0 0 18px 405px; color: #666; }

ul#guides { font: 1em/18px Arial, Helvetica, sans-serif; margin:0; color: #666; }
ul#guides h6 { font: lighter normal 1.1em Arial, Helvetica, sans-serif; color: #7d7c8b; margin:  18px 0 0 0; }

ol#goldlist { font: 1em/18px Arial, Helvetica, sans-serif; margin:0; color: #666; }

li.diamond_guide { font: 1em/18px Arial, Helvetica, sans-serif; margin:0; color: #666; list-style: none; }

img.diamond_diags { margin-top: 10px; }

p.vouchers_link a { font: 1em/18px Arial, Helvetica, sans-serif; margin:0 0 18px 10px; color: #666; }
p.vouchers_link a:hover { color: #ff89a9; text-decoration: underline; }

/* ----------------- Sidebar Right (Shop Nav) ---------------------------- */

div#shop_nav { height: 780px; width: 254px; left: 875px; top: 140px; position: absolute; margin: 0px; padding: 0; }
h2#shop_tab a { height: 800px; width: 239px; left: -5px; top: -10px; position: absolute; margin: 0px; padding: 0; background-image: url(../images/shop_bg.png); background-repeat: no-repeat; background-position: left; z-index:10; }
h2#shop_tab a:hover { background-position: right; }
h2#shop_tab a.current, h2#shop_tab a.current:hover, h2#shop_tab a.current :active {  background-position: left ; }

div#shop_nav ul { margin: 0; padding: 65px 0 0 15px; list-style: none; }
div#shop_nav ul li { text-indent: -9999px; }
div#shop_nav ul a { height: 140px; width: 215px; margin: 0px; padding: 0px; display: block;  }

li#latest_shop a { background-image: url(../images/latest_shop.png); background-repeat: no-repeat; background-position: bottom; position:relative; z-index:20; }
li#latest_shop a:hover {  background-position: center; }
li#latest_shop a.current, li#latest_shop a.current:hover, li#latest_shop a.current :active {  background-position: top ; }

li#best_sellers_shop a { background-image: url(../images/best_sellers_shop.png); background-repeat: no-repeat; background-position: bottom; position:relative; z-index:20; }
li#best_sellers_shop a:hover {  background-position: center; }
li#best_sellers_shop a.current, li#best_sellers_shop a.current:hover, li#best_sellers_shop a.current :active {  background-position: top; }

li#gift_ideas_shop a { background-image: url(../images/gift_ideas_shop.png); background-repeat: no-repeat; background-position: bottom; position:relative; z-index:20; }
li#gift_ideas_shop a:hover {  background-position: center; }
li#gift_ideas_shop a.current, li#gift_ideas_shop a.current:hover, li#gift_ideas_shop a.current :active {  background-position: top; }

li#diamonds_shop a { background-image: url(../images/diamonds_shop.png); background-repeat: no-repeat; background-position: bottom; position:relative; z-index:20; }
li#diamonds_shop a:hover {  background-position: center; }
li#diamonds_shop a.current, li#diamonds_shop a.current:hover, li#diamonds_shop a.current :active {  background-position: top; }

li#collections_shop a { background-image: url(../images/collections_shop.png); background-repeat: no-repeat; background-position: bottom; position:relative; z-index:20; }
li#collections_shop a:hover {  background-position: center; }
li#collections_shop a.current, li#collections_shop a.current:hover, li#collections_shop a.current :active {  background-position: top; }

/* ---------------------	Admin Area ------------------------------ */

.admin_body { color: #333; margin: 0; padding: 0; }

div#admin_wrapper {  margin: 0 auto; padding: 0px; overflow: hidden; background: #FCFDFE; }
div#admin_wrapper a { color: #666; }
div#admin_wrapper a:hover { color: #F00; text-decoration: underline; }



div#admin_branding { height: 135px;  position: relative; background: #262c26; }

h1#logo_admin a { background: url(../images/logo.png) no-repeat; height: 80px; width: 350px; position: absolute; left: 490px; top: 34px; text-indent: -9999px; z-index: 10; }

div#admin_content { float:left; min-height:750px; padding: 60px 20px 15px 150px; background: #fcfdfe; }

div#admin_nav { position: absolute; left: 176px; top: 27px; }
div#admin_nav h2 { color:#FFF }
div#admin_nav h2 a { color:#888; line-height: 1.5; }
div#admin_nav h2 a:hover { color:#FFF; text-decoration: none; }

div#admin_nav li h2 a.current, li a.current:hover, li a.current :active { color: #FFF; }

div#admin_nav1 { position: absolute; left: 339px; top: 29px; }
div#admin_nav1 h2 { color:#FFF }
div#admin_nav1 h2 a { color:#888; line-height: 1.5; }
div#admin_nav1 h2 a:hover { color:#FFF; text-decoration: none; }

div#admin_nav1 li h2 a.current, li a.current:hover, li a.current :active { color: #FFF; }

/* ---------------------	Address Area ------------------------------ */

div#addresses { height: 110px; width: 194px; background: url(../images/addresses.jpg) no-repeat; position: absolute; left: 854px; top: 935px; }


/* ---------------------	Footer Area ------------------------------ */

div#supplementary div#site_info {
	height:80px;
	width:202px;
	position:absolute;
	top:-40px;
	left:-30px;
}
div#supplementary div#site_info img#made_in_london {
	position:absolute;
	top:-150px;
	left:31px;
}
div#supplementary ul#site_info li a:hover { color: #fff }
div#supplementary ul#site_info li { font-size:87%; height: 12px; margin: 7px 0 7px 0; color: #CCC; }
div#supplementary ul#site_info li a { padding-left:0; }
div#supplementary ul#site_info li a:hover { color: #C1D72E; }

div#supplementary { height: 120px; position:relative; margin-top: 10px; }
div#supplementary h4 { float: left; color:#CCC; }
div#supplementary ul { margin: 0 0 0 30px; }
div#supplementary ul li { margin: 4px 0 8px 0; padding: 0; height: 10px; }
div#supplementary ul a {  display: block; margin-left: 6px; padding-top: 0px; }
div#supplementary li a { margin: 0; padding-left: 15px; }

/* Column Positions and Contents */

div#supplementary_col_pages {
	position:absolute;
	height: 66px;
	width: 257px;
	padding-left: 5px;
/*	background: url(../images/pages.jpg) no-repeat;*/
	left: 164px;
	top: 12px;
}
div#supplementary_col_sections { position:absolute; height: 66px; width: 367px; padding-left: 20px; /*background: url(../images/sections.jpg) no-repeat;*/ left: 451px; top: 13px; }

div#location {
	position: absolute;
	left: 163px;
	top: 79px;
	width: 683px;
	height: 24px;
}
div#location p { color:#CCC; font-size:85%;  }

/* -----------------  Misc or Generic Classes --------------- */

img.contact_page_link_sevenoaks { position:absolute; left: 572px; top: 218px; }
h5.find_us_london { position:absolute; left: 445px; top: 245px; font-size:1.2em; }

img.contact_page_link_london { position:absolute; left: 256px; top: 218px; }
h5.find_us_sevenoaks{ position:absolute; left: 489px; top: 309px; font-size:1.2em; }

.indent { text-indent: -9999px; }
.left { float:left; }
.right { float:right; }
.bold { font-weight: bold; color: #333; }
.please_click { margin: 2px 40px 0 0; }

div, img, ol, ul, li { border: 0px; }

blockquote#sonnet_left { position:absolute; left: 176px; top: 734px; width: 256px; height: 183px; }
blockquote#sonnet_right { position:absolute; left: 468px; top: 734px; width: 279px; height: 177px; }

img#gift_vouchers { margin: 54px 0 0 40px; }

.del_charge { float:right; margin-right: 16px; font-size: 1.1em; }

p#del_charge_text { font: 1em Arial, Helvetica, sans-serif; color: #666; margin-left: 8px; }

div#checkout_return { margin: 144px 0 0 20px  }

span.billing_address { margin-left: 130px; }
span.shipping_address { margin-left: 130px; }

p.optin { display:inline }

img#shop_400x290 { margin:18px 35px 0 0; }
img#shop1_400x290 { margin:18px 0 0 27px; }

.map { border: 2px solid #999; position:absolute; top:518px; left: 200px; }

ul#site_info li#hd a:hover { color:#e2166D }

/* 	grid */

/* A 960 px container groups all columns - rule in style.css. */

/* Columns
-------------------------------------------------------------- */

/* Grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 
{ float: left; margin-right: 10px; }

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 {width: 30px;}
.span-2 {width: 70px;}
.span-3 { width: 146px; }
.span-4 {width: 150px; }
.span-5 {width: 190px;}
.span-6 {width: 230px;}
.span-7 {width: 270px;}
.span-8 {width: 310px;}
.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {width: 550px;}
.span-15 {width: 590px;}
.span-16 {width: 630px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24, div.span-24 { width:960px;}

/* Add to append empty cols. */
.append-1 { padding-right: 40px;}
.append-2 { padding-right: 80px;}
.append-3 { padding-right: 120px;}
.append-4 { padding-right: 160px;}
.append-5 { padding-right: 200px;}
.append-6 { padding-right: 240px;}
.append-7 { padding-right: 280px;}
.append-8 { padding-right: 320px;}
.append-9 { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}

/* Add to prepend empty cols. */
.prepend-1 { padding-left: 40px;}
.prepend-2 { padding-left: 80px;}
.prepend-3 { padding-left: 120px;}
.prepend-4 { padding-left: 160px;}
.prepend-5 { padding-left: 200px;}
.prepend-6 { padding-left: 240px;}
.prepend-7 { padding-left: 280px;}
.prepend-8 { padding-left: 320px;}
.prepend-9 { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}


/* Border on right hand side of a column. */
div.border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eee; }

/* Border with more whitespace, spans one column. */
div.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eee; }


/* Push or pull columns. */
.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }
.pull-6 { margin-left: -240px; }
.pull-7 { margin-left: -280px; }
.pull-8 { margin-left: -320px; }
.pull-9 { margin-left: -360px; }
.pull-10 { margin-left: -400px; }
.pull-11 { margin-left: -440px; }
.pull-12 { margin-left: -480px; }
.pull-13 { margin-left: -520px; }
.pull-14 { margin-left: -560px; }
.pull-15 { margin-left: -600px; }
.pull-16 { margin-left: -640px; }
.pull-17 { margin-left: -680px; }
.pull-18 { margin-left: -720px; }
.pull-19 { margin-left: -760px; }
.pull-20 { margin-left: -800px; }
.pull-21 { margin-left: -840px; }
.pull-22 { margin-left: -880px; }
.pull-23 { margin-left: -920px; }
.pull-24 { margin-left: -960px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}


.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }
.push-6 { margin: 0 -240px 1.5em 240px; }
.push-7 { margin: 0 -280px 1.5em 280px; }
.push-8 { margin: 0 -320px 1.5em 320px; }
.push-9 { margin: 0 -360px 1.5em 360px; }
.push-10 { margin: 0 -400px 1.5em 400px; }
.push-11 { margin: 0 -440px 1.5em 440px; }
.push-12 { margin: 0 -480px 1.5em 480px; }
.push-13 { margin: 0 -520px 1.5em 520px; }
.push-14 { margin: 0 -560px 1.5em 560px; }
.push-15 { margin: 0 -600px 1.5em 600px; }
.push-16 { margin: 0 -640px 1.5em 640px; }
.push-17 { margin: 0 -680px 1.5em 680px; }
.push-18 { margin: 0 -720px 1.5em 720px; }
.push-19 { margin: 0 -760px 1.5em 760px; }
.push-20 { margin: 0 -800px 1.5em 800px; }
.push-21 { margin: 0 -840px 1.5em 840px; }
.push-22 { margin: 0 -880px 1.5em 880px; }
.push-23 { margin: 0 -920px 1.5em 920px; }
.push-24 { margin: 0 -960px 1.5em 960px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}


/* Misc classes and elements

/* Use this to create a horizontal ruler across a column. */
hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; 
	 margin: 0 0 1.45em; border: none; }

hr.space { background: #fff; color: #fff; }


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after { content: "\0020"; display: block;  height: 0; clear: both; 
									visibility: hidden; overflow:hidden; }

.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

ul#collections h4 a { font-weight:bold; color:#FB89A9; font-size:1.1em;  }

ul#wedding_collections h4 a { font-weight:bold; color: #888888; font-size:1.1em;  }

li.fav_box span { font-weight:bold; }

p.year_ring_para { display:none; }

div.more_info { margin-top:20px; }

div.more_info h1 { font: lighter normal 2.2em Arial, Helvetica, sans-serif; color: #7d7c8b; margin: 40px 0 20px 0; }

div.more_info h2 { color:#72A7B7; font-size:16px; }

div.more_info a { color:#72A7B7; font-style:italic; }

div.more_info a:hover { color:#888; }