* { margin: 0; padding: 0 }
img { border: 0 }

a, a:hover, a:active, a:focus, a:visited { outline: none; -moz-user-outline: none; color: #000; text-decoration: none }

body, input { font-family: Verdana, Arial; font-size: 12px }

.clear { overflow: hidden; height: 0px; font-size: 0; clear: both }

#container { width: 794px; margin: auto }

#header { background: url('img/bg-header.png') }
.header-i { background: url('img/corner-right-header.png') no-repeat right bottom }
#header .logo { float: left }
#header .logo img { display: block }
#header .title { float: left; margin-top: 82px }
#header .title img { display: block }
#search { float: right; margin: 95px 10px 0 0 }
#search label { font-weight: bold; color: #fff; float: left; margin: 5px 7px 0 0 }
#search .input-w { padding: 4px; background: #fff; border: 1px solid #7f9db9; font-weight: bold; color: #f78e21; float: left }
#search input.txt { border: 0 none; width: 50px; font-weight: bold; color: #f78e21; height: 16px; }
#search input.btn { float: left; margin: 4px 0 0 5px }

#nav-w { margin: 3px 0 0 35px }
#nav-w .right-w { float: left }

.nav-side-w { float: left; margin-right: 5px }
.nav-side-w ul { list-style: none; padding: 0 6px; position: relative }
.nav-side-w ul li { background: url('img/sep-sidebar-yellow.png') repeat-x 0 bottom; padding: 4px }
.nav-side-w ul li.last { background: none }
.nav-side-w ul a { color: #fff; font-size: 13px; display: block; background: url('img/bullet-sidebar-yellow.png') no-repeat 3px 50%; padding-left: 20px }
.nav-side-w { background: url('img/border-top-block-orange.png') no-repeat; width: 165px; padding-top: 7px }
.nav-side-i { background: url('img/border-bottom-block-orange.png') no-repeat 0 bottom; padding-bottom: 8px }

#navbar { list-style: none; height: 20px; overflow: hidden; background: #efefef; width: 589px }
#navbar a { color: #8c8c8c; margin: 0 33px }
#navbar li { float: left; padding-top: 2px }
#navbar li.corner-left { width: 5px; height: 18px; overflow: hidden; background: url('img/corner-left-navbar.png') }
#navbar li.corner-right { width: 5px; height: 18px; overflow: hidden; background: url('img/corner-right-navbar.png'); float: right }
#navbar li.sep { width: 1px; height: 18px; overflow: hidden; background: url('img/sep-navbar.png') no-repeat }

#slogan { background: #a7c913; height: 110px; margin-top: 5px; width: 589px }
#slogan .logo { float: left; display: block }
#slogan .right-w { float: left; text-align: center; width: 474px; padding-top: 10px; font-size: 16px; color: #fff }
#slogan .right-w p { padding: 8px 20px 0 20px }

#leftcol { float: left; width: 165px; margin: 10px 10px 0 35px }

.block { background: url('img/border-top-block.png') no-repeat; width: 165px; padding-top: 5px; margin-bottom: 20px }
.block-i { background: url('img/border-bottom-block.png') no-repeat 0 bottom; padding: 5px 5px 10px 5px }
.block .title { color: #5392cb; font-weight: bold; background: url('img/sep-sidebar.png') repeat-x 0 bottom; padding-bottom: 5px }
.block .choose { text-align: center; margin-bottom: 5px }
.block .choose span { color: #f9a54d }

ul.menu { list-style: none; position: relative }
ul.menu li { background: url('img/sep-sidebar.png') repeat-x 0 bottom; padding: 4px }
ul.menu li.last { background: none }
ul.menu li a { display: block; padding-left: 20px; background: url('img/bullet-sidebar-green.png') no-repeat 3px 50%; color: #8a8a8a }

ul.list { list-style: none; position: relative }
ul.list li { padding: 2px 2px 2px 5px }
ul.list li a { color: #92ab22 }

#rightcol { float: left; width: 584px; padding: 25px 0 20px 0; background: url('img/logo-part-slogan.png') no-repeat -5px 0 }
#langbar { float: right; margin-top: -20px }
#langbar a { display: block; float: left; margin-left: 5px }
#langbar img { display: block }

/* STYLES FOR CONTENT */

#rightcol h2.info { color: #8c8c8c; font-size: 16px; margin-bottom: 5px; font-weight: normal }
#rightcol h2.exclam { color: #f78e21; text-align: center; margin-bottom: 10px; font-size: 18px; font-weight: normal }
#rightcol p.exclam { font-size: 18px; text-align: center; padding: 0 40px }
#rightcol div.advert { margin-bottom: 10px; text-align: center }
p.strong { font-size: 14px; text-align: center; color: #f78e21; margin: 10px 0 }
p { line-height: 18px; margin-bottom: 5px }
.list { border: 1px dotted #bababa; border-width: 1px 0 0 0; position: relative }
.list-row { border-bottom: 1px dotted #bababa; padding-bottom: 3px }
.list-row-i { border-right: 1px dotted #bababa; margin-top: 3px }
.list-cell { float: left; text-align: center; border-left: 1px dotted #bababa; padding-top: 20px; width: 193px; height: 160px }
.list-cell img { border: 1px solid #f78e21 }
.list-cell div.title { padding: 0 10px; margin: 5px 0 0 0 }
.list-cell div.title a { color: #f78e21; font-size: 14px }
.list-cell div.price { margin: 5px 0 0 0 }
.list-cell div.price a { font-size: 16px; font-weight: bold; color: #a5c710; padding-right: 20px; background: url('img/ico-euro-green.png') no-repeat right 50% }

.item { font-weight: bold; margin-top: 30px }
.item a { display: block; }
.item img { float: left ;display: block; border: 1px solid #a5c710 }
.item .info { float: right; text-align: center; margin-left: 10px; width: 224px }
.item h1 { color: #a5c710; text-align: center; margin-bottom: 15px; font-size: 18px }
.item ul { /*padding-left: 30px; */list-style: none; margin: 10px }
.item li { padding: 2px 0 }
.item .price { color: #f78e21; font-size: 16px; font-weight: bold; text-align: center; margin: 15px 0 }

.cart { border-collapse: collapse; width: 540px; margin: 20px auto 5px auto }
.cart thead tr { background: #fff }
.cart thead tr .title { color: #a5c710; font-size: 16px; text-align: left; padding-left: 30px }
.cart thead tr .ico { text-align: center }
.cart thead tr.second th { background: #e1f58b; border-bottom: 1px solid #fff; padding-top: 20px }
.cart thead tr.second th.first { text-align: left; padding-left: 30px }

.cart tbody tr td { background: #e1f58b; border-bottom: 1px solid #fff }
.cart tbody tr td.first { padding: 20px 0 20px 30px; width: 110px }
.cart tbody input.qty { display: block; width: 50px; margin: auto; text-align: center; border: 1px solid #a5c710; background: #fff; padding: 3px }
.cart tbody .price { text-align: center; font-weight: bold; font-size: 14px }
.cart tbody .center { text-align: center; vertical-align: middle }
.cart tbody img { border: 1px solid #a5c710 }

.cart tfoot tr td { background: #c4e147; border-bottom: 1px solid #fff; padding: 0 10px; text-align: right }
.cart tfoot tr td .red { color: #f00 }

.cart table td, .cart table th { border: 0 none !important; padding: 2px 0 !important; text-align: right }
.cart table { width: 100% }
.cart table th { width: 100px }
.cart tfoot .tip { color: #576a03; padding: 10px; text-align: center }

.back-btn, .next-btn, .pay-btn, .pmt-btn { padding: 2px 15px; border: 1px solid #576a03; color: #576a03; background: #fff; cursor: pointer }
.pay-btn { width: 160px !important }
.back-btn { float: left }
.next-btn { float: right }
/* */

#footer { width: 759px; height: 34px; background: #e5e5e5; margin: 0 0 20px 35px; font-size: 11px }
#footer a { font-weight: bold }
#footer .corner-left { float: left; width: 10px; height: 34px; background: url('img/corner-left-footer.png') }
#footer .middle { float: left; width: 739px; padding-top: 10px }
#footer .left { float: left }
#footer .right { float: right }
#footer .corner-right { float: right; width: 10px; height: 34px; background: url('img/corner-right-footer.png') }

.shipment { font-size: 13px; width: 540px; margin: auto }
.shipment thead th { color: #687f03; font-size: 18px; font-weight: normal; text-align: left }
.shipment tbody th { background: #c4e147; font-size: 20px; font-weight: normal; padding: 10px 10px 8px 10px; text-align: left; border-bottom: 1px solid #52620c }
.shipment tbody td { padding: 10px }
.shipment tfoot td { border-top: 1px solid #c4e147; padding-top: 20px }
.shipment label { font-weight: bold; float: left; width: 220px; margin: 5px 0; vertical-align: middle }
.shipment label.spec { width: 410px; float: none; display: block }
.shipment input { vertical-align: middle; margin-bottom: 5px }
.shipment .fleft { float: left; margin-right: 20px }
.shipment .fleft label { float: left; width: 110px }
.shipment .fright { float: right }
.shipment .txt { float: left; border: 1px solid #6e8607; padding: 5px; width: 190px }
.shipment strong { display: block; margin-bottom: 5px }
.shipment textarea { height: 90px; width: 340px; border: 1px solid #6e8607; padding: 5px; margin-left: 70px }


.personalize { width: 540px; margin: 20px auto 10px auto; border-collapse: collapse }
.personalize th.ico { width: 38px; text-align: left }
.personalize thead th { border-bottom: 1px solid #c4e147; padding-bottom: 10px; text-align: left }
.personalize tbody td { padding-top: 20px }
.personalize tfoot td { padding-top: 20px }
.personalize label { font-weight: bold; float: left; width: 140px; margin: 5px 0; vertical-align: middle }
.personalize .txt { float: left; border: 1px solid #6e8607; padding: 5px; width: 190px }
.personalize select { float: left; border: 1px solid #6e8607 }
.personalize textarea { float: left; height: 90px; width: 280px; border: 1px solid #6e8607; padding: 5px }
.personalize .clear { margin-bottom: 10px }

.payment { width: 540px; margin: 20px auto 10px auto; border-collapse: collapse }
.payment th.ico { width: 38px; text-align: left }
.payment thead th { border-bottom: 1px solid #c4e147; padding-bottom: 10px; text-align: center }
.payment tbody td { padding-top: 20px }
.payment tfoot td { padding-top: 20px }
.payment label { font-weight: normal; display: block; width: 160px; margin: 5px 0; vertical-align: middle; margin-bottom: 15px }
.payment input.radio { vertical-align: middle }
.payment img { vertical-align: middle }
.payment .fleft { float: left }
.payment .center { display: block; margin: auto; width: 320px }

.paging { text-align:center; color: #F78E21}
.paging a { color: #F78E21}
.paging .current { color: #A5C710}
.basket_green { color: #A5C710; font-weight:bold;}

#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:20px;
width:150px;
background:#CCCCCC;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#F78E21;
font-weight:700;
display:block;
cursor:pointer;
}