/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */

/*
** HTML elements
*/
* { padding:0px; margin:0px;  }
body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
  font: 77% Tahoma, Arial, Helvetica, sans-serif;
}
tr.odd td, tr.even td {
  padding: 0.5em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.3em;
}
h1 {
  font-size: 1.3em;
  position:relative;

  
  
}
h2 {
  font-size: 1.2em;
}
h3, h4, h5, h6 {
  font-size: 1.1em;
}
p {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
}
a {
  text-decoration: none;
}
a:link {
  color: #f00;
}
a:visited {
  color: #0099FF;
}
a:hover {
  color: #666666;
  text-decoration: underline;
}
fieldset {
  border: 1px solid #ccc;
}
pre {
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
.form-item label {
  font-size: 1em;
  color: #0024FF;
}
.item-list .title {
  font-size: 1em;
  color: #0024FF;
}
.links {
  margin-bottom: 0;
}
.comment .links {
  margin-bottom: 0;
}

/*
** Page layout blocks / IDs
*/
#header, #content {
  width: 100%;
}
#logo {
  vertical-align: middle;
  border: 0;
}
#logo img {
  float: left; /* LTR */
  padding: 0 1em;
  border: 0;
}
#menu {
  padding: 0.5em 0.5em 0 0.5em; /* LTR */
  text-align: right; /* LTR */
  vertical-align: middle;
}
#navlist {
  font-size: 1.0em;
  padding: 0 0.8em 1.2em 0; /* LTR */
  color: #0024FF;
}
#navlist a {
  color: #0024FF;
}
#subnavlist {
  padding: 0.5em 1.2em 0.4em 0; /* LTR */
  font-size: 0.8em;
  color: #0024FF;
}
#subnavlist a {
  color: #0024FF;
}
ul.links li {
  border-left: 1px solid #9cf; /* LTR */
}
ul.links li.first {
  border: none;
}
#search .form-text, #search .form-submit {
  border: 1px solid #369;
  font-size: 1.1em;
  height: 1.5em;
  vertical-align: middle;
}
#search .form-text {
  width: 8em;
  padding: 0 0.5em;
}
#mission {
  padding: 1.5em 2em;
  color: #0024FF;
}
#mission a, #mission a:visited {
  color: #0024FF;
}
.site-name {
  margin: 0.6em 0 0 ;
  padding: 0;
  font-size: 2em;
}
.site-name a:link, .site-name a:visited {
  color: #fff;
}
.site-name a:hover {
  color: #369;
  text-decoration: none;
}

#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
}


#mission, .node .content, .comment .content {
  line-height: 1.4em;
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.breadcrumb {
  margin-bottom: .5em;
}
.messages {
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {
  border-color: red;
}
#footer {
  padding: 1em;
  font-size: 0.8em;
}



/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a {
  font-weight: bold;
  font-size: 1.3em;
  color: #000;
  margin: 0 auto;  /* decrease default margins for h<x>.title */
}
.submitted {
  color: #0024FF;
  font-size: 0.8em;
}
.links {
  color: #FFFFFF;
}
.links a {
}

.block {
  padding-bottom: 0.75em;
  margin-bottom: 1.5em;
}
.block .title {
  margin-bottom: .25em;
  color:#FFFFFF;
}
.block .content {
padding:5px;
padding-bottom: 30px;
  
}

.box .title {
  font-size: 1.1em;
}
.node {
  margin: .5em 0 2em; /* LTR */
}
.sticky {
  padding: .5em;
  border: solid 1px #ddd;
}
.node .content, .comment .content {
  margin: .5em 0 .5em;
}
.node .taxonomy {
  color: #0024FF;
  font-size: 0.8em;
  padding-left: 1.5em; /* LTR */
}
.node .picture {
  border: 1px solid #ddd;
  float: right; /* LTR */
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right; /* LTR */
  font-weight: bold;
  font-size: 0.8em;
  float: right; /* LTR */
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right; /* LTR */
  margin: 0.5em;
}

/*
** Module specific styles
*/
#aggregator .feed-source {
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
  color: #999;
  font-style: italic;
  font-size: 0.9em;
}
#aggregator .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}
#aggregator h3 {
  margin-top: 1em;
}
#forum table {
  background:#000;
  width: 100%;
}
#forum td {
  background:#000;
  padding: 0.5em;
  border-bottom:1px solid #CCCCCC;
}
#forum td.container a {
  color: #555;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
  height: 1.5em;
  border: 1px solid #bbb;
}
#forum td .name {
  color: #96c;
}
#forum td .links {
  padding-top: 0.7em;
  font-size: 0.9em;
}
#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: .5em;
  margin: 1em 0em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}
div.admin-panel .description {
  color: #999;
}

div.admin-panel h3 {
  color: #fff;
  padding: 5px 8px 5px;
  margin: 0;
}

#sidebar-left, #sidebar-right {
  width: 242px; 
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  vertical-align: top;
}


#sidebar-left .block .title { background:url(img/block-head.gif) repeat-x left; height:43px; padding-left:10px; line-height:60px; width:232px}
#sidebar-left .block .content { background:url(img/block-footer.gif) no-repeat bottom; width:232px }

#sidebar-right { text-align:right  } 
#sidebar-right .block .title { background:url(img/block-head2.gif) no-repeat right; height:50px; line-height:60px; padding-right:10px; text-align:right; width:270px}
#sidebar-right .block .content { background:url(img/block-footer2.gif) no-repeat bottom right; width:280px; padding-right:10px; }


#header2 { background:url(img/head-left.jpg) no-repeat left top ; width:100%;}
#header4 { background:#fff ; width:100%;}
#header3 { background:url(img/head-right.jpg) no-repeat right top; width:100%; padding-top:118px }

#footer1 { height:74px; background:url(img/footer.jpg) bottom repeat-x; width:100%; text-align:center; position:relative}



table { border-collapse:inherit}

#block-menu-menu-main { width:100%; padding:0px; height:40px; background:#01327F; background:url(img/menu.gif);   }
#block-menu-menu-main .title { display:none}
#block-menu-menu-main .content { width:100%; height:40px;  }
#block-menu-menu-main * {text-decoration:none; list-style:none; padding:0px; margin:0px; }
#block-menu-menu-main a { color:#fff; font-size:12px; line-height:25px; padding-left:10px; width:100%; height:40px; line-height:40px}
#block-menu-menu-main li { float:left; width:19%; text-align:center; position:relative}


/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}  



* { border-collapse:inherit}

#logo { width:158px; height:65px; background:url(img/logo.vladweb.gif) no-repeat bottom; float:right; }
#address { padding-top:20px; color:#FFFFFF}
#stat { float:right}

.prod { padding:0px; margin:0px; padding-left:20px;  width:385px; height:270px; position:relative;  float:left; background:url(img/321.jpg); position:relative }
.prod * { position:relative}
.prod .title { width:200px; height:50px; position:absolute; left:0px; top:10px; z-index:10; font-size:24px; font-weight: normal}
.prod .content { width:385px; height:250px; }
.prod .content * { display:none; padding:0px; margin:0px; }
.prod .content .field { display:block}
.prod .content .field * { display:block}

.prod .field-field-img { width:180px; height:215px; right:7px; top:0px; position:absolute; }
.prod .field-field-img img { width:180px; height:215px; }
.prod .field-field-cost { background:url(img/cost.gif); padding-left:20px; width:173px; height:67px; font-size:25px; line-height:65px; position:absolute; right:187px; bottom:50px;}
.prod .field-field-about { position:absolute; top:50px; left:0px; width:195px; height:60px; }
.prod .content .field-label { display:none}
.prod .cardinputtext { background:none; position:absolute; top:235px; left:15px; width:125px; border:0px; text-align:center;}
.prod .cardbutton { background:none; position:absolute; top:225px; left:230px; width:143px; height:30px; border:0px; text-align:center}


#block-block-7 .content { font-size:18px}

#zk { float:right;  width:467px; height:30px; padding-top:30px; color:#FFFFFF;}
#zk > em { float:right; }