/* Reset -------------------------------------------------------------------*/ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { padding: 0; margin: 0; border-collapse:collapse; } ul, ol { list-style: none; } img { border: none; } /* Body -------------------------------------------------------------------*/ body { font: 12px/14px Verdana, Verdana, Geneva, sans-serif; color: #667bb4; } img { behavior: url(/common/js/pngbehavior.htc); } hr { height: 1px; color: #d0d1d1; background-color: #d0d1d1; border-style: none; } input, textarea, select { font-family: Verdana, Verdana, Geneva, sans-serif; font-weight: normal; margin: 0; color: #667bb4; } h1, h2, h3, h4, h5, h6 { font: normal 18px Verdana, Verdana, Geneva, sans-serif; color: #ff0101; } h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; } h2 { font-size: 18px; line-height: 24px; margin-bottom: 7px; } h3 { font-size: 16px; line-height: 22px; margin-bottom: 5px; } h4 { font-size: 16px; line-height: 22px; margin-bottom: 5px; } h5 { font-size: 14px; line-height: 22px; margin-bottom: 5px; } h6 { font-size: 14px; line-height: 22px; margin-bottom: 5px; } a { color: #ff0101; } a:hover { text-decoration: none; } .clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; } .clear_left { clear: left; font-size: 0px; line-height: 0px; height: 0px; } .clear_right { clear: right; font-size: 0px; line-height: 0px; height: 0px; } /* Generic Blocks -------------------------------------------------------------------*/ #border_div { width: 1002px; border-left: 1px solid #667bb4; border-right: 1px solid #667bb4; } #header { position: relative; width: 1000px; height: 85px; text-align: left; } #main_menu { position: relative; width: 1000px; height: 31px; text-align: left; background: url(/common/images/main_menu_left_bg.gif) no-repeat left top #667bb4; } #flash { width: 1000px; height: 278px; margin-top: 1px; overflow: hidden; } #banners { width: 1000px; height: 131px; background: url(/common/images/banners_bg.gif) no-repeat left; margin-top: 1px; overflow: hidden; } #title { position: relative; width: 1000px; text-align: left; } #blocks { overflow: hidden; width: 1000px; text-align: left; } #store_prod { width: 1000px; text-align: left; overflow: hidden; } #cart { width: 1000px; margin-bottom: 40px; } #inner { width: 1000px; text-align: left; overflow: hidden; } #bottom_menu { position: relative; width: 1000px; height: 21px; margin-top: 1px; text-align: left; background: url(/common/images/bottom_menu_left_bg.gif) no-repeat left top #667bb4; } #footer { width: 1000px; height: 70px; text-align: left; overflow: hidden; } /* Header Blocks -------------------------------------------------------------------*/ #header .logo { position:absolute; top:10px; left:15px; display:block; width:340px; height:70px; background:url(/common/images/fitness_kids_logo.png) no-repeat left top; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; line-height:9999px; overflow:hidden; } #header .diler { position: absolute; left: 500px; top: 23px; width: 250px; height: 23px; overflow: hidden; } #header .search { position: absolute; left: 500px; top: 43px; width: 184px; height: 23px; overflow: hidden; background: url(/common/images/search_bg.gif) no-repeat left top; } #header .search input { border: 0; background: none; } #header .search .pole { position: absolute; line-height: 22px; width: 140px; height: 23px; padding: 0 3px; } #header .search .submit { width: 35px; height: 23px; cursor: pointer; position: absolute; right: 1px; } #header .phone { position: absolute; top: 16px; right: 22px; width: 140px; line-height: 20px; height: 22px; overflow: hidden; font-size: 18px; } #header .cart { position: absolute; top: 17px; right: 183px; display: block; width: 62px; height: 53px; background: url(/common/images/icon_cart.gif) no-repeat left top; } #header .cart_link { position: absolute; right: 2px; top: 51px; display: block; width: 160px; height: 20px; line-height: 18px; font-size: 15px; text-align: left; overflow: hidden; } /* Main menu Blocks -------------------------------------------------------------------*/ #main_menu ul { display: block; clear: both; width: 1000px; height: 31px; background: url(/common/images/main_menu_right_bg.gif) no-repeat right top; overflow: hidden; } #main_menu ul li { float: left; font-size: 13px; font-weight: bold; } #main_menu ul li a { color: #fff; text-decoration: none; padding: 0 26px; line-height: 30px; border-right: 2px solid #fff; } #main_menu ul li.act a { color: #fdfa00; } #main_menu ul li.last a { border: 0; } #main_menu ul li a:hover { color: #fdfa00; } /* Banners Blocks -------------------------------------------------------------------*/ #banners a img { margin: 10px 5px 0 5px; } /* Title Blocks -------------------------------------------------------------------*/ #title h1 { color: #667bb4; font-size: 17px; font-weight: bold; line-height: 60px; margin-left: 25px; } #title a { position: absolute; right: 25px; bottom: 0; display: block; background: url(/common/images/back.gif) no-repeat left top; width: 131px; height: 20px; } /* Blocks Blocks -------------------------------------------------------------------*/ #blocks .infoblock { position: relative; float: left; margin-right: 2px; margin-top: 1px; background: url(/common/images/infoblock_top_bg.gif) no-repeat left top; } #blocks .infoblock.last { margin-right: 0; } #blocks .infoblock .ib_inner { width: 499px; background: url(/common/images/infoblock_bottom_bg.gif) no-repeat left bottom; } #blocks .infoblock .ib_inner.h340 { height: 340px; } #blocks .infoblock .ibi_cont { margin: 0 25px; padding: 10px 0; } #blocks .infoblock .ibi_cont h2 { font-size: 24px; } #blocks .infoblock .ibi_cont h3 { color: #667bb4; font-size: 17px; font-weight: bold; margin-bottom: 10px; } #blocks .infoblock .ibi_cont h4 { color: #667bb4; font-size: 16px; line-height: 16px; } #blocks .infoblock .ibi_cont ul { list-style-image: url(/common/images/ul_marker.gif); margin-left: 17px; margin-bottom: 10px; } #blocks .infoblock .ibi_cont ul li { margin-bottom: 3px; } #blocks .infoblock .ibi_cont .colors { margin: 6px 0; } #blocks .infoblock .ibi_cont .colors img { display: block; margin-bottom: 4px; } #blocks .infoblock .hit { background: url(/common/images/hit_in_our_store.jpg) no-repeat right 20px; } #blocks .infoblock .hit_link { position: absolute; display: block; right: 190px; top: 202px; } #blocks .infoblock .hit2 { background: url(/common/images/hit_in_our_store2.jpg) no-repeat right 20px; } #blocks .infoblock .shipping { background: url(/common/images/shipping.jpg) no-repeat right 35px; } #blocks .infoblock .ibi_cont .newsblock { margin: 15px 0; } #blocks .infoblock .ibi_cont .newsblock a { color: #667bb4; } #blocks .textblock { margin: 0 25px; padding: 10px 0; } #blocks .textblock h2 { font-size: 15px; font-weight: bold; color: #667bb4; margin-bottom: 5px; margin-top: 10px;} #blocks .productblock { position: relative; float: left; margin-right: 2px; margin-top: 1px; background: url(/common/images/infoblock_top_bg.gif) no-repeat left top; } #blocks .productblock.last { margin-right: 0; } #blocks .productblock .ib_inner { width: 499px; background: url(/common/images/infoblock_bottom_bg.gif) no-repeat left bottom; } #blocks .productblock .ib_inner.h320 { height: 320px; } #blocks .productblock .ibi_cont { margin: 0 25px; height: 300px; padding: 10px 0; background: no-repeat right 24px; } #blocks .productblock .ibi_cont h2 { font-size: 16px; font-weight: bold; margin-bottom: 0px; } #blocks .productblock .ibi_cont h3 { font-size: 16px; font-weight: bold; color: #008a3f; margin-top: 12px; margin-bottom: 12px; } #blocks .productblock .ibi_cont h4 { font-size: 12px; color: #008a3f; margin-top: -10px; margin-left: 62px; margin-bottom: 15px; } #blocks .productblock .ibi_cont .about { font-size: 10px; margin-bottom: 5px; margin-right: 160px; } #blocks .productblock .ibi_cont .colors { margin: 6px 0; } #blocks .productblock .ibi_cont .colors em { position: relative; display: block; margin-bottom: 4px; font-style: normal; overflow: hidden; } #blocks .productblock .ibi_cont .colors em input { margin: 0; padding: 0; position: absolute; height: 12px; width: 12px; } #blocks .productblock .ibi_cont .colors em img { margin-bottom: -2px; margin-left: 17px; } #blocks .productblock .ibi_cont select { margin: 5px 0; width: 240px; border: 1px solid #667bb4; } #blocks .productblock .ibi_cont .popup_btn { display: inline; color: #f00; cursor: help; } #blocks .productblock .ibi_cont .floatleft { float: left; margin-right: 5px; } #blocks .productblock .ibi_cont .popup { position: absolute; z-index: 999; background: #fff;border: 1px solid #667bb4; padding: 5px; width: 437px; font-size: 11px; } #store_prod .left_col .cart { margin-bottom: 20px; } #store_prod .left_col .cart, #blocks .productblock .ibi_cont .cart { margin-top: 20px; position: relative; height: 33px; background: url(/common/images/add_to_cart.gif) no-repeat left top; } #store_prod .left_col .cart input, #blocks .productblock .ibi_cont .cart input { border: none; background: none; } #store_prod .left_col .cart .pole, #blocks .productblock .ibi_cont .cart .pole { position: absolute; left: 51px; top: 6px; width: 44px; height: 19px; } #store_prod .left_col .cart .submit.left, #blocks .productblock .ibi_cont .cart .submit.left { left: 5px; top: 5px; width: 45px; } #store_prod .left_col .cart .submit, #blocks .productblock .ibi_cont .cart .submit { position: absolute; left: 103px; top: 5px; width: 26px; height: 23px; cursor: pointer; } #store_prod .left_col .cart p, #blocks .productblock .ibi_cont .cart p { position: absolute; left: 140px; top: 0px; display: block; height: 33px; } #store_prod .left_col .cart p.in_store, #blocks .productblock .ibi_cont .cart p.in_store { line-height: 32px; color: #008a3f; } #store_prod .left_col .cart p.out_store, #blocks .productblock .ibi_cont .cart p.out_store { line-height: 16px; color: #ff1200; } /* Store Prod Blocks -------------------------------------------------------------------*/ #store_prod .left_col { float: left; width: 476px; padding-left: 25px; } #store_prod .left_col h2 { font-size: 17px; font-weight: bold; margin-bottom: 5px; margin-top: 0; line-height: 17px; } #store_prod .left_col ul { list-style-image: url(/common/images/ul_marker.gif); margin-left: 17px; margin-bottom: 10px; } #store_prod .left_col ul li { margin-bottom: 3px; } #store_prod .left_col table { border-top: 1px solid #667bb4; border-bottom: 1px solid #667bb4; width: 100%; } #store_prod .left_col table td { background: #f8faff; padding: 4px 10px; } #store_prod .left_col table .row td { background: #e3ebff; } #store_prod .left_col .alert { color: #ff0101; margin: 10px 0; } #store_prod .left_col h3 { font-size: 17px; font-weight: bold; color: #008a3f; margin-top: 12px; margin-bottom: 12px; } #store_prod .left_col .popup_btn { /* display: inline; */ color: #f00; cursor: help; } #store_prod .left_col .floatleft { float: left; margin-right: 5px; } #store_prod .left_col .popups { position: absolute; z-index: 999; background: #fff;border: 1px solid #667bb4; padding: 5px; width: 437px; font-size: 11px; } #store_prod .left_col .colors { margin: 6px 0; } #store_prod .left_col .colors em { position: relative; display: block; margin-bottom: 4px; font-style: normal; overflow: hidden; } #store_prod .left_col .colors em input { margin: 0; padding: 0; position: absolute; height: 12px; width: 12px; } #store_prod .left_col .colors em img { margin-bottom: -2px; margin-left: 17px; } #store_prod .left_col .popup { position: relative; cursor: pointer; text-decoration: underline; } #store_prod .left_col .popup:hover { text-decoration: none; } #store_prod .left_col .popup div { display: none; position: absolute; background: #fff; border: 1px solid #667bb4; z-index: 9999; width: 200px; color: #667bb4; font-size: 10px; line-height: 11px; } #store_prod .left_col .popup div p { margin: 5px; } #store_prod .left_col select { margin: 5px 0; width: 240px; border: 1px solid #667bb4; } #store_prod .right_col { float: left; width: 499px; } #store_prod .right_col .img { text-align: center; } #store_prod .right_col .links { margin-top: 20px; background: url(/common/images/infoblock_top_bg.gif) no-repeat left top; } #store_prod .right_col .links .l_inner { width: 499px; background: url(/common/images/infoblock_bottom_bg.gif) no-repeat left bottom; } #store_prod .right_col .links .l_inner .padding { margin: 0 25px; padding: 10px 0; } #store_prod .right_col .links .l_inner .padding h6 { font-size: 14px; color: #667bb4; font-weight: bold; } #store_prod .right_col .links .l_inner .padding p { font-size: 14px; margin-bottom: 10px; } /* Cart Blocks -------------------------------------------------------------------*/ #cart table { width: 950px; margin: 0 25px; font-size: 14px; text-align: left; border-bottom: 1px solid #667bb4; margin-bottom: 16px; } #cart table th { background: #e3ebff; padding: 5px; font-weight: normal; border-bottom: 1px solid #667bb4; } #cart table td { background: #f8faff; padding: 2px 5px; } #cart table td .color { margin-left: 4px; width: 30px; height: 13px; } #cart table td input, #cart table td select { border: 1px solid #667bb4; } #cart table td input { width: 35px; } #cart table .row td { background: #e3ebff; } #cart table td a { color: #667bb4; text-decoration: none; } #cart table td a:hover { text-decoration: underline; } #cart table td .del { display: block; width: 11px; height: 14px; background: url(/common/images/del.gif) no-repeat left top; cursor: pointer; } #cart .upgrade { display: block; width: 131px; height: 20px; background: url(/common/images/button_upgrade.gif) no-repeat left top; } #cart .code { width: 800px; overflow: hidden; font-size: 14px; } #cart .code label { float: left; display: block; width: 400px; text-align: right; line-height: 20px; margin: 6px 0; } #cart .code p { float: left; display: block; width: 395px; text-align: left; line-height: 20px; padding-left: 5px; margin: 6px 0; } #cart .code .promo { color: #ff0101; } #cart .code .code input { width: 140px; height: 20px; border: 1px solid #667bb4; } #cart .code .total { color: #008a3f; } #cart .code p.total { font-weight: bold; } #cart .checkout { display: block; width: 131px; height: 20px; background: url(/common/images/button_checkout.gif) no-repeat left top; margin-top: 10px; margin-bottom: 20px; } #cart .code.form { margin: 15px 0 25px 0; } #cart .code.form label { margin: 4px 0; } #cart .code.form label.error { font-size: 12px; line-height: 12px; margin-bottom: 10px; text-align: left; color: #f00; } #cart .code.form p { margin: 4px 0; } #cart .code.form em { color: #ff0101; font-style: normal; } #cart .code.form input { width: 140px; height: 20px; border: 1px solid #667bb4; } #cart .delivery { color: #008a3f; font-size: 14px; } #cart .book { display: block; width: 131px; height: 20px; background: url(/common/images/button_book.gif) no-repeat left top; margin-top: 10px; margin-bottom: 20px; } /* Inner Blocks -------------------------------------------------------------------*/ #inner .left_col { /* float: left; */ /* width: 675px; */ font-size: 14px; padding-left: 25px; padding-right: 25px; padding-bottom: 30px; } #inner .left_col.only { width: 950px; padding-right: 25px; } #inner .left_col p { margin-bottom: 10px; line-height: 16px; } #inner .left_col ul { list-style-image: url(/common/images/ul_marker.gif); margin-left: 17px; margin-bottom: 10px; } #inner .left_col ul ul { margin-top: 10px; } #inner .left_col ul li { margin-bottom: 10px; } #inner .left_col table { border-top: 1px solid #667bb4; border-bottom: 1px solid #667bb4; width: 100%; margin-bottom: 15px; } #inner .left_col table th { background: #e3ebff; padding: 4px 10px; text-align: left; border-bottom: 1px solid #667bb4; } #inner .left_col table td { background: #f8faff; padding: 4px 10px; } #inner .left_col table .row td { background: #e3ebff; } #inner .left_col h2 { color: #667bb4; font-size: 16px; font-weight: bold; margin-bottom: 20px; line-height: 20px; } #inner .left_col h3, #inner .left_col h4, #inner .left_col h5, #inner .left_col h6 { color: #667bb4; font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 15px; } #inner .right_col { float: left; width: 300px; text-align: center; } #inner .right_col.hide { display: none; } #inner .right_col p { margin-bottom: 20px; } /* Bottom menu Blocks -------------------------------------------------------------------*/ #bottom_menu ul { display: block; clear: both; width: 1000px; height: 21px; background: url(/common/images/bottom_menu_right_bg.gif) no-repeat right top; overflow: hidden; } #bottom_menu ul li { float: left; font-size: 11px; } #bottom_menu ul li a { color: #fff; text-decoration: none; padding: 0 19px; line-height: 20px; border-right: 1px solid #fff; } #bottom_menu ul li.last a { border: 0; } #bottom_menu ul li a:hover { color: #fdfa00; } /* Footer Blocks -------------------------------------------------------------------*/ #footer .copyright { float: left; font-size: 10px; line-height: 18px; width: 400px; } #footer .copyright p { margin-top: 10px; margin-left: 25px; } #footer .services { float: left; width: 210px; text-align: center; padding-top: 10px; } #footer .cards { float: left; width: 365px; text-align: right; padding-right: 25px; padding-top: 15px; }