/* =================================================================================== Mia Masri Jewellery (www.miamasrijewellery.co.uk) Š2007 World Without Walls (www.worldwithoutwalls.co.uk). All rights reserved. Author: Paul Masri Layout styles =================================================================================== */ /* HTML TAGS */ body { margin: 0; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; /* centering hack for IE/Win 5.0+ */ color: #3f0039; } img { border: none; } form { margin: 0; padding: 0; } a:link, a:visited { color: #c093a6; text-decoration: underline; } a:hover, a:active { color: #3f0039;/*#feeef6;*/ text-decoration: underline; } img { border: none; } /* ------------------------------------------------------------------------------- */ /* GLOBAL USEFUL CLASSES */ .alt, .print { display: none; } .clearall { clear: both; } .clearleft { clear: left; } .debug { background: #000; border: 1px solid #f00; } .strikethrough { text-decoration: line-through; } /* .hint { font-size: 0.8em; color: #C00; } */ /* ------------------------------------------------------------------------------- */ /* LAYOUT & CONTAINERS */ .layout_container { position: relative; width: 820px; /* 800px + 2x10px(shadow) */ margin: 0 auto; background: #fff9fc url(../_image/bkg.gif) repeat-y center top; text-align: left; /* compensates for IE/Win 5.0+ centering hack - see definition above */ } #top { position: relative; height: 10px; background: url(../_image/bkg_header_top.gif) no-repeat center top; } #menu1_container { position: relative; z-index: 1000; /* Make sure block containing menu1 sits above other blocks, for dropdown to overlay */ } #layout_header { position: relative; left: 10px; /*shadow*/ width: 800px; height: 84px; background: #3f0039; } #layout_sidebar { position: absolute; float: left; top: 0; left: 10px; width: 150px; background: #feeef6; } #layout_maincontent { position: relative; top: 0; left: 170px; /* 10(shadow) + 150(sidebar) + 10 */ width: 620px; /* 800 - 150(sidebar) - 2x10 */ padding: 0 5px 25px; /* 5px horizontal to avoid font clipping */ } #layout_footer { position: relative; left: 10px; /*shadow*/ width: 800px; height: 50px; background: #3f0039 url(../_image/fleurB.gif) no-repeat left bottom; text-align: center; } #layout_credit { position: relative; background: transparent url(../_image/bkg_footer_bottom.gif) no-repeat center top; padding: 30px 0 20px; text-align: center; font-size: 0.7em; } #inpage_credit { position: relative; padding: 30px 0 20px; text-align: right; font-size: 0.7em; } .www_logo a:link, .www_logo a:visited, .www_logo a:hover, .www_logo a:active { background: url(../_image/www_logo.gif) no-repeat bottom right; padding: 16px 72px 0 0; color: #c093a6; text-decoration: none; } .www_logo_hover a:link, .www_logo_hover a:visited, .www_logo_hover a:hover, .www_logo_hover a:active { background: url(../_image/www_logo_hover.gif) no-repeat bottom right; padding: 16px 72px 0 0; color: #3f0039; text-decoration: none; } /** * * Layer styles * */ #LayerView, #LayerEdit_A { display: none; visibility: hidden; } /* ------------------------------------------------------------------------------- */ /* MENU1 */ /* First level */ #menu1 { position: relative; left: 10px; /*shadow*/ width: 800px; /*height: 23px;*/ margin: 0; background: #3f0039 url(../_image/menu1_4x1_NEW.gif) no-repeat left top; border-top: 1px solid #c093a6; border-bottom: 1px solid #c093a6; padding: 0; } #menu1 ul.dd1, #menu1 ul.dd1_hover { position: relative; margin: 0; padding: 0 0 0 15px; list-style-type: none; } #menu1 li.dd1, #menu1 li.dd1_hover { display: block; position: relative; float: left; width: auto; background: transparent;/*#150caa;*/ margin: 0; padding: 0; } #menu1 li.dd1 span, #menu1 li.dd1_hover span { cursor: pointer; } #menu1 li.dd1 p, #menu1 li.dd1_hover p { margin: 0; } #menu1 li.dd1 a, #menu1 li.dd1_hover a { display:block; position: relative; float: none; white-space:nowrap; text-decoration: none; /*color: #dbe0e1;*/ } /* Second level */ #menu1 ul.dd2_hidden, #menu1 ul.dd2_visible { display: block; position: absolute; top: 24px; left: -1px; /* -1 for left border *//* Don't specify padding - causes differences between IE6 & Firefox */ padding: 0; margin: 0; background: #fff; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 1.2em; } #menu1 ul.dd2_hidden { display: none; position: relative; } #menu1 .dd2_visible li { float: none; position: relative; height: 22px; margin: 0; background: #feeef6; border: 1px solid #c093a6; border-top: none; padding: 0; /*filter: Alpha(Opacity=60);*/ /* IE */ /*opacity: 0.6;*/ /* CSS3 */ /* border-color:#dbe0e1 #150caa #150caa; border-style:solid; border-width:1px; */ } #menu1 .dd2_visible li a { float: none; /* width: 150px; */ margin: 0; padding: 5px 0; text-decoration: none; } #menu1 .dd2_visible li a:link, #menu1 .dd2_visible li a:visited { color: #3f0039; font-weight: normal; text-decoration: none; } #menu1 .dd2_visible li a:hover, #menu1 .dd2_visible li a:active { background: #3f0039; color: #fff; font-weight: normal; text-decoration: none; } /* link dimensions correspond with image dimensions */ .dd1_btn, .dd1_btn:visited { width:auto; height:23px; position:relative !important; } /* menu1 link and list-item widths correspond with image widths */ #menu1a, #menu1a:visited, #menu1b, #menu1b:visited, #menu1c, #menu1c:visited, #menu1d, #menu1d:visited, #menu1e, #menu1e:visited, #menu1f, #menu1f:visited, #menu1g, #menu1g:visited { width: 105px; } /* menu2 link and list-item widths correspond with image widths */ /* Firefox bug: right border only lines up if menu2 width >= menu1 width */ /* Cross-browser oddity: don't make mention of dd2_visible (won't work); could use dd2_hidden (would work) but no point */ #menu1 li.dd2 a { padding-left: 12px; width: 93px; /* =actual width -padding */ } /* span is same dimensions as link and positioned to superimpose */ .dd1_btn span, .dd1_btn:visited span { display:block; height:23px; width:100%; position:absolute; left:0; top:0; background-repeat:no-repeat; } /* button images are span background images */ /* link state */ #menu1a span, #menu1a:visited span { background-image:url(../_image/menu1_1x2.gif); /* 1x1 is a spacer - not used */ } #menu1b span, #menu1b:visited span { background-image:url(../_image/menu1_1x3.gif); } #menu1c span, #menu1c:visited span { background-image:url(../_image/menu1_1x4.gif); } #menu1d span, #menu1d:visited span { background-image:url(../_image/menu1_1x5.gif); } #menu1e span, #menu1e:visited span { background-image:url(../_image/menu1_1x6.gif); } #menu1f span, #menu1f:visited span { background-image:url(../_image/menu1_1x7.gif); } #menu1g span, #menu1g:visited span { background-image:url(../_image/menu1_1x8.gif); } /* selected state */ #section01 #menu1a:link span, #section01 #menu1a:visited span { background-image:url(../_image/menu1_3x2.gif); } #section02 #menu1b:link span, #section02 #menu1b:visited span { background-image:url(../_image/menu1_3x3.gif); } #section03 #menu1c:link span, #section03 #menu1c:visited span { background-image:url(../_image/menu1_3x4.gif); } #section04 #menu1d:link span, #section04 #menu1d:visited span { background-image:url(../_image/menu1_3x5.gif); } #section05 #menu1e:link span, #section05 #menu1e:visited span { background-image:url(../_image/menu1_3x6.gif); } #section06 #menu1f:link span, #section06 #menu1f:visited span { background-image:url(../_image/menu1_3x7.gif); } #section07 #menu1g:link span, #section07 #menu1g:visited span { background-image:url(../_image/menu1_3x8.gif); } /* hover state */ .dd1_hover #menu1a span, #section01 .dd1_hover #menu1a span { background-image:url(../_image/menu1_2x2.gif); } .dd1_hover #menu1b span, #section02 .dd1_hover #menu1b span { background-image:url(../_image/menu1_2x3.gif); } .dd1_hover #menu1c span, #section03 .dd1_hover #menu1c span { background-image:url(../_image/menu1_2x4.gif); } .dd1_hover #menu1d span, #section04 .dd1_hover #menu1d span { background-image:url(../_image/menu1_2x5.gif); } .dd1_hover #menu1e span, #section05 .dd1_hover #menu1e span { background-image:url(../_image/menu1_2x6.gif); } .dd1_hover #menu1f span, #section06 .dd1_hover #menu1f span { background-image:url(../_image/menu1_2x7.gif); } .dd1_hover #menu1g span, #section07 .dd1_hover #menu1g span { background-image:url(../_image/menu1_2x8.gif); } #menu_item_0101 #menu1a .menu_item_01, #menu_item_0101 #menu1a:visited .menu_item_01 { background-image:url(../_image/menu1_3x2.gif); } #menu_item_01 #menu1a:hover .menu_item_01, #menu_item_01 #menu1a:focus .menu_item_01 ,#menu_item_01 #menu1a:visited:hover .menu_item_01, #menu_item_01 #menu1a:active .menu_item_01 { background-image:url(../_image/menu1_2x2.gif); } #menu_item_0201 #menu1b .menu_item_02, #menu_item_0201 #menu1b:visited .menu_item_02 ,#menu_item_0202 #menu1b .menu_item_02, #menu_item_0202 #menu1b:visited .menu_item_02 ,#menu_item_0203 #menu1b .menu_item_02, #menu_item_0203 #menu1b:visited .menu_item_02 ,#menu_item_0204 #menu1b .menu_item_02, #menu_item_0204 #menu1b:visited .menu_item_02 ,#menu_item_0205 #menu1b .menu_item_02, #menu_item_0205 #menu1b:visited .menu_item_02 ,#menu_item_0206 #menu1b .menu_item_02, #menu_item_0206 #menu1b:visited .menu_item_02 ,#menu_item_020401 #menu1b .menu_item_02, #menu_item_020401 #menu1b:visited .menu_item_02 ,#menu_item_020402 #menu1b .menu_item_02, #menu_item_020402 #menu1b:visited .menu_item_02 ,#menu_item_020403 #menu1b .menu_item_02, #menu_item_020403 #menu1b:visited .menu_item_02 ,#menu_item_020601 #menu1b .menu_item_02, #menu_item_020601 #menu1b:visited .menu_item_02 ,#menu_item_020602 #menu1b .menu_item_02, #menu_item_020602 #menu1b:visited .menu_item_02 { background-image:url(../_image/menu1_3x3.gif); } #menu_item_0201 #menu1b:hover .menu_item_02, #menu_item_0201 #menu1b:focus .menu_item_02 ,#menu_item_0201 #menu1b:visited:hover .menu_item_02, #menu_item_0201 #menu1b:active .menu_item_02 ,#menu_item_0202 #menu1b:hover .menu_item_02, #menu_item_0202 #menu1b:focus .menu_item_02 ,#menu_item_0202 #menu1b:visited:hover .menu_item_02, #menu_item_0202 #menu1b:active .menu_item_02 ,#menu_item_0203 #menu1b:hover .menu_item_02, #menu_item_0203 #menu1b:focus .menu_item_02 ,#menu_item_0203 #menu1b:visited:hover .menu_item_02, #menu_item_0203 #menu1b:active .menu_item_02 ,#menu_item_0204 #menu1b:hover .menu_item_02, #menu_item_0204 #menu1b:focus .menu_item_02 ,#menu_item_0204 #menu1b:visited:hover .menu_item_02, #menu_item_0204 #menu1b:active .menu_item_02 ,#menu_item_0205 #menu1b:hover .menu_item_02, #menu_item_0205 #menu1b:focus .menu_item_02 ,#menu_item_0205 #menu1b:visited:hover .menu_item_02, #menu_item_0205 #menu1b:active .menu_item_02 ,#menu_item_0206 #menu1b:hover .menu_item_02, #menu_item_0206 #menu1b:focus .menu_item_02 ,#menu_item_0206 #menu1b:visited:hover .menu_item_02, #menu_item_0206 #menu1b:active .menu_item_02 ,#menu_item_020401 #menu1b:hover .menu_item_02, #menu_item_020401 #menu1b:focus .menu_item_02 ,#menu_item_020401 #menu1b:visited:hover .menu_item_02, #menu_item_020401 #menu1b:active .menu_item_02 ,#menu_item_020402 #menu1b:hover .menu_item_02, #menu_item_020402 #menu1b:focus .menu_item_02 ,#menu_item_020402 #menu1b:visited:hover .menu_item_02, #menu_item_020402 #menu1b:active .menu_item_02 ,#menu_item_020403 #menu1b:hover .menu_item_02, #menu_item_020403 #menu1b:focus .menu_item_02 ,#menu_item_020403 #menu1b:visited:hover .menu_item_02, #menu_item_020403 #menu1b:active .menu_item_02 ,#menu_item_020601 #menu1b:hover .menu_item_02, #menu_item_020601 #menu1b:focus .menu_item_02 ,#menu_item_020601 #menu1b:visited:hover .menu_item_02, #menu_item_020601 #menu1b:active .menu_item_02 ,#menu_item_020602 #menu1b:hover .menu_item_02, #menu_item_020602 #menu1b:focus .menu_item_02 ,#menu_item_020602 #menu1b:visited:hover .menu_item_02, #menu_item_020602 #menu1b:active .menu_item_02 { background-image:url(../_image/menu1_2x3.gif); } #menu_item_0301 #menu1c .menu_item_03, #menu_item_0301 #menu1a:visited .menu_item_03 ,#menu_item_0302 #menu1c .menu_item_03, #menu_item_0302 #menu1a:visited .menu_item_03 ,#menu_item_0303 #menu1c .menu_item_03, #menu_item_0303 #menu1a:visited .menu_item_03 ,#menu_item_0304 #menu1c .menu_item_03, #menu_item_0304 #menu1a:visited .menu_item_03 ,#menu_item_0305 #menu1c .menu_item_03, #menu_item_0305 #menu1a:visited .menu_item_03 ,#menu_item_030401 #menu1c .menu_item_03, #menu_item_030401 #menu1a:visited .menu_item_03 ,#menu_item_030402 #menu1c .menu_item_03, #menu_item_030402 #menu1a:visited .menu_item_03 ,#menu_item_030403 #menu1c .menu_item_03, #menu_item_030403 #menu1a:visited .menu_item_03 ,#menu_item_030501 #menu1c .menu_item_03, #menu_item_030501 #menu1a:visited .menu_item_03 ,#menu_item_030502 #menu1c .menu_item_03, #menu_item_030502 #menu1a:visited .menu_item_03 { background-image:url(../_image/menu1_3x4.gif); } #menu_item_0301 #menu1c:hover .menu_item_03, #menu_item_0301 #menu1c:focus .menu_item_03 ,#menu_item_0301 #menu1c:visited:hover .menu_item_03, #menu_item_0301 #menu1c:active .menu_item_03 ,#menu_item_0302 #menu1c:hover .menu_item_03, #menu_item_0302 #menu1c:focus .menu_item_03 ,#menu_item_0302 #menu1c:visited:hover .menu_item_03, #menu_item_0302 #menu1c:active .menu_item_03 ,#menu_item_0303 #menu1c:hover .menu_item_03, #menu_item_0303 #menu1c:focus .menu_item_03 ,#menu_item_0303 #menu1c:visited:hover .menu_item_03, #menu_item_0303 #menu1c:active .menu_item_03 ,#menu_item_0304 #menu1c:hover .menu_item_03, #menu_item_0304 #menu1c:focus .menu_item_03 ,#menu_item_0304 #menu1c:visited:hover .menu_item_03, #menu_item_0304 #menu1c:active .menu_item_03 ,#menu_item_0305 #menu1c:hover .menu_item_03, #menu_item_0305 #menu1c:focus .menu_item_03 ,#menu_item_0305 #menu1c:visited:hover .menu_item_03, #menu_item_0305 #menu1c:active .menu_item_03 ,#menu_item_030401 #menu1c:hover .menu_item_03, #menu_item_030401 #menu1c:focus .menu_item_03 ,#menu_item_030401 #menu1c:visited:hover .menu_item_03, #menu_item_030401 #menu1c:active .menu_item_03 ,#menu_item_030402 #menu1c:hover .menu_item_03, #menu_item_030402 #menu1c:focus .menu_item_03 ,#menu_item_030402 #menu1c:visited:hover .menu_item_03, #menu_item_030402 #menu1c:active .menu_item_03 ,#menu_item_030403 #menu1c:hover .menu_item_03, #menu_item_030403 #menu1c:focus .menu_item_03 ,#menu_item_030403 #menu1c:visited:hover .menu_item_03, #menu_item_030403 #menu1c:active .menu_item_03 ,#menu_item_030501 #menu1c:hover .menu_item_03, #menu_item_030501 #menu1c:focus .menu_item_03 ,#menu_item_030501 #menu1c:visited:hover .menu_item_03, #menu_item_030501 #menu1c:active .menu_item_03 ,#menu_item_030502 #menu1c:hover .menu_item_03, #menu_item_030502 #menu1c:focus .menu_item_03 ,#menu_item_030502 #menu1c:visited:hover .menu_item_03, #menu_item_030502 #menu1c:active .menu_item_03 { background-image:url(../_image/menu1_2x4.gif); } #menu_item_04 #menu1d .menu_item_04, #menu_item_04 #menu1d:visited .menu_item_04 { background-image:url(../_image/menu1_3x5.gif); } #menu_item_04 #menu1d:hover .menu_item_04, #menu_item_04 #menu1d:focus .menu_item_04 ,#menu_item_04 #menu1d:visited:hover .menu_item_04, #menu_item_04 #menu1d:active .menu_item_04 { background-image:url(../_image/menu1_2x5.gif); } #menu_item_05 #menu1e .menu_item_05, #menu_item_05 #menu1e:visited .menu_item_05 { background-image:url(../_image/menu1_3x6.gif); } #menu_item_05 #menu1e:hover .menu_item_05, #menu_item_05 #menu1e:focus .menu_item_05 ,#menu_item_05 #menu1e:visited:hover .menu_item_05, #menu_item_05 #menu1e:active .menu_item_05 { background-image:url(../_image/menu1_2x6.gif); } #menu_item_06 #menu1f .menu_item_06, #menu_item_06 #menu1f:visited .menu_item_06 { background-image:url(../_image/menu1_3x7.gif); } #menu_item_06 #menu1f:hover .menu_item_06, #menu_item_06 #menu1f:focus .menu_item_06 ,#menu_item_06 #menu1f:visited:hover .menu_item_06, #menu_item_06 #menu1f:active .menu_item_06 { background-image:url(../_image/menu1_2x7.gif); } #menu_item_0701 #menu1g .menu_item_07, #menu_item_0701 #menu1g:visited .menu_item_07 ,#menu_item_0702 #menu1g .menu_item_07, #menu_item_0702 #menu1g:visited .menu_item_07 ,#menu_item_0703 #menu1g .menu_item_07, #menu_item_0703 #menu1g:visited .menu_item_07 ,#menu_item_0704 #menu1g .menu_item_07, #menu_item_0704 #menu1g:visited .menu_item_07 ,#menu_item_0705 #menu1g .menu_item_07, #menu_item_0705 #menu1g:visited .menu_item_07 { background-image:url(../_image/menu1_3x8.gif); } #menu_item_0701 #menu1g:hover .menu_item_07, #menu_item_0701 #menu1g:focus .menu_item_07 ,#menu_item_0701 #menu1g:visited:hover .menu_item_07, #menu_item_0701 #menu1g:active .menu_item_07 ,#menu_item_0702 #menu1g:hover .menu_item_07, #menu_item_0702 #menu1g:focus .menu_item_07 ,#menu_item_0702 #menu1g:visited:hover .menu_item_07, #menu_item_0702 #menu1g:active .menu_item_07 ,#menu_item_0703 #menu1g:hover .menu_item_07, #menu_item_0703 #menu1g:focus .menu_item_07 ,#menu_item_0703 #menu1g:visited:hover .menu_item_07, #menu_item_0703 #menu1g:active .menu_item_07 ,#menu_item_0704 #menu1g:hover .menu_item_07, #menu_item_0704 #menu1g:focus .menu_item_07 ,#menu_item_0704 #menu1g:visited:hover .menu_item_07, #menu_item_0704 #menu1g:active .menu_item_07 ,#menu_item_0705 #menu1g:hover .menu_item_07, #menu_item_0705 #menu1g:focus .menu_item_07 ,#menu_item_0705 #menu1g:visited:hover .menu_item_07, #menu_item_0705 #menu1g:active .menu_item_07 { background-image:url(../_image/menu1_2x8.gif); } /* ------------------------------------------------------------------------------- */ /* HEADER CONTENTS */ #layout_header .fleur { z-index: 1; position: absolute; left: 548px; top: 5px; border: none; } #layout_header .vsep { z-index: 1; position: absolute; left: 729px; top: 29px; border: none; } #layout_header h2 { z-index: 1; position: absolute; margin: 0; /* Avoid vertical gaps in Firefox */ left: 15px; top: 15px; width: 120px; height: 58px; background: url(../_image/logo.gif) no-repeat left top; cursor: pointer; } #layout_header h3 { z-index: 1; position: absolute; margin: 0; /* Avoid vertical gaps in Firefox */ left: 250px; top: 5px; width: 339px; height: 66px; background: url(../_image/strapline_NEW.gif) no-repeat left top; } #layout_header .menu_home { z-index: 2; position: absolute; left: 735px; top: 31px; width: 105px; height: 41px; border: none; } #layout_header a.menu_home:link , #layout_header a.menu_home:visited { background: url(../_image/home.gif) no-repeat left top; } #layout_header a.menu_home:hover, #layout_header a.menu_home:active { background: url(../_image/home_hover.gif) no-repeat left top; } #layout_header .menu_cart { z-index: 2; position: absolute; left: 621px; top: 7px; width: 105px; height: 41px; border: none; } #layout_header a.menu_cart:link , #layout_header a.menu_cart:visited { background: url(../_image/shoppingbag.gif) no-repeat left top; } #layout_header a.menu_cart:hover, #layout_header a.menu_cart:active { background: url(../_image/shoppingbag_hover.gif) no-repeat left top; } /* ------------------------------------------------------------------------------- */ /* FOOTER CONTENTS */ #layout_footer ul { margin: 0; padding: 18px 0 0; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; font-weight: normal; } #layout_footer li { display: inline; padding: 0 0 5px 9px; background: url(../_image/vsep.gif) no-repeat 0 0; } #layout_footer li.first { padding-left: 0; background: none; } #layout_footer ul a:link, #layout_footer ul a:visited { color: #fff9fc; text-decoration: none; white-space:nowrap; } #layout_footer ul a:hover, #layout_footer ul a:active { color: #c093a6; text-decoration: none; white-space:nowrap; } /* ------------------------------------------------------------------------------- */ /* SIDEBAR CONTENTS */ /* Banner ad */ .banner { margin: 0 0 15px; } /* General panel properties */ .panel { margin: 0 0 15px; background: transparent; padding: 0; } /* .panel h2 { margin: 0; padding: 15px 0 15px 15px; font-size: 0.95em; letter-spacing: -0.05em; color: #c093a6; } .panel h3 { margin: 0; padding: 15px 0 10px 15px; font-size: 0.8em; color: #3f0039; } */ /* Panel: menu2 (menu 2&3) */ #menu2 {} /* ul menu items within menu2 panel */ #menu2 ul { margin: 0; padding: 0 12px 15px; font-size: 0.75em; line-height: 1.2em; } #menu2 li { list-style: none; width: 100%; margin: 0; padding: 1px 0 0; } #menu2 li a { width: 100%; padding: 1px 3px; color: #3f0039; font-weight: normal; text-decoration: none; } #menu2 li a:hover, #menu2 li a:active { background: #c093a6; } /*#menu2 #menu3 { margin: 0 0 7px 7px; padding: 0; font-size: 0.8em; } #menu2 #menu3 li a:link, #menu2 #menu3 li a:visited { color: #fff; font-weight: normal; text-decoration: none; } #menu2 #menu3 li a:hover, #menu2 #menu3 li a:active { color: #fa2920; font-weight: normal; text-decoration: none; } */ /* Highlight the menu item for the current page */ #menu_item_0101 #menu2 .menu_item_0101 a ,#menu_item_0201 #menu2 .menu_item_0201 a ,#menu_item_0202 #menu2 .menu_item_0202 a ,#menu_item_0203 #menu2 .menu_item_0203 a ,#menu_item_0204 #menu2 .menu_item_0204 a ,#menu_item_0205 #menu2 .menu_item_0205 a ,#menu_item_0206 #menu2 .menu_item_0206 a ,#menu_item_0301 #menu2 .menu_item_0301 a ,#menu_item_0302 #menu2 .menu_item_0302 a ,#menu_item_0303 #menu2 .menu_item_0303 a ,#menu_item_0304 #menu2 .menu_item_0304 a ,#menu_item_0305 #menu2 .menu_item_0305 a ,#menu_item_0701 #menu2 .menu_item_0701 a ,#menu_item_0702 #menu2 .menu_item_0702 a ,#menu_item_0703 #menu2 .menu_item_0703 a ,#menu_item_0704 #menu2 .menu_item_0704 a ,#menu_item_0705 #menu2 .menu_item_0705 a ,#menu_item_020401 #menu2 #menu3 .menu_item_020401 a ,#menu_item_020402 #menu2 #menu3 .menu_item_020402 a ,#menu_item_020403 #menu2 #menu3 .menu_item_020403 a ,#menu_item_020601 #menu2 #menu3 .menu_item_020601 a ,#menu_item_020602 #menu2 #menu3 .menu_item_020602 a ,#menu_item_030401 #menu2 #menu3 .menu_item_030401 a ,#menu_item_030402 #menu2 #menu3 .menu_item_030402 a ,#menu_item_030403 #menu2 #menu3 .menu_item_030403 a ,#menu_item_030501 #menu2 #menu3 .menu_item_030501 a ,#menu_item_030502 #menu2 #menu3 .menu_item_030502 a { color: #fa2920; } /* ------------------------------------------------------------------------------- */ /* Special panels, testemonials, newsletter signup etc. */ /* Product Page Menus */ #layout_sidebar h2 { margin: 0; padding: 15px 0 0 15px; font-size: 0.95em; letter-spacing: -0.05em; color: #c093a6; } #layout_sidebar h3 { margin: 0; padding: 10px 0 5px 15px; font-size: 0.8em; color: #c093a6; clear: both; } #layout_sidebar h3 a:link, #layout_sidebar h3 a:visited { text-decoration: none; color: #3f0039; } #layout_sidebar h3 a:hover, #layout_sidebar h3 a:active { text-decoration: none; color: #c093a6; } #layout_sidebar h4 { margin: 0; padding: 3px 0 0 7px; font-size: 0.6em; font-weight: normal; color: #3f0039; clear: both; } #layout_sidebar p { margin: 0; padding: 0.2em 0 0.2em 15px; font-size: 0.6em; color: #c093a6; } #layout_sidebar ul.catalogue { list-style-type: none; margin: 3px 0 0 7px; padding:0; } #layout_sidebar ul.catalogue li { float: left; margin: 0 2px 2px 0; /*0 18px 18px 0; */ padding: 0; /* override #layout_sidebar li */ list-style-type: none; text-align: left; } #layout_sidebar div.cat_item { position: relative; width: 45px; /* 190px; */ background: #c093a6; cursor: pointer; } #layout_sidebar .cat_item div.photo { height: 30px; /*127px; */ } #layout_sidebar .cat_item .photo img { border: none; } #layout_sidebar .cat_item div.caption { display: none; visibility: hidden; } /* ------------------------------------------------------------------------------- */ /* MAIN CONTENTS */ /* Breadcrumbs */ #breadcrumbs { display:none; } /* #breadcrumbs { margin: 1em 0 2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000; } #breadcrumbs a:link, #breadcrumbs a:visited { color: #4596d5; font-weight: normal; text-decoration: underline; } #breadcrumbs a:hover, #breadcrumbs a:active { color: #fa2920; text-decoration: underline; } */ /* Flash elements */ .tiara_detector { z-index: -1; position: absolute; left: 0; top: 530px; /* below tiara_designer */ } .tiara_designer { z-index: 1; position: relative; padding: 15px 0 50px; } /* Catalogue list */ #layout_maincontent ul.catalogue { list-style-type: none; margin:0; padding:0; } #layout_maincontent ul.catalogue li { float: left; margin: 0 16px 18px 0; padding: 0; /* override #layout_maincontent li */ list-style-type: none; text-align: left; } #layout_maincontent div.cat_item { position: relative; width: 190px; background: #c093a6; cursor: pointer; } #layout_maincontent .cat_item div.photo { height: 127px; } #layout_maincontent .cat_item .photo img { margin: 0; padding: 0; border: none; } #layout_maincontent .cat_item div.caption { position: relative; margin: 0; padding: 4px 4px 6px; font-size: 0.85em; font-weight: normal; line-height: 1em; } #layout_maincontent .cat_item .caption a:link,#layout_maincontent .cat_item .caption a:visited { color: #3f0039; text-decoration: none; } #layout_maincontent .cat_item .caption a:hover,#layout_maincontent .cat_item .caption a:active { color: #fff; text-decoration: underline; } #layout_maincontent .cat_item span.captionspan { float: right; } /* Photo list */ #layout_maincontent ul.photo { list-style-type: none; margin:0; padding:0; } #layout_maincontent ul.photo li { float: left; margin: 0 40px 0 0; padding: 0; /* override #layout_maincontent li */ list-style-type: none; text-align: left; } #layout_maincontent div.pic_item { position: relative; padding-bottom: 45px; width: 150px; height: 285px; } #layout_maincontent .pic_item div.photo { height: 232px; } #layout_maincontent .pic_item .photo img { border: none; } #layout_maincontent .pic_item div.caption { position: relative; margin: 0; padding: 4px 4px 6px; font-size: 0.85em; font-weight: normal; line-height: 1.4em; background: #feeef6; height: 7.3em; } #layout_maincontent .pic_item .caption a:link,#layout_maincontent .pic_item .caption a:visited { color: #3f0039; text-decoration: underline; } #layout_maincontent .pic_item .caption a:hover,#layout_maincontent .pic_item .caption a:active { color: #c093a6; text-decoration: underline; } /* /* Index list *//* #layout_maincontent ul.index { list-style-type: none; margin:0; padding:0; } #layout_maincontent ul.index li { float: left; margin: 0 45px 0 0; padding: 0; /* override #layout_maincontent li *//* list-style-type: none; text-align: left; } #layout_maincontent div.index_item { position: relative; padding-bottom: 45px; width: 150px; } #layout_maincontent .index_item div.photo { } #layout_maincontent .index_item .photo img { border: none; } #layout_maincontent .index_item div.caption { position: relative; margin: 0; padding: 4px 4px 6px; font-size: 0.85em; font-weight: normal; line-height: 1.4em; background: #feeef6; } #layout_maincontent .index_item div.header { padding: 0; font-size: 1.3em; text-align: center; line-height: 1.4em; background: #fff9fc; } #layout_maincontent .index_item .caption a:link,#layout_maincontent .index_item .caption a:visited { color: #3f0039; text-decoration: underline; } #layout_maincontent .index_item .caption a:hover,#layout_maincontent .index_item .caption a:active { color: #c093a6; text-decoration: underline; } */ /* Product item */ #layout_maincontent div.prod_item, #layout_maincontent div.prod_item_dat { clear: both; position: relative; width: 620px; height: 280px; border: 3px solid #c093a6; background: #feeef6; margin: 15px 0 0; padding: 0; } #layout_maincontent .prod_item img, #layout_maincontent .prod_item_dat img { float: left; border: none; border-right: 3px solid #c093a6; margin: 0 20px 0 0; } #layout_maincontent .prod_item div.caption, #layout_maincontent .prod_item_dat div.caption { margin: 0; padding: 0 10px 0 20px; font-size: 1em; line-height: 1em; } #layout_maincontent .prod_item h2.name, #layout_maincontent .prod_item p.description, #layout_maincontent .prod_item div.price, #layout_maincontent .prod_item div.code, #layout_maincontent .prod_item input.btn_addtocart, #layout_maincontent .prod_item_dat h2.name, #layout_maincontent .prod_item_dat p.description, #layout_maincontent .prod_item_dat div.price, #layout_maincontent .prod_item_dat div.code, #layout_maincontent .prod_item_dat input.btn_addtocart { position: absolute; left: 440px; margin: 0; padding: 5px 0; text-align: left; } #layout_maincontent .prod_item h2.name, #layout_maincontent .prod_item_dat h2.name { clear: none; font-size: 1.4em; font-weight: bold; line-height: 1em; } #layout_maincontent .prod_item p.description, #layout_maincontent .prod_item_dat p.description { font-size: 0.65em; font-weight: normal; line-height: 1.3em; } #layout_maincontent .prod_item div.price, #layout_maincontent .prod_item_dat div.price { font-size: 1em; font-weight: normal; } #layout_maincontent .prod_item div.code, #layout_maincontent .prod_item_dat div.code { font-size: 0.7em; font-weight: normal; line-height: 1.3em; } #layout_maincontent .prod_item input.btn_addtocart, #layout_maincontent .prod_item_dat input.btn_addtocart { left: 540px; } /* + 75 for DAT */ #layout_maincontent .prod_item h2.name { top: 15px; } #layout_maincontent .prod_item_dat h2.name { top: 76px; } #layout_maincontent .prod_item p.description { top: 58px; } #layout_maincontent .prod_item_dat p.description { top: 119px; } /* + 61 for DAT */ #layout_maincontent .prod_item div.price { top: 171px; } #layout_maincontent .prod_item_dat div.price { top: 232px; } /* - 61 for DAT */ #layout_maincontent .prod_item div.code { bottom: 66px; } #layout_maincontent .prod_item_dat div.code { bottom: 5px;/*127px;*/ } #layout_maincontent .prod_item input.btn_addtocart { bottom: 66px; } #layout_maincontent .prod_item_dat input.btn_addtocart { bottom: 5px;/*127px;*/ } #layout_maincontent .prod_item a.bespoke img, #layout_maincontent .prod_item a.bespoke_hover img { position: absolute; right: 0; bottom: 0; width: 197px; height: 61px; border: none; border-top: 3px solid #c093a6; margin: 0; padding: 0; } #layout_maincontent .prod_item_dat a.dat img, #layout_maincontent .prod_item_dat a.dat_hover img { position: absolute; right: 0; top: 0; width: 197px; height: 75px; border: none; margin: 0; padding: 0; } /* Product variant list */ #layout_maincontent div.prod_variant_list { clear: both; position: relative; width: 620px; border: 3px solid #c093a6; border-top: none; margin:0; padding:0; visibility: hidden; display: none; } #layout_maincontent .prod_variant_list h3 { margin: 0; padding: 10px 0 5px 20px; font-size: 0.7em; font-weight: normal; line-height: 1em; } #layout_maincontent .prod_variant_list ul { list-style-type: none; margin: 0; padding: 0; } #layout_maincontent .prod_variant_list li { float: left; margin: 0; padding: 0 0 20px 20px; list-style-type: none; text-align: left; } #layout_maincontent div.variant { position: relative; width: 130px; background: #c093a6; cursor: pointer; } #layout_maincontent .variant div.photo { height: 86px; } #layout_maincontent .variant .photo img { border: none; } #layout_maincontent .variant div.caption { position: relative; margin: 0; padding: 4px 8px; font-size: 0.8em; font-weight: bold; line-height: 1em; } #layout_maincontent .variant .caption a:link, .variant .caption a:visited { color: #3f0039; text-decoration: none; } #layout_maincontent .variant .caption a:hover, .variant .caption a:active { color: #fff; text-decoration: underline; } #layout_maincontent .variant input.btn_addtocart { float: right; margin: 0; padding: 0; } /* Don't need next 2 statements */ #layout_maincontent .variant input.btn_addtocart { padding-bottom: 3px; } #layout_maincontent .variant span.captionspan { float: right; } /* Cart */ #layout_maincontent table.cart { clear: both; position: relative; width: 620px; border: 3px solid #c093a6; background: #c093a6; margin: 0; padding: 0; } #layout_maincontent .cart .row_item td { background: #feeef6; border-bottom: 3px solid #c093a6; padding: 0; } #layout_maincontent .cart .row_item .subtotal { width: 80px; background: #fff9fc; padding: 7px; text-align: right; vertical-align: bottom; font-size: 0.9em; line-height: 1.4em; } #layout_maincontent .cart .row_item .subtotal .super { font-weight: bold; font-size: 0.8em; } #layout_maincontent .cart .row_item .col1 { position: relative; width: 130px; height: 86px; } #layout_maincontent .cart .row_item .col1 img { float: none; margin: 0; padding: 0; } #layout_maincontent .cart .row_item .col1_DAT { position: relative; width: 130px; height: 86px; } #layout_maincontent .cart .row_item .col2 { position: relative; width: 410px; height: 86px; } #layout_maincontent .cart .row_item .col2 .rm_btn { position: absolute; left: 7px; bottom: 7px; } #layout_maincontent .cart .row_item .col2 .rm_btn input { font-size: 0.7em; } #layout_maincontent .cart .row_item .col2 .qty_price { position: absolute; right: 7px; bottom: 7px; width: 8em; font-size: 0.9em; line-height: 1.4em; } #layout_maincontent .cart .row_item .col2 .qty_price .qty { position: relative; } #layout_maincontent .cart .row_item .col2 .qty_price .qty input { position: absolute; right: 0; top: 0; width: 2em; background: #fff9fc; border: 1px solid #c093a6; padding: 1px; text-align: right; } #layout_maincontent .cart .row_item .col2 .qty_price .price { position: relative; } #layout_maincontent .cart .row_item .col2 .qty_price .price span { float: right; } #layout_maincontent .cart .row_item h3 { margin: 0; padding: 7px 0 0.4em 7px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; line-height: 1em; } #layout_maincontent .cart .row_item h4 { margin: 0; padding: 0 0 0 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: normal; line-height: 1em; } #layout_maincontent .cart .col2_total { position: relative; width: 410px; } #layout_maincontent .cart .col2_total h3 { margin: 0; padding: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; line-height: 1em; } #layout_maincontent .cart .col2_total input { position: absolute; right: 7px; top: 7px; margin: 0; padding: 0; font-size: 0.7em; } #layout_maincontent .cart .col3_total { position: relative; margin: 0; padding: 7px; text-align: right; font-size: 0.9em; font-weight: bold; } #layout_maincontent .cart .col3_total form { margin: 0; padding: 0; } #layout_maincontent .cart .col3_total .btn_paypal { margin: 0; padding: 0; } #layout_maincontent .contact_details { float: right; padding: 0 30px; } #layout_maincontent #contact { float: left; } #layout_maincontent #contact table { width: 325px; background: #C093A6; border: 2px solid #C093A6; } #layout_maincontent #contact table tr { background: #FEEEF6; } #layout_maincontent #contact table th, #layout_maincontent #contact table td { padding: 5px; font-size: 1em; font-weight: normal; } #layout_maincontent #contact table td.button, #layout_maincontent #contact table td.header { background: #C092A6; } #layout_maincontent #contact table textarea, #layout_maincontent #contact table input { width: 222px; color:#3F0039; } #layout_maincontent #contact table textarea, #layout_maincontent #contact table .input_normal { border:1px solid #C093A6; color:#3F0039; font-family: Verdana,Arial; font-size: 0.9em; float: right; } #layout_maincontent #contact table .button input { width: auto; } #layout_maincontent #contact table textarea { height: 70px; font-size: 0.9em; } #layout_maincontent #contact table .button .BtnCommit { border: none; background: url(../_image/btn_submit.gif) no-repeat; width: 72px; float: right; } #layout_maincontent #contact table .button .BtnCommit_hover { background: url(../_image/btn_submit_hover.gif) no-repeat; border: none; width: 72px; float: right; } #layout_maincontent #deposit table { width: 335px; background: #C093A6; border: 2px solid #C093A6; } #layout_maincontent #deposit table tr { background: #FEEEF6; } #layout_maincontent #deposit table th, #layout_maincontent #deposit table td { padding: 5px; } #layout_maincontent #deposit table td { font-size: 0.9em; } #layout_maincontent #deposit table td.button { background: #C092A6; } #layout_maincontent #deposit table input { width: 200px; float: right; } #layout_maincontent #deposit table .input_normal { border:1px solid #C093A6; } #layout_maincontent #deposit table .button input { width: auto; float: right; } #layout_maincontent #deposit table .money { text-align: right; padding-right: 0; } /* ------------------------------------------------------------------------------- */ /* HOME PAGE SPECIALS */ /* #layout_maincontent div.home_feature { position: relative; top: 1.2em; height: 237px; margin: 0; background: #3f0039 url(../_image/flyer_image.jpg) no-repeat left top; padding: 0 16px 0 332px; clear: both; } #layout_maincontent .home_feature h2, #layout_maincontent .home_feature p { margin: 0; padding: 1em 0 0 0; color: #fff9fc; } */ #layout_maincontent div.home_feature { position: relative; margin: 0; padding: 1.2em 0 0 0; clear: both; } #layout_maincontent div.home_feature table { margin: 0; padding: 0; } #layout_maincontent div.home_feature td { margin: 0; background: #3f0039; padding: 0 16px 0 0; } #layout_maincontent div.home_feature td.snowflakes { background: #3f0039 url(../_image/snowflakes.gif) no-repeat right top; } #layout_maincontent .home_feature img { margin: 0; padding: 0; } #layout_maincontent .home_feature h2, #layout_maincontent .home_feature h3, #layout_maincontent .home_feature p { margin: 0; padding: 1em 0 0 0; color: #fff9fc; } #layout_maincontent .home_feature h3 { font-size: 1em; } #layout_maincontent .home_feature a:hover, #layout_maincontent .home_feature a:active { color: #fff9fc; } #layout_maincontent div.home_quote { position: relative; clear: both; margin: 0 0 0.3em; /* margin-top needs to match .home_feature:top */ padding: 1.2em 32px 1.2em 48px; background: #3f0039; color: #fff9fc; font-size: 0.9em; font-style: italic; } #layout_maincontent .home_quote a:hover, #layout_maincontent .home_quote a:active { color: #fff9fc; } #layout_maincontent table.home_3col { width: 620px; margin: 16px 0; border: none; padding: 0; } #layout_maincontent .home_3col td { border-left: 1px solid #c093a6; padding: 0 16px; } #layout_maincontent .home_3col td.first { border-left: none; } #layout_maincontent .home_3col td div.col_container { width: 176px; } #layout_maincontent .home_3col td div.col_container img { padding-left: 16px; } #layout_maincontent .home_3col td h2 { margin: 0 0 0.2em; font-size: 1.1em; } #layout_maincontent .home_3col td h2 a:link, #layout_maincontent .home_3col td h2 a:visited { text-decoration: none; color: #3f0039; } #layout_maincontent .home_3col td p { margin: 0.6em 0 0; font-size: 0.7em; } #layout_maincontent .home_3col td img.photo_flowers { margin: 16px 0 0 32px; } #layout_maincontent .home_3col td img.photo_justforyou { margin: 16px 0 0; } /* ------------------------------------------------------------------------------- */ /* OTHER PAGE SPECIALS */ #layout_maincontent img.photo_weddingcouple { margin: 0 0 0 120px; } #layout_maincontent img.photo_entwine1 { margin: 0 0 16px 200px; } #layout_maincontent div.cat_item_spacer { position: relative; width: 190px; padding-top: 127px; } #layout_maincontent .cat_item_spacer div.caption { position: relative; margin: 0; padding: 4px 4px 6px; font-size: 0.85em; font-weight: normal; line-height: 1em; } #layout_maincontent div#DATspacer { height: 400px; } #layout_sidebar #DaT_panel { background: url(../_image/dat_sidebar_header.gif) no-repeat 1px top; padding-top: 66px; } #layout_sidebar #DaT_panel ul { list-style: none; margin: 0; padding: 0; } #layout_sidebar #DaT_panel li { margin: 0; padding: 0.4em 7px; font-size: 0.6em; color: #c093a6; } /* DaT2 styles */ .content_holder { clear: both; position: relative; margin: 0 2px; padding: 0; border: 1px solid #C096AC; width: 782px; top: 7px; } .content_holder #viewport, .content_holder #control, .content_holder #scroller { } .content_holder #scroller_container { height: 110px; } .content_holder #viewport { } /* Have controls hidden by default so they can be revealed when the viweport completes loading */ .content_holder #control { position: relative; } .content_holder #scroller { /*border: none!important;*/ } object { outline: none; } .content_holder h3 { padding: 0; margin: 0; } .content_holder .single { float: left; width: 620px; margin: 10px 10px 0 0; } .content_holder .single h3 { padding: 5px 0 5px; } .content_holder .quad_control { float: left; height: 70px; margin: 0; border-top: 1px solid #f2bbce; border-bottom: 1px solid #400038; background: url(../_image/control_bg_off.gif) no-repeat; position: relative; overflow: hidden; } .content_holder .quad_control#tiara_control { width: 195px; } .content_holder .quad_control#metal_control { width: 196px; } .content_holder .quad_control#band_control { width: 196px; } .content_holder .quad_control#jewels_control { width: 195px; border-right: none; } .content_holder .quad_control.selected { background: url(../_image/control_bg_on.gif) no-repeat!important; height: 71px; border-bottom: none; border-top: 1px solid #400038; border-right: 1px solid #400038; border-left: 1px solid #400038; width: 194px!important; } .content_holder .quad_control.hover { background: url(../_image/control_bg_hover.gif) no-repeat; } .content_holder .selected#tiara_control { border-left: none; } .content_holder .selected#jewels_control { } .content_holder .quad_control h3 { font-family: Verdana, Geneva, sans-serif !important; font-weight: normal !important; /*padding: 5px 0 0 17px;*/ margin: 0 !important; border-left: 1px solid #f2bbce; /* Hide html text */ height: 70px; width: 66px; overflow: hidden; text-indent: -3000px; /* Defaults for text replacement bg image */ background-repeat: no-repeat; background-position: 18px 7px; } .content_holder #tiara_control h3 { background-image: url(../_image/tiara_control_heading.gif); border-left: none; } .content_holder #metal_control h3 { background-image: url(../_image/metal_control_heading.gif); } .content_holder #band_control h3 { background-image: url(../_image/band_control_heading.gif); } .content_holder #jewels_control h3 { background-image: url(../_image/jewels_control_heading.gif); float: left; } .content_holder #jewels_control div.jewel_container { } .content_holder .selected h3, .content_holder .unselected h3 { border-left: none; } div.tab_image { float: none; margin: 0; padding: 0; border: none; position: absolute; top: 7px; left: 60px; } #jewel_icons { position: absolute; top: 10px; left: 655px; background: transparent; } #layout_maincontent #jewel_icons h4 { background-repeat: no-repeat; margin: 0; padding: 0; width: 29px; height: 23px; overflow: hidden; text-indent: -3000px; background-position: 3px 0px; } .jewel_control { float: left; margin-left: 10px; } .jewel_control:hover { cursor: pointer; } #jewel_control_1 h4 { background-image: url(../_image/jewel_1_control_bg.gif); } #jewel_control_1.td_selected h4 { background-image: url(../_image/jewel_1_control_bg_on.gif); } #jewel_control_2 h4 { background-image: url(../_image/jewel_2_control_bg.gif); } #jewel_control_2.td_selected h4 { background-image: url(../_image/jewel_2_control_bg_on.gif); } #jewel_control_3 h4 { background-image: url(../_image/jewel_3_control_bg.gif); } #jewel_control_3.td_selected h4 { background-image: url(../_image/jewel_3_control_bg_on.gif); } #jewels_help { position: absolute; top: 82px; left: 655px; width: 115px; display: none; } .jewel_submenu { position: absolute; top: 82px; left: 655px; width: 115px; font-size: 0.9em; display: none; } #layout_maincontent .jewel_submenu ul { margin: 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /*font-size: 0.7em;*/ } #layout_maincontent .jewel_submenu ul li { margin: 0; padding: 0 0 0 11px; height: auto!important; width: auto!important; border: none!important; line-height: 1.6em; } #layout_maincontent .jewel_submenu ul li.selected, #layout_maincontent .jewel_submenu ul li:hover { background: transparent url(../_image/chevron-right.gif) no-repeat 0 6px; } #layout_maincontent .jewel_submenu ul li a { color: #BD96AA; } #layout_maincontent .jewel_submenu ul li.selected a { color: #3F0039; border: none; } #model_image { visibility: hidden; display: none; position: absolute; z-index: 1; } #model_image.show { visibility: visible; display: block; }