/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-l.css');



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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	
	font-family:arial;
	font-size:15px;
}
#content a, #content a:visited, #content a:hover {
color:#00BFE0;
text-decoration:none;

}

h1 {
	font-size:27px;
	margin-top:11px;
	margin-bottom:11px;
}
h2 {
	font-size:21px;
	margin-top:11px;
	margin-bottom:11px;
}

h3 {
	font-size:18px;
	margin-top:11px;
	margin-bottom:11px;
}

ol, ul {
	list-style: none;
}
ul, ol, li {list-style-position: outside; list-style: none;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

div#container {
background-image:url(images/body_bg.jpg) ;
background-repeat:repeat-y 
}

/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}



div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
padding:0.85em 2em;
text-decoration:none;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
line-height: 1.5em;
color:white;
text-transform:uppercase;
}


div#menu ul a:hover {
background-color:#FF3300;
}

div#menu ul .current_page_ancestor {
background-color:#FF3300;
}

div#menu ul .current_page_item {
background-color:#FF3300;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}



form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}



div.sidebar input#s {
width:7em;
}


div.sidebar li form {

}

div.sidebar ul ul {
margin:0px;
}

div.sidebar ul ul li {
list-style:none;
margin:0;
}

div.sidebar ul ul ul {
margin:0px;
}

div.sidebar ul ul ul li {
list-style:none;
margin:0px;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

body {
	margin: 0 0 20px 0;
	padding: 0;
	}

#wrapper {
	background-color: white;
	margin: 0px auto 20px;
	padding: 0;
	width: 980px;
	
	}
div#header{
width:980px;
height:314px;
background-color:white;
}

div#header_eshop{
margin-top:20px;
width:150px;
float:left;
}
div#header_lv{
margin-top:22px;
width:40px;
float:left;
}

div#search_box{
float:right;
margin-right:0px;
width:248px;
height:66px;
background-color:black;
}

div#search_box #s{
border:none;
height:27px;
width:160px;
}

div#search_box form{
margin-top:20px;
margin-left:20px;
}

#searchsubmitshop{
font-size:17px;
font-weight:bold;
text-transform:uppercase;
color:white;
background-color:black;
border:none;
}

div#header_img{
clear:both;
width:980px;
height:248px;
background-image:url(images/header_img.jpg) ;
}
div#rotate{
clear:both;
width:980px;
height:248px;
background-image:url(images/header_tekstiga.jpg)  ;
background-repeat: no-repeat;
}


div#header_logo{
height:65px;
width: 534px;
float:left;
}

div#menu{
height:35px;
width: 960px;
padding-left:20px;
background-color:black;
}


div#footer{
height:80px;
width: 980px;
padding-left:0px;
background-color:black;
}


div#banners img{
float:left;

}

div#banners {
position:relative;
clear:both;
float:left;
width:220px;



}

div .sidebar{
float:left;
overflow:hidden;
min-height:200px;

width: 220px;
background-color:#DBDBDB;
position:relative;
height: auto !important; 
height: 200px; 

}


.cms-nav-sidebar {
list-style-type: none;
margin: 0;
padding: 0;
width: 220px;
height:auto;
}

#primary ul {
list-style-type: none;
margin: 0;
padding: 0;
vertical-align:top;
line-height:11px;
}



.cms-nav-sidebar a 
{
display:block;
}

.icl-level-1 a{

width:auto;
height:1%;
text-decoration:none;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
color:white;
padding-left:1em;
padding-top:10px;
padding-bottom:10px;
text-transform:uppercase;

}
.icl-level-1 {

width: 220px;
background-image:url(images/button_bg.jpg)  ;
background-repeat: repeat-x;
margin-bottom: 0;


}

li.selected_page_side {
background-color:white;
background-image:none;
}

li.selected_page_side a {
 color:red;
}



.icl-level-2 {
visibility:hidden;
display:none;
}

li.icl-level-2 a{
font-size: 11px;
width: 220px;
background-color:white;
padding-left:2.5em;
padding-top:0.3ex;
color:black;
line-height:12px;
background-image: url(images/red_arrow.jpg);
background-repeat: no-repeat;
background-position: 14px 3px ;
text-transform:none; 
}


.selected_page_side .icl-level-2 {
visibility:visible;
display:block;

}
.selected  {
visibility:visible;
display:block;

}

#banners li {display:inline;}

/*
div#banners {
position:absolute;
bottom:0px;
}
*/
div#footer_buttons {
position:relative;
float:right;
margin-right:20px;
width:250px;
}
div#footer_text {
position:relative;
float:left;
padding-left:10px;
width:670px;
color:white;
}
.f_buttons {
margin-top:8px;
}
.f_buttons li {
background-color:#A8F2FF;
height:30px;
width:247px;
margin-bottom:5px;

}
.f_buttons li a {
display:block;
color:black;
font-family:arial,sans-serif;
text-transform:uppercase;
text-decoration:none;
font-size:11px;
padding-top:10px;
padding-bottom:9px;
}



.submenu {
list-style-type: none;
margin: 0;
padding: 0;
width: 220px;
height:auto;
}

.submenu  {
list-style-type: none;
margin: 0;
padding: 0;
vertical-align:top;
line-height:11px;
}



.submenu a 
{
display:block;
}

.submenu li a{

width:auto;

text-decoration:none;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
color:white;
padding-left:1em;
padding-top:10px;
padding-bottom:10px;
text-transform:uppercase;

}
.submenu li a:hover{

background-color:white;
color:red;
}

.submenu li:hover{

background:white;
background-color:white;
color:red;
}

.submenu li {

width: 220px;
background-image:url("http://www.berolina.ee/wp-content/uploads/2011/01/menyy_taust.png")  ;
background-repeat: repeat-x;
margin-bottom: 0;
border-top:2px solid #DBDBDB;

}

.submenu li.current_page_item {
background-color:white;
background-image:none;
}



.submenu li.current_page_parent {
background-color:white;
background-image:none;
}

.submenu li.current_page_item a {
 color:red;
}

.submenu li.current_page_parent a {
 color:red;
}


.submenu li li {
visibility:hidden;
display:none;
}

.submenu li.current_page_parent li a{
font-size: 11px;
width: 194px;
background-color:white;
padding-left:2.5em;
padding-top:0.3ex;
color:black;
line-height:12px;
background-image: url(images/red_arrow.jpg);
background-repeat: no-repeat;
background-position: 14px 3px ;
text-transform:none; 
}
.submenu li.current_page_item li a{
font-size: 11px;
width: 194px;
background-color:white;
padding-left:2.5em;
padding-top:0.3ex;
color:black;
line-height:12px;
background-image: url(images/red_arrow.jpg);
background-repeat: no-repeat;
background-position: 14px 3px ;
text-transform:none;
}


.submenu li.current_page_item li {
visibility:visible;
display:block;
border-top:none;

}


.submenu li.current_page_parent li {
visibility:visible;
display:block;
border-top:none;
}

.submenu li li a:hover{
color:red;
}

.submenu li.current_page_parent .current_page_item a{
color:red;


}

.selected  {
visibility:visible;
display:block;

}

#rotate ul {display:none;}



