/*
  CSS Framework v.2.5

  Author: Kamil Kuczmera 
  E-mail: kamil@kuczmera.com
  Modification: 27.03.2010
*/

/* Global reset */
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,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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
input,button{overflow:visible}strong{font-weight:bold}em{font-style:normal}button{cursor:pointer}

/* Default classes */
.margin-top{margin-top:15px}.margin-bottom{margin-bottom:15px}.margin-left{margin-left:15px}.margin-right{margin-right:15px}
.left{float:left}.right{float: right}.clear{clear:both}
.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.middle{vertical-align:middle}
.block { display: block; }
.blue { color: #0056a1; }

/* Basic selectors styles */
h2 { font: normal 18px Arial, sans-serif; color: #6b828d; margin-bottom: 15px; }
h3 { font: bold 14px Arial, sans-serif; color: #ff7e00; margin-bottom: 10px; }

a { color: #0056a2; text-decoration: none; outline: none; cursor: pointer }
a:hover { text-decoration: underline; }
p { margin-bottom: 15px; }

html { 
	height: 100%;	
}
body {
	padding: 25px 0;
	font: 11px/140% Arial, Tahoma, Helvetica, sans-serif;
	color: #494949;
	background: #f2f5f5;
}	

/* Container
---------------------------------------------- */
#container { width: 964px; margin: 0 auto; background: #fff url(../img/bg.gif) repeat-y;  }	
	
	
	/* Header
	---------------------------------------------- */
	#header { height: 120px; background: url(../img/header/bg.gif) no-repeat; }	
		
		/* Logo */
		#header h1 { float: left; width: 335px; height: 57px; padding: 35px 0 0 20px; }	
		#header h1 a { display: block; height: 100%; background: url(../img/header/logo.gif); text-indent: -999999px }
		
		/* Menu */	
		#menu, #menu .first, #menu .menu-item-1 { background: url(../img/header/menu.gif) right bottom no-repeat; }
		#menu { position: relative; top: 45px; right: 24px; float: right; height: 30px; }
		#menu li { float: left; height: 30px; line-height: 30px; padding-left: 2px; background: url(../img/header/sep.gif) repeat-y; }
		#menu .first, #menu .menu-item-1 { background-position: 0 0; }
		#menu a { float: left; padding: 0 15px; color: #fff; }
		#menu strong { font-weight: normal; }
		
		/* Breadcrumbs */
		#breadcrumbs { height: 28px; line-height: 28px; padding: 1px 20px 0; margin: 0 5px 20px 1px; border-bottom: 1px solid #d5d5d5; background: #f1f3f4 url(../img/header/breadcrumbs.gif) repeat-x;  }
		#breadcrumbs li { float: left; padding-right: 30px; margin-right: 15px; font-size: 11px; background: url(../img/header/breadcrumbs-sep.gif) right center no-repeat; }
		#breadcrumbs .last { font-weight: bold; background: none; }
		#breadcrumbs .last a { color: #494949; }

	/* Sidebar
	---------------------------------------------- */
	#sidebar { float: left; width: 230px; padding-left: 20px; margin-bottom: 10px; }
		
		/* Newsletter */
		#newsletter fieldset { margin-top: 10px; overflow: hidden; height: 100%; }
		#newsletter input { width: 186px; padding: 5px 10px; margin-bottom: 10px; font: 12px Arial, sans-serif;  color: #494949; background: #f8f8f8; border: 1px solid #e0e0e0; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
		#newsletter .link { float: right; }

	/* Content
	---------------------------------------------- */
	#content { float: right; width: 670px; padding-right: 24px; margin-bottom: 10px; }
	.contents { padding: 0 20px 10px; margin: 0 5px 0 1px; }
	.bordered { margin-bottom: 15px; background: url(../img/content/border.gif) 0 bottom repeat-x; }
		
		/* Box */
		.box { border: 1px solid #e0e0e0; margin-bottom: 15px; }
		.box .content { padding: 5px 10px; overflow: hidden; height: 100%; }
			.c { position: relative; height: 7px; line-height: 0; font-size: 0; background: url(../img/content/c.gif) no-repeat; }
			.c .r { position: absolute; right: -2px; width: 7px; }
			.b { left: -1px; bottom: -1px; }
			.b .r { background-position: 0 -7px; }
			.t { left: -1px; top: -1px; background-position: 0 -21px; }
			.t .r { background-position: 0 -14px; }
		.box .header { top: -1px; right: -1px; color: #000; margin-bottom: 5px; }
		.box .header, .box .header strong, .box .header a { color: #494949; position: relative; display: block; height: 40px; background: url(../img/content/h.gif) right bottom no-repeat; }
		.box .header strong, .box .header a { left: -2px; padding: 0 10px; line-height: 40px; background-position: 0 0; }
		
		/* Lists */
		.list1, .product-styles ul { margin-bottom: 15px; }
		.list1 li, .product-styles li { padding: 5px 0 5px 25px; background: url(../img/content/check.gif) 0 5px no-repeat; }
		.list2, .product-tech ul { margin-bottom: 15px; }
		.list2 li, .product-tech li { padding: 5px 0 5px 15px; background: url(../img/content/arr.gif) 2px 10px no-repeat; }
		.list2 .info, .product-tech .info { padding: 10px 15px 10px 40px; font-size: 11px; color: #0056a1; background: #f3ffec url(../img/content/info.gif) 15px 11px no-repeat; border: 1px solid #e0e0e0; }
		
		/* Link */
		.link, .link strong, .link button, .link input { float: left; height: 30px; background: url(../img/header/menu.gif) right bottom no-repeat; }
		.link strong, .link button, .link input { font: bold 12px/29px Arial, sans-serif; color: #fff; padding: 0 10px; background-position: 0 0; border: 0; }
		.link:hover { text-decoration: none; }
		.link.right { float: right; }
		
		/* Items */
		.item .content { display: block; text-align: center; }
		.item img { vertical-align: middle; margin-bottom: 10px; }
		
		/* Banner */
		#banner { position: relative; width: 658px; height: 218px; overflow: hidden; padding: 5px; margin-bottom: 15px; border: 1px solid #e0e0e0; }
		#banner .wrapper { width: 658px; height: 218px; overflow: hidden; }
		#banner li { width: 658px; height: 218px; }
		#banner img { display: block; }
		#banner .prev, #banner .next { position: absolute; z-index: 20; width: 22px; height: 22px; bottom: 20px; _margin-right: 25px; background: url(../img/content/p.png) no-repeat; text-indent: -999999px; }
		#banner .prev { right: 49px; }
		#banner .prev:hover { background-position: 0 bottom; }
		#banner .next { right: 20px; background-position: right 0; }
		#banner .next:hover { background-position: right bottom; }
		
		/* Latest news */
		.latest-news { font-size: 11px; }
		.latest-news li { margin-bottom: 5px; }
		.latest-news img { vertical-align: middle; }
		
		/* Tabs */
		.tabs { overflow: hidden; height: 100%; margin-bottom: 25px; }
		.tabs-item { padding: 15px; }
		.tabs-menu { height: 36px; background: url(../img/content/tabs-bg.gif) 0 bottom repeat-x;  }
		.tabs-menu li { float: left; height: 30px; padding: 6px 15px 0 0; margin-right: 15px; background: url(../img/content/tabs-sep.gif) right center no-repeat;  }
		.tabs-menu .last { margin: 0; padding-right: 0; background: none; }
		.tabs-menu a, 
		.tabs-menu strong { float: left; height: 30px; background: url(../img/content/tabs.gif) -100px -100px no-repeat; }
		.tabs-menu a { color: #494949; text-decoration: none; }
		.tabs-menu strong { padding: 0 15px; line-height: 30px; text-align: center; font-weight: normal; }
		.tabs-menu a:hover, 
		.tabs-menu .active a { background-position: right bottom; text-decoration: none; }
		.tabs-menu a:hover strong, 
		.tabs-menu .active a strong { background-position: 0 0; }
		
		#home-tabs .tabs-menu a strong { width: 173px; }
		#home-tabs .content { overflow: hidden; }
		#home-tabs .tabs-item img { float: right; margin-left: 15px; }
		#home-tabs .tabs-item .link { float: right; }
		
		/* Contact */
		.contacts li { padding: 5px 0 5px 25px; background: 0 5px no-repeat; }
		.contacts .phone { background-image: url(../img/content/phone.gif); }
		.contacts .fax { margin-bottom: 15px; background-image: url(../img/content/fax.gif); }
		.contacts .info { background-image: url(../img/content/info.gif); }
		
		#contact fieldset { float: right; width: 500px; overflow: hidden; height: 100%; margin-bottom: 10px; }
		#contact fieldset ul { margin-bottom: 10px; }
		#contact fieldset li { margin-bottom: 5px; }
		#contact label { display: block; color: #0056a2; margin-bottom: 5px; }
		#contact li input { width: 230px; padding: 3px 5px; color: #494949; border: 1px solid #bebebe; }
		#contact li textarea { width: 97%; padding: 3px 5px; font: 12px Arial, sans-serif; color: #494949; border: 1px solid #bebebe; }
		#contact fieldset .link { float: right; }
		#contact .terms { float: left; line-height: 30px; }
		#contact .terms input { vertical-align: middle; }
		
		/* Categories */
		.categories { overflow: hidden; height: 100%; *padding-bottom: 15px; }
		.categories li { float: left; width: 290px; margin: 0 0 15px 20px; display: inline; }
		.categories .content { display: block; height: 200px; padding: 10px 15px; }
		.categories img { display: block; margin: 0 auto 10px; }
		
		/* Products */
		.products { overflow: hidden; height: 100%; *padding-bottom: 15px; }
		.products li { float: left; width: 290px; margin: 0 0 15px 20px; display: inline; }
		.products .content { display: block; height: 400px; padding: 10px 15px; }
		.products img { display: block; margin: 0 auto; }
		.products a span { display: block; margin-bottom: 15px; color: #494949; }
		.products a:hover span { color: #0056a2; }
		
	

	/* Footer
	---------------------------------------------- */	
	#footer { padding: 15px 0 0; clear: both; text-align: center; font-size: 11px; background: #f2f5f5 url(../img/footer/bg.gif) no-repeat;  }