body { margin: 0px; padding: 0px; font-family: Tahoma, Arial, sans-serif; font-size: 10px; line-height: 1.8em; color: #22222c; background-color: #FFF; } br { clear: both; } hr { display: none; } .Skip { display: none; } .hide { display: none; } .coverimg{ position:relative; left:0px; top:0px; z-index:1; } /************************************* +productdetails *************************************/ #productdetail #productDetail { width:700px; margin: 0 auto; } #productdetail #imagecontainer1 { float:left; margin:0 0 0 0; padding:0; width:120px; height:320px; } #productdetail #imagecontainer2 { float:left; width:400px; margin:0 10px; } #productdetail #imagecontainer3 { float:left; width:120px; height:320px; } #productdetail #imagecontainer { margin: 0 0 10px 0px; border: solid 2px #000; } #productdetail .imagelist { list-style:none; margin:0; padding:0; width:100px; } #productdetail .imagelist li { margin: 0px 0 4px 0; } #productdetail .imagelist li a img{ border: solid 2px #000; } #productdetail .imagelist li a.noimg img{ border:none; } #productdetail h1#titledetail { padding:0; width: 600px !important; height:25px !important; font-weight:normal; font-family: "Times New Roman", serif; font-size:1.1em; color: #666; text-transform:uppercase; text-align: center; } #productdetail h2 { margin:0 !important; padding:0 !important; background:none; font-weight:normal; font-family: "Times New Roman", serif; font-size:1.3em; color: #666; text-align: center; } #productdetail p { text-align:center; color: #666; } #productdetail form { text-align:center; margin:0px 0 10px 0; padding:0; } #productdetail #submenu { position:absolute; top:220px; left:0px; margin:0; padding:0; } #productdetail #submenu ul li { list-style:none; margin: 4px 0; padding: 3px 6px; width:120px; } #productdetail #submenu ul li a { font-family: "Times New Roman", serif; font-size: 1.3em; letter-spacing: .1em; color: #000; white-space:nowrap; } #productdetail #submenu ul li a:hover { color:#666; } #productdetail .Buttonback { cursor:pointer; font-family: Tahoma, Arial, sans-serif; font-size: .9em; font-weight: bold; letter-spacing: .1em; text-transform: uppercase; color: #FFF; background-color: #9999A3; border: 1px solid #22222C; } #productdetail .Buttonback:hover{ color:#000; } /* =GLOBAL STYLES */ a { text-decoration: none; color: #22222c; } a:hover { text-decoration: none; color: #55555f; } p { margin: 0px 0px 10px 0px; padding: 0px; } p a { font-weight: normal; text-decoration: underline; } p a:hover { text-decoration: none; color: #55555f; } #wrapper #Content h1 { clear:both; width:300px; display:block; height:55px; margin:13px 0 0 13px; } h1 span { display: none; } /* form styles */ input.Field { float: left; width: 300px; height: 18px; margin: 0px 0px 15px 0px; padding: 2px 4px 0px 4px; font-family: Tahoma, Arial, sans-serif; font-size: 1em; color: #22222C; background-color: #FFF; border: 1px solid #9999A3; display: inline; } input.Button { float: left; padding: 3px 6px; font-family: Tahoma, Arial, sans-serif; font-size: .9em; font-weight: bold; letter-spacing: .1em; text-transform: uppercase; color: #FFF; background-color: #9999A3; border: 1px solid #22222C; display: inline; cursor:pointer; } input.Radio { margin: 0px; padding: 0px; } select.Dropdown { float: left; height: 20px; width: 310px; margin: 0px 0px 15px 0px; padding: 2px; font-family: Tahoma, Arial, sans-serif; font-size: 1em; color: #22222C; background-color: #FFF; border: 1px solid #9999A3; display: inline; } textarea.TextArea { float: left; width: 300px; margin: 0px 0px 15px 0px; padding: 3px 4px; font-family: Tahoma, Arial, sans-serif; font-size: 1em; color: #22222C; background-color:#FFF; border: 1px solid #9999A3; display: inline; } input.Field2 { float: left; width: 160px; height: 18px; margin: 0px 0px 15px 0px; padding: 2px 4px 0px 4px; font-family: Tahoma, Arial, sans-serif; font-size: 1em; color: #22222C; background-color: #FFF; border: 1px solid #9999A3; display: inline; } input.Field3 { float: left; width: 60px; height: 18px; margin: 0px 0px 15px 10px; padding: 2px 4px 0px 4px; font-family: Tahoma, Arial, sans-serif; font-size: 1em; color: #22222C; background-color: #FFF; border: 1px solid #9999A3; display: inline; } /* =FORMS */ .Form { float: left; margin: 0px; padding: 0px; display: inline; } .Form span { float: left; font-family: Arial, sans-serif; font-size: .9em; text-transform: uppercase; width: 120px; margin: 0px 0px 15px 0px; padding: 0px; display: inline; } .Form input.Button { margin: 0px 0px 0px 120px; } /* =CONTAINERS */ #SiteContainer { position: relative; width: 100%; padding: 0px 0 0 0px; /* background: url(../images/body-bkgd.gif) top center repeat-y; */ } #BodyContainer { position: relative; width: 100%; padding: 45px 0px 0px 0px; } /* =CONTENT */ #wrapper{ position: relative; width: 100%; margin: 30px 0px 0px 0%; font-family: Tahoma, Arial, sans-serif; font-size: 1.2em; line-height: 1.8em; background: url("content-.jpg") repeat-y right 0; padding: 1px 0 0px 0; } #Content { margin: 0 20px 0 14px; padding: 1px 0 0px 0; background-color: #f3f3f5; } /* =HEADER */ #Header { position: relative; width: 100%; height: 94px; margin: 0px 0px 0px 0px; padding: 0px; background: url("header-l.jpg") no-repeat 0 0; clear: both; } #Header img { margin: 10px 0px 0px 24px; padding: 0px; border-width: 0px; } /* =NAVIGATION */ #Navigation h2.Nav { display: none; } #Navigation { position: absolute; top: 139px; left: 0px; width: 100%; height: 35px; margin: 0px; padding: 0px; background: url("navegati.jpg") no-repeat 0 1px; } #Navigation ul { margin: 0px; padding: 0px; } #Navigation ul li { float: left; margin: 0px; padding: 0px; list-style: none; } #Navigation ul#nav #latestdesignL { width: 100px; } #Navigation ul#nav #latestdesignL a { margin: 0px 0px 0px 24px; height: 35px; width: 80px; background: url(nav-home.gif) top center no-repeat; } #Navigation ul#nav #latestdesignL a:hover { background: url(nav-home.gif) center center no-repeat; } #LatestDesigns #Navigation ul#nav #latestdesignL a { background: url(nav-home.gif) bottom center no-repeat; } #Navigation ul#nav li#productsL { width: 88px;} #Navigation ul#nav li#productsL a { margin: 0px; width: 88px; height: 35px; background: url(nav-articles.gif) top center no-repeat; } #Navigation ul#nav #productsL a:hover { background: url(nav-articles.gif center center no-repeat; } #Products-Bracelets #Navigation ul#nav #productsL a, #Products-Earrings #Navigation ul#nav #productsL a, #Products-Pendants #Navigation ul#nav #productsL a, #Products-Necklaces-Earrings #Navigation ul#nav #productsL a, #Products-Pendants-Earrings #Navigation ul#nav #productsL a, #Products-Rings #Navigation ul#nav #productsL a { background: url(nav-articles.gif) bottom center no-repeat; } #Navigation ul#nav #aboutL { width: 60px; } #Navigation ul#nav #aboutL a { width: 60px; margin: 0px; height: 35px; background: url(nav-sidan.gif) top center no-repeat; } #Navigation ul#nav #aboutL a:hover { background: url(nav-sidan.gif) center center no-repeat; } #Navigation ul#nav #linksL { width: 120px; } #Navigation ul#nav #linksL a { width: 128px; margin: 0px; height: 35px; background: url(nav-ga.gif) top center no-repeat; } #Navigation ul#nav #linksL a:hover { background: url(nav-ga.gif) center center no-repeat; } #Links #Navigation ul#nav #linksL a { background: url(nav-ga.gif) bottom center no-repeat; } #Navigation ul#nav #adlinkL {width: 175px;} #Navigation ul#nav #adlinkL a { width: 185px; height: 35px; margin: 0; background: url(nav-bj.gif) top center no-repeat; } #Navigation ul#nav #adlinkL a:hover { background: url(nav-bj.gif) center center no-repeat; } #AddLink #Navigation ul#nav #adlinkL a { background: url(nav-bj.gif) bottom center no-repeat; } #Navigation ul#nav #onlinecL { width: 85px;} #Navigation ul#nav #onlinecL a { margin: 0; width: 90px; height: 35px; background: url(nav-yumeks.gif) top center no-repeat; } #Navigation ul#nav #onlinecL a:hover { background: url(nav-yumeks.gif) center center no-repeat; } #Navigation ul#nav #rSilver { width: 145px;} #Navigation ul#nav #rSilver a { margin: 0; width: 155px; height: 35px; background: url(nav-rsilver.gif) top center no-repeat; } #Navigation ul#nav #rSilver a:hover { background: url(nav-rsilver.gif) center center no-repeat; } #Navigation ul#nav #contactL {width: 94px;} #Navigation ul#nav #contactL a { position:absolute; right:0; margin: 0 0 0 80px; width: 105px; height: 35px; background: url("nav-cont.gif") no-repeat 4px 0; } #Navigation ul#nav #contactL a:hover { background-position: 4px 50%; } #Contact #Navigation ul#nav #contactL a { background-position: 4px 100%; } #Navigation ul#Nav-Onlinecatalog2 a { width: 116px; margin: 0px 0px 0px 0px; background: url(nav-oc-b.jpg) top center no-repeat; } #Navigation ul#nav li ul#subnavP:hover { margin:-10px 0 0 0; padding:0; height:120px; background: url(nav-nest.png) top left no-repeat !important; background: url(nav-nest.gif) top left no-repeat; } #Navigation ul#nav li ul#subnavP { margin:-10px 0 0 0; padding:0; height:120px; background: url(nav-nest.png) top left no-repeat !important; background: url(nav-nest.gif) top left no-repeat; } #Navigation ul#nav li ul#subnavP li { margin:14px 0 8px 15px !important; margin:14px 0 8px 8px; padding:0; } #Navigation ul#nav li ul#subnavP li a{ height:10px; font-size:1.2em; margin:0; padding:0; background-image: none !important; } #Navigation ul#nav li ul#subnavP li a:hover{ background-image: none; } #Navigation ul#nav li ul#subnavP li#Nav-Products-NecklacesEarrings{ margin-bottom:18px !important; margin-bottom:2px ; } #Navigation ul#nav li ul#subnavP li#Nav-Products-PendantsEarrings{ margin-bottom:24px !important; margin-bottom:2px ; } #Navigation ul#Nav-Onlinecatalog2 a { width: 116px; margin: 0px 0px 0px 0px; background: url(nav-oc-b.jpg) top center no-repeat; } #Navigation span { display: none; } /* =GOOGLE SEARCH */ #GoogleSearch { position: absolute; top: 45px; right: 0px; width: 250px; height: 94px; margin: 0px; padding: 10px 0 0 0; color: #F3F3F3; background: url("header-r.jpg") no-repeat 220px 0; display: block; text-align:left; } #GoogleSearch h2 { margin: 0px 0px 2px 0px; padding: 0px; font-size: 1em; letter-spacing: .1em; } #GoogleSearch input.Field { width: 150px; height: 16px; margin: 0px 0px 5px 0px; padding: 2px 4px 0px 4px; font-size: 1em; line-height:1em; background: url(form-fld.gif) #FFF top center repeat-x; border: 1px solid #22222C; } #GoogleSearch input.GoogleSearchButton { float: left; width: 47px; height: 20px; margin: 1px 0px 5px 0px; padding: 0px 0px 0px 5px; display: inline; } #GoogleSearch span { margin: 0px; padding: 0px 5px 0px 0px; font-family: Arial, sans-serif; font-size: 1em; } #GoogleSearch .Radio { margin: 0px 2px -2px 0px; font-family: Arial, sans-serif; font-size: 1em; } #GoogleSearch form{ display:inline; } /* =KITCO STOCK */ #KitcoStock { position: absolute; top: 20px; left: 0px; width: 710px; margin: 0px; padding: 0px; font-family: Arial, sans-serif; font-size: 1em; text-align: right; color: #55555f; } #KitcoStock h2 { display: none; } #KitcoStock div { padding: 0px 0px 0px 8px; display: inline; } #KitcoStock span.StockUp { color: #060; } #KitcoStock span.StockDown { color: #C00; } /* =GALLERY */ /* gallery container and items */ #Gallery { float: left; width: 100%; margin: 10px 0px 20px 13px; padding: 0px; } #Gallery a span { float: left; width: 220px; height: 170px; margin: 0px 7px 0px 0px; padding: 0px; display: inline; background: url(glry-thm.jpg) top center no-repeat; cursor:pointer; } #Gallery a:hover span { background: url(glry-thm.jpg) bottom center no-repeat; } #Gallery img { width: 200px; height: 150px; margin: 3px 0px 0px 3px; padding: 0px; border-width: 0px; } /* gallery page selection */ #GalleryPageSelectionTop { position: absolute; top: 35px; right: 44px; margin: 0px; padding: 0px; display: block; } #GalleryPageSelectionTop strong, #GalleryPageSelectionTop span #GalleryPageSelectionTop { position: absolute; top: 35px; right: 44px; margin: 0px; padding: 0px; display: block; } #GalleryPageSelectionTop strong, #GalleryPageSelectionTop span { display: none; } #GalleryPageSelectionTop em { float: left; width: 22px; height: 22px; margin: 0px 3px; padding: 0px; font-family: Arial, sans-serif; font-size: 1.2em; font-weight: bold; font-style: normal; text-align: center; vertical-align: middle; background: url(glry-pag.gif) top center no-repeat; color: #777781; display: inline; } #GalleryPageSelectionTop a em { color: #22222C; } #GalleryPageSelectionTop a:hover em { color: #777781; cursor:pointer; } #GalleryPageSelectionTop img { float: left; width: 14px; height: 22px; margin: 0px 3px; padding: 0px; display: inline; border:none; } span { display: none; } #GalleryPageSelectionBottom { float: right; margin: 0px; padding: 0px; } #GalleryPageSelectionBottom strong, #GalleryPageSelectionBottom span { display: none; } #GalleryPageSelectionBottom em { float: left; width: 22px; height: 22px; margin: 0px 3px; padding: 0px; font-family: Arial, sans-serif; font-size: 1.2em; font-weight: bold; font-style: normal; text-align: center; vertical-align: middle; background: url(glry-pag.gif) top center no-repeat; color: #777781; display: inline; } #GalleryPageSelectionBottom a em { color: #22222C; } #GalleryPageSelectionBottom a:hover em { color: #777781; } #GalleryPageSelectionBottom img { float: left; width: 14px; height: 22px; margin: 0px 3px; padding: 0px; display: inline; border:none; } /* =FOOTER */ #Footer { position: relative; width: 100%; margin: 0px; padding: 45px 0px 30px 0px; text-align: center; background: url("footer-l.jpg") no-repeat 0 0; clear: both; } #Footer span#corner{ position: absolute; top: 0; right: 0; display:block; background: url("footer-r.jpg") no-repeat 3px 0; width: 40px; height: 30px; } #Footer small { margin: 0px; padding: 0px; font-size: 1.2em; line-height: 1.6em; color: #9999A3; } /* =HOME */ #Home #contentbody{ margin: 0 auto; width:800px; } #Home #WelcomeMessage { float:left; width:300px; } #Home #WelcomeMessage h1 { height:55px; margin:13px 0 0 -60px; background: url("home-hdr.gif") no-repeat 0 0; } #Home #WelcomeMessage p{ margin: 0 0 0 -60px; } #Home #Content #Illustration { float:left; width: 430px; height: 310px; margin:0px 0 0 10px; background: #f3f3f5 url(home-ill.jpg) top center no-repeat; } #flashintro { margin: 0 auto; background-color: #f3f3f5; width:800px; height:150px; } #view_our_latest_designs { float:left; margin:0 0 0 50px; height:40px; width:230px; background-color: #f3f3f5; } #jewelry-flash { float:left; margin:0 0 0 10px; height:289px; width:443px; background: #f3f3f5 url(serialsilver.jpg) top center no-repeat; } #Home #WelcomeMessage strong.LatestDesignsBarker { } #Home #WelcomeMessage strong.LatestDesignsBarker span { display: none; } /* =LATEST DESIGNS */ #LatestDesigns h1 { background: url(late-hdr.gif) no-repeat 13px 0; } /* =PRODUCTS */ #Products-Bracelets h1 { background: url(prod-bra.gif) no-repeat 13px 0; } #Products-Earrings h1 { background: url(prod-ear.gif) no-repeat 13px 0 ; } #Products-Pendants h1 { background: url(prod-pen.gif) no-repeat 13px 0; } #Products-Necklaces-Earrings h1 { background: url(prod-nec.gif) no-repeat 13px 0; } #Products-Pendants-Earrings h1 { background: url(prod-pen.gif) no-repeat 13px 0; } #Products-Rings h1 { background: url(prod-rin.gif) no-repeat 0 0; } /* =ABOUT */ #About #contentbody{ margin: 0 auto; width:660px; } #About h1 { background: url(abou-hdr.gif) top left no-repeat; } #About #tgjta { margin: 0 0 0 50px; } #About #tgjta img { padding: 0 ; border:none; } #About #tgjta p{ font-size: .9em; } #About #tgjta img#thm{ margin: 0 0 0 30px; } #About #tgjta img#alibabaimg{ margin: 0 0 0 130px; } /* =CONTACT */ #Contact #contentbody{ margin: 0 auto; width:460px; } #Contact fieldset { border:none; } p#errormessage { margin: 10px 0 20px 175px; color:red; } #tif { float:right; width: 250px; height: 250px; margin:-230px 0px 0px 210px; background: #f3f3f5 url(tiffany.gif) top right no-repeat; } #Contact span em { position:relative; top:5px; left:2px; color:red; font-size:1.6em; } #Contact h1 { background: url(cont-hdr.gif) top left no-repeat; } /* =ADDLINK */ #AddLink #contentbody{ margin: 0 auto; width:500px; } #AddLink h1 { background: url(add-link.gif) top left no-repeat; } #AddLink fieldset { border:none; } /* =LINKS */ #Links h1 { background: url(link-hdr.gif) top left no-repeat; } /* =Login */ #Login #contentbody{ margin: 0 auto; width:500px; } #Login h1 { background: url(cata-hdr.gif) top left no-repeat; } #Login h1#LoginAccount { background: url("certlogi.gif") top left no-repeat; } #Login a { text-decoration: none; color: #22222c; font-weight:bold; } #Login a:hover { text-decoration: none; color: #55555f; font-weight:bold; } #Login #authorisationform { margin:0 0 130px 0; padding: 0 0 0 0; } /* =Apply */ #Apply h1 { background: url(auth-hdr.gif) top left no-repeat; } #LinkInfo{ float:left; width: 400px; } #LinkInfo .info{ float:left; width:100px; } #LinkInfo .values{ float:right; width: 300px; } .Reciprocal_highlighting{ margin:0 0 0 0; color:red; font-weight:bold; font-size:.72em; } #Reciprocal_input_text{ color:red; } #AddLink #reciprocallink{ background-color:#FFFFA0;} #upload_image { list-style: none; } .true_picture { color:green; } .false_picture { color:red; } #notice_authorization_code { color:#E31441; font-size:1.6em; } #requestAuthCode{ font-size:1.4em; } #loginadvise { float:left; width:400px; } #popupwindow { text-align:center; } #notice_authorization_code p a{ color:#2749DE; font-size:.7em; font-weight:bold; text-decoration:none; } #notice_authorization_code p a:hover{ color:#69AFFF; font-size:.7em; font-weight:bold; text-decoration:none; } #onlinecatalog_img { width:1000px; height:545px; background: url(online_c.jpg) top center no-repeat; } #onlinecatalog_img a{ display:block; width:1000px; height:545px; } #noticeOnline { position:absolute; top:10px; left:260px; color:#E31441; font-family:Sans-serif; font-size:1.6em; } #noticeOnline2 { color:#000; margin:0 0 0 10px; width:250px; font-weight:bold; font-size:1em; } #noticeOnline2 a{ color:#000; } #noticeOnline2 a:hover{ color:green; } #b2bonly { position:absolute; top:30px; right:100px; } .preloader { position:absolute; top:-10px; left:-1000px; width:1px; height:1px; } /* =SuckerfishSon */ #nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; } #nav a { display: block; width: 10em; } #nav li { /* all list items */ float: left; width: 10em; /* width needed or else Opera goes nuts */ } #nav li ul { /* second-level lists */ position: absolute; background: orange; width: 10em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; } .popupimages { display:inline; } #languageSelection { background-color:red; margin:0 0 0 -20px; } #languageSelection ul li{ float:left; margin: 0 0 0 6px; list-style:none; width:20px; } #languageSelection a img { border:none; } #languageSelector2 ul li { margin: 0 0 0 6px; list-style:none; float:left; } #languageSelector2 a img { border:none; }