@charset "utf-8"; /* CSS Document */ b, strong {font-weight:700;} .bold {font-weight:700;} .semibold {font-weight: 700;} .normal {font-weight:400;} .light, .lighter {font-weight:400;} .green {color:#009955;} .red {color:#993333;} .yellow {color:#FFCC00;} .ubu {font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif;} .oxy {font-family: 'Oxygen', 'Ubuntu', Arial, Helvetica, sans-serif; letter-spacing:0px; word-spacing:0px;} .w3 {font-weight:300 !important;} .w4 {font-weight:400 !important;} .w5 {font-weight:500 !important;} .w6 {font-weight:600 !important;} .w7 {font-weight:700 !important;} /*****************************************************/ /****** R E S E T ********************************/ /*****************************************************/ *, td, th, input, textarea, select, button { margin: 0; padding: 0; font-family: 'Oxygen', 'Ubuntu', Arial, Helvetica, sans-serif; font-weight:normal; line-height: 133%; word-spacing: 0px; } td, th, input, textarea, select, button { color:#369; word-spacing: 0px; } body, select, input, textarea, button { font-family: 'Oxygen', 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 16px; font-weight:normal; line-height:133%; color:#369; word-spacing: 0px; } :-moz-any-link:active, a:active, a:focus, input, textarea, button {outline:none;} ul {list-style: none;} img {display: block;} button, a {cursor:pointer;} a {color: #3399FF; text-decoration:none;} a:link {color: #3399FF; text-decoration:none;} a:active {color: #3399FF; text-decoration:none;} a:visited {color: #3399FF; text-decoration:none;} a:hover {color: #3399FF; text-decoration:underline;} a img {border: none;} a img:hover {background:none !important;} .image {display: inline-block;} .centro {display: inline-block; margin: 0 auto;} .yellowback { background-color:#FF9 ; padding:5px; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } .boxshadow { box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3); } .shadow { border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -webkit-border-radius: 12px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8); -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8); -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8); } .gg{ letter-spacing: 0px; word-spacing: 1px; line-height: 30px; font-size: 22px; text-align: center; font-weight:normal; font-family: 'Oxygen', 'Ubuntu', Arial, Helvetica, sans-serif; color:#093; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white, 0px 2px 3px rgba(0, 0, 0, 0.4);" } /*
Buy Now!
*/ .buttonarea{width:301px; height:100px; position:absolute; right:31px; bottom:0px; text-align:center;} .buybutton{width:301px; height:61px; display:block; background:url(../img/orangebutton.png) 0 0 no-repeat; font-size:19px; line-height:60px; font-weight:normal; text-transform:uppercase; color:#663300; text-shadow:0 0 1px #fff; text-decoration:none; } .buybutton:hover{ background-position: 0-61px; color:#663300; } /*****************************************************/ /****** B A S I C S T Y L E S *****************/ /*****************************************************/ h1, h2, h1 *, h2 * { letter-spacing: -1px; word-spacing: 2px; font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif; font-weight:normal; } h1, h2 { margin: 0 10px 15px 10px; } h1, h1 * { font-size: 30px; text-align:center; } h2, h2 * { line-height: 28px; font-size: 26px; } h2 { padding-top: 6px; padding-bottom: 6px; } h1, h1 * { margin: 0px 0px 15px 0px; letter-spacing: -1px; word-spacing: 2px; font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif; font-weight:normal; color:#06C; font-size: 30px; text-align: center; text-shadow: 0px 2px 3px #333, 0px -1px 2px #666; } #tergo_text h2 { margin: 0px 0px 0px 0px; text-align: center; letter-spacing: -1px; word-spacing: 2px; line-height: 40px; font-size: 33px; font-weight: normal; font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif; xtext-shadow: 0px 0px 1px rgba(0, 3, 9, 0.3); color:#039; } h2o { margin: 0px 0px 0px 0px; text-align: center; letter-spacing:-2px; word-spacing:2px; font-size:55px; font-weight: normal; font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif; xtext-shadow: 0px 0px 1px rgba(69, 9b, 13, 0.4); color:#69bb69; } h3 { margin: 20px 0px 30px 0px; text-align: center; letter-spacing: -1px; word-spacing: 2px; line-height: 40px; font-size: 33px; font-weight: normal; font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif; xtext-shadow: 0px 0px 1px rgba(0, 3, 9, 0.3); color:#039; } h4 { margin: 10px 0px 0px 0px; line-height: 26px; font-size: 20px; font-weight:bold; color:#099; } h5 { margin: 0px 0px 0px 0px; line-height: 22px; font-size: 16px; color:#099; } img {display: block;} dt {font-weight:normal;} dd {margin-bottom: 10px;} blockquote, p, ul, ol, dl { margin-bottom: 19px; line-height: 140%; text-align:left;} *::-moz-selection { color: #fff; } *::-webkit-selection { color: #fff; } ::selection { color: #fff; } /*****************************************************/ /****** C O M M O N S T Y L E S ***************/ /*****************************************************/ .s_small {font-size: 10px;} .inline {display: inline !important;} .align_left {text-align: left !important;} .align_right {text-align: right !important;} .align_center {text-align: center !important;} .valign_top {vertical-align: top !important;} .valign_middle {vertical-align: middle !important;} .uppercase {text-transform: uppercase !important;} .left {float: left !important;} .clear {clear: both !important;} .right {float: right !important;} .nofloat {float: none !important;} .block {display: block !important;} .none, .ui-tabs-hide, .s_hidden {display: none !important;} .border_eee {border-bottom: 1px solid #eee;} .border_ddd {border-bottom: 1px solid #ddd;} .border_ccc {border-bottom: 1px solid #ccc;} .s_f_9 {font-size: 9px !important;} .s_f_10 {font-size: 10px !important;} .s_f_11 {font-size: 11px !important;} .s_f_12 {font-size: 12px !important;} .s_f_13 {font-size: 13px !important;} .s_f_14 {font-size: 14px !important;} .s_f_15 {font-size: 15px !important;} .s_f_16 {font-size: 16px !important;} .s_f_17 {font-size: 17px !important;} .s_f_18 {font-size: 18px !important;} .s_f_19 {font-size: 19px !important;} .s_f_20 {font-size: 20px !important;} .s_f_21 {font-size: 21px !important;} .s_f_22 {font-size: 22px !important;} .s_f_23 {font-size: 23px !important;} .s_f_24 {font-size: 24px !important;} .s_f_25 {font-size: 25px !important;} .s_f_26 {font-size: 26px !important;} .s_f_27 {font-size: 27px !important;} .s_f_28 {font-size: 28px !important;} .s_f_29 {font-size: 29px !important;} .s_f_30 {font-size: 30px !important;} .s_f_31 {font-size: 31px !important;} .s_f_32 {font-size: 32px !important;} .s_mt_0 {margin-top: 0px !important;} .s_mt_10 {margin-top: 10px !important;} .s_mt_15 {margin-top: 15px !important;} .s_mt_20 {margin-top: 20px !important;} .s_mt_25 {margin-top: 25px !important;} .s_mt_30 {margin-top: 30px !important;} .s_mb_0 {margin-bottom: 0px !important;} .s_mb_10 {margin-bottom: 10px !important;} .s_mb_15 {margin-bottom: 15px !important;} .s_mb_20 {margin-bottom: 20px !important;} .s_mb_25 {margin-bottom: 25px !important;} .s_mb_30 {margin-bottom: 30px !important;} .s_ml_0 {margin-left: 0px !important;} .s_ml_10 {margin-left: 10px !important;} .s_ml_15 {margin-left: 15px !important;} .s_ml_20 {margin-left: 20px !important;} .s_ml_25 {margin-left: 25px !important;} .s_ml_30 {margin-left: 30px !important;} .s_pt_5 {padding-top: 5px !important;} .s_pt_10 {padding-top: 10px !important;} .s_p_AddThis {padding: 0px 3px !important;} .s_p_0_5 {padding: 0px 5px !important;} .s_p_5_0 {padding: 5px 0px !important;} .s_p_5_5 {padding: 5px 5px !important;} .s_p_5_10 {padding: 5px 10px !important;} .s_p_5_15 {padding: 5px 15px;} .s_p_5_20 {padding: 5px 20px;} .s_p_10_15 {padding: 10px 15px;} .s_p_10_20 {padding: 10px 20px;} .s_p_10_5 {padding: 10px 5px;} .s_p_10_0 {padding: 10px 0 !important;} .s_p_15_0 {padding: 15px 0;} .s_p_15_5 {padding: 15px 5px;} .s_p_15_10 {padding: 15px 10px;} .s_p_15_20 {padding: 15px 20px;} .s_p_20_0 {padding: 20px 0;} .s_p_20_10 {padding: 20px 10;} .s_p_20_15 {padding: 20px 15px;} .s_col_1_5, .s_col_1_4, .s_col_1_3, .s_col_1_2, .s_col_60p, .s_col_75p, .s_col_80p { float: left; margin-right: 20px; } .s_col_1_5 { width: 19.99% !important; } .s_col_1_4 { width: 24.99% !important; } .s_col_1_3 { width: 33.33% !important; } .s_col_1_2 { width: 49.99% !important; } .s_col_60p { width: 59.99% !important; } .s_col_75p { width: 74.99% !important; } .s_col_80p { width: 79.99% !important; } .s_col_last { position: relative; } .s_2col_wrap { padding-right: 20px; } .s_3col_wrap { padding-right: 40px; } .s_4col_wrap { padding-right: 60px; } .s_5col_wrap { padding-right: 80px; } .s_2col_wrap .s_col_last { margin-right: -20px !important; } .s_3col_wrap .s_col_last { margin-right: -40px !important; } .s_4col_wrap .s_col_last { margin-right: -60px !important; } .s_5col_wrap .s_col_last { margin-right: -80px !important; } span.clear { visibility: visible; display: block; height: 0; line-height: 0; font-size: 0; } .s_title_1 { float: left; border-bottom: 1px solid #ddd; } h2.s_title_1 { padding-bottom: 5px; text-indent: -1px; } .s_999 { color: #999; } .s_666 { color: #666; } .s_333 { color: #333; } .s_eee_bgr { background-color: #eee; } .s_ddd_bgr { background-color: #ddd; } .s_ccc_bgr { background-color: #ccc; } .s_bbb_bgr { background-color: #bbb; } .s_h_80 {height: 80px;} .s_h_90 {height: 90px;} .s_h_100 {height: 100px;} .s_h_150 {height: 150px;} .grid_1 h1, .grid_2 h1, .grid_3 h1, .grid_4 h1, .grid_5 h1, .grid_6 h1, .grid_7 h1, .grid_8 h1, .grid_9 h1, .grid_10 h1, .grid_11 h1, .grid_12 h1, .grid_13 h1, .grid_14 h1, .grid_15 h1, .grid_16 h1 { margin-left: 0; margin-right: 0; } .grid_1 h2, .grid_2 h2, .grid_3 h2, .grid_4 h2, .grid_5 h2, .grid_6 h2, .grid_7 h2, .grid_8 h2, .grid_9 h2, .grid_10 h2, .grid_11 h2, .grid_12 h2, .grid_13 h2, .grid_14 h2, .grid_15 h2, .grid_16 h2 { margin-left: 0; margin-right: 0; } .grid_1 h3, .grid_2 h3, .grid_3 h3, .grid_4 h3, .grid_5 h3, .grid_6 h3, .grid_7 h3, .grid_8 h3, .grid_9 h3, .grid_10 h3, .grid_11 h3, .grid_12 h3, .grid_13 h3, .grid_14 h3,.grid_15 h3, .grid_16 h3 { margin-left: 0; margin-right: 0; } .s_nav > ul > li, .s_nav > ul > li > a { z-index: 15; display: block; float: left; } .s_nav .s_submenu { z-index: 10; position: absolute; display: none; top: 100%; left: 0; } .s_nav li .s_submenu ul ul { position: absolute; top: 0; left: 96%; } .s_nav li:hover, .s_nav li:hover > a { position: relative; } .s_nav li:hover .s_submenu, #cart_menu:hover .s_submenu { display: block; } .s_nav.s_size_1 > ul > li, .s_nav.s_size_1 > ul > li > a { height: 20px; xline-height: 20px; } .s_nav.s_size_2 > ul > li, .s_nav.s_size_2 > ul > li > a { height: 30px; xline-height: 30px; } .s_list_1 li { padding-left: 15px; background-image: url(../images/bullet_11.png); background-repeat: no-repeat; background-position: 0 -3px; } .s_list_1 li:hover > a{ background-color:#CF6; text-decoration:none; } .s_icon_10, .s_icon_16, .s_icon_24, .s_icon_32 { position: relative; background-repeat: no-repeat; background-position: center left; } .s_icon_10 {padding-left: 15px !important;} .s_icon_16 {padding-left: 25px !important;} .s_icon_24 {padding-left: 32px !important;} .s_icon_32 {padding-left: 42px !important;} .s_icon_10 .s_icon, .s_icon_16 .s_icon, .s_icon_24 .s_icon, .s_icon_32 .s_icon { position: absolute; left: 0; top: 50%; display: block; background-repeat: no-repeat; background-position: center; } .s_icon_10 .s_icon { width: 10px; height: 10px; margin-top: -5px; } .s_icon_16 .s_icon { width: 16px; height: 16px; margin-top: -8px; } .s_icon_24 .s_icon { width: 24px; height: 24px; margin-top: -12px; } .s_icon_32 .s_icon { width: 32px; height: 32px; margin-top: -16px; } .s_add_10 { background-image: url(../images/i_add_10.png); } .s_success_24 { background-image: url(../images/i_server_msg_24.png); background-position: 0 -24px !important; } .s_failure_24 { background-image: url(../images/i_server_msg_24.png); background-position: 0 0 !important; } .s_phone_32, .s_fax_32, .s_mobile_32, .s_mail_32, .s_skype_32 { background-image: url(../images/info_icons.png); background-color: #4cb1ca; } .s_phone_32 {background-position: 0 0 !important;} .s_mobile_32 {background-position: 0 -32px !important;} .s_mail_32 {background-position: 0 -64px !important;} .s_skype_32 {background-position: 0 -96px !important;} .s_fax_32 {background-position: 0 -128px !important;} .s_save_10 {background-image: url(../images/i_save_10.png);} .s_rating_holder .s_average { display: inline-block; height: 16px; margin-bottom: 20px; margin-bottom: 19px; line-height: 16px; font-size: 14px; font-weight:normal; } .s_rating_holder .s_total { xcolor: #999; font-weight:normal; font-size: 14px; } .s_rating, .s_rating .s_percent { display: inline-block; height: 16px; line-height: 16px; vertical-align: bottom; } .s_rating.s_rating_6 { width: 96px; } .s_rating.s_rating_5 { width: 80px; } .s_rating { margin-right: 3px; background: url(../images/i_star_gray_16.png) repeat-x top left; } .s_rating .s_percent { float: left; background: url(../images/i_star_16.png) repeat-x top left; } .s_rating_big, .s_rating_big .s_percent { height: 24px; line-height: 24px; } .s_rating_big.s_rating_6 { width: 150px; } .s_rating_big.s_rating_5 { width: 125px; } .s_rating_big { background: url(../images/i_star_gray_24.png) repeat-x top left; } .s_rating_big .s_percent { background: url(../images/i_star_24.png) repeat-x top left; } .s_rating_small, .s_rating_small .s_percent { height: 10px; line-height: 10px; } .s_rating_small.s_rating_6 { width: 60px; } .s_rating_small.s_rating_5 { width: 50px; } .s_rating_small { background: url(../images/i_star_gray_10.png) repeat-x top left; } .s_rating_small .s_percent { background: url(../images/i_star_10.png) repeat-x top left; } .s_thumb { position: relative; display: block; float: left; } .s_table { background: #eee; } .s_table th, .s_table td { text-align: center; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .s_table th { padding-top: 2px; padding-bottom: 3px; background: #ddd; color: #999; } .s_table td { padding-bottom: 1px; } .s_table_1 td { padding: 10px; text-align: center; border-bottom: 1px solid #eee; } .s_table_1 th { padding: 10px; font-size: 14px; background: #eee; border-bottom: 1px solid #ddd; } /*** F O R M S ***/ button::-moz-focus-inner {border: 0;} button {padding-top: 1px;} button {padding-bottom: 2px;} .button_bn { cursor:pointer; display: block; float: right; padding: 3px; border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -webkit-border-radius: 8px; background-color:#0C6; } .button_bn .s_text { position: relative; display: block; height: 28px; padding: 0 10px; line-height: 28px; text-transform: uppercase; letter-spacing: 0px; font-size: 19px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -webkit-border-radius: 6px; } .button_bn:hover .s_text { border: 1px solid rgba(255, 255, 255, 1); text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.6); } .button_bn:hover { text-decoration:none !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); background-color:#0F6; } .button_lm { cursor:pointer; display: block; padding: 3px; border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -webkit-border-radius: 7px; background-color: #39F; } .button_lm .s_text { position: relative; display: inline-block; height: 30px; padding: 0 10px; line-height: 30px; font-size: 16px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -webkit-border-radius: 6px; } .button_lm:hover .s_text { border: 1px solid rgba(255, 255, 255, 1); } .button_lm:hover { text-decoration:none !important; background-color:#3CF; } .button_sm { cursor:pointer; display: block; padding: 3px; border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -webkit-border-radius: 6px; background-color: #39F; } .button_sm .s_text { position: relative; display: inline-block; height: 20px; padding: 0 8px; line-height: 20px; font-size: 12px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; } .button_sm:hover .s_text { border: 1px solid rgba(255, 255, 255, 1); } .button_sm:hover { text-decoration:none !important; background-color:#3CF; } .s_button_1 { cursor:pointer; display: block; float: right; margin-left: 10px; padding: 3px; border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -webkit-border-radius: 8px; } .s_button_1 .s_text { position: relative; display: block; height: 28px; padding: 0 10px; line-height: 28px; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -webkit-border-radius: 6px; } .s_button_1:hover .s_text { border: 1px solid rgba(255, 255, 255, 1); } .s_button_1:hover { text-decoration:none !important; background-color:#0C9; } .s_button_1_small .s_text { height: 20px; line-height: 19px; text-transform: none; font-size: 14px; letter-spacing: 0px; } .s_button_1.s_ddd_bgr .s_text { color: #666; } .s_button_1.s_ddd_bgr:hover .s_text { color: #333; border: 1px solid rgba(255, 255, 255, 0.7); } .s_button_1.left { margin-left: 0; margin-right: 10px; } .s_button_1.s_ddd_bgr .s_text { color: #666; } .s_button_1.s_ddd_bgr:hover .s_text { color: #333; border: 1px solid rgba(255, 255, 255, 0.7); } .s_button_1.left { margin-left: 0; margin-right: 10px; } input[type=hidden] { display: none; } input[type=text], input[type=password], textarea, select { margin-right: 5px; padding: 4px; background: #eee; border: 1px solid; border-color: #ddd #eee #eee #ddd; border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -webkit-border-radius: 2px; resize: none; } input[type=text].inline, input[type=password].inline, textarea.inline, select.inline { float: none !important; } input[type=checkbox], input[type=radio] { vertical-align: middle; } input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover { border-color: #999 #ddd #ddd #aaa; } input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { border-color: #999 #ddd #ddd #aaa; outline: none; } select:focus { outline: 0 none !important; } label { xdisplay: block; xtext-shadow: 1px 1px 0 #fff; } label * { } label.s_disabled, label.s_disabled * { color: #9ea7ad !important; } label .red { vertical-align: top; font-size: 11px; } label .s_legend { margin: 0 !important; padding-top: 0; line-height: 11px; } .s_full input[type=text], .s_full input[type=password], .s_full textarea, .s_full select { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .s_legend { clear: both; display: block; margin-bottom: 0; padding-top: 10px; font-size: 11px; color: #9ea7ad; text-shadow: 1px 1px 0 #fff; } .s_row_1 { padding: 20px 0; border-top: 1px solid #fff; border-bottom: 1px solid #eee; } .s_row_1 label, .s_row_1 input[type=text], .s_row_1 input[type=password], .s_row_1 textarea, .s_row_1 select { float: left; } .s_row_1 label { width: 150px; margin-right: 15px; padding: 7px 0 0 0; } .s_row_1 .s_full, .s_row_1 .s_legend, .s_row_1 .s_scroll { margin-left: 165px; } .s_row_1 .s_full { padding-right: 20px; } .s_row_1 .s_full .s_legend { margin-left: 0; } .s_row_2 { padding: 9px 0 10px 0; } .s_row_2 label, .s_row_2 input[type=text], .s_row_2 input[type=password], .s_row_2 textarea, .s_row_2 select { float: left; } .s_row_2 label { width: 150px; margin-right: 15px; padding: 3px 0; } .s_row_2 .s_full { margin-left: 166px; } .s_row_2 .s_full input[type=text], .s_row_2 .s_full input[type=password], .s_row_2 .s_full textarea, .s_row_2 .s_full select { margin-right: 0; } .s_row_3 { margin-bottom: 20px; } .s_row_3 label { display: block; margin-bottom: 5px; padding-top: 0; } .s_row_3 input[type=text], .s_row_3 input[type=password], .s_row_3 textarea, .s_row_3 select, .s_row_3 .uploader { float: left; clear: left; } .s_row_4 { padding: 10px; border-bottom: 1px solid #eee; } .s_row_4 label { display: block; float: left; padding-top: 0; } .s_row_4 input[type=text], .s_row_4 input[type=password], .s_row_4 textarea, .s_row_4 select, .s_row_4 .uploader { float: left; clear: left; } .s_row_4 > .uploader { position: relative; left: -2px; } label.s_checkbox, label.s_radio { width: auto; padding: 0px 0; text-align: left; letter-spacing: 0; white-space: nowrap; } .s_error_row input[type=text], .s_error_row input[type=password], .s_error_row textarea, .s_error_row select { color: #84290a; background-color: #ffe7df !important; border-color: #ffcdbc #ffe7df #ffe7df #ffcdbc !important; } .s_row_4.s_error_row:hover { background: none; } .s_error_msg { float: left; margin: 3px 0 6px 0; padding: 0 5px 0 12px; line-height: 19px; font-size: 12px; color: red; background: url(../images/bullet_2.gif) no-repeat 1px 6px; } .s_box_1 .s_error_msg { margin-bottom: 0 !important; } .s_submit { overflow: hidden; clear: both; } .s_server_msg { cursor:pointer; min-height: 48px; margin-bottom: 20px; } .s_server_msg p { min-height: 16px; margin: 0 10px; padding: 20px 0; text-align: center; font-size: 14px; } /*** Colors for in stock or backorder ***/ .s_msg_green, .s_msg_red, .s_msg_backorder { border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -webkit-border-radius: 15px; } .s_msg_green { color: green; background: #f4fbe4; border: 1px solid #e3f5bd; } .s_msg_red { color: red; background: #ffede5; border: 1px solid #ffd8c3; } .s_msg_backorder { color: #9966cc; background: #f7f7ff; border: 1px solid #cc99cc; } .te_backorder { color: #9966cc; } .te_instock { color: #090; } .s_tabs_nav { height: 40px; margin-bottom: 0; } .s_tabs_nav li, .s_tabs_nav li a { display: block; float: left; height: 40px; line-height: 40px; text-transform: uppercase; } .s_tabs_nav li { overflow: hidden; margin-right: 10px; } .s_tabs_nav li a { margin: 0 -10px; background: #ddd; box-shadow: inset 0 -3px 4px rgba(0, 0, 0, 0.03); -o-box-shadow: inset 0 -3px 4px rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0 -3px 4px rgba(0, 0, 0, 0.03); -ms-box-shadow: inset 0 -3px 4px rgba(0, 0, 0, 0.03); -webkit-box-shadow: inset 0 -3px 4px rgba(0, 0, 0, 0.03); } .s_tabs_nav li.ui-tabs-selected a { color: #999; background: #f6f6f6; box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; } .s_tabs_nav li.ui-tabs-selected a:hover { color: #999 !important; } .s_tab_box { padding: 15px; border: 10px solid #f6f6f6; } .pagination { clear: both; height: 24px; padding: 20px 0 30px 0; line-height: 24px; border-top: 1px solid #ddd; } .pagination .links { float: left; height: 24px; } .pagination .results { float: right; height: 24px; font-size: 14px; color: #999; } .pagination a, .pagination b { display: inline-block; width: 24px; height: 24px; text-align: center; } .pagination a { font-size: 14px; color: #666; background: #eee; } .pagination .links a:hover, #content .pagination .links a:hover { color: #fff !important; } .s_switcher { z-index: 101; position: absolute; padding-right: 0px; font-size: 11px; background: #f6f6f6 url(../images/dropdown.gif) no-repeat 100% 6px; border-top: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; border-right: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; } .s_switcher ul { margin-bottom: 0; } .s_switcher span.s_selected, .s_switcher li, .s_switcher li a { display: block; height: 22px; line-height: 20px; text-indent: 7px; } .s_switcher span.s_selected { cursor: default; color: #999; } .s_switcher .s_options { cursor:pointer; display: none; } .s_switcher img { display: inline; margin: -1px 3px 0 0; vertical-align: middle; } .s_button_remove { position: absolute; display: block; width: 11px; height: 11px; background-image: url(../images/button_remove_10.png); background-position: 0 0; background-repeat: no-repeat; background-color: #ccc; text-decoration:none !important; } .grid_16 .s_grid_view, .grid_14 .s_grid_view, .grid_12 .s_grid_view, .grid_11 .s_grid_view, .grid_10 .s_grid_view, .grid_9 .s_grid_view, .grid_8 .s_grid_view, .grid_7 .s_grid_view, .grid_8 .s_grid_view { position: relative; margin: 0 -10px; } .s_subcategories { margin-bottom: 40px !important; } .s_subcategories ul { overflow: hidden; padding: 0 10px; } .s_subcategories ul li { float: left; width: 31%; } .s_subcategories img { margin-bottom: 3px; } /* TERGO 3 categories per row*/ .s_subcategory { float: left; width: 300px; margin: 0 20px 40px 0px; text-align: center !important; } .s_price { display: block; margin: 0; color: #fff; letter-spacing: -1px; text-align: center; font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif; border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -webkit-border-radius: 60px; } .s_price span { display: block; } .s_price .s_currency { line-height: 14px; font-size: 8px; } .s_old_price { line-height: 15px; font-size: 14px; text-decoration: line-through; opacity: 0.8; } .s_price .s_currency.s_before { display: inline; } .s_price .s_currency.s_after { display: inline; } .s_old_price .s_currency { display: none !important; } /* TERGO PRICE*/ #white_menu { background-color:#fff; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } #price2_box { width:80%; background-color:#f9f9f9; border-style:solid; border-color:#eee; border-width:1px; padding:20px; border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); } .s_price_compare { letter-spacing: -1px; font-size: 17px; } .s_old_price_compare { font-size: 14px; text-decoration: line-through; line-height:30px; } .s_price2 { letter-spacing: -1px; font-size: 17px; font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif; } .s_currency2 { font-size: 8px !important; font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif; } .s_old_price2 { font-size: 14px; font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif; text-decoration: line-through; line-height:45px; } .product_price2 .s_currency2.s_before2 { font-size: 8px !important; font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif; display: inline; } .product_price2 .s_currency2.s_after2 { font-size: 8px !important; display: inline; } .s_old_price2 .s_currency2 { font-size: 8px !important; } .s_item_tergo { float: left; width: 300px; margin: 20px 20px 40px 0px; text-align: center !important; } .s_item { position: relative; z-index: 1; } .s_item:hover { z-index: 10; padding: 20px !important; background: #fff; border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -webkit-border-radius: 15px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); } .s_item h3 { clear: both; margin-bottom: 9px; letter-spacing: 0; text-align: left; font-size: 14px; text-shadow: none !important; } .s_item p.s_model { margin-top: -9px; margin-bottom: 9px; color: #999; font-size: 11px; } .s_item .s_description { margin-bottom: 0px; margin-right: 86px; } .s_item .s_rating { display: block; } .s_item .s_price { z-index: 1; position: absolute; } .s_button_add_to_cart { overflow: hidden; display: block; } .s_button_add_to_cart .s_icon_16 { padding-left: 33px !important; } .s_button_add_to_cart .s_icon { background: url(../images/add_to_cart.png) no-repeat center transparent; } .s_item .s_button_add_to_cart { margin-bottom: 15px; margin-top: 5px; } .s_item .s_button_wishlist, .s_item .s_button_compare { color: #999; } .s_list_view .s_item { padding: 20px 0; border-bottom: 1px solid #eee; } .s_list_view .s_item:hover { margin: 0 -20px 1px -20px; border-bottom: none; } .s_list_view .s_item h3 { font-size: 16px; text-align: left; } .s_list_view .s_item .s_price { top: 20px; } .s_list_view .s_item .s_actions { text-align: right; } .s_list_view .s_item .s_button_add_to_cart { float: left; } .s_list_view .s_item.last { border-bottom: none; } .s_grid_view .s_item { margin-bottom: 16px; text-align: center; } .s_grid_view .s_item:hover { margin: -20px -10px -47px -10px; } .s_grid_view .s_item .s_thumb { float: none; } .s_grid_view .s_item_short .s_button_add_to_cart { margin-bottom: 0; } .s_grid_view .s_item_short:hover { margin: -20px -10px -21px -10px; } .s_grid_view .s_item h3 a { display: block; padding-top: 12px; border-top: 1px solid #eee; text-align: left; } .s_grid_view .s_item:hover h3 a { border-top: 1px solid #ccc; } .s_grid_view .s_item .s_actions { clear: both; display: none; width: auto; margin: -9px -20px 0 -20px; padding-top: 10px; text-align: center; line-height: 16px; font-size: 11px; color: #999; } .s_grid_view .s_item:hover .s_actions { display: block; } .s_grid_view .s_item .s_rating { margin: 1px auto 19px auto; } .container_16 .s_item .grid_13 .s_actions { margin-right: 100px; } .container_12 .grid_2.s_item .s_price, .container_16 .grid_3.s_item .s_price, .container_16 .s_item .grid_9 .s_price, .container_16 .s_item .grid_13 .s_price { right: 0; /* TERGO */ width: 66px; height: 42px; padding-top: 24px; font-size: 19px; background-image: url(../images/price_1.png); background-repeat: no-repeat; background-position: center; } .container_12 .grid_2.s_item .s_price { right: -10px; } .container_12 .grid_2.s_item:hover .s_price, .container_16 .grid_3.s_item:hover .s_price, .container_16 .s_item:hover .grid_9 .s_price, .container_16 .s_item:hover .grid_13 .s_price { right: 20px; } .container_12 .grid_2.s_item .s_promo_price, .container_16 .grid_3.s_item .s_promo_price, .container_16 .s_item .grid_9 .s_promo_price, .container_16 .s_item .grid_13 .s_promo_price { padding-top: 10px; height: 56px; } .container_12 .grid_2.s_item .s_currency.s_before, .container_16 .grid_3.s_item .s_currency.s_before, .container_16 .s_item .grid_9 .s_currency.s_before, .container_16 .s_item .grid_13 .s_currency.s_before { margin-left: -2px; font-size: 19px; } .container_12 .grid_2.s_item .s_thumb img { width: 140px; height: 140px; margin-bottom: 10px; } .container_12 .grid_2.s_item .s_price { top: 67px; } .container_12 .grid_2.s_item:hover .s_price { top: 87px; } .container_12 .s_item .grid_6 .s_description, .container_12 .s_item .grid_9 .s_description, .container_12 .s_item .grid_9 .s_actions { margin-right: 120px; } .container_12 .grid_3.s_item .s_price, .container_12 .s_item .grid_6 .s_price, .container_12 .s_item .grid_9 .s_price, #product_intro.s_size_1 .s_price { right: 0; width: 84px !important; height: 52px !important; padding-top: 32px !important; text-indent: -3px !important; font-size: 22px !important; /* TERGO PRICE CATALOG*/ background-image: url(../images/price_4.png) !important; background-repeat: no-repeat; background-position: center; } .container_12 .grid_3.s_item .s_promo_price, .container_12 .s_item .grid_6 .s_promo_price, .container_12 .s_item .grid_9 .s_promo_price, #product_intro.s_size_1 .s_promo_price { height: 78px !important; padding-top: 6px !important; } .container_12 .grid_3.s_item .s_promo_price .s_old_price, .container_12 .s_item .grid_6 .s_promo_price .s_old_price, .container_12 .s_item .grid_9 .s_promo_price .s_old_price, #product_intro.s_size_1 .s_promo_price .s_old_price { padding: 5px 0 !important; font-size: 14px !important; } .container_12 .grid_3.s_item .s_currency.s_before, .container_12 .s_item .grid_6 .s_currency.s_before, .container_12 .s_item .grid_9 .s_currency.s_before, #product_intro.s_size_1 .s_price .s_currency.s_before { padding-right: 2px !important; font-size: 19px !important; /* TERGO PRICE SMALL $ */ } .container_12 .grid_3.s_item .s_currency.s_after, .container_12 .s_item .grid_6 .s_currency.s_after, .container_12 .s_item .grid_9 .s_currency.s_after, #product_intro.s_size_1 .s_price .s_currency.s_after { padding-left: 2px !important; font-size: 19px !important; /* TERGO PRICE SMALL Euro */ xtext-indent: -1px !important; } .container_12 .grid_3.s_item .s_thumb img, .container_12 .s_item .grid_3 .s_thumb img { width: 180px; height: 180px; } .container_12 .grid_3.s_item h3 { font-size: 15px; font-weight:bold; text-align: left; } .container_12 .grid_3.s_item .s_thumb { padding: 20px; } .container_12 .grid_3.s_item .s_price { top: 127px; } .container_12 .s_item .grid_3 .s_thumb { padding: 10px 20px; } .container_12 .s_item .grid_6 h3, .container_12 .s_item .grid_6 .s_description, .container_12 .s_item .grid_6 .s_mode { margin-right: 120px; text-align: left; } .container_12 .grid_2.s_item:hover .s_price { right: 10px; } .container_12 .grid_3.s_item:hover .s_price { top: 147px; right: 20px; } .container_12 .s_item:hover .grid_6 .s_price, .container_12 .s_item:hover .grid_9 .s_price { right: 20px; } .container_16 .grid_3.s_item .s_thumb { padding: 10px; } .container_16 .s_item .grid_3 .s_thumb { padding-left: 10px; } .container_16 .grid_3.s_item .s_thumb img, .container_16 .s_item .grid_3 .s_thumb img { width: 140px; height: 140px; } .container_16 .grid_3.s_item .s_price { top: 87px; } .container_16 .grid_3.s_item:hover .s_price { top: 107px; } .s_item.s_size_1 { clear: both; margin-bottom: 16px; } .s_item.s_size_1 .s_thumb { float: left; margin: 0 10px 0 0; } .s_item.s_size_1 h3, .s_item.s_size_1 p, .s_item.s_size_1 .s_rating_holder { clear: none; margin: 0; padding-left: 48px; font-size: 11px; } .s_item .s_old { color: #666; text-decoration: line-through; } .s_item.s_size_1 .s_rating_holder { height: 19px; margin-bottom: 2px; line-height: 19px; font-size: 11px; } .s_item.s_size_1 p.s_rating { margin-top: 4px; padding: 0; } .s_item.s_size_1:hover { margin: -10px -10px 6px -10px !important; padding: 10px !important; } .s_cart_items { width: 100%; font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif; } .s_cart_items td { padding: 10px 0; vertical-align: top; font-size: 12px; border-top: 1px solid #eee; } .s_cart_items tr:first-child td { padding-top: 0; border-top: none; } .s_cart_items .s_cart_number, .s_cart_items .s_cart_price { padding-left: 10px; text-align: right; font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif; } .s_cart_items .s_button_remove { position: static; float: right; } .s_review { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; } .s_review .s_author { float: left; } .s_review .s_author small { margin-left: 4px; font-size: 10px; color: #999; } .s_review .s_rating, .s_review .s_average { float: left; margin-left: 5px; } .s_listing .s_review.last { margin-bottom: 0 !important; border-bottom: none !important; } .s_address { margin: 0 30px 30px 0; padding: 20px; font-size: 14px; border-left: 10px solid #eee; } form.s_address { padding: 11px 20px; } .s_order { margin-bottom: 20px; padding: 15px 15px 17px 15px; border: 5px solid #eee !important; } .s_order .s_id, .s_order .s_id *, .s_order .s_status, .s_order .s_status *, .s_order .s_total, .s_order .s_total * { letter-spacing: -1px; font-size: 20px; font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif; } .s_order .s_id { float: left; } .s_order .s_status { xfloat: right !important; text-align:center; } .container_16 .s_status { clear: left; float: left; } .s_order dl { margin-bottom: 7px; } .s_order dt, .s_order dd { float: left; margin-bottom: 7px; font-size: 11px; } .s_order dt { clear: left; width: 35%; padding-right: 2%; } .s_order dd { width: 62%; } .container_16 .s_order dt { width: 45%; } .container_16 .s_order dd { width: 52%; } .s_order .s_total { margin-bottom: 0; } .s_order .s_total, .s_order .s_total * { font-size: 28px; } .cart_module_total { font-size: 12px; font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif !important; } .s_cart_holder { font-size: 12px; font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif !important; } .s_cart_holder .s_total { text-align: right; } .s_cart_holder .s_button_1 { float: none !important; display: inline-block !important; } .s_cart_holder .s_button_1 .s_text { height: 19px; line-height: 17px; text-transform: none; font-size: 11px; } .s_shipping_method input { display: block; float: left; } .s_shipping_method span.s_desc { display: block; float: left; width: 514px; } .s_shipping_method input { margin: 4px 10px 0 0 !important; } .s_box { margin-bottom: 19px; border-bottom: 1px solid #ddd; } .s_box h2, .s_box_1 h2 { margin-bottom: 17px; padding: 0; line-height: 19px; font-size: 20px; } .s_box_1 { margin-bottom: 25px; padding: 15px; border: 5px solid #ddd; } .s_box_1 > :last-child { margin-bottom: 0; } .s_box_1 h2 { font-size: 20px; } .s_accordion h2 { outline: none !important; cursor:pointer; height: 32px; margin-bottom: 1px; padding: 0; line-height: 35px; text-transform: uppercase; font-size: 14px; font-weight:bold; background: #eee; border-bottom: 1px solid #ddd; } .s_accordion .ui-accordion-content { padding: 25px 0 30px 0; } .s_accordion h2.s_last { margin-bottom: 25px; } .s_accordion h2.s_last.ui-state-active { margin-bottom: 1px; } .s_accordion .ui-accordion-content-active { margin-bottom: 1px; border-bottom: 1px solid #eee; } .s_accordion h2 .ui-icon { display: block; float: left; width: 12px; height: 12px; margin: 10px 10px 0 10px; background: url(../images/bullet_accordion.png) no-repeat center top; } .s_accordion h2.ui-state-active .ui-icon { background-position: center bottom !important; } .s_info_page ol { padding-left: 15px; list-style: decimal; } /*****************************************************/ /****** O L D M A R K U P *********************/ /*****************************************************/ .box { margin-bottom: 19px; border-bottom: 2px solid #ddd; } .box .box-heading { margin: 0 0 17px 0; word-spacing: 2px; letter-spacing: -1px; line-height: 19px; font-size: 20px; } .box .box-heading img { display: inline; margin: -3px 10px 0 0; vertical-align: middle; } #right_col .box { margin-left: 10px; } #left_col .box { margin-right: 10px; } .buttons table { width: 100%; } /* TERGO BUTTONS_2 */ .buttons .button { cursor:pointer; display: block; float: right; margin-left: 10px; padding: 3px; border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -webkit-border-radius: 8px; } .buttons:hover .button:hover { text-decoration:none !important; background-color:#0C9; } .buttons .button span { position: relative; display: block; height: 28px; padding: 0 10px; line-height: 28px; text-transform: uppercase; letter-spacing: -1px; font-size: 16px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -webkit-border-radius: 6px; } .buttons .button:hover span { border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, 1); text-decoration:none !important; background-color:#0C9; } .buttons table td[align=left] .button { float: left; margin-left: 0; margin-right: 10px; background-color: #ddd; } .buttons table td[align=left] .button span { color: #666; } .buttons table td[align=left] .button:hover span { color: #333; border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, 1); text-decoration:none !important; } #TE_Buy_Now * { font-weight:bold; text-transform:none; letter-spacing:0px; word-spacing:2px;" background-color:#6F3; } #TE_Buy_Now a:hover span { background-color:#9F3; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); } #TE_Buy_Now a:hover { background-color:#9F3 !important; } /*****************************************************/ /****** L A Y O U T ******************************/ /*****************************************************/ /* Insert into header.tpl body { background: url('catalog/view/theme/shoppica/images/TrulyErgonomic_com-Background.png') no-repeat top center fixed #f6f6f6;} margin:0; } body.s_layout_fixed { padding: 20px 0; background-repeat: no-repeat; background-position: top center; */ body.s_layout_fixed { padding: 0px 0; } body.s_layout_fixed #wrapper { width: 998px; margin: 0 auto; background: #fff; border: 1px solid #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); } #header { z-index: 10; position: relative; } #site_logo { display: block; float: left; margin: 0px 0px 0px 0px; /* TERGO logo position*/ } #top_navigation { z-index: 12; position: absolute; top: 28px; right: 10px; white-space: nowrap; } #language_form{ float: right; margin-right: 10px; } #language_switcher { position: relative; width: 100px; } #currency_form{ float: right; margin-right: 10px; } #currency_switcher { position: relative; width: 50px; } #site_search { float: right; display: inline; } .s_dynamic #site_search { margin-top: -5px; } #search_bar { /* TERGO */ z-index: 100; position: absolute; right: 43px; top: -13px; display: none; padding: 10px; white-space: nowrap; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } #search_bar input { float: left; width: 200px; margin-right: 10px; } #search_bar .s_button_1 { float: none !important; margin-left: 221px; } #search_bar .s_advanced { float: left; width: 50px; padding-top: 1px; line-height: 12px; font-size: 11px; } #site_search .s_search_button { display: inline-block !important; xfloat:right !important; width: 20px; height: 25px; xbackground-image: url(../images/TrulyErgonomic_search_icon.png); xbackground-repeat: no-repeat; xbackground-position: center top; } .s_static #site_search input { display: inline-block !important; xfloat: left; width: 150px; padding: 3px 4px 4px 4px; font-size: 11px; } .s_static #site_search .s_search_button { float: right; margin: 0px 0 0 0px; } #welcome_message { margin-bottom: 9px; text-align: right; font-size: 11px; color: #999; } #system_navigation { margin: 74px 0 23px 0; text-align: right; } #system_navigation ul.s_list_1 { height: 19px; margin-bottom: 0; letter-spacing: -1px; } #system_navigation ul.s_list_1 li, #system_navigation ul.s_list_1 li a { height: 19px; line-height: 19px; } #system_navigation ul.s_list_1 li { display: inline; margin-left: 17px; } #categories { clear: both; width: 990px; height: 32px; padding: 12px 0; xborder-top: 1px solid #eee; /* TERGO */ } #categories a:hover { text-decoration:none !important; } #categories > ul > li, #categories > ul > li > a { height: 32px; line-height: 32px; } #categories > ul > li > a { padding: 0 10px; letter-spacing: 0px; font-size: 16px; } #categories > ul > li.s_selected > a { } #categories .s_submenu, #cart_menu .s_submenu { width: 400px; padding: 0 0 0 20px; background-color: #fff; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } #categories .s_submenu h3 { height: 11px; margin: 0 !important; padding: 17px 0 18px 0; line-height: 12px; text-align: left; letter-spacing: 0; text-transform: uppercase; font-size: 11px; font-weight:normal; color: #999; text-shadow: none !important; } #categories .border_eee { width: 380px; } #categories .s_submenu > ul { margin-bottom: 15px; } #categories li .s_submenu > ul > li { float: left; margin-bottom: 2px; font-size: 15px; } /* TERGO standard menu width */ #categories li .s_submenu > ul > li {width: 380px;} #categories .s_submenu {width: 415px;} #categories .border_eee {width: 395px;} #categories li .s_submenu_support > ul > li {width: 330px;} #categories .s_submenu_support {width: 365px;} #categories .border_eee_support {width: 345px;} /*TERGO menu width*/ /* TERGO menu padding */ #categories li .s_submenu a { display: block; padding-top:2px; padding-bottom:2px; } #categories .s_submenu small { font-size: 11px; color: #999; } #categories li .s_submenu > ul > li:hover { position: relative; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } /* TERGO MENU BACKGROUND */ #categories .s_submenu > ul > a:hover { background-color:#CF6; text-decoration:none; } #categories .s_submenu li:hover > ul { display: block; } #categories .s_submenu ul ul { position: absolute; top: -5px; left: 96%; display: none; width: 150px; padding: 5px 10px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } #categories .s_submenu ul ul li { width: 140px; margin: 0; } #menu_home, #menu_home a { width: 36px; padding: 0 !important; } #menu_home a { text-indent: -1000em; background-image: url(../images/menu_home.png); background-repeat: no-repeat; background-position: center; background-color: #ddd; } #menu_home2, #menu_home2 a { width: 100px; padding: 0 !important; background-color: #fff; } #menu_home2 a:hover { background-color:#fff !important; } #cart_menu { z-index: 10; position: absolute; bottom: 22px; right: 10px; height: 20px; } #cart_menu > a { position: relative; display: block; float: left; height: 20px; padding: 0 0 0 32px; } #cart_menu:hover > a { margin-top: -7px; margin-bottom: -7px; padding-top: 7px; padding-bottom: 7px; background:none !important; } #cart_menu .s_icon { position: absolute; left: 0; top: 50%; display: block; width: 23px; height: 23px; margin-top: -13px; background-image: url(../images/i_cart.png); background-repeat: no-repeat; background-position: center; } #cart_menu small.s_text { float: left; height: 20px; margin-right: 7px; padding-right: 7px; line-height: 20px; letter-spacing: -1px; font-size: 14px; font-weight:bold; color: #333; border-right: 1px solid #eee; } #cart_menu .s_grand_total, #cart_menu .s_grand_total * { height: 19px; line-height: 19px; font-size: 19px; font-weight:normal; letter-spacing:-1px; } .top_cart_box { padding:5px; padding-bottom:3px; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; border:solid; border-width:1px; border-color:#EEE; } #cart_menu .s_grand_total { float: left; margin: -5px; padding: 5px; background: inherit !important; xcolor:#096 !important; } #cart_menu .s_submenu { left: auto; right: -5px; width: 350px; margin-top: 2px; padding: 20px; } #cart_menu:hover .s_grand_total { z-index: 20; position: relative; } #system_navigation #cart_menu { position: relative; float: right; margin: 27px -10px 0 30px; padding: 10px 0 10px 15px; border-left: 1px solid #eee; } #system_navigation #cart_menu .s_submenu { margin-top: -3px; } #intro { clear: both; padding-top: 7px; margin-left:10px; margin-right:10px; margin-bottom: 40px; background: url(../images/TE_Intro_Back.jpg) top center no-repeat; border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -webkit-border-radius: 9px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #intro_wrap { } #intro_wrap .container_12 { z-index: 5; position: relative; } #intro h1 { clear: both; margin-bottom: 0px; padding-top: 5px; padding-bottom: 10px; line-height: 28px; font-size: 28px; } #intro h2, #intro h2 a { padding-top: 0; padding-bottom: 0; line-height: 40px; font-size: 32px; } #intro .slideItem { } #product_intro { position: relative; height: 370px; } #product_intro_info { z-index: 2; position: absolute; top: 0; left: 0; } #product_intro_info h2 { margin-left: 0; margin-right: 0; } #product_intro_info p.s_desc { font-size: 14px; line-height: 1.5em; } #product_intro_info .s_rating_holder .s_average { height: 24px; line-height: 24px; font-size: 20px !important; } #product_intro_preview { z-index: 1; position: absolute; bottom: 0; right: 10px; width: 445px; height: 370px; background: url(../images/intro_product.png) no-repeat top right; } #product_intro_preview > img, #product_intro_preview .slides_container { overflow: hidden; width: 300px; height: 300px; margin: 60px 0 0 78px; } #intro .s_button_prev, #intro .s_button_next { display: block; width: 42px; height: 42px; background-image: url(../images/intro_controls.png); background-repeat: no-repeat; } #intro .s_button_prev {background-position: 0 0;} #intro .s_button_next {background-position: 100% 0;} #product_intro .s_button_prev, #product_intro .s_button_next { position: absolute; top: 190px; } #product_intro .s_button_prev { right: 380px; } #product_intro .s_button_next { right: 13px; } #product_intro .s_price_holder { overflow: hidden; z-index: 2; position: absolute; top: 0; left: 840px; display: block; width: 100px; height: 100px; } #product_intro .s_price, #product_info .s_price { width: 100px; height: 60px; padding-top: 40px; font-size: 28px; background-image: url(../images/price_3.png); background-repeat: no-repeat; background-position: center; } #product_intro .s_promo_price, #product_info .s_promo_price { height: 85px; padding-top: 15px; } #product_intro .s_old_price, #product_info .s_old_price { padding-bottom: 10px; font-size: 14px; } /* TERGO PRICE LARGE */ #product_intro .s_price .s_currency.s_before, #product_price .s_currency.s_before { padding-right:2px; font-size: 22px;} #product_intro .s_price .s_currency.s_after, #product_price .s_currency.s_after {padding-left: 2px; font-size: 22px;} .s_price2 .s_currency2.s_before2, #product_price2 .s_currency2.s_before2 { padding-right:2px; font-size: 22px;} .s_price2 .s_currency2.s_after2, #product_price2 .s_currency2.s_after2 {padding-left: 2px; font-size: 22px;} /*** product intro small size ***/ #product_intro.s_size_1 { height: 255px; } #product_intro.s_size_1 .s_price_holder { left: 856px; width: 84px; height: 84px; } #product_intro.s_size_1 #product_intro_preview { width: 320px; height: 255px; background: url(../images/intro_product_1.png) no-repeat top right; } #product_intro.s_size_1 #product_intro_preview > img, #product_intro.s_size_1 #product_intro_preview .slides_container { width: 200px; height: 200px; margin: 42px 0 0 70px; } #product_intro.s_size_1 .s_button_prev, #product_intro.s_size_1 .s_button_next { top: 130px; } #product_intro.s_size_1 .s_button_prev { right: 250px; } #product_intro.s_size_1 .s_button_next { right: 8px; } /*** product intro medium size ***/ #product_intro.s_size_2 { height: 315px; } #product_intro.s_size_2 #product_intro_preview { width: 390px; height: 315px; background: url(../images/intro_product_2.png) no-repeat top right; } #product_intro.s_size_2 #product_intro_preview > img, #product_intro.s_size_2 #product_intro_preview .slides_container { width: 250px; height: 250px; margin: 54px 0 0 79px; } #product_intro.s_size_2 .s_button_prev, #product_intro.s_size_2 .s_button_next { top: 160px; } #product_intro.s_size_2 .s_button_prev { right: 319px; } #product_intro.s_size_2 .s_button_next { right: 10px; } #image_intro { padding-bottom: 30px; } #image_intro_preview { position: relative; margin: 0 10px; padding: 0 10px; } #image_intro_preview.s_boxed { background: #fff; padding: 10px; } #image_intro_preview .slides_container, #image_intro_preview .slideItem { width: 100%; height: 100%; } #image_intro_preview .slides_control { height: 100%; } #image_intro_preview .s_button_next_holder, #image_intro_preview .s_button_prev_holder { z-index: 100; position: absolute; top: 50%; display: none; margin-top: -22px; padding: 10px; background: #fff; border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -webkit-border-radius: 50px; } #image_intro_preview:hover .s_button_next_holder, #image_intro_preview:hover .s_button_prev_holder { display: block; } #image_intro_preview .s_button_next_holder a, #image_intro_preview .s_button_prev_holder a { width: 24px; height: 24px; background-image: url(../images/intro_controls_small.png) !important; } #image_intro_preview .s_button_next_holder { right: -15px; } #image_intro_preview .s_button_prev_holder { left: -15px; } #image_intro_preview.s_boxed .s_button_next_holder { right: 0; border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; -ms-border-radius: 50px 0 0 50px; -webkit-border-radius: 50px 0 0 50px; } #image_intro_preview.s_boxed .s_button_prev_holder { left: 0; border-radius: 0 50px 50px 0; -moz-border-radius: 0 50px 50px 0; -ms-border-radius: 50px 0 0 50px; -webkit-border-radius: 0 50px 50px 0; } #breadcrumbs { font-size: 11px; display:none; } .s_brand_logo { position: absolute; right: 10px; top: -10px; } #content { z-index: 5; position: relative; } #listing_options { z-index: 5; position: relative; height: 24px; margin-bottom: 19px; padding-bottom: 19px; border-bottom: 1px solid #ddd; } #listing_arrange { position: absolute; top: 0; right: 0; } #listing_arrange span.s_label { float: left; margin-left: 15px; line-height: 22px; font-size: 11px; } #listing_sort, #items_per_page { position: static; float: left; margin-left: 5px; } #listing_sort { width: 130px; } #items_per_page { width: 50px; } #view_mode { float: left; font-size: 11px; } #view_mode li { margin-right: 15px; } #view_mode li a { position: relative; padding-left: 16px; } #view_mode .s_icon { position: absolute; top: 50%; left: 0; margin-top: -5px; display: block; width: 11px; height: 11px; background: transparent url(../images/view_mode.gif) no-repeat; background-color: #ddd; } #view_mode a:hover .s_icon {background-color: #f12b63;} #view_grid .s_icon {background-position: 0 0;} #view_list .s_icon {background-position: -11px 0;} #compare_total { float: left; padding-left: 15px; font-size: 11px; border-left: 1px solid #eee; } /****** P R O D U C T P A G E *****************/ #product { position: relative; } #product_info { position: relative; } #product_info h3 { margin-bottom: 9px; line-height: 40px; } #product_price { z-index: 20; position: absolute; top: 0; right: 0; width: 100px; padding: 0 0 10px 20px; background: #fff; } #product_price .s_price { position: relative !important; } #product_price p.s_price_tax, #product_price p.s_reward_points { margin-bottom: 0; text-align: center; } #product_price p.s_price_tax, #product_price p.s_price_tax * { font-size: 11px !important; } #product_price p.s_price_tax { margin-bottom: -10px; padding: 5px 0; color: #666; } #product_price p.s_reward_points { margin-top: 10px; line-height: 12px; color: #999; } #product_info dl { width: 220px; min-height: 100px; margin-bottom: 20px; font-size: 14px; } #product_info dt, #product_info dd { float: left; margin-bottom: 7px; } #product_info dt { clear: left; width: 49%; } #product_info dd { width: 50%; } #product_info dl .s_rating { margin-bottom: 0; } #product_share { z-index: 1; position: relative; margin-bottom: 20px; padding-top: 15px; border-top: 1px solid #eee; } #product_share .s_rating_holder { margin-right: 120px; padding: 5px 10px 20px 10px; text-align: center; } #product_share .s_rating_holder .s_rating, #product_share .s_rating_holder .s_average { margin-bottom: 9px; } #product_share .s_review_write .s_icon { background-image: url(../images/i_review_10.png); } #product_share .s_plusone, #product_share .s_plusone div { position: relative; float: left; width: 70px !important; } #product_share .s_plusone iframe { width: 70px !important; } #product_share .addthis_counter { margin-right: 10px; } #product_share .addthis_button_tweet iframe { width: 105px !important; } #product_share .addthis_button_facebook_like { opacity: 1 !important; } #product_options { padding: 15px 0 10px 0; font-size: 14px; border-top: 1px solid #eee; } #product_options label { width: 40%; margin-right: 0; font-size: 14px; } #product_options label.s_radio, #product_options label.s_checkbox { width: auto; } #product_options input, #product_options textarea, #product_options select { margin-right: 0; } #product_options input[type="checkbox"], #product_options input[type="radio"] { margin-top: -1px; } #product_options select { float: right; width: 59%; font-size: 14px; } #product_options input[type=text], #product_options textarea { float: right; width: 57% !important; } #product_options .s_full { margin-left: 40%; } #product_discounts { margin-bottom: 20px; padding: 15px 0 0 0; border-top: 1px solid #eee; } #product_discounts table th, #product_discounts table td, #product_discounts table .s_currency { font-size: 11px !important; } #product_buy { clear: both; position: relative; padding: 30px 0; font-size: 16px; xborder-top: 1px solid #eee; } #product_buy label { display: block; float: left; height: 42px; margin-right: 5px; line-height: 42px; font-size: 16px; } #product_buy input { float: left; margin-top: 4px; font-size: 19px; } #product_buy2 { clear: both; position: relative; padding-top: 5px; padding-bottom: 5px; font-size: 16px; } #product_buy2 label { display: block; float: left; height: 42px; margin-right: 5px; line-height: 42px; font-size: 16px; } #product_buy2 input { float: left; margin-top: 4px; font-size: 19px; width:50px; } #product_buy2 .s_purchase_info { clear: both; xmargin-bottom: 4px; padding-top: 14px; text-align: center; font-size: 11px; color: #999; } #product_buy2 .s_actions { overflow: hidden; padding-top: 14px; text-align: center; font-size: 11px; font-weight:bold; } #add_to_cart { cursor: pointer; display: block; float: right; height: 46px; width: 200px; padding: 3px; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; background-color:#75b734; background: linear-gradient(top, rgb(117, 183, 52) 0, rgb(71, 149, 30) 100%); background: -o-linear-gradient(top, rgb(117, 183, 52) 0, rgb(71, 149, 30) 100%); background: -ms-linear-gradient(top, rgb(117, 183, 52) 0, rgb(71, 149, 30) 100%); background: -moz-linear-gradient(top, rgb(117, 183, 52) 0, rgb(71, 149, 30) 100%); background: -webkit-linear-gradient(top, rgb(117, 183, 52) 0, rgb(71, 149, 30) 100%); } #add_to_cart .s_text { position: relative; display: block; height: 34px; padding: 6px 0px 0 70px; line-height: 34px; x_text-transform: uppercase; letter-spacing: 1px; font-size: 18px; color: #fff; x_border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -webkit-border-radius: 6px; } #add_to_cart:hover .s_text { x_border: 1px solid rgba(255, 255, 255, 1); } #add_to_cart:hover { text-decoration:none; background-color:#47951e; background:#47951e; } #add_to_cart .s_icon { position: absolute; left: 35px; margin-top: 6px; display: block; width: 23px; height: 23px; background-image: url(../images/i_cart_white.png); background-repeat: no-repeat; background-position: center; } #product_buy .s_bgr { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.12; } #product_buy .s_purchase_info { clear: both; margin-bottom: 4px; padding-top: 14px; text-align: center; font-size: 11px; color: #999; } #product_buy .s_actions { overflow: hidden; padding-top: 14px; text-align: center; font-size: 11px; font-weight:bold; } #product_images { float: left; width: 340px; margin-right: 20px; } #product_info { float: left; width: 340px; } #product_image_preview { display: block; margin-bottom: 30px; } #product_images .s_thumbs { margin-right: -20px; } #product_images .s_thumb { margin: 0 20px 20px 0; } #product .s_tabs { margin-bottom: 30px; } #product .s_tabs_nav { margin-left: 30px; } #product .s_tabs_nav li { width: 25%; text-align: center; letter-spacing: 1px; font-size: 14px; margin-right: 0 !important; margin-left: 10px !important; } #product .s_tabs_nav li a { float: none; } #product .s_tabs_nav li:first-child { position: relative; margin-left: -30px !important; } #product .s_tabs_nav li.ui-tabs-selected a:hover { color: #999 !important; } #product_description ul { margin-left: 20px; list-style: disc; } #product_description :last-child { margin-bottom: 0 !important; } #product_gallery .s_thumbs { margin-bottom: 0; } #product_gallery .s_thumbs li { float: left; display: block; margin: 0 20px 20px 0; } #product_images #product_gallery { margin-top: -10px; margin-bottom: 10px; } #product_images #product_gallery .s_thumbs li { margin-right: 20px } #product_gallery .s_thumb { margin: 0; } #product_attributes table th { padding: 3px 10px; } #product_attributes table td { border-right: 1px solid #eee; } #product_attributes table tr td:first-child { border-left: 1px solid #eee; } #related_products { margin-bottom: 10px; } #product_tags { margin-bottom: 4px; } #product_tags ul { padding-top: 5px; } #product_tags li { float: left; margin: 0 13px 16px 0; } #product_tags a { display: block; float: left; height: 20px; padding: 0 10px 0 15px; line-height: 19px; white-space: nowrap; font-size: 11px; background: url(../images/tag.png) no-repeat center left; } .s_single_col #product_info { width: 280px; margin-right: 20px; } .s_single_col #product_info dl { width: 100%; } .s_single_col #product_share .s_rating_holder { margin-right: 0; } .s_single_col #product_buy_col { float: left; width: 280px; padding-top: 120px; } .s_single_col #product_price { width: 280px; right: -300px; } .s_single_col #product_price .s_price { position: absolute !important; top: 0; right: 0; } .s_single_col #product_price p.s_price_tax, .s_single_col #product_price p.s_reward_points { margin-right: 120px; text-align: left; } .s_single_col #product_options input, .s_single_col #product_options textarea, .s_single_col #product_options select { width: 158px !important; margin-right: 0; } .s_single_col #product_options select { width: 167px !important; } .s_single_col #product_options .s_checkbox input, .s_single_col #product_options .s_radio input { width: auto !important; } /****** A C C O U N T ****************************/ #login_page .s_row_3, #checkout .s_row_3 { height: 170px; } #downloads .pagination, #reward_points .pagination, #transactions .pagination, #return_requests .pagination { border-top: none; } #order_history .pagination { } #return_request h2 { text-align:left !important; } #order_details .s_order h2, #return_request_info .s_order h2 { margin-bottom: 6px; font-size: 20px; } #downloads .s_table td, #order_details .s_table td, #return_request_info td { padding: 5px 10px; } #order_details .s_table tr.last td { padding: 10px; } #order_details .s_table tr.last td, #order_details .s_table tr.last td * { letter-spacing: -1px; font-size: 26px; font-weight:normal; } #order_details .s_table tr.last td.align_right, #order_details .s_table tr.last td.align_right * { font-size: 20px; } #wishlist .s_table_1 { margin-bottom: 30px; } .s_product_row { position: relative; clear: both; margin-bottom: 20px; margin-top: -20px; padding: 10px 0; border-bottom: 1px solid #eee; } .s_product_row .s_row_number { position: absolute; right: 0; top: 15px; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 19px; color: #fff; background: black; -moz-border-radius: 40px; -webkit-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; } #return-product .s_product_row:first-child { margin-top: 0 !important; border-top: 1px solid #eee; } /****** S H O P P I N G C A R T ***************/ #shopping_cart #cart_form { margin-bottom: 1px; } #shopping_cart .s_total, #shopping_cart_confirm .s_total { clear: both; float: right; width: 700px; margin-bottom: 0; text-align: right; padding-right:10px; font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif; } #shopping_cart .s_total strong, #shopping_cart_confirm .s_total strong { float: left; } #shopping_cart .s_total.last, #shopping_cart .s_total.last *, #shopping_cart_confirm .s_total.last, #shopping_cart_confirm .s_total.last * { letter-spacing: -1px; font-size: 24px; } #shopping_cart .s_total.last, #shopping_cart_confirm .s_total.last { margin-bottom: 7px; padding-top: 19px; } #shopping_cart .s_total.last strong, #shopping_cart_confirm .s_total.last strong { xfont-weight:normal; xfont-size: 20px; xcolor: #333; } #apply_coupon { margin: 0; } #apply_coupon .s_button_1 .s_text { height: 20px; line-height: 19px; text-transform: none; font-size: 14px; } /****** C H E C K O U T **************************/ .checkout { padding-top: 6px; } .checkout #confirm { margin-bottom: 30px; } .checkout-heading { position: relative; outline: none !important; cursor:pointer; height: 32px; margin-bottom: 1px; line-height: 35px; text-transform: uppercase; text-indent: 10px; font-size: 14px; font-weight:bold; background: #eee; border-bottom: 1px solid #ddd; } .checkout-heading, .checkout-heading span, .checkout-heading strong { } .checkout-heading small { display: block; float: left; width: 19px; height: 19px; margin: 7px 0 0 7px; line-height: 16px; text-indent: -2px; text-align: center; font-weight:normal; color: #fff; background: #000; -moz-border-radius: 20px; -ms-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } .checkout-heading a { position: absolute; right: 15px; height: 32px; line-height: 32px; text-transform: uppercase; font-size: 14px; } .checkout-heading strong { padding-right: 5px; } .checkout-content { display: none; padding: 24px 0 30px 0; } #country_id, #zone_id { width: 210px; } /****** B R A N D S ******************************/ .s_alphabet_index small { text-transform: uppercase; letter-spacing: 2px; font-weight:normal; font-size: 11px; color: #999; } #brands table { margin-bottom: 30px; } #brands td h2 { margin: 0; white-space: nowrap; } #brands td .s_list_1 li { float: left; width: 20%; text-align: left; } /****** C O M P A R E ****************************/ #compare { margin-bottom: 30px; } #compare table { margin-bottom: 20px; } #compare table tbody th { text-align: left; background: #fff; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; } #compare table tbody td { border-right: 1px solid #eee; } #compare table tbody tr th { border-right: 1px solid #eee; } #compare .s_product_thumb img { margin: 0 auto; } #compare .s_rating { vertical-align: text-top; } #compare .s_rating_holder .s_total { display: block; } /****** A D V A N C E D S E A R C H ***********/ #adv_search_box { margin-bottom: 30px; } #adv_search_box input[type=text], #adv_search_box select, #adv_search_box a.s_button_1 { float: left; margin-right: 10px; } #adv_search_box select { width: 150px; font-size: 11px; } #adv_search_box .s_button_1 { width: 80px; margin-left: 0; } #adv_search_box .s_button_1 .s_text { text-align: center; } /****** S I T E M A P ****************************/ #sitemap .s_list_1 { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; -o-column-count: 2; } /****** M O D U L E S ****************************/ .s_module_content { margin-bottom: 19px; } .s_categories_module ul ul { margin-bottom: 0; } .product_view #right_col, .product_view #left_col { width: 220px !important; } #right_col, #left_col { padding-bottom: 10px;} #right_col .s_box { margin-left: 10px;} #left_col .s_box { margin-right: 10px;} #right_col .s_box_1 { margin-left: 10px; } #left_col .s_box_1 { margin-right: 10px; } #right_col .s_box:last-child, #left_col .s_box:last-child { border-bottom: none; } .s_shoppica_banners { clear: both; margin-bottom: 32px; } /*****************************************************/ /****** F O O T E R W I D G E T S *************/ /*****************************************************/ #shop_info { clear: both; margin-bottom: 27px; padding: 19px 0 0 0; font-size: 11px; color: #555; background: url(../images/shop_info.gif) repeat-x top left; } #shop_info_wrap { padding: 0 0 28px 0; background: url(../images/shop_info.gif) repeat-x bottom left; } #shop_info h2 { margin-bottom: 14px; font-size: 20px; color: #888; border-bottom: 1px solid #e3e3e3; } #shop_description {font-size: 11px;} #shop_description h2 { text-indent: 30px; background: url(../images/i_cart_24.png) no-repeat -1px 7px; } #shop_description p {margin-right: 10px;} #twitter h2 { text-indent: 30px; background: url(../images/i_twitter_24.png) no-repeat 0 8px; } #twitter li { margin-bottom: 19px; padding-left: 30px; background: url(../images/quotes.png) no-repeat 0 4px; } #twitter li a { display: block; font-style: normal; font-size: 10px !important; color: #bbb; } #twitter li span, #twitter li span * { line-height: 16px; font-size: 11px !important; word-wrap: break-word; } #twitter li span * { display: inline !important; margin: 0; padding: 0; } #twitter li span a { color: #4cb1ca; } #twitter li span:after { visibility: hidden; content: "." } #twitter ul { margin-bottom: -20px; } #facebook h2 { text-indent: 30px; background: url(../images/i_facebook_24.png) no-repeat 0 8px; } #facebook .s_widget_holder { margin-top: -46px; } #shop_contacts { font-size: 14px; } #shop_contacts h2 { text-indent: 30px; background: url(../images/i_contacts_24.png) no-repeat 0 8px; } #shop_contacts td { height: 52px; padding-bottom: 19px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: content-box; } #shop_contacts tr.s_webkit td { height: 32px !important; } #shop_contacts tr:last-child td { height: 32px; padding-bottom: 0 !important; } #shop_contacts .s_icon_32 { display: inline-block; } #footer { padding-bottom: 10px; } #footer_categories { margin-bottom: 26px; } #footer_categories h2 { margin-bottom: 17px; padding: 0; } #footer_categories h2, #footer_categories h2 a { line-height: 19px; font-size: 16px; } #footer_categories ul { padding-bottom: 5px; font-size: 11px; } #footer_categories a { color: #888; } #footer_nav { xmargin-bottom: 25px; xborder-bottom: 1px solid #eee; } #footer_nav h2 { margin-bottom: 10px; padding: 0; text-align:left; line-height: 19px; font-size: 19px; text-shadow: none !important; } #footer_nav ul { xmargin-bottom: 25px; } #copy { text-align: center !important; font-size: 16px; color: #336699; } #footer_payment2 p { text-align: center !important; font-size: 11px; color: #336699; } #payments_types { xmargin-bottom: 19px; } #payments_types img { float: none !important; display:inline-block !important; margin: 0px 0px 0 0; } /*****************************************************/ /****** U I N O T I F Y **********************/ /*****************************************************/ .ui-notify { position: fixed; z-index: 1000; top: 10px; right: 10px; width: 300px; } .ui-notify-message { position: relative; margin-bottom: 15px; padding: 20px 10px 10px 10px; background: #fff; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .ui-notify-message h2 { margin-left: 5px; margin-right: 5px; padding-top: 0; padding-bottom: 0; line-height: 19px; font-size: 19px; } .ui-notify-message .s_button_remove { top: 10px; right: 10px; text-indent: -1000em; font-size: 1px; } .ui-notify-message h3 { font-weight:normal; color: #999; } .ui-notify-message .s_item { margin: 0 5px 16px 5px !important; } .ui-notify-message .s_item:hover { margin: 0 5px 16px 5px !important; padding: 0 !important; background: none; box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; } /*****************************************************/ /****** J Q U E R Y U I **********************/ /*****************************************************/ .s_jquery_ui { font-size: 11px; } .ui-autocomplete-input { position: relative; } /******** Clear Fix ************/ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } .clearfix { display:block; } * html .clearfix { height:1px; } /*****************************************************/ /****** TERGO ************************************/ /*****************************************************/ #tergo_text kbd, kbd2, kbd3 { background:#eee; padding-left:3px;padding-right:3px;padding-top:-1px;padding-bottom:-1px; border-radius:3px;-moz-border-radius:3px;-ms-border-radius: 3px;-webkit-border-radius:3px; border:solid 1px #ccc; box-shadow: 1px 1px #333; -moz-box-shadow: 1px 1px #333; -ms-box-shadow: 1px 1px #333; -webkit-box-shadow: 1px 1px #333; font-size: 14px; font-family: Consolas,"Courier New",Courier,monospace; font-weight:normal; text-decoration:none; line-height:175%; } kbd2 { font-size:20px; } kbd3 { font-size:12px; } /* dividers */ .gradient_down { background:url(../images/divider_gradient_down.jpg) no-repeat center top; } .gradient_up { background:url(../images/divider_gradient_up.jpg) no-repeat center bottom; padding-bottom:30px;} .tergo_text .row { padding-top:50px; padding-bottom:32px; } .HiddenPic {display:none;} /*** TERGO lower menu ***/ .s_list_footer li { font-size: 15px; padding-left: 15px; background-image: url(../images/bullet_te_1.png); background-repeat: no-repeat; background-position: 1px 8px; } .s_list_header li { padding-left: 15px; display: inline; } .s_list_popup li { margin-top:20px; padding-left: 15px; display: inline; float: right; } /*** Duplicate combo box two rows ***/ .s_switcher span.s_selected { display: none; } .s_switcher span.s_selected:first-child { display: block; } #TE_AddThis a:hover {background:none !important;} .TE_link, .TE_link:link, .TE_link:active, .TE_link:visited {color:#39F; text-decoration:underline;} .TE_link:hover {color:#FFF; text-decoration:none; background:#9CF;} /*****************************************************/ /****** BUTTONS **********************************/ /*****************************************************/ .color_button, .green_bt, .te_bt, .sky_bt, .grayred_bt, .darkred_bt, .grayred_bt, .orange_bt, .gray_bt, .flat_gray, .darkblue_bt {position:relative;display:inline-block;padding:10px 20px 10px 20px;cursor:pointer;background-color:#3E9E19;font-size:15px;font-weight:normal;color:#fff !important;text-decoration:none !important;text-shadow:none;-moz-border-radius:7px;-webkit-border-radius:7px;-ms-border-radius:7px;border-radius:7px;border-width:1px;border-style:solid;text-shadow:1px 1px 2px rgba(0,0,0,0.3);} .color_button{border-color:#333} .color_button:hover{border-color:#666} .buy_bt{padding:8px 25px 8px 25px !important;font-size:19px; letter-spacing:-1px; word-spacing:2px; font-weight: normal; font-family: 'Ubuntu', Arial, Helvetica, sans-serif ;} .buy_bt_header{padding:6px 20px 6px 20px !important; font-size:18px; letter-spacing:-1px; font-weight:bold;} .xxsmall_bt{padding:3px 6px 3px 6px !important;font-size: 12px} .xsmall_bt{padding:5px 10px 5px 10px !important;font-size: 14px} .small_bt{padding:7px 15px 7px 15px !important;font-size:14px} .large_bt{padding:15px 25px 15px 25px !important;font-size:16px} .giant_bt{padding:20px 35px 20px 35px !important;font-size:22px} .te_bt{ border-color:#388F16; background-color:#88c918; background: linear-gradient(top, rgb(117, 183, 52) 0, rgb(71, 149, 30) 100%); background: -o-linear-gradient(top, rgb(117, 183, 52) 0, rgb(71, 149, 30) 100%); background: -ms-linear-gradient(top, rgb(117, 183, 52) 0, rgb(71, 149, 30) 100%); background: -moz-linear-gradient(top, rgb(117, 183, 52) 0, rgb(71, 149, 30) 100%); background: -webkit-linear-gradient(top, rgb(117, 183, 52) 0, rgb(71, 149, 30) 100%); } .te_bt:hover{ background-color:#97e01b; background: linear-gradient(top, rgb(71, 149, 30) 0, rgb(117, 183, 52) 100%); background: -o-linear-gradient(top, rgb(71, 149, 30) 0, rgb(117, 183, 52) 100%); background: -ms-linear-gradient(top, rgb(71, 149, 30) 0, rgb(117, 183, 52) 100%); background: -moz-linear-gradient(top, rgb(71, 149, 30) 0, rgb(117, 183, 52) 100%); background: -webkit-linear-gradient(top, rgb(71, 149, 30) 0, rgb(117, 183, 52) 100%); } .te_bt:active{ background-color:#699b13;} .green_bt{border-color:#388F16;background-color:#88c918;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #88c918), color-stop(100%, #699b13));background-image:-webkit-linear-gradient(top, #88c918, #699b13);background-image:-moz-linear-gradient(top, #88c918, #699b13);background-image:-ms-linear-gradient(top, #88c918, #699b13);background-image:-o-linear-gradient(top, #88c918, #699b13);background-image:linear-gradient(top, #88c918, #699b13)} .green_bt:hover{background-color:#97e01b;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #97e01b), color-stop(100%, #79b215));background-image:-webkit-linear-gradient(top, #97e01b, #79b215);background-image:-moz-linear-gradient(top, #97e01b, #79b215);background-image:-ms-linear-gradient(top, #97e01b, #79b215);background-image:-o-linear-gradient(top, #97e01b, #79b215);background-image:linear-gradient(top, #97e01b, #79b215)} .green_bt:active{background-color:#699b13;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #79b215), color-stop(100%, #97e01b));background-image:-webkit-linear-gradient(top, #79b215, #97e01b);background-image:-moz-linear-gradient(top, #79b215, #97e01b);background-image:-ms-linear-gradient(top, #79b215, #97e01b);background-image:-o-linear-gradient(top, #79b215, #97e01b);background-image:linear-gradient(top, #79b215, #97e01b)} .orange_bt{border-color:#da7c0c;background-color:#f78d1d;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #faa51a), color-stop(100%, #f47a20));background-image:-webkit-linear-gradient(top, #faa51a, #f47a20);background-image:-moz-linear-gradient(top, #faa51a, #f47a20);background-image:-ms-linear-gradient(top, #faa51a, #f47a20);background-image:-o-linear-gradient(top, #faa51a, #f47a20);background-image:linear-gradient(top, #faa51a, #f47a20)} .orange_bt:hover{background-color:#f5b120;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7c611), color-stop(100%, #f09816));background-image:-webkit-linear-gradient(top, #f7c611, #f09816);background-image:-moz-linear-gradient(top, #f7c611, #f09816);background-image:-ms-linear-gradient(top, #f7c611, #f09816);background-image:-o-linear-gradient(top, #f7c611, #f09816);background-image:linear-gradient(top, #f7c611, #f09816)} .orange_bt:active{bbackground-color:#f5b120;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f09816), color-stop(100%, #f7c611));background-image:-webkit-linear-gradient(top, #f09816, #f7c611);background-image:-moz-linear-gradient(top, #f09816, #f7c611);background-image:-ms-linear-gradient(top, #f09816, #f7c611);background-image:-o-linear-gradient(top, #f09816, #f7c611);background-image:linear-gradient(top, #f09816, #f7c611)} .sky_bt{border-color:#2c5af3;background-color:#5c80f6;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c80f6), color-stop(100%, #2c5af3));background-image:-webkit-linear-gradient(top, #5c80f6, #2c5af3);background-image:-moz-linear-gradient(top, #5c80f6, #2c5af3);background-image:-ms-linear-gradient(top, #5c80f6, #2c5af3);background-image:-o-linear-gradient(top, #5c80f6, #2c5af3);background-image:linear-gradient(top, #5c80f6, #2c5af3)} .sky_bt:hover{background-color:#6688f7;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #6688f7), color-stop(100%, #3562f4));background-image:-webkit-linear-gradient(top, #6688f7, #3562f4);background-image:-moz-linear-gradient(top, #6688f7, #3562f4);background-image:-ms-linear-gradient(top, #6688f7, #3562f4);background-image:-o-linear-gradient(top, #6688f7, #3562f4);background-image:linear-gradient(top, #6688f7, #3562f4)} .sky_bt:active{background-color:#2c5af3;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #446df5), color-stop(100%, #7493f7));background-image:-webkit-linear-gradient(top, #446df5, #7493f7);background-image:-moz-linear-gradient(top, #446df5, #7493f7);background-image:-ms-linear-gradient(top, #446df5, #7493f7);background-image:-o-linear-gradient(top, #446df5, #7493f7);background-image:linear-gradient(top, #446df5, #7493f7)} .grayred_bt{color:#cccccc !important;border-color:#781f1f;background-color:#8b4d4d;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #8b4d4d), color-stop(100%, #6a3b3b));background-image:-webkit-linear-gradient(top, #8b4d4d, #6a3b3b);background-image:-moz-linear-gradient(top, #8b4d4d, #6a3b3b);background-image:-ms-linear-gradient(top, #8b4d4d, #6a3b3b);background-image:-o-linear-gradient(top, #8b4d4d, #6a3b3b);background-image:linear-gradient(top, #8b4d4d, #6a3b3b)} .grayred_bt:hover, .grayred_bt:active{color:#ffffff !important} .darkred_bt{border-color:#781f1f;background-color:#ab2d2d;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ab2d2d), color-stop(100%, #832222));background-image:-webkit-linear-gradient(top, #ab2d2d, #832222);background-image:-moz-linear-gradient(top, #ab2d2d, #832222);background-image:-ms-linear-gradient(top, #ab2d2d, #832222);background-image:-o-linear-gradient(top, #ab2d2d, #832222);background-image:linear-gradient(top, #ab2d2d, #832222)} .darkred_bt:hover, .grayred_bt:hover{border-color:#962727;background-color:#bf3232;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf3232), color-stop(100%, #972828));background-image:-webkit-linear-gradient(top, #bf3232, #972828);background-image:-moz-linear-gradient(top, #bf3232, #972828);background-image:-ms-linear-gradient(top, #bf3232, #972828);background-image:-o-linear-gradient(top, #bf3232, #972828);background-image:linear-gradient(top, #bf3232, #972828)} .darkred_bt:active, .grayred_bt:active{border-color:#781f1f;background-color:#832222;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #972828), color-stop(100%, #bf3232));background-image:-webkit-linear-gradient(top, #972828, #bf3232);background-image:-moz-linear-gradient(top, #972828, #bf3232);background-image:-ms-linear-gradient(top, #972828, #bf3232);background-image:-o-linear-gradient(top, #972828, #bf3232);background-image:linear-gradient(top, #972828, #bf3232)} .gray_bt{border:1px solid #dbdbdb;color:#949494 !important;background-color:#f8f8f8;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #dfdfdf));background-image:-webkit-linear-gradient(top, #f8f8f8, #dfdfdf);background-image:-moz-linear-gradient(top, #f8f8f8, #dfdfdf);background-image:-ms-linear-gradient(top, #f8f8f8, #dfdfdf);background-image:-o-linear-gradient(top, #f8f8f8, #dfdfdf);background-image:linear-gradient(top, #f8f8f8, #dfdfdf);-webkit-transition-property:border-color;-moz-transition-property:border-color;-ms-transition-property:border-color;-o-transition-property:border-color;transition-property:border-color} .gray_bt:hover{color:#898989 !important;border-color:#aaa} .gray_bt:active{background-color:#ebebeb;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d2d2), color-stop(100%, #ebebeb));background-image:-webkit-linear-gradient(top, #d2d2d2, #ebebeb);background-image:-moz-linear-gradient(top, #d2d2d2, #ebebeb);background-image:-ms-linear-gradient(top, #d2d2d2, #ebebeb);background-image:-o-linear-gradient(top, #d2d2d2, #ebebeb);background-image:linear-gradient(top, #d2d2d2, #ebebeb)} .flat_gray, a.flat_gray{font-size:14px;font-weight:normal;color:#666;background:#e0e0e0;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 1px rgba(255,255,255,0.9);padding:10px 19px} .flat_gray:hover,a.flat_gray:hover{text-decoration:none;background-color:#dadada} .flat_gray:active,a.flat_gray:active{background-color:#ccc;box-shadow:none} .darkblue_bt{border-color:#275086;background-color:#407CAE;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #407CAE), color-stop(100%, #275086));background-image:-webkit-linear-gradient(top, #407CAE, #275086);background-image:-moz-linear-gradient(top, #407CAE, #275086);background-image:-ms-linear-gradient(top, #407CAE, #275086);background-image:-o-linear-gradient(top, #407CAE, #275086);background-image:linear-gradient(top, #407CAE, #275086)} .darkblue_bt:hover{background-color:#4E97C0;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #4E97C0), color-stop(100%, #2F5D99));background-image:-webkit-linear-gradient(top, #4E97C0, #2F5D99);background-image:-moz-linear-gradient(top, #4E97C0, #2F5D99);background-image:-ms-linear-gradient(top, #4E97C0, #2F5D99);background-image:-o-linear-gradient(top, #4E97C0, #2F5D99);background-image:linear-gradient(top, #4E97C0, #2F5D99)} .darkblue_bt:active{background-color:#4E97C0;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2F5D99), color-stop(100%, #4E97C0));background-image:-webkit-linear-gradient(top, #2F5D99, #4E97C0);background-image:-moz-linear-gradient(top, #2F5D99, #4E97C0);background-image:-ms-linear-gradient(top, #2F5D99, #4E97C0);background-image:-o-linear-gradient(top, #2F5D99, #4E97C0);background-image:linear-gradient(top, #2F5D99, #4E97C0)} a.color_button:hover, a.green_bt:hover, a.te_bt:hover, a.sky_bt:hover, a.grayred_bt:hover, a.darkred_bt:hover, a.grayred_bt:hover, a.orange_bt:hover, a.gray_bt:hover, a.flat_gray:hover, a.darkblue_bt:hover, color_button:hover, green_bt:hover, sky_bt:hover, grayred_bt:hover, darkred_bt:hover, grayred_bt:hover, orange_bt:hover, gray_bt:hover, flat_gray:hover, darkblue_bt:hover {color:#fff !important; text-decoration:none !important; cursor:pointer;} .color_button:hover, .green_bt:hover, .te_bt:hover, .sky_bt:hover, .grayred_bt:hover, .darkred_bt:hover, .grayred_bt:hover, .orange_bt:hover, .gray_bt:hover, .flat_gray:hover, .darkblue_bt:hover {text-decoration:none !important;} .magnifier_16 { background:url(../images/TrulyErgonomic_Zoom_Magnifier_16.png); position:absolute; bottom:5%; left:5%; height:16px; width:16px; opacity:0.6; z-index:100; cursor: url(../images/TrulyErgonomic_Zoom_Magnifier_24h.png), crosshair; } .magnifier_32 { background:url(../images/TrulyErgonomic_Zoom_Magnifier_32.png); position:absolute; top:330px; left:10px; height:32px; width:32px; opacity:0.6; z-index:100; cursor: url(../images/TrulyErgonomic_Zoom_Magnifier_24h.png), crosshair; } .magnifier_hover_24 { cursor: url(../images/TrulyErgonomic_Zoom_Magnifier_24h.png), crosshair; } html { -webkit-text-size-adjust: none; /* Prevent font scaling in small screen devices */ } html { overflow-y: scroll; /* Always show vertical scroll bar */ } .xtotal, .xsubtotal { font-family: 'Ubuntu', 'Oxygen', Arial, Helvetica, sans-serif !important;} reg {font-size:50%; position:relative; bottom:0.5em;} .clippedImage {display:block; position:relative; background:#fff none bottom center no-repeat;} .clippedImage img {display:none;} .grow { transition: all .2s ease-in-out; } .grow:hover { transform: scale(1.1); }