/* $$$ genstoneproducts.com $$$ (c) 2010 genstoneproducts.com $$$ & bminteractive.com 1.8.2 / 10-31-08|04-12-10 / 1002 www.genstoneproducts.com */ /* Start Reset Styles - Thanks to Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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, fieldset, form, label, legend, 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;} /* End Reset Styles */ body {background: #000000 url(/images/black/page_bg.jpg) repeat-x top center; font-family: Arial; font-size: 9pt; line-height: 13pt; font-weight: normal; color: #000;} ol, ul, li {list-style: none;} img, a {border: none;} div {padding: 0; margin: 0; background-repeat: no-repeat;} h1, h2, h3, h4, h5 {font-family: Arial;} #top_task {width: 100%; height: 27px; margin: 0 0 15px; padding: 6px 0 0; background: url(/images/top_task_bg.gif) no-repeat right 6px;} #top_task a {height: 27px; display: block; float: left;} #top_task .whatnew {width: 104px; margin: 0 0 0 15px; background: url(/images/what_new.gif) no-repeat top left;} #top_task .distinq {width: 169px; background: url(/images/distributor_inq.gif) no-repeat top left;} #top_task .testim {width: 116px; background: url(/images/testimonial_task.gif) no-repeat top left} .genstone {width: 986px; margin: 0 auto; background: url(/images/black/head_scr3.jpg) repeat-y top left; display: block;} #cbox {width: 986px; margin: 0 auto; background: url(/images/black/content_bg3.jpg) repeat-y top left;} #header {height: 148px; position: relative; background: url(/images/black/header_bg3.jpg) no-repeat top left;} #header h1 {position: absolute; top: 43px; left: 45px;} #header .top_links {height: 19px; position: absolute; top: 27px; right: 42px;} #header .two_links {position: absolute; top: 60px; right: 40px;} /* Start Nav */ #nav {background: url(/images/nav_bg4.gif) no-repeat top center; display: block;} #nav ul {width: 857px; height: 39px; margin: 0 auto; position: relative; z-index: 800; } #nav ul li {margin: 9px 0 0; display: inline; float: left; display: block;} #nd1, #nd3, #nd4, #nd5, #nd7, #nd8, #nd9 {position: absolute; visibility: hidden; background: url(/images/nav_div_bg.gif) no-repeat bottom left;} #nav #nd9 {right: -4px;} #nav div div {background: url(/images/nav/end_div_bg.gif) no-repeat bottom right;} #nav div div div {margin: 0; padding: 10px 42px 18px 6px; background: url(/images/nav/top_corner_bg3.gif) no-repeat; display: block;} #nav #nd1 div div {background-position: 101px top;} #nav #nd3 div div {background-position: 144px top;} #nav #nd4 div div {padding: 10px 11px 18px 6px; background-position: 74px top;} #nav #nd5 div div {background-position: 158px top;} #nav #nd9 div div {padding: 10px 4px 18px 6px; background-position: 100px top;} #nav div div a { height: 16px; padding: 3px 23px 2px 15px; margin: 0; position: relative; display: block; white-space: nowrap; text-align: left; vertical-align: top; text-decoration: none; font-size: 14px; line-height: 17px; color: #fff; } #nav #nd3 div a {padding: 3px 23px 2px 19px;} #nav #nd3 div a:hover, #nav div div a:hover {text-decoration: none; color: #000;} #nav #nd3 div a.bigdot {padding: 3px 23px 2px 27px; background: url(/images/dot_bg.gif) no-repeat 13px center;} #nav #nd3 div a.bigdot:hover {background: url(/images/dot_bg_b.gif) no-repeat 13px center;} #na1, #na2, #na3, #na4, #na5, #na6, #na9 {height: 30px; display: block; overflow: hidden;} #na1 {width: 108px; background: url(/images/nav/nav1up.gif) no-repeat top left;} #na1:hover {background: url(/images/nav/nav1down.gif) no-repeat top left;} #na2 {width: 105px; background: url(/images/nav/nav3up.gif) no-repeat top left;} #na2:hover {background: url(/images/nav/nav3down.gif) no-repeat top left;} #na3 {width: 151px; background: url(/images/nav/nav2up.gif) no-repeat top left;} #na3:hover {background: url(/images/nav/nav2down.gif) no-repeat top left;} #na4 {width: 81px; background: url(/images/nav/nav4up.gif) no-repeat top left;} #na4:hover {background: url(/images/nav/nav4down.gif) no-repeat top left;} #na5 {width: 165px; background: url(/images/nav/nav5up.gif) no-repeat top left;} #na5:hover {background: url(/images/nav/nav5down.gif) no-repeat top left;} #na6 {width: 111px; background: url(/images/nav/nav6up.gif) no-repeat top left;} #na6:hover {background: url(/images/nav/nav6down.gif) no-repeat top left;} #na9 {width: 82px; background: url(/images/nav/nav7up.gif) no-repeat top left;} #na9:hover {background: url(/images/nav/nav7down.gif) no-repeat top left;} /* End Nav */ #block3 {width: 986px; height: 242px; background: url(/images/nav_bg4.gif) no-repeat bottom center; color: #fff; clear: both;} #block3 div {width: 887px; height: 221px; margin: 0 auto; position: relative;} #block3 div#music_box {width: 44px; height: 37px; background: url(/images/audio_controls.png) no-repeat top left; position: absolute; bottom: 2px; right: 32px; display: block; padding: 20px 0 0 158px; z-index: 2000;} #block3 dl { width: 881px; height: 138px;/* height: 134px;*/ padding: 0 0 0 6px; background: url(/images/dl_folder/dl_bgpng.png) no-repeat bottom left; position: absolute; bottom: 0; } #block3 dl input, #block3 dl dd textarea {width: 200px; background: none; border: none; color: #FFFFFF;} #block3 dl dt {margin: 40px 0 0;} #block3 dl dt input { margin-left: 8px; font-weight: bold; font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #F7F026;} #block3 dl dd textarea {height: 200px; width: 180px; margin-left: 8px; font: 9pt normal Verdana, Arial, Helvetica, sans-serif; overflow: hidden;} #quick_content {padding: 30px 50px 0; margin: 0; background: url(/images/black/headcap.jpg) no-repeat top center; position: relative;} #quick_content h1, #quick_content h2 {color: #FF311E;} #quick_content h1 {margin: 0 0 4px; padding: 0; font-weight: bold; font-size: 18pt; line-height: 18pt;} #quick_content div {padding: 9px; position: absolute; top: 61px; right: 277px;} #quick_content div h2 {font-size: 11pt;} #quick_content div img {margin: 0 0 3px;} #quick_content div a {height: 98px; text-decoration: none;} #quick_content h2 {margin: 0 0 4px; font-weight: bold; font-size: 12pt;} #quick_content p {width: 620px; margin: 0 0 8px;} #quick_content .stylesbox {margin: 5px 15px 15px; list-style-position: outside;} #quick_content .stylesbox li {width: 650px; margin: 3px 0 4px; line-height: 10pt; list-style: square;} #quick_content .siding_box {height: 190px; margin: 36px 0 0;} #quick_content .siding_box li {float: left; text-align: center;} #quick_content .siding_box .midbl {margin: 0 17px;} #quick_content .siding_box li a {text-decoration: none;} #quick_content .rightbox {width: 239px; padding: 9px 0 0 12px; position: absolute; top: 24px; right: 32px; font-size: 10pt;} #quick_content .rightbox h2 {font-weight: bold; font-size: 14pt;} #quick_content .rightbox .describe_cont {margin: 5px 15px 15px; list-style-position: outside;} #quick_content .rightbox .describe_cont li {margin: 3px 0 4px; list-style: square;} #quick_content .rightbox li {margin: 0 0 8px;} #quick_content .wide_t {width: 800px;} #content_element {position: relative; clear: both;} #topic_element {width: 861px; height: 36px; margin: 0 auto; padding: 6px 0 0 50px; font-size: 13pt; font-weight: bold; line-height: 35px; color: #000;} .topic1 {background: url(/images/topic1_bg3.gif) no-repeat bottom center;} /* Index Content Body */ #content_element ul.index_box {width: 901px; margin: 0 auto; padding: 20px 20px 10px; background: url(/images/in_block_bg3.gif) repeat-y top center; clear: both;} #content_element ul.index_box li {width: 250px; height: 115px; margin: 0 20px 30px; padding: 0 0 5px; float: left;} /* Main Interior Content Body */ #content_element .interior_box {margin: 0 325px 0 50px; padding: 0;} #content_element .interior_box li, #content_element .reg_box li {margin: 0 0 13px;} #content_element .interior_box li h1, #content_element ul.index_box li h1 {font-size: 18pt; color: #d8261c} #content_element .interior_box li h2, #content_element ul.index_box li h2, #content_element .reg_box li h2 {font-size: 16pt; color: #1467E4;} #content_element .reg_box h1, #content_element .reg_box h2 {font-weight: bolder;} #content_element h3 {font-size: 18px; color: #1467E4;} #content_element p {padding: 0 0 14px;} #content_element #rightpic {width: 270px; position: absolute; top: 0; right: 40px;} #content_element #rightpic li img {margin: 23px auto 0; padding: 0; display: block; border: 3px solid #000;} #content_element #product_box {width: 900px; height: 460px; margin: 0 auto; position: relative;} #content_element #product_box li h2 {font-size: 12pt; color: #1F1A17;} #content_element #gall_box {width: 900px; height: 245px; margin: 0 auto; position: relative;} #content_element #gall_box li h2 {font-size: 12pt; color: #1F1A17;} #content_element #gall_box_three {width: 885px; margin: 0 auto;} #content_element #gall_box_three li {width: 250px; height: 190px; float: left;} #content_element #gall_four_box {width: 886px; margin: 0 auto; padding: 0 0 0 14px;} #content_element #gall_four_box li {width: 205px; height: 190px; margin: 0 14px 0 0; float: left; text-align: center;} #content_element #contact_box {margin: 0 auto 45px; padding-top: 25px; text-align: center;} #content_element #contact_box #tablist {width: 700px;} #content_element #contact_box #tablist li {height: 215px; padding: 0; float: left;} #content_element #contact_box .content_element {width: 700px; margin-top: 0; position: relative;} #content_element #contact_box .content_element #dynamic_content {height: 570px; padding: 0; background: url(/images/quote/form_bg.gif) no-repeat top left; position: relative; text-align: left;} #content_element #contact_box #sc1, #sc2, #sc3 {height: 50px; padding: 0;} #content_element #contact_box #sc2, #sc3 {display: none;} #content_element #contact_box #sc1 {padding-top: 150px; background: url(/images/quote/stack_stonegrp.jpg) no-repeat center 40px;} #content_element #contact_box #sc2 {padding-top: 150px; background: url(/images/quote/brickgrp.jpg) no-repeat center 40px;} #content_element #contact_box #sc3 {padding-top: 150px; background: url(/images/quote/random_rockgrp.jpg) no-repeat center 40px;} #content_element #contact_box .content_element #dynamic_content #brick_box {height: 25px;} #content_element #contact_box .content_element #dynamic_content #brick_box li {width: 135px; height: 25px; padding: 0; text-align: center; float: left;} #content_element #contact_box .content_element #dynamic_content #brick_box li input {width: auto; height: auto; border: none;} #content_element #contact_box .content_element #dynamic_content #footage {width: 620px; height: 300px; margin: 0 auto; padding: 0 40px 50px; background: url(/images/quote/form_bot_bg.gif) no-repeat bottom left; clear: both;} #content_element #contact_box .content_element #dynamic_content #footage li {height: 60px; width: 310px; padding: 0; text-align: left; float: left; display: block;} #content_element #contact_box .content_element #dynamic_content #footage li h3 {height: 28px; line-height: 25px;} #content_element #contact_box .content_element #dynamic_content #footage li input {width: 65px; height: 35px; font-size: 20pt;} #content_element #contact_box .content_element #dynamic_content #footage li.cbtask {width: 260px; padding-right: 25px; text-align: right;} #content_element #contact_box h3 {height: 38px; line-height: 35px; font-weight: bold;} #content_element #contact_box p {font-size: 12px;} #content_element #contact_box ul {width: 450px; margin: 10px auto 0; list-style-type: none; text-align: right; clear: both; display: block;} #content_element #contact_box ul li {height: 32px; padding: 0 50px 0 0; display: block;} #content_element #contact_box ul li input {width: 230px; margin: 0 0 0 7px; border: 1px solid #6C3D27;} #content_element #sitemap_box {width: 886px; margin: 0 auto; padding: 0 0 0 14px; clear: both;} #content_element #sitemap_box li {margin: 0 74px 34px 0; float: left; line-height: 14pt;} #content_element #sitemap_box li h2 {font-weight: bold; font-size: 12pt;} #content_element #sitemap_box li .describe_cont {margin: 5px 15px 15px; padding: 0; list-style-position: outside;} #content_element #sitemap_box li .describe_cont li {height: 15px; margin: 3px 0 4px; padding: 0; list-style: square; float: none;} #content_element #product_box li, #content_element #gall_box li {width: 300px; position: absolute; top: 30px; text-align: center;} #content_element #product_box li p {padding: 5px 15px;} #content_element #product_box li h2, #content_element #gall_box li h2 {margin: 0 0 8px; font-weight: bold;} #content_element #product_box .bblock1, #content_element #gall_box .bblock1 {left: 0;} #content_element #product_box .bblock2, #content_element #gall_box .bblock2 {left: 300px;} #content_element #product_box .bblock3, #content_element #gall_box .bblock3 {left: 600px;} #content_element .reg_box {margin: 20px 50px 15px;} #content_element .small_box {margin: 20px 50px 0;} #content_element .reg_box .describe_cont {margin: 5px 15px 15px; list-style-position: outside;} #content_element .reg_box .describe_cont li {margin: 3px 0 4px; list-style: square;} #content_element #black_box {width: 780px; height: 300px; margin: 0 auto; padding: 30px 60px; background: #000 url(/images/blackbox_bg.gif) no-repeat bottom left; position: relative;} #content_element #black_box li {height: 300px; float: left;} #content_element #black_box .vidbox {width: 360px; display: block;} #content_element #black_box .textbox {width: 420px; display: block;} #content_element #black_box .textbox h1 {margin: 0 0 14px; font: 25pt bold; font-family: Arial; color: #1467E4;} #content_element #black_box .textbox h2 {margin: 0 0 10px; font: 18pt bold; font-family: Arial; color: #DA261B;} #content_element #black_box .textbox p {color: #fff;} #content_element #black_box .textbox a {color: #EB981B;} #socbox { margin-left:48px;} #table_box {width: 860px; margin: 0 auto;} #table_box p {padding: 30px 30px 0; clear: both;} #table_box .table_grid, #table_box .bold_grid, #table_box .table_grid2 {clear: both;} #table_box .table_grid li, #table_box .bold_grid li, #table_box .table_grid2 li {display: block;} #table_box .table_grid li {width: 200px; padding: 11px 0 11px 14px; border-top: 1px solid #000; float: left;} #table_box .table_grid2 li {width: 270px; padding: 11px 0 11px 14px; border-top: 1px solid #000; float: left;} #table_box .bold_grid li {width: 200px; padding: 11px 0 4px 14px; font-weight: bold; font-size: 16pt; float: right;} #table_box .stacked_grid li {width: 270px; padding: 11px 0 4px 14px; font-weight: bold; font-size: 16pt; float: left;} #table_box .war_grid {text-align: center;} #table_box .war_grid li {width: 250px; float: left;} #table_box .table_grid2 li .describe_cont {margin: 5px 0 0 2px;} #table_box .table_grid2 li .describe_cont li {width: 250px; margin: 3px 0 4px; padding: 0; border: none;} #table_box .table_grid2 li h2 {height: 20px; padding: 20px 0 0; font-weight: bold; clear: both;} #product_element_tab, #pro_brick_tab, #random_element_tab, #stacked_element_tab {width: 885px; height: 62px; margin: 0 auto; padding: 0 1px; background: #1F1A17; border-top: 2px solid #000;} #product_element_tab li, #pro_brick_tab li, #random_element_tab li, #stacked_element_tab li {margin: 0 1px; float: left; display: block;} #product_element_tab li a, #pro_brick_tab li a, #random_element_tab a, #stacked_element_tab a {height: 47px; padding: 15px 20px 0px 20px; background: url(/images/products/pro_tab_down.gif) repeat-x top right; text-decoration: none; color: #000; display: block;} #product_element_tab li a {width: 135px;} #pro_brick_tab li a {width: 253px;} #random_element_tab a {width: 135px;} #stacked_element_tab a {width: 105px;} #stacked_element_tab_last a {width: 108px;} #product_element_tab li a:hover, #pro_brick_tab li a:hover, #random_element_tab a:hover, #stacked_element_tab a:hover {background: url(/images/products/pro_tab_hover.gif) repeat-x top right; text-decoration: underline;} #product_element {width: 887px; margin: 0 auto; background: url(/images/products/pro_tab_bg.gif) repeat-y top left;} #product_element li {padding: 20px 15px; display: block;} #product_element li h3 {padding: 20px 0 0;} #product_element #pb_e, #product_element #pbb_e {width: 854px; margin: 20px auto;} #product_element #pb_e {min-height: 790px;} #product_element #pbb_e {min-height: 400px;} #dpro_cont {width: 847px; margin: 0 auto; padding: 0 20px; background: url(/images/products/pro_tab_bot.gif) no-repeat bottom left; list-style-position: outside; display: block; clear: both;} #dpro_cont li {position: relative;} #dpro_cont li h4 {padding: 5px; font: 14pt bold "Helvetica Neue", Helvetica, Arial;} #dpro_cont li div {position: absolute; top: 15px; right: 30px;} #dpro_cont .describe_cont {margin: 0 20px; padding: 10px 0 40px;list-style-position: outside;} #dpro_cont .describe_cont li {margin: 0 0 5px; list-style: square;} .pbot_bg {margin: 14px 0 0;} .p_top {padding: 15px 0 0;} .b_t {font-weight: bold;} .i_t {font-style: italic;} .u_t {text-decoration: underline;} .r_t {color: #ff0000;} .dt_t {font-size: 22pt; vertical-align: middle;} /* .describe_cont {margin: 5px 15px 15px; list-style-position: outside;} .describe_cont li {margin: 3px 0 4px; list-style: square;}*/ .bottom_foot {width: 901px; height: 25px; margin: 0 auto; padding: 25px 0 0; background: url(/images/ind_box_bg3.gif) no-repeat top center; display: block; text-align: center;} .b_foot_int {width: 901px; height: 25px; margin: 0 auto; padding: 25px 0 0; display: block; text-align: center; clear: both;} .bottom_foot a, .b_foot_int a {color: #000; text-align: center; text-decoration: none;} .bottom_foot a:hover, .b_foot_int a:hover {text-decoration: underline;} #footer_element {/*height: 221px;*/ height: 250px; padding: 35px 45px 0; background: url(/images/black/foot_cap3.jpg) no-repeat top center; clear: both; position: relative;} #footer_element h5 {font-size: 15pt; color: #FF311E;} #footer_element div {float: left; color: #fff; font-size: 10.5pt;} #footer_element div a {display: block; color: #fff; line-height: 13.5pt;} #footer_element ul.contact_ul {width: 549px; position: absolute; top: 35px; right: 44px;} .form_element_name, .form_element_email, .form_element_phone {display: block;} .form_element_name {width: 269px; height: 25px; padding: 5px 0 0; background: url(/images/name_bg.gif) no-repeat 0 0; float: left;} .form_element_email {width: 269px; height: 25px; padding: 5px 0 0; background: url(/images/email_bg.gif) no-repeat 0 0; float: right;} .form_element_phone {width: 549px; height: 28px; padding: 8px 0 0; background: url(/images/phone_bg.gif) no-repeat 0 0; clear: both;} .form_element_comment {width: 549px; height: 100px; padding: 0px;} .text_inputForm {width: 541px; height: 91px; border: 4px solid #3D464E;} .submit_element {margin: 8px 0 0;} .intputName, .intputEmail {margin: 0 0 0 55px;} .intputName, .intputEmail, .intputPhone {width: 205px; line-height: 18px; border: 0px;} .intputPhone {margin: 0 0px 0 335px;} #page_end {height: 75px; repeat-x bottom left;} #page_end li {width: 986px; height: 75px; margin: 0 auto; background: url(/images/black/footer_end3.jpg) no-repeat top left; position: relative;} #page_end li .footer_left {position: absolute; top: 3px; left: 44px; font-size: 11px; color: #696969;} .xhtml, .css {text-decoration: none;} .xhtml {color: #1FA2E0;} .css {color: #15CC31;} a.xhtml:hover, a.css:hover {color: #e05d1f;} .music_footer_div {width: 100%; margin: 0 auto; background: #261E15; height: 52px; position: fixed; bottom: 0; left: 0; z-index: 2000; display: block;} .music_footer {width: 986px; margin: 0 auto; height: 52px; } .music_footer li h3 { color:#FF0000;} .music_footer li p { color:#fff; font-weight: bold;} .music_footer li {height: 45px; width: 550px; float: left;} .music_footer li#adcnt { width: 189px; padding: 7px 6px 2px 167px; background: url(../images/ad_cnt.gif) no-repeat top left; float: right;} #page_end li .footer_right {position: absolute; top: 3px; right: 44px; font-size: 11px; color: #696969;} a.copy_links {color: #696969;} a.copy_links:hover {color: #fff;} #lightbox {position: absolute; left: 0; width: 100%; z-index: 998; text-align: center; line-height: 0;} #lightbox img {width: auto; height: auto;} #lightbox a img {border: none;} #outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;} #imageContainer {padding: 10px;} #loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} #hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 996;} #imageContainer>#hoverNav {left: 0;} #hoverNav a {outline: none;} #prevLink, #nextLink{width: 49%; height: 100%; background-image: url(data:image/gif); display: block;} #prevLink {left: 0; float: left;} #nextLink {right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover {background: url(/images/prevlabel.gif) left 15% no-repeat;} #nextLink:hover, #nextLink:visited:hover {background: url(/images/nextlabel.gif) right 15% no-repeat;} #imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;} #imageData{padding:0 10px; color: #666;} #imageData #imageDetails{width: 70%; float: left; text-align: left;} #imageData #caption{font-weight: bold;} #imageData #numberDisplay{display: block; clear: left; padding-bottom: 1.0em;} #imageData #bottomNavClose{width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 997; width: 100%; height: 500px; background-color: #000;}