/* CSS DESIGNED BY: JACOB LETT http://www.jacoblett.com MODIFIED BY: RICHARD SHERWOOD http://sokolitz.com COLORS: Dark Gray: #52575B Red: #98012e Light blue: #a1c6d2 Blue text: #0088CC #0088CC /* - - - - - - - RESET - - - - - - -*/ html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;} /* - - - - - - - TYPOGRAPHY - - - - - - -*/ @font-face{font-family:Eurostile;src:url("type/Eurostile.eot") /* EOT file for IE >> http://www.kirsle.net/wizards/ttf2eot.cgi */} @font-face{font-family:Eurostile;src:url("type/Eurostile.ttf") /* TTF file for CSS3 browsers */} @font-face{font-family:Nuptual;src:url("type/Nuptial_BT.eot") /* EOT file for IE >> http://www.kirsle.net/wizards/ttf2eot.cgi */} @font-face{font-family:Nuptual;src:url("type/Nuptial_BT.ttf") /* TTF file for CSS3 browsers */} html{min-height:100%;margin-bottom:1px;/*Eliminates the vertical scrollbar page shift*/} body{font-size:62.5%;color:#52575B;font-family:Arial,“Helvetica Neue”,Helvetica,sans-serif;} h1{} h2{} h3{font-size:1.6em;line-height:1.2em;margin-bottom:0;font-weight:bold;margin-top:1em;} h4{} h5{} p, td{font-size:1.3em;line-height:1.6em;margin-bottom:1em;} li{font-size:1.3em;line-height:1.6em;} address{font-size:1.3em;line-height:1.5em;margin-bottom:1em;} a{text-decoration:none;color:#0088CC;} a:hover{text-decoration:underline;} a:hover img {text-decoration:none!important;border:none;} h2{font-family:Baskerville,Times,“Times New Roman”,serif;font-style:italic;font-size:2.5em;/*font-family:"Nuptual",Georgia;font-size:3.1em;*/ color:#98012e;margin-bottom:.2em;} h4{font-family:Baskerville,Times,“Times New Roman”,serif;font-style:italic;font-size:1.6em;line-height:1.4em; margin-bottom:.2em;} table td, tr, th {vertical-align:middle!important;} b{font-weight:bold;} #main-nav li a,label{font-family:"Eurostile",arial;font-size:15px;text-transform:uppercase;text-decoration:none;color:#52575B;} #ViewerData {position:relative;} .caption {font-size:1.1em;line-height:1.6em;margin-bottom:1em;position:relative;margin-top:-20px;} .latest-news { background-color:#FAFDFE; margin-top:20px; margin-bottom:25px; padding:0px 0 0 0; text-align:left; width:460px; margin-top:20px; overflow: hidden; } #freepLink {margin:20px 20%;} .latest-news {font-size:13px;} .latest-news span{font-family:"Eurostile",arial;text-transform:uppercase;font-size:18px;display: block;padding:5px 0 0 0; } .latest-news,.latest-news a{line-height:1.6em;} .featured-content a, #latest-news a {font-weight:bold;} /* - - - - - - - UTILITY CLASSES - - - - - - -*/ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .float-left{float:left;} .float-right{float:right;} /* Cross-browser Inline Block */ .inline-block{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;} .center-text{text-align:center;} .left-text{text-align:left;} .right-text{text-align:right;} #div1, #div2, #div3 {display:none;} .awardDesc h2 span {font-size:.7em;} .awardDesc {margin-bottom:10px;} /* - - - - - - - NAVIGATION - - - - - - -*/ #main-nav{margin:0;padding:0;display:block;width:1024px;text-align:center;position:relative;} #main-nav li{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;height:37px;padding:0 10px;position:relative;} #main-nav .over-cap{position:absolute;right:0;top:0;width:25px;height:37px;} /* ACTIVE LINKS */ #collections .collections,#bongiorno-family .bongiorno-family,#jewelers-bench .jewelers-bench, #collections .collections,#before-after .before-after,#masterpieces .masterpieces,#awards .awards,#services .services, #collections .collections,#wish-list .wish-list,#lexi-beads .lexi-beads, #certificates .certificates,#contact .contact, .collections:hover,.bongiorno-family:hover,.jewelers-bench:hover,.home:hover, .collections:hover,.before-after:hover,.masterpieces:hover,.awards:hover,.services:hover, .collections:hover,.wish-list:hover,.lexi-beads:hover, .certificates:hover,.contact:hover{background:url(../img/over.jpg) no-repeat scroll 0 0;} #collections .collections a,#bongiorno-family .bongiorno-family a,#jewelers-bench .jewelers-bench a, #collections .collections a,#before-after .before-after a,#masterpieces .masterpieces a,#awards .awards a,#services .services a, #collections .collections a,#wish-list .wish-list a,#lexi-beads .lexi-beads a, #certificates .certificates a,#contact .contact a{color:#0088CC;} /* ACTIVE LINKS */ #collections .collections .over-cap,#bongiorno-family .bongiorno-family .over-cap,#jewelers-bench .jewelers-bench .over-cap, #collections .collections .over-cap,#before-after .before-after .over-cap,#masterpieces .masterpieces .over-cap,#awards .awards .over-cap,#services .services .over-cap, #collections .collections .over-cap,#wish-list .wish-list .over-cap,#lexi-beads .lexi-beads .over-cap, #certificates .certificates .over-cap,#contact .contact .over-cap,.home:hover .over-cap, .collections:hover .over-cap,.bongiorno-family:hover .over-cap,.jewelers-bench:hover .over-cap, .collections:hover .over-cap,.before-after:hover .over-cap,.masterpieces:hover .over-cap,.awards:hover .over-cap,.services:hover .over-cap, .collections:hover .over-cap,.wish-list:hover .over-cap,.lexi-beads:hover .over-cap, .certificates:hover .over-cap,.contact:hover .over-cap{background:url(../img/over-cap.jpg) no-repeat scroll 0 0;} #main-nav li a{display:block;line-height:37px;position:relative;z-index:2;padding:0 2px;} .collections{position:relative;} #collections-dropdown{padding:10px 5px 5px 15px;display:none;width:450px;height:140px;text-align:left;background:url(../img/featured.jpg) no-repeat scroll bottom right;margin:0 0 0 -140px;} #collections-dropdown li a{color:#0088CC;font-weight:bold;text-transform:none;font-size:11px;line-height:14px;font-family:Arial,“Helvetica Neue”,Helvetica,sans-serif;} .collections:hover #collections-dropdown{top:-150px;left:-10px;position:absolute;display:block;z-index:100;background-color:white;} #collections-dropdown li a:hover{color:#52575B !important;} #main-nav #collections-dropdown li{display:block;width:110px;height:30px;margin:0;padding:0;} .mulLines {display:block;position:relative;top:-6px;} #home .home {display:none;} /* horizontal position of each column */ .list1,.list2,.list3,.list4{float:left;} #carrot{color:#0088CC;padding-right:3px;position:relative;top:3px;display:none;} #awards a{color:#52575B;text-decoration:none;} /* - - - - - - - STRUCTURE - - - - - - -*/ html {background:url(../img/bckd-vert.jpg) repeat-y scroll bottom center;background-color:#fafdfe;} body {background-color:transparent;} #wrapper{width:960px;margin:0 auto;position:relative;background-color:white;} #content{position:relative;min-height:400px;height:auto !important;_height:400px;} /*.left-col{width:470px;}*/ .left-col{width:470px;float:left;} .right-col{width:470px;float:right;} /*Equal columns would be 470px for both*/ #footer{clear:both;height:50px;} .left-text p,.left-text h2{padding:0 30px;} #header{position:relative;height:150px;} #header2{position:relative;height:150px; display: block; margin-left: auto; margin-right: auto } #logo{position:absolute;right:30px;top:25px;display:block;width:444px;height:105px;text-indent:-9999px;background:url(../img/Alexander-Bongiorno.jpg) no-repeat scroll 0 0;} #logo a{display:block;width:100%;height:100%;outline:none;} #logo-home{position:absolute;right:10px;top:80px;display:block;width:498px;height:118px;text-indent:-9999px;background:url(../img/Alexander-Bongiorno-home.jpg) no-repeat scroll 0 0;} #logo-home a{display:block;width:100%;height:100%;outline:none;} .side-image{text-align:center;} #phone-number{font-family:"Eurostile",arial;font-size:16px;color:#0088CC;text-align:center;} #mList {font-weight:bold;font-size:13px;} #phone-number span{font-size:14px;} #footer-nav{text-align:center;color:#B3B3B3;margin-top:10px;font-size:8px;} #footer-nav li { display:block; float:left; text-align:center; width:33%; } #footer-nav li a {color: #0088CC!important;} #collections .featured-content{margin-top:50px;overflow:auto;} .featured-content{margin-top:110px;overflow:hidden;/*background:url(../img/featured.jpg) no-repeat scroll bottom right;*/ } .featured-product{margin-right:10px;float:left;width:134px;height:125px; display:inline;} .featured-text{width:280px;margin-left:160px;} #img-box {position: relative; float: left;} #collectionimg {border-top: 0px black solid; width:160px; height:100px; align: left } #collectionlogo {border-bottom: 1px #cacccb dotted; position: absolute; float: center; display:block; width:180px; top: 110px; left: 0px} .featured-text-collections {border-bottom: 0px black solid; padding:2px; left: 200px; position: relative; float: left; top: -100px} #collectviewlink { position: relative; float: center; display:block; left: 300px; border-bottom:1px #cacccb dotted; width: 94px } /* - - - - - - - Form styles - - - - - - -*/ label{display:block;position:relative;height:40px;} .field {position:absolute;right:0;border:none;width:310px!important;background:url(../img/input.jpg) no-repeat scroll 0 0;padding:8px 10px 5px 10px;margin-right:30px;} .fielddigits {position:absolute;right:0;border:none;width:200px!important;background:url(../img/input-sm.jpg) no-repeat scroll 0 0;padding:8px 10px 5px 10px;margin-right:30px;} .fieldstd {position:absolute;right:0;border:none;width:310px!important;background:url(../img/input.jpg) no-repeat scroll 0 0;padding:8px 10px 5px 10px;margin-right:30px;} #mc-embedded-subscribe-form label {height:20px;} .mc-field-group input[type="text"] {float:none!important;position:static!important;height:25px!important;display:block;width:330px!important; position:absolute;right:0;border:none; background:url(../img/input.jpg) no-repeat scroll 0 0;padding:3px 10px 3px 10px!important;margin-right:30px; font-size:1.3em; } .datefield input[type="text"] {width:35px!important;background:url(../img/input-date.jpg) no-repeat scroll 0 0;} #mc-embedded-subscribe-form .btn {font-size:14px;background-color:#79CC5D;color:white;font-weight:bold;padding:5px; border-radius: 8px; /* css3 */ -moz-border-radius: 8px; /* firefox */ -webkit-border-radius: 8px; /* safari/chrome */ -khtml-border-radius: 8px; /* konqueror */ } #mc-embedded-subscribe-form fieldset {border-top:5px solid #EEE;} .input-group label {font-family:Arial, "Helvetica Neue",Helvetica,sans-serif!important;font-weight:normal!important;text-transform:none;} .input-group input {height:25px;} .input-group {border:1px solid #E6E6E6;padding:10px!important;margin-right:100px!important;} .input-group-label {margin-bottom:0!important;} #mc-embedded-subscribe-form {width:60%;margin:0 auto;} .textarea{position:absolute;right:0;border:none;height:70px;width:310px;background:url(../img/textarea.jpg) no-repeat scroll 0 0;padding:8px 10px 5px 10px;margin-right:30px;overflow-y:auto;} #submit {right:0;margin-left:110px;border:1px solid #E6E6E6;} .button{border:none;height:30px;width:168px;/*background:url(../img/button.jpg) no-repeat scroll 0 0;*/position:relative;text-align:left;} .button a{font-size:1.2em;color:#0088CC;text-decoration:none;display:block;width:100%;height:100%;padding-left:0px;} .mailListBtn a {border:1px solid #E6E6E6;padding:5px 15px;display:block;width:200px;text-align:center;text-decoration:none!important;} .mailListBtn {margin:10px 0;} textarea{border:1px solid;position:absolute;right:0;width:400px;} #submit input, #mc-embedded-subscribe {border:none;background:none;width:100%;height:30px;line-height:30px;cursor:pointer;color:#0088CC;} #message-label{height:100px;} #mc-embedded-subscribe-form fieldset {padding-bottom:20px; } #mc-embedded-subscribe {border:1px solid #E6E6E6!important;padding:10px 18px !important;height:auto!important;} #mce-success-response {padding:10px!important;} #mce-responses {float:none!important;font-size:13px!important;} .mce_inline_error, .indicate-required, .note-required {color:red!important;} #mc_embed_signup {margin-bottom:30px;} /* - - - - - - - Awards - - - - - - -*/ .col{float:left;display:inline;} .col p{line-height:1.4em;} #awards .col:hover{filter:alpha(opacity=50);/* internet explorer */ -khtml-opacity:0.5;/* khtml,old safari */ -moz-opacity:0.5;/* mozilla,netscape */ opacity:0.5;/* fx,safari,opera */} #awards h2{font-size:2.5em;} .pad-right{padding-right:20px;} #store-hours li{display:block;} #store-hours li span{width:60px;font-size:10px;font-weight:bold;} #div-replace{text-align:left;} #div-replace p{font-size:1.2em;margin-bottom:0;} /* protofade */ #slider-container{position:absolute;top:0;left:0;} #slider-container{margin:0 auto 30px auto;} .slider-container{position:absolute;top:0;left:0;} .slider-container{margin:0 auto 30px auto;} #contact .side-image #protofade{height:300px;} #protofade,#lexi-fade{position:relative;margin:0;padding:0px;width:960px;height:580px;overflow:hidden;} #kabanaSlides {float:right;position:relative;margin:0;padding:0px;width:250px;height:200px;overflow:hidden;} #store-hours li{line-height:1.3em;} #protofade li, #kabanaSlides li{position:absolute;top:0;left:0;margin:0;padding:0;background:none;text-align:center;} .next,.previous,.start,.stop{cursor:pointer;display:block;margin:5px 15px 15px 15px;float:left;} /* end protofade */ #bongiorno-family #phone-number,#jewelers-bench #phone-number{top:70px;} #before-after #phone-number,#masterpieces #phone-number,#collections #phone-number{top:35px;} #collections .featured-text{margin-left:0;width:auto;} #masterpieces #Viewer {margin-top:0px;height:330px;} #masterpieces #Carousel2 { height:100px;margin-bottom:10px; } div#anatips_tip { border: 1px solid white; visibility: hidden; background-color: Silver; color:white; position: absolute; z-index: 100; padding: 3px; width:185px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; opacity: 0.9 } #event-info {margin-bottom:3em;} #addToBook #content {margin:20px 200px;} #addToBook .noVerticalMargin {list-style-type: decimal;}