Files
AtomicOld/design/atomic/css/old/re_style3_4.css

2561 lines
49 KiB
CSS
Raw Normal View History

2026-02-15 18:29:53 +03:00
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 17px;
vertical-align: baseline;
background: transparent;
}
table, caption, tbody, tfoot, thead, tr, th, td {
/*vertical-align: middle;*/
}
em, i {
font-style: normal;
}
/*ul, ol {
list-style: none;
}*/
#content ol, #content ul, #content .idealform ul.article_cat {
}
#content li {
/*margin: 10px 0 0 30px; */
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
height: 100%;
}
body, input[type="text"], textarea {
font: normal 14px/21px Arial, Tahoma, Verdana, sans-serif;
color: #666;
}
body {
height: 100%;
width: 100%;
background-color:#C5C5C5;
/*background: url(../images/bg_top.png) repeat-x top;*/
}
a {
color: #222329;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
img {
border: none;
line-height: 0;
}
input {
vertical-align: middle;
}
#wrapper, .nav2, #header_wrap {
width: 1000px;
margin: 0 auto;
}
#wrapper {
margin-top: 25px;
height
}
#bottominfo {
line-height: 0;
position: relative;
padding: 0 30px 40px 50px;
font-size: 125%;
}
.nav2 {
text-align: center;
background-color: #00c6f1;
text-shadow: 0 1px 0 #0282c4;
-moz-box-shadow: inset 1px 1px 0 #80e6f9;
-ms-box-shadow: inset 1px 1px 0 #80e6f9;
-webkit-box-shadow: inset 1px 1px 0 #80e6f9;
box-shadow: inset 1px 1px 0 #80e6f9;
filter: progid :DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#6891e7,EndColorStr=#304ea6);
background-image: -moz-linear-gradient(top,#00cdf3 0,#00b3ed 100%);
background-image: -ms-linear-gradient(top,#00cdf3 0,#00b3ed 100%);
background-image: -o-linear-gradient(top,#00cdf3 0,#00b3ed 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#00cdf3),color-stop(100%,#00b3ed));
background-image: -webkit-linear-gradient(top,#00cdf3 0,#00b3ed 100%);
background-image: linear-gradient(top bottom,#00cdf3 0,#00b3ed 100%);
margin: 1px auto 4px;
padding: 11px;
border: 1px solid #1891c2;
outline: 0;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
position: relative;
top: 0;
}
.nav2 li {
padding: 5px 3px;
position: relative;
float: left;
right: 50%;
border-right: 1px solid #80E6F9;
border-left: 1px solid #04A3CB;
}
#b {
position: relative;
float: left;
left: 50%;
list-style: none;
}
.nav2 .nobr {
border-right: none;
}
.nav2 .nobl {
border-left: none;
}
.topmenulink {
color: white;
font: bold 16px Arial;
text-decoration: none;
padding: 15px 20px;
}
.topmenulink:hover, .active {
padding-top: 16px;
background: url(../images/menu_arrow.png) no-repeat center 0;
border-bottom: 3px solid #0377a3;
color: #ffff00;
}
.active2, .active2:hover {
background: #009cc6;
text-shadow: 0 1px 0 #666;
border-radius: 3px;
box-shadow: inset 0px 1px 0 #80e6f9;
border-width: 1px;
border-style: solid;
border-bottom-color: #1282af;
border-left-color: #1282af;
border-right-color: #1282af;
border-top-color: #1891c2;
padding: 8px 5px;
color: #fff;
}
/* @group <20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
#catalog_menu {
margin-top: 10px;
margin-bottom: 10px;
}
#catalog_menu li{
cursor: pointer;
/* background:url(accordion_bg.png) repeat-x;*/
font-weight:bold;
color:#015287;
border:1px solid #b2b2b2;
margin-bottom:2px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 4px 8px;
}
#catalog_menu li.active{
color:#D15600
}
#catalog_menu li ul{
padding:0;
margin:10px 0 0 0;
}
#catalog_menu li.active li{
text-indent:0;
}
#catalog_menu li li{
font-weight: normal;
background:none;
border:0;
}
#nav { background:url("../img/menu_bg.jpg") no-repeat 50% 0;}
#nav > ul {list-style: none outside none;}
#nav > ul > li { border-top:1px dotted #dadbdb; padding:7px 0 8px;}
#nav > ul > li > a { color:#1672cd;}
#nav > ul > li img { float:right; margin:-4px 3px 0 5px;}
#nav .close { width:9px; height:9px; overflow:hidden; background:url("../img/minus.png") no-repeat 0 0; float:left; margin:4px 8px 0 0; cursor:pointer;}
#nav ul ul { margin:3px 0 0 4px; display:block; list-style: none outside none;}
#nav li.closed ul { display:none;}
#nav li.closed .close { background:url("../img/plus.png") no-repeat 0 0;}
#nav ul ul li {background:url("../img/aside_bull.png") no-repeat 14px 8px; padding:0 0 0 10px; margin:0 0 -2px;}
#nav ul ul li.act { background:url("../img/menu_bg2.png") no-repeat 0 0;}
#nav ul ul li a { color:#69727a; text-decoration:none; display:block; line-height:21px; height:22px; padding:0 0 0 14px;}
#nav ul ul li.act a { background:url("../img/menu_bg2.png") no-repeat 100% 100%;}
#nav ul ul li a:hover { color:#1672cd;}
#nav .parent_sub.closed ul.parent{ display: none;}
#nav .parent_sub ul.parent{ display: block;}
/* @end <20> <20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
/* Header
-----------------------------------------------------------------------------*/
.sale_menu_item {
color: yellow;
}
#main_img {
margin-left: 60px;
}
#header {
height: 267px;
width:1050px;
color: #898989;
background: url(../images/header_bg2.png) repeat-x 0 10px;
margin: 0 auto;
text-align: center;
}
#header_wrap {
position: relative;
}
#logo, #phones, #search, #authform, #basket_wrap {
position: absolute;
}
#logo {
top: 25px;
}
#phones {
top: 48px;
left: 411px;
color: white;
font: bold 20px Tahoma;
text-shadow: 0px -1px 0px #1B7699;
text-align: left;
}
.multi {
font-size: 14px;
}
.phones {
margin: -25px 0;
color: white;
font-size: 21px;
}
.phones a {
color: white;
}
#email {
font-size: 17px;
font-family: Arial;
margin-top: 35px;
}
#email a {
color: yellow;
text-decoration: none;
border-bottom: 1px dashed;
}
#dopadr {
font-size: 17px;
font-family: Arial;
margin-top: 5px;
}
#dopadr a {
color: yellow;
text-decoration: none;
border-bottom: 1px dashed;
}
/* Search
--------------------------------------------------------------------*/
#search {
top: 196px;
left: 768px;
background: url(../images/search_bg.png) no-repeat;
padding: 9px;
padding-left: 6px;
}
#s_query {
color: #898989;
border: 0;
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
background: white;
}
#callback {
top: 196px;
left: 768px;
padding: 10px;
}
#callback a {
color: white;
text-decoration: none;
}
/* Inputs
-----------------------------------------------------------------------------*/
input[type="submit"], input[type="button"], .cont_feedback {
background: -webkit-linear-gradient(-45deg,#e40c0c 20%,#e40c0c 50%,#e40c0c 87%); /* for webkit browsers */
background: -moz-linear-gradient(-45deg,#e40c0c 20%,#e40c0c 50%,#e40c0c 87%); /* for firefox 3.6+ */
background: -o-linear-gradient(-45deg,#e40c0c 20%,#e40c0c 50%,#e40c0c 87%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,#e40c0c 20%,#e40c0c 50%,#e40c0c 87%); /* IE10+ */
background: linear-gradient(-45deg,#e40c0c 20%,#e40c0c 50%,#e40c0c 87%);
padding: 6px 14px;
border-radius: 5px;
color: #fff;
text-shadow: 0 1px 1px #759929;
font-weight: bold;
background-color: #e40c0c;
-moz-box-shadow: inset 0px 1px 0 #e40c0c;
-ms-box-shadow: inset 0px 1px 0 #e40c0c;
border: 1px solid;
border-color: #e40c0c #e40c0c #e40c0c #e40c0c;
cursor: pointer;
}
input[type="submit"]:hover, input[type="button"]:hover, .cont_feedback:hover {
background: -webkit-linear-gradient(45deg,#e40c0c 20%,#e40c0c 50%,#e40c0c 87%); /* for webkit browsers */
background-color: #e40c0c;
}
input[type="password"] {
line-height: 21px;
}
input[type="text"], input[type="password"], #site-select, textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fafbfc;
-webkit-box-shadow: inset 1px 3px 1px #c7cfd8;
-moz-box-shadow: inset 1px 3px 1px #c7cfd8;
box-shadow: inset 1px 3px 1px #c7cfd8;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid;
padding: 6px;
outline: 0;
border-top-width: 0;
border-color: #E5E5E5;
color: #898989;
}
/* AuthForm
-----------------------------------------------------------------------------*/
#auth_content .after_login {
font-size: 17px;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dashed yellow;
padding-bottom: 1px;
}
.history {
margin-bottom: 15px;
}
.yellow2 {
color: #ff0;
}
#authform input[type="text"], #authform input[type="password"] {
-webkit-box-shadow: inset 1px 3px 1px #c7cfd8, 2px 2px 1px #2e9fce;
-moz-box-shadow: inset 1px 3px 1px #c7cfd8, 2px 2px 1px #2e9fce;
box-shadow: inset 1px 3px 1px #c7cfd8, 2px 2px 1px #2e9fce;
background: white;
width: 100%;
}
#authform input[type="submit"] {
-webkit-box-shadow: inset 0px 1px 0 #cbdc51, 2px 2px 1px #2e9fce;
-moz-box-shadow: inset 0px 1px 0 #cbdc51, 2px 2px 1px #2e9fce;
box-shadow: inset 0px 1px 0 #cbdc51, 2px 2px 1px #2e9fce;
}
#authform {
width: 242px;
right: 0;
top: 24px;
background: url(../images/auth_bg.png) center no-repeat;
height: 96px;
}
#auth_content {
padding: 15px;
color: #fff;
text-align: left;
}
#auth_content input {
display: block;
margin: 6px 0;
}
#auth_content a, #through {
color: #fff;
text-shadow: 0 1px 1px #2c94bc;
font-size: 16px;
}
#login { margin-top: 12px;
}
#through {
float: left;
margin: 8px 0 0 55px;
width: 50px;
position: relative;
bottom: 5px;
}
.clr {
clear: both;
}
/* Basket
-----------------------------------------------------------------------------*/
#fathersname_row{display:none}
#basket_wrap {
right: 10px;
width: 222px;
top: 116px;
height: 100px;
padding-left: 27px;
}
#basket {
height: 74px;
background: white url(../images/cart.png) no-repeat top right;
border-radius: 8px;
text-align: left;
position: relative;
}
#basket_ajax {
padding: 10px;
margin: 0 0 0 -7px;
}
#cart_link {
display: block;
height: 72px;
position: absolute;
width: 70px;
right: 0;
text-decoration: none;
}
#bsk_name {
color: black;
font-size: 18px;
font-family: 'Trebuchet MS', Helvetica, Lucida Sans Unicode, Tahoma, Geneva, sans-serif;
position: absolute;
top: 10px;
left: -76px;
text-shadow: 0px 0px 12px white;
text-decoration: none;
border-bottom: 1px dashed;
}
.bsk_item {
padding-right: 6px;
padding-top: 4px;
color: #555;
font-size: 15px;
}
.bsk_value {
color: #111;
font-weight: bold;
padding-top: 4px;
font-size: 15px;
}
.bsk_value td {
color: #111;
font-weight: bold;
padding-top: 4px;
font-size: 15px;
}
/* Module
-----------------------------------------------------------------------------*/
.module {
margin: 25px 0;
}
.module_name {
float: left;
color: black;
font-size: 23px;
font-family: Trebuchet MS, Lucida Sans Unicode, Tahoma, Geneva, sans-serif;
margin: 0 5px 15px 0;
}
.module_line {
border-bottom: 1px inset #dcdcdc;
position: relative;
top: 13px;
overflow: hidden;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
font-weight: normal;
font-size: 20px;
color: black;
font-family: Trebuchet MS, Lucida Sans Unicode, Tahoma, Geneva, sans-serif;
margin: 0 5px 15px 0;
}
.decor_h1 {
color: #2196c1;
}
#content .m_header {
margin-top: -14px;
color: #333;
font-size: 14px;
}
/* Left menu
-----------------------------------------------------------------------------*/
.module_content, .vendor_table td, #help-panel {
background: #F8F8F8;
border: 1px solid #EBEBEB;
-webkit-box-shadow: inset 0px 0px 0px 1px #fff, 0 2px 8px -5px black;
-moz-box-shadow: inset 0px 0px 0px 1px #fff, 0 2px 8px -5px black;
box-shadow: inset 0px 0px 0px 1px #fff, 0 2px 8px -5px black;
padding: 15px;
}
.module_content img {
line-height: 0;
}
#myslidemenu {
/*position: absolute;*/
z-index: 100;
padding: 0;
}
.module_content, #myslidemenu ul li ul, .inputbox, #auth_form, .ph_gal, .vendor_table td, .m_img, #easyTooltip, #help-panel, .img_cat, .messages, .errors, #easyTooltip3 {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px
}
.rightarrowclass {
position: absolute;
top: 10px;
right: 5px;
background: url(../images/icons.gif) no-repeat 0 -38px;
width: 8px;
height: 9px
}
#topnav {
padding: 12px 0;
}
#topnav li {
position: relative;
}
#topnav li .sub {
position: absolute;
top: -1px;
left: 228px;
display: none;
border: 1px solid #EBEBEB;
border-radius: 0 7px 7px 0;
box-shadow: -2px 2px 8px -6px black;
padding: 0 10px;
background: #fff;
}
#topnav ul {
width: 200px;
background: #fff;
}
#topnav .group a, #help-panel .main {
color: #007DC5;
text-decoration: none;
font-size: 17px;
display: block;
text-shadow: 1px 1px 1px white;
border-bottom: 1px solid #EBEBEB;
border-top: 1px solid white;
padding: 5px 15px;
font-family: Trebuchet MS, Lucida Sans Unicode, Tahoma, Geneva, sans-serif;
}
#topnav .sub a {
border-bottom: 1px dotted #d9d9d9;
padding-left: 5px;
color: #33aade;
}
#topnav a:hover, #topnav a.selected {
color: #333;
background: #fff;
}
.chief2 {
color: #444;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
}
.red2 {
color: #de3b21;
}
#news_mod p {
margin: 0;
}
.data_news {
font-size: 11px;
color: #999;
}
.module2 {
text-align: center;
line-height: 0;
}
#top50_2, .top50_2 {
/*padding: 10px 0 0;*/
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* Vendors Bottom
-----------------------------------------------------------------------------*/
.vendor_table {
border-collapse: separate;
border-spacing: 10px;
width: 100%;
}
.vendor_table td {
border: 1px solid #DFDFDF;
padding: 7px;
vertical-align: middle;
}
.vendor_table td:hover {
border-color: #80A1CA;
}
.vendor_table a, .vendor_table div {
display: block;
text-align: center;
margin: 0 auto;
}
#vr_1 {
width: 100px;
height: 38px;
background: url(../images/footer_logos2.gif) no-repeat 0 0
}
#vr_2 {
width: 106px;
height: 38px;
background: url(../images/footer_logos2.gif) no-repeat -101px 0
}
#vr_3 {
width: 100px;
height: 38px;
background: url(../images/footer_logos2.gif) no-repeat -206px 0
}
#vr_4 {
width: 100px;
height: 38px;
background: url(../images/footer_logos2.gif) no-repeat -314px 0
}
#vr_5 {
width: 100px;
height: 30px;
background: url(../images/footer_logos2.gif) no-repeat 0 -46px
}
#vr_6 {
width: 100px;
height: 46px;
background: url(../images/footer_logos2.gif) no-repeat -108px -39px
}
#vr_7 {
width: 107px;
height: 46px;
background: url(../images/footer_logos2.gif) no-repeat -207px -38px
}
#vr_8 {
width: 106px;
height: 46px;
background: url(../images/footer_logos2.gif) no-repeat -312px -40px
}
#vr_9 {
width: 100px;
height: 48px;
background: url(../images/footer_logos2.gif) no-repeat 0 -84px
}
#vr_10 {
width: 107px;
height: 48px;
background: url(../images/footer_logos2.gif) no-repeat -101px -86px
}
#vr_11 {
width: 100px;
height: 48px;
background: url(../images/footer_logos2.gif) no-repeat -209px -84px
}
#vr_12 {
width: 100px;
height: 48px;
background: url(../images/footer_logos2.gif) no-repeat -316px -85px
}
#vr_13 {
width: 100px;
height: 38px;
background: url(../images/footer_logos2.gif) no-repeat 0 -133px
}
#vr_14 {
width: 100px;
height: 38px;
background: url(../images/footer_logos2.gif) no-repeat -103px -133px
}
#vr_15 {
width: 100px;
height: 38px;
background: url(../images/footer_logos2.gif) no-repeat -209px -133px
}
#vr_16 {
width: 110px;
height: 38px;
background: url(../images/footer_logos2.gif) no-repeat -313px -133px
}
#vr_17 {
width: 100px;
height: 32px;
background: url(../images/footer_logos2.gif) no-repeat 0 -172px
}
#vr_18 {
width: 100px;
height: 41px;
background: url(../images/footer_logos2.gif) no-repeat -101px -171px
}
#vr_19 {
width: 100px;
height: 32px;
background: url(../images/footer_logos2.gif) no-repeat -209px -171px
}
#vr_20 {
width: 100px;
height: 32px;
background: url(../images/footer_logos2.gif) no-repeat -315px -171px
}
#vr_22 {
width: 119px;
height: 55px;
background: url(../images/footer_logos2.gif) no-repeat -101px -215px;
}
#vr_21 {
width: 101px;
height: 37px;
background: url(../images/footer_logos2.gif) no-repeat 0 -212px;
}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
width: 100%;
/*padding: 0 0 170px;
height: 100%; */
position: relative;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
}
#content {
padding: 0 0 35px 260px;
}
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
float: left;
width: 225px;
margin-left: -100%;
position: relative;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
margin:0px auto;
clear: both;
text-align: center;
height: 120px;
background: url(../images/bottom_bg.png) repeat-x;
position: relative;
overflow: hidden;
}
.float_wrapper {
float: left;
position: relative;
left: 50%;
margin-top: 72px;
}
#bottom_links {
position: absolute;
left: 20px;
top: 138px;
}
#copyright2 {
background: url(../images/logo_footer.png) no-repeat left center;
color: #000;
font-size: 19px;
float: left;
position: relative;
right: 50%;
text-shadow: 1px 1px 0px white;
}
/* Main Page
-----------------------------------------------------------------------------*/
.sale_label {
float: left;
padding-right: 20px;
}
.content_box {
text-align: justify;
}
#brands {
padding-bottom: 5px;
}
#m_brands {
float: right;
}
#intro_text {
text-align: justify;
/*margin-right: 300px;*/
clear: left;
}
#box_3_2 {
margin: 0px 0 0px;
overflow: hidden;
float: left;
}
#box_3_2 .m_img {
margin: 0;
}
#box_3_2 .module_name {
float: none;
text-align: center;
width: 406px;
}
.m_row_item {
float: left;
padding: 10px;
position: relative;
}
.label2 {
position: absolute;
top: 8px;
left: 61px;
}
.m_name {
font-weight: bold;
color: #c9eefe;
border-bottom: 1px dotted #fff;
margin-bottom: 5px;
}
/*
.m_desc {
overflow: hidden;
margin: 8px 0;
}
*/
.m_price {
text-align: center;
color: black;
font: bold 16px Trebuchet MS, Lucida Sans Unicode, Tahoma, Geneva, sans-serif;
padding-top: 4px;
text-shadow: 1px 1px 0px #FCE468;
margin-bottom: -2px;
}
.m_img {
float: left;
margin-right: 8px;
padding: 8px;
background: #fff url(../images/price_bg.png) repeat-x bottom;
/*background: #F8F8F8 url(../images/price_bg.png) repeat-x bottom;*/
border: 1px solid #EBEBEB;
border-bottom: 1px solid #CCC;
box-shadow: 0 2px 8px -5px black;
-webkit-box-shadow: 0 2px 8px -5px black;
-moz-box-shadow: 0 2px 8px -5px black;
width: 100px;
text-align: center;
}
.b_img2 {
display: block;
margin: 5px 0;
}
/* Tooltip
-----------------------------------------------------------------------------*/
.d_none {
display: none;
}
.t_yellow {
color: #007DC5;
}
#easyTooltip3 {
padding: 5px 10px;
border: 1px solid #5e5e5e;
background: #5e5e5e;
color: #fff;
text-shadow: 1px 1px #444;
opacity: 0.9;
filter: progid :DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#8e8e8e,EndColorStr=#616161);
background-image: -moz-linear-gradient(top,#8e8e8e 0,#616161 100%);
background-image: -ms-linear-gradient(top,#8e8e8e 0,#616161 100%);
background-image: -o-linear-gradient(top,#8e8e8e 0,#616161 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#8e8e8e),color-stop(100%,#616161));
background-image: -webkit-linear-gradient(top,#8e8e8e 0,#616161 100%);
background-image: linear-gradient(to bottom,#8e8e8e 0,#616161 100%);
}
#easyTooltip, #easyTooltip2, #easyTooltip3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
z-index: 9999;
}
#easyTooltip {
padding: 2px 10px;
border: 1px solid #5e5e5e;
background: #5e5e5e url(/images/bg2.gif) repeat-x;
color: #fff;
text-shadow: 1px 1px #444;
}
#easyTooltip2 .module_content {
padding: 5px 15px;
opacity: 0.8;
}
/* Help Panel
-----------------------------------------------------------------------------*/
#help {
display: block;
position: fixed;
right: 0;
top: 250px;
/*width: 279px;*/
z-index: 5;
color: #333;
}
#help-panel {
display: none;
float: right;
width: 240px;
}
#help-panel .collapse {
display: none;
padding: 15px;
background: #fff;
border-bottom: 1px solid #EBEBEB;
}
#help-panel a.title {
background: url("/plugins/helper/images/but-right.gif") no-repeat 8px 19px;
color: #333;
display: block;
padding: 12px 10px 12px 22px;
}
#help-panel a.selected {
background: url("/plugins/helper/images/but-down.gif") no-repeat 8px 19px;
}
#help a {
text-decoration: none;
}
#help-button {
float: right;
position: relative;
top: 13px;
}
/* Your View
-----------------------------------------------------------------------------*/
.y_v_box, .thead, .ainfo, .section, .module_content {
text-shadow: 1px 1px 0 white;
margin-bottom: 20px;
}
.wrapper_img .v_img {
line-height: 0;
display: block;
padding-right: 5px;
float: left;
}
.wrapper_img {
border-bottom: 1px solid #EBEBEB;
border-top: 1px solid #EBEBEB;
padding: 7px 0;
}
.view_desc {
border-bottom: 1px solid white;
padding-bottom: 3px;
}
.view_bottom {
border-top: 1px solid white;
padding-top: 3px;
}
.no, .yes, .limit {
font-weight: 700
}
.yes, .green2 {
color: #71ac18
}
.no, .no_good {
color: red;
}
.limit {
color: orange
}
/* Cats
-----------------------------------------------------------------------------*/
#w2b-StoTop {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 50px;
background-color: #EFEFEF;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
color: #444;
text-decoration: none;
border: 1px solid #DDD;
}
#ajax_tastes select {
position: static;
}
.cmp_label {
cursor: pointer;
}
.article_cat {
margin-bottom: 20px;
}
#content .article_cat li {
margin: 5px 0;
}
.quick_box {
float: left;
margin-right: 33px;
}
.q_box_links {
padding: 3px;
}
.last_box {
margin-right: 0;
}
.ancLinks, .ancLinks2 {
color: #FF5F02;
font-family: Trebuchet MS, Lucida Sans Unicode, Tahoma, Geneva, sans-serif;
text-decoration: none;
border-bottom: 1px dashed;
}
.sale_cat {
float: right;
}
.count_num {
padding-left: 3px;
color: #999;
}
#hide_goods {
padding: 10px;
border: 1px solid #91D7FF;
float: left;
border-radius: 7px;
margin: 15px 0 0;
}
#hide_goods span {
cursor: pointer;
border-bottom: 1px dashed #007DC5;
color: #007DC5;
font-weight: bold;
padding: 2px;
}
#content .ideal_ckek2 {
list-style: none;
margin: 0;
display: block;
}
.img_cat {
width: 100px;
text-align: center;
border: 1px solid #EBEBEB;
position: relative;
padding: 10px;
background: #fff;
}
.label3 {
position: absolute;
top: -3PX;
right: -3px;
}
.tpurchase, .tprice, .tleft, .tpack {
background: #F8F8F8;
border: 1px solid #EBEBEB;
-webkit-box-shadow: inset 0px 0px 0px 1px #fff;
-moz-box-shadow: inset 0px 0px 0px 1px #fff;
box-shadow: inset 0px 0px 0px 1px #fff;
padding: 10px;
}
.tleft {
border-radius: 7px 0 0 7px;
border-right: none;
}
.tpurchase {
border-radius: 0 7px 7px 0;
}
.tpack, .tprice {
border-radius: 0;
border-right: none;
}
.tpack, .tprice, .tpurchase {
width: 70px;
text-align: center;
}
.orange2 {
color: #FF5F02;
border-bottom: 1px dotted;
text-decoration: none;
}
.productstable, .tbl_header {
width: 100%;
}
.productstable td {
padding: 16px 0;
}
#basket_form .productstable td {
text-align: center;
}
.thead td {
padding: 3px 0;
}
.cat_item_row {
border-bottom: 1px dotted #E8E8E8;
}
td.descr_good {
text-align: left;
padding-left: 13px;
padding-right: 5px;
width: 10px;
}
.big_title {
margin-bottom: 8px;
color: #000;
}
.big_title a {
font-size: 18px;
margin-right: 10px;
}
.top_button {
text-align: center;
margin: 20px;
}
.td_img {
vertical-align: top;
text-align: left;
}
.cat_price2 {
float: none;
margin: 0;
padding: 5px;
width: 75px;
}
.qnt_box {
position: relative;
bottom: 3px;
}
.qnt_text {
width: 47px;
position: absolute;
right: 23px;
text-align: center;
height: 41px;
bottom: 0;
}
.mail_ico, .add2_cart_lim, .add_to_cart {
background: url(../images/p_label.gif) no-repeat 0 0;
cursor: pointer;
height: 41px;
width: 48px;
}
.inform_err {
font-size: 13px;
}
.mail_ico {
background-position: -47px -51px;
width: 41px;
height: 30px;
position: relative;
top: 1px;
}
.no_good {
position: absolute;
bottom: 32px;
left: 7px;
}
.hidden_form {
position: absolute;
right: 54px;
z-index: 10;
margin-top: 8px
}
.hidden_form .email {
margin-right: 10px;
}
.add2_cart_lim {
background-position: 0 -40px;
}
.quick_links {
margin: 15px 0;
}
.breadcrumbs {
margin: 0px 0 10px;
}
.icon2 {
background: url(/img/icons.gif) no-repeat 5px -47px;
padding-left: 19px;
}
.ainfo, .ainfo select {
padding: 3px;
font-size: 11px;
font-family: Verdana;
}
.ainfo {
position: absolute;
right: 0;
z-index: 500;
padding: 10px;
}
/* FAQ
-----------------------------------------------------------------------------*/
.forminput {
width: 100%;
}
#faq_pages {
position: relative;
left: 50%;
float: left;
margin: 15px 0;
}
.faq_page_nav, .f_norm, .f_new {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.faq_page_nav, .f_norm, .f_new {
text-decoration: none;
border: 1px solid #CCC;
text-shadow: 0 1px 0 white;
border-bottom-color: #AAA;
background-color: #E0E0E0;
filter: progid :DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffe0e0e0);
background-image: -moz-linear-gradient(top,white 0,#E0E0E0 100%);
background-image: -ms-linear-gradient(top,white 0,#E0E0E0 100%);
background-image: -o-linear-gradient(top,white 0,#E0E0E0 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,white),color-stop(100%,#E0E0E0));
background-image: -webkit-linear-gradient(top,white 0,#E0E0E0 100%);
background-image: linear-gradient(to bottom,white 0,#E0E0E0 100%);
-moz-box-shadow: inset 0 0 1px #fff;
-ms-box-shadow: inset 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 1px #fff;
box-shadow: inset 0 0 1px #fff;
padding: 12px;
font-weight: bold;
font-size: 15px;
white-space: nowrap;
word-wrap: normal;
cursor: pointer;
margin: 4px;
line-height: 0;
display: block;
float: left;
overflow: hidden;
position: relative;
right: 50%;
}
.faq_page_nav:hover {
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
border-color: #999;
}
.cur_page_faq, .cur_page_faq:hover {
text-shadow: 0 1px 0 #C1BFBF;
background-color: #DADADA;
background-image: none;
-moz-box-shadow: inset 2px 2px 7px rgba(51,51,51, 0.3);
-ms-box-shadow: inset 2px 2px 7px rgba(51,51,51, 0.3);
-webkit-box-shadow: inset 2px 2px 7px rgba(51,51,51, 0.3);
box-shadow: inset 2px 2px 7px rgba(51,51,51, 0.3);
color: white;
cursor: default;
border-color: #ccc;
}
.add_quest {
position: absolute;
top: 38px;
right: 0;
font-size: 18px;
color: #007DC5;
border: 1px solid #91D7FF;
padding: 11px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.add_quest a {
text-decoration: none;
border-bottom: 1px dashed;
}
.faq_quest {
margin-bottom: 20px;
border-bottom: 1px dotted #CCC;
padding-bottom: 25px;
}
.f_norm, .f_new {
float: left;
padding: 0 5px;
color: #444;
margin-right: 15px;
font-size: 12px;
line-height: 20px;
left: 0;
bottom: 5px;
cursor: default;
}
.f_new {
background: #ffa800;
text-shadow: 1px 1px 1px #e19501;
color: #fff;
border: 1px solid #e19501;
}
.num_views {
font-size: 13px;
margin-bottom: 10px;
color: #8DB62D;
}
.f_title {
font-size: 18px;
display: block;
margin-bottom: 10px;
}
.em_quest {
font-style: italic;
}
#form_faq {
width: 70%;
margin-top: 20px;
}
#form_faq .f_field_name {
width: 150px;
}
#form_faq td {
padding: 5px 0;
}
.f_field_name {
color: #000;
}
/* Article
-----------------------------------------------------------------------------*/
.img_art, .v_rolik {
border: 1px solid #EBEBEB;
overflow: hidden;
display: block;
float: left;
margin-right: 15px;
padding: 10px;
border-radius: 5px;
border-bottom: 1px solid #CCC;
box-shadow: 0 2px 8px -5px black;
-webkit-box-shadow: 0 2px 8px -5px black;
-moz-box-shadow: 0 2px 8px -5px black;
}
/* Contacts
-----------------------------------------------------------------------------*/
div.addWM2 {
position: absolute;
right: 62px;
top: 323px
}
.awards {
background: url(/img/awards/cup.png) no-repeat 106px 23px;
height: 50px;
padding-top: 38px;
}
.contacts .cont_icon, .cont_icon {
color: #333;
text-transform: uppercase;
font-weight: 700;
font-family: Trebuchet MS, Lucida Sans Unicode, Tahoma, Geneva, sans-serif;
}
.contacts td {
font-weight: 700;
border-bottom: 1px dashed #CCC;
padding: 10px;
}
.doc_tbl {
margin: 20px 0;
}
.row_name {
text-align: center;
padding: 2px 9px 2px 0;
font-weight: bold;
}
.excel_text {
font: normal 11px Verdana, sans-serif;
text-decoration: none;
position: relative;
bottom: 10px;
}
.excel img {
margin-right: 5px;
}
.ex2 {
margin-left: 80px;
}
.region_dialers {
margin-top: 15px;
}
.mail_icon_png {
position: relative;
left: 7px;
bottom: -3px;
}
.cont_feedback a {
color: white;
text-decoration: none;
}
.cont_feedback {
float: left;
position: absolute;
top: 470px;
}
#tagsHelpBlock td {
border-bottom: 1px dashed #CCC;
padding: 10px 0;
}
.txt-red10 {
color: #DE3B21;
}
#productstable_back td, #bsk_tbl td {
padding: 5px;
}
#bsk_tbl th {
text-align: right;
padding-right: 35px;
}
.contact_table td {
font-weight: normal;
}
.contact_table p {
margin: 0;
}
/* Delivery
-----------------------------------------------------------------------------*/
.addWM {
position: absolute;
top: 50px;
right: 0;
}
#content .custom_list {
list-style-type: decimal;
}
.deliv_tbl td, .deliv_tbl2 td {
padding-right: 20px;
}
.deliv_tbl {
margin-top: 25px;
border-bottom: 1px dashed #CCC;
display: block;
margin-bottom: 10px;
border-top: 1px dashed #CCC;
padding: 10px;
}
.sale3, .sale4, .sale5 {
padding: 18px 0 18px 70px;
}
.sale3 {
background: url(../images/sale5.png) no-repeat 0 center;
}
.sale4 {
background: url(../images/sale10.png) no-repeat 0 center;
margin-left: 75px;
}
.sale5 {
background: url(../images/sale15.png) no-repeat 0 center;
margin-left: 150px;
}
/* Basket
-----------------------------------------------------------------------------*/
.messages, .errors {
display: block;
color: #666;
padding: 7px 10px;
font-size: 13px;
}
.messages {
border: 1px solid #090;
background-color: #DFC
}
.errors {
border: 1px solid #FC3;
background-color: #FFF4C2;
}
/* Product
-----------------------------------------------------------------------------*/
.detail_img {
padding: 15px 25px;
position: relative;
overflow: visible;
margin: 5px 30px 10px 0;
}
.p_short_desc {
color: #8DB62D;
margin-bottom: 20px;
font-size: 18px;
font-family: Trebuchet MS, Lucida Sans Unicode, Tahoma, Geneva, sans-serif;
}
.p_prop {
margin-bottom: 5px;
}
.buy_button {
margin: 7px 0 0 2px;
}
.p_price {
width: 150px;
overflow: hidden;
float: none;
padding: 5px 0;
}
#buy_box {
float: right;
width: 153px;
}
.separat {
margin-bottom: 20px;
}
#content .separat li {
margin: 0;
}
.mail_ico2 {
font-size: 19px;
font-family: verdana;
text-decoration: none;
border-bottom: 1px dashed
}
a.close {
background: url(/css/fancy_img/fancy_closebox.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 30px;
position: absolute;
right: -12px;
top: -12px;
width: 30px;
z-index: 100
}
#mask, #compare_mask {
position: absolute;
left: 0;
top: 0;
z-index: 9000;
background-color: #000;
display: none
}
.window {
position: absolute;
left: 0;
top: 0;
display: none;
z-index: 9999;
padding: 20px
}
#dialog_vote, #compare_box {
width: 375px;
height: 244px;
background-color: white;
border: 1px solid black;
padding: 20px;
}
.cmp_del_img {
background: url(/img/drop_inform2.png) no-repeat left;
padding-left: 25px;
display: block;
margin: 10px 0;
height: 18px;
}
/* Product Tabs
-----------------------------------------------------------------------------*/
.full_descr img {
margin: 5px 0 15px 20px;
}
.section {
margin: 60px 0
}
ul.tabs {
position: relative;
z-index: 6;
top: -7px;
}
.tabs li:hover {
color: #F70;
}
.tabs li.current {
color: #F70;
}
.tabs li {
display: inline;
color: #666;
cursor: pointer;
-webkit-box-shadow: inset 1px 1px 0px 0px #fff;
-moz-box-shadow: inset 1px 1px 0px 0px #fff;
box-shadow: inset 1px 1px 0px 0px #fff;
-moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
-khtml-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
padding: 10px 40px;
border-bottom: none;
font-size: 16px;
font-family: Trebuchet MS, Lucida Sans Unicode, Tahoma, Geneva, sans-serif;
}
.box {
display: none;
position: relative;
z-index: 5;
-moz-border-radius: 0 7px 7px 7px;
-webkit-border-radius: 0 7px 7px 7px;
-khtml-border-radius: 0 7px 7px 7px;
border-radius: 0 7px 7px 7px;
padding: 25px;
overflow: hidden;
clear: both;
}
.box.visible {
display: block
}
.box .m_row_item {
width: inherit;
}
#content .tabs li {
margin: 0 6px 0 0;
}
.product-reviews h4 {
background: url(/images/user-icon-l.png) no-repeat scroll 0 1px transparent;
padding-left: 22px;
color: #5890A8;
padding-bottom: 5px;
line-height: 18px
}
.product-reviews blockquote {
margin: 10px 30px
}
.zoom1 {
cursor: url(/img/zoomin.cur), pointer;
}
.energy_cennost {
border-collapse: separate;
border: 1px solid #E5E4E4;
border-right: 1px solid white;
border-bottom: 1px solid white;
}
.energy_cennost td, .energy_cennost th {
background: #f1f1f1;
padding: 8px 15px;
border-left: 1px solid white;
border-right: 1px solid #e5e4e4;
border-top: 1px solid white;
border-bottom: 1px solid #e5e4e4;
}
.energy_cennost th {
background: #E7E7E7;
}
/* Fancy Box styles
-----------------------------------------------------------------------------*/
div#fancy_overlay {
position: absolute;
top: 0;
left: 0;
z-index: 201;
width: 100%;
background: #000
}
div#fancy_loading {
position: absolute;
height: 40px;
width: 40px;
cursor: pointer;
display: none;
overflow: hidden;
background: transparent;
z-index: 100
}
div#fancy_loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background: transparent url(fancy_img/fancy_progress.png) no-repeat
}
div#fancy_close {
position: absolute;
top: -12px;
right: -12px;
height: 30px;
width: 30px;
background: transparent url(fancy_img/fancy_closebox.png);
cursor: pointer;
z-index: 100;
display: none
}
div#fancy_content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 96;
margin: 0;
padding: 0
}
#fancy_frame {
position: relative;
width: 100%;
height: 100%;
display: none
}
img#fancy_img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
z-index: 92;
margin: 0;
padding: 0
}
div#fancy_title {
position: absolute;
bottom: -35px;
left: 0;
width: 100%;
z-index: 100;
display: none
}
div#fancy_title table {
margin: 0 auto
}
div#fancy_title div {
color: #FFF;
font: bold 12px Arial;
padding-bottom: 2px
}
td#fancy_title_left {
height: 32px;
width: 15px;
background: transparent url(fancy_img/fancy_title_left.png) repeat-x
}
td#fancy_title_main {
height: 32px;
background: transparent url(fancy_img/fancy_title_main.png) repeat-x
}
td#fancy_title_right {
height: 32px;
width: 15px;
background: transparent url(fancy_img/fancy_title_right.png) repeat-x
}
div#fancy_outer {
position: absolute;
top: 0;
left: 0;
z-index: 9000;
overflow: hidden;
background: transparent;
display: none;
margin: 0;
padding: 18px 18px 58px
}
div#fancy_inner {
position: relative;
width: 100%;
height: 100%;
border: 1px solid #444;
background: #FFF
}
a#fancy_left, a#fancy_right {
position: absolute;
bottom: 10px;
height: 100%;
width: 35%;
cursor: pointer;
background-image: url(data:image/gif;base64,AAAA);
z-index: 100
}
a#fancy_left {
left: 0
}
a#fancy_right {
right: 0
}
a#fancy_left:hover {
background: transparent url(fancy_img/fancy_left.gif) no-repeat 0 100%
}
a#fancy_right:hover {
background: transparent url(fancy_img/fancy_right.gif) no-repeat 100% 100%
}
#fancy_bigIframe, #fancy_freeIframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10
}
div#fancy_bg {
display: none
}
div.fancy_bg {
position: absolute;
display: block;
z-index: 70
}
div.fancy_bg_n {
top: -18px;
width: 100%;
height: 18px;
background: transparent url(fancy_img/fancy_shadow_n.png) repeat-x
}
div.fancy_bg_ne {
top: -18px;
right: -13px;
width: 13px;
height: 18px;
background: transparent url(fancy_img/fancy_shadow_ne.png) no-repeat
}
div.fancy_bg_e {
right: -13px;
height: 100%;
width: 13px;
background: transparent url(fancy_img/fancy_shadow_e.png) repeat-y
}
div.fancy_bg_se {
bottom: -18px;
right: -13px;
width: 13px;
height: 18px;
background: transparent url(fancy_img/fancy_shadow_se.png) no-repeat
}
div.fancy_bg_s {
bottom: -18px;
width: 100%;
height: 18px;
background: transparent url(fancy_img/fancy_shadow_s.png) repeat-x
}
div.fancy_bg_sw {
bottom: -18px;
left: -13px;
width: 13px;
height: 18px;
background: transparent url(fancy_img/fancy_shadow_sw.png) no-repeat
}
div.fancy_bg_w {
left: -13px;
height: 100%;
width: 13px;
background: transparent url(fancy_img/fancy_shadow_w.png) repeat-y
}
div.fancy_bg_nw {
top: -18px;
left: -13px;
width: 13px;
height: 18px;
background: transparent url(fancy_img/fancy_shadow_nw.png) no-repeat
}
.image { float: left;
}
/* @group <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
.product .image {
text-align: center;
width: 300px;
background-color: #ffffff;
border: 1px solid #e0e0e0;
float: left;
padding: 5px;
margin-right: 20px;
}
.product .image img{
max-width: 300px;
}
.product .images {
float: left;
clear: left;
width: 300px;
margin-right: 20px;
margin-bottom: 10px;
padding-top: 15px;
padding-bottom: 15px;
}
.product .images img{
text-align: center;
width: 50px;
background-color: #ffffff;
border: 1px solid #e0e0e0;
float: left;
padding: 5px;
margin: 4px 10px 10px 0px;
}
.product .description{
width:100%;
float:left;
}
#features {
list-style: none;
width: 330px;
float:right;
display: block;
clear: both;
margin-top: 15px;
margin-bottom: 25px;
border-bottom: 1px solid #e0e0e0;
}
.product .features li {
padding: 10px 5px 10px 5px;
overflow: hidden;
width: 330px;
border-top: 1px solid #e0e0e0;
background-color: #f0f0f0;
}
.product .features li.even{
background-color: #e9e9e9;
}
.product .features label {
font-style: normal;
display: block;
width: 30%;
float: left;
}
.product .features p {
float: left;
display: block;
width: 70%;
}
.product .variants {
font-size: 16px;
}
.product .variant td{
padding-bottom: 6px;
vertical-align: middle;
}
.product .compare_price {
font-size: 14px;
text-decoration: line-through;
white-space: nowrap;
color: #707070;
}
.product .price {
font-size: 16px;
color:#000000;
font-weight:bold;
white-space: nowrap;
}
.product .variant_name {
float: left;
margin-right: 10px;
font-size: 12px;
}
.product .variant_radiobutton {
margin-right: 5px;
margin-left: 0px;
}
#back_forward {
font-size: 14px;
margin-bottom: 20px;
clear: both;
}
#back_forward a.prev_page_link{
margin-right: 20px;
}
/* @end <20> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
.tiny_products {
list-style: none;
display: block;
}
.tiny_products .product{
width: 210px;
margin-right: 10px;
margin-bottom: 30px;
display: -moz-inline-box;
display: inline-block;
*zoom: 1;
*display: inline;
word-spacing: normal;
vertical-align: top;
}
.tiny_products .product .image {
vertical-align: middle;
text-align: center;
width: 200px;
/* line-height: 200px;*/
background-color: #ffffff;
border: 1px solid #e0e0e0;
padding: 5px;
margin-bottom: 10px;
}
.tiny_products .product .image img{
vertical-align: middle;
max-width: 200px;
}
.tiny_products .product h3 {
font-size: 14px;
margin-bottom: 10px;
font-weight: normal;
}
.tiny_products .product h3.featured{
background: url(../images/star.png) no-repeat;
background-position: left middle;
padding-left: 20px;
}
.products {
list-style: none;
display: block;
}
.products .product{
width: 100%;
display: block;
clear: both;
overflow: hidden;
}
.products .product .image {
text-align: center;
width: 200px;
background-color: #ffffff;
border: 1px solid #e0e0e0;
float: left;
padding: 5px;
margin: 4px 0px 20px 0px;
}
.products .product .image img{
max-width: 200px;
}
.products .product .product_info {
float: right;
width: 450px;
margin-bottom: 40px;
}
.products .product h3 {
font-size: 20px;
margin-bottom: 5px;
font-weight: normal;
}
.products .product h3.featured{
background: url(../images/star.png) no-repeat;
background-position: left middle;
padding-left: 20px;
}
.products .product .annotation {
font-size: 12px;
color: #505050;;
margin-bottom: 5px;
}
#product {
float:left;
}
#call { width:200px;
padding-left: 20px;
}
#mail_form {
padding: 0 100px 0 120px;
}
#paymethods { margin-top: 20px;
margin-bottom: -50px;
}
/* @group <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
.comment_list {
margin-top: 15px;
list-style: none;
}
.comment_list li {
padding-bottom: 15px;
}
.comment_list li div{
padding-bottom: 15px;
}
.comment_header {
font-size: 18px;
}
.comment_header div {
display: block;!impact
}
.comment_header i {
font-weight: normal;
font-style: normal;
color: #878787;
font-size: 13px;
}
/* @end <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
/* @group <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
.comment_form {
background-color: #f3f3f3;
border: 1px solid #e0e0e0;
padding: 20px;
margin-top: 20px;
width: 90%;
overflow: hidden;
}
.comment_form h2 {
margin-bottom: 0px;
}
.comment_form .comment_textarea {
width: 100%;
height: 100px;
font-size: 12px;
}
.comment_form label {
display: block;
float: left;
width: 100px;
font-size: 18px;
margin-top: 15px;
}
.comment_form .input_name {
font-size: 16px;
width: 250px;
margin-top: 15px;
}
.comment_form .input_captcha, .cart_form .input_captcha{
float: left;
width: 150px;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-top: 15px;
height: 36px;
}
.comment_form .captcha, .cart_form .captcha {
float: left;
display: block;
margin-top: 15px;
margin-right: 10px;
}
.comment_form .button,
.feedback_form .button,
.register_form .button,
.login_form .button{
float: right;
display: block;
margin-top: 10px;
margin-right: 0px;
}
/* @end <20> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
/* @group <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> */
.feedback_form {
background-color: #f3f3f3;
border: 1px solid #e0e0e0;
padding: 20px;
margin-top: 20px;
width: 90%;
overflow: hidden;
}
.feedback_form .input_captcha, .register_form .input_captcha{
float: left;
width: 150px;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-top: 15px;
height: 36px;
}
.feedback_form .captcha, .register_form .captcha{
float: left;
display: block;
margin-top: 15px;
margin-right: 10px;
}
.feedback_form .button_send {
font-size: 18px;
float: right;
margin-top: 25px;
}
/* @end <20> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
/* @group <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
#purchases{
width: 100%;
}
#purchases tr{
border-top: 1px solid #d5d5d5;
}
#purchases td{
vertical-align: middle;
}
#purchases th{
vertical-align: top;
padding-top: 10px;
font-size: 18px;
font-weight: normal;
}
#purchases .image{
width: 50px;
}
#purchases .image a{
border: 1px solid #e0e0e0;
background-color: #ffffff;
margin: 0 7px 7px 0;
display: table-cell;
vertical-align: middle;
text-align: center;
width: 50px;
}
#purchases .name{
padding-left: 10px;
padding-right: 10px;
}
#purchases td.name{
font-size: 14px;
}
#purchases td .download_attachment{
white-space: nowrap;
color: #3b8500;
padding: 5px 10px 7px 10px;
border-bottom-color: 1px dotted green;
background-color: #ccff72;
line-height: 30px;
}
#purchases .price{
padding-left: 5px;
padding-right: 5px;
white-space: nowrap;
text-align: right;
}
#purchases td.price{
font-size: 14px;
}
#purchases .remove{
padding-left: 15px;
}
#purchases .amount{
font-size: 14px;
padding-left: 5px;
padding-right: 5px;
}
#purchases .amount select{
font-size:12px;
}
#purchases .coupon .name{
font-size:14px;
}
#purchases .coupon .name input.coupon_code{
width: 200px;
}
#purchases .coupon .name input{
font-size:16px;
}
ul#deliveries{
margin-top: 20px;
margin-bottom: 20px;
background-color: #ffffff;
border: 1px solid #e0e0e0;
padding: 20px 20px 0 20px;
list-style: none;
}
ul#deliveries li{
margin-bottom: 20px;
}
ul#deliveries li div.checkbox{
float: left;
}
ul#deliveries li h3, ul#deliveries li .description{
display: block;
margin-left: 25px;
}
#cart_informer{
}
#adrcart{
background-color: #ffffff;
border: 1px solid #e0e0e0;
width:60%;
padding: 10px 10px 10px 40px;
}
/* @end */
/* @group <20><><EFBFBD><EFBFBD><EFBFBD> */
input[type="text"]
{
width: 100%;
font-size: 18px;
text-align: center;
}
input[type="password"]
{
width: 100%;
font-size: 18px;
}
.form
{
width:400px;
margin-bottom: 20px;
}
.form textarea
{
width:100%;
height:100px;
font-size: 18px;
}
.form label {
display:block;
font-size: 14px;
}
.form input[type="text"]{
display:block;
margin-bottom: 10px;
}
/* TABS */
#tabs{
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
#tabs li{
float: left;
margin: 0 .5em 0 0;
}
#tabs a{
position: relative;
background: #ddd;
background-image: linear-gradient(to bottom, #fff, #ddd);
padding: .7em 1.2em;
float: left;
text-decoration: none;
color: #444;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
border-radius: 5px 0 0 0;
box-shadow: 0 2px 2px rgba(0,0,0,.4);
}
#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
background: #fff;
}
#tabs a:focus{
outline: 0;
}
#tabs a::after{
content:'';
position:absolute;
z-index: 1;
top: 0;
right: -.5em;
bottom: 0;
width: 1em;
background: #ddd;
background-image: linear-gradient(to bottom, #fff, #ddd);
box-shadow: 2px 2px 2px rgba(0,0,0,.4);
transform: skew(10deg);
border-radius: 0 5px 0 0;
}
#tabs #current a,
#tabs #current a::after{
background: #fff;
z-index: 3;
}
#tabcontent
{
background: #fff;
padding: 20px 20px 20px 40px;
height: auto;
position: relative;
z-index: 2;
border-radius: 0 0px 0px 0px;
box-shadow: 0 0px 0px 0px rgba(0, 0, 0, .5);
display: block;
}
/* END TABS */
.comments {
display: block;
}
#add1 { font-size:16px;
}
#add2 { font-size: 16px;
}
#blogimg, .blogimg {
float:left;
margin-right: 20px;
}
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
.testRater{margin-bottom:20px;}
.rater span {vertical-align:middle;font-size:16px;}
.rater-rating {margin-top:5px;}
.rater-starsOff, .rater-starsOn {display:inline-block; height:23px; background:url(../images/stars.png) repeat-x 0 0px;}
.rater-starsOn {display:block; max-width:115px; top:0; background-position: 0 -22px;}
.rater-starsHover {background-position: 0 -44px!important;}
/* @end */
#addcartpr{
background: url(../images/addcartpr.png);
width: 158px;
height: 38px;
}
#pricefon{
background: url(../images/soprov_button.png);
width: 160px;
height: 31px;
}
#pricetable{
margin-left:10%;
}
#imgcat{
vertical-align:middle;
}
#oplatainfo{
list-style:disk;
}
#btinfo ,.btinfo{
list-style:disk;
line-height: 1.5;
}
.b-top {z-index:2600;position:fixed;left:0;bottom:90px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px;
color:white;background:#000000 url(../images/b-j-top.png) no-repeat 50% 11px;border-radius:7px;}
#blog_menu, .blog_menu {
list-style:none;
line-height:18px;
}
#blog_menu li, .blog_menu li{
margin: 10px 0 0 30px;
}
#blog {
list-style:none;
}
#b_count3 {
font-size:14px;
}
#b_sum3 {
font-size:14px;
}
#order_info {
margin: 0 auto;
line-height: 40px;
color: #000000;
}
#banright {
position: absolute;
float: right;
}
.h2 {
margin: 0px;
padding: 0px;
border: 0px none;
outline: 0px none;
font-size: 18px;
vertical-align: baseline;
background: none repeat scroll 0% 0% transparent;
display: block;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
.h22 {
margin: 0px;
padding: 0px;
border: 0px none;
outline: 0px none;
font-size: 18px;
vertical-align: baseline;
background: none repeat scroll 0% 0% transparent;
display: block;
color: #000000;
font-weight: bold;
}
.h3 {
display: block;
font-size: 17px
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
padding: 20px 0;
}
.ttable td {
padding: 10px;
margin: 10px;
}
.ttablew {
width: 100%;
}
.pagination .selected {
font-weight: bold;
}