@import url("lightbox.css");

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #757575;
	height: 100%; 
	background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    font-smooth: always;
    font-size: 13px;
}
/*
 * site
 */

table.main {
	width: 960px;
	padding: 10px 0;
    font-size: 13px;
}
td.leftside {
	width: 210px;
}
td.content {
	height: 100%;
    padding-left: 15px;
}

div.lefttop {
	width: 201px;
	height: 110px;
	background: transparent url(../gfx/bg_topbox.gif) no-repeat left top;
    font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #fff;
	padding: 30px 0 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
}

div.menu {
	width: 161px;
	padding: 10px 0 0 20px;
	min-height: 100px;
}

div.submenu {
	height: 15px;
	width: 181px;
	padding: 5px 0 0 10px;
}

div.contact {
	width: 201px;
	height: 148px;
	background: transparent url(../gfx/bg_contact.gif) no-repeat left top;
	color: #fff;
	padding: 15px 0 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 12px;
}
span.header {
	font-size: 18px;
}
div.copy {
	color: #757575;
	padding: 10px 0 10px 20px;
}
div#flash {
	width: 100%;
	height: 256px;
}
div#flash img {
    border-radius: 5px;
}
div.title {
    font-family: 'Open Sans', sans-serif;
	padding: 5px 0 0 0;
	color: #000;
	font-size: 30px;
    margin: 15px 0;
    font-weight: 400;
    text-transform: uppercase;
}

p.subtitle {
    font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #7e7e7e;
	text-transform: uppercase;
    font-weight: 300;
}

div.data {
	padding: 10px 0 15px 0;
	min-height: 300px;
}

div.footer {
	padding: 0;
	width: 100%;
	height: 30px;
    line-height: 30px;
    background: #F1F5E7;
    text-align: center;
    border-radius: 5px;
}

table.pricelist {
    width: 100% !important;
}

table.pricelist td {
	padding: 5px;
	text-align: center;
	color: #757575;
	font-size: 11px;
}

table.pricelist th {
	background-color: #8A9A58;
	color: #fff;
	height: 15px;
	font-size: 11px;
}

table.pricelist tr.greentr td {
	background-color: #8A9A58;
	color: #fff;
}

/*
 * link
 */

a,
a:hover {
	color: #7FA407;
	outline: none;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


a.next,
a.next:hover {
	background: transparent url(../gfx/bg_next.gif) no-repeat 0 1px;
	padding: 0 0 3px 15px;
}

div.menu a,
div.menu a:hover {
	background: transparent url(../gfx/bg_menu.gif) no-repeat 0 0;
	display: block;
	width: 157px;
	height: 22px;
	color: #4d4d4d;
	font-size: 13px;
	text-decoration: none;
	padding: 1px 0 0 20px;
}

div.menu a:hover {
	background: transparent url(../gfx/bg_menu_hover.gif) no-repeat 0 0;
	color: #80A407;
}

div.menu a.submenu,
div.menu a.submenu:hover {
	display: block;
	background: transparent url(../gfx/bg_submenu.gif) no-repeat 0 0;
	width: 157px;
	height: 18px;
	color: #4d4d4d;
	font-size: 11px;
	text-decoration: none;
	padding: 1px 0 0 20px;
}

div.menu a.submenu:hover {
	color: #80A407;
	background: transparent url(../gfx/bg_submenu_hover.gif) no-repeat 0 0;

}

div.menu a.dotted,
div.menu a.dotted:hover {
	display: block;
	width: 157px;
	height: 21px;
	color: #4d4d4d;
	font-size: 11px;
	text-decoration: none;
	padding: 1px 0 0 20px;
	background: transparent url(../gfx/bg_dotted.gif) no-repeat 0 0;
}

div.menu a.dotted:hover {
	background: transparent url(../gfx/bg_dotted_hover.gif) no-repeat 0 0;
	color: #80A407;
}

div.submenu a,
div.submenu a:hover {
	color: #646464;
	font-size: 10px;
	text-decoration: none;
}

div.submenu a:hover {
	text-decoration: underline;
}

div.menu a.plantmenu,
div.menu a.plantmenu:hover {
	background: transparent url(../gfx/bg_menu2.gif) no-repeat 0 0;
	display: block;
	width: 157px;
	height: 22px;
	color: #4d4d4d;
	font-size: 13px;
	text-decoration: none;
	padding: 1px 0 0 20px;
}

div.menu a.plantmenu:hover {
	background: transparent url(../gfx/bg_menu_hover2.gif) no-repeat 0 0;
	color: #80A407;
}


a.main,
a.main:hover {
	background: transparent url(../gfx/bg_home.gif) no-repeat 0 0;
	padding-left: 15px;
}

a.mail,
a.mail:hover {
	background: transparent url(../gfx/bg_mail.gif) no-repeat 0 2px;
	padding-left: 18px;
}

a.sitemap,
a.sitemap:hover {
	background: transparent url(../gfx/bg_sitemap.gif) no-repeat 0 2px;
	padding-left: 15px;
}

div.footer a,
div.footer a:hover {
	color: #646464;
	text-decoration: none;
}

div.footer a:hover {
	text-decoration: underline;
}


a.back,
a.back:hover {
	background: transparent url(../gfx/bg_li.gif) no-repeat 0 4px;
	padding-left:  12px;
}


/*
 * formating
 */

p {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

.pl20 {
	padding-left: 20px;
}

.pt30 {
	padding-top: 30px;
}

.p10 {
	padding: 0 12px;
}

.p5 {
	padding: 0 8px;
}

.p20 {
	padding: 0 15px;
}

.t10 {
	padding-top: 10px;
}

.pl40 {
	padding-left: 35px;
}

.pl10 {
	padding-left: 10px;
}

.pr10 {
	padding-right: 10px;
}

.pr300 {
	padding-right: 295px;
}

.b10 {
	padding-bottom: 10px;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

.right {
	float: right;
}

.green {
	color: #d0de1c;
}

.mr10 {
	margin-right: 10px;
}

.mb10 {
	margin-bottom: 10px;
}



h1 {
	font-size: 13px;
	color: #000;
	font-weight: bold;
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
}

h2 {
	font-size: 14px;
	color: #000;
	font-weight: normal;
	padding: 0 0 5px 3px;
	margin: 0;
}

h1 span {
	font-weight: normal;
	color: #009f4f;
	font-size: 11px;
}

h3 {
	font-size: 12px;
	color: #00d47a;
	padding: 0;
	margin: 0;
}

h4 {
	font-size: 12px;
	color: #00d47a;
	background: transparent url(../gfx/bg_next.gif) no-repeat left 1px;
	padding: 0 0 2px 13px;
	margin: 0;
}

ul {
	padding: 0;
	padding-left: 5px;
	margin: 0;	
}

li {
    line-height: 13px;
	list-style: none;
	background: transparent url(../gfx/bg_li.gif) no-repeat 0 4px;
	padding: 0 0 5px 12px;
}

ul.sub {
	padding-top: 5px;
}

ul.sub li {
	background: transparent url(../gfx/bg_li_sub.gif) no-repeat 0 4px;
}

/*
 * form
 */

label {
	cursor: pointer;
}

label.offer {
	width: 70px;
	display: block;
	float: left;
	height: 21px;
	padding-top: 8px;
}

div.input {
	background: transparent url(../gfx/bg_input.gif) no-repeat left top;
	width: 180px;
	float: left;
}

div.basketinput {
	background: transparent url(../gfx/bg_input_basket.gif) no-repeat left center;
    width: 40px;
    margin: -1px 20px 0 0;
    float: left;
}

div.basketinput input {
	font-size: 11px;
	color: #6A6A6A;
	background-color: transparent;
    font-family: 'Open Sans', sans-serif;
	border: none;
	width: 30px;
	height: 14px;
	padding: 3px 5px;
}

div.textarea {
	background: transparent url(../gfx/bg_textarea.gif) no-repeat left top;
	width: 445px;
	height: 92px;
	float: left;
}

div.form div label,
div.form label.req {
	cursor: pointer;
	color: #6A6A6A;
	display: block;
	width: 60px;
	margin-top: 2px;
	float: left;
	background: transparent url(../gfx/bg_reg.gif) no-repeat left 5px;
	padding-left: 10px;
}

input {
	font-size: 11px;
	color: #6A6A6A;
	background-color: transparent;
    font-family: 'Open Sans', sans-serif;
	border: none;
	width: 170px;
	height: 20px;
	padding: 3px 5px;	
}

textarea {
	width: 435px;
	height: 92px;
	color: #6A6A6A;
	padding: 3px 5px;
	border: none;
    font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	background-color: transparent;
	overflow: auto;
}

input.checkbox {
	width: auto;
	height: auto;
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
}

span.check {
	display: block;
	float: left;
	padding-left: 15px;
}

input.submit {
	background: transparent url(../gfx/bg_submit.gif) no-repeat left top;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	padding: 0;
	margin: 0;
	padding-left: 15px;
	width: 73px;
	height: 17px;
	text-align: left;
    cursor: pointer;
}

select {
	border: 1px solid #D6D6D6;
	background-color: #fff;
    font-family: 'Open Sans', sans-serif;
	color: #49493A;
}

form#list {
    float: right;
    margin: 0 10px 20px 0;
}
/*
 * holder
 */

.holder {
	border: 1px solid #c0c0c0;
	padding: 2px;
}

/*
 * tooltip
 */


/*
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}
*/
img{border:none;}

a.preview {
	text-decoration: none;
	border-bottom: 1px dotted #757575;
	color: #757575;
}
tr.greentr a.preview {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:5px 5px 10px 5px;
	display:none;
	color:#757575;
	font-weight: bold;
	text-align: center;
	}


.tooltip {
    position: absolute;
    z-index: 999;
    background-color: #fff;
    color: #fff;
	border:1px solid #ccc;
	padding:5px 5px 10px 5px;
	filter: alpha(opacity=75);
	opacity: 0.75;
    font-weight: bold;
}
.tooltip_extra {
	border: 1px solid #ccc;
	padding:5px 5px 10px 5px;
    background-color: #fff;
    text-align: center;
	font-weight: bold;
}
div.keptitle {
	padding: 0 5px;
    text-align: center;
	font-weight: bold;
}

div.text {
    font-family: 'Open Sans', sans-serif;
	padding:5px 5px 10px 5px;
    text-align: center;
	font-weight: bold;
}

div.href {
}