#product_display { min-height: 60vh; } .image-box{ display:inline-block; text-align:left; color: #2C3D20; padding: 10px; vertical-align:top; margin-bottom:10px; width:; height:; text-align:center; } .model-backplate { width:; height:; background: url(https://risestairs.com/stmdls/backplate.png); background-size:contain; } .image-box-small{ display:inline-block; text-align:left; color: #2C3D20; padding: 7px; background:#ffffff; vertical-align:top; width: 300px; height:300px; text-align:center; border: 1px solid #cccccc; } .flight-box { display:inline-block; text-align:left; color: #2C3D20; padding: 15px; padding-bottom: 10px; background:#ffffff; vertical-align:top; border: 1px solid #dedede; margin-bottom:10px; width: 100%; text-align:center; } .flr-transition-box { text-align:left; color: #2C3D20; padding: 15px; padding-bottom: 10px; background:#ffffff; vertical-align:top; border: 1px solid #dedede; margin-bottom:10px; width: auto; text-align:center; } model-viewer { width:; height:; } model-viewer[id=small] { width:300px; height:300px; } .red_border { border: 3px solid #CE0000; } .red_border:focus{ outline:2px solid #CE0000; } .sticky-img { float:left; display:block; } .sticky-img-link { float:left; display:block; border:none; padding:0; margin:0; box-shadow:0; background:none; } .sticky-img-link:hover { background-color:#8ddb3b; cursor: pointer; } .prod_img_button{ display:inline-flex; cursor: pointer; text-decoration: none; font-weight: normal; border: 1px solid #cccccc; height: 300px; padding:5px; margin-top:10px; margin-bottom:10px; margin-left:5px; margin-right:5px; vertical-align:top; } .prod_img_button:hover { border: 1px solid #333333; text-decoration: none; font-weight: normal; background-color: ; } .prod_img_button:disabled { outline: 0; } .prod_blank { display:inline-flex; padding-top:30px; } .prod_img_button_short{ display:inline-flex; cursor: pointer; text-decoration: none; font-weight: normal; border: 1px solid #cccccc; align:center; text-align:center; height: 200px; padding:3px; margin-top:10px; margin-left:2px; margin-right:2px; vertical-align:middle; } .prod_img_button_short:hover { border: 1px solid #333333; text-decoration: none; font-weight: normal; } .prod_img_button_short:disabled { outline: 0; } .prod_img_button_carousel{ display:inline-flex; cursor: pointer; text-decoration: none; font-weight: normal; border: 1px solid #cccccc; align:center; text-align:center; height: 130px; padding:3px; margin-top:10px; margin-left:2px; margin-right:2px; vertical-align:middle; } .prod_img_button_carousel:hover { border: 1px solid #333333; text-decoration: none; font-weight: normal; } .prod_img_button_carousel:disabled { outline: 0; } .prod_img_button_tall{ display:inline-flex; cursor: pointer; text-decoration: none; font-weight: normal; border: 1px solid #cccccc; height: 200px; padding:5px; margin-top:10px; margin-right:10px; vertical-align:top; } .prod_img_button_tall:hover { border: 1px solid #333333; text-decoration: none; font-weight: normal; } .prod_img_button_tall_disabled { display:inline-flex; cursor: pointer; text-decoration: none; font-weight: normal; border: 1px solid #cccccc; height: 200px; padding:5px; margin-top:10px; margin-right:10px; vertical-align:top; } #crystal_clear_button{ cursor: pointer; box-shadow: 0; text-decoration: none; font-weight: normal; border: none; background:none; padding:0; } #ccb-text { height:100%; font-weight:bold; } .ccb{ width: 200px; cursor: pointer; box-shadow: 0; text-decoration: none; font-weight: normal; border: none; padding:0; } .ccb.STR { width: 300px; background: url(//risestairs.com/stmdls/Choice_STRT.jpg) no-repeat 100% 0; background-size:contain; } .ccb.SWB { width: 300px; background: url(//risestairs.com/stmdls/Choice_SWBT.jpg) no-repeat 100% 0; background-size:contain; } .ccb.S90 { width: 300px; background: url(//risestairs.com/stmdls/Choice_S90T.jpg) no-repeat 100% 0; background-size:contain; } .ccb.T{ background: url(//risestairs.com/stmdls/def_T200.png) no-repeat 100% 0; background-size:contain; } .ccb.T:hover{ background: url(//risestairs.com/stmdls/def_T200_w_logo.png) no-repeat 100% 0; background-size:contain; } .ccb.P{ background: url(//risestairs.com/stmdls/def_P200.png) no-repeat 100% 0; background-size:contain; } .ccb.P:hover{ background: url(//risestairs.com/stmdls/def_P200_w_logo.png) no-repeat 100% 0; background-size:contain; } .ccb.STR_edit{ background: url(//risestairs.com/stmdls/Choice_STRT.jpg) no-repeat 100% 0; background-size:contain; } .ccb.SWB_edit{ background: url(//risestairs.com/stmdls/Choice_SWBT.jpg) no-repeat 100% 0; background-size:contain; } .ccb.S90_edit{ background: url(//risestairs.com/stmdls/Choice_S90T.jpg) no-repeat 100% 0; background-size:contain; } .img_display { display:inline-flex; text-decoration: none; font-weight: normal; border: 1px solid #cccccc; vertical-align:top; } .img_display.QA { height: 300px; padding:5px; margin-top:10px; margin-bottom:10px; margin-left:5px; margin-right:5px; } .img_display.QA_med { height: 400px; padding:5px; margin-top:10px; margin-bottom:10px; margin-left:5px; margin-right:5px; } .img_display.QA_lrg { height: 500px; padding:5px; margin-top:10px; margin-bottom:10px; margin-left:5px; margin-right:5px; } .img_display.QA_sm { height: 200px; padding:3px; margin-top:10px; margin-left:2px; margin-right:2px; } .img_display.QA_hs { height: 200px; padding:3px; margin-top:10px; margin-left:2px; margin-right:2px; } .img_display.learn { height: 250px; padding:5px; margin-top:10px; margin-bottom:10px; margin-left:5px; margin-right:5px; } .qa{ width: 300px; box-shadow: 0; text-decoration: none; font-weight: normal; border: none; padding:0; } .qa.STR_display { background: url(//risestairs.com/stmdls/STRT/STRT0014MP.png) no-repeat 100% 0; background-size:contain; } .qa.SWB_display{ background: url(//risestairs.com/stmdls/SWBT/SWBT0707MP.png) no-repeat 100% 0; background-size:contain; } .qa.S90_display{ background: url(//risestairs.com/stmdls/S90T/S90T0313MP.png) no-repeat 100% 0; background-size:contain; } .qa_lrg.STR_plan_display { background: url(//risestairs.com/stmdls/def_STR_plan.jpg) no-repeat 100% 0; background-size:contain; } .qa_lrg.SWB_plan_display{ background: url(//risestairs.com/stmdls/def_SWB_plan.jpg) no-repeat 100% 0; background-size:contain; } .qa_lrg.S90_plan_display{ background: url(//risestairs.com/stmdls/def_S90_plan.jpg) no-repeat 100% 0; background-size:contain; } .qa_wide{ width: 450px; box-shadow: 0; text-decoration: none; font-weight: normal; border: none; padding:0; } .qa_lrg{ width: 500px; box-shadow: 0; text-decoration: none; font-weight: normal; border: none; padding:0; } .qa_med{ width: 400px; box-shadow: 0; text-decoration: none; font-weight: normal; border: none; padding:0; } .qa_sm { width: 200px; box-shadow: 0; text-decoration: none; font-weight: normal; border: none; padding:0; } .qa_hs { width: 154px; box-shadow: 0; text-decoration: none; font-weight: normal; border: none; padding:0; } .qa.PBB_display { background: url(//risestairs.com/stmdls/def_PBBEXP.jpg) no-repeat 100% 0; background-size:contain; } .qa.PFL_display { background: url(//risestairs.com/stmdls/def_PFLHID.jpg) no-repeat 100% 0; background-size:contain; } .qa.TBB_display { background: url(//risestairs.com/stmdls/def_TBBEXP.jpg) no-repeat 100% 0; background-size:contain; } .qa.TFL_display { background: url(//risestairs.com/stmdls/def_TFLHID.jpg) no-repeat 100% 0; background-size:contain; } .qa.PBBEXP_display { background: url(//risestairs.com/stmdls/def_PBBEXP.jpg) no-repeat 100% 0; background-size:contain; } .qa.PBBHID_display { background: url(//risestairs.com/stmdls/def_PBBHID.jpg) no-repeat 100% 0; background-size:contain; } .qa.PFLEXP_display { background: url(//risestairs.com/stmdls/def_PFLEXP.jpg) no-repeat 100% 0; background-size:contain; } .qa.PFLHID_display { background: url(//risestairs.com/stmdls/def_PFLHID.jpg) no-repeat 100% 0; background-size:contain; } .qa.TBBEXP_display { background: url(//risestairs.com/stmdls/def_TBBEXP.jpg) no-repeat 100% 0; background-size:contain; } .qa.TBBHID_display { background: url(//risestairs.com/stmdls/def_TBBHID.jpg) no-repeat 100% 0; background-size:contain; } .qa.TFLEXP_display { background: url(//risestairs.com/stmdls/def_TFLEXP.jpg) no-repeat 100% 0; background-size:contain; } .qa.TFLHID_display { background: url(//risestairs.com/stmdls/def_TFLHID.jpg) no-repeat 100% 0; background-size:contain; } .qa_wide.PONF_display { background: url(//risestairs.com/stmdls/def_PONF.jpg) no-repeat 100% 0; background-size:contain; } .qa_wide.TONF_display { background: url(//risestairs.com/stmdls/def_TONF.jpg) no-repeat 100% 0; background-size:contain; } .qa_wide.PINF_display { background: url(//risestairs.com/stmdls/def_PINF.jpg) no-repeat 100% 0; background-size:contain; } .qa_wide.TINF_display { background: url(//risestairs.com/stmdls/def_TINF.jpg) no-repeat 100% 0; background-size:contain; } .qa_lrg.STR_totalrise_display { background: url(//risestairs.com/stmdls/def_STR_totalrise.jpg) no-repeat 100% 0; background-size:contain; } .qa_lrg.SWB_totalrise_display { background: url(//risestairs.com/stmdls/def_SWB_totalrise.jpg) no-repeat 100% 0; background-size:contain; } .qa_lrg.S90_totalrise_display { background: url(//risestairs.com/stmdls/def_S90_totalrise.jpg) no-repeat 100% 0; background-size:contain; } .qa_wide.tread_display { background: url(//risestairs.com/stmdls/def_StringerTread.jpg) no-repeat 100% 0; background-size:contain; } .qa_lrg.BBlock_display { background: url(//risestairs.com/stmdls/def_bblock.jpg) no-repeat 100% 0; background-size:contain; } .qa_lrg.WO_display { background: url(//risestairs.com/stmdls/def_treadWO.png?1) no-repeat 100% 0; background-size:contain; } .qa_lrg.RO_display { background: url(//risestairs.com/stmdls/def_treadRO.png?1) no-repeat 100% 0; background-size:contain; } .qa_lrg.MP_display { background: url(//risestairs.com/stmdls/def_treadMP.png?1) no-repeat 100% 0; background-size:contain; } .qa_lrg.Tmain_display { background: url(//risestairs.com/stmdls/T_main_overlay.jpg) no-repeat 100% 0; background-size:contain; } .qa_lrg.Pmain_display { background: url(//risestairs.com/stmdls/P_main_overlay.jpg) no-repeat 100% 0; background-size:contain; } .qa_med.Tmain_about { background: url(//risestairs.com/stmdls/T_main.jpg) no-repeat 100% 0; background-size:contain; } .qa_med.Pmain_about { background: url(//risestairs.com/stmdls/P_main.jpg) no-repeat 100% 0; background-size:contain; } .qa_sm.def_PC_SGL_BLK { background: url(//risestairs.com/stmdls/def_PC_SGL_BLK.png) no-repeat 100% 0; background-size:contain; } .qa_sm.def_PC_GL_BLK { background: url(//risestairs.com/stmdls/def_PC_GL_BLK.png) no-repeat 100% 0; background-size:contain; } .qa_sm.def_PC_FL_BLK { background: url(//risestairs.com/stmdls/def_PC_FL_BLK.png) no-repeat 100% 0; background-size:contain; } .qa_sm.def_PC_SGL_DGY { background: url(//risestairs.com/stmdls/def_PC_SGL_DGY.png) no-repeat 100% 0; background-size:contain; } .qa_sm.def_PC_GL_DGY { background: url(//risestairs.com/stmdls/def_PC_GL_DGY.png) no-repeat 100% 0; background-size:contain; } .qa_sm.def_PC_FL_DGY { background: url(//risestairs.com/stmdls/def_PC_FL_DGY.png) no-repeat 100% 0; background-size:contain; } .qa_sm.def_PC_SGL_LGY { background: url(//risestairs.com/stmdls/def_PC_SGL_LGY.png) no-repeat 100% 0; background-size:contain; } .qa_sm.def_PC_GL_LGY { background: url(//risestairs.com/stmdls/def_PC_GL_LGY.png) no-repeat 100% 0; background-size:contain; } .qa_sm.def_PC_FL_LGY { background: url(//risestairs.com/stmdls/def_PC_FL_LGY.png) no-repeat 100% 0; background-size:contain; } .qa_hs.JB1_HS { background: url(//risestairs.com/style/JB1_HS.png) no-repeat 100% 0; background-size:contain; } .qa_hs.JB2_HS { background: url(//risestairs.com/style/JB2_HS.png) no-repeat 100% 0; background-size:contain; } .qa_hs.JB3_HS { background: url(//risestairs.com/style/JB3_HS.png) no-repeat 100% 0; background-size:contain; } .qa_hs.MB_HS { background: url(//risestairs.com/style/MB_HS.png) no-repeat 100% 0; background-size:contain; } .qa_hs.RB_HS { background: url(//risestairs.com/style/RB_HS.png) no-repeat 100% 0; background-size:contain; } .qa_hs.VB_HS { background: url(//risestairs.com/style/VB_HS.png) no-repeat 100% 0; background-size:contain; } .lrn_display{ width: 250px; box-shadow: 0; text-decoration: none; font-weight: normal; border: none; padding:0; } .lrn_display.STR { background: url(//risestairs.com/stmdls/Choice_STRT.jpg) no-repeat 100% 0; background-size:contain; } .lrn_display.SWB { background: url(//risestairs.com/stmdls/Choice_SWBT.jpg) no-repeat 100% 0; background-size:contain; } .lrn_display.S90 { background: url(//risestairs.com/stmdls/Choice_S90T.jpg) no-repeat 100% 0; background-size:contain; } .crystal_clear_button{ cursor: pointer; box-shadow: 0; text-decoration: none; font-weight: normal; border: none; background:none; } #T4on5_button{ width: 200px; cursor: pointer; box-shadow: 0; text-decoration: none; font-weight: normal; border: none; background: url(//risestairs.com/stmdls/def_4on5.png) no-repeat 100% 0; background-size:contain; } #T5on6_button{ width: 200px; cursor: pointer; box-shadow: 0; text-decoration: none; font-weight: normal; border: none; background: url(//risestairs.com/stmdls/def_5on6.png) no-repeat 100% 0; background-size:contain; } #T4on5_button_locked{ width: 200px; cursor: pointer; box-shadow: 0; text-decoration: none; font-weight: normal; border: none; background: url(//risestairs.com/stmdls/def_4on5.png) no-repeat 100% 0; background-size:contain; opacity:0.3; } #T4on5_button_locked:disabled{ cursor:not-allowed; } #T4on5_button_locked:hover{ cursor:not-allowed; } #question_button{ width: 18px; height: 17px; text-align: center; vertical-align:middle; cursor: pointer; background-color:#555555; color:white; font-weight:bold; font-size: ; box-shadow: 0; border:none; border-radius:2px; } #question_button:active{ background-color:#555555; color:white; font-weight:normal; } #question_button:hover { background-color: ; } #question_button:disabled { background-image: none; outline: 0; background-color:#dddddd; } /* Hide radio button (the round disc) we will use just the label to create pushbutton effect */ input[type=radio] { display:none; } input[type=radio] + label { min-width:60px; display:inline-block; margin:-2px; padding: 4px 6px; margin-bottom: 0; font-size: ; line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; border: 1px solid #ccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #b3b3b3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } input[type=radio]:checked + label { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); background-color:#edf4d0; border: 1px solid rgb(175,239,0); } .accentColor1 { color: ; } .accentColor2 { color: ; } .accentColor3 { color: #edf8ff; } .accentColor2.sub { padding-left:15px; } .sub-content { padding-left:15px; } .errorColor1 { color: #CE0000; } .accentTitle1 { color: #666666; font-size: ; font-weight:bold; font-family:'Cinzel', serif, bold; } .accentTitle2 { color: ; font-size: ; font-weight:bold; font-family:'Cinzel', serif, bold; } .line-item-header { border-bottom: 2px solid #aaa; border: 1px solid #aaa; padding:5px; background: #c9c9c9; font-weight:bold; text-align:center; } .line-item-colorheader { border-bottom: 2px solid #aaa; border: 1px solid #aaa; padding:5px; background: #D3E4F4; font-weight:bold; } .line-item-thin { border: 1px solid #aaa; padding:3px; background: #ffffff; font-size: ; } .line-item-ultrathin { border: 1px solid #aaa; padding:2px; background: #ffffff; font-size: ; } .line-item { border: 1px solid #aaa; padding:5px; background: #ffffff; } .line-item-end { border: 1px solid #aaa; padding:5px; background: #ffffff; } .line-item-150 { border: 1px solid #aaa; padding:5px; background: #ffffff; width:150px; } .line-item-10 { border: 1px solid #aaa; padding:5px; background: #ffffff; width:10px; } .line-item-dgrey { border: 1px solid #aaa; padding:5px; background: #333333; color: #ffffff; } .line-item-green { border: 1px solid #aaa; padding:5px; color:#ffffff; background-color:#77ab41; } .line-item-green-150 { border: 1px solid #aaa; padding:5px; color:#ffffff; background-color:#77ab41; width:150px; } .line-item-green-10 { border: 1px solid #aaa; padding:5px; color:#ffffff; background-color:#77ab41; width:10px; } .line-item-blue { border: 1px solid #aaa; padding:5px; color:#ffffff; background-color:; } .line-item-end-blue { border: 1px solid #aaa; padding:5px; color:#ffffff; background-color:; } .line-item-blue-150 { border: 1px solid #aaa; padding:5px; color:#ffffff; background-color:; width:150px; } .line-item-blue-10 { border: 1px solid #aaa; padding:5px; color:#ffffff; background-color:; width:10px; } .line-item-subheader { border: 1px solid #aaa; padding:5px; padding-left:3px; padding-right:3px; background: #ddd; font-weight:bold; } .solutionTitleBuilder { background:#ffffff; color:#333333; padding-top:10px; font-family:'Cinzel', serif, bold; font-size: ; font-weight:bold; text-align:center; } hr.underline { height: 2px; /* Thickness */ color: #333333; /* Colour */ background-color: #EFEFEF; /* Colour */ border:none; } .solutionTitle { background:#333333; color:#ffffff; padding-top:15px; padding-bottom:15px; font-family:'Cinzel', serif, bold; font-size: ; } .solutionSubTitle { background:#333333; color:#ffffff; padding:10px; font-family:'Cinzel', serif, bold; font-size: ; } .solutionTitleOutline { border:5px solid #333333; color:#000000; padding-top:20px; padding-bottom:20px; font-family:'Cinzel', serif, bold; font-size: ; text-align:center; } .solutionPlaceholder { border:3px solid #cccccc; color:#cccccc; padding-top:100px; padding-bottom:100px; font-family:'Cinzel', serif, bold; font-size: ; } .form-title { padding-top: 20px; padding-bottom:10px; } .carousel { width:; overflow-y:hidden; overflow-x:auto; } .carousel[id="full-width"] { width:100%; } .cart-expand { cursor: pointer; }