/*
--------- GENERIC STYLES ---------
= STYLE RESET
= GENERIC STYLES
	= GENERIC STYLES / COMMON CLASSES
= LAYOUT
= SITE HEADER
= SITE FOOTER
= TOP NAV
= SIDE NAV
= UTIL NAV
= PAGE CONTENT


*/

/* Uncomment this to see all divs 
div { border: solid 1px #f00 !important; } */
/* Uncomment this to see all clear divs 
div.clear { border: solid 1px #008000 !important; } */


/* = STYLE RESET */
/*-----------------------------------------------------------------*/
/*Eric Meyer's Reset taken from: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}
:focus
{
	outline: 0;
}
ol, ul
{
	list-style: none;
}
table
{
	border-collapse: separate;
	border-spacing: 0;
}
caption, col, th, td
{
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}

/* = GENERIC STYLES */
/*-----------------------------------------------------------------*/
body
{
	background: #F3F0D0;
	color: #6f6d36;
	font-size: 62.5%; /* This is required for 1em ~ 10px */
	font-family: arial, verdana, sans-serif;
	/* line-height: 1; TODO: check this */
}
a:link
{
	text-decoration: underline;
	color: #6AC561;
}
a:visited
{
	/*text-decoration: none;*/
	color: #6AC561;
}
a:hover
{
	text-decoration: none;
	color: #6AC561;
}
a:active
{
	text-decoration: none;
	color: #6AC561;
}
a img
{
	border: none;
}
h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
}
h1, h2, h3, h4
{
	margin: 0.4em 0px 0.3em 0px;
	font-weight: bold;
}
h1
{
	color: #6f6d36;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center
}
h2
{
	font-size: 1.4em;
}
h3
{
	font-size: 1.1em;
}
h3
{
	font-size: 1em;
}
fieldset, abbr, img
{
	border: 0;
}
strong
{
	font-weight: bold;
}
p
{
	margin: 1em 0;
	line-height: 1.5em;
}
input, textarea, select
{
	color: #222;
	font-family: arial,verdana;
	font-size: 1em;
}

/* = GENERIC STYLES / COMMON CLASSES */
/*-----------------------------------------------------------------*/
input.button
{
	background-color: #6AC561;
	color: #fff;
}
a.button
{
	border-width:1px;
	border-style:solid;
	border-color: #fff #404040 #404040 #fff;
	background-color: #6AC561;
	color: #fff;
	display: block;
	padding: 0;
	text-decoration: none;
	text-align: center;
	cursor: default;
}
a.button span
{
	border-width:1px;
	border-style:solid;
	border-color: #d4d0c8 #666 #666 #d4d0c8;
	display: block;
	padding:2px 3px 3px 2px;
}
.even
{
	background-color: #efefef;
}
.odd
{
	background-color: #fff;
}
.required
{
	color: #f00;
}
ul.product-full-desc
{
	margin: 1em 0;
	list-style: disc inside;
}
textarea.full-width
{
	padding:3px;
	margin:10px 0px;
	height:10em;
	width: 90%;
}

/* = LAYOUT */
/*-----------------------------------------------------------------*/
div#site-frame-outer
{
	background: url(../images/shadow_left.png) repeat-y center left;
	width: 1001px;
	margin: 0 auto;
	overflow: hidden;
	padding-left: 11px;
	position: relative;
	font-size: 1.07em;
}
div#site-frame-inner
{
	background: url(../images/shadow_right.png) repeat-y center right;
	padding-right: 11px;
	width: 990px;
}
div#site-content
{
	width: 990px;
	margin: 0;
	overflow: hidden;
	border-bottom: 1px solid #6AC561;
}
div#popup-content
{
	margin: 5px;
}
/* div#site-content,  */div#popup-content
{
	font-size: 1.06em;
}
div#page-content
{
	clear: none;
	padding: 10px 6px 10px 6px ; /* margins don't work in IE */
	position: relative;
	/* float:left; */
	overflow: hidden; /* Fix for incorect inside clears element size in FF */
}
div#header-break
{
	background-color: #5AA03D;
	height: 4px;
	margin: 0;
	padding: 0;

}
div#popup-footer
{
	margin-top: 2em;
	margin-bottom: 1em;
	text-align: center;
}
/* = CUSTOM CONTENT WIDTH */
.central-column
{
	background:silver;
}
/* = SITE HEADER */
/*-----------------------------------------------------------------*/
div.site-header
{
	padding: 10px 5px 5px 5px;
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}
div.site-header a:link
{
	text-decoration: none;
}
div.site-header a:hover
{
	text-decoration: underline;
}
div.site-header h1.logo
{
 	background: url(../images/logo.gif) no-repeat 0 0;
	width: 270px;
	height: 77px;
	margin: 0;
	padding: 0;
	 text-indent: -5000px; /*To hide header text*/
	float: left;
}
div.site-header ul.links
{
	position: absolute;
	top: 8px;
	right: 20px;
}
div.site-header ul.links li
{
	float: right;
	margin: 0 0.5em;
}
div.site-header div.banner
{
	width: 468px;
	height: 77px;
	float: left;
	margin-left: 5px;
}
div.site-header fieldset.search-form
{
	position: absolute;
	top: 2.5em;
	right: 25px;
}
div.site-header fieldset.search-form div.main-area label
{
	display: block;
	margin-bottom: 0.5em;
}
div.site-header fieldset.search-form div.secondary-area label
{
	display: inline;
	position: relative;
	top: -1px;
	white-space: nowrap;
	margin-right: 10px;
}


	

/* = SITE FOOTER */
/*-----------------------------------------------------------------*/
div#site-footer
{
	background-color: #6AC561;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
div#site-footer a
{
	color: #fff;
	font-size: 1.2em;
	line-height: 1.2;
}
div#site-footer a:link
{
	text-decoration: none;
}
div#site-footer a:hover
{
	text-decoration: underline;
}
div#site-footer ul
{
	margin: 0 auto;
	padding: 0.3em 0;
	display: inline;
}
div#site-footer ul li
{
	border-right: 1px solid #fff;
	padding: 0 .5em;
	display: inline;
	color: #fff;
}
div#site-footer ul li.last
{
	border-right: none;
}

/* = TOP NAV */
/*-----------------------------------------------------------------*/
div#top-nav
{
	clear: both;
	overflow: hidden;
}
div#top-nav a
{
	color: #fff;
	line-height: 1.3em;
	text-decoration: none;
}
div#top-nav a:link
{
	text-decoration: none;
}
div#top-nav a:hover
{
	text-decoration: underline;
}
div#top-nav ul
{
	background-color: #6AC561;
}
div#top-nav ul li
{
	border-right: 1px solid #ccc;
	padding: .3em .7em;
	color: #fff;
	float: left;
}
div#top-nav ul li.active
{
	background-color: #5AA03D;
	color: #fff;
}
div#top-nav ul li.last
{
	border: none;
}
div#top-nav ul.main-menu
{
	float: left;
}
div#top-nav ul.secondary-menu
{
	float: right;
}

/* = SIDE NAV */
/*-----------------------------------------------------------------*/
#side-nav
{
	width: 190px;
	float: left;
	margin-top: 10px;
	/*font-size: 1.2em;*/
}

#side-nav ul.section-menu a h3
{
	background: #6AC561;
	margin: 0px;
	padding: 6px 5px 5px 22px;
	font-size: 100%;
	font-weight: normal;
}

#side-nav ul.section-menu .action h3
{
	background: #6AC561; /* url(../Images/arrow1w.gif) no-repeat 7px 0.8em; */
}
#side-nav ul.section-menu .action-opened h3
{
	background: #6AC561; /* url(../Images/arrow2w.gif) no-repeat 6px 0.9em;*/
}

#side-nav ul.section-menu li
{
	border-bottom: #fff solid 1px;
}
#side-nav ul.section-menu li.last
{
	border-bottom: #6AC561 solid 2px;
}
#side-nav ul.section-menu li a
{
	color: #fff;
	text-decoration: none;
}
#side-nav ul.section-menu li ul
{
	background-color: #97E56F;
	border: #97E56F solid 0px;
	border-width: 5px 0px 7px 0px;
}
#side-nav ul.section-menu li ul li
{
	padding: 5px 8px;
	border: none;
}
#side-nav ul.section-menu li ul li a
{
	color: #155933;
	text-decoration: underline;
}
#side-nav ul.section-menu li ul li a:hover
{
	color: #2e975c;
}

a.serf
{
	margin-top:10px;
	display: block;
	text-align: center;
}

#menu_switcher
{
	margin:8px 3px 3px 3px;
}
/* = HIDDEN MENU SWITCHER */
#menu_switcher a
{
	padding: 2px 10px 2px 15px;
	border: solid 1px #3A8F60;
	text-decoration: none;
}
#menu_switcher a.closed
{
	background: url(../images/arrow1.gif) no-repeat 5px center;
}
#menu_switcher a.opened
{
	background: url(../images/arrow2.gif) no-repeat 3px center;
}


.accordion-opened {background-image: url(../images/arrow2.gif);background-color:red}
/* = UTIL NAV */
/*-----------------------------------------------------------------*/
div#util-nav
{
	width: 190px;
	margin: 10px 0 10px 0;
	float: right;
	clear: right;
	text-align: center;
	background-color: #6AC561;
}
div#util-nav h3#basket-mini-header
{
	background: url(../images/shopping_basket.gif) no-repeat 0 0;
	width: 190px;
	height: 40px;
	margin: 0px;
	text-indent: -5000px;
}
div#util-nav h3#basket-mini-header a
{
	width: 100%;
	height: 40px;
	display: block;
}
div#util-nav div#basket-mini
{
	border: 1px solid #6AC561;
	border-top: none;
	margin: 0;
	padding: 7px;
	width:155px; /* To fix Mini Basket width in expanded mode - Rost */
}
div#util-nav div#basket-mini p
{
	margin: .6em 0;
}
div#util-nav div#basket-mini table
{
	border-collapse: collapse;
	width: 100%;
}
div#util-nav div#basket-mini table caption
{
	display: none;
}
div#util-nav div#basket-mini table tr
{
	line-height: 1.2;
}
div#util-nav div#basket-mini table th
{
	font-weight: bold;
}
div#util-nav div#basket-mini table th, div#util-nav div#basket-mini table td
{
	padding: 0.1em 0;
	text-align: left;
}
div#util-nav div#basket-mini table .col-price
{
	text-align: right;
	width: 10ex;
}
div#util-nav div#basket-mini table.total
{
	border-top: 1px dashed #6AC561;
}
div#util-nav div#basket-mini fieldset
{
	border-top: 1px dashed #6AC561;
	padding-top: 0.3em;
}
div#util-nav div#basket-mini fieldset input
{
	float: right;
	margin-left: .5em;
}
div#util-nav ul.main-menu
{
	margin-top: 0px;
	color: #fff;
}
div#util-nav ul.main-menu li
{
	border-bottom: 1px solid #ccc;
	padding: .7em;
}
div#util-nav ul.main-menu li.last
{
	border-bottom: 0px;
}
div#util-nav ul.main-menu li h3
{
	font-size: 1.2em;
}
div#util-nav ul.main-menu li ul li
{
	border-bottom: none;
	margin: 0.5em 0;
	padding: 0;
}
div#util-nav ul.main-menu a
{
	color: #fff;
	/*font-size: 1.2em;
	line-height: 1.2;*/
}
div#util-nav ul.main-menu a:link
{
	text-decoration: none;
}
div#util-nav ul.main-menu a:hover
{
	text-decoration: underline;
}

/* = PAGE CONTENT */
/*-----------------------------------------------------------------*/
#page-content h2, #report-page-content h2
{
	font-size: 1.6em;
	font-weight: bold;
	margin: 0;
	margin-bottom: 0.5em;
	color: #6AC561;
}


/* = TABLE STYLES */
/*-----------------------------------------------------------------*/

/* = TABLE STYLES / COLUMNS */
/*-----------------------------------------------------------------*/
td.col-desc
{
	vertical-align: top;
}
td.col-price, td.col-pricevat, td.col-vat, td.col-qty
{
	text-align: right;
	vertical-align: bottom;
	color: #000000;
}
/* Rost: disabled bg color for price columns
td.col-price, td.col-pricevat, td.col-vat
{
	background-color: #DAF1E2;
}
tr.odd td.col-price, tr.odd td.col-pricevat, tr.odd td.col-vat
{
    background-color: #EAF7EF;
}*/
td.col-saving
{
	text-align: right;
	color: #e02000;
	background-color: #ececec;
}
tr.odd td.col-saving
{
    background-color: #f7f7f7;
}

td.col-remove
{
	text-align: center;
	vertical-align: middle;
}

td.col-page, td.col-pack, td.col-stock
{
    color: #555555;
}


/* = TABLE STYLES / SHEET STYLE */
/*-----------------------------------------------------------------*/
table.sheet-style
{
	border-collapse: collapse;
	width: 100%;
}
table.sheet-style caption
{
	display: none;
}
table.sheet-style thead tr
{
	/* border-bottom: solid 1px #378d5d; */
	background-color: #e5e5e5;
	font-weight: bold;
}
table.sheet-style tfoot
{
	background-color: #e5e5e5;
	font-weight: bold;
}
table.sheet-style tr.group-desc
{
	background-color: #cae1d2;
	font-size: 1.1em;
}
table.sheet-style tr.group-desc th
{
	padding: 0.3em 0.7em;
	font-weight: normal;
	text-align: left;
}
table.sheet-style tr.group-desc ul
{
	display: inline;
}
table.sheet-style tr.group-desc ul li
{
	margin-right: 0px;
	padding-right: 0px;
	display: inline;
	font-size: .97em;
	font-weight: bold;
}
table.sheet-style th, table.sheet-style td
{
	padding: 0.3em 0.2em;
}
table.sheet-style th
{
	font-weight: bold;
}
table.sheet-style p
{
	margin: 0;
}



/* = CONTROLS / LANDING */
/*-----------------------------------------------------------------*/
.landing
{
	margin: 0.5em;
	font-size: 1.3em;
}

.landing .landing-row
{
	position: relative;
	overflow: hidden;
	padding-bottom: 7px;
}

.landing .landing-row .column-left
{
	float: left;
}

.landing .landing-row .column-right
{
	float: right;
	text-align: right;
}
.landing .landing-row .hor-splitter
{
	width: 100%;
	height:1px;
}

.landing .landing-row .hor-splitter-post
{
	border-bottom: 1px solid #378d5d;
	width: 70%;
	margin: 5px 0px 0px 15px;
	height:1px;
	float: right;
}

.landing .landing-row .post-text
{
	margin: 10px 10px 10px 10px;
    text-align:justify;
    line-height: 1.2em;
}

.landing .landing-row .post-text p
{
    line-height: 1.2em;
}


.landing .landing-row .post-text .readmore
{
    float: right;
    
	
}


.landing .landing-row .post-text ol, .landing .landing-row .post-text ul
{
	padding-left: 20px;
	list-style-type:square;
}



.landing .landing-row .hor-splitter-left
{
	position: absolute;
	bottom:0px;
	left:0px;
	width:48%;
	height:0px;
	border-bottom: 1px solid #378d5d;
}

.landing .landing-row .hor-splitter-right
{
	position: absolute;
	bottom:0px;
	right:0px;
	width:48%;
	border-bottom: 1px solid #378d5d;
}

/* Two vertical splitter allow specify top and bottom values in pixels and height in percents */
.landing .landing-row .vert-splitter-top
{
	position: absolute;
	top: 10px;
	left: 50%;
	height: 50%;
	border-left: 1px solid #378d5d;
}

.landing .landing-row .vert-splitter-bottom
{
	position: absolute;
	bottom: 10px;
	left: 50%;
	height: 50%;
	border-left: 1px solid #008d5d;
}

.landing .landing-row ul li
{
	margin-bottom: 1em;
}

.landing .landing-row h3
{
	font-size:1.3em;
	font-weight:bold;
	padding:0.5em 0.5em 0.5em 0;
}

.landing .landing-row  a 
{
	font-size:1.1em;
}

/* = ORDERS */

.OrderWarning 
{
    color: red;
}

.imgborder {
	border: solid 1px #6AC561;
	margin-top: 10px;
}
.simpletable {
	width: 95%;
}

/* = GENERIC HACKS */
/*-----------------------------------------------------------------*/
/* "Clearing Floats" fix taken from http://www.positioniseverything.net/easyclearing.html	*/
.clear:after
{
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
.clear
{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clear
{
	height: 1%;
}
.clear
{
	display: block;
}
/* End hide from IE-mac */
.announceCerf td
{
    border-bottom: solid, 1, black;
   padding-bottom: 7px;
}