/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img, label {margin: 0px; padding: 0px; list-style:none} img {border: none} table, tr, td, th {/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse}/* sets declarations for all tables throughout the site */ table th {text-align: left; speak-header: always} th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited {color:#0e6386; text-decoration:underline;} a:hover, a:active {color:#5fceea; text-decoration:none;} input, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333} label {cursor:pointer} /* Set html & body --------------------------------------------------*/ html {width:100%;} body {position:relative; width:100%; min-width: 750px; margin:0 auto; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; background:url(../images/bkg_body.jpg) repeat-x #FFF;} #container {position:relative; width:750px; min-height:300px; left:0px; right:0px; margin:0 auto; padding:0px; z-index:1;} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position: relative; width:750px; height: 134px; margin:0px; padding:0px;} #branding h1 {position:absolute; left:-9997px;} #branding cite {position: absolute; left: 209px; top: 50px; font-size: 12px; font-style: normal; margin: 0px; padding: 0px} #logo {position:relative; left:23px; top:19px; width:690px;} #branding ol li.noline, #siteinfo ul li.noline {border: 0px; margin: 0px; padding: 0px} /*Main Navigation*/ #nav {margin:0px; padding:0px; width:750px;} #nav h2 {position: absolute; left:-8999px;} #nav ul {position: absolute; top: 115px; left: 18px; right:0px; width: 710px; height: 9px;} #nav ul li {display:block; float:left;} #nav li a {display:block} * html a:hover {visibility:visible} #branding li a:hover img {visibility:hidden} #nav_home {width: 34px; height: 9px; background:url(../images/nav_home_o.gif) no-repeat; margin:0px 19px 0px 0px;} #nav_about {width: 90px; height: 9px; background:url(../images/nav_about_o.gif) no-repeat; margin:0px 19px 0px 0px;} #nav_products {width: 60px; height: 9px; background:url(../images/nav_products_o.gif) no-repeat; margin:0px 19px 0px 0px;} #nav_buying {width: 115px; height: 9px; background:url(../images/nav_buying_o.gif) no-repeat; margin:0px 19px 0px 0px;} #nav_services {width: 56px; height: 9px; background:url(../images/nav_services_o.gif) no-repeat; margin:0px 19px 0px 0px;} #nav_contact {width: 53px; height: 9px; background:url(../images/nav_contact_o.gif) no-repeat; margin:0px 19px 0px 0px;} #nav_join {width: 91px; height: 9px; background:url(../images/nav_join_o.gif) no-repeat; margin:0px 19px 0px 0px;} #nav_mailing {width: 78px; height: 9px; background:url(../images/nav_mailing_o.gif) no-repeat;} #nav li#nav_help a:hover img {visibility:visible} #home_pg #nav_home img, #about_pg #nav_about img, #products_pg #nav_products img, #buying_pg #nav_buying img, #four_pg #nav_buying img, #services_pg #nav_services img, #join_pg #nav_join img, #mailing_pg #nav_mailing img, #contact_pg #nav_contact img {visibility: hidden} /*Sub Navigation*/ #nav_sub {position:absolute; top:86px; right:20px;} /* Dropdown Menu container --------------------------------------------------*/ table.menu {position: absolute; z-index: 5000; border: 1px solid #858585; cursor: pointer; visibility: hidden;/* Don't change this */} /* Dropdown Individual menu cells --------------------------------------------------*/ table.menu td {z-index: 1000; color: #858585;/* Must be the same as tdColor in the menu_script.js */ background-color: #FFF; /* Must be the same as tdBgColor in the menu_script.js */ border-top: none; padding: 5px 8px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; white-space: nowrap;} /* CONTENT & FORMATTING ---------------------------------------------------*/ #page_title {width:695px; margin:0px 0px 0px 20px;} #content {position:relative; width:680px; margin:0px; padding:0px 35px 15px 35px; background:url(../images/img_scroll.gif) no-repeat bottom right;} #content h2 span {color:#0e6386;} #services_pg #content {position:relative; width:680px; margin:0px; padding:0px 35px 100px 35px; background:url(../images/img_scroll.gif) no-repeat bottom right;} #content ul, #content ol {margin-top: 10px; margin-bottom: 10px} #content li {margin-bottom: 10px; margin-left: 20px} #content ul li {list-style: none} #content ol li {list-style: none} #content ol li ol li {list-style: none; margin-bottom: 5px} b, strong {color: #000} p {margin:0px 0px 10px 0px; line-height:18px} h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; color:#fff; background:#0e6386; width:695px; border-bottom:3px solid #5fceea; margin:30px 0px 0px 0px; padding:0px 0px 0px 15px;} h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; font-weight:normal; margin:24px 0px 13px 0px;} h3 {font-weight:bold; font-size:12px;} h4 {font-size:12px;} h5 {font-size:12px;} h6 {font-size:12px;} .blue {color:#0e6386;} .left_img {float:left; margin:0px 20px 0px 0px;} .right_img {float:right; margin:0px 0px 0px 20px;} .clear {clear: both;} .nobr {white-space: nowrap;} /* HOME CONTENT ---------------------------------------------------*/ #home_pg #content {position:relative; z-index:100; top:0px; width:750px; margin: 0px; padding:10px 0px; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:none; background-image:none;} #home_pg #content div {position:absolute; top:0px; left:165px; z-index:400; text-align:right; width:565px; padding:0px 20px 0px 0px;} #home_pg #content h1 {background:none; border-bottom:none; font-size:22px; color:#000; margin:0px 0px 0px 0px; padding:32px 0px 20px 0px; width:auto;} #home_pg #content h1 span {color:#0e6386;} #home_pg #content h2 {font-size:12px;} #home_pg #storelocator {position:relative; top:-140px; z-index:500;} #home_pg #storelocator h3 {position:absolute; top:28px; left:297px; z-index:600; width:338px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#FFF; font-weight:normal; line-height:22px;} #home_pg #storelocator h3 span {color:#5fceea;} #home_pg #storelocator #btn_location{position:absolute; top:77px; right:24px; z-index:700;} #home_pg #storelocator #btn_mountingEvent{position:absolute; top:87px; right:540px; z-index:700;} #home_pg #diamond_search {position:relative; z-index:500; top:-120px; background:url(../images/bkg_line.gif) no-repeat; width:485px; float:left; padding:0px 17px;} #home_pg #diamond_search img {float:left; padding:0px 10px 0px 0px;} #home_pg #diamond_search h2 {margin:0px 0px 10px 0px;} #home_pg #diamond_search h2 span {color:#0e6386;} #home_pg #diamond_search blockquote {clear:both; margin:0px 0px 0px 0px;} #home_pg #diamond_search blockquote h4{width:50px; color:#0e6386; font-weight:normal; font-size:29px; line-height:inherit; margin:0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; float:left; text-align:center;} #home_pg #diamond_search #second h4 {line-height:22px;} #home_pg #diamond_search blockquote p{float:left; width:420px;} #home_pg #diamond_search #go_btn_location{position:relative; z-index:600; left:380px; margin:-30px 0px 0px -10px;} #home_pg #vendors {position:relative; top:-120px; width:200px; float:left; padding:0px 18px 0px 12px; background:url(../images/line.gif) no-repeat top right;} #home_pg #vendors li {margin:0px 0px 12px 15px; clear:both;} #home_pg #vendors li img {margin:0px 10px 10px 0px; padding:0px; float:left;} #home_pg #vendors .go {margin:8px 10px 5px 0px; padding:0px; float:left;} #home_pg #vendors li .legacy {margin:0px 0px 0px 0px;} /* Specific Pages ---------------------------------------------------*/ #four_pg #content {width:710px; margin:0px; padding:0px 20px 15px 20px; background:none;} #four_pg #content h1 {margin:30px 0px 15px 0px;} #four_pg #content h2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:15px 0px 10px 15px;} #four_pg #content p {padding:0px 15px;} #four_pg #page_title {height:70px;} #four_pg #page_title h1 {font-size:24px; color:#000; background:none; width:auto; border-bottom:none; margin:0px; padding:30px 0px 0px 0px;} #four_pg #page_title h1 span {color:#0e6386;} #four_pg #page_title img {float:left; padding:10px 10px 0px 0px; margin:0px;} #four_pg #flashcontent2 {float:right;} #content form {padding:0px; margin:0px; position:relative;} #content form ol {list-style:none;} #content form ol li {clear:both; margin:5px 0px; padding:5px 0px; list-style:none} #content form ol li label {float:left; width:120px; margin:0px 10px 0px 0px; font-weight:bold;} #content form ol li label cite {color:#FF0000; font-style:normal; width:15px; font-weight:normal;} #content form ol li label span {font-size:10px; font-weight:normal;} #content form ol li input, #content form ol li select, #content form ol li textarea {width:170px; font-size:11px; font-family:Arial, Helvetica, sans-serif;} #content form ol li div input {width:auto; padding:0px 0px 0px 130px;} #content form ol h2 {margin:10px 0px 0px 0px;} #missing_pg #content {width:710px; margin:0px auto; padding:0px 20px 15px 20px; background:#FFF; border:2px solid #858585;} #ediamondselect_pg #content {padding:10px 20px; background:none; width:710px; margin:0px auto;} #ediamondselect_pg #content iframe {border:none;} #contact_pg #content {width:710px; margin:0px; padding:0px 20px 15px 20px; background:none;} #contact_pg #content #left {float:left; margin:0px 0px 0px 70px; width:200px;} #contact_pg #content #middle {float:left; margin:0px 0px 0px 20px; width:200px;} #contact_pg #content #right {float:left; width:160px;} #contact_pg #content #flashcontent {background:#000;} #buying_pg #content blockquote {float:left; padding:4px 0px; margin:0px;} #buying_pg #content blockquote h4 {float:left; clear:both; width:40px; color:#0e6386; font-weight:normal; font-size:29px; line-height:20px; margin:0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center;} #buying_pg #content #third h4 {line-height:32px;} #buying_pg #content blockquote p {float:left; width:600px;} #content_legacy {position:relative; padding:0px 35px 70px 18px; background:url(../images/img_scroll.gif) no-repeat bottom right;} #content_legacy p {width:680px; padding:0px 0px 0px 15px;} #content_legacy div p {width: auto; padding:0px 0px 0px 15px;} #page_title_legacy {width:695px; margin:0px 0px 29px 0px;} #page_title_legacy h1 {font-size:22px; font-weight:normal; color:#fff; background:#2b2a24; width:695px; border-bottom:3px solid #5d5d5c; margin:15px 0px 0px 0px; padding:5px 0px 5px 15px;} #content_legacy h2 {font-size:15px; font-weight:normal; font-style:italic; color:#010101; margin:20px 0px 0px 0px; padding:0px 0px 10px 15px;} #content_legacy h3 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #content_legacy h4 {margin:25px 0px 0px 15px; padding:0px;} /* SITE INFO (footer) ---------------------------------------------------*/ #site_info {width:710px; border-top:#7c7c7c 5px solid; color:#959595; font-size:10px; text-align:center; padding:10px 0px 25px 0px; margin:0px auto;} #home_pg #site_info {position:relative; z-index:2000; width:750px; top:-105px; height:20px; margin:0px auto; color:#959595; font-size:10px; text-align:center;} #site_info cite {font-style:normal} #site_info a:link, #site_info a:visited {color:#858585; text-decoration: none;} #site_info a:hover, #site_info a:active {color:#858585; text-decoration: underline;}