html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, code, del, dfn, em,
q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline }
:focus { outline-color: #7b86bb }
body { line-height: 1.5em }
table { border-collapse: separate; border-spacing: 0 }
caption, th, td { /*text-align: left;*/ font-weight: normal }
table, td, th { vertical-align: middle }
blockquote:before, blockquote:after, q:before, q:after
{ content: "" }
blockquote, q { quotes: "" "" }
button { cursor: pointer }
a img { border: none }
/* ---------- default body declarations ---------- */
body { font-size: 68.75%; font-family: Trebuchet MS; line-height: 1.4em; color: #646464 }
h1, h2, h3, h4, h5, h6
{ margin-top: .5em; margin-bottom: .6em; font-weight: bold; /*line-height: 1.3em;*/ color: #333 }
h1 { font-size: 1.818em }
h2 { font-size: 1.636em }
h3 { font-size: 1.455em }
h4 { font-size: 1.273em }
h5 { font-size: 1.182em }
h6 { font-size: 1.091em }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
{ margin: 0 }
p { margin: 0 0 1.0em 0; line-height:14px; }
a { text-decoration: none }
a:link, a:active{ color: #646464 }
a:visited { color: #646464 }
a:hover { text-decoration: underline }
sup, sub { line-height: 0 }
ul, ol { margin: 0 1.5em 1.5em 1.8em }
ul { list-style-type: disc; margin-left: 1.5em }
ol { list-style-type: decimal; margin-left: 2em }
ul ul { list-style: circle }
table { border-collapse: collapse; margin-bottom: 1em; }
thead td, th, tfoot td
{ color: #646464 }
th, td { padding: .3em 12px .3em 5px; color: #545454; vertical-align: top; }
th { font-weight: bold }
tfoot { font-style: italic }
label { display:block; padding: .2em 10px .2em 0px; }
input, button, select, option, textarea
{ font: normal normal 1em/1.2em Helvetica, Arial, sans-serif; color: #646464 }
input.field, textarea
{ border: 1px solid #646464; background-color: #fff }
input.button, button
{ cursor: pointer; margin: 1px; padding: .2em 10px; font-weight: bold; color: #fff;
border: 1px solid #7b86bb; border-radius: .3em; -moz-border-radius: .3em; -webkit-border-radius: .3em; background-color: #4d6097 }
* html input.button, * html button
{ padding: .1em 2px }
*+html input.button, *+html button
{ padding: .1em 2px }
input.image, button.image
{ padding: 0 }
button.image img{ margin: 0; vertical-align: text-top }
input.field:active, input.field:focus, textarea:active, textarea:focus, input.button:active, input.button:focus, button:active, button:focus
{ border-color: #7b86bb }
input.button:hover, button:hover
{ color: #646464 }
input.button:active, input.button:focus, button:active, button:focus
{ color: #646464 }
body { text-align:center; margin:0 auto; padding:0; background:#ebebeb url(images/bg00.gif) repeat-x left top; }
#container { text-align:left; padding:0px 0px 0px 0px; width:999px; margin:0 auto; }
#header { float:left; width:995px; padding:17px 2px 0px 2px; height:105px; }
.logo { float:left; }
.logoPrint { display:none; }
.bannerTop { float:right; }
#menuTop { float:left; width:100%; z-index:10;}
#menuTop ul { float:left; padding:0px 0px 0px 2px; margin:0; background:url(images/grammi.jpg) repeat-y left top; list-style:none; height:39px; }
#menuTop ul li { float:left; padding:10px 17px 0px 15px; margin:0; background:url(images/grammi.jpg) repeat-y right top; list-style:none; height:29px; }
#menuTop ul li img { margin-left:10px; vertical-align:middle; float:left; }
#menuTop ul li img.ecoLogo1 { margin-top:-4px; margin-left:0; }
#menuTop ul li a { color:#b9b9b9; font:bold 13px arial; text-decoration:none; vertical-align:middle; float:left; }
#menuTop ul li a:hover { color:#ffffff; font:bold 13px arial; text-decoration:none; }
.searchTop { float:right; padding:5px 0px 0px 0px; margin:0; }
.searchInput { float:left; width:318px; height:22px; background:url(images/inputSearch.gif) no-repeat left top; padding:2px 2px 2px 6px; }
.searchInput input { float:left; width:275px; border:0; font:normal 11px arial; margin-top:3px; }
.searchInput input.button0 { float:right; width:35px; height:23px; border:0; background:url(images/imgSearch.gif) no-repeat left top; margin:0; cursor:pointer; outline:none }
input.cSearch { float:left; width:136px; height:26px; background:url(images/button136.gif) no-repeat left top; font:bold 12px Trebuchet MS; color:#fff; border:none;
padding-bottom:2px; margin-left:4px; cursor:pointer; }
#wrapper { float:left; width:975px; background:url(images/bgMain.png) no-repeat left top; padding:3px 12px; margin:10px 0px 0px 0px; z-index:8;}
/* -------------------------- col left --------------------- */
#col_1 { float:left; padding-top:5px; margin:0; display:inline; }
#left_menu { float:left; width:170px; }
#left_menu ul { float:left; width:170px; padding:0; margin:0; border-top:1px solid #d7d7d7; }
#left_menu ul li { clear:both; display:block; overflow:hidden; list-style:none; border-bottom:1px solid #d7d7d7; padding:1px 0px; font:bold 12px Trebuchet MS; color:#646464; }
#left_menu ul li a { clear:both; display:block; overflow:hidden; padding:6px 0px 6px 8px; background:url(images/arrow.gif) no-repeat 160px 11px; font:normal 12px Trebuchet MS;
color:#646464; }
#left_menu ul li a:hover { background:#e6252d url(images/arrow01.gif) no-repeat 160px 11px; color:#fff; text-decoration:none; font-weight:bold; }
#left_menu ul li ul { float:left; width:170px; padding:5px 0px 5px 0px; margin:0; background:#f2f2f2 url(images/bg03.gif) repeat-x left top; border-bottom:1px solid #ffffff;
border-top:none; }
#left_menu ul li ul li { clear:both; display:block; overflow:hidden; list-style:none; border-bottom:none; padding:1px 0px; font:normal 12px Trebuchet MS; color:#646464;
background:none; }
#left_menu ul li ul li a { clear:both; display:block; overflow:hidden; padding:3px 0px 3px 8px; background:none; font:normal 12px Trebuchet MS; color:#646464; }
#left_menu ul li ul li a:hover { background:none; color:#646464; font-weight:normal; }
#left_menu ul li ul li.active { background:none; font-weight:bold; color:#e6252d; }
#left_menu ul li ul li.active a { background:none; font-weight:bold; color:#e6252d; }
#left_menu ul li.active { clear:both; display:block; overflow:hidden; background:#e6252d url(images/arrow01.gif) no-repeat 160px 11px; color:#fff; text-decoration:none;
font-weight:bold; margin-top:1px; padding:0; }
#left_menu ul li.active a { background:none; clear:both; display:block; overflow:hidden; padding:6px 0px 6px 8px; background:none; font:bold 12px Trebuchet MS; color:#ffffff; }
#left_menu ul li.active li { padding:0; }
#left_menu ul li.active li a { font-weight:normal; color:#646464; padding:2px 0px 2px 8px; }
#left_menu ul li.active li a:hover { font-weight:normal; color:#e6252d; }
#left_menu ul li.active li.active { font-weight:bold; color:#e6252d; }
#left_menu ul li.active li.active a { font-weight:bold; color:#e6252d; }
.contactBox { clear:both; display:block; overflow:hidden; padding-top:9px; }
.contactBox img { padding:0; margin:0; }
.listG_box { clear:both; display:block; overflow:hidden; padding-top:9px; }
.listG_box img { padding:0; margin:0; }
/* -------------------------- col right --------------------- */
#col_3 { float:right; width:160px; padding-top:5px; }
.rightBox { float:left; width:160px; background:url(images/rightBoxBottom.gif) no-repeat left bottom; padding-bottom:5px; margin-bottom:10px; }
.rightBox .main { float:left; width:160px; background:url(images/rightBoxTop.gif) no-repeat left top; padding-bottom:2px; }
.rightBox h2 { clear:both; display:block; overflow:hidden; padding:13px 0px 0px 9px; font:bold 15px Trebuchet MS; color:#323232; margin:0 0 1.0em 0; }
.rightBox h2.logout { clear:both; display:block; overflow:hidden; padding:8px 10px 5px 9px; font:normal 11px Trebuchet MS; color:#323232; margin:0 0 1.0em 0; text-align:right;
border-bottom:1px solid #ebebeb; }
.rightBox h2.logout a{ display:block; background:url(images/close0.gif) no-repeat right 5px; padding-right:10px; }
.rightBox span.minih2 { clear:both; display:block; overflow:hidden; padding:13px 0px 0px 9px; font:bold 15px Trebuchet MS; color:#323232; margin:0 0 1.0em 0; }
.rightBox span.minih2.logout { clear:both; display:block; overflow:hidden; padding:8px 10px 5px 9px; font:normal 11px Trebuchet MS; color:#323232; margin:0 0 1.0em 0; text-align:right;
border-bottom:1px solid #ebebeb; }
.rightBox span.minih2.logout a{ display:block; background:url(images/close0.gif) no-repeat right 5px; padding-right:10px; }
.loginForm { clear:both; display:block; overflow:hidden; padding:0px 0px 3px 9px; margin:0; border-bottom:1px solid #ebebeb; }
.loginForm.noB { border-bottom:none; }
.loginForm input { vertical-align:middle; }
.loginForm em { vertical-align:middle; font:normal 11px arial; color:#646464; }
.input143 { clear:both; display:block; overflow:hidden; width:133px; height:16px; background:url(images/input143x26.gif) no-repeat left top; padding:5px 5px; margin-bottom:7px; }
.input143 input { clear:both; display:block; overflow:hidden; width:123px; height:18px; background:none; border:none; font:bold 11px arial; color:#969696; padding:0px 5px; }
input.buttonLog { clear:both; display:block; overflow:hidden; font:bold 14px Trebuchet MS; color:#fff; width:84px; height:26px; background:url(images/buttonLogin.gif) no-repeat left top;
border:none; text-align:center; margin:5px 0px 5px 31px; cursor:pointer; padding-bottom:3px; }
input.buttonLog2 { clear:both; display:block; overflow:hidden; font:bold 12px Trebuchet MS; color:#fff; width:84px; height:26px; background:url(images/buttonLogin.gif) no-repeat left top;
border:none; text-align:center; margin:5px 0px 5px 31px; cursor:pointer; padding-bottom:4px; }
.loginForm p.welcome { color:#323232; font-size:11px; margin-bottom:0; padding-left:5px; }
.loginForm p.name { font:bold 15px Trebuchet MS; color:#323232; margin-bottom:0.3em; padding-left:5px; }
.redArrow { clear:both; display:block; overflow:hidden; padding:3px 0px 0px 22px; background:url(images/arrow02.gif) no-repeat 15px 8px; color:#323232; font:normal 11px arial; }
.basketRight { clear:both; display:block; overflow:hidden; }
.basketRight .account { clear:both; display:block; overflow:hidden; border-top:1px solid #ebebeb; padding:3px 9px 3px 9px; margin:0px 1px; }
.basketRight .account.noB { border:none; }
.basketRight .account .left { float:left; width:80px; font:normal 11px arial; color:#323232; }
.basketRight .account .right { float:left; width:60px; text-align:right; font:normal 11px arial; color:#e60a0a; }
.basketRight .account .right em { display:block; font:bold 10px tahoma; color:#323232; }
.basketRight .account.total { clear:both; display:block; overflow:hidden; padding:5px 9px 5px 9px; margin:0px 1px; }
.basketRight .account.total .left { float:left; width:50px; font:bold 11px arial; color:#000000; }
.basketRight .account.total .right { float:right; width:90px; text-align:right; font:bold 15px arial; color:#e60a0a; }
.basketRight .account.total .kg00 { float:right; width:90px; text-align:right; font:normal 12px arial; color:#000000; padding-top:3px; }
.basketRight .account.total .kg00 img { padding-right:4px; }
.bannerRight { float:left; width:100%; padding-bottom:10px; }
/*.scrollBox_right { float:left; width:158px; padding:0px 1px; margin:0; }
.scrollBox_right .arrowTop { float:left; width:158px; text-align:center; padding:5px 0px; }
.scrollBox_right .arrowBottom { float:left; width:158px; text-align:center; padding:5px 0px; }
.scrollBox_right ul { float:left; width:158px; border-top:1px solid #e9e9e9; padding:0; margin:0; list-style:none; text-align:center; }
.scrollBox_right ul li { float:left; width:140px; border-bottom:1px solid #e9e9e9; padding:5px 9px; text-align:center }
.scrollBox_right ul li a { float:left; text-align:center; width:140px; }
.scrollBox_right ul li a:hover { text-decoration:none; }
.scrollBox_right ul li img { }
.scrollBox_right ul li h3 { font:normal 12px arial; color:#000000; text-align:left; padding-top:10px; margin:0; }
.scrollBox_right ul li:hover h3 { font:normal 12px arial; color:#e60000; text-align:left; padding-top:10px; text-decoration:none; }*/
/* -------------------------- col center Home --------------------- */
#col_2 { float:left; width:620px; padding-left:12px; padding-top:5px; position:relative; z-index:1;}
.whitebox { float:left; width:620px; background:url(images/whiteBox_top.gif) no-repeat left top; padding-top:0px; font-size:12px; margin-bottom:10px; }
.whitebox .main { float:left; width:618px; background:url(images/whiteBox_bottom.gif) no-repeat left bottom; padding-bottom:12px; padding:2px 1px 5px 1px; }
.whitebox h2 { font:bold 16px Trebuchet MS; color:#323232; padding-left:15px; height:32px; margin:0; padding-top:8px; }
.box_01 { float:left; width:618px; padding-top:15px; }
.box_01 .image { float:left; width:362px; }
.box_01 .text { clear:right; display:block; overflow:hidden; padding-left:20px; padding-right:24px; color:#323232; padding-bottom:12px; }
.box_01 .text h3 { clear:right; display:block; overflow:hidden; padding:0; margin:0; font:normal 21px arial; color:#000; }
.box_01 .text h3 a { color:#000; }
.box_01 .text p { margin:0.3em 0; }
.box_01 .text p.cost{ font:bold 27px arial; color:#e60a0a; margin:0; }
.box_02 { float:left; width:618px; background:url(images/bg_3_prod.gif) no-repeat left top; margin-top:12px; }
.product { float:left; width:180px; padding:0px 10px 10px 15px; font-size:11px; }
.product .image { float:left; text-align:center; width:180px; height:105px; margin-bottom:12px; }
.product h3 { font:bold 13px arial; color:#000; margin:0.2em 0; /*height:33px;*/ clear:both; display:block; }
.product h3 a { color:#000; }
.product p.cost { font:bold 15px arial; color:#e60a0a; margin:0 0 0.1em 0; }
.product p { margin-bottom:0; }
.box_2row { float:left; width:618px; background:url(images/bg_3_prod_2.gif) no-repeat left center; margin-top:12px; }
.row_03 { float:left; width:618px; background:url(images/bg_3_prod_Grammi.gif) no-repeat left bottom; margin-top:0px; }
.row_03.noG { float:left; width:618px; background:none; margin-top:0px; padding-top:8px; }
.row_03 .product { padding-bottom:5px; }
.veriSign { clear:both; display:block; overflow:hidden; padding:20px 0px 8px 45px; }
/* -------------------------- col center In --------------------- */
#col_2 h1 { font:normal 18px Trebuchet MS; color:#000; padding-bottom:5px; border-bottom:2px solid #ff0000; margin-top:0; position:relative; clear:both; overflow:hidden;
display:block; margin-bottom:0;}
#col_2 h1 div.close00 { position:relative; top:3px; float:right; }
#col_2 h1 div.close00 a { float:left; width:20px; height:20px; background:url(images/down.gif) no-repeat left top; }
#col_2 h1 .right00 { position:absolute; right:0; }
#col_2 h2.main { font:normal 18px Trebuchet MS; color:#000; padding-bottom:5px; border-bottom:2px solid #ff0000; margin-top:0; }
#col_2 h2.main em { font:normal 12px Trebuchet MS; color:#000; display:block; }
#col_2 h1.main { font:normal 18px Trebuchet MS; color:#000; padding-bottom:5px; border-bottom:2px solid #ff0000; margin-top:0; }
#col_2 h1.main em { font:normal 12px Trebuchet MS; color:#000; display:block; }
#col_2 div.main2 { font:normal 18px Trebuchet MS; color:#000; padding-bottom:5px; border-bottom:2px solid #ff0000; margin-top:0; }
#path { float:left; width:100%; background:url(images/grammi01.png) no-repeat left bottom; padding-bottom:15px; padding-top:10px; }
#path ul { margin:0; padding:0; }
#path ul li { margin:0; padding:0; float:left; background:url(images/arrow03.gif) no-repeat right 4px; padding-right:10px; padding-left:5px; list-style:none; color:#000000; }
#path ul li a { color:#000000; }
#path ul li.last { background:none; }
.form01 { float:left; width:620px; margin-bottom:20px; }
.form01 table { float:left; padding:0; margin:0; width:620px; }
.form01 td.grammi { padding:0.3em 0 0 0; margin:0; height:1px; border-bottom:1px solid #ebebeb; }
.form01 td.buttonT { padding:0.3em 0px 0 0px; margin:0; height:1px; }
.form01 input { margin:0; padding:0; vertical-align:inherit }
.form01 select { width:293px; height:20px; }
*+html .form01 input{ vertical-align:middle; }
.form01 .input01 { float:left; width:284px; background:url(images/input294.gif) no-repeat left top; height:17px; padding:4px 5px; border:none; }
.form01 .input01 input { width:284px; background:none; border:0; margin-top:1px; border:none; height:15px; padding-top:0; padding-bottom:0; }
.form01 .input02 { float:left; width:44px; background:url(images/input54.gif) no-repeat left top; height:17px; padding:4px 5px; margin-right:5px; display:inline; margin-top:1px; border:none; }
.form01 .input02 input { width:44px; background:none; border:0; margin-top:1px; border:none; }
.form01 .input03 { float:left; width:94px; background:url(images/input104.gif) no-repeat left top; height:17px; padding:4px 5px; vertical-align:middle; color:#000; font-size:14px; }
.form01 .input03 em { color:#646464; font-size:13px; font-style:italic; }
.form01 .input03 input { width:50px; background:none; border:0; margin:0px 5px 0px 5px; display:inline; font-size:11px; }
.form01 label { font:bold 13px Trebuchet MS; color:#646464; }
.form01 .captcha00 { display:block; overflow:hidden; clear:both; width:294px; height:35px; background:url(images/textArea294.gif) no-repeat left top; padding:20px 0px;
text-align:center; margin-bottom:10px; }
.form01 .msg { color:#646464; font-style:italic; font-size:12px; padding-top:10px }
.form01 .txt01 { padding-left:5px; line-height:15px; }
.form01 .txt0 { padding-left:5px; padding-right:10px; line-height:15px; }
.form01 .txt2 { padding-left:5px; padding-right:5px; float:left; vertical-align:middle; }
input.bigButton { float:right; width:138px; height:26px; background:url(images/button138.gif) no-repeat left top; font:bold 11px Trebuchet MS; color:#fff; margin-right:5px;
display:inline; border:0; padding-bottom:2px; margin-top:10px; }
input.smallButton { float:right; width:84px; height:26px; background:url(images/button84.gif) no-repeat left top; font:bold 11px Trebuchet MS; color:#fff; border:0; padding-bottom:2px;
margin-top:10px; }
.searchBox { float:left; padding:5px 0px 0px 5px; margin:0; }
.searchInput_2 { float:left; width:286px; height:23px; background:url(images/input294_a.gif) no-repeat left top; padding:2px 2px 2px 6px; }
.searchInput_2 input { float:left; width:246px; border:0; font:normal 12px arial; margin-top:4px; }
.searchInput_2 input.button0{ float:right; width:35px; height:23px; border:0; background:url(images/imgSearch.gif) no-repeat left top; margin:0; cursor:pointer; outline:none }
input.cSearch_2 { float:left; width:141px; height:26px; background:url(images/button136a.gif) no-repeat left top; font:bold 12px Trebuchet MS; color:#fff; border:none;
padding-bottom:2px; margin-left:5px; cursor:pointer; }
.searchLine { clear:both; display:block; overflow:hidden; padding-left:5px; padding-top:10px; font-size:12px; }
.searchLine .txt3 { float:left; width:120px; padding:0px 5px; }
.searchLine input { float:left; padding:0; margin:0; }
.searchResult_Box { clear:both; display:block; overflow:hidden; padding:20px 0px 0px 0px; }
.resultLine { float:left; width:620px; background:url(images/bg_row.gif) no-repeat left top; }
.resultLine .left { float:left; }
.resultLine .left ul { float:left; margin:0; padding:0; list-style:none; padding:1px 0px; }
.resultLine .left ul li { float:left; margin:0; padding:0; list-style:none; background:url(images/line.gif) no-repeat right top; padding: 5px 10px 6px 10px; }
.resultLine .right { float:right; padding:4px 10px 0px 10px }
.resultLine .right select { border:1px solid #dcdcdc; height:20px; }
.newProducts { float:left; width:620px; border-top:1px solid #dcdcdc; margin-top:10px; }
.newProduct_inside { float:left; width:620px; border-bottom:1px solid #dcdcdc; padding:14px 0px 8px 0px; }
.newProduct_inside .lEft { float:left; width:105px; }
.newProduct_inside .lEft a { float:left; width:105px; height:100px; }
.newProduct_inside .cEnter { float:left; width:375px; padding-left:5px; color:#000; }
.newProduct_inside .cEnter h3 { margin:0 0 0.3em 0; padding:0; font:bold 16px arial; }
.newProduct_inside .cEnter h3 a { color:#000; }
.newProduct_inside .cEnter p { padding-bottom:0; margin-bottom:0.2em; }
.newProduct_inside .cEnter .buttons { float:left; padding:20px 0px 0px 0px; }
.newProduct_inside .cEnter .buttons input { margin-right:5px; display:inline; }
.newProduct_inside .riGht { float:left; width:135px; text-align:right; }
.newProduct_inside .riGht .price { font:bold 20px arial; color:#e60a0a; }
.tabTop0 { float:right; width:74px; height:17px; background:url(images/tab00.gif) no-repeat left top; margin-top:10px; padding:3px 0px; text-align:center; }
.tabBottom0 { float:right; width:74px; height:17px; background:url(images/tab01.gif) no-repeat left top; padding:3px 0px; text-align:center; margin-bottom:20px; }
.tabTop img,
.tabTop0 img,
.tabBottom0 img,
.tabBottom img { margin-left:4px; display:inline; }
.newProducts.gri { margin:0; }
.newProduct_inside.gri { float:left; width:620px; border-bottom:1px solid #dcdcdc; padding:14px 0px 8px 0px; background:url(images/bg04.gif) repeat-y left top; }
.newProduct_inside.gri .cEnter { float:left; width:295px; padding-left:5px; color:#000; }
.newProduct_inside .griR { float:left; width:74px; text-align:center; padding-top:40px; text-align:center; padding-left:5px; }
.button01 { float:left; background:url(images/button01.gif) no-repeat left top; width:140px; height:25px; font:bold 11px arial; color:#4b4b4b; border:0; padding-bottom:3px; }
.button01_red { float:left; background:#fff url(images/button158.gif) no-repeat left top; width:158px; height:26px; font:bold 11px arial; color:#fff; border:0; padding-bottom:3px; }
a.button_01 { float:left; background:url(images/button01.gif) no-repeat left top; width:140px; height:20px; font:bold 11px arial; color:#4b4b4b; border:0; padding-bottom:3px;
text-align:center; padding-top:5px; margin-right:5px; display:inline; }
a.button01_red { float:left; background:url(images/button158.gif) no-repeat left top; width:158px; height:21px; font:bold 11px arial; color:#fff; border:0; padding-bottom:3px;
text-align:center; padding-top:5px; margin-right:5px; display:inline; cursor:pointer; text-decoration:none; }
.pages { float:left; width:620px; padding-top:8px; padding-bottom:30px; }
.pages .left { float:left; width:100px; }
.pages .left a.first { float:left; background:url(images/left_00.gif) no-repeat left top; width:24px; height:25px; margin-right:20px; display:inline; }
.pages .left a.first:hover { float:left; background:url(images/left_00_over.gif) no-repeat left top; width:24px; height:25px; }
.pages .left a.prev { float:left; background:url(images/left_01.gif) no-repeat left top; width:14px; height:25px; }
.pages .left a.prev:hover { float:left; background:url(images/left_01_over.gif) no-repeat left top; width:14px; height:25px; }
.pages .center { float:left; width:420px; text-align:center; font:bold 18px Trebuchet MS; color:#969696; }
.pages .center a { margin:0px 5px; display:inline; color:#969696; }
.pages .center a:hover { color:#000; text-decoration:none; }
.pages .center a.active { color:#000; text-decoration:none; }
.pages .right { float:right; width:100px; text-align:right; }
.pages .right a.last { float:right; background:url(images/right_00.gif) no-repeat left top; width:24px; height:25px; margin-right:20px; display:inline; }
.pages .right a.last:hover { float:right; background:url(images/right_00_over.gif) no-repeat left top; width:24px; height:25px; }
.pages .right a.next { float:right; background:url(images/right_01.gif) no-repeat left top; width:14px; height:25px; }
.pages .right a.next:hover { float:right; background:url(images/right_01_over.gif) no-repeat left top; width:14px; height:25px; }
.list_job { float:left; width:620px; }
.list_job ul { margin:0; padding:0; float:left; width:100%; }
.list_job ul li { margin:0; padding:1.0em 0 0 0; border-bottom:1px solid #dcdcdc; list-style:none; font-size:12px; }
.list_job h2 { margin-top:0; margin-bottom:0.2em; font:bold 15px Trebuchet MS; color:#323232; }
.list_job p { margin-bottom:1.1em }
.list_job p.code { font:bold 11px Trebuchet MS; color:#646464; }
.list_job a.mail { color:#e60a0a; }
.whiteBox_2 { float:left; width:620px; background:url(images/whiteBox_top_2.gif) no-repeat left top; padding-top:0px; font-size:12px; margin-bottom:20px; }
.whiteBox_2 .main { float:left; width:618px; background:url(images/whiteBox_bottom_2.gif) no-repeat left bottom; padding-bottom:12px; padding:2px 1px 5px 1px; position:relative; }
.whiteBox_2 div.h2 { font:bold 13px Trebuchet MS; color:#323232; padding-left:11px; margin:0; padding-top:8px; padding-bottom:5px; }
.whiteBox_2 .main.down .box_open { display:none; }
.whiteBox_2 .main.down .close00 { position:absolute; top:10px; right:10px; }
.whiteBox_2 .main.down .close00 a { float:left; width:20px; height:20px; background:url(images/down.gif) no-repeat left top; }
.whiteBox_3 .main div.close00 { position:absolute; top:10px; right:10px; }
.whiteBox_3 .main div.close00 a { float:left; width:20px; height:20px; background:url(images/down.gif) no-repeat left top; }
.whiteBox_2 .main.down .box_open { display:none; }
.whiteBox_2 .main.up .close00 { position:absolute; top:10px; right:10px; }
.whiteBox_2 .main.up .close00 a { float:left; width:20px; height:20px; background:url(images/up.gif) no-repeat left top; }
/*.box_open { float:left; width:618px; border-top:1px solid #dcdcdc; margin-top:5px; background:url(images/griBox_top.gif) no-repeat 1px 5px; padding-top:9px; }
.box_open .mainTxt { float:left; width:618px; background:url(images/griBox_bottom.gif) no-repeat 1px bottom; padding-bottom:12px; padding:0px 0px 0px 0px; position:relative; }
.box_open table { float:left; width:618px; padding:0px 0px 0px 0px; margin:0; }
.box_open td { padding:0.3em 0px 0.3em 0px; }
.box_open td.categ { font-weight:bold; padding-left:10px; margin:0; vertical-align:top; }
.box_open td.prod { margin:0; vertical-align:middle; padding-left:10px;}
.box_open td.prod table { width:465px; }
.box_open td.prod span { float:left; padding-right:10px; }
.box_open td.grammi { padding:0; background:#ebebeb none; }
.box_open input { margin-right:4px; display:inline; }
.box_open td { vertical-align:middle; }*/
.buttons2 { float:left; width:606px; border-top:1px solid #dcdcdc; padding:10px 6px 6px 6px; margin:3px 0px 0px 0px; text-align:right;}
.buttons3 { float:left; width:300px; border-bottom:1px solid #dcdcdc; padding:0px 0px 10px 0px; margin:3px 0px 10px 0px; text-align:right;}
.button02 { float:right; background:url(images/button138.gif) no-repeat left top; width:138px; height:26px; font:bold 11px arial; color:#fff; border:0; padding-bottom:3px; margin-right:5px; display:inline; }
.button03 { float:right; background:url(images/button84.gif) no-repeat left top; width:84px; height:26px; font:bold 11px arial; color:#fff; border:0; padding-bottom:3px; }
.buttonZoom { float:left; background:url(images/buttonMax.gif) no-repeat left top; width:105px; height:25px; font:bold 11px arial; color:#4b4b4b; border:0; padding-bottom:3px;
padding-left:18px; margin-right:5px; display:inline; }
.big_product { float:left; width:610px; padding:20px 5px 35px 5px; position:relative; }
.big_product .ticketRed { position:absolute; top:8px; right:0; z-index:999; }
.big_product .ticketYellow { position:absolute; top:8px; right:0; }
.big_product .left { float:left; width:290px; text-align:center; min-height:180px; height:auto; }
.big_product .left { height:100%; }
/*.big_product .right { position:absolute; bottom:35px; left:310px; width:300px; font-size:12px; color:#323232; }*/
.big_product .right { bottom:35px; color:#323232; float:left; font-size:12px; padding-left:10px; width:300px; }
.big_product .right p { margin-bottom:0.2em; }
.big_product .right p img { margin-bottom:0.2em; margin-left:5px; display:inline; vertical-align:middle; }
.big_product .right p em { font-style:italic; }
.big_product .right p.aT { margin-bottom:0.5em; clear:both; display:block; overflow:hidden; text-align:left; /*padding-bottom:60px;*/ }
.big_product .right p.delivery { font:bold 12px Trebuchet MS; color:#323232; /*margin-bottom:1.5em;*/ }
.big_product .right .price { font:bold 20px arial; color:#e60a0a; clear:both; display:block; overflow:hidden; text-align:left; }
#tabBox { float:left; width:620px; margin-bottom:20px; }
.tabs { float:left; width:620px; }
.tabs ul { position:absolute; margin:0; padding:0; background:#fff none; list-style:none; }
.tabs ul li { float:left; height:44px; }
.tabs ul li a { float:left; background:none; padding:5px 0px 0px 0px; height:38px; cursor:pointer; }
.tabs ul li a:hover { color:#000; text-decoration:none; }
.tabs ul li a span.corner { float:left; background:url(images/tab_right.gif) repeat-x right top; padding:0; height:38px; border-right:1px solid #cccccc;
font:normal 12px arial; color:#646464; }
.tabs ul li a:hover span.corner{ font:normal 12px arial; color:#000000; text-decoration:none; }
.tabs ul li.active { float:left; height:44px; margin-left:-1px; position:relative; z-index:199 }
.tabs ul li.active a { float:left; background:url(images/tab_left_active.gif) no-repeat left top; padding:0px 0px 0px 5px; height:43px; font:bold 13px arial;
color:#000000; text-decoration:none; }
.tabs ul li.active a span.corner{ float:left; background:url(images/tab_right_active.gif) repeat-x right top; padding:0; height:28px; border:none;
font:bold 13px arial; color:#000000; text-decoration:none; }
.tabs ul li.first { float:left; height:46px; }
.tabs ul li.first a { float:left; background:url(images/tab_left.gif) no-repeat left top; padding:5px 0px 0px 5px; height:43px; }
.tabs ul li.first a span.corner { float:left; background:url(images/tab_right.gif) repeat-x right top; padding:0; height:38px; color:#646464 }
.tabs ul li.first a:hover span.corner { text-decoration:none; color:#000000; }
.tabs ul li.first.active { float:left; height:47px; margin-left:0; }
.tabs ul li.first.active a { float:left; background:url(images/tab_left_active.gif) no-repeat left top; padding:0px 0px 0px 5px; height:47px; }
.tabs ul li.first.active a span.corner { float:left; background:url(images/tab_right_active.gif) repeat-x right top; padding:0; height:28px;
font:bold 13px arial; color:#000000; text-decoration:none; }
.tabs ul li.first.active a:hover span.corner{ font:bold 13px arial; color:#000000; text-decoration:none; }
.tabs ul li.last { float:left; height:44px; }
.tabs ul li.last a { float:left; background:url(images/tab_rightLast.gif) no-repeat right top; padding:5px 5px 0px 0px; height:43px; }
.tabs ul li.last a span.corner { float:left; background:url(images/tab_right.gif) repeat-x left top; padding:0px 0px 0px 0px; height:38px; border:none; color:#646464 }
.tabs ul li.last a:hover span.corner { text-decoration:none; color:#000000; }
.tabs ul li.last.active { float:left; height:44px; }
.tabs ul li.last.active a { float:left; background:url(images/tab_left_active.gif) no-repeat left top; padding:0px 0px 0px 5px; height:43px; }
.tabs ul li.last.active a span.corner { float:left; background:url(images/tab_right_active.gif) repeat-x right top; padding:0px 0px 0px 0px; height:28px; border:none;
font:bold 13px arial; color:#000000; text-decoration:none; }
.tabs ul li.last.active a:hover span.corner { font:bold 13px arial; color:#000000; text-decoration:none; }
/* ------ new ---------*/
.tabs ul li a span.corner h2 { float:left; background:url(images/tab_right.gif) repeat-x right top; padding:11px 10px 0px 10px; height:38px; border-right:1px solid #cccccc; font:normal 12px arial; color:#646464; margin-top:0; }
.tabs ul li a:hover span.corner h2{ font:normal 12px arial; color:#000000; text-decoration:none; }
.tabs ul li.active a span.corner h2{ float:left; background:url(images/tab_right_active.gif) repeat-x right top; padding:15px 10px 0px 5px; height:28px; border:none; font:bold 13px arial; color:#000000; text-decoration:none; margin-top:0; }
.tabs ul li.first a span.corner h2 { float:left; background:url(images/tab_right.gif) repeat-x right top; padding:11px 10px 0px 5px; height:38px; color:#646464; margin-top:0; }
.tabs ul li.first a:hover span.corner h2 { text-decoration:none; color:#000000; }
.tabs ul li.first.active a span.corner h2 { float:left; background:url(images/tab_right_active.gif) repeat-x right top; padding:15px 10px 0px 5px; height:28px; font:bold 13px arial; color:#000000; text-decoration:none; margin-top:0; }
.tabs ul li.first.active a:hover span.corner h2{ font:bold 13px arial; color:#000000; text-decoration:none; }
.tabs ul li.last a span.corner h2 { float:left; background:url(images/tab_right.gif) repeat-x left top; padding:11px 5px 0px 10px; height:38px; border:none; color:#646464; margin-top:0; }
.tabs ul li.last a:hover span.corner h2 { text-decoration:none; color:#000000; }
.tabs ul li.last.active a span.corner h2 { float:left; background:url(images/tab_right_active.gif) repeat-x right top; padding:15px 10px 0px 5px; height:28px; border:none; font:bold 13px arial; color:#000000; text-decoration:none; }
.tabs ul li.last.active a:hover span.corner h2 { font:bold 13px arial; color:#000000; text-decoration:none; }
.tabText { float:left; width:620px; background:url(images/tabBg_top.gif) no-repeat left top; padding:6px 0px 0px 0px; margin-top:42px; z-index:99; position:relative; }
.tabText .main { float:left; width:575px; background:url(images/tabBg_bottom.gif) no-repeat left bottom; padding:24px 23px 30px 23px; }
.tabText .main table { float:left; width:575px; padding:0; margin:0; border-top:1px solid #646464; }
.tabText .main td.name00 { background-color:#f2f5f5; font-weight:bold; width:35%; }
.tabText .main td { border-bottom:1px solid #dcdcdc; padding:0.5em 10px }
.scrollBox { float:left; width:616px; padding:10px 1px 0px 1px; margin:0; }
.scrollBox .arrowLeft { float:left; width:26px; text-align:center; padding:50px 0px 0px 5px; }
.scrollBox .arrowRight { float:left; width:26px; text-align:center; padding:50px 5px 0px 0px; }
.scrollBox ul { float:left; width:554px; padding:0; margin:0; list-style:none; text-align:center; height:160px; }
.scrollBox ul li { float:left; width:111px; padding:5px 13px; }
.scrollBox ul li a { float:left; }
.scrollBox ul li a:hover { text-decoration:none; }
.scrollBox ul li img { display:block; text-align:center; }
.scrollBox ul li h3 { float:left; font:bold 11px arial; color:#000000; text-align:left; padding-top:10px; margin:0; }
.scrollBox ul li:hover h3 { float:left; font:bold 11px arial; color:#e60000; text-align:left; padding-top:10px; text-decoration:none; }
.scrollBox .price { float:left; width:110px; font:bold 14px arial; color:#e60a0a; text-align:left; }
.newProduct_inside.basket { float:left; width:620px; border-bottom:1px solid #dcdcdc; padding:14px 0px 8px 0px; position:relative; }
.newProduct_inside.basket .cEnter { float:left; width:375px; padding-left:5px; color:#000; }
.newProduct_inside.basket .cEnter h3 { margin:0 0 0.3em 0; padding:0; font:bold 16px arial; }
.newProduct_inside.basket .cEnter h3 a { color:#000; }
.newProduct_inside.basket .cEnter p { padding-bottom:0; margin-bottom:0.2em; }
.newProduct_inside.basket .cEnter p.delivery { font:bold 12px Trebuchet MS; color:#323232; margin-bottom:1.5em; }
.newProduct_inside.basket .cEnter p.delivery img { margin-bottom:0.2em; margin-right:5px; display:inline; vertical-align:middle; }
.newProduct_inside.basket .cEnter .buttons { float:left; padding:20px 0px 0px 0px; }
.newProduct_inside.basket .cEnter .buttons input { margin-right:5px; display:inline; }
.newProduct_inside.basket .riGht { float:left; width:135px; text-align:right; }
.input04 { float:right; width:28px; height:19px; background:url(images/input04.gif) no-repeat left top; text-align:right; padding:4px 3px; }
.input04 input { float:left; border:0; border:none; width:28px; height:17px; font:bold 12px arial; color:#323232; }
.newProduct_inside.basket .riGht .total { clear:both; display:block; overflow:hidden; text-align:right; font:normal 12px arial; color:#323232; padding-top:5px; }
.newProduct_inside.basket .riGht .total em { font-weight:bold; margin-left:5px; display:inline; }
.newProduct_inside.basket .riGht .delete { position:absolute; bottom:8px; right:0px; }
.totalCost { float:left; width:600px; margin-top:1px; background:#f2f2f2 url(images/bg003.gif) repeat-x left bottom; padding:20px 10px 10px 10px; }
.account_total { clear:both; display:block; overflow:hidden; text-align:right; font:bold 12px arial; color:#000; }
.totalCost .kg00 { clear:both; display:block; overflow:hidden; text-align:right; font:normal 12px arial; color:#000; padding-top:10px; }
.totalCost .kg00 img { margin-right:5px; display:inline; }
.totalCost .freeTrans { clear:both; display:block; overflow:hidden; text-align:right; font:bold 11px arial; color:#000; }
.totalCost .freeTrans img { margin-right:5px; display:inline; }
.buttons04 { float:left; width:620px; padding:10px 0px 6px 0px; margin:3px 0px 0px 0px; text-align:left;}
.buttons04 .button02 { float:left; margin-right:5px; display:inline; }
.buttons04 .button03 { float:left; background:url(images/button84.gif) no-repeat left top; width:84px; height:26px; font:bold 11px arial; color:#fff; border:0; padding-bottom:3px; }
.buttons04 .buttonLog2 { float:right; clear:none; margin:0; }
.button04 { float:left; background:url(images/button159.gif) no-repeat left top; width:159px; height:26px; font:bold 11px arial; color:#fff; border:0; padding-bottom:3px; }
.buttonStep { float:right; background:url(images/buttonStep.gif) no-repeat left top; width:89px; height:26px; font:bold 11px arial; color:#fff; border:0; padding-bottom:3px;
padding-right:20px; }
.buttonBack { float:left; background:url(images/buttonBack.gif) no-repeat left top; width:102px; height:26px; font:bold 11px arial; color:#fff; border:0; padding-bottom:3px;
padding-left:20px; }
.textarea294 { float:left; width:274px; height:115px; background:url(images/textArea294x135.gif) no-repeat left top; padding:10px;
text-align:center; margin-bottom:10px; }
.textarea294 textarea { width:274px; height:115px; border:0; border:none; overflow:auto }
.form02 { float:left; width:620px; margin-bottom:20px; }
.form02 h2 { font:bold 15px Trebuchet MS; color:#646464; }
.form02 table { float:left; width:620px; padding:0; margin:0px 0px 25px 0px; width:620px; font:normal 12px arial; border-top:1px solid #646464; }
.form02 td.grammi { padding:0.3em 0 0 0; margin:0; height:1px; border-bottom:1px solid #ebebeb; }
.form02 select { width:293px; height:20px; }
.form02 .input01 { float:left; width:284px; background:url(images/input294.gif) no-repeat left top; height:17px; padding:4px 5px; }
.form02 .input01 input { width:284px; background:none; border:0; margin-top:1px; }
.form02 .input02 { float:left; width:44px; background:url(images/input54.gif) no-repeat left top; height:17px; padding:4px 5px; margin-right:5px; display:inline; margin-top:1px; }
.form02 .input02 input { width:44px; background:none; border:0; margin-top:1px; }
.form02 .input03 { float:left; width:94px; background:url(images/input104.gif) no-repeat left top; height:17px; padding:4px 5px; vertical-align:middle; color:#000; font-size:14px; }
.form02 .input03 em { color:#646464; font-size:13px; font-style:italic; }
.form02 .input03 input { width:50px; background:none; border:0; margin:0px 5px 0px 5px; display:inline; font-size:11px; }
.form02 label { font:bold 13px Trebuchet MS; color:#646464; }
.form02 .msg { color:#646464; font-style:italic; font-size:12px; padding-top:10px }
.form02 input.button04 { padding-bottom:3px; }
.form02 td.name00 { background-color:#f2f5f5; font-weight:bold; width:35%; }
.form02 td.total_cost { text-align:right; font:bold 12px arial; color:#000000; }
.form02 td.total_cost em{ margin-left:20px; display:inline; font-style:normal; }
.form02 td,th { border-bottom:1px solid #dcdcdc; padding:0.5em 10px }
.buttons2 input.buttonLog2 { float:right; clear:none; margin:0; }
.form01 input.button04 { padding-bottom:3px; }
.form01 input.buttonStep { padding-bottom:3px; }
.form03 { float:left; width:620px; margin:20px 0px; }
.form03 label { font:bold 13px Trebuchet MS; color:#646464; }
.form03 .input01 { float:left; width:284px; background:url(images/input294.gif) no-repeat left top; height:17px; padding:4px 5px; }
.form03 .input01 input { width:284px; background:none; border:0; margin-top:1px; }
.form03 input.buttonLog2{ float:left; margin-left:0; }
.checkBox0 { float:left; width:620px; }
/* -------------------------- footer --------------------- */
#footer { float:left; width:995px; background:url(images/bgFooter.png) no-repeat left bottom; padding:3px 2px; margin:0px 0px 10px 0px; }
.griSearch { float:left; width:985px; margin:5px 0px 0px 5px; display:inline; background:url(images/griSearch.gif) no-repeat left top; height:46px; position:relative; }
.griSearch .left { float:left; padding:14px 0px 0px 17px; }
.griSearch .right { float:right; margin-right:10px; margin-top:10px; display:inline; width:376px; background:url(images/searchBox.gif) no-repeat left top; height:26px; }
.searchGriL { float:left; width:195px; padding:0px 0px; font:normal 12px arial; color:#646464; font-style:italic; border:0; margin-left:10px; margin-top:5px; }
.searchRed { float:right; width:165px; padding:0px 0px; font:normal 12px arial; color:#fff; border:0; margin-right:1px; margin-top:2px; padding-bottom:4px;
background:url(images/searchRed.gif) no-repeat left top; height:26px; }
.footer_list { float:left; width:995px; background:url(images/bg_grammi_footer.gif) repeat-y left top; margin:12px 0px 0px 0px; padding:0px 0px; }
.footer_list .col_2o { float:left; padding:5px 0px 10px 20px; width:290px }
.footer_list .col_2o ul { width:118px; margin-top:15px; }
.footer_list .col_1o { float:left; padding:5px 0px 10px 20px; width:150px; }
.footer_list .col_1o.under { float:left; }
.footer_list .col_1o.under a { text-decoration:underline; }
.footer_list .col_2o h2,
.footer_list .col_1o h2 { padding:0; margin:0 0 1.0em 0; font:bold 14px Trebuchet MS; color:#fff; }
.footer_list .col_2o span.fooh2,
.footer_list .col_1o span.fooh2 { padding:0; margin:0 0 1.0em 0; font:bold 14px Trebuchet MS; color:#fff; }
.footer_list ul { float:left; margin:15px 0 0 0; padding:0px 27px 0px 0px; list-style:none; }
.footer_list ul li { clear:both; display:block; overflow:hidden; margin:0px 0px 3px 0px; padding:0px 0px 0px 0px; list-style:none; font:normal 11px arial; color:#ebebeb; }
.footer_list ul li a { font:normal 11px arial; color:#ebebeb; }
.footer_bottom { margin:10px 0px 0px 0px; border-top:1px solid #6f6f6f; padding:12px 20px 5px 20px; float:left; width:955px; }
.footer_bottom .left { float:left; padding-top:10px; color:#b9b9b9 }
.cards { clear:both; display:block; overflow:hidden; }
.cards a { margin:0px 5px 0px 0px; }
.footer_bottom .right { float:right; padding-top:10px; }
.atcomSignature { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; }
.atcomSignature a { color:#969696; float:left; text-decoration:none; font-size:10px; }
.atcomSignature a:hover { color:#fff; }
#atcomProductionBox { float:left; margin-top:0px; }
/* -------------------------------- comparePage --------------------------------- */
#col_2_big { float:left; width:790px; padding-left:12px; padding-top:15px; }
#col_2_big h1 { font:normal 18px Trebuchet MS; color:#000; padding-bottom:5px; border-bottom:2px solid #ff0000; margin-top:0; position:relative; clear:both; overflow:hidden;
display:block; }
#col_2_big h1 .right00 { position:absolute; right:0; }
table.compareBox { float:left; width:790px; padding:0; margin:0; }
table.compareBox th { padding:0px 0px 0px 0px; margin:0; background:url(images/th_bg_01.gif) repeat-x left top; height:37px; border-bottom:0; vertical-align:middle; }
table.compareBox th.txt0 { padding:0px 9px 0px 9px; font:bold 14px Trebuchet MS; }
table.compareBox th select { font:normal 11px arial; width:178px; border:1px solid #c8c8c8; }
table.compareBox th.corner { padding:0; margin:0; background:none; height:37px; }
table.compareBox th.grammi0 { padding:0px 1px 0px 0px; margin:0; background:none; height:37px; background-color:#dcdcdc; }
table.compareBox td { padding:0px 0px 0px 0px; margin:0; border-bottom:0; vertical-align:middle; }
table.compareBox td.txt0 { padding:10px 9px 10px 9px; font:normal 12px Trebuchet MS; }
table.compareBox td.txt0_0 { padding:5px 9px 5px 9px; font:normal 12px Trebuchet MS; border-bottom:1px solid #dcdcdc; }
table.compareBox td select { font:normal 11px arial; width:178px; border:1px solid #c8c8c8; }
table.compareBox td.corner { padding:0; margin:0; background:none; }
table.compareBox td.corner0_0{ padding:0; margin:0; background:none; border-bottom:1px solid #dcdcdc; }
table.compareBox td.grammi0 { padding:0px 1px 0px 0px; margin:0; background:none; background-color:#dcdcdc; }
table.compareBox td.grammi0_0 { padding:0px 1px 0px 0px; margin:0; background:none; background-color:#dcdcdc; border-bottom:1px solid #dcdcdc; }
table.compareBox td.grammi0_1 { padding:0px 0px 0px 0px; margin:0; background:none; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.resultLine_big { float:left; width:790px; background:url(images/bg_row_big.gif) no-repeat left top; margin:10px 0px 0px 0px }
.resultLine_big .left { float:left; }
.resultLine_big .left ul { float:left; margin:0; padding:0; list-style:none; padding:1px 0px; }
.resultLine_big .left ul li { float:left; margin:0; padding:0; list-style:none; background:url(images/line.gif) no-repeat right top; padding: 5px 10px 6px 15px; }
.resultLine_big .right { float:right; padding:4px 10px 6px 10px; margin:1px 0px; background:url(images/line.gif) no-repeat left top; }
.resultLine_big .right a { font:nornal 11px arial; color:#000; }
.griTicket { float:left; padding-left:4px; height:35px; background:url(images/gri01_left.gif) no-repeat left top; margin-top:10px; }
.griTicket .txt { float:left; padding:4px 10px 2px 6px; height:29px; background:url(images/gri01_right.gif) no-repeat right top; font:normal 10px arial; color:#f0f0f0; }
#ok1 { float:left; margin-top:6px; }
#ok2 { float:left; margin-top:6px; }
/* -------------------------------------- newPage 240210-------------------------- */
.whiteBox_3 { float:left; width:620px; background:url(images/whiteBox_top3.gif) no-repeat left top; padding-top:0px; font-size:12px; margin-bottom:10px; }
.whiteBox_3 .main { float:left; width:618px; background:url(images/whiteBox_bottom_2.gif) no-repeat left bottom; padding-bottom:12px; padding:2px 1px 5px 1px; position:relative; }
.whiteBox_3 div.h2 { font:bold 13px Trebuchet MS; color:#323232; padding-left:11px; margin:0; padding-top:8px; padding-bottom:5px; border-bottom:1px solid #dcdcdc; }
.whiteBox_3 .main .txt { float:left; width:570px; padding:10px 40px 20px 10px; font-size:12px; }
.whiteBox_3 .main .txt a { margin:0px 10px 0px 0px; line-height:20px; }
.whiteBox_3 .main .txt a:hover { color:#e6252d; }
.whiteBox_3 .main .txt a.active { color:#e6252d; }
.box_open { float:left; width:618px; border-top:1px solid #dcdcdc; /*margin-top:5px; background:url(images/griBox_top.gif) no-repeat 1px 5px;*/ padding-top:9px;
position:relative }
.tabBox_bottom { float:left; width:600px; background:url(images/griBox_topNew.gif) no-repeat 0px 0px; padding-top:8px; margin:0px 9px; display:inline; margin-bottom:10px;
margin-top:29px; z-index:999; position:relative }
.tabBox_bottom .mainTxt { float:left; width:600px; background:url(images/griBox_bottomNew.gif) no-repeat 0px bottom; padding:0px 0px 12px 0px; position:relative; }
.tabBox_bottom .mainTxt table { float:left; width:600px; padding:0px 0px 0px 0px; margin:0; }
.tabBox_bottom .mainTxt td { padding:0.3em 0.6em; }
.tabBox_bottom .mainTxt th { padding:0.5em 0.6em 0.3em 0.6em; border:none; font-size:12px; font-weight:bold; }
.tabBox_bottom .mainTxt td.categ { /*width:125px;*/ font-weight:bold; padding-left:10px; margin:0; vertical-align:top; }
.tabBox_bottom .mainTxt td.prod { /*width:473px;*/ margin:0; vertical-align:middle; padding-left:10px;}
.tabBox_bottom .mainTxt td.prod table { width:465px; }
.tabBox_bottom .mainTxt td.prod span { float:left; padding-right:10px; }
.tabBox_bottom .mainTxt td.grammi { padding:0; background:#dcdcdc none; }
.tabBox_bottom .mainTxt input { margin-right:4px; display:inline; }
.tabBox_bottom .mainTxt td { vertical-align:middle; }
.tabsTop_0 { position:absolute; top:10px; left:9px; width:600px; }
.tabsTop_0 ul { float:left; padding:0; margin:0; list-style:none; }
.tabsTop_0 ul li { float:left; background:#d0cece url(images/griTab_left.gif) no-repeat left top; padding:0px 0px 0px 4px; height:34px; margin-right:5px; display:inline; }
.tabsTop_0 ul li a { float:left; background:#d0cece url(images/griTab_right.gif) no-repeat right top; padding:7px 15px 0px 11px; height:26px; font:bold 11px Trebuchet MS; color:#787878; }
.tabsTop_0 ul li a:hover{ color:#000; text-decoration:none; }
.tabsTop_0 ul li.active { float:left; background:#f2f2f2 url(images/griTab_left_over.gif) no-repeat left top; padding:0px 0px 0px 4px; height:34px; }
.tabsTop_0 ul li.active a { float:left; background:#f2f2f2 url(images/griTab_right_over.gif) no-repeat right top; padding:7px 15px 0px 11px; height:26px; font:bold 11px Trebuchet MS;
color:#000; cursor:text; }
.boxPrices { float:left; width:598px; border-top:1px solid #dcdcdc; padding:10px 10px }
.boxPrices .input02 { float:left; width:64px; background:url(images/input74.gif) no-repeat left top; height:17px; padding:4px 5px; margin-right:5px; display:inline; margin-top:1px; }
.boxPrices .input02 input { width:64px; background:none; border:0; margin-top:1px; padding:0; }
.boxPrices label { float:left; padding:5px 30px 0px 10px; font:bold 13px Trebuchet MS; color:#323232; }
.boxPrices em { padding:5px 10px 0px 10px; float:left; }
.scrollBox_right { float:left; width:158px; padding:0px 1px; margin:0; }
.scrollBox_right ul { float:left; width:158px; border-top:1px solid #e9e9e9; padding:0; margin:0; list-style:none; text-align:center; }
.scrollBox_right ul li { float:left; width:158px; border-bottom:1px solid #e9e9e9; padding:0px; text-align:left; font:normal 12px arial; color:#000000; position:relative; }
.scrollBox_right ul li a { float:left; text-align:left; width:130px; font:normal 12px arial; color:#000000; background:url(images/arrow05.gif) no-repeat 10px 12px;
padding:7px 9px 7px 19px;}
.scrollBox_right ul li a:hover { text-decoration:none; background-color:#f2f2f2; font-weight:bold; }
.imgBox { position:absolute; bottom:20px; background:url(images/bgImg_popUp.png) no-repeat left top; width:108px; height:83px; padding:6px; clear:both; z-index:9999; }
.scrollBox_right ul li a .imgBox { display:none; }
.scrollBox_right ul li a:hover .imgBox { display:block; }
/* -------------------------------- newStyle 290410 ---------------------
.center_Big_comp { float:left; width:435px; }
.newProduct_inside.gri .cEnter { width:245px; padding-bottom:20px; }
.newProduct_inside .riGht { width:185px; }
.center_Big_comp .buttons { float:left; padding:0px 0px 0px 0px; }
.center_Big_comp .buttons input { margin-right:5px; display:inline; }
.newProduct_inside .riGht .icon_box { float:right; padding:10px 0px; margin:0; }
.newProduct_inside .riGht .icon_box img { border:none; }
.newProduct_inside .riGht .icon_box a { float:left; } */
.rightBox_blue { float:left; width:160px; background:url(images/rightBoxBottom.gif) no-repeat left bottom; padding-bottom:5px; margin-bottom:10px; }
.rightBox_blue .main { float:left; width:160px; background:url(images/rightBoxTop_blue.gif) no-repeat left top; padding-bottom:2px; }
.rightBox_blue h2 { clear:both; display:block; overflow:hidden; padding:13px 0px 0px 9px; font:bold 15px Trebuchet MS; color:#2a3254; margin:0; }
.rightBox_blue span.exph2 { clear:both; display:block; overflow:hidden; padding:13px 0px 0px 9px; font:bold 15px Trebuchet MS; color:#2a3254; margin:0; }
.rightBox_blue ul { list-style:none; padding:0px 5px; margin:0; }
.rightBox_blue ul li { float:left; width:145px; background:url(images/grammi002.gif) no-repeat center bottom; padding:8px 5px 8px 0px; line-height:13px; }
.rightBox_blue ul li.last { background:none; }
.rightBox_blue ul li img { float:left; margin-right:5px; display:inline; }
.rightBox_blue ul li img.center { margin-top:5px; }
/* -------------------------------- newStyle 160910 --------------------- */
.newProduct_inside .lEft { position:relative; }
.ecoLogo2 { position:absolute; top:-10px; left:10px; clear:both; display:block; }
.newProduct_inside .lEft .ecoLogo2 a { float:left; width:44px; height:53px; }
.ecoLogo3 { position:absolute; top:17px; left:17px; clear:both; display:block; }
.newProducts.gri { margin:0; }
.newProducts.box33Small { width:595px; margin-left:10px; display:inline; }
.newProduct_inside.gri.box34Small { width:595px; background-position:right top }
.newProduct_inside.gri.box34Small .cEnter { width:290px; }
.newProduct_inside.box34Small .riGht { width:113px; }
.tabTop0.eco22 { margin-right:13px; display:inline; }
.tabBottom0.eco22 { margin-right:13px; display:inline; }
.whiteBox_2_new { background:url("http://apothema.gr/templates/default/images/whiteBox_top_2.gif") no-repeat scroll center top transparent; float:left; width:620px; }
.whiteBox_2_new .main { background-image:url("http://apothema.gr/templates/default/images/whiteBox_bottom_2.gif"); background-position:center bottom; background-repeat:no-repeat; float:left; width:620px; }
.whiteBox_2_new div.h2 { font:bold 13px Trebuchet MS; color:#323232; padding-left:11px; margin:0; padding-top:8px; padding-bottom:5px; }
.whiteBox_2_new .main.down .box_open { display:none; }
.whiteBox_2_new .main.down .close00 { position:absolute; top:10px; right:10px; }
.whiteBox_2_new .main.down .close00 a { float:left; width:20px; height:20px; background:url(images/down.gif) no-repeat left top; }
#categoriesmap1 a.parent { font-size:14px; margin:10px 0 5px 0; color:#ff0000; float:left;clear:both;display:block; }
#categoriesmap1 a.parent:hover { text-decoration:underline; }
#categoriesmap2 a.parent { font-size:14px; margin:10px 0 5px 0; color:#ff0000; float:left;clear:both;display:block; }
#categoriesmap2 a.parent:hover { text-decoration:underline; }
#categoriesmap3 a.parent { font-size:14px; margin:10px 0 5px 0; color:#ff0000; float:left;clear:both;display:block; }
#categoriesmap3 a.parent:hover { text-decoration:underline; }
#suggest_autocomplete {
background-color: #fff;
overflow: auto;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 2px 2px 4px #dfdfdf;
-webkit-box-shadow: 2px 2px 4px #dfdfdf;
box-shadow: 2px 2px 4px #dfdfdf;
-moz-box-shadow: 2px 2px 4px #dfdfdf;
-webkit-box-shadow: 2px 2px 4px #dfdfdf;
box-shadow: 2px 2px 4px #dfdfdf;
}
#suggest_autocomplete h3 {
margin: 0;
margin-bottom: 5px;
padding: 8px 5px;
font: bold 13px Arial,serif;
color: #FF0000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #eeeeee url(/images/yogurt/search.png) no-repeat 2% center;
padding-left: 8px;
}
#suggest_autocomplete .section {
border-bottom: 1px solid #e1e1e1;
/*overflow: auto;*/
overflow: none;
}
#suggest_autocomplete .section h4 {
float: left;
width: auto;
font: normal 11px Arial,serif;
color: #666;
margin: 0;
padding: 8px;
text-align: right;
}
#suggest_autocomplete .section .entry {
float: right;
/*width: 300px;*/
width: 254px;
/*border-left: 1px solid #e1e1e1;*/
border-bottom: 1px solid #e1e1e1;
padding: 8px;
color: #000;
font: normal 11px Arial, sans-serif;
}
#suggest_autocomplete .section a.entry {
text-decoration: none;
}
#suggest_autocomplete .section a.entry:focus {
outline: none;
}
#suggest_autocomplete .section .entry.last {
/*border-bottom: none;*/
}
#suggest_autocomplete .section .selected {
background-color: #999;
color:#ffffff;
}
#suggest_autocomplete .section.last {
/*border-bottom: none;*/
}