﻿.dummy{}
html, body {margin:0; padding:0; width:100%; height:100%; }
body{text-align: center; font-family: Arial, sans-serif, Helvetica; font-size: 12px; }
textarea {font-family: Arial, sans-serif, Helvetica;}

img {border: none;}
h1 {font-size: 50px; font-weight: bold;  line-height: 40px; margin: 0px; padding: 0px;}
h3 {font-size: 26px; font-weight: bold;  margin: 0px; padding: 0px;}
h4 {font-size: 17px; font-weight: bold;  margin: 0px; padding: 0px;}
p {margin: 0px; padding: 0px;}

a {text-decoration: none; color: #4C4D4F; }
a:hover {text-decoration: underline;}

select {font-size: 11px;}
.bold {font-weight: bold;}

#w_packcontent {text-align: left;}

#w_all {text-align: left; width:980px; margin: 0px auto; background-color: #FFF; background-image: url(gfx/bottombar.jpg); background-position: bottom; background-repeat: no-repeat; }
#w_topmenu {height:28px; background-color: #bed62f; border-bottom: 1px solid #dfeb97; text-align: center; position:relative;}
#w_content {margin-top: 5px; min-height: 700px;}
#w_bottombar {height: 200px;}

#topmenu{ margin:0px auto; line-height: 28px; font-weight: bold; font-size: 10px; overflow: hidden; padding: 0px;}
#topmenu li {display: inline; list-style: none; margin-left: 10px; }
#topmenu span.current a { color: #000; }
#topmenu span.back { border-bottom: 2px solid #717b28; z-index: 8; height: 1px; top:20px; position: absolute; margin: 0px; }
#topmenu span a { text-decoration: none; outline: none; z-index: 10; overflow: hidden; color: #4c4d4f; }
#topmenu span a:hover, #topmenu li a:active, #topmenu li a:visited {border: none;}

#topmenu span { margin-left: 10px; }
#topmenu  li:before { content: ":";  }
#topmenu  li.first:before { content: " "; }

#topbanner {border-bottom: 8px solid #bed62f;}
#topbanner img { border-bottom: 1px solid #cee063; }

.menu {background-repeat: no-repeat; width:215px; min-height: 500px;}
#left_side {background-image: url(gfx/menu_left_bg.png); float: left; }
#right_side {background-image: url(gfx/menu_right_bg.png); float: right; }

#content_wide { width:742px; float:right; }
#content { width:504px; float:left; }

.w_boxes{ margin: 0px 22px 0px 22px;}
.box {}
.box .headline { line-height: 12px; font-weight: bold; font-size: 10px; padding-left: 2px;}
.box .top {background-repeat: no-repeat; line-height: 20px;  padding: 0px 10px 0px 10px; font-weight: bold; font-size: 10px; margin-top: 22px;}
.box .left_top_auto_inner { background-image: url(gfx/left_top.png); line-height: 20px; padding-left: 10px;}
.box .left_top_auto {background-image: url(gfx/left_top.png); min-width:120px; float: left;  background-position: right; padding-right: 15px; padding-left: 0px;}
.box .left_top {background-image: url(gfx/left_top.png); }
.box .right_top {background-image: url(gfx/right_top.png); background-position: right; text-align: right; }
.box .content {margin-top: 2px;}
.box .text {margin: 8px 12px 0px 8px; font-size:9px; color: #4c4d4f;}
.box .text a {color: #4c4d4f; text-decoration: none; font-style: italic;}
.box .text a:hover {text-decoration: underline;}

.box .w_black { background-image: url(gfx/content_black_2.png); background-repeat: no-repeat; height: 100px;}
.box .black {color: #FFF; font-size: 10px; margin: 0px 10px 20px 10px; padding-top: 20px; text-align: center; }
.box .black .check_table{margin-top: 10px;}
.box .black .check_table td {vertical-align: top; text-align: left;}
.box .black .info{ font-size: 8px; padding-left:2px; }
.box .black .buttons {text-align: right;}
.box .black .buttons a {color: #FFF; text-decoration: none; font-weight: bold; margin-left: 3px; }
.box .black .buttons a:hover {text-decoration: underline;}

input.news_text {color: #818386; border: 1px solid #818386; font-size: 8px; width: 137px; padding: 5px; margin-top: 3px; text-transform: uppercase;}
input.news_check {margin: 0px;}

.splitter { height: 21px; background-image: url(gfx/vertical_spine.png); background-position: bottom; background-repeat: repeat-x;}
.box .w_top_news{background-image: url(gfx/top_news.png); background-repeat: no-repeat; height: 199px;}
.box .w_top_news img {position:relative; top: -10px; left:26px;}
.box .top_news{margin: 28px 0px 0px 18px; float:left; color: #FFF; font-size: 12px;}
.box .top_news a {color: #fff; text-decoration: none; font-style: italic; font-size: 10px;}
.box .top_news a:hover {text-decoration: underline;}

.box .w_product { border: 1px solid #dcddde; margin-top: 2px; font-size:10px;}
.box .w_product td {vertical-align: top; }
.box .third { width: 33%; float:left;}
.box .w_info { padding: 0px 5px 0px 5px; border: dashed #dcddde; border-width: 0px 1px 0px 1px; min-height:100px; }
.box .w_info2 { padding: 0px 5px 0px 5px; min-height:70px; }
.box .name { font-size: 11px; font-weight:bold; }
.box .info { margin: 5px; }
.box .image { margin: 5px; }

.box .w_100pro { border: 1px solid #4c4d4f; margin-top: 2px; font-size:11px; padding:25px;}

.news {margin-top: 19px;}
.news .w_content { width:258px;}
.news .content {margin: 8px 15px 12px 15px; font-size:10px; }
.news .content_wide {margin: 8px 15px 12px 15px; font-size:10px;}
.news .obs {color: #FF0000;}
.news .image {  }
.news a {color: #000; text-decoration: none; font-style: italic;}
.news a:hover {text-decoration: underline;}

.article {margin-top: 19px;}
.article .w_content { }
.article .content {margin: 8px 15px 12px 15px; font-size:10px; }
.article .content_wide {margin: 8px 15px 12px 15px; font-size:10px;}
.article .obs {color: #FF0000;}
.article .image { margin: 0px 10px 10px 0px; }
.article a {color: #000; text-decoration: none; font-style: italic;}
.article a:hover {text-decoration: underline;}

.w_cat_items {margin-top:44px;}
.w_cat_item {background-image: url(gfx/menu_cat_bg.png); background-repeat: no-repeat; height:57px;}
.w_cat_item_selected {background-image: url(gfx/menu_cat_bg_selected.png); background-repeat: no-repeat; height:57px;}
.cat_item {margin: 0px 12px 0px 22px; }
.cat_item .image {margin-top:5px; }
.cat_item span {color: #4c4d4f; font-weight:bold; text-decoration: none; font-size: 13px; }

.cart_table {width: 100%;}
.cart_table .number { text-align: right; white-space: nowrap;}
.cart_table th, .cart_table td {font-size: 10px; color: #4c4d4f; padding: 3px; vertical-align: top;  text-align: left;}
.cart_table th { border: solid #4c4d4f; border-width: 1px 0px 1px 0px; }
.cart_table td { background-image: url(gfx/td_spine.gif); background-repeat: repeat-x; background-position: top; }
.cart_table td.first { background-image: none; }
.cart_table input {border: 1px solid #4c4d4f; width: 20px; text-align: right; font-size: 10px;}
.cart_table td.total {border-bottom: 1px solid #4c4d4f; }

#cartarea{position: absolute; width: 162px; top: 154px; margin-top: 22px;}
.cart_table2 {width: 100%;}
.cart_table2 .number { text-align: right; white-space: nowrap;}
.cart_table2 th, .cart_table2 td {color: #4c4d4f; padding: 2px; vertical-align: top; text-align: left;}
.cart_table2 th { font-size: 11px; border-bottom: 1px solid #4c4d4f; text-align: left; font-weight: normal; padding: 0px 2px 0px 2px; }
.cart_table2 td { font-size: 10px; }
.cart_table2 .cat {color: #939598; padding: 6px 2px 0px 2px;}
.cart_table2 img {vertical-align: baseline;}
.cart_table2 .total {font-size: 11px; border-bottom: 1px solid #4c4d4f; padding-top: 20px;}

.pro1{width: 1%;}

.form_1 {}
.form_1 td.valign_top { vertical-align: top; }
.form_1 td { padding: 2px; }
.form_1 td.label { width: 100px; }
.form_1 td.data {  }
.info_box{ border: 1px dotted #333333;padding:5px;}

a.large_link {text-decoration: none; font-weight: bold; color: #000; font-size:12px;}
a.large_link:hover {text-decoration: underline;}

a.link1 {text-decoration: none; font-weight: bold; color: #328005; font-size:11px;}
a.link1:hover {text-decoration: underline;}
.nowrap {white-space: nowrap;}

input.textbox {border: 1px solid #818386; width: 200px; font-size: 10px; }
textarea.textbox {border: 1px solid #818386; width: 200px; font-size: 10px; height: 50px; }
select {border: 1px solid #818386; font-size: 10px; }
.w40 {width: 40px;}
.w250 {width: 250px;}

.left {float: left;}
.right {float: right;}
.clear{clear: both;}

.paymentcards { position:absolute; margin: 125px 0px 0px 940px; z-index:1000;}
.smiley {position:absolute; margin: 5px 0px 0px 930px;}
.smiley img {border: 0px;}

td.deleteIcon {vertical-align: top; padding-top: 5px;}
.rainbow {font-size: 10px;}
.rainbow a { color: #167b16; font-weight: bold;  }

#bottombar { color: #4C4D4F; text-align: center; top: 170px; position:relative;}
#bottombar ul{ margin:0px auto; font-size: 10px;}
#bottombar li {display: inline; list-style: none; margin-left: 3px; }

#bottombar span { margin-left: 6px; }
#bottombar li:before { content: ":";  }
#bottombar li.first:before { content: " "; }

#leftmenu {margin: 10px; font-size:12px; line-height: 18px;}
#leftmenu .item {}
#leftmenu .subitem{margin-left: 20px;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:220px; width:460px; background-color:#fff; border:4px solid #444; padding:12px; text-align:left; font-size: 11px; }
#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}
