/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

* { outline:none; }

a {
text-decoration: none;
color:#555;
}

a:hover {

color:#2882C1;
}


body {
margin:0;
padding:0;
height: 100%;
}

html {height: 100%; }

div#midground {
background: transparent url(images/grass1.png) 40% bottom repeat-x;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

div#foreground {
background: transparent url(images/grass2a.png) 150% bottom repeat-x;
margin: 0;
padding:0 0 20px;
width: 100%;
height: 100%;
}

*+html div#foreground,
*+html div#midground {
height: auto;
}

* html div#midground{
background:transparent url(images/grass.gif) bottom center repeat-x;
}

* html div#foreground{
background:none;
}



#loopedSlider {
padding:20px 0;
}

.home img.home-icon {
padding:2px 20px 75px 0;
}

.home .feature {
margin-left:150px;
}

.home #sidebar .block p {
font-size: 14px;
line-height: 24px;
}

.featurewrap {
float: left;
margin-right: 20px;
margin-bottom: 0;
}

.feature {height: 100px;}

.feature p { display: inline; }

.readmore { display: inline; margin-left: 6px;}
  

h2.featured {
color:#5B3F2A;
font-size:30px!important;
font-weight:normal;
letter-spacing:-1px;
line-height:40px;
padding:0 0 10px;
text-shadow:2px 2px 0 rgba(0, 0, 0, 0.15);
}

.alignleft {
margin:15px 15px 15px 0;
}

#moredetails {
margin: 60px 0 10px 0;
}

#moredetails h3 {
padding-bottom: 20px; 
}

.subproduct {
display:block;
float:left;
margin:0 7px 20px 0;

}

.subproduct img {
margin: 0 auto 10px auto;
display: block;
}

.subproduct a {
text-decoration: none!important;
color: #636363;
font-weight:700;
}

.subproduct a:hover {
text-decoration: underline!important;
}


#sidebar h3 {
border: none;
padding: 0;
margin: 0;
}

#sidebar li {
line-height:18px;
overflow:hidden;
padding:15px 0 5px 0;
}

#sidebar ul li a::after {content: " \BB \BB"; }
#sidebar ul li li a::after {content: ""; }


.current_page_item {
font-weight: 700;
}


#sidebar ul ul li {
border-bottom:1px dotted #E2E2E2;
border-top:none;
margin-top: 0;
margin-left: 25px;
padding:2px 0;
}

#sidebar ul ul {
border-top:1px  dotted #E2E2E2;
}


#slidesoverlay {
background-image: url(images/frame_slider.png);
background-position: center;
position: absolute;
z-index: 25;
height: 295px;
width: 860px;
top: 167px;
left: 50%;
margin-left: -430px;
}

*+html #slidesoverlay {
margin-left: -431px;
}

.qtrans_language_chooser a {
font-size: 1.2em;
font-weight: 700;
}

.qtrans_flag_and_text {
padding-left:25px;
}


.qtrans_flag_de,.qtrans_flag_en {
background-position: 0 3px;
}

#footerlangsel,.copyright {
display: inline;
}

#footerlangsel{
float: right;
text-align:right;
width:125px;
}

#footer {
margin-top: 0;
background-color: #ddd3c1;
color: #7a6642;
}

#footer a {
color: #7a6642;
font-weight: 700;
}

#footer h3 {
color:#352d1d
}

#main .post {
padding:0 0 75px 0;
}

.welcome #main {
width:860px;
text-align: center;
}

#main-content.welcome {
padding:20px 0 15px;
}