body{margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; background-color:#ffffff; color:#000000;} h1 {color:black; font-size:16px; font-family: "Helvetica", Sans-Serif; } h1 a:link {color: black;} h1 a:visited {color: black;} h1 a:hover {color: black; font-size:16px; text-decoration:underline; } h1 a:active {color: black;} h1 a { text-decoration:none;} h2 {color:black; font-size:16px; font-family: "Helvetica", Sans-Serif; } h2 a:link {color: black;} h2 a:visited {color: black;} h2 a:hover {color: black; font-size:16px; text-decoration:underline; } h2 a:active {color: black;} h2 a { text-decoration:none;} h3 {color:black; font-size:16px; font-family: "Helvetica", Sans-Serif; } h3 a:link {color: black;} h3 a:visited {color: black;} h3 a:hover {color: black; font-size:16px; text-decoration:underline; } h3 a:active {color: black;} h3 a { text-decoration:none;} .above_header_ad{width:100%; text-align:center; height:100px;} /*old #header-wrap {position:relative; height:100%; width:100%;}*/ #header-wrap {position:relative;} #gameon{z-index:11;} #searchload{position:absolute; z-index:10;} .navigation{color:#000000; width:100%; background-color:#a6a6a6; height:20px; font-weight:bold; /*font-family:arial,verdana,sans-serif;*/ font-family: "Helvetica", Sans-Serif; font-size: 0.9em;} .nav_bar_logo{width:100px; padding-left:10px; padding-right:10px; float:left;} .nav_bar{list-style:none; font-weight:bold;/* font-family:arial,verdana,sans-serif;*/ font-family: "Helvetica", Sans-Serif; font-size:0.9em; width:96%; float:left;} #nav_hello{display:block; padding:2px;} #nav{list-style:none;font-weight:bold;margin-bottom:10px;float:left;width:100%;} #nav li{float:left;margin-right:2px;position:relative;} #nav a{display:block;padding:2px;color:#000000;text-decoration:none;} #nav a:hover{color:#fff;background-color: #a6a6a6;text-decoration:underline;} #nav ul{background:#fff;background:rgba(255,255,255,0);list-style:none;position:absolute;left:-9999px;} #nav ul li{padding-top:1px;float:none;left:-100px;} #nav ul a{white-space:nowrap; } #nav li:hover ul{left:-35px;} #nav li:hover a{background-color: #a6a6a6;text-decoration:underline;} #nav li:hover ul a{text-decoration:none;} #nav li:hover ul li a:hover{background:#333;} .advertisement_top{list-style:none;font-weight: bold; font-family: "Helvetica", Sans-Serif;/*font-family: arial,verdana,sans-serif;*/font-size:0.9em;width:100%;float:left;} .cartdiv{float:left;width:20px;padding-top:6px;padding-right:8px;height:10px;} .alertdiv{float:left;width:20px;padding-left:5px;padding-top:6px;height:10px;} .searchdiv{padding-left:5px;border:1px solid #000000;width:200px;background-color:#fff;} .searchdiv input[type="text"]{background:none;border: 0 none;float:left;height:1.5em;line-height:1.5em;margin:0;padding: 3px 0;width:174px;background-color:#fff;} .searchdiv input[type="submit"]{background: url("https://cdn.smitleyinc.com/smi_assets/images/search.png");border: 0 none;height:1.5em;line-height:1.5em;margin:0;height:28px;padding:3px;text-indent:94px;width:26px;background-color:#fff;} /* this is for desktops */ @media all and (min-width: 810px) { /*.logo_wrap { float:left; width: 49%; height:40px; }*/ /*display:inline-block;*/ .logo {float:left; margin-top: 2px; background-image: url("https://cdn.smitleyinc.com/smi_assets/images/smitley_inc_sm.png"); background-repeat:no-repeat; width:100px;height:71px;} /*width:250px;height:20px;*/ .search_header{ padding-left: 25px; width:350px;height:20px;float:left;} .alert_bar{ width:25%;height:auto; float:right; font-weight: bold; color:#fff; /* font-family: arial,verdana,sans-serif;*/ font-family: "Helvetica", Sans-Serif; font-size: 0.9em;} .alert_bar a:link {color:#FFF; text-decoration:none;} .alert_bar a:visited {color:#FFF; text-decoration:none;} .alert_bar a:hover {color: #FFF; font-size:14px; font-weight: bold; text-decoration:underline; } .alert_bar a:active {color: #FFF; text-decoration:none;} /*changed to 70 from 60 IE ISSUE?*/ .header{background-color:#e67300; width:100%; height:124px;} .header_layout{ /*background-image: url("/themes/replace/images/nav_bar.png"); */ background-repeat:no-repeat; margin-left: auto; margin-right: auto; background-repeat: no-repeat; background-size: 100% 100%; /*font-family: 'recharge';*/ font-size:14px; color:#666; height:20px;} .header_layout_text{ padding-left: 5px; padding-right: 5px;} .navigation_text{ position: relative; float:left; padding-left: 20px; padding-right: 5px;} /* this is for bottom of the container */ #container_header{ margin-top: 30px;} /* hide mobile tablet menu */ #menu-mobile-tablet{ visibility: hidden; width:0px; height:0px;} #nav-mob-tab{visibility: hidden; width:0px; height:0px; } nav-mob-tab li{visibility: hidden; width:0px; height:0px;} nav-mob-tab ul{visibility: hidden; width:0px; height:0px;} .nav_bar_mob_tab{visibility: hidden; width:0px; height:0px;} } /*this is for tablets */ @media (max-width: 811px) { .header{background-color:#e67300; width:100%; height:124px;} .logo {float:left;margin-left:1%; margin-top: 7px; background-image: url("https://cdn.smitleyinc.com/smi_assets/images/smitley_inc_sm.png"); background-repeat:no-repeat; width:100px;height:71px;} .alert_bar{ width:auto;height:auto; float:right; font-weight: bold; color:#fff; /*font-family: arial,verdana,sans-serif;*/ font-family: "Helvetica", Sans-Serif; font-size: 0.9em;} .alert_bar a:link {color:#FFF; text-decoration:none;} .alert_bar a:visited {color:#FFF; text-decoration:none;} .alert_bar a:hover {color: #FFF; font-size:14px; font-weight: bold; text-decoration:underline; } .alert_bar a:active {color: #FFF; text-decoration:none;} .search_header{ width:250px;height:20px;float:left;} /* .responsive-container { width:100%; margin:0; } .logo_wrap { margin-left: auto; margin-right: auto; width: 98%; height:40px; } .logo {margin-left:5%; float:left; margin-right: auto; margin-top: 2px; background-image: url("/themes/replace/images/massillon_pool_league_logo_small.png"); background-repeat:no-repeat; width:280px;height:38px; } .header{ background-image: url("../images/header.png");width:100%; height:80px;} .header_layout{ background-image: url("/themes/replace/images/nav_bar.png"); background-repeat:no-repeat; margin-left: auto; margin-right: auto; background-repeat: no-repeat; background-size: 100% 100%; font-family: 'recharge'; font-size:16px; color:white; height:30px;} .header_layout_text{ padding-left: 10px; padding-right: 10px;} */ /* hide desktop menu */ .nav_bar{visibility: hidden;} .nav_bar_mob_tab { /* background-color:#8cff66;*/ list-style:none; /*background-color: #4C8FEC;*/ width:50px; float: left; } /*show the tablet menu */ #menu-mobile-tablet{display:inline-block; background-image: url("https://cdn.smitleyinc.com/smi_assets/images/mobile_tablet_menu_load.png"); width: 40px; height: 40px; border:0px;} #menu-mobile-tablet a:link {border:0px; text-decoration:none;} #menu-mobile-tablet a:visited {border:0px; text-decoration:none;} #menu-mobile-tablet a:hover {border:0px;text-decoration:underline; } #menu-mobile-tablet a:active {border:0px; text-decoration:none;} nav-mob-tab ul, nav-mob-tab:active ul { /* this is to help with the scrolling menu */ overflow-x: hidden; overflow-y: scroll !important; height:300px; display: none; /*position: absolute;*/ /*padding: 20px;*/ /*background: #fff;*/ /*border: 1px solid #444;*/ /*right: 20px;*/ /*top: 60px;*/ width: 250px; border-radius: 1px 0px 1px 1px; margin-left:-10px; margin-top:-10px; } nav-mob-tab li { /*need to do something with this for mobile drop down this has to do with the hover*/ background-color:#e67300; border-bottom: 1px solid #fff; list-style:none; text-align: left; width: 100%; padding:5px 5px 5px 5px; margin: 0px; left:0px; color:#666; font-weight: bold; /* font-family: arial,verdana,sans-serif;*/ font-family: "Helvetica", Sans-Serif; font-size: 0.9em; } nav-mob-tab li a:link {color:#FFF; text-decoration:none;} nav-mob-tab li a:visited {color:#FFF; text-decoration:none;} nav-mob-tab li a:hover {color: #FFF; font-size:14px; font-weight: bold; text-decoration:underline; } nav-mob-tab li a:active {color: #FFF; text-decoration:none;} nav-mob-tab:hover ul { display: block; } /*this is for the header floater */ #container_header{ margin-top: 70px;} } /* this is for cell phones */ @media (max-width: 480px) { #e67300 .header{background-color:#e67300; width:100%; height:110px;} .logo {float:left;margin-left:1%; margin-top: 5px; background-image: url("https://cdn.smitleyinc.com/smi_assets/images/smitley_inc_sm.png"); background-repeat:no-repeat; width:100px;height:71px;} .alert_bar{ width:60px;height:auto; float:right; font-size:14px; color:#FFF; font-family: "Helvetica", Sans-Serif;/*font-family:arial,verdana,sans-serif;*/} .alert_bar a:link {color:#FFF; text-decoration:none;} .alert_bar a:visited {color:#FFF; text-decoration:none;} .alert_bar a:hover {color: #FFF; font-size:14px; font-weight: bold; text-decoration:underline; } .alert_bar a:active {color: #FFF; text-decoration:none;} .search_header{ padding-left:4px; width:100px;height:20px;float:left;} /* .responsive-container { width:100%; } .logo_wrap { margin-left: auto; margin-right: auto; width: 98%; height:52px; } .logo {margin-left:5%;margin-top: 5px; float:left; background-image: url("/themes/replace/images/logo.png"); background-repeat:no-repeat;display:inline-block; width:314px;height:50px;} .header{ background-image: url("../images/header.png");width:100%; height:112px;} .header_layout{ background-image: url("/themes/replace/images/nav_bar.png"); background-repeat:no-repeat; margin-left: auto; margin-right: auto; background-repeat: no-repeat; background-size: 100% 100%; font-family: 'recharge'; font-size:18px; color:white;} .header_layout_text{ padding-left: 10px; padding-right: 10px;} */ /* hide desktop menu */ .nav_bar{visibility: hidden;} .nav_bar_mob_tab { padding-top:70px; /* background-color:#8cff66;*/ list-style:none; /*background-color: #4C8FEC;*/ width:50px; float: left; position: absolute; z-index:15; } /*show the tablet menu */ #menu-mobile-tablet{display:inline-block; background-image: url("https://cdn.smitleyinc.com/smi_assets/images/mobile_tablet_menu_load.png"); width: 40px; height: 40px; border:0px;} #menu-mobile-tablet a:link {border:0px; text-decoration:none;} #menu-mobile-tablet a:visited {border:0px; text-decoration:none;} #menu-mobile-tablet a:hover {border:0px;text-decoration:underline; } #menu-mobile-tablet a:active {border:0px; text-decoration:none;} nav-mob-tab ul, nav-mob-tab:active ul { /* this is to help with the scrolling menu */ overflow-x: hidden; overflow-y: scroll !important; height:300px; display: none; /*position: absolute;*/ /*padding: 20px;*/ /*background: #fff;*/ /*border: 1px solid #444;*/ /*right: 20px;*/ /*top: 60px;*/ width: 250px; border-radius: 1px 0px 1px 1px; margin-left:-10px; margin-top:-10px; } nav-mob-tab li { /*need to do something with this for mobile drop down this has to do with the hover*/ background-color:#e67300; border-bottom: 1px solid #fff; list-style:none; text-align: left; width: 100%; padding:5px 5px 5px 5px; margin: 0px; left:0px; color:#666; font-weight: bold; /* font-family: arial,verdana,sans-serif;*/ font-family: "Helvetica", Sans-Serif; font-size: 0.9em; } nav-mob-tab li a:link {color:#FFF; text-decoration:none;} nav-mob-tab li a:visited {color:#FFF; text-decoration:none;} nav-mob-tab li a:hover {color: #FFF; font-size:14px; font-weight: bold; text-decoration:underline; } nav-mob-tab li a:active {color: #FFF; text-decoration:none;} nav-mob-tab:hover ul { display: block; } /*this is for the header floater */ #container_header{ margin-top: 10px;} } /* for links in header th*s can be deleted font-family: arial,verdana,sans-serif;*/ .page_layout {color:black; font-size:16px; font-family: "Helvetica", Sans-Serif; } .page_layout a:link {color: black;} .page_layout a:visited {color: black;} .page_layout a:hover {color: black; font-size:16px; text-decoration:underline; } .page_layout a:active {color: black;} .page_layout a { text-decoration:none } /*end delete */ /* new navigation */ /*------------------------------------*\ NAV \*------------------------------------*/ #nav{ list-style:none; font-weight:bold; margin-bottom:10px; /* Clear floats */ float:left; /* might have to find float or margin above because pushes logoff around 93% everyone wins*/ width:93%; /* Bring the nav above everything else--uncomment if needed. position:relative; z-index:5; */ } #nav li{ float:left; margin-right:10px; position:relative; } #nav a{ display:block; padding:4px; color:#ffffff; /*background:#333;*/ text-decoration:none; } #nav a:hover{ /* turned off 12-14-22 font-size:14px;*/ color:#fff; /*background:#6b0c36; background-color: #a6a6a6;*/ text-decoration:underline; } /*--- DROPDOWN ---*/ #nav ul{ background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */ background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */ list-style:none; position:absolute; left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ } #nav ul li{ padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */ float:none; } #nav ul a{ white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */ } #nav li:hover ul{ /* Display the dropdown on hover */ left:0; /* Bring back on-screen when needed */ } #nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ background-color:#e67300; color:#fff; text-decoration:underline; } #nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */ text-decoration:none; } #nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */ background-color:#e67300; text-decoration:underline; } /* start order history view */ .view_my_order_history_exterior{width:620px;height:auto;} .view_my_order_history_top_bx_main{ width:618px; height:20px; text-align: center; border: 1px solid grey;} .view_my_order_history_top_bx_order_number{float:left;display: inline-block; font-weight:bold; padding-top:2px; width:80px; height:18px; text-align: center;} .view_my_order_history_top_bx_order_date{float:left;display: inline-block; font-weight:bold; padding-top:2px; width:99px; height:18px; text-align: center; border-left: 1px solid grey;} .view_my_order_history_top_bx_order_total{float:left;display: inline-block; font-weight:bold; padding-top:2px; width:79px; height:18px; text-align: center; border-left: 1px solid grey;} .view_my_order_history_top_bx_order_tax{float:left;display: inline-block; font-weight:bold; padding-top:2px; width:79px; height:18px; text-align: center; border-left: 1px solid grey;} .view_my_order_history_top_bx_order_delivery_address{float:left;display: inline-block; font-weight:bold; padding-top:2px; width:277px; height:18px; text-align: center; border-left: 1px solid grey;} .view_my_order_history_grid_bx_order_number{float:left;display: inline-block; padding-top:2px; width:80px; height:18px; text-align: center;} .view_my_order_history_grid_bx_order_date{float:left;display: inline-block; padding-top:2px; width:99px; height:18px; text-align: center; border-left: 1px solid grey;} .view_my_order_history_grid_bx_order_total{float:left;display: inline-block; padding-top:2px; width:79px; height:18px; text-align: center; border-left: 1px solid grey;} .view_my_order_history_grid_bx_order_tax{float:left;display: inline-block; padding-top:2px; width:79px; height:18px; text-align: center; border-left: 1px solid grey;} .view_my_order_history_grid_bx_order_delivery_address{float:left;display: inline-block; padding-top:2px; width:277px; height:18px; text-align: center; border-left: 1px solid grey;} .view_my_order_history_exterior_tran{width:388px;height:auto;} .view_my_order_history_top_address_tran{width:388px;height:auto;} .view_my_order_history_top_bx_order_sku_tran{float:left;display: inline-block; font-weight:bold; padding-top:2px; width:206px; height:18px; text-align: center; border: 1px solid grey;} .view_my_order_history_top_bx_order_price_tran{float:left;display: inline-block; font-weight:bold; padding-top:2px; width:98px; height:18px; text-align: center; border: 1px solid grey;} .view_my_order_history_top_bx_order_quantity_tran{float:left;display: inline-block; font-weight:bold; padding-top:2px; width:78px; height:18px; text-align: center; border: 1px solid grey;} .view_my_order_history_grid_bx_order_sku_tran{float:left;display: inline-block; padding-top:2px; width:206px; height:18px; text-align: center; border: 1px solid grey;} .view_my_order_history_grid_bx_order_price_tran{float:left;display: inline-block; padding-top:2px; width:98px; height:18px; text-align: center; border: 1px solid grey;} .view_my_order_history_grid_bx_order_quantity_tran{float:left;display: inline-block; padding-top:2px; width:78px; height:18px; text-align: center; border: 1px solid grey;} .view_my_order_history_exterior_tran_btm{float:left;width:388px;height:300px;} .view_my_order_history_interior{width:618px; height:18px; text-align: center; border: 1px solid grey;} .view_my_order_history_interior:hover{background-color: rgba(6, 0, 0, 0.1); border: 1px solid rgba(58, 159, 24, 0.3);} /*end order history view */ /*start view cart */ .view_cart_smi_Top_bx{ width: 100%;display: inline-block;} .view_cart_smi_Top{display: inline-block; padding:4px 4px 4px 4px; text-align: left; border: 1px solid grey;} .view_cart_smi{display: inline-block; width:320px; height:190px; text-align: center; border: 1px solid grey;} .view_cart_smi:hover{background-color: rgba(6, 0, 0, 0.1); border: 1px solid rgba(58, 159, 24, 0.3);} .view_cart_smi_lf_bx{display: inline-block; float:left; width:112px; height:156px; text-align: center; } .view_cart_smi_rt_bx1{display: inline-block; float:left; width:200px; height:100px; text-align: center; } .view_cart_smi_rt_bx2{display: inline-block; float:left; width:60px; height:56px; text-align: center; } .view_cart_smi_rt_bx3{display: inline-block; float:left; width:140px; height:56px; text-align: center; } .view_cart_smi_rt_bx4L{display: inline-block; float:left; width:160px; height:30px; text-align: center;} .view_cart_smi_rt_bx4R{display: inline-block; float:left; width:160px; height:30px; text-align: center;} .view_cart_smi_ship{width: 100%;display: inline-block;} .view_cart_smi_ship_to{display: inline-block; float:left; width:320px; height:596px; text-align: center; } .view_cart_smi_ship_bx{display: inline-block; float:left; width:314px; height:24px; padding:2px 2px 2px 2px; text-align: left; border: 1px solid grey;} .view_cart_smi_ship_bx_gy{display: inline-block; float:left; color:#9c9c9c; width:318px; height:18px; padding:1px 1px 1px 1px; text-align:left;} .view_cart_smi_ship_blk_txt{ color:#000000;} .view_cart_smi_totals_otr{display: inline-block; float:left; width:320px; } .view_cart_smi_totals{display: inline-block; float:left; color:#000000; width:318px; height:20px; padding:1px 1px 1px 1px; text-align:left; border-bottom: 1px solid #c9c9c9;} .view_my_in_smi{display: inline-block; width:320px; height:480px; text-align: center; border: 1px solid grey;} .view_my_in_smi:hover{background-color: rgba(6, 0, 0, 0.1); border: 1px solid rgba(58, 159, 24, 0.3);} .view_my_in_smi_btm_bx{display: inline-block; float:left; width:314px; padding-left:4px; padding-right:4px; height:278px; text-align:left;} .addtocart {box-shadow: 0px 1px 0px 0px #fff6af;background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);background-color:#ffec64;border-radius:5px;border:1px solid #ffaa22;display:inline-block;cursor:pointer;color:#333333;font-family:Arial;font-size:15px;font-weight:bold;padding:6px 6px;text-decoration:none;text-shadow:0px 1px 0px #ffe836;} .addtocart:hover {background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);background-color:#ffab23;} .addtocart:active {position:relative;top:1px;} .smicartlinkbutton {background: none;border: none;color: #0066ff;text-decoration: underline;cursor: pointer;} /*end viewt cart*/ .top_page_layout { margin-left: auto; margin-right: auto; width: 90%; height:21px; background-image: url("/themes/replace/images/top_background.png"); background-repeat:no-repeat; display: block; color:black; background-size: 100% 100%; } .page_layout { margin-left: auto; margin-right: auto; width: 96%; /*background-image: url("/themes/replace/images/middle_background.png");*/ background-repeat:no-repeat; display: block; background-size: 100% 100%; padding-top: 5px; padding-bottom: 5px; /* font-family: 'recharge'; font-size:16px; */ font-family: "Helvetica", Sans-Serif; font-size:16px; color:black; } .page_layout_text{ padding-left: 10px; padding-right: 10px;} .bottom_page_layout { margin-left: auto; margin-right: auto; padding-top:10px; width: 90%; height:21px; /* turned off not here background-image: url("/themes/replace/images/bottom_background.png"); */ background-repeat:no-repeat; display: block; color:black; background-size: 100% 100%; } .footer{ /*background-color:#f6cd2a ;*/ width:100%; height:250px; float:left; background-repeat:repeat-x; } .footer_layout{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; padding-top: 40px; margin-left: auto; margin-right: auto; width: 90%; text-align: center; color:#707070;}