* { margin:0px; padding:0px; }
html { min-height:100%; margin-bottom:1px; }
body { background:url('er-bg.jpg') repeat-x top #ffffff; }
img { border:none; }
.left { float:left; } .right { float:right; } .clear { clear:both; height:0px; font-size:0px; }
/* ----- Shadows & Container ----- */
#engagement-rings-top-shadow { width:972px; height:12px; margin:19px auto 0px auto; overflow:hidden; background:url('er-top-shadow.png') no-repeat; }
#engagement-rings-side-shadow { width:972px; height:auto; margin:0px auto; overflow:hidden; background:url('er-mid-shadow.png') repeat-y; }
#engagement-rings-bottom-shadow { width:972px; height:12px; margin:0px auto 19px auto; overflow:hidden; background:url('er-bot-shadow.png') no-repeat; }
#engagement-rings-container { width:950px; height:auto; overflow:hidden; margin:0px auto; }
/* Main Fonts & Link styles */
.tahoma { font-family:Tahoma, Geneva, sans-serif; } .verdana { font-family:Verdana, Geneva, sans-serif; }
h1 { font-size:33px; color:#5a93a7; line-height:34px; font-weight:normal; }
h1 span { font-size:18px; color:#666666; }
h2 { font-size:18px; color:#5a93a7; line-height:16px; font-weight:normal; margin:15px 0px 5px 0px; }
h3 { }
p { color:#222222; font-size:12px; line-height:16px; }
.required { font-weight:bold; color:#5a93a7; }
p.quick-links, p.quick-links a:link, p.quick-links a:visited { color:#999999; }
a:link, a:visited { color:#222222; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
a.ib:link, a.ib:visited { color:#222222; text-decoration:none; border-bottom:1px dotted #aaaaaa; }
a.ib:hover, a.ib:active { text-decoration:none; border-bottom:1px solid #5a93a7; }
h2 a:link, h2 a:hover, h2 a:active, h2 a:visited { color:#5a93a7; }
/* ----- ER Header ----- */
#header { width:950px; height:95px; overflow:hidden; }
#header a:link, #header a:visited { color:#222222; text-decoration:underline; }
#header a:hover, #header a:active { color:#999999; text-decoration:underline; }
#engagement-rings-logo { width:186px; height:56px; margin:19px 0px 0px 20px; }
#engagement-rings-header-right { width:479px; height:75px; margin:0px 20px 0px 0px; }
#engagement-rings-header-tel { width:190px; vertical-align:bottom; margin-right:10px; }
#engagement-rings-header-tel p { padding-top:59px; }
#engagement-rings-header-basket-icon { width:68px; height:65px; margin:10px 0px 0px 10px; }
#engagement-rings-header-cart { margin:8px 0px 0px 0px; }
#engagement-rings-header-cart .spacer { height:15px; }
#header-items { width:70px; height:17px; border-right:1px solid #666666; }
#header-total { width:130px; height:17px; }
#header-items span, #header-total span { color:#999999; }
#header-items p { font-weight:bold; text-align:left; }
#header-total p { font-weight:bold; text-align:right; }
#cart-links p { text-align:right; line-height:18px; }
/* ----- Main Navigation ----- */
#main-navigation { width:950px; height:30px; background:url('navigation-bg.jpg'); }
#main-navigation p { color:#ffffff; font-weight:bold; text-align:center; line-height:30px; }
#main-navigation a:link, #main-navigation a:visited { color:#ffffff; font-weight:bold; padding:0px 4px; }
#main-navigation a:hover, #main-navigation a:active { color:#ffffff; font-weight:bold; }
/* ----- Side Menu ----- */
#side-menu { width:210px; height:auto; padding:10px 0px 105px 10px; background:url('side-menu-bg.jpg') bottom left no-repeat; }
#side-search { width:190px!important; width:160px; height:22px!important; height:24px; margin:0px 10px; overflow:hidden; }
#search-box { width:156px; height:19px; padding:3px 0px 0px 0px; font-size:12px; color:#666666; border:none; background:none; }
#search-button { width:22px; height:22px; color:#666666; border:none; background:#333333; margin:0px; padding:0px; }
.side-item { width:195px; height:auto; margin:0px 0px 10px 0px; border:1px solid #cccccc; background:url('side-item-bg.jpg') repeat-y; }
.side-promo-item { width:195px; height:auto; margin:0px 0px 0px 0px; border:1px solid #cccccc; border-bottom:none; }
.side-promo-image { width:197px; height:102px; margin:0px 0px 10px 0px; overflow:hidden; }
#side-nav-bg { background:url('side-nav-menu-bg.jpg') no-repeat bottom right; }
.side-item-header { width:195px; height:22px; background:url('side-menu-header-bg.jpg') repeat-x; }
.side-item-header h2 { color:#ffffff; font-size:12px; font-weight:bold; line-height:22px; margin:0px; padding:0px 10px; }
.side-item-header h2 a:link, .side-item-header h2 a:visited, .side-item-header h2 a:hover, .side-item-header h2 a:hover { color:#ffffff; }
.side-item-content { width:175px; height:auto; padding:10px; }
.side-item-rings { font-size:12px; font-weight:bold; margin-bottom:5px; padding:0px 10px 0px 0px; }
.side-item-promo-link { font-size:12px; color:#666666; font-weight:bold; padding-top:10px; }
.side-item-promo-link a:link, .side-item-promo-link a:visited, .side-item-promo-link a:hover, .side-item-promo-link a:hover { color:#666666; }
#newsletter-form { width:173px; height:22px; overflow:hidden; margin-top:10px; border:1px solid #cccccc; }
#newsletter-box { width:144px; height:19px; padding:3px 0px 0px 7px; font-size:12px; color:#666666; border:none; background:#ffffff!important; }
#newsletter-button { width:22px; height:22px; border:none; color:#666666; border:none; background:#333333; }
/* ----- Inner Layout Home ----- */
#inner-layout-home { width:713px; height:auto; margin:10px 10px 10px 0px; }
#shop-promo { width:713px; height:279px; background:url('engagement-rings-shop-home-promo.jpg') no-repeat; }
#shop-promo-content { width:348px; margin:0px 20px 0px 0px; }
#shop-promo-content h1 { font-size:36px; color:#5a93a7; font-weight:normal; line-height:32px; text-align:right; margin:20px 0px 30px 0px; }
#shop-promo-content h1 span { font-size:18px; color:#666666; text-align:right; }
#shop-promo-content p { text-align:right; margin:20px 0px; }
#browse-engagement-rings-button { width:200px; height:28px; background:url('browse-engagement-rings-button-bg.jpg') no-repeat; }
#browse-engagement-rings-button p { font-size:16px; line-height:26px; text-align:center; margin:0px; padding:0px; }
#browse-engagement-rings-button a:link, #browse-engagement-rings-button a:visited { color:#ffffff; }
#home-promo-links { width:715px; height:81px; }
#home-promo-links li { display:inline; }
#home-promo-links li a { float:left; height:71px; overflow:hidden; padding:10px 0px 0px 10px; background:url('home-promo-links-bg.jpg') no-repeat; }
#home-promo-links li a:link, #home-promo-links li a:visited { color:#5a93a7; font-size:28px; }
#home-promo-links li a:link span, #home-promo-links li a:visited span { color:#333333; font-size:16px; }
#home-promo-links li a:hover, #home-promo-links li a:active { text-decoration:none; }
#home-promo-links li#solitaire a { width:228px; background-position:0px 0px; }
#home-promo-links li#three a { width:228px; background-position:-238px 0px; }
#home-promo-links li#cluster a { width:228px; background-position:-476px 0px; }
#home-promo-links li#solitaire a:hover { background-position:0px -83px; }
#home-promo-links li#three a:hover { background-position:-238px -83px; }
#home-promo-links li#cluster a:hover { background-position:-476px -83px; }
#home-promo-links li#solitaire a:active { background-position:0px -83px; }
#home-promo-links li#three a:active { background-position:-238px -83px; }
#home-promo-links li#cluster a:active { background-position:-476px -83px; }
.home-promo-spacer { width:713px; height:19px; background:url('home-promo-spacer.jpg') repeat-x; }
#home-promo-ring-promos { width:713px; margin:10px 0px 20px 0px; }
#home-promo-ring-promos .spacer { width:16px; height:10px; }
#home-promo-ring-promos h2 { text-align:right; line-height:24px; font-size:28px; color:#5a93a7; font-weight:normal; }
#home-promo-ring-promos h2 span { font-size:16px; color:#333333; }
#home-promo-ring-promos p { line-height:20px; margin:20px 0px 0px 0px; }
.home-promo-ring-promo { width:224px; overflow:hidden; }
.home-promo-ring-poromo-image { width:224px; height:182px; }
#palladium-promo { width:713px; height:294px; background:url('palladium-promo.jpg') no-repeat; overflow:hidden; margin:0px 0px 0px 0px; }
.palladium-promo-content { width:230px; margin:130px 0px 0px 20px; }
.palladium-promo-content p { size:12px; color:#ffffff; line-height:18px; margin-bottom:20px; }
#browse-palladium-rings-button { width:200px; height:28px; background:url('palladium-button.png') no-repeat; }
#browse-palladium-rings-button p { font-size:16px; line-height:26px; text-align:center; margin:0px; padding:0px; }
#browse-palladium-rings-button a:link, #browse-palladium-rings-button a:visited { color:#000000; }
/* ----- Inner Layout ----- */
#inner-layout { width:713px; height:auto; margin:10px 10px 10px 0px; }
#breadcrumbs { text-align:right; margin:5px 0px 10px 0px; }
#breadcrumbs span { color:#999999; }
#breadcrumbs a:link, #breadcrumbs a:visited { color:#999999; }
#breadcrumbs a:hover, #breadcrumbs a:active { color:#333333; }
ul.diamond-list li { font-size:12px; list-style:none; }
ul.info { font-size:12px; line-height:14px; font-weight:normal; margin:10px 100px 0px 40px; }
ul.info li { color:#5a93a7; list-style:disc; margin-bottom:5px; }
ul.info li span{ color:#333333; }
li.bg { background:#eeeeee; display:block; }
ol.info { font-size:12px; line-height:14px; font-weight:normal; margin:10px 100px 0px 40px; }
ol.info li { color:#5a93a7; margin-bottom:5px; }
ol.info li span{ color:#333333; }
/* ----- Section Backgrounds ----- */
.fragment-content { width:410px; height:auto; }
#about-us { width:300px; height:600px; display:block; background:url('about-us-bg.jpg') no-repeat; }
#care { width:300px; height:362px; display:block; background:url('care-bg.jpg') no-repeat; }
#choosing { width:300px; height:600px; display:block; background:url('choosing-bg.jpg') no-repeat; }
#diamond-guide { width:300px; height:600px; display:block; background:url('diamond-guide-bg.jpg') no-repeat; }
#how-we-make { width:300px; height:212px; display:block; background:url('how-we-make-bg.jpg') no-repeat; }
#metals { width:300px; height:600px; display:block; background:url('metals-bg.jpg') no-repeat; }
#sizes { width:300px; height:306px; display:block; background:url('sizes-bg.jpg') no-repeat; }
#newsletter-bg { width:713px; height:416px; display:block; background:url('newsletter-bg.jpg') no-repeat; }
#advice { width:470px; height:127px; padding-right:243px; display:block; background:url('advice-bg.jpg') no-repeat right; }
#advice p { line-height:20px; }
#packaging { width:470px; height:243px; padding-right:243px; display:block; background:url('packaging-bg.jpg') no-repeat right; }
#packaging p { line-height:20px; }
.visa-bg { padding-left:160px; height:75px; background:url('verified-by-visa.jpg') no-repeat top left; margin:30px 10px 30px 0px; }
.mastercard-bg { padding-left:160px; height:75px; background:url('mastercard-securecode-logo.jpg') no-repeat top left; margin:0px 0px 10px 10px; }
.ring-size-chart { padding:10px 0px; }
/* ----- Product Landing ----- */
#section-header-shop { width:713px; height:238px; margin:0px; overflow:hidden; background:url('section-header-engagement-rings-shop.jpg') no-repeat; }
#section-header-er { width:713px; height:238px; margin:0px; overflow:hidden; background:url('section-header-engagement-rings.jpg') no-repeat; }
#section-header-solitaire { width:713px; height:238px; margin:0px; overflow:hidden; background:url('section-header-solitaire-engagement-ring.jpg') no-repeat; }
#section-header-trilogy { width:713px; height:238px; margin:0px; overflow:hidden; background:url('section-header-trilogy-engagement-ring.jpg') no-repeat; }
#section-header-cluster { width:713px; height:238px; margin:0px; overflow:hidden; background:url('section-header-cluster-engagement-ring.jpg') no-repeat; }
#section-header-platinum { width:713px; height:238px; margin:0px; overflow:hidden; background:url('section-header-platinum-engagement-ring.jpg') no-repeat; }
#section-header-palladium { width:713px; height:238px; margin:0px; overflow:hidden; background:url('section-header-palladium-engagement-ring.jpg') no-repeat; }
#section-header-yellowgold { width:713px; height:238px; margin:0px; overflow:hidden; background:url('section-header-yellow-gold-engagement-ring.jpg') no-repeat; }
#section-header-whitegold { width:713px; height:238px; margin:0px; overflow:hidden; background:url('section-header-white-gold-engagement-ring.jpg') no-repeat; }
#section-header-mens-er { width:713px; height:238px; margin:0px; overflow:hidden; background:url('section-header-mens-engagement-ring.jpg') no-repeat; }
#section-header-mens-all { width:713px; height:238px; margin:0px; overflow:hidden; background:url('section-header-mens-engagement-ring.jpg') no-repeat; }
#section-header-content { width:275px; height:auto; margin:10px 0px 0px 15px; }
#section-header-content p { margin:10px 0px 0px 0px; }
#section-sub-nav { width:713px; height:19px; margin:0px 0px 10px 0px; overflow:hidden; background:url('inner-layout-product-sub-nav-bg.jpg') repeat-x; }
#section-intro { width:713px; height:auto; margin:0px 0px 20px 0px; overflow:hidden; }
.section-list { width:231px; height:171px; overflow:hidden; }
.section-image { width:231px; height:109px; overflow:hidden; }
.section-footer { width:231px; height:62px; overflow:hidden; text-transform:lowercase; }
.section-footer li { display:inline; }
.section-footer li a { float:left; height:52px; padding:10px 0px 0px 10px; overflow:hidden; background:url('section-image-footer.jpg') no-repeat; }
.section-footer li a:link, .section-footer li a:visited { letter-spacing:-1px; color:#5a93a7; font-size:24px; }
.section-footer li a:link span, .section-footer li a:visited span { letter-spacing:0px; color:#333333; font-size:12px; }
.section-footer li a:hover, .section-footer li a:active { text-decoration:none; }
.section-footer li a { width:231px; background-position:0px 0px; }
.section-footer li a:hover { background-position:0px -62px; }
.section-footer li a:active { background-position:0px -62px; }
.product-list-image { width:82px; height:83px; margin:0px auto; }
.product-list-name { font-size:12px; font-weight:normal; margin:5px 0px 0px 0px; }
.product-list-price { font-size:12px; font-weight:bold; margin:0px; }
.product-list-view { width:134px; height:18px; overflow:hidden; margin:5px 0px; }
.product-list-seperator { background:url('product-list-seperator.jpg') repeat-y center; }
/* ----- Product Page ----- */
#product-header { width:713px; height:30px; overflow:hidden; background:url('inner-layout-header-bg.jpg') repeat-x; }
#product-header h1 { color:#ffffff; font-size:12px; font-weight:bold; line-height:30px; padding:0px 10px; }
#product-info { width:287px; height:auto; margin:10px 0px 10px 10px; display:block; }
#product-info h2 { font-size:14px; margin:20px 0px 0px 0px; }
.ref-no { font-weight:bold; align:right; }
#product-options-text { width:auto; height:auto; margin:15px 0px 8px 10px; padding:5px; border:1px solid #999999; }
#product-options-text p { margin:0px 0px 2px 0px; }
.product-price { font-weight:bold; }
.product-price span { font-size:20px; font-weight:normal; color:#5a93a7; }
#order-table { margin:10px 0px }
#order-table .quantity { text-align:center; }
/* ----- Marketing Boxs ----- */
#latest-products { width:auto; height:auto; margin:10px auto 0px auto; }
#latest-products-header { width:713px; height:22px; background:url('marketing-header-bg.jpg') repeat-x; }
#latest-products-header h2 { color:#ffffff; font-size:12px; font-weight:bold; line-height:22px; margin:0px; padding:0px 10px; }
#latest-products-header h2 a, #latest-products-header h2 a:visited { color:#ffffff; }
#latest-products-content { width:713px; height:auto; margin:0px; padding:10px 0px; }
#related-products { width:713px; height:auto; margin:0px auto; }
#related-products-header { width:713px; height:22px; background:url('marketing-header-bg.jpg') repeat-x; }
#related-products-header h2 { color:#ffffff; font-size:12px; font-weight:bold; line-height:22px; margin:0px; padding:0px 10px; }
#related-products-header h2 a, #related-products-header h2 a:visited { color:#ffffff; }
#related-products-content { width:auto; height:auto; margin:0px; padding:10px 0px; }
/* ----- Resources ----- */
.resources { margin:20px 0px 0px 0px; }
.resources-image { width:100px; height:100px; margin:0px 10px 0px 0px; }
.resources-text { width:600px; height:auto; display:block; margin:2px 0px; }
.resources h2 { margin:0px; padding:0px; }
.resources p { margin:5px 0px 0px 0px; padding:0px; }
.resources-landing-image { width:60px; height:60px; margin:0px 10px 0px 0px; }
.resources-landing-text { width:640px; height:auto; display:block; margin:2px 0px; }
/* ----- Search Results ----- */
.search-image { width:82px; height:83px; margin:0px 10px 20px 0px; }
.search-text { width:617px; height:83px; margin:0px 0px 20px 0px}
/* ----- Google Map ----- */
.fnd-us { width:313px; }
#google-map { width:320px; height:508px; margin:0px 30px 0px 0px; overflow:hidden; border:1px solid #5a93a7; }
/* ----- Contact Us ----- */
#contact-form { font-family:Tahoma, Geneva, sans-serif; font-size:12px; }
#contact-form span { font-weight:bold; color:#5a93a7; }
#contact-form .field { width:188px; background:#ffffff!important; border:1px solid #5a93a7; padding:2px; margin:5px 0px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#333333; }
#contact-form .field:focus { background:#eeeeee!important; }
#contact-form #send-email { background:#ffffff!important; border:1px solid #5a93a7; padding:2px; margin:5px 0px; }
#contact-form #send-email:hover, #contact-form #send-email:focus { background:#eeeeee!important; cursor:pointer; }
#contact-form .text { height:30px; }
/* ----- Sitemap ----- */
.sitemap { font-size:12px; line-height:16px; margin:10px 0px 0px 15px; }
.sitemap li { font-weight:bold; margin:0px 0px 10px 0px; list-style:none; list-style-position:inside; list-style:disc; color:#5a93a7; }
.sitemap li span { font-weight:bold; colour:#555555; }
.sitemap li.level-1 { font-weight:bold; margin:0px 0px 8px 16px; list-style-position:inside; list-style:circle; }
.sitemap li.level-1 span { font-weight:normal; colour:#555555; }
.sitemap li.level-2 { font-weight:bold; margin:0px 0px 5px 17px; list-style:none; }
.sitemap li.level-2 span { font-weight:normal; colour:#555555; }
.sitemap li.level-2 a:link, .sitemap li.level-2 a:visited, .sitemap li.level-2 a:hover, .sitemap li.level-2 a:active { color:#555555; }
/* ----- Footer ----- */
#footer { width:950px; height:29px; background:url('footer-bg.jpg') repeat-x; overflow:hidden; }
#footer p { color:#222222; font-size:12px; line-height:30px; padding:0px 10px; }
/* ----- Actinic Cart & Checkout Fields ----- */
.basket-buttons { margin-right:20px; }
table.carttable td { padding:5px; vertical-align:middle; }
table.carttable td p { margin:0px; padding:0px; }
table.checkout td { background: #eeeeee; padding:5px; vertical-align:middle; }
table.checkout th { background: #cde0e6; }
.cart { background: #eeeeee; }
.cartheading { background:#cde0e6; font-weight: bold; }
.cartheading p { padding:5px; }
.actrequired { font-weight:bold; color:#5a93a7; }
.force { color:#222222; font-size:12px; line-height:16px; }
#checkout { width:166px; height:15px; margin:10px auto 10px auto; padding:45px 0px 0px 0px; overflow:hidden; }
#checkout p { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#5a93a7; text-align:center; font-weight:bold; margin:0px; padding:0px; }
.step1 { background:url('checkout-step1.jpg') no-repeat; }
.step2 { background:url('checkout-step2.jpg') no-repeat; }
.step3 { background:url('checkout-step3.jpg') no-repeat; }
/* ----- Magic Zoom CSS ----- */
#gallery { margin-top:10px; }
#gallery img { border:solid 1px #cdcdcd; margin-bottom:2px; }
.MagicZoomBigImageCont { border:solid 1px #CDCDCD; margin-left:-10px; }
.MagicZoomHeader { display:none; }
.MagicZoomPup { border:1px solid #aaa; background:#ffffff; cursor:crosshair; }
.MagicZoomLoading { text-align:center; background:#fff; color:#333; border:1px solid #cdcdcd; opacity:0.8; padding:3px 3px 3px 3px !important; display:none; }
.MagicZoomThumbs { overflow:hidden; }
.MagicZoomThumbs img { width:100px; height:120px; margin-right:2px; overflow:hidden; }
.MagicZoomLoading img { padding-top:3px !important; }
#product-promo { width:415px; height:94px; margin:10px 0px; overflow:hidden; }