﻿/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// utility combo
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#utility-combo
{ position:absolute; right:0; width:190px; padding:0 5px 5px 5px; color:#fff; background-color:#011e2c;
	background:#011e2c url(../_images/utility-combo.gif) no-repeat center bottom; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// language selection
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#language-selection
{ margin:10px 0 0 0; text-align:center; }
	div#language-selection p
	{ margin:0; padding:0; line-height:1.8em; }
	div#language-selection img
	{ margin:0; padding:0; background:none; border:0; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// login
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#login
{ }
	div#login p.left
	{ width:100px; margin:0 10px 0 0; padding:0; display:inline; float:left; text-align:center; }
		div#login p.left span
		{ margin:5px 0 0 0; font-size:16px; font-weight:bold; display:block; clear:both; }
		div#login p.left em
		{ font-size:14px; color:#00b4ea; background-color:inherit; }
	div#login p.right
	{ width:80px; margin:0; padding:0; display:inline; float:right; text-align:center; line-height:1.2em; }
	div#login legend
	{ display:none; }
	div#login input
	{ width:90px; margin:0 0 2px 0; padding:4px 5px; border:none; font-size:11px; 
		color:#fff; background:url(../_images/login-input.gif) no-repeat center center; 
		font-family:"Trebuchet MS" , Tahoma, Sans-Serif; }
	div#login p.right a
	{ color:#fff; background-color:inherit; }
	div#login p.right a.login-button
	{ width:70px; display:block; margin:0 0 5px 0; padding:4px; color:#fff; 
		background:url(../_images/login-button.gif) no-repeat center center; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// logotip
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
h1#logotip
{ margin:10px 0 0 0; padding:0; width:210px; height:100px; display:inline; float:left; overflow:hidden;
	background:url(../_images/logotip.gif) no-repeat center center; }
	h1#logotip a
	{ width:210px; height:100px; display:block; background:none; }
		h1#logotip a span
		{ margin-left:-9999px }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// header text
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#header-text
{ position:relative; width:466px; margin:0 0 0 10px; display:inline; float:left; }
	div#header-text h1, div#header-text h2, div#header-text h3
	{ margin:0; padding:0; color:#fff; background-color:inherit; }
	div#header-text h1
	{ position:absolute; top:-10px; left:0; font-size:50px; color:#808080; }
	div#header-text h2
	{ position:absolute; top:30px; left:60px; font-size:38px; font-style:italic; font-weight:lighter; color:#808080; }
	div#header-text h3
	{ position:absolute; top:60px; left:75px; font-size:40px; font-style:italic; font-weight:lighter; color:#808080; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// search
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#search
{ width:190px; border-top: solid 5px #011e2c; }
	div#search fieldset
	{ width:170px; margin:0; padding:5px 10px; }
		div#search fieldset legend
		{ display:none; }
		div#search label
		{ position:relative; width:170px; height:20px; background:url(../_images/search-input.gif) no-repeat top center; 
			display:block; overflow:hidden; }
			div#search label input.search-text
			{ border:none; width:135px; height:20px; padding:2px 25px 0 10px; background-color:transparent;
				font-family:"Trebuchet MS" , Tahoma, Sans-Serif; font-size:12px; color:#fff; }
			div#search label input.search-button
			{ position:absolute; right:5px; width:25px; height:20px; background-color:transparent; border:none; cursor:pointer; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// catalog menu
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#catalog-menu
{margin:0 0 5px 0; padding:0 0 10px 0; background:url(../_images/shade.jpg) repeat-x bottom; }
	div#catalog-menu h2
	{ width:180px; margin:0; padding:5px 5px 0 5px; font-size:12px; text-transform:uppercase; color:#fff; 
		background:#ff0808 url(../_images/shade-2.gif) repeat-x top; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// registered user menu
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#registered-user-menu
{ margin:0 0 5px 0; padding:0 0 10px 0; background:url(../_images/shade.jpg) repeat-x bottom; }
	div#registered-user-menu h2
	{ width:180px; margin:0; padding:5px 5px 0 5px; font-size:12px; text-transform:uppercase; color:#fff; 
		background:#00b4ea url(../_images/shade-2.gif) repeat-x top; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// newsletter
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#newsletter
{ width:190px; margin:0 0 10px 0; padding:0 0 10px 0; background:url(../_images/shade.jpg) repeat-x bottom; }
	div#newsletter h2
	{ width:180px; margin:0; padding:5px 5px 0 5px; font-size:12px; text-transform:uppercase; color:#fff; 
		background:#011e2c url(../_images/shade-2.gif) repeat-x top; }
	div#newsletter fieldset
	{ width:170px; margin:0; padding:5px 10px; }
		div#newsletter fieldset legend
		{ display:none; }
		div#newsletter label
		{ position:relative; width:170px; height:20px; background:url(../_images/newsletter-input.gif) no-repeat top center; 
			display:block; overflow:hidden; }
			div#newsletter label input.newsletter-text
			{ border:none; width:135px; height:20px; padding:2px 25px 0 10px; background-color:transparent;
				font-family:"Trebuchet MS" , Tahoma, Sans-Serif; font-size:12px; color:#fff; }
			div#newsletter label input.newsletter-button
			{ position:absolute; right:5px; width:25px; height:20px; background-color:transparent; border:none; cursor:pointer; }



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// poll
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#poll {margin:0px 0px 10px;padding:0px 0px 5px;background-color: #EDEDED;border-bottom: 3px solid #011E2C;}
div#poll h2 {margin:0 0 5px;padding:0px 5px 0;font-size:12px;text-transform:uppercase;color:#fff;background:#011e2c;}
	div#poll p {text-align:left;color:#011E2C;display:block;width:170px;padding:0px 10px;margin:0px 0px 10px;font-size: 11px;}
		div#poll ul { margin:0px; padding:0px 0px 10px; background:transparent url(none); }
			div#poll li { display:block; vertical-align:middle; width:170px; clear:both; float:left; padding:0px; margin:0px 0px 2px; list-style: url(none) none; }
				#poll label { display:block; float:left; width:135px; padding-left:3px; padding-top:2px; font-size:11px;color:#011E2C }
				div#poll .radioButton { display:block; float:left; width: 20px; }
					div.centered { clear:both; margin:0px; padding:10px 0px 0px; height:25px; text-align:center; display:block; }
						button.submitBtn {background: #F7F7F7 url(none);color: #ff0808;cursor:pointer;margin: 0px 2px 0px 0px;padding: 0px 5px;font: bold 12px "Trebuchet MS";border: 1px solid #d0d0d0;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// poll results
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#pollResults
{ display: 				inline; float: 					left; font-size: 				12px; width: 					455px; margin:  				0px 0px 0px 5px; padding:  				5px 0px 0px; 
}

#pollResults #pollQuestion
{ color:  				#011E2C; text-align:  			center; margin:  				0px; padding:  				10px 5px 0px 0px; font-size:  			12px; text-transform: uppercase; 
}

#pollResults dl.surveyResults
{
			margin: 				0px;
}

#pollResults dl.surveyResults dt
{ margin-top: 			10px; padding-bottom: 		1px; padding-top: 			1px; color:  			 	#FF0808; font-size:  			11px; font-weight: normal; 
}

#pollResults dl.surveyResults .votes
{ color: 				 	#C2C2C2; display: 				block; margin-bottom: 			1px; margin-top: 			1px; font-size:  			10px; font-weight: normal; 
}

#pollResults dl.surveyResults dd
{ background: 			#F2F2F2 repeat scroll 0%; margin: 				0px 0px 20px; padding: 				0px; 
}

#pollResults dl.surveyResults .results
{ background: 			#00B4EA repeat scroll 0%; color: 				 	#FFFFFF; font-weight: 			bold; padding: 				1px; text-align: 			right; font-size:  			11px; 
}

#pollResults #messages
{
			margin: 				0px 0px 10px;
			padding: 				10px;
			font-size:  			11px;
			list-style: url(none) none outside;
}

#pollResults #messages li
{
			background: 			transparent url(../images/bullet.gif) no-repeat 0px 7px;
}



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// header banner
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#header-banner
{ width:466px; border-top: solid 5px #011e2c; margin:0 0 5px 0; padding:0 0 10px 0; display:block; overflow:hidden; 
	background:url(../_images/shade.jpg) repeat-x bottom; }
	div#header-banner img
	{ margin:0; padding:0; border:none; display:block; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// intro
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#intro
{ width:466px; margin:0 0 5px 0; padding:0 0 10px 0; background:url(../_images/shade.jpg) repeat-x bottom; overflow:hidden; }
	div#intro  p#intro-image
	{ margin:0 10px 10px 0; padding:5px 0 0 0; width:135px; display:inline; float:left; }
	div#intro p.links
	{ margin:0; padding:5px; text-align:right; font-size:12px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// apart products
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#apart-products
{ width:466px; margin:0 0 5px 0; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// apart product
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.apart-product
{ width:466px; display:block; margin:5px auto; padding:5px 0 20px 0; 
	background:url(../_images/shade.jpg) repeat-x bottom; overflow:hidden; }
	div.apart-product div.apart-image
	{ width:135px; margin:0; display:inline; float:left; }
	div.apart-product div.apart-product-summary
	{ width:330px; display:inline; float:right; }
		div.apart-product div.apart-product-summary h3
		{ margin:0; padding:0px 5px; display:block; text-align:center; text-transform:uppercase; font-weight:bold; }
		div.apart-product div.apart-product-summary p
		{ margin:0; padding:5px; }
		div.apart-product div.apart-product-summary p.links
		{ text-align:center; font-size:12px; }
		
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// content list
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.content-list
{ width:466px; display:block; margin:5px auto; padding:5px 0 20px 0; 
	background:url(../_images/shade.jpg) repeat-x bottom; overflow:hidden; }
	div.content-list div.apart-image
	{ width:135px; height:135px; margin:0; display:inline; float:left; /*background:url(../_images/dummy-image.gif) no-repeat center center;*/ }
	div.content-list div.content-summary
	{ width:330px; display:inline; float:right; }
		div.content-list div.content-summary h3
		{ margin:0; padding:0; display:block; text-align:center; text-transform:uppercase; font-weight:bold; }
		div.content-list div.apart-product-summary p
		{ margin:0; padding:5px; }
		div.content-list p.links
		{ text-align:center; font-size:12px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// links
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
p.links
{ text-align:center; font-size:24px; font-weight:bold; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// news
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#news
{ width:190px; margin:0 auto 10px auto; padding:0 0 10px; background:url(../_images/shade.jpg) repeat-x bottom; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// news item
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.news-item
{ background:#fdfdfd url(../_images/shade-2.gif) repeat-x top; padding:10px 0 0 0; }
	div.news-item h3
	{ margin:0 0 10px 0; padding:0 5px; font-size:14px; }
	div.news-item p.intro-image
	{ margin:0 5px 5px 0; display:inline; float:left; }
	div.news-item p
	{ margin:0; padding:0 5px; }
	div.news-item p.links
	{ text-align:right; margin:0; padding:0 5px; font-size:12px; }
	div.news-item p.date
	{ margin:0; padding:15px 5px 0 5px; background:#707070 url(../_images/shade-3.jpg) repeat-x top; color:#fff; text-align:right; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// date
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
p#date
{ width:75px; margin:15px 10px 10px 0; text-align:center; border: solid 1px #f1f1f1; display:inline; float:left;
	background:url(../_images/shade-2.gif) repeat-x bottom; }
	span#year
	{ display:block; color:#fff; background-color:#011e2c; }
	span#day
	{ display:block; font-size:24px; padding:5px; color:#ff0808; background-color:#fff; }
	span#month
	{ display:block; font-size:14px; color:#000; background-color:inherit; }

p#search-term strong
{ padding:2px 10px; color:#fff; background-color:#707070; font-weight:100; border:solid 1px #00b4ea; }
		
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// apart image
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.apart-image
{ width:135px; margin:10px 25px 10px 10px; display:inline; float:left; clear:left; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// gallery
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.gallery
{ display:block; clear:both; margin:0 0 5px 0; padding:0 0 5px 0; 
	background:url(../_images/shade.jpg) repeat-x bottom; }
	div.gallery div.row
	{ padding:5px 0 5px 0; }
		div.gallery div.row a
		{ text-decoration:none; }
		div.gallery div.row img
		{ width:70px; height:70px; margin:0 5px 0 5px; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// bound documents
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.bound-documents
{ display:block; clear:both; margin:0 0 5px 0; padding:0 0 5px 0; 
	background:url(../_images/shade.jpg) repeat-x bottom; }
	div.bound-documents ol li
	{ }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// banners
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ul.banners
{ width:190px; border-top: solid 5px #011e2c; margin:0 0 10px 0; padding:0 0 5px 0; 
	background:url(../_images/shade.jpg) repeat-x bottom; } 
	ul.banners li
	{ list-style:none; margin:0; padding:0; text-align:center; }
		ul.banners li img
		{ margin:0; padding:0; border:0; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// row -  for images ( gallery )
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.row
{ padding:0 0 .5em 0; clear:both; overflow:hidden; display:block; width:100%; }
	div.row a
	{ text-decoration:none; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// pagination
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ol.pagination 
{ width:100%; background:#fdfdfd; margin:.5em auto; display:block; clear:both; overflow:hidden; }
ol.pagination ol,
ol.pagination li
{ margin:0; padding:0; list-style:none; border:0; }
	ol.pagination li
	{ display:inline; float:left; }
	ol.pagination li.current,
	ol.pagination li.arhive
	{ font-size:85%; width:100%; display:block; margin:0 0 1em 0; clear:both; text-align:center; text-transform:uppercase; }
		ol.pagination li.current h2,
		ol.pagination li.arhive h2
		{ margin:0; padding:0; line-height:1.5em; border:none; }
	ol.pagination li.pages
	{ float:left; margin:0 1em; }
		ol.pagination li.pages ol li
		{ float:left; display:inline; margin:0 .7em 0 0; }
	ol.pagination li.pages a
	{ display:block; width:2em; text-align:center; }
		ol.pagination li a.active
		{ color:#00b4ea; background-color:inherit; font-weight:bold; font-size:125%; border:solid 1px #ff0808; }
		ol.pagination li.first, 
		ol.pagination li.previus
		{ float:left; }
		ol.pagination li.next, 
		ol.pagination li.last
		{ float:right; }
			ol.pagination li.first a,
			ol.pagination li.previus a,
			ol.pagination li.next a,
			ol.pagination li.last a
			{ font-weight:bold; font-size:125%; color:#00b4ea; text-align:center; background-color:#fff; 
				display:block; width:25px; height:25px; }
			ol.pagination li.first a
			{  }
			ol.pagination li.previus a
			{  }
			ol.pagination li.next a
			{  }
			ol.pagination li.last a
			{  }

div.content-summary p { height:70px; overflow:hidden; }
div.content-summary p.date { height:auto; overflow:visible; }
div.content-summary p.links { height:auto; overflow:visible; }

div.apart-product-summary p { height:70px; overflow:hidden; }
div.apart-product-summary p.links { height:auto; overflow:visible; }

div.news-item p { height:70px; overflow:hidden; }
div.news-item p.intro-image { height:auto; overflow:visible; }
div.news-item p.date { height:auto; overflow:visible; }
div.news-item p.links { height:auto; overflow:visible; }