/* Home Page CSS Document */ /* ==========================GENERIC STYLES=================================== */ body {background-color:#FFF; color:#686E71; font:normal 11px Arial, Helvetica, sans-serif; margin:0; padding:0; border:0;} table {width:100%; padding:0px; margin:0px; border:0px; vertical-align:top;} td {vertical-align:top;} img {border:0px;} p {padding:7px 0 10px 0; margin:0; border:0;} form {margin:0; padding:0; border:0;} .cleardiv {clear:left; overflow:hidden; height:1px;} .page_title {font: bold 1.2em Geaorgia, Times New Roman, sans-serif;color: #000;} /* ==========================MAIN DIVS=================================== */ #holder {width:786px; overflow:hidden; margin:0 auto 0 auto; padding:0; position:relative; text-align:left; font-size:1.1em;} /* ==========================SKIP STYLES=================================== */ ul#skip {margin:0; padding:0; border:0; list-style:none; position:absolute; top:0; left:-1000em; z-index:300; display:block;} ul#skip li {float:left; padding:0 5px 0 0;} ul#skip li a.skip_link {color:#000; font:normal 1.1em Arial, Helvetica, sans-serif; text-decoration:underline;} ul#skip li a.skip_link:hover {text-decoration:none;} /* ==========================LOGO STYLES=================================== */ #logo { } #logo a.logo_link {background:#FFF url(../images/static/logo.gif) no-repeat 0% 0%; width:786px; height:116px; display:block; margin:0; padding:0; } /* ==========================SUBNAVIGATION STYLES=================================== */ #subnavigation {position: absolute;left: 0;top: 371px;width: 178px;height: 276px;background: transparent url('../images/static/menu_exchange_bg.gif') no-repeat 0 0;z-index:2;} #subnavigation ul {list-style:none;margin:12px 0 0 0; padding:0;width: 170px;} #subnavigation ul li {margin: 0 0 0 4px;width: 162px;padding:2px 0 1px 8px;} #subnavigation ul li a.subnav {font: normal 11px Arial, Helvetica, sans-serif;padding-right: 15px;text-decoration: none;color:#000;background: transparent url('../images/static/next-arrow.gif') no-repeat right 4px;} #subnavigation ul li a.subnav:hover { text-decoration: underline} #subnavigation ul li a.subnav_article1 {display: block;position: relative;overflow: hidden;background: url('../images/static/btn_exchange.gif') no-repeat 4px top;width: 155px;height:53px;padding: 0;margin: 0;} #subnavigation ul li a.subnav_article1 span {position: relative;left: -200px;} #subnavigation ul li a.subnav_article1:hover {text-decoration: none;} #subnavigation ul li a.subnav_active {font: bold 11px Arial, Helvetica, sans-serif;text-decoration: none;color:#000;background: transparent url('../images/static/next-arrow.gif') no-repeat right 4px;padding-right: 15px;} #subnavigation ul li a.subnav_article2 {display: block;position: relative; top:3px;overflow: hidden;background: url('../images/static/btn_starCard.gif') no-repeat 4px top;width: 155px;height:61px;padding: 0;margin: 0;} #subnavigation ul li a.subnav_article2 span {position: relative;left: 7px; top:45px; color: #ffffff;} #subnavigation ul li a.subnav_article2:hover {text-decoration: none;} /* ==========================NAVIGATION STYLES=================================== */ #navigation {float: left;width: 177px;height: 253px;margin: 0;padding:0;background: #a7dde2 url('../images/static/menu_shadow_bg.gif') no-repeat left bottom;} #navigation ul { list-style:none;margin: 0; padding:0;width: 170px;} #navigation ul li {border-bottom: 1px solid #0097a5;margin: 0 0 0 4px;width: 162px;padding: 4px 0 3px 8px;} #navigation ul li a.starter {font: normal 11px Arial, Helvetica, sans-serif;text-decoration: none;color:#000;background: transparent url('../images/static/next-arrow.gif') no-repeat right 4px;padding-right: 15px;} #navigation ul li a.starter:hover { text-decoration: underline} #navigation ul li a.nav_active {font: bold 11px Arial, Helvetica, sans-serif;text-decoration: none;color:#000;background: transparent url('../images/static/next-arrow.gif') no-repeat right 4px;padding-right: 15px;} #navigation ul li.nav_li_1 {background: #fff;width: 162px; padding: 0 0 4px 8px;} #navigation .nav_li_last, #navigation .nav_li_30, #navigation .nav_li_31, #navigation .nav_li_32, #navigation .nav_li_33, #navigation .nav_li_34, #navigation .nav_li_35, #navigation .nav_li_36, #navigation .menu {display: none;} /* ==========================WELCOME/LOGOUT STYLES=================================== */ #logout_div {display: none; } #logout_div a.login_link {font: normal 1em Tahoma, Arial, Helvetica, sans-serif; color: #A34A6E; text-decoration: none; padding-left:10px;} #logout_div a.login_link:hover {color:#3989B5;} /* ==========================HOME PAGE CONTENT STYLES=================================== */ #main_body {padding:10px 5px 0 160px;margin: 0 0 0 22px;background:#F8F5F5 url('../images/static/body_bg.gif') no-repeat left top;border: 1px solid #EBE8E8;border-top: none;} #content {float: right;clear:right;width: 590px;} #content_p {} #content_p {/*position:absolute; background:transparent url(../images/static/home_body_header.jpg) no-repeat 0% 0%; width:565px; height:198px; left:149px; z-index:106; top:55px;*/} h2.ring_builder {width: 102px; height: 26px; background: url('../images/static/title_ring_builder.gif') no-repeat; } h2.ring_builder span {display: none;} #outer_frame_top {margin:0;padding:0;float: left; width:591px; height: 18px; background: url('../images/static/prod_bg_01.gif') no-repeat 0px 0px;} #outer_frame_content {margin:0;padding:0;float: left; width:589px; min-height: 150px; background: url('../images/static/prod_bg_02.gif') repeat-y -1px 0px;} #outer_frame_bottom {margin:0;padding:0;float: left; width:590px; height: 8px; background: url('../images/static/prod_bg_03.gif') no-repeat -1px 0px;} #inner_frame {display: inline;float: left; width:564px; min-height: 200px; background: #FFF url('../images/static/outer_frame_bg.gif') repeat-x 0px 0px;margin: 0 3px; padding: 10px 10px; font-size: 1.1em;} #choose_diamond_frame {display: inline; float: left; width: 280px; height: 157px; background: url('../images/static/choose_diamond_frame_bg.gif') no-repeat 0px 0px; margin: 0 10px 10px 0;} #choose_diamond_frame_rings {float: left; width: 280px; height: 130px; background: url('../images/static/choose_diamond_frame_rings.jpg') no-repeat 20px 50px;} #choose_diamond_frame a {float: right; margin: 5px 10px 2px 10px;padding: 0 12px 0 0;background: url('../images/static/next-arrow.gif') no-repeat center right;color: #000;} #choose_diamond_frame a:hover {text-decoration: none;} a {text-decoration: none;font:normal 11px Arial, serif;color:#686E71;} a:hover {text-decoration: underline;} /* ==========================static pages=================================== */ #main_body img {display: block;margin: auto;} p {font: normal 11px Arial, Helvetica, serif;color:#686E71;padding: 10px;} p img {float: left;padding-right: 10px;} #list {width: 230px;float: left;padding-left: 20px;} #list li {list-style-type: disc;} acronym {font-weight: bold;border: none;} .gia {font-weight: bold;color: #299DA8;} .info_hold {margin: auto; min-height:170px;display: table; width: 485px;text-align: center;} .info_hold img {float: left;} .info_hold ul {list-style-type: none;float: left;margin:0;padding:0;} .info_hold ul li {list-style-type: none;width:155px;text-align: left;height: 20px; } .info_hold ul li input {display: block;float: left; } .border {border: 1px solid #299DA8;} .img_info {padding: 5px;text-align: center;float: left;width: 165px;margin: 0 10px;} .img_info2 {padding: 5px;text-align: center;float: left;width: 165px;margin: 0 10px;} .img_info3 {padding: 5px 5px 5px 0;text-align: center;float: left;width: 230px;margin: 0 10px;} .img_info4 {padding: 5px;text-align: left;float: left;width: 170px;margin: 0 10px;} .img_info5 {width: 250px;float: left;margin:10px;padding: 5px;} .img_info6 {width: 250px;float: right;margin:10px;padding: 5px;} .img_info4 ul { margin:0;padding:0;} a.link {text-decoration: none;background: transparent url('../images/static/next-arrow.gif') no-repeat right 5px;padding-right: 15px;font:bold 12px Arial, serif;color:#299DA8;margin-left: 15px;} a.link:hover {text-decoration: underline;} a.previous {text-decoration: none;background: transparent url('../images/static/previous-arrow.gif') no-repeat left 5px;padding-left: 15px;font:bold 12px Arial, serif;color:#299DA8;margin-left: 15px;} a.previous:hover {text-decoration: underline;} /* ==========================headings=================================== */ h1 {height: 35px;font: bold 2.1em Georgia, Times New Roman, sans-serif;color: #000;margin: 10px;} h2 {font: bold 1.9em Georgia, Times New Roman, sans-serif;color: #000;margin: 10px;} h3 {height: 35px;background: url('../images/static/prod_line.gif') repeat-x left bottom;font: bold 1.3em Georgia, Times New Roman, sans-serif;color: #000;margin: 10px;} h4 {height: 35px;background: url('../images/static/prod_line.gif') repeat-x left bottom;font-weight: bold;color: #000;margin: 10px;} /* ==========================MINIMUM HEIGHT STYLES=================================== */ .prop {float:right; width:1px;} .prop_clear {clear:both; min-height:1px; padding-top:10px;} /*=================================STEP========================================= */ #step {background: url('../images/static/step_bg.gif') no-repeat top left;width: 592px;height: 136px;padding: 0;} #step ul {padding: 15px 0 0 0;list-style-type: none;display: block;width: 592px;margin: 0;} #step ul li {display: block;list-style-type: none; float:left;margin: 6px;padding: 0;position: realtive;} #step ul li.step_diamond_01 {background: url(../images/static/step_02.gif) no-repeat;width: 180px;height: 110px;} #step ul li.step_diamond_02 {background: url(../images/static/step_01.gif) no-repeat;width: 180px;height: 110px;} #step ul li.step_setting_01 {background: url(../images/static/step_02.gif) no-repeat;width: 180px;height: 110px;} #step ul li.step_setting_02 {background: url(../images/static/step_01.gif) no-repeat;width: 180px;height: 110px;} #step ul li.step_ring_01 {background: url(../images/static/step_03.gif) no-repeat;width: 180px;height: 110px;} #step ul li.step_ring_02 {background: url(../images/static/step_04.gif) no-repeat;width: 180px;height: 110px;} #step ul li h2.title {font: bold 13px Georgia, Times New Roman, sans-serif;color: #fff;text-align: center;width: 170px;margin:5px 0 0 0;} #step ul li img {display:block;margin:5px auto;padding: 0;} #step ul li div {} #step ul li a.link1a {float:left;display:block;font: normal 11px Arial, Helvetica, sans-serif;text-decoration: underline;color:#000;background: transparent url('../images/static/next-arrow.gif') no-repeat right 4px;padding-right: 15px;margin-left: 15px;} #step ul li a.link2a {float: right;display:block;font: normal 11px Arial, Helvetica, sans-serif;text-decoration: underline;color:#000;background: transparent url('../images/static/next-arrow.gif') no-repeat right 4px;padding-right: 15px;margin-right: 20px;} #step ul li a.link1b {display: none;} #step ul li a.link2b {display: none;} #step ul li a.link1:hover, #step ul li a.link2:hover {text-decoration: none;} /* #search_diamond #step ul li.step_setting_01 div, #search_diamond #step ul li.step_ring_01 div {display: none;} #search_result #step ul li.step_setting_01 div, #search_result #step ul li.step_ring_01 div {display: none;} */ /* =========================Products=================================== */ #product_details {background: #fff url('../images/static/prod_bg_02.gif') repeat-y left bottom;padding: 0;width: 590px;} .window {background: transparent url('../images/static/prod_bg_02.gif') repeat-y left bottom;padding: 0;width: 590px;} .window p {margin: 15px;} .description {width: 250px;float: left;margin:10px 10px 10px 15px;} .description dl { margin: 0 10px 20px 10px ;} .description p {width: 250px;text-align: center;padding: 0;margin:0;color: #000;} #ring_detail_page .description {width: 250px;text-align: left;padding: 0 0 0 10px;} #ring_detail_page .description p {text-align: left;} dl { width: 250px; float: left; color: #000; font:normal 11px Arial, Helvetica, sans-serif; border-top: 1px solid #eee; display: inline; } dt { margin: 0; padding: 3px 0 3px 5px; height: 15px; border-bottom: 1px solid #eee; width: 118px; float: left; } dd { padding:3px 0 3px 5px; border-bottom: 1px solid #dfe5e9; height: 15px; } dl#left {margin-left: 15px;} dl#left dt {border-right: 1px solid #dfe5e9; background-color:#E4F4F4;} dl#right dt {border-left: 1px solid #dfe5e9; border-right: 1px solid #dfe5e9;} dl a {color: #3BA5B0;text-decoration: underline;font-weight: bold;} dl a:hover {text-decoration: none;} .prod_header_bg_01 {background: transparent url('../images/static/prod_bg_01.gif') no-repeat left top;padding: 0;width: 590px;font-size:6px;height: 15px;} .prod_header_bg_02 {background: transparent url('../images/static/prod_bg_06.gif') no-repeat left top;padding: 0;width: 590px;font-size:6px;height: 8px;} .prod_bottom_bg_01 {background: transparent url('../images/static/prod_bg_03.gif') no-repeat left bottom;padding: 0;width: 590px;height: 8px;font-size:6px;clear: both;} .prod_bottom_bg_02 {background: transparent url('../images/static/prod_bg_05.gif') no-repeat left bottom;padding: 0;width: 590px;height: 15px;font-size:6px;clear: both;} .prod_bottom_bg_03 {background: transparent url('../images/static/prod_bg_04.gif') no-repeat left bottom;padding: 0;width: 590px;height: 15px;font-size:6px;clear: both;} .ring {width: 250px;float: left;margin:10px 10px 10px 20px;padding: 0;} .diamond {width: 250px;float: left;margin:10px 10px 10px 0;padding: 0;} .ring img, .diamond img {border: 1px solid #2199A5;} .ring p, .diamond p {width: 250px;float: left;font-weight: bold;color: #000;height: 55px;padding:0;} p.total {color: #686E71;font-size: 12px;font-weight: bold;text-align: right;width: 100px;margin:0 auto;} p.total strong {float: left;} p.info {color:#3BA5B0;font-size: 12px;} .shadow {clear:both;width: 584px;height: 22px;background: url('../images/static/prod_shadow.gif') no-repeat;margin:0 0 0 4px;} #compare div {background: #fff url('../images/static/prod_bg_02.gif') repeat-y left bottom;padding: 0px 0px 0px 30px; width: 590px;} .back {float: right;font: normal 12px Arial, Helvetica, sans-serif;background: transparent url('../images/static/next-arrow.gif') no-repeat right 4px; width: 400px; padding-right:15px; text-align:right; margin-right:10px;} .back a {color: #3BA5B0;text-decoration: underline;font-weight: bold;} .grey {background-color: #F6F4F5;} .blue {background-color: #F6FCFC;} .blue_grey {background-color:#EFF3F4;} .white {background-color:#fff;} dl#left .header_title, dl#right .header_title {background:#a7dce2;} .header_title strong {font: bold 11px Arial, Helvetica, sans-serif; background: transparent url('../images/static/next-arrow.gif') no-repeat right; margin-right:2px; padding-right:15px;} select.size {width: 120px;} /* ==========================SEARCH SETTINGS=================================== */ #search {background: transparent;padding: 0;width: 590px;margin: 0;} .search_option {background: #fff url('../images/static/prod_bg_02.gif') repeat-y left bottom;padding: 0;width: 590px;} .search_option div.head {height: 24px;background: url('../images/static/prod_line.gif') repeat-x left bottom;font-weight: bold;color: #000;margin: 10px;width: 570px;} .search_option div.head h3 {padding: 3px 5px 0 30px;font:bold 16px Georgia, Times New Roman, sans-serif;} .search_option div.head a.question {float: right;font: bold 12px Arial, serif;color:#C60001;text-decoration: none;} #s01 div.head h3 {background: transparent url('../images/static/hx_01.gif') no-repeat 0 0;} #s02 div.head h3 {background: transparent url('../images/static/hx_02.gif') no-repeat 0 0;} #s03 div.head h3 {background: transparent url('../images/static/hx_03.gif') no-repeat 0 0;} #s04 div.head h3 {background: transparent url('../images/static/hx_04.gif') no-repeat 0 0;} #s05 div.head h3 {background: transparent url('../images/static/hx_05.gif') no-repeat 0 0;} #s06 div.head h3 {background: transparent url('../images/static/hx_06.gif') no-repeat 0 0;} #s07 div.head h3 {background: transparent url('../images/static/hx_07.gif') no-repeat 0 0;} #s01 .shape label {display: block;margin: auto;} #s03 label {margin: 0 5px 0 15px;} #s03 input {width: 70px;} .shape {float: left;width: 64px; height: 80px;margin: 20px;text-align: center;} .metal {float: left;width: 115px; height: 40px;text-align: center;font: lighter 10px Arial, serif;} .r_type {float: left;width: 175px; min-height: 160px;margin: 5px 0 5px 13px;text-align: center;font: lighter 10px Arial, serif;} .metal strong, .r_type strong {display: block;} ul#carat {list-style-type: none;margin: 0 0 10px 15px;padding:0;} ul#carat li {float: left; display: block; width: 55px;font-weight: normal;min-height: 70px;text-align: center;margin-bottom: 10px;} ul#carat li strong {font-weight: lighter;height: 65px;display: block;text-align: center;} ul#carat li.restricted {border-top: 1px solid #3DA9B5;border-bottom: 1px solid #3DA9B5;color: #3DA9B5;} ul#carat li.left {border: 1px solid #3DA9B5;border-right:none;} ul#carat li.right {border: 1px solid #3DA9B5;border-left:none;} #ct01 strong {background: url('../images/static/ct_01.gif') no-repeat left 15px;} #ct02 strong {background: url('../images/static/ct_02.gif') no-repeat left 15px;} #ct03 strong {background: url('../images/static/ct_03.gif') no-repeat left 15px;} #ct04 strong {background: url('../images/static/ct_04.gif') no-repeat left 15px;} #ct05 strong {background: url('../images/static/ct_05.gif') no-repeat left 15px;} #ct06 strong {background: url('../images/static/ct_06.gif') no-repeat left 15px;} #ct07 strong {background: url('../images/static/ct_07.gif') no-repeat left 15px;} #ct08 strong {background: url('../images/static/ct_08.gif') no-repeat left 15px;} #ct09 strong {background: url('../images/static/ct_09.gif') no-repeat left 15px;} #ct10 strong {background: url('../images/static/ct_10.gif') no-repeat left 15px;} .metal3 {border: 1px solid #3DA9B5; border-right: none;} .metal4 {border: 1px solid #3DA9B5;border-left: none; border-right: none;} .metal5 {border: 1px solid #3DA9B5;border-left: none;} #search_ring .info {float:right; font: lighter 10px Arial, serif; width:260px; padding-right:50px; padding-bottom:10px;} .sub_line {background: url('../images/static/prod_line.gif') repeat-x left top;font-size: 1em; color: #000;margin: 10px;width: 570px;clear: both;padding: 10px 0 0 0;min-height: 5px;} .sub_line div {color: #686e71; width: 250px; float: left;} .sub_line div.info {color: #000; width: 320px;} .sub_line p {margin-left: 10px;} .sub_line p span {color: red;} .sub_line a {color: #3BA5B0;text-decoration: underline;font-weight: bold;font-size:1.2em;} .sub_line a:hover {text-decoration: none;} #s02 input {width: 70px;} ul#color {list-style-type: none;margin: 0 0 10px 15px;padding:0;} ul#color li {float: left; display: block; width: 95px;font-weight: normal;min-height: 110px;height:110px;text-align: center;} ul#color li strong {font-weight: lighter;display: block;text-align: center;padding-top: 65px;} #col01 strong {background: url('../images/static/color_01.gif') no-repeat 23px 0;} #col02 strong {background: url('../images/static/color_02.gif') no-repeat 23px 0;} #col03 strong {background: url('../images/static/color_03.gif') no-repeat 23px 0;} #col04 strong {background: url('../images/static/color_04.gif') no-repeat 23px 0;} #col05 strong {background: url('../images/static/color_05.gif') no-repeat 23px 0;} #s03 div.color_range {float: left; width: 530px;margin: 0 0 10px 20px;} #s03 div.color_range select {font-size: 1em;} ul#clarity {list-style-type: none;margin: 0 0 10px 10px; padding:0;} ul#clarity li {float: left; display:block; height: 80px;width:114px; font:normal 11px Arial} ul#clarity li em {font-style: normal;color: #000;} ul#clarity li span {display: block; width: 62px; height: 80px;float:left;} #cl01 span {background: url('../images/static/clarity_01.gif') no-repeat;} #cl02 span {background: url('../images/static/clarity_02.gif') no-repeat;} #cl03 span {background: url('../images/static/clarity_03.gif') no-repeat;} #cl04 span {background: url('../images/static/clarity_04.gif') no-repeat;} #cl05 span {background: url('../images/static/clarity_05.gif') no-repeat;} #s04 div.clarity_range {float: left; width: 500px;margin: 0 0 10px 15px;} #s04 div.clarity_range select {font-size: 1em;} /* this was used to select by certificate -- Removed by CG at YoWon's request 4/14/06 -- then I changed 06 -> 05 and 07 -> 06 #s05 {color: #000;} #s05 input {margin: 2px 5px 0 30px;}*/ #s05 p {margin: 0 0 0 30px;} #s05 p input {margin: 0 1px 0 1px; width: 50px} #s06 {color: #000;} #s06 input {margin: 2px 5px 0 30px;} #search_result label {font-weight: bold;} .found, .on_page {float: left;color:#000;} .on_page {display: inline;} .found {margin: 6px 12px;} /* =========================refine search=================================== */ #s01 .select_option {float: left; width: 125px;margin: 8px 10px 0 15px;} #s02 .r_type a {color:#6A6E6F;text-decoration: underline;} #s02 .r_type a:hover {text-decoration: none;} select {width: 70px;} .prop_clear ul.pagination {float: left;} ul.pagination {list-style-type: none;margin: 5px 15px 20px 5px;padding:0;float: right;} ul.pagination li {float: left; display: block; font:normal 12px Arial, serif;text-align: center;color:#6A6E6F;margin: 1px;} ul.pagination li strong {color: #000;} ul.pagination li span {color: red;} ul.pagination li.next span {display: none;} ul.pagination li.next a {display: block;text-decoration: none;background: transparent url('../images/static/next-arrow.gif') no-repeat left 4px;width: 15px;height:15px;} ul.pagination li.previous a {display: block;text-decoration: none;background: transparent url('../images/static/previous-arrow.gif') no-repeat right 4px;width: 15px;height:15px;} ul.pagination li a {color:#6A6E6F;text-decoration: underline;font:normal 12px Arial, serif;} ul.pagination li a:hover {text-decoration: none;} /* =========================refine result=================================== */ ul#heading {list-style-type: none;margin: 5px 0 0 15px;padding:0;display: block;height: 25px;clear: both;} ul#heading li {float: left; display: block; font-weight: normal;text-align: center;color:#000;background: #A7DDE2;width: 38px;padding: 4px 0 4px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;} ul.result li.long, ul#heading li.long {width:60px;} ul.result li.mid_long {width:64px;} ul.result {list-style-type: none;margin: 5px 0 0 15px;padding:0;display: block;} ul.result li {float: left; display: block; font-weight: normal;text-align: center;color:#686E71;width: 38px;border-bottom:1px solid #ccc;height: 28px;vertical-align: middle;} ul.result li a {color:#299DA8;text-decoration: underline;font:normal 12px Arial, serif;} ul.result li a:hover {text-decoration: none;} tr#heading {} tr#heading th {font-weight: normal;text-align: center;color:#000;background: #A7DDE2; padding: 2px 0 2px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc; font-size: 90%;} tr.result td.long, tr#heading td.long {width:60px;} tr.result td.mid_long {width:64px;} tr.result {} tr.result td {font-weight: normal;text-align: center;color:#686E71; border-bottom:1px solid #ccc;height: 28px;vertical-align: middle;font-size: 90%;} tr.result td a {color:#299DA8;text-decoration: underline;} tr.result td a:hover {text-decoration: none;} a.again {float: left;margin-left: 15px;color:#299DA8;text-decoration: underline;font:bold 12px Arial, serif;background: transparent url('../images/static/next-arrow.gif') no-repeat right; margin-right:2px; padding-right:15px;} a.again:hover {text-decoration: none;} /* =========================Contact Info=================================== */ #header_contact_info {position: absolute;left: 15px;top: 558px;z-index: 2;width: 150px;height: 55px;} #header_contact_info p.contact_heading {padding: 3px;font: normal 12px Arial, Helvetica, serif;color: #fff;} #header_contact_info p.phone {margin-left: 3px;width: 78px;background: #5ABCC5; color: #000; padding: 2px 5px;font: bold 12px Arial, Helvetica, serif;} #header_contact_info p.mail {display: none} /* =========================TURNED OFF STYLES=================================== */ /* =========================COPYRIGHT STYLES=================================== */ #copy_and_tag {padding: 0;margin: 0 auto 0 auto;width: 780px;} #copyright {font:normal 10px Arial, Helvetica, sans-serif; text-align:right; color:#9A9A9A; width:290px; padding:0 10px 20px 200px; float:left;} #ecptag {width:250px; float:left; padding:0 ; color:#9A9A9A; font:normal 10px Arial, Helvetica, sans-serif;} #ecptag a.ecp_link {color:#9A9A9A; font:normal 10px Arial, Helvetica, sans-serif; text-decoration:none;} #ecptag a.ecp_link:hover {color:#3989B5;} /* ==========================buttons=================================== */ .add_ring_btn { margin: 10px 0 0 10px;display: inline} .btn_add {background: url(../images/static/btn_add.gif) no-repeat;width: 230px;height: 43px;} .buy_btn {margin: 10px 0 0 12px;display: inline} .btn_buy {background: url(../images/static/btn_buy.gif) no-repeat;width: 230px;height: 43px;} .btn_select {background: url(../images/static/btn_select_setting.gif) no-repeat;width: 230px;height: 43px;} .search_diamond_btn_div {text-align:center;width: 100%;} .search_btn {margin: auto;width: 230px;} .btn_search {margin: auto;background: url('../images/static/btn_search.gif') no-repeat;width: 230px;height: 43px;} .btn_continue {margin: auto;background: url('../images/static/btn_continue.gif') no-repeat;width: 230px;height: 43px;} .search_btn2 {float: right;margin-right: 15px;} .btn_search2 {background: url('../images/static/btn_search2.gif') no-repeat;width: 92px;height: 37px;} .comp_btn {margin: auto;width: 230px;} .btn_comp {background: url('../images/static/btn_compare.gif') no-repeat;width: 230px;height: 43px;} #group {border:1px solid #3DA9B5; } #ring_detail_page .info_select {padding-left:20px; padding-top:10px; padding-bottom:20px; font: lighter 10px Arial, serif; width:550px; } .categories {width: 550px; padding: 0 50px;} .category {float: left; width: 200px; padding-top: 150px; margin: 10px 12px; text-align: center; font: lighter 10px Arial, serif;background-position: top center;background-repeat:no-repeat;} .category label {display: block } /* ---------------------------------Info box styles --------------------------------------*/ .diamondInfo { font-family:arial; font-style:normal; color:black; font-size:11px; } .dInfoEntries { color:#2d6589; font-weight:bold; font-family:arial; font-style:normal; background-color:##efefef; font-size:11px; } .dInfoDetails { background-color:#efefef; font-family:arial; font-style:normal; color:black; background-color:##efefef; font-size:11px; } .dInfoBorder { background-color:#0ba3e2; } /*-------------------------- Logo Zone -------------------*/ .topLeftLogo { background-color:white; } .topRightLogo { background-color:white; }