@import url("vs.css");
@import url("menu.css");

body,input,select,textarea,button {font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;padding:2px;font-size: 11px;}
body {margin:12px 0;background-color: #d8d4d3;}
input,textarea,button {font-size: 100%;color:#000;}
input {padding:0 2px;}
input.text,textarea {padding: .1em;}
input.submit {height:20px;}
input.error,textarea.error {background-color: #F0F0F0;}
form {margin:0;padding: 0;}
a {text-decoration: none;color: #005767;}
a:hover {text-decoration: underline;}

.print {display: none;}
.required {color: #cc0000;margin-left: .1em;}
div.error {color: #cc0000;font-weight: bold;}
div.feedback {color: #008000;font-weight: bold;}
button {font-weight: normal;}
h1,.sys-Heading1 {font-size: 24px;font-family:Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;color:#5d9732;font-weight:normal;margin:0;}
h2,.sys-Heading2 {font-size: 14px;font-family:Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;color:#005767;font-weight:normal;}
img {border:none;}
img.border {border: 1px solid #000;}
img.icon {width:16px;height:16px;}
img.icon.text {vertical-align:middle;margin-right: .3em;}
div.spacer {height:1em;}

/* framework styles */
div.framework {
width: 934px;
margin: auto;
padding: 0 15px;
background-color: #fff;
color: #333;
border: 1px solid transparent !important;
border: none;
}
div.framework.one-column { }
div.framework.two-columns-left { }
div.framework.two-columns-right { }

div.content{
float: left;
width: 514px;
padding: 10px 0;
margin: 0;
min-height: 35em;
}
div.content.one-column {
width: 934px;
}
div.content.two-columns {
width: 724px;
}
div.content.two-columns h1 {
margin-top: 0;
padding-top: 0;
}

div#left-column {
float: left;
width: 190px;
padding: 0;
margin: 0 20px 0 0;
clear: both;
overflow: hidden;
}
div#right-column {
margin: 0 0 0 20px;
float: left;
width: 190px;
padding: 0;
overflow: hidden;
}

div#header{
margin-top: 41px;
background: #fff url(../../images/tlogo.gif) no-repeat 0px 17px;
height: 129px;
position: relative;
}
div#footer {
clear: both;
margin: 0;
color: #333;
background-color: transparent;
height: 80px;
background-color: #fff;
}
div#footer .footer-content {
background-color: #fff;	
}
div#footer .enonic {
background-color: #fff;
height: 80px;
line-height: 80px;
text-align: right;
float: right;
}
div#footer div.footerlogo { float: left; }
div#footer div.footerlogo img { margin-right: 20px; }

div#left-column p, div#right-column p {
	margin: 0 0 1em 0;
}
/* end framework styles */

/* frame styles */
div.frame h4 {
font-weight: bold;
padding: .2em 1em .2em 1em;
font-size: 1em;
text-transform: uppercase;
margin-bottom: 1px;
color: #5d9732;
}
div.frame div{
padding: .2em;
overflow: hidden;
}
/* end frame styles */

/* items styles */
div.item {
border-top: 1px solid #f1efee;
padding: 10px 0 0 0;
clear: both;
margin: 10px 0 0 0;
}
div.item img {
float: left;
}
div#item div.related {
clear: both;
}
div.item.first {
border: none;
padding-top: 0;
margin-top: 15px;
}
div.item img {
margin: 10px 10px 0 0;
}
div.item.first img {
margin-bottom: 10px;
}
div.item h2 {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: normal;
color: #005767;
}
div.byline {
font-size: 10px;
color: #918a8a;
margin: 0;
padding: 0;
}
div.item p {
margin: .5em 0 0.5em 0;
color: #343232;
font-size: 11px;

}
div.read-more {
text-align: left;
}
div.read-more a {
text-decoration: none;
background: url(../../images/greendot.gif) 0 6px no-repeat;
padding: 0 0 0 6px;
margin: 0;
height: 11px;
}
div#item {
margin-top:0;
}
div#item h1 {
margin: 0;
padding: 0;
color: #5d9732;
}
div#item h2 {
margin-bottom: 0;
color: #5d9732;
}
div#item div#images {
float: right;
margin-top: 1em;
}
div#item div#images.products {
float: none;
margin: 0;
padding: 0;
width: 514px;
}
div#item div#images div.image {
margin: 0 0 10px 10px;
}
div#item div#images div.image.products {
margin: 0;
padding: 0;
}
div#item div#images div.image div.text,.sys-Imagetext {
font-size: .8em;
margin-top: .3em;
}
div#item div#preface {
font-weight: normal;
margin-top: 1em;
/* color: #918a8a; */
color: 222;
font-size: 13px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
div#item div#body {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #343232;
}
/* end items styles */

div#user-info {
font-size:1em;
border: 0px solid #000;
color: #333;
margin-top: 20px;
float: right;
}
div.loginform {
float: right;
margin-top: 20px;
width:150px;
border:1px solid #f1efee;
}
div.loginform h2 {
width: 150px;
height: 20px;
color:green;
background-color:#f1efee;
line-height:20px;
margin:0;
padding:0 3px;
}
div.loginform div {
padding: 3px;
}
div.loginform p {
margin: 0;
padding: 2px 0;
}
div.loginform a {
font-weight: bold;
}
div#user-info span.username {
font-weight: bold;
}
div#user-info button, div.loginuser button {
color:  #005767;
font-weight: bold;
padding: 0;
border: 0;
cursor: pointer;
background-color: transparent;	
}

/* CONTENT */

div.content {
border-top: none;
margin-top: 0;
padding-top: 0;
min-height: 400px;
height: auto !important;
height: 400px;
}
div.content.one-column div#body img#frontimage {
margin: 0;
padding: 0;
}
div.content.one-column div#item, div.content.one-column div#item div#body  {
margin: 0;
padding: 0;
}
div.content.one-column div#footer, div.content.one-column div#footer .footer-content {
margin: 0;
padding: 0;
}

/* RIGHT COLUMN, frame and items */
div#right-column div.frame {
border: 1px solid #f1efee;
width: 188px;
margin-bottom: 6px;
}
div#right-column div.frame h4 {
height: 20px;
color: #5d9732;
background-color: #f1efee;
line-height: 20px;
margin: 0;
padding: 0 3px;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}
div#right-column div.frame div {
padding: 3px;
}

/* breadcrumbs */
div#breadcrumbs {
margin: 0 0 8px 0;
padding: 0;
width: 100%;
height: 20px;
line-height: 20px;
background-color: #f1efee;
color: #918a8a;
border: none;
font-size: 11px;
}
div#breadcrumbs a {
font-size: 11px;
text-decoration: none;
color: #005767;
}
div#breadcrumbs div {
padding-left: 6px;
}
form input.putInbasket {
margin-top: 10px;
display: inline;
}