/* Eric Meyer's CSS Reset */
html, body, span, applet, object, iframe,
p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
/*border: 0;*/
/*vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 105%;
background-color: #ffffff;
}
/*
ol, ul {
list-style: none;
}*/
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
/*border-collapse: collapse;*/
border-spacing: 0;
}
a.a10, a.a10:visited {font-family:Tahoma,arial;font-size: 16px;text-decoration:none; font-weight : normal;}
a.a10:hover {font-family:Tahoma,arial;font-size: 16px; text-decoration:underline; font-weight : normal;}
.spec_line{background-color: #ffffff; padding: 4px; border: 1px solid #ffffff;}
.spec_line:hover {background-color: #ffffff; padding: 4px; border: 1px solid #cccccc;}
.spec_head{background-color: #A9BCD0; padding: 4px; border:0;color:#ffffff;}
/* End of Eric Meyer's CSS Reset */
.qtxt {
color: #555555;font-family:tahoma,arial;font-size: 14px;margin-top:10px;margin-bottom:15px;
}
.topbox {
height: 100px;
border:0px solid #ff0000;
vertical-align:top;
background-color: #ffffff;
/*background-position: 50% 0%;*/
max-width: 1850px;
margin: 0px auto;
margin-top:0px;
}
.t1 { max-width: 1850px;letter-spacing: 0.01px;line-height: 1.5;font-family:tahoma,arial;font-size: 12px;vertical-align:top;color:#333333;
width: 270px;
height: 100px;
float: left;
padding:15px 5px 5px 10px;
margin-left:0px;
border:0px solid #ffcc00;
clear:right;
color: #373F51;
}
.t2 {
letter-spacing: 0.01px;
line-height: 1.5;
font-family:tahoma,arial;
font-size: 12px;
vertical-align:top;
color:#333333;
margin: 0px 0px 0px 290px;
vertical-align: top;
color: #555555;
overflow: hidden;
padding:30px 10px 10px 25px;
height:120px;
border:0px solid #ffcc00;
background: #ffffff;
}
.t3 {letter-spacing: 0.01px;line-height: 1.5;font-family:tahoma,arial;font-size: 12px;vertical-align:top;color:#333333;
width:285px;float: left;
margin-left:0px;
background-color: #1E90FF;
border:0px solid #ff0000;
height: 36px; clear:right;
overflow: visible ;
padding-left: 0px;
}
.t4 { letter-spacing: 0.01px;line-height: 1.5;font-family:tahoma,arial;font-size: 12px;vertical-align:top;color:#333333;
margin-left: 285px;
background-color: #373F51;
color: #ff0000;
border:0px solid #ff0000;
height: 36px;
padding:0px 5px 0px 25px;
line-height:36px;
}
.topline {
border:0px;
padding:0px;
height: 1px;
vertical-align: middle;
max-width: 1850px;
margin: 0px auto;
background-color: #cccccc;
}
.topbox3 { display: block;
position: relative;
background-color: #ffffff;
border:0px solid #ff0000;
clear:right;
max-width: 1850px;
margin: 15px auto;
vertical-align: top;
}
.topbox3:after {
clear:both;
}
.t10_1{display: block;font-family:tahoma,arial;font-size: 12px;color:#333333;
width: 40px;letter-spacing: 0.01px;line-height: 1.5;
padding:0px 0px 0px 0px;
margin-left:0;
border:0px solid #ffcc00;
vertical-align: top;
background-color: #555555;
float: left; position: relative;
height:700px;
}
.t10_2{display: block;font-family:tahoma,arial;font-size: 12px;color:#333333;
width: 240px;letter-spacing: 0.01px;line-height: 1.5;
padding:0px 0px 0px 0px;
margin-left:50px;
border:0px solid #ffcc00;
top:0px;
background-color: #ffffff; position: relative;
float: right;
}
.t10 {display: block;font-family:tahoma,arial;font-size: 12px;vertical-align:top;color:#333333;
width: 280px;letter-spacing: 0.01px;line-height: 1.5;
padding:0px 0px 0px 0px;
margin-left:0;
border:0;
vertical-align: top;
float: left;background-color: #fff;
}
.t11 { font-family:tahoma,arial;font-size: 12px;vertical-align:top;color:#333333;
letter-spacing: 0.01px;line-height: 1.5;
width: auto;
display: block;
margin: 0px 285px 0px 285px;
vertical-align: top;
color: #555555;
overflow: visible;
padding:10px 5px 15px 15px;
background-color: #ffffff;
border: 0px solid #0000ff;
}
.t12{font-family:tahoma,arial;font-size: 12px;vertical-align:top;color:#333333;
float:right;letter-spacing: 0.01px;line-height: 1.5;
display: block;
width: 250px;
border: 0px solid #cccccc;
vertical-align: top;
padding:10px 10px 10px 10px;
}
.pg2 { height:35px;line-height:35px;
background-color: #A9BCD0;
border: 1px solid #ffffff; margin-top:10px; padding-left:15px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 55px 5px 5px 5px;
color: #373F51;
font-family:Tahoma,arial;font-size: 18px;text-decoration:none; font-weight : normal;
}
.pg3 {
border: 1px solid #ffffff; margin: 0; padding: 0px; color: #555555;
font-family:Tahoma,arial;font-size: 14px;text-decoration:none; font-weight : normal;
min-height:1px;
}
.menugroups{border: 0px solid #ff00ff; margin:10px 0px 5px 0px; padding-left: 10px; color: #555555;
font-family:Tahoma,arial;font-size: 14px;text-decoration:none; font-weight : normal;
}
.product_card {
display: block; border-bottom: 1px solid #dddddd; margin: 7px; padding: 10px; min-height: 230px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 55px 5px 5px 5px; overflow: hidden;
}
.product_card:after {clear:both;}
.product_foto{float: left;display: block;width:230px;border: 0px solid #ff0000;overflow:hidden;padding-left:10px;padding-top:10px;}
.product_list{
font-family:Tahoma,arial;font-size: 12px;color:#555555; text-decoration:none; font-weight : normal;
display: block;
margin: 0px 0px 0px 235px;
border: 0px solid #ffff00;
padding-left: 10px;
padding-top: 10px;
}
.product_card_full {
display: block; border:0; margin: 7px; padding: 10px; min-height: 230px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 55px 5px 5px 5px; overflow: hidden;
}
.product_card_full:after {clear:both;}
a.htoys, a.htoys:visited {font-family:Tahoma,arial;font-size: 16px;color:#0099ff; text-decoration:none; font-weight : normal;}
a.htoys:hover {font-family:Tahoma,arial;font-size: 16px;color:#1c3a58; text-decoration:underline; font-weight : normal;}
header,
nav,
section,
article,
aside,
footer {
display: block;
}
h1 {FONT-WEIGHT:normal;FONT-SIZE:22px;COLOR:#222222;FONT-FAMILY:Tahoma;margin-bottom:5px;margin-top:0px;}
h2 {font-family:Tahoma,arial;font-size:15px;}
h3 {font-family:Tahoma,arial;font-size: 15px;}
.ns{
font-size : 12px;
color : #555555;
font-family : Tahoma, Arial, Helvetica, sans-serif;
background-color: #4291a3;
margin: 0px;
padding: 4px;
}
.ns2{
font-size : 12px;
color : #555555;
font-family : Tahoma, Arial, Helvetica, sans-serif;
background-color: #ffe300;
margin: 0px;
padding: 4px;
}
a.cat, a.cat:visited {font-family:Tahoma,arial;font-size: 18px;color:#4275be; text-decoration:none; font-weight : normal;}
a.cat:hover {font-family:Tahoma,arial;font-size: 18px;color:#4275be; text-decoration:underline; font-weight : normal;}
.bip {FONT-WEIGHT:normal;FONT-SIZE:16px;FONT-FAMILY:Tahoma;}
.price {font-family:Tahoma,arial;font-size: 18px; color: #66CC00;}
.dcart {font-family:Tahoma,arial;font-size: 14px; color: #ee3959;}
a.sub, a.sub:visited {font-family:Tahoma,arial;font-size: 16px;color:#0099ff; text-decoration:none; font-weight : bold;}
a.sub:hover {font-family:Tahoma,arial;font-size: 16px;color:#ff0000; text-decoration:underline; font-weight : bold;}
a.cart, a.cart:visited {font-family:Tahoma,arial;font-size: 14px;color:#0099ff; text-decoration:underline; font-weight : normal;}
a.cart:hover {font-family:Tahoma,arial;font-size: 14px;color:#66CC00; text-decoration:none; font-weight : normal;}
a.topmenu, a.topmenu:visited {font-family:Tahoma,arial;font-size: 14px;color:#ffffff; text-decoration:none; font-weight : normal;}
a.topmenu:hover {font-family:Tahoma,arial;font-size: 14px;color:#00c7c3; text-decoration:underline; font-weight : normal;}
a.topmenu_on {font-family:Tahoma,arial;font-size: 14px;color:#00c7c3; text-decoration:none; font-weight : normal;}
a.topmenu_on:hover {font-family:Tahoma,arial;font-size: 14px;color:#00c7c3; text-decoration:underline; font-weight :normal;}
a.topmenu5, a.topmenu5:visited {font-family:Tahoma,arial;font-size: 14px;color:#ffffff; text-decoration:underline; font-weight : normal;}
a.topmenu5:hover {font-family:Tahoma,arial;font-size: 14px;color:#ffffff; text-decoration:underline; font-weight : normal;}
a.tblue, a.tblue:visited {font-family:Tahoma,arial;font-size: 20px;color:#4275be; text-decoration:none; font-weight : normal;}
a.tblue:hover {font-family:Tahoma,arial;font-size: 20px;color:#4275be; text-decoration:underline; font-weight : normal;}
a.bpath, a.bpath:visited {font-family:Tahoma,arial;font-size: 12px;color:#444444; text-decoration:none; font-weight : normal;}
a.bpath:hover {font-family:Tahoma,arial;font-size: 12px;color:#444444; text-decoration:underline; font-weight : normal;}
a, a:visited {font-family:Tahoma,arial;font-size: 12px;color:#0099ff; text-decoration:none;}
a:hover {font-family:Tahoma,arial;font-size: 12px;color:#ff0000; text-decoration:none;}
li {margin: 2px ;}
input {border-style:solid;border-width:1px;border-color:Gray;}
td,th,.plain{font-family:tahoma,arial;font-size: 12px;vertical-align:top;color:#333333;}
.w{BACKGROUND-COLOR: #ffffff;}
.gr{BACKGROUND-COLOR: #f9f9f9;}
a.lvl_02_2_red, a.lvl_02_2_red:link, a.lvl_02_2_red:visited
{line-height: 1;letter-spacing: 0.01px;
display: block;
font-size: 16px;
font-family: Tahoma, arial;
font-weight: normal;
text-decoration: none;
color: #ff0000;
background-color: #ffffff;
width: 270px;
margin: 0px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
padding-top: 7px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
a.lvl_02_2_red:hover
{line-height: 1;letter-spacing: 0.01px;
display: block;
font-size: 16px;
font-family: Tahoma, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
color: #ffffff;
background-color:#373F51;
width: 270px;
margin: 0px;
padding-bottom: 7px;
padding-right: 10px;
padding-left: 10px;
padding-top: 7px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
a.lvl_02_2, a.lvl_02_2:link, a.lvl_02_2:visited
{line-height: 1;letter-spacing: 0.01px;
display: block;
font-size: 14px;
font-family: Tahoma, arial;
font-weight: normal;
text-decoration: none;
color: #0099ff;
background-color: #f5f5f5;
width: 270px;
margin: 0px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
padding-top: 7px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
a.lvl_02_2:hover
{line-height: 1;letter-spacing: 0.01px;
display: block;
font-size: 14px;
font-family: Tahoma, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
color: #ffffff;
background-color:#373F51;
width: 270px;
margin: 0px;
padding-bottom: 7px;
padding-right: 10px;
padding-left: 10px;
padding-top: 7px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
a.lvl_02_2_on, a.lvl_02_2_on:link, a.lvl_02_2_on:visited, a.lvl_02_2_on:hover {line-height: 1;letter-spacing: 0.01px;
display: block;
font-size: 14px;
font-family: Tahoma, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
color: #ffffff;
background-color: #1E90FF;
width: 270px;
margin: 0px;
padding-bottom: 7px;
padding-right: 10px;
padding-left: 10px;
padding-top: 7px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
a.lvl_03, a.lvl_03:link, a.lvl_03:visited
{line-height: 1;letter-spacing: 0.01px;
display: block;
font-size: 14px;
font-family: Tahoma, arial;
font-weight: normal;
text-decoration: none;
color: #0099ff;
background-color: #ffffec;
width: 230px;
margin: 0px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
a.lvl_03:hover
{line-height: 1;
display: block;
font-size: 14px;
font-family: Tahoma, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
color: #555555;
background-color: #ffc000;
width: 230px;
margin: 0px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
a.lvl_03_on, a.lvl_03_on:link, a.lvl_03_on:visited, a.lvl_03_on:hover
{line-height: 1;
display: block;
font-size: 14px;
font-family: Tahoma, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
color: #ffffff;
background-color: #ffc000;
width: 230px;
margin: 0px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
.gg{
height: 27px;
padding: 2px 5px 2px 5px;
border: 1px solid #cccccc;
border-radius: 5px 5px 5px 5px;
/*
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-o-border-radius: 55px 5px 5px 5px;
*/
color: #474747;
font-size: 14px;
margin-top:5px;
}
.gg1{
height: 27px;
padding: 2px 5px 2px 5px;
border: 1px solid #cccccc;
border-radius: 5px 5px 5px 5px;
/*
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-o-border-radius: 55px 5px 5px 5px;
*/
color: #474747;
font-size: 14px;
margin-top:5px;
}
table.tbln, table.tbln td {
padding: 7px;border: 1px solid #cccccc;border-collapse: collapse;}
table.tbln2 {border: 0px solid #cccccc;border-collapse: collapse;}
table.tbln2 td {padding: 7px;}
tr.line {
border-bottom: 1px solid #cccccc;
}
td.tdq {
padding-top:8px;
}
textarea.gg3{
height: 150px;
width: 400px;
padding: 3px 3px 3px 3px;
border: 1px solid #cccccc;
border-radius: 5px 5px 5px 5px;
/*
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-o-border-radius: 55px 5px 5px 5px;
*/
float: left;
color: #474747;
font-size: 14px;
}
textarea.gg5{
height: 250px;
width: 650px;
padding: 3px 3px 3px 3px;
border: 1px solid #cccccc;
border-radius: 5px 5px 5px 5px;
/*
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-o-border-radius: 55px 5px 5px 5px;
*/
float: left;
color: #474747;
font-size: 14px;
}
.tel{
padding: 0px 0px 5px 0px;
color: #474747;
font-size: 12px;
border:0;
/*border: 0px solid #cccccc;*/
}
input.search_row{
margin-top:3px;
padding-top:1px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
border: 4px solid #ececec;
height: 30px;
color: #474747;
font-size:14px;
}
.b-header {max-width: 1850px;
border-bottom: 1px solid #f0f2f3;
border-top: 1px solid #d8dcde;
height: 43px;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top, #fefefe, #f5f5f5);
background-image: -moz-linear-gradient(top, #fefefe, #f5f5f5);
background-image: -ms-linear-gradient(top, #fefefe, #f5f5f5);
background-image: -o-linear-gradient(top, #fefefe, #f5f5f5);
background-image: linear-gradient(to bottom, #fefefe, #f5f5f5);
-moz-box-shadow: 0 1px #a2a5a8, 0 2px #c0c1c1, 0 3px #f5f5f5;
-webkit-box-shadow: 0 1px #a2a5a8, 0 2px #c0c1c1, 0 3px #f5f5f5;
box-shadow: 0 1px #a2a5a8, 0 2px #c0c1c1, 0 3px #f5f5f5;
}
.b-enterAccount {
height: 42px;
margin-right: 25px;
}
.lform {
display: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 5px #b3b3b3;
-webkit-box-shadow: 0 0 5px #b3b3b3;
box-shadow: 0 0 5px #b3b3b3;
filter: none;
background: #fff;
border: 1px solid #00C7C3;
color: #666;
font-size: 12px;
line-height: 16px;
padding: 15px;
position: absolute;
text-align: left;
top: 0;
width: 300px;
z-index: 3;
margin-top: 38px;
width: 290px;
cursor: auto;
}
.eform_title {
letter-spacing: 0.01px;line-height: 1.5;font-family:tahoma,arial;font-size: 20px;vertical-align:top;color:#333333;
margin:5px;
}
.btn_enter {
height: 39px;
line-height: 37px;
font-size: 16px;
padding-left: 20px;
padding-right: 20px;
border-radius: 4px;
background: #00C7C3;
color: #fff;
letter-spacing: 1px;
display: inline-block;
outline: none;
border: none;
text-transform: uppercase;
}
.link { border: 0px solid #cccccc;
font-size: 18px;
font-family: 'Exo 2', sans-serif;
display: block;
height: 33px;
padding:3px 0px 0px 13px;
margin:0px;
color: #ffffff;
-webkit-transition: color 0.4s ease-in-out;
-moz-transition: color 0.4s ease-in-out;
-o-transition: color 0.4s ease-in-out;
transition: color 0.4s ease-in-out;
}
.submenu {
list-style: none;
display:none;
list-style: none;
margin: 0px;
padding: 0px;
width: 250px;
}
.submenu:before, .submenu:after {
content: '';
content: none;
}
.menuitem {
height:35px;
padding-left:15px;
---background: #A9BCD0;
border-top: 1px solid #A9BCD0;
line-height: 35px;
font-size: 14px;
background: #373F51;
}
.menuitem_last { height:35px;
padding-left:15px;
background: #373F51;
border-top: 1px solid #A9BCD0;
line-height: 35px;
font-size: 14px;
border-bottom: 5px solid #1E90FF;
}
.topmenu2:hover div.submenu {display: block;}
.topmenu2{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
position: relative;
z-index: 4500;
list-style: none;
margin: 0px;
padding: 0px;
border: 0px solid #dfcc45;
height:35px;
}
.topmenu2:before, .topmenu2:after {
content: "";
clear: both;
}
a.tlmenu, a.tlmenu:visited {font-family:Tahoma,arial;font-size: 17px;color:#ffffff; font-weight : normal; margin-left:15px;}
a.tlmenu:hover {font-family:Tahoma,arial;font-size: 17px;color:#ffffff; text-decoration:underline; font-weight : normal;}
a.tlmenu_sub, a.tlmenu_sub:visited {font-family:Tahoma,arial;font-size: 14px;color:#ffffff; font-weight : normal;}
a.tlmenu_sub:hover {font-family:Tahoma,arial;font-size: 14px;color:#ffffff; text-decoration:underline; font-weight : normal;}
.pfooter { display: block;
position: relative;
background-color: #f8f8f8;
border:0;
clear:both;
margin: 15px auto;
vertical-align: top;
width:auto;
}
.f1 { letter-spacing: 0.01px;font-family:tahoma,arial;font-size: 12px;color:#333;
width: 260px;
float: left;
padding:15px 5px 5px 10px;
margin-left:0px;
border:0;
clear:right;
color: #373F51;
}
.f2 {
letter-spacing: 0.01px;font-family:tahoma,arial;font-size: 12px;vertical-align:top;color:#333;
margin: 0px 0px 0px 265px;
vertical-align: top;
color: #555555;
overflow: hidden;
padding:10px 10px 10px 15px;
border:0;
}
.reg_f {
padding-top:10px; text-align: left; padding-left:0px;
}
.b1{
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
color: #fff;
display:block;
width:200px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 8px 16px;
margin: 0px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;
}
.b1 {
background-color: rgb( 43, 153, 91 );
border: 1px solid rgb( 33, 126, 74 );
}
.b1:hover {
background-color: rgb( 75, 183, 141 );
}
.b2{
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
color: #fff;
display:block;
width:200px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 8px 16px;
margin: 0;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;
}
.b2 {
background-color: rgb( 230, 233, 237 );
border: 1px solid rgb( 33, 126, 74 );
}
.b2:hover {
background-color: rgb( 75, 183, 141 );
}
.menu {
width:150px;
}
a.lmenu, a.lmenu:visited {font-family:Tahoma,arial;font-size: 17px;color:#0099ff; font-weight : normal; margin-left:0px;}
a.lmenu:hover {font-family:Tahoma,arial;font-size: 17px;color:#0099ff; text-decoration:underline; font-weight : normal;}
.modal-header-c {FONT-WEIGHT:normal;FONT-SIZE:24px;COLOR:#222222;FONT-FAMILY:Tahoma;margin-bottom:5px;margin-top:0px;}
.invalid-email {
color: #ff0000;
}
.cart-counter {
position: absolute;
top: -8px;
right: -8px;
background-color: #dc3545;
color: white;
border-radius: 50%;
padding: 2px 6px;
font-size: 12px;
min-width: 18px;
text-align: center;
display: none;
}
.product-price {
font-size: 1.5rem;
}
.product-attributes ul li {
padding: 5px 0;
border-bottom: 1px solid #eee;
}
.btn-add-to-cart, .btn-add-to-cart-fixed {
padding: 12px;
font-size: 1.1rem;
transition: all 0.3s;
}
.btn-add-to-cart:hover, .btn-add-to-cart-fixed:hover {
transform: translateY(-2px);
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.cart-quantity-control {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
}
.cart-quantity-control .quantity-display {
font-size: 1.2rem;
font-weight: bold;
min-width: 50px;
text-align: center;
}
.cart-quantity-control .btn-group {
flex: 1;
}
.cart-item-remove {
color: #dc3545;
cursor: pointer;
font-size: 1.2rem;
transition: color 0.3s;
}
.cart-item-remove:hover {
color: #c82333;
}
/* Сетка галереи - 4 в ряд */
.gallery-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
margin: 20px 0;
}
.gallery-item {
cursor: pointer;
overflow: hidden;
border-radius: 8px;
transition: transform 0.3s ease;
}
.gallery-item:hover {
transform: scale(1.05);
}
.gallery-thumb {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
transition: opacity 0.3s ease;
}
.gallery-thumb:hover {
opacity: 0.8;
}
/* Модальное окно */
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.95);
overflow: auto;
}
.modal-content {
position: relative;
margin: auto;
padding: 20px;
width: 80%;
max-width: 1200px;
height: 80%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#modal-image {
max-width: 100%;
max-height: 80vh;
object-fit: contain;
animation: zoomIn 0.3s ease;
}
@keyframes zoomIn {
from {
transform: scale(0.9);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
#modal-caption {
color: white;
margin-top: 20px;
text-align: center;
font-size: 16px;
}
.modal-close {
position: absolute;
top: 20px;
right: 35px;
color: white;
font-size: 40px;
font-weight: bold;
cursor: pointer;
z-index: 1001;
transition: color 0.3s ease;
}
.modal-close:hover {
color: #999;
}
.modal-prev,
.modal-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
padding: 16px;
cursor: pointer;
font-size: 24px;
border-radius: 50%;
transition: all 0.3s ease;
z-index: 1001;
}
.modal-prev {
left: 20px;
}
.modal-next {
right: 20px;
}
.modal-prev:hover,
.modal-next:hover {
background-color: rgba(0, 0, 0, 0.8);
transform: translateY(-50%) scale(1.1);
}
/* Адаптивность */
@media (max-width: 768px) {
.gallery-grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.modal-prev,
.modal-next {
padding: 12px;
font-size: 18px;
}
.modal-prev {
left: 10px;
}
.modal-next {
right: 10px;
}
}
@media (max-width: 480px) {
.gallery-grid {
grid-template-columns: 1fr;
}
}