html, body {
margin: 0px;
padding: 0px;
color: #666;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif, Tahoma, Geneva;
}
.clr {
font-size: 0px;
line-height: 0px;
height: 0px;
clear: both;
}
a {
color: #333;
text-decoration: none;
cursor: pointer;
}
a:hover { color: #C51015; }
a:focus { outline:none }
a img { border: none; }
form {
padding: 0px;
margin: 0px;
}
h1 , h2 , h3 , h4 , h5 {
margin: 0px;
padding: 0px;
font-size: 12px;
}
input , textarea {
background: #FFF url(../images/gui/bg_input.gif) no-repeat 1px 1px;
}
.inputField{
background: #FFF url(../images/gui/bg_input.gif) no-repeat 1px 1px;
width: 300px;
border: 1px solid #ccc;
padding: 4px;
}
.w50{
width: 50px;
}
/* -=-=-=-=- */
/*
color: #C51015; - red
*/
/* -=-=-=-=- Main -=-=-=-=- */
html { background: #F9FAFA url(../images/gui/bg.gif) repeat-y center top; }
body { background: transparent url(../images/gui/bg_header_out.gif) repeat-x center top; }
/* -=-=-=-=- Header -=-=-=-=- */
.header_out {
height: 170px;
background: transparent url(../images/gui/bg_summer.jpg) no-repeat center top;
}
.header {
width: 1090px; /* Back to 990px when removing grass behind the logo */
margin: 0px auto;
/* begin grass */
background: transparent url(../images/gui/bgbg.png) no-repeat left top; overflow: visible; padding-left: 100px;
/* end grass */
}
.header_top {
height: 30px;
line-height: 30px;
padding: 0px 10px;
font-size: 11px;
font-family: Tahoma, Geneva;
text-align: right;
}
.header_top a {
margin: 0px 3px;
color: #666;
}
.header_top a:hover {
color: #C51015;
text-decoration: underline;
}
.header_top a.feedback {
float: left;
padding-left: 12px;
color: #784B2D;
text-decoration: underline;
background: transparent url(../images/gui/feedback.gif) no-repeat left center;
}
.header_top a.feedback:hover { text-decoration: none; }
.header_content { height: 94px; }
.logo {
float: left;
height: 94px;
width: 224px;
}
#logo {
/*display: block;
float: left;
height: 94px;
overflow: hidden;*/
}
#logo img { margin-top: 8px; /*float: left;*/ }
a.old_site {
line-height: 16px;
font-size: 11px;
font-weight: bold;
margin: 0px 0px 0px 40px;
}
#header_login , #header_basket , #header_search {
float: left;
height: 64px;
margin-top: 16px;
background: transparent url(../images/gui/bg_header_cont.gif) no-repeat center top;
border: 1px solid #EEEFF1;
}
/* -=-=-=-=- Header Login form -=-=-=-=- */
#header_login {
width: 260px;
height: 55px;
overflow: hidden;
margin-right: 8px;
padding: 9px 12px 0px 12px;
color: #333;
font-size: 11px;
}
.header_login_text { height: 20px; }
.header_login_text a {
float: right;
color: #C51015;
text-decoration: underline;
margin-left: 10px;
}
.header_login_text a:hover { text-decoration: none; }
.header_login_inputs {
position: relative;
margin-left: -3px;
padding-top: 1px;
}
.header_login_inputs input {
/*position: absolute;
top: 0px;*/
width: 108px;
padding: 4px 3px;
color: #666;
/*font-size: 11px;*/
border: 1px solid #BBB;
}
input.header_login_image {
position: absolute;
top: 0px;
width: 31px;
height: 30px;
padding: 0px;
border: none;
}
.header_profile_text { line-height: 16px; }
.header_profile_text a {
color: #C51015;
text-decoration: underline;
}
.header_profile_text a:hover { text-decoration: none; }
/* -=-=-=-=- Header Basket -=-=-=-=- */
#header_basket {
width: 228px;
margin-right: 10px;
margin-right: 9px;
}
#header_basket_info {
float: left;
width: 147px;
overflow: hidden;
color: #333;
font-size: 11px;
padding: 8px 0px 0px 11px;
}
.header_basket_top {
display: block;
height: 18px;
line-height: 14px;
}
.header_basket_top a {
color: #C51015;
text-decoration: underline;
}
.header_basket_top a:hover { text-decoration: none; }
.header_basket_cont {
display: block;
height: 15px;
line-height: 15px;
margin-left: 2px;
background: transparent url(../images/gui/dots2.gif) no-repeat left bottom;
}
.header_basket_discount , .header_basket_discount_on {
float: left;
width: 63px;
height: 45px;
padding: 15px 0px 0px 0px;
color: #FFF;
font-size: 11px;
font-weight: bold;
text-indent: 7px;
background: transparent url(../images/gui/header_basket_off.gif) no-repeat right bottom;
}
/*.header_basket_discount { background-image: url(../images/gui/header_basket_on.png); }*/
.header_basket_discount_on { background-image: url(../images/gui/header_basket_on2.gif); }
/* -=-=-=-=- Header Search -=-=-=-=- */
#header_search {
width: 220px;
height: 56px;
padding: 8px 0px 0px 8px;
color: #333;
font-size: 11px;
}
#header_search span {
display: block;
height: 20px;
}
#header_search div {
position: relative;
padding-top: 1px;
}
#header_search div input {
/*position: relative;*/
width: 140px;
padding: 4px 3px;
margin-right: 5px;
color: #666;
border: 1px solid #BBB;
}
#header_search div a img {
position: absolute;
top: 0;
}
/* -=-=-=-=- Header Menu -=-=-=-=- */
.header_menu {
height: 46px;
line-height: 46px;
padding: 0px;
}
.header_menu_left {
position: relative;
float: left;
width: 450px;
padding: 4px 0px 0px 16px;
line-height: 42px;
font-weight: bold;
color: #fff;
text-shadow:#000 0px 0px 3px;
}
.header_menu_left a { margin: 0px 7px; color: #fff; }
.header_menu_left a:hover { text-decoration: underline; }
.header_menu_left a.header_menu_left_fb {
position: absolute;
bottom: 1px;
margin-left: 45px;
}
.header_menu_taber {
position: relative;
float: left;
width: 520px;
height: 46px;
}
.header_tab {
position: relative;
float: left;
height: 46px;
margin-right: 4px;
}
.header_tab span , .header_tab a {
display: block;
float: left;
height: 39px;
line-height: 39px;
margin-top: 6px;
text-align: center;
font-weight: bold;
background: transparent url(../images/gui/bg_header_menu_tab1.gif) no-repeat left top;
}
.header_tab span span , .header_tab a span {
display: block;
float: left;
height: 39px;
line-height: 39px;
margin: 0px;
padding: 0px 14px 0px 16px;
white-space: nowrap;
background: transparent url(../images/gui/bg_header_menu_tab2.gif) no-repeat right top;
}
.header_tab a.active {
position: absolute;
z-index: 100;
height: 56px;
margin-top: 3px;
background: transparent url(../images/gui/bg_header_menu_tab_on1.gif) no-repeat left top;
}
.header_tab a.active span {
display: block;
height: 56px;
line-height: 45px;
padding: 0px 14px 0px 16px;
background: transparent url(../images/gui/bg_header_menu_tab_on2.gif) no-repeat right top;
}
/* -=-=-=-=- Content -=-=-=-=- */
.content_out { background: transparent url(../images/gui/bg_content_out-summer.png) no-repeat center top; }
.content {
width: 990px;
margin: 0px auto;
padding: 12px 0px;
}
/* -=-=-=-=- Tabs Content -=-=-=-=- */
#tab_content_out {
/*position: relative;*/
margin: -5px 0px 10px 0px;
}
.tab_content_top {
height: 22px;
background: transparent url(../images/gui/bg_tab_content_top.gif) no-repeat center top;
}
.tab_content_bottom {
height: 6px;
background: transparent url(../images/gui/bg_tab_content_bottom.gif) no-repeat center top;
}
#tab_content {
position: relative;
padding: 3px 10px 10px 10px;
background: transparent url(../images/gui/bg_tab_content.gif) repeat-y center top;
}
/* -=-=-=-=- Tab Site Map -=-=-=-=- */
.tab_site_map {
width: 940px;
margin: 0px auto;
}
.tab_site_map_col {
float: left;
width: 178px;
width: 176px;
margin: 0px 5px;
}
.tab_site_map_col h2 { font-size: 11px; }
.tab_site_map_col h2 a { text-transform: uppercase; }
.tab_site_map_col h2.current a { color: #C51015; }
.tab_site_map_col ul {
margin: 0px;
padding: 4px 7px 13px 0px;
list-style-type: none;
}
.tab_site_map_col ul li {
padding: 0px;
font-size: 11px;
}
.tab_site_map_col ul li:first-child { background-image: none; }
.tab_site_map_col ul li a {
padding-left: 9px;
color: #666;
/*text-decoration: underline;*/
background: transparent url(../images/gui/left_menu_arrow.gif) no-repeat left 5px;
}
.tab_site_map_col ul li a:hover , .tab_site_map_col ul li a.current {
color: #C51015;
text-decoration: none;
background: transparent url(../images/gui/left_menu_arrow_red.gif) no-repeat left 5px;
}
.tab_site_map_col ul li a b { font-weight: normal; }
.tab_site_map_col ul li a:hover b { text-decoration: underline; }
.tab_site_map_col ul li a.current { font-weight: bold; }
.tab_site_map_col ul li span { color: #999; font-weight: normal; }
/* -=-=-=-=- Tab Daily Promotion -=-=-=-=- */
.day_promotion {
position: relative;
padding: 0px 0px 0px 12px;
}
.day_promotion_product {
float: left;
width: 457px;
margin-right: 4px;
padding: 7px;
background: #FFF;
border: 1px solid #666;
}
a.day_promotion_product_img {
display: block;
float: left;
width: 230px;
text-align: center;
}
a.day_promotion_product_img img {}
.day_promotion_product_top {
float: left;
width: 227px;
}
.dppt1 , .dppt2 {
display: block;
line-height: 30px;
margin-bottom: 1px;
color: #FFF;
font-size: 15px;
text-align: center;
text-transform: uppercase;
}
.dppt1 {
font-family: Arial Black, Gadget, sans-serif;
letter-spacing: 2px;
background: #B0B0B0;
}
.dppt2 {
font-weight: bold;
font-family: Tahoma, Geneva, sans-serif;
background: #666;
}
.day_promotion_product_top s {
display: block;
padding-top: 20px;
color: #222;
font-size: 13px;
font-weight: bold;
text-align: right;
}
.day_promotion_product_top b {
display: block;
padding-top: 8px;
color: #C51015;
font-size: 26px;
text-align: right;
}
.day_promotion_product h2 {
float: left;
width: 310px;
height: 36px;
overflow: hidden;
padding: 10px 0px 0px 8px;
font-size: 15px;
font-family: Tahoma, Geneva, sans-serif;
}
a.day_promotion_order {
display: block;
float: left;
width: 136px;
height: 51px;
line-height: 51px;
color: #FFF;
font-size: 13px;
font-weight: bold;
text-indent: 60px;
background: transparent url(../images/gui/bg_promo_order.gif) no-repeat left top;
}
a.day_promotion_order:hover { color: #333; }
.day_promotion_product p {
margin: 10px 0px 0px 0px;
padding: 8px;
color: #333;
font-size: 10px;
font-weight: bold;
text-align: right;
background: #CCC;
}
/* -=-=-=-=- Tab Compare Products -=-=-=-=- */
.tab_content_compare {
color: #333;
}
table.tab_compare_table { font-size: 11px; }
.tab_compare_table td { padding: 6px; }
.tab_compare_table tr:hover td.tab_compare_name , .tab_compare_table tr:hover td.tab_compare_price , .tab_compare_table tr:hover td.tab_compare_filter { background-color: #F0F0F0; }
.tab_compare_table td span {
display: block;
width: 169px;
overflow: hidden;
padding: 0px 2px;
}
td.tab_compare_img {
width: 173px;
padding-top: 0px;
}
td.tab_compare_name , td.tab_compare_price , td.tab_compare_filter {
background: transparent url(../images/gui/sep.gif) no-repeat center bottom;
}
td.tab_compare_name { color: #000; }
td.tab_compare_name a { color: #000; text-decoration: underline; }
td.tab_compare_name a:hover { color: #C51015; text-decoration: none; }
td.tab_compare_price {}
td.tab_compare_price b { color: #C51015; }
td.tab_compare_filter {}
td.tab_compare_tl {
width: 204px;
padding-right: 10px;
text-transform: uppercase;
}
td.tab_compare_main_left { padding-right: 10px; }
td.tab_compare_detail { padding-top: 15px; }
.tab_compare_detail_but { position: relative; }
/* -=-=-=-=- Tab Filter -=-=-=-=- */
.tab_content_filter { height: 10%; }
.tab_content_filter b {
display: block;
color: #333;
text-transform: uppercase;
}
.tab_filter_left {
float: left;
width: 210px;
padding-left: 10px;
}
.tab_filter_left b { margin-bottom: 12px; }
.tab_filter_left input {
width: 37px;
padding: 3px;
color: #666;
border: 1px solid #BBB;
}
.tab_filter_left_price { margin-bottom: 20px; }
a.filter_price { position: absolute; }
.tab_filter_left select {
width: 180px;
padding: 1px;
font-size: 11px;
border: 1px solid #BBB;
}
.tab_filter_left select option { font-size: 10px; }
.tab_filter_left_list { padding: 10px 0px 0px 0px; }
.tab_filter_left_list a {
display: block;
width: 140px;
height: 24px;
line-height: 26px;
overflow: hidden;
margin-bottom: 2px;
padding: 0px 20px 0px 18px;
font-size: 11px;
text-decoration: underline;
background: transparent url(../images/gui/but_clear.gif) no-repeat right center;
}
.tab_filter_left_list a b { margin: 0; font-weight: normal; }
.tab_filter_left a.clear_all {
display: block;
width: 133px;
height: 26px;
line-height: 26px;
margin-top: 10px;
color: #FFF;
font-size: 11px;
font-weight: bold;
text-align: center;
background: transparent url(../images/gui/but_send.gif) no-repeat left top;
}
.tab_filter_left a.clear_all:hover { color: #333; }
.tab_filter_right {
float: left;
width: 750px;
}
.tab_filter_col {
float: left;
width: 185px;
margin-bottom: 30px;
}
.tab_filter_col b {
width: 180px;
height: 15px;
overflow: hidden;
margin-bottom: 3px;
}
.tab_filter_col ul {
width: 168px;
height: 102px;
overflow: auto;
margin: 0px 0px 3px 0px;
padding: 3px 0px 3px 7px;
list-style-type: none;
background: #EFF0F2;
border-top: 1px solid #B6B6B6;
}
.tab_filter_col ul li {
line-height: 16px;
margin: 0px;
padding: 1px 0px 2px 0px;
padding: 0px 0px 1px 0px;
font-size: 11px;
}
.tab_filter_col ul li a {
padding-left: 9px;
color: #666;
/*text-decoration: underline;*/
background: transparent url(../images/gui/left_menu_arrow.gif) no-repeat left 5px;
}
.tab_filter_col ul li a:hover , .tab_filter_col ul li a.current {
color: #C51015;
text-decoration: underline;
background-image: url(../images/gui/left_menu_arrow_red.gif);
}
.tab_filter_col ul li span { color: #999; }
.tab_filter_col ul li a.current:hover { text-decoration: line-through; padding-right: 12px; }
/* -=-=-=-=- Tab Calendar -=-=-=-=- */
.tab_content_calendar { height: 10%; }
.tab_content_calendar_cal {
float: left;
width: 485px;
/*height: 200px;*/
}
.tab_content_calendar_work {
float: left;
width: 485px;
/*height: 180px;*/
}
.tab_claendar_date , .tab_claendar_online , .tab_claendar_offline {
line-height: 140%;
margin-bottom: 10px;
padding: 10px 20px;
color: #333;
text-indent: 20px;
border: 1px solid #BBB;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.tab_claendar_online , .tab_claendar_offline { display: none; border: 1px solid #333; }
.tab_claendar_date { background: #E8E8E8 url(../images/gui/ico_date.png) no-repeat 20px 10px; }
.tab_claendar_date h2 { display: inline; }
.tab_claendar_online { color: #FFF; background: #96C736 url(../images/gui/ico_accept.png) no-repeat 20px 10px; }
.tab_claendar_offline { background: #F6DADA url(../images/gui/ico_info.png) no-repeat 20px 10px; }
/* -=-=-=-=- Catalog Menu -=-=-=-=- */
.catalog_menu {
height: 32px;
margin-bottom: 10px;
padding: 4px 0px 4px 8px;
background: transparent url(../images/gui/bg_catalog_menu-summer.png);
}
.catalog_menu a {
color: #4b566c;
display: block;
float: left;
width: 160px;
height: 32px;
line-height: 32px;
margin-left: 6px;
font-weight: bold;
text-align: center;
background: transparent url(../images/gui/but_catalog_menu.gif) no-repeat center top;
}
.catalog_menu a:hover { background: transparent url(../images/gui/but_catalog_menu.gif) no-repeat center bottom; color: #0f98c0;}
.catalog_menu a.current { color: #C51015; background: transparent url(../images/gui/but_catalog_menu.gif) no-repeat center bottom; }
.catalog_menu a.long {
width: 185px;
background: transparent url(../images/gui/but_catalog_menu_long.gif) no-repeat center top;
}
.catalog_menu a:hover.long { background: transparent url(../images/gui/but_catalog_menu_long.gif) no-repeat center bottom; }
.catalog_menu a.longcurrent {
width: 185px;
color: #C51015;
background: transparent url(../images/gui/but_catalog_menu_long.gif) no-repeat center bottom;
}
.catalog_menu a.new_products {
width: 130px;
height: 31px;
color: #FFF;
text-transform: uppercase;
background: transparent url(../images/gui/but_catalog_menu_summer.gif) no-repeat center top;
}
/* -=-=-=-=- Path -=-=-=-=- */
.path , .path1 {
height: 40px;
line-height: 40px;
overflow: hidden;
margin-bottom: 10px;
padding: 0px 20px;
color: #C51015;
font-weight: bold;
background: #FFF;
border: 1px solid #D2D2D4;
}
.path { width: 716px; }
.path a , .path1 a {
margin: 0px 3px 0px 2px;
color: #000;
font-weight: normal;
text-decoration: underline;
}
.path a:hover { text-decoration: none; }
.path h1 , .path1 h1 {
display: inline;
position: relative;
top: 1px;
margin: 0px 3px 0px 2px;
font-weight: bold;
color: #000;
}
/* -=-=-=-=- Left Content -=-=-=-=- */
.left_content {
float: left;
width: 230px;
margin-right: 10px;
}
/* -=-=-=-=- Left Menu -=-=-=-=- */
.left_menu { margin-bottom: 10px; }
.left_menu_title {
position: relative;
height: 34px;
line-height: 34px;
overflow: hidden;
padding: 0px 20px;
color: #C51015;
font-weight: bold;
text-transform: uppercase;
/* background: #E0E4E7; */ background: #f5f5f2;
border: 1px solid #BEBEBE;
}
.catalog_home { margin-bottom: 10px; }
.left_menu_content {
padding: 4px 8px;
background: #FFF;
border: 1px solid #D3D3D3;
border-top: none;
}
.left_menu_content h2 {
padding: 5px 12px;
font-size: 11px;
border-bottom: 1px solid #D3D3D3;
}
.left_menu_content h2.current {
height: 24px;
line-height: 24px;
overflow: hidden;
margin-top: 8px;
padding: 0px 12px;
background: transparent url(../images/gui/bg_left_menu_main_current.gif) no-repeat center top;
border: none;
}
.left_menu_content h2 a { color: #666; }
.left_menu_content h2 a:hover { color: #000; }
.left_menu_content h2 span {
color: #999;
font-weight: normal;
}
.left_menu_content h2.current a { color: #C51015; }
.left_menu_content h2.current span { color: #C51015; }
.left_menu_content a.menu_arrow_up , .left_menu_content a.menu_arrow_down {
position: relative;
top: -24px;
display: block;
float: right;
width: 25px;
height: 24px;
}
.left_menu_content a.menu_arrow_up { background: transparent url(../images/gui/bg_left_menu_main_arrow.gif) no-repeat left -24px; }
.left_menu_content a.menu_arrow_down { background: transparent url(../images/gui/bg_left_menu_main_arrow.gif) no-repeat left 0px; }
.left_menu_content ul {
margin: 0px;
padding: 0px 7px 4px 17px;
list-style-type: none;
border-bottom: 1px solid #D3D3D3;
}
.left_menu_content ul li {
padding: 3px 0px 4px 0px;
font-size: 11px;
background: transparent url(../images/gui/dot.gif) repeat-x left top;
}
.left_menu_content ul li:first-child { background-image: none; }
.left_menu_content ul li a {
padding-left: 9px;
color: #666;
background: transparent url(../images/gui/left_menu_arrow.gif) no-repeat left 5px;
}
.left_menu_content ul li a:hover , .left_menu_content ul li a.current {
color: #C51015;
background: transparent url(../images/gui/left_menu_arrow_red.gif) no-repeat left 5px;
}
.left_menu_content ul li a b { font-weight: normal; }
.left_menu_content ul li a:hover b { text-decoration: underline; }
.left_menu_content ul li a.current { font-weight: bold; }
.left_menu_content ul li span { color: #999; font-weight: normal; }
a.menu_arrow_up_title , a.menu_arrow_down_title {
position: absolute;
display: block;
top: 0px;
right: 0px;
width: 30px;
height: 36px;
border-left: 1px solid #BEBEBE;
}
a.menu_arrow_up_title {
background: #E0E4E7 url(../images/gui/bg_menu_arrow_title.gif) no-repeat center -18px; }
a.menu_arrow_down_title {
background: #E0E4E7 url(../images/gui/bg_menu_arrow_title.gif) no-repeat center 17px; }
.left_menu_content ul.left_menu_title_ul {
padding: 4px 0px;
border-bottom: none;
}
.left_menu_content ul.left_menu_title_ul li {
margin-bottom: 4px;
padding: 3px 4px 4px 9px;
background: #F9F9F9;
border: 1px solid #E0E0E0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.left_menu_content ul.left_menu_title_ul li a {
color: #C51015;
background: transparent url(../images/gui/left_menu_arrow_red.gif) no-repeat left 5px;
}
.left_menu_content ul.left_menu_title_ul li.current {
background: #EEE;
border: 1px solid #C51015;
}
.left_menu_content ul.left_menu_title_ul li a b { font-weight: normal; }
.left_menu_content ul.left_menu_title_ul li.current a:hover b { text-decoration: none; }
.left_menu_content ul.left_menu_title_ul li span { font-weight: normal; }
/* -=-=-=-=- Left Compare -=-=-=-=- */
.left_compare {}
.left_compare_content {
position: relative;
padding: 8px 8px 34px 8px;
background: #FFF;
border: 1px solid #D3D3D3;
border-top: none;
}
.left_compare_content_prod {
position: relative;
margin-bottom: 7px;
padding: 10px 8px;
color: #333;
background: #F7F7F7;
border: 1px solid #E0E0E0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.left_compare_content_prod h2 {
width: 190px;
overflow: hidden;
margin-bottom: 4px;
}
.left_compare_content_prod h2 a {
color: #333;
font-size: 11px;
}
.left_compare_content_prod span {}
.left_compare_content_prod span b { color: #C51015; }
a.but_compare {
display: block;
position: relative;
top: -34px;
width: 133px;
height: 26px;
line-height: 26px;
margin: 0px auto;
color: #FFF;
font-weight: bold;
text-align: center;
background: transparent url(../images/gui/but_send.gif) no-repeat left top;
}
a.but_compare:hover { color: #333; }
/* -=-=-=-=- Content In -=-=-=-=- */
.content_in {
float: left;
width: 750px;
}
/* -=-=-=-=- Content Filter -=-=-=-=- */
.content_filter_out { position: relative; }
.content_filter1 , .content_filter2 , .content_filter3 {
position: absolute;
right: 0;
top: -52px;
width: 200px;
height: 44px;
padding: 9px 0px 0px 22px;
}
/*.content_filter1 { padding: 3px 0px 0px 22px; }*/
.content_filter1 { background: transparent url(../images/gui/bg_content_filter_1.gif) no-repeat left top; }
.content_filter2 { background: transparent url(../images/gui/bg_content_filter_1.gif) no-repeat left top; }
.content_filter3 { background: transparent url(../images/gui/bg_content_filter_2.gif) no-repeat left top; }
.content_filter1 a , .content_filter2 a , .content_filter3 a {
display: block;
width: 177px;
height: 36px;
line-height: 36px;
color: #FFF;
font-size: 14px;
font-weight: bold;
text-align: center;
background: transparent url(../images/gui/but_content_filter1.gif) no-repeat left top;
}
.content_filter1 a:hover , .content_filter2 a:hover , .content_filter3 a:hover { background: transparent url(../images/gui/but_content_filter2.gif) no-repeat left top; }
/* -=-=-=-=- Listing Home Page-=-=-=-=- */
.listing_hp { }
.listing_hp_product , .listing_hp_product1 {
position: relative;
float: left;
width: 211px;
height: 278px;
padding: 15px;
color: #000;
text-align: center;
background: #FFF;
border: 1px solid #EFF0F2;
}
.listing_hp_product { margin: 0px 6px 10px 0px; }
.listing_hp_product1 { margin: 0px 0px 10px 0px; }
.content_in .listing_hp_product { margin: 0px 10px 10px 0px; }
.content_in .listing_hp_product1 { margin: 0px 0px 10px 0px; }
.listing_hp_promo_image {
position: absolute;
top: 0;
left: 0;
}
.listing_hp_product a img , .listing_hp_product1 a img { width: 140px; margin-bottom: 10px; }
.listing_hp_product h2, .listing_hp_product1 h2 {
width: 211px;
overflow: hidden;
margin-bottom: 10px;
}
.listing_hp_product h2 a , .listing_hp_product1 h2 a { color: #000; }
.listing_hp_product h2 a:hover , .listing_hp_product1 h2 a:hover { color: #C51015; }
.listing_hp_product_price_out {
height: 38px;
}
.listing_hp_product_old_price {
display: block;
padding: 1px 0px;
}
.listing_hp_product_old_price s { color: #C51015; }
.listing_hp_product_price {
display: block;
padding: 1px 0px;
margin-bottom: 10px;
}
.listing_hp_product_price b {
color: #C51015;
font-size: 14px;
}
.listing_hp_detail { padding-left: 27px; }
/* */
.home_page2 {
float: left;
width: 560px;
margin-right: 10px;
}
.home_page2 .listing_hp_product , .home_page2 .listing_hp_product1 {
position: relative;
float: left;
width: 160px;
height: 210px;
padding: 10px 10px;
color: #000;
text-align: center;
background: #FFF;
border: 1px solid #EFF0F2;
}
.home_page2 .listing_hp_product { margin: 0px 6px 7px 0px; }
.content_in .home_page2 .listing_hp_product { margin: 0px 7px 7px 0px; }
.content_in .home_page2 .listing_hp_product1 { margin: 0px 0px 7px 0px; }
.home_page2 .listing_hp_product a img , .home_page2 .listing_hp_product1 a img { width: 100px; height: 100px; margin-bottom: 4px; }
.home_page2 .listing_hp_product h2 , .home_page2 .listing_hp_product1 h2 {
width: 150px;
height: 30px;
overflow: hidden;
margin-bottom: 7px;
}
.home_page2 .listing_hp_product_price {
margin-bottom: 4px;
}
.home_page2 .listing_hp_detail { padding-left: 0px; }
/* -=-=-=-=- Listing -=-=-=-=- */
.listing_header , .listing_footer {
height: 34px;
line-height: 34px;
background: #E0E4E7;
border: 1px solid #BEBEBE;
}
.listing_footer { margin-bottom: 10px; }
.listing_order {
float: left;
width: 240px;
height: 34px;
line-height: 34px;
font-size: 11px;
}
.listing_order span {
display: block;
float: left;
margin-right: 5px;
}
/*a.listing_order_up , a.listing_order_down {
display: block;
float: left;
width: 91px;
height: 24px;
line-height: 22px;
margin: 6px 0px 0px 0px;
padding-right: 20px;
text-align: center;
text-decoration: underline;
}
a.listing_order_up:hover , a.listing_order_down:hover { text-decoration: none; }
a.listing_order_up {
margin-right: 5px;
background: transparent url(../images/gui/but_listing_order.gif) no-repeat left top;
}
a.listing_order_up:hover {}
a.listing_order_down {
margin-right: 7px;
background: transparent url(../images/gui/but_listing_order.gif) no-repeat left bottom;
}
a.listing_order_down:hover {}*/
.listing_order select {
margin: 5px 0px 0px 0px;
}
.listing_compare {
float: left;
width: 170px;
padding: 4px 0px 4px 155px;
}
.listing_products {
background: #FFF;
border-left: 1px solid #D2D2D4;
border-right: 1px solid #D2D2D4;
}
.listing_product { background: #FFF; }
.listing_product1 { padding-bottom: 4px; background: #F5F5F5; }
.listing_product_pic {
float: left;
width: 100px;
height: 100px;
padding: 12px;
text-align: center;
}
.listing_product_pic a img {}
.listing_product_content {
float: left;
width: 400px;
height: 100px;
padding: 12px 4px 12px 0px;
background: transparent url(../images/gui/dots.gif) no-repeat 403px center;
}
.listing_product_content h2 {
line-height: 14px;
padding: 6px 0px;
}
.listing_product_content h2 a { color: #000; }
.listing_product_content h2 a:hover { color: #C51015; }
.listing_product_content h2 span {
display: block;
width: 44px;
line-height: 16px;
float: left;
margin: -1px 5px 0px 0px;
}
.listing_product_content h2 span img { margin-bottom: 1px; }
.listing_product_content ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.listing_product_content ul li {
float: left;
line-height: 20px;
margin: 0px 10px 0px 0px;
padding: 0px;
color: #888;
font-size: 11px;
}
.listing_product_content ul li a { color: #888; text-decoration: underline;}
.listing_product_content ul li a:hover { color: #000; }
.listing_product_options {
height: 24px;
line-height: 24px;
margin: 10px 0px 0px 0px;
font-size: 11px;
font-family: Tahoma, Geneva, sans-serif;
}
.listing_product_rete , .listing_product_compare , .listing_product_ask {
float: left;
height: 22px;
line-height: 22px;
margin-right: 7px;
background: #F7F7F7;
border: 1px solid #E0E0E0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.listing_product_rete {
width: 100px;
font-size: 9px;
}
.listing_product_rete a {
display: block;
position: relative;
float: left;
width: 64px;
height: 17px;
line-height: 17px;
padding: 2px 0px 3px 0px;
/*background: transparent url(../images/gui/rate0.gif) no-repeat 1px 2px;*/
}
.listing_product_rete a img {
position: absolute;
top: 2px;
left: 1px;
}
.listing_product_rete span {
display: block;
float: left;
width: 36px;
text-align: center;
}
.listing_product_compare {
position: relative;
width: 116px;
padding-left: 24px;
}
.listing_product_compare input {
position: absolute;
top: 2px;
left: 2px;
}
.listing_product_ask {
width: 114px;
margin-right: 0px;
padding: 0px 8px;
}
.listing_product_ask a { color: #666; }
.listing_product_ask a:hover { color: #000; }
.listing_product_detail {
float: left;
width: 200px;
height: 104px;
padding: 20px 0px 0px 20px;
color: #000;
background: transparent url(../images/gui/bg_listing_products_detail.png) no-repeat left center;
}
.listing_product_old_price {
display: block;
padding: 1px 0px 1px 10px;
}
/*.listing_product_old_price s { color: #C51015; }*/
.listing_product_price {
display: block;
padding: 1px 0px 1px 10px;
}
.listing_product_price b {
color: #C51015;
font-size: 14px;
}
.listing_product_detail_ask {
margin-right: 20px;
padding: 10px;
color: #333;
background: #F6DADA;
border: 1px solid #333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.listing_product_detail_ask p {
margin: 0px;
padding: 0px;
}
.listing_product_error {
position: relative;
width: 338px;
margin: 0px 0px 7px 124px;
padding: 10px 10px 10px 40px;
color: #C51015;
font-size: 11px;
font-weight: bold;
background: #F7F7F7 url(../images/gui/ico_error.gif) no-repeat 22px 12px;
border: 1px solid #BBB;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.detail_page_main .listing_product_error {
width: 285px;
margin-left: 0px;
}
.listing_product_rate_msg {
position: relative;
width: 368px;
margin: 0px 0px 7px 124px;
padding: 10px;
font-size: 11px;
background: #F7F7F7;
border: 1px solid #BBB;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.detail_page_main .listing_product_rate_msg {
width: 315px;
margin-left: 0px;
}
.rate_stars {
float: left;
width: 125px;
margin-right: 15px;
}
.rate_stars a {
display: block;
line-height: 16px;
padding-left: 33px;
color: #333;
text-decoration: underline;
background: transparent url(../images/gui/ico_star.gif) no-repeat 10px center;
}
.rate_stars a:hover { text-decoration: none; }
.rate_info {
float: left;
width: 165px;
color: #333;
}
.listing_product_feedback {
position: relative;
width: 352px;
margin: 0px 0px 7px 124px;
padding: 10px 13px 10px 23px;
color: #333;
font-size: 11px;
background: #F7F7F7;
border: 1px solid #BBB;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.detail_page_tab_content .listing_product_feedback {
float: left;
margin: 7px 0px 7px 0px;
}
.listing_product_feedback table {
width: 100%;
line-height: 18px;
}
.listing_product_feedback table td {
padding: 4px 10px 2px 0px;
}
.listing_product_feedback input , .listing_product_feedback textarea {
width: 99%;
padding: 3px;
color: #666;
border: 1px solid #BBB;
}
.listing_product_feedback textarea {
height: 64px;
overflow: auto;
}
a.but_send , a.but_send2 {
display: block;
width: 133px;
height: 26px;
line-height: 26px;
color: #FFF;
font-weight: bold;
text-align: center;
background: transparent url(../images/gui/but_send.gif) no-repeat left top;
}
a.but_send:hover { color: #333; }
/* -=-=-=-=- Basked Buyed products -=-=-=-=- */
.basket_buyed {
margin-bottom: 12px;
padding: 10px 14px;
color: #000;
background: #FFF;
border: 1px solid #EFF0F2;
}
.basket_buyed_in {
height: 220px;
border-bottom:1px dotted #989898;
}
.basket_buyed_product {
float: left;
width: 160px;
overflow: hidden;
margin: 5px 5px;
padding: 5px 5px;
text-align: center;
}
.basket_buyed_product a img { margin-bottom: 5px; }
.basket_buyed_product h2 {
width: 150px;
height: 30px;
overflow: hidden;
font-size: 11px;
font-weight: normal;
}
.buy_more_price {
height: 36px;
line-height: 16px;
font-size: 11px;
}
.buy_more_price span {
font-size: 12px;
font-weight: bold;
}
.buy_more_price b { color: #C51015; }
.basket_buyed .listing_hp_detail { padding-left: 0px; }
.basket_buyed .basket_price_next { float: right; }
/* -=-=-=-=- Fast Listing -=-=-=-=- */
.fast_listing_out {
position: relative;
float: left;
width: 724px;
margin-bottom: 12px;
padding:10px;
background: #FFF;
border: 3px double #BBB;
}
.fast_listing {}
#slider , ul.fast_listing_fliper {
width: 724px;
height: 186px;
overflow: hidden;
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul.fast_listing_fliper li {
width: 724px;
height: 186px;
overflow: hidden;
margin: 0px;
padding: 0px;
}
.fast_listing_product {
float: left;
width: 145px;
height: 158px;
overflow: hidden;
margin: 0px 5px 10px 5px;
padding: 10px;
font-size: 11px;
text-align: center;
background: #FFF;
/*border: 3px double #D9D9D9;*/
border: 3px double #FFF;
}
.detail_page_tab_content .fast_listing_product {
width: 143px;
margin: 0px 5px 15px 5px;
}
.fast_listing_product a img { margin: 0px 22px 5px 22px; }
.detail_page_tab_relate .fast_listing_product a img { margin: 0px 16px; }
.fast_listing_product h2 {
max-height: 28px;
overflow: hidden;
}
.fast_listing_product h2 a {
color: #000;
font-size: 11px;
}
.fast_listing_product h2 a:hover { color: #C51015; }
.fast_listing_product b { color: #C51015; }
.fast_listing_out #prevBtn , .fast_listing_out #nextBtn {
position: absolute;
top: 70px;
}
.fast_listing_out #prevBtn { left: -5px; }
.fast_listing_out #nextBtn { right: -5px; }
/* -=-=-=-=- Slider Vertical -=-=-=-=- */
.slider_vertical_out {
position: relative;
float: left;
width: 180px;
height: 986px;
}
.fast_listing_vertical {
position: relative;
height: 924px;
overflow: hidden;
padding: 10px;
background: #FFF;
border: 3px double #BBB;
}
#slider_vertical {
width: 154px;
height: 924px;
overflow: hidden;
padding: 10px;
}
ul.fast_listing_vertical_fliper {
width: 154px;
height: 944px;
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul.fast_listing_vertical_fliper li {
width: 154px;
height: 924px;
overflow: hidden;
margin: 0px;
padding: 0px;
}
.fast_listing_vertical_product {
height: 164px;
overflow: hidden;
margin-bottom: 10px;
padding: 5px;
font-size: 11px;
text-align: center;
/*border: 1px solid #CCC;*/
border: 1px solid #FFF;
}
.fast_listing_vertical_product a img {
width: 100px;
height: 100px;
margin-bottom: 5px;
}
.fast_listing_vertical_product h2 {
max-height: 28px;
overflow: hidden;
}
.fast_listing_vertical_product h2 a {
color: #000;
font-size: 11px;
}
.fast_listing_vertical_product h2 a:hover { color: #C51015; }
.fast_listing_vertical_product b { color: #C51015; }
.slider_vertical_out #prevBtnx , .slider_vertical_out #nextBtnx {
position: absolute;
left: 63px;
}
.slider_vertical_out #prevBtnx { top: 34px; }
.slider_vertical_out #nextBtnx { bottom: 0px; }
/* -=-=-=-=- Web Page -=-=-=-=- */
.web_pages {
margin-bottom: 20px;
padding: 19px 20px;
background: #FFF;
border: 1px solid #D2D2D4;
}
.web_pages h1 , .user_profile h1 {
margin-bottom: 20px;
color: #000;
font-size: 14px;
}
/* -=-=-=-=- Detail Page -=-=-=-=- */
.detail_page {
padding: 19px 20px 19px 20px;
background: #FFF;
border: 1px solid #D2D2D4;
}
.detail_page_gallery {
position: relative;
float: left;
width: 350px;
margin: 0px 20px 20px 0px;
clear: both;
}
.detail_page_gallery .detail_page_gallery_in {
position: relative;
width: 350px;
height: 350px;
overflow: hidden;
margin-bottom: 20px;
}
a.detail_page_main_img img {
width: 350px;
height: 350px;
}
.detail_page_gallery .detail_page_gallery_in .detail_promo {
float: left;
position: relative;
top: -80px;
clear: left;
margin-bottom: 1px;
}
a.detail_page_img img {
position: absolute;
width: 100px;
height: 100px;
}
a.detail_page_img {
display: block;
float: left;
height: 100px;
}
a#swapimg0 img { left: 8px; }
a#swapimg1 img { left: 124px; }
a#swapimg2 img { left: 240px; }
.detail_page_gallery .warranty {
/*display: none;*/
/*height: 30px;*/
line-height: 15px;
margin: 10px 0px;
padding: 8px;
background: #F7F7F7;
border: 1px solid #E0E0E0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.detail_page_gallery .warranty_red {
/*display: none;*/
/*height: 30px;*/
line-height: 15px;
margin: 10px 0px;
padding: 8px;
color: #C51015;
background: #F7F7F7;
border: 1px solid #E0E0E0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.detail_page_main {
float: left;
width: 338px;
margin: 0px 0px 20px 0px;
}
.detail_page_main h1 {
margin: 0px 0px 10px 0px;
padding: 5px 0px 13px 0px;
color: #000;
font-size: 14px;
background: transparent url(../images/gui/dots2.gif) repeat-x left bottom;
}
.detail_page_num { margin-bottom: 8px; }
.detail_page_num b {
display: block;
color: #000;
}
.detail_page_price { margin-bottom: 20px; }
.detail_page_price span {
display: block;
line-height: 140%;
color: #333;
}
/*.detail_page_price span s { color: #C51015; }*/
.detail_page_price span.real_price { font-size: 14px; }
.detail_page_price span b { color: #C51015; font-size: 16px; }
.detail_page_order {}
.detail_page_error_msg {
padding: 10px;
color: #333;
background: #F6DADA;
border: 1px solid #333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.detail_page_error_msg p {
margin: 0px;
padding: 0px;
}
.detail_page_static {
margin-bottom: 12px;
color: #333;
}
.detail_page_static a { text-decoration: underline; }
.detail_page_main h2 {
margin-bottom: 5px;
padding: 0px 0px 8px 0px;
color: #000;
background: transparent url(../images/gui/dots2.gif) repeat-x left bottom;
}
.detail_page_options {
height: 24px;
line-height: 24px;
margin-bottom: 18px;
padding-top: 12px;
font-size: 11px;
font-family: Tahoma, Geneva, sans-serif;
}
.detail_page_rete , .detail_page_ask {
float: left;
height: 22px;
line-height: 22px;
margin: 0px 4px 4px 0px;
background: #F7F7F7;
border: 1px solid #E0E0E0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.detail_page_rete {
width: 100px;
font-size: 9px;
}
.detail_page_rete a {
display: block;
position: relative;
padding: 3px 0px 2px 0px;
float: left;
width: 64px;
height: 17px;
line-height: 17px;
}
.detail_page_rete a img {
position: absolute;
top: 2px;
left: 1px;
}
.detail_page_rete_div_out {
width: 64px;
height: 17px;
line-height: 17px;
background: transparent url(../images/gui/rate0.gif) no-repeat left top;
}
.detail_page_rete_div {
width: 1px;
height: 17px;
line-height: 17px;
background: transparent url(../images/gui/rate5.gif) no-repeat left top;
}
.detail_page_rete span {
display: block;
float: left;
width: 36px;
text-align: center;
}
.detail_page_ask {
width: 114px;
padding: 0px 2px 0px 8px;
}
.detail_page_ask a { color: #666; }
.detail_page_ask a:hover { color: #000; }
ul.detail_page_filter {
line-height: 160%;
margin: 0px 0px 0px 17px;
padding: 0px;
}
ul.detail_page_cat {
line-height: 140%;
margin: 0px;
padding: 0px;
list-style-type: none;
}
ul.detail_page_cat li {
margin: 0px;
padding: 0px;
}
ul.detail_page_cat li a { color: #666; text-decoration: underline;}
ul.detail_page_cat li a:hover { text-decoration: none;}
ul.detail_page_cat li a b { font-weight: normal; }
.detail_page_info {
width: 708px;
overflow: hidden;
padding-top: 12px;
color: #333;
}
.detail_page_info h2 {
margin: 0px 0px 10px 0px;
padding: 5px 0px 13px 0px;
color: #000;
font-size: 12px;
background: transparent url(../images/gui/dots2.gif) repeat-x left bottom;
}
.detail_page_info b { color: #000; }
.detail_page_info table {
/*font-size: 11px !important;*/
empty-cells:show;
background: #FFF;
border: 1px solid #FFF;
}
.detail_page_info table td {
border: 1px solid #FFF;
background: #EEE;
}
.detail_page .last_update {
display: block;
font-size: 10px;
font-style: italic;
padding: 15px 0px 0px 0px;
}
/* -=-=-=-=- Detail Page Tabs -=-=-=-=- */
.detail_page_tabs_out {}
.detail_page_tab_bar {
height: 32px;
line-height: 32px;
padding: 10px 10px 0px 10px;
}
.detail_page_tab_bar a {
display: block;
float: left;
margin: 0px 5px;
text-align: center;
font-weight: bold;
background: transparent url(../images/gui/bg_header_menu_tab1.gif) no-repeat left top;
}
.detail_page_tab_bar a:hover {}
.detail_page_tab_bar a.active {
position: relative;
height: 37px;
margin-bottom: -5px;
background: transparent url(../images/gui/bg_header_menu_tab_on3.gif) no-repeat left top;
}
.detail_page_tab_bar a span {
display: block;
float: left;
height: 29px;
line-height: 29px;
padding: 3px 18px 0px 20px;
white-space: nowrap;
background: transparent url(../images/gui/bg_header_menu_tab2.gif) no-repeat right top;
}
.detail_page_tab_bar a.active span {
height: 34px;
line-height: 30px;
padding: 3px 18px 0px 20px;
background: transparent url(../images/gui/bg_header_menu_tab_on4.gif) no-repeat right top;
}
.detail_page_tab_content {
height: 10%;
padding: 13px;
background: #FAFAFA url(../images/gui/bg_detail_page_tabs_out.gif) no-repeat left top;
border: 1px solid #D2D2D4;
}
.detail_page_tab_feedback_info {
float: left;
width: 300px;
padding: 5px 10px 10px 20px;
}
.detail_page_tab_feedback_info h3 {
display: block;
padding-left: 20px;
color: #333;
background: transparent url(../images/gui/ico_help.png) no-repeat left center;
}
.detail_page_tab_feedback_info p { font-size: 11px; }
.detail_page_tab_coments { }
.detail_page_tab_coments h2 {
margin-bottom: 15px;
color: #000;
text-transform: uppercase;
}
.detail_page_tab_coments_error {
/*width: 90%;*/
/*margin-bottom: 15px;*/
padding: 20px;
color: red;
border: 1px solid red;
}
.detail_page_tab_coment {
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #999;
}
.detail_page_tab_coment span {
display: block;
line-height: 20px;
padding-left: 20px;
color: #333;
background: transparent url(../images/gui/ico_user_comment.png) no-repeat left center;
}
.detail_page_tab_coment i {
display: block;
line-height: 20px;
padding-left: 20px;
font-size: 11px;
background: transparent url(../images/gui/ico_date.png) no-repeat left center;
}
.detail_page_tab_coment blockquote {
display: block;
width: 680px;
overflow: auto;
min-height: 14px;
max-height: 300px;
margin: 10px 10px 0px 10px;
padding: 10px;
color: #333;
font-size: 11px;
background: #FFF;
border: 1px solid #F0F0F0;
clear: both;
}
.detail_page_tab_coments_loading {
position: absolute;
bottom: 0;
width: 133px;
height: 26px;
background: #FAFAFA url(../images/gui/loading.gif) no-repeat center center;
}
.detail_page_tab_add_coment { position: relative; margin-bottom: 10px; }
.detail_page_tab_add_coment span {
display: block;
line-height: 20px;
padding-left: 20px;
color: #333;
background: transparent url(../images/gui/ico_user_comment.png) no-repeat left center;
}
.detail_page_tab_add_coment textarea {
width: 400px;
width: 90%;
height: 150px;
overflow: auto;
margin: 10px 20px;
border: 1px solid #BBB;
}
/* -=-=-=-=- Basket Page -=-=-=-=- */
.basket_login {
margin-bottom: 15px;
padding: 10px 15px 15px 15px;
background: #FFF;
border: 1px solid #D2D2D4;
}
.basket_login p {
margin: 0px 0px 8px 0px;
padding: 0px;
}
table.basket_login_in {
height: 26px;
line-height: 26px;
}
table.basket_login_in td { padding-right: 10px; }
.basket_login_input {
padding: 4px 3px;
border: 1px solid #BBB;
}
.basket_out {
margin-bottom: 15px;
padding: 9px 6px 5px 6px;
background: #FFF;
border: 1px solid #D2D2D4;
}
.basket_bar {
height: 30px;
line-height: 30px;
margin-bottom: 10px;
border-left: 1px solid #333;
}
.basket_bar a {
display: block;
float: left;
width: 244px;
color: #CCC;
font-weight: bold;
text-align: center;
background: #F7F7F7;
border: 1px solid #333;
border-left: none;
}
.basket_bar a.current {
color: #333;
background: #96C736 url(../images/gui/ico_accept.png) no-repeat 224px center;
}
.basket_product , .basket_product_reject {
margin-bottom: 7px;
padding: 9px 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.basket_product {
background: #F0F0F0;
border: 1px solid #333;
}
.basket_product_reject {
background: #C7CBCD;
border: 1px solid #333;
}
.basket_product_reject .basket_product {
width: 90% !important;
margin-left: auto;
margin-right: auto;
background: #FFF;
}
.basket_product_table { width: 100%; }
.basket_product_pic { width: 60px; }
.basket_product_pic img { width: 50px; }
.basket_product_info { padding: 0px; }
.basket_product_info h2 { padding: 5px 0px 5px 0px; }
.basket_product_info h2 a {
color: #000;
font-size: 14px;
}
.basket_product_reject .basket_product_info h2 a { text-decoration: line-through; }
.basket_product .basket_product_info h2 a { text-decoration: none; }
.basket_product_info_div {}
.basket_product_info_div input {
float: left;
width: 40px;
margin-right: 10px;
margin-top: 2px;
padding: 4px 3px;
border: 1px solid #BBB;
}
.basket_product_info_div input.input_new {
padding-top: 1px;
padding-bottom: 1px;
}
.basket_product_info_div a { margin-right: 10px; }
.basket_product_price {
width: 95px;
padding: 8px 10px 0px 10px;
color: #C51015;
font-size: 14px;
background: transparent url(../images/gui/dots.gif) no-repeat left top;
}
.basket_product_price span {
display: block;
margin: 0px 0px 5px 0px;
padding: 0px 0px 3px 0px;
color: #888;
font-size: 11px;
border-bottom: 1px solid #BBB;
}
.basket_product_reject .basket_product_price b { text-decoration: line-through; }
.basket_product .basket_product_price b { text-decoration: none; }
.basket_error_msg , .basket_msg {
width: 80%;
margin: 10px auto 15px auto;
padding: 10px 20px;
color: #FFF;
font-weight: bold;
border: 1px solid #333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.basket_msg {
margin-bottom: 0px;
background: #96C736;
}
.basket_error_msg { background: #C70505; }
.basket_out s { color: #666; }
.basket_price_table {
width: 100%;
margin: 5px 0px;
}
.basket_price_table h2 {
margin-bottom: 7px;
padding-bottom: 5px;
font-size: 14px;
text-transform: uppercase;
border-bottom: 1px solid #999;
}
.basket_price_calc {
width: 255px;
line-height: 140%;
padding: 5px 10px 0px 10px;
color: #000;
font-weight: bold;
background: transparent url(../images/gui/dots.gif) repeat-y right top;
}
.basket_price_calc b { color: #C51015; }
.basket_price_delivery {
width: 254px;
line-height: 140%;
padding: 5px 10px 0px 10px;
color: #000;
font-weight: bold;
}
.basket_price_delivery i {
color: #666;
font-weight: normal;
}
.basket_price_delivery b { color: #C51015; }
.basket_price_next {
width: 185px;
padding-top: 10px;
}
.basket_price_next a , a.print_order {
display: block;
width: 184px;
height: 39px;
line-height: 39px;
color: #000;
font-weight: bold;
text-indent: 20px;
background: transparent url(../images/gui/bg_detail_order.gif) no-repeat left top;
}
.basket_price_next a.order_shoping {
/*width: 238px;
background: transparent url(../images/gui/bg_order_home.gif) no-repeat left top;*/
padding: 0px;
color: #008000;
/*font-size: 11px;*/
text-align: center;
text-indent: 0px;
text-decoration: underline;
background-image: none;
}
.basket_price_next a:hover.order_shoping { color: #008000; text-decoration: none; }
a.print_order { margin-left: 20px; }
.basket_price_next a:hover , a.print_order:hover {
color: #FFF;
background-position: left bottom;
}
b.green { color: green; }
.basket_order_final {
padding: 20px;
color: #666;
}
.basket_order_final h2 {
padding: 0px 0px 4px 0px;
color: #333;
font-size: 14px;
text-transform: uppercase;
border-bottom: 1px solid #BBB;
}
.basket_order_final b { color: #333; }
.basket_order_final ul {
margin: 10px 0px 20px 0px;
padding: 0px;
list-style-type: none;
}
.basket_order_final ul li {
padding: 1px 0px;
}
.basket_info {
padding: 5px 15px 5px 15px;
color: #333;
text-indent: 20px;
background: #FFF url(../images/gui/ico_help.png) no-repeat 14px 15px;
border: 1px solid #D2D2D4;
}
.basket_out .basket_info {
background: #FFF url(../images/gui/ico_help.png) no-repeat 14px 5px;
border: none;
}
.basket_info p {
margin: 0px 0px 2px 0px;
padding: 0px;
}
/* -=-=-=-=- User Profile -=-=-=-=- */
.user_profile {
padding: 19px 20px;
background: #FFF;
border: 1px solid #D2D2D4;
}
.user_profile_main , .user_profile_main_green , .user_profile_main_red {
margin-bottom: 18px;
padding: 15px;
color: #333;
background: #F5F5F5;
border: 3px double #D3D3D3;
}
.user_profile_main_green {
background: #F5FFF5;
border: 3px double #090;
}
.user_profile_main_red {
background: #FFF5F5;
border: 3px double #F00;
}
.user_profile_info_table { width: 100%; }
.basket_out .user_profile_info_table {
width: 730px;
margin-left: 6px;
color: #333;
}
.user_profile_info_table td { padding: 0px 10px 0px 0px; }
.user_profile_info_table h2 {
padding: 0px 0px 4px 0px;
text-transform: uppercase;
border-bottom: 1px solid #BBB;
}
.user_profile_info_table ul {
list-style-type: none;
margin: 20px 0px 0px 0px;
padding: 0px;
}
.user_profile_info_table ul li {
margin: 0px;
padding: 2px 0px;
}
.user_profile_info_table textarea {
width: 90%;
height: 100px;
margin: 3px 0px 10px;
padding: 3px;
border: 1px solid #BBB;
}
.user_profile_info_table a i { color: #C51015; }
.user_profile_info_table a:hover { text-decoration: underline; }
a.edit {
padding-left: 15px;
background: transparent url(../images/gui/ico_error2.gif) no-repeat left center;
}
.user_profile_info_table select {
padding: 1px;
margin: 3px 0px 10px 0px;
border: 1px solid #BBB;
}
.user_profile h2 {
color: #333;
margin: 0px 0px 10px 20px;
}
.orders_archive {
width: 100%;
color: #333;
font-weight: bold;
background: #666;
}
.orders_archive tr:hover td { background: #FFEFEF; }
.orders_archive th {
padding: 10px;
background: #E8E8E8;
}
.orders_archive td {
padding: 10px;
background: #FFF;
}
.orders_archive td a { text-decoration: underline; }
.orders_archive td a:hover { text-decoration: none; }
.forgot_pass_email {
width: 300px;
margin-bottom: 12px;
padding: 3px;
border: 1px solid #BBB;
}
.forgot_pass_error , .forgot_pass_success {
padding: 10px 10px 10px 40px;
margin-bottom: 12px;
font-size: 11px;
font-weight: bold;
border: 1px solid #BBB;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.forgot_pass_error {
color: #C51015;
background: #F7F7F7 url(../images/gui/ico_error.gif) no-repeat 22px 12px;
}
.forgot_pass_success {
background: #F7F7F7 url(../images/gui/ico_help.png) no-repeat 18px 8px;
}
.user_profile input {
margin: 3px 0px 12px 0px;
padding: 3px;
border: 1px solid #BBB;
}
/* -=-=-=-=- User Register -=-=-=-=- */
.user_register_info_table { width: 100%; }
.basket_out .user_register_info_table { width: 730px; margin-left: 6px; }
.user_register_info_table input , .user_register_info_table textarea {
padding: 3px;
width: 90%;
margin: 3px 0px 10px 0px;
border: 1px solid #BBB;
}
.user_register_info_table textarea {
height: 150px;
overflow: auto;
}
.basket_out .user_register_info_table textarea { height: 100px; }
.user_register_info_table select {
padding: 1px;
margin: 3px 0px 10px 0px;
border: 1px solid #BBB;
}
.user_register_info_table .short {
width: 10px;
position: relative;
top: 1px;
padding: 0px;
margin: 0px 0px 0px 0px;
background: transparent;
border: none;
}
.user_register_info_table .short2 { width: 50px; }
input.reg_checkbox , input.user_register_firm {
width: auto;
padding: 0px;
margin: 0px 5px 0px 0px;
background: transparent;
border: none;
}
/* -=-=-=-=- Price List -=-=-=-=- */
.pricelist {
background: #FFF url(../images/gui/dots.gif) repeat-y top center;
border: 1px solid #D2D2D4;
}
.pricelist_in {
float: left;
width: 472px;
padding: 10px;
}
.pricelist_in h2 {
color: #000;
margin: 0px 0px 3px 0px;
padding: 0px 0px 3px 0px;
border-bottom: 1px solid #D2D2D4;
}
.pricelist_in h3 { color: #C51015; }
.pricelist_in ul , .pricelist_in ul li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.pricelist_in ul {
padding: 10px 0px;
}
.pricelist_in ul li {
height: 14px;
font-size: 11px;
}
.pricelist_in ul li:hover { background: #F0F0F0; }
.pricelist_in ul li a {
display: block;
float: left;
/*width: 472px;*/
width: 320px;
overflow: hidden;
white-space: nowrap;
}
.pricelist_in ul li:hover>a { color: #C51015; }
.pricelist_in ul li a:hover { text-decoration: underline; background: #F0F0F0; }
.pricelist_in ul li i {
float: left;
width: 70px;
text-align: right;
font-style: normal;
}
.pricelist_in ul li span {
float: left;
width: 140px;
text-align: right;
font-style: normal;
}
.pricelist_in ul li span {}
/* -=-=-=-=- ยท -=-=-=-=- */
a.detail {
display: block;
float: left;
width: 78px;
height: 30px;
line-height: 28px;
color: #FFF;
font-size: 11px;
font-weight: bold;
font-family: Tahoma, Geneva, sans-serif;
text-indent: 22px;
text-align: left;
background: transparent url(../images/gui/bg_detail.gif) no-repeat left top;
}
a:hover.detail { background-position: left bottom; }
a.single_order , .listing_product_detail a.single_order , .listing_product_detail a.single_ordered {
display: block;
float: left;
width: 80px;
height: 30px;
line-height: 28px;
color: #FFF;
font-size: 11px;
font-weight: bold;
font-family: Tahoma, Geneva, sans-serif;
text-indent: 8px;
text-align: left;
background: transparent url(../images/gui/bg_order.gif) no-repeat left top;
}
a.single_order:hover , .listing_product_detail a.single_order:hover , a.single_ordered { background-position: left bottom; }
.detail_page_order a.single_order , .detail_page_order a.single_ordered {
display: block;
width: 160px;
height: 39px;
line-height: 39px;
padding: 0px 24px 0px 0px;
color: #333;
font-weight: bold;
font-size: 13px;
text-align: center;
background: transparent url(../images/gui/bg_detail_order.gif) no-repeat left top;
}
.detail_page_order a.single_order:hover , a.single_ordered { color: #FFF; background-position: left bottom !important; }
a.refresh , a.refresh_new {
display: block;
float: left;
width: 80px;
height: 30px;
line-height: 28px;
color: #FFF;
font-size: 11px;
font-weight: bold;
font-family: Tahoma, Geneva, sans-serif;
text-indent: 12px;
text-align: left;
background: transparent url(../images/gui/bg_order.gif) no-repeat left bottom;
}
a.refresh2 {
display: block;
float: left;
width: 80px;
height: 24px;
line-height: 22px;
color: #FFF;
font-size: 11px;
font-weight: bold;
font-family: Tahoma, Geneva, sans-serif;
text-indent: 12px;
text-align: left;
background: transparent url(../images/gui/bg_order2.gif) no-repeat left bottom;
}
a.delete , a.delete_new {
display: block;
float: left;
width: 80px;
height: 30px;
line-height: 28px;
color: #FFF;
font-size: 11px;
font-weight: bold;
font-family: Tahoma, Geneva, sans-serif;
text-indent: 12px;
text-align: left;
background: transparent url(../images/gui/bg_delete.gif) no-repeat left top;
}
a.delete2 {
display: block;
float: left;
width: 80px;
height: 24px;
line-height: 22px;
color: #FFF;
font-size: 11px;
font-weight: bold;
font-family: Tahoma, Geneva, sans-serif;
text-indent: 12px;
text-align: left;
background: transparent url(../images/gui/bg_delete2.gif) no-repeat left top;
}
/* -=-=-=-=- Advertising -=-=-=-=- */
.detail_adv {
margin-bottom: 12px;
padding: 6px;
text-align: center;
background: #FFF;
border: 3px double #BBB;
}
.left_adv {
/*width: 180px;*/
width: 208px;
overflow: hidden;
margin: 0px auto 10px auto;
padding: 6px;
text-align: center;
background: #FFF;
border: 3px double #BBB;
}
/* -=-=-=-=- Pager -=-=-=-=- */
.pager_out {
float: left;
width: 340px;
height: 34px;
}
.pager {
height: 22px;
line-height: 22px;
padding: 6px 10px 6px 13px;
color: #666;
font-size: 11px;
}
.pager a {
display: block;
float: left;
margin: 0px 4px;
color: #333;
text-decoration: underline;
}
.pager a:hover { text-decoration: none; }
.pager a.num , .pager a.current , .pager a:hover.current {
margin: 0px 2px 0px 0px;
/*padding: 0px 8px;*/
width: 23px;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
border: 1px solid #CCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.pager a.num { background: #E1E3E2 url(../images/gui/bg_pagger_num.png) no-repeat center bottom; }
.pager a:hover.num {
color: #FFF;
background-color: #999;
}
.pager a.current , .pager a:hover.current { background: #FFF url(../images/gui/bg_pagger_num.png) no-repeat center bottom; }
.spanpager {
float: left;
line-height: 22px;
}
/* -=-=-=-=- Showing Result -=-=-=-=- */
.count_links {
float: left;
width: 160px;
font-size: 11px;
font-weight: bold;
}
/* -=-=-=-=- Close Button -=-=-=-=- */
a.close {
position: absolute;
top: 6px;
right: 6px;
width: 11px;
height: 11px;
}
#tab_content_out a.close {
top: -9px;
right: 10px;
}
.left_compare_content_prod a.close {
top: 3px;
right: 3px;
}
#tab_content_out .tab_compare_detail_but a.close {
top: 0px;
right: 0px;
}
/* -=-=-=-=- See More / Less -=-=-=-=- */
a.see_more , a.see_less {
display: block;
width: 108px;
height: 24px;
line-height: 24px;
padding-right: 23px;
font-size: 11px;
text-align: center;
background: transparent url(../images/gui/but_tab.gif) no-repeat;
}
a.see_more { background-position: left top; }
a.see_less { background-position: left bottom; }
/* -=-=-=-=- Footer -=-=-=-=- */
.footer_out {
height: 230px;
background: transparent url(../images/gui/bg_footer_out.gif) repeat-x center top;
}
.footer {
position: relative;
width: 990px;
margin: 0px auto;
padding-top: 25px;
font-size: 11px;
font-family: Tahoma;
text-align: center;
}
.footer p {
margin: 15px 0px 10px 0px;
padding: 0px;
}
.footer a:hover { text-decoration: underline; }
.footer_nav { color: #FFF; }
.footer_nav a {
margin: 0px 5px;
color: #FFF;
}
.footer_nav a:hover { color: #000; }
.footer_copy , .footer_copy a { color: #000; }
a#GoToTop , a#Feedback {
display: block;
position: absolute;
width: 90px;
height: 23px;
line-height: 20px;
color: #FFF;
text-align: center;
background: transparent url(../images/gui/bg_top.gif) no-repeat top center;
}
a#GoToTop {
top: 4px;
right: 0px;
}
a#Feedback {
top: 4px;
right: 104px;
}
/* -=-=-=-=- POP UP WINNDOW -=-=-=-=- */
.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }
.boxy-modal-blackout { position: absolute; left: 0; top: 0; background-color: #000; }
.boxy-wrapper { empty-cells: show; }
.boxy-wrapper .top-left, .boxy-wrapper .top-right, .boxy-wrapper .bottom-right, .boxy-wrapper .bottom-left, .boxy-wrapper .top, .boxy-wrapper .bottom, .boxy-wrapper .left, .boxy-wrapper .right {
padding: 0px;
background-color: #FFF;
opacity: 0.6;
filter: alpha(opacity=60);
}
.boxy-wrapper .top-left, .boxy-wrapper .top-right, .boxy-wrapper .bottom-right, .boxy-wrapper .bottom-left {
width: 10px;
height: 10px;
}
.boxy-wrapper .top, .boxy-wrapper .bottom { height: 10px; }
.boxy-wrapper .left, .boxy-wrapper .right { width: 10px; }
.boxy-wrapper .title-bar { position: relative; padding: 10px 15px; background: #E0E4E7; }
.boxy-wrapper .title-bar.dragging { cursor: move; }
.boxy-wrapper .title-bar h2 {
line-height: 1;
margin: 0;
padding: 0;
color: #C51015;
font-size: 12px;
}
.boxy-wrapper .title-bar .close {
position: absolute;
top: 6px;
right: 6px;
width: auto;
line-height: 1;
color: #333;
font-size: 11px;
}
.boxy-inner {
line-height: 140%;
padding: 0px;
background-color: #FFF;
border: 3px double #D3D3D3;
}
.boxy-content { padding: 15px; }
.boxy-inner input, .boxy-inner textarea { margin: 2px 0px 6px 0px; padding: 3px 4px; }
.boxy-inner input.short { margin: 0px; padding: 0px; }
.boxy-wrapper .question { width: 350px; min-height: 80px; }
.boxy-wrapper .answers { text-align: right; }
/* -=-=-=-=- GALERY -=-=-=-=- */
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90000;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100000;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10000;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
.reset_shops {}
.reset_shops h2 {
margin: 0px 0px 10px 0px;
color: #C51015;
font-size: 14px;
}
.reset_shops table {
margin: 0px 0px 15px 0px;
padding: 5px;
background: #F5F5F5;
border: 1px solid #BBB;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.reset_shops table h3 {
color: #000;
}
.clear{
clear: both;
}
#lease_calculations{
display: none;
}
#lease_calculator{
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: normal;
height: 15px;
padding: 0px 10px 0px 15px;
cursor: hand;
margin-top: 10px;
cursor: pointer;
color: #333;
/*width: 168px;
height: 39px;
font-family: Verdana;
*/
background-image: url(../images/ico_calculator2.png);
background-repeat: no-repeat;
background-position: left center;
}
#lease_calculator:hover{
color: #CA0018;
background-position: left center;
}
.inputFieldCalculator{
border: 1px solid #ccc;
height: 25px;
padding: 0px 5px 0px 5px;
width: 50px;
}
.submitFieldCalculator{
border: 1px solid #ccc;
height: 27px;
padding: 0px 5px 0px 5px;
width: 180px;
cursor: hand;
cursor: pointer;
}
.left{
float: left;
}
.ml10{
margin-left: 10px;
}
.mt10{
margin-top: 10px;
}
.mb10{
margin-bottom: 10px;
}
.linkGreen, .linkGreen:link, .linkGreen:hover, .linkGreen:visited{
padding: 0px;
color: #008000;
/*font-size: 11px;*/
text-align: center;
text-indent: 0px;
text-decoration: underline;
background-image: none;
}
.backgroundPromotion{
width: 1008px;
height: 183px;
background-image: url(../images/backgroundPromotion.png);
background-repeat: no-repeat;
margin-top: 20px;
margin-left: -18px;
}
.boxPromotion{
width: 474px;
height: 183px;
padding: 10px 10px 10px 20px;
float: left;
}
.boxPromotionHeading{
background-image: url(../images/boxPromotionHeading.png);
background-repeat: no-repeat;
width: 428px;
padding: 0px 20px 0px 20px;
margin-top: -17px;
height: 34px;
line-height: 30px;
font-weight: bold;
font-family: Century Gothic;
font-size: 14px;
text-transform: uppercase;
}
.textRed{
color: #de0103;
}
.textGrey{
color: #4c4c4c;
}
.boxPromotionLeft{
width: 260px;
float: left;
height: auto;
/*display: table;
vertical-align: middle;*/
}
.boxPromotionLink, .boxPromotionLink:link, .boxPromotionLink:hover, .boxPromotionLink:visited{
font-family: Century Gothic;
font-size: 21px;
color: #4c4c4c;
font-weight: bold;
}
.boxPromotionPriceStrike{
font-family: Century Gothic;
font-size: 21px;
color: #bebebe;
font-weight: bold;
}
.boxPromotionPrice{
font-family: Century Gothic;
font-size: 21px;
color: #bebebe;
font-weight: bold;
}
.boxPromotionNote{
font-size: 11px;
color: #bebebe;
}
.boxPromotionRight{
float: right;
width: 160px;
height: 140px;
padding-right: 20px;
position: relative;
}
a.shadow_filter{
-moz-box-shadow: 3px 3px 4px #599AAC;
-webkit-box-shadow: 3px 3px 4px #599AAC;
box-shadow: 3px 3px 4px #599AAC;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#599AAC')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#599AAC');
}
#passwordTrader{
padding: 10px;
margin-bottom: 10px;
display: none;
}
.passwordTraderActive{
color: #474747;
font-weight: bold;
background-image: -webkit-linear-gradient(top, #7ED921, #96C736);
background-image: -moz-linear-gradient(top, #7ED921, #96C736);
background-image: -ms-linear-gradient(top, #7ED921, #96C736);
background-image: -o-linear-gradient(top, #7ED921, #96C736);
background-image: linear-gradient(to bottom, #7ED921, #96C736);
}
.submitField{
background: none;
height: 27px;
cursor: hand;
cursor: pointer;
background-color: #ccc;
font-family: Arial;
font-size: 12px;
border: 1px solid #eee;
}