* { margin: 0; padding: 0; font-size:100%; font-family: Arial, Helvetica,sans-serif;} 

a:hover {text-decoration: none; color:#bbcdd3}
body{ text-align:center;background: white url('../../../imgs/innergy/bg-top.png') 0px -26px repeat-x; }
#main{width:990px; position:relative; margin:0px auto; text-align:left; background: url('../../../imgs/innergy/bg.png') repeat-y;}
#main .border{ position:relative;}

a img{border:none;}
a{color:black;}
a:hover{color:black;}

.bgTopRight, .bgTopLeft, .bgBottomLeft, .bgBottomRight {width:175px; height:15px;} 
.bgTopRight {background: url('../../../imgs/innergy/bg-box-top-right-round.gif') no-repeat}
.bgTopLeft {background: url('../../../imgs/innergy/bg-box-top-left-round.gif') no-repeat}
.bgBottomLeft{background: url('../../../imgs/innergy/bg-box-bottom-left-round.gif') no-repeat}
.bgBottomRight{background: url('../../../imgs/innergy/bg-box-bottom-right-round.gif') no-repeat}

#header{ width:660px;  }
.border {background: url('../../../imgs/innergy/bg-header.png')  0px 0px no-repeat;}
#header h1 {position:relative; float:left; width:227px; height: 90px; margin-left:30px;_margin-left:15px; margin-top:30px;}
#header h1 span {position: absolute; top: 0px; left: 0px; width: 227px; height: 90px;background: url('../../../imgs/innergy/logo-innergy.gif') no-repeat top left;cursor:pointer}

#header h2.headingDesc {text-transform: uppercase; font-weight:normal; float:left; margin-top:65px; margin-left: 30px }
#header h2.headingDesc strong {font-weight:bold; font-size: 121%}


.leftTopContent{width: 430px; position: relative; float:left; left:1px; top:4px;}
.rightTopContent{width: 230px; float:right;}

.navigation{ font-size:70%; font-weight:normal;margin-bottom:10px; margin-top:20px; margin-left:10px;}
.navigation a{color:#ED1C24}

#contentTitle {height:32px; padding-left: 44px; padding-top: 2px; font-size: 160%; background: url('../../../imgs/innergy/bg-nadpis.gif')  0px 0px no-repeat; color: #ED1C24; margin-left:10px;}

#contentInfo  {padding-top:2px; font-size: 70%; text-align:justify;padding-right:3px}
	/*#search {border:1px solid #478B38;border-bottom:none; background: url('../../../imgs/web/bg-search.gif') repeat-x bottom; height:48px;}
	#search h4{padding-left:4px; padding-top:4px; font-size:80%; }
	#search input{margin-left:4px; float:left;font-size:90%; height:20px; border:1px solid  #C4C5A6; width:100px; }
	#search .button{width:25px; background:#9E252A; color:#FFF; height:22px;  font-size:70%; font-weight:bold; cursor:pointer;}
	*/

#search {position: relative; float: left; top: 9px; }
#search label {display:none; }
#search input {width:119px; font-size:100%; height:19px;  color:#AAA; border:1px solid #CCC; float:left;}
#search .button{width:21px; color:#000; height:21px; font-weight:bold; cursor:pointer; border:0px; margin-left:3px}
	
	
	
	
	#black_box{background-color: black; width: 660px; height:33px; position: relative; float: right;right:6px; top:12px}
	
	#mailer {position: relative; float: left; top: 6px; left: 12px}
	#mailer h4{vertical-align:middle;color: white; font-size:75%; font-weight: normal;display:inline; margin-right:12px;}
	#mailer p{display:inline}
	#mailer input{vertical-align:middle;}
	#mailer .text{width:147px; height: 19px; border: white 1px solid; color:#AAA;  font-size:85%; }
	#mailer .button{width:23px; background-color:#FFF200; color:#000; border:0px; height:21px; font-size:73%; cursor:pointer;}

	





#leftCol{position: relative;float:left; width:185px;}
#leftCol div,#leftCol h2,#leftCol h4, #leftCol p{margin-left:26px}
	#leftCol .box{margin-left:0px}
	#leftCol .box ul{margin-left:26px}
	#leftCol .box li label{font-size:80%;}
	


	#leftCol h2 {font-size: 115%;padding-left: 4px;}
	#leftCol h3 {padding-left: 15px;border-left: 15px #FFF200 solid; border-bottom: 1px black dotted;line-height:24px; font-size:85%;}
	#leftCol h4 {padding-left: 4px;padding-top: 8px; line-height:20px; font-size:80%;}
	#leftCol p {padding-left: 4px; font-size: 75%}
	#leftCol a{text-decoration: none; }
	#leftCol li a{padding-left: 4px;font-size: 80%}
	#leftCol #actual_category {font-size: 120%; background-color:#FFF200; padding-left: 4px;padding-right:4px}
	#leftCol li{list-style-type: none; }

	
	#leftCol #filter2 .button{background:#FFF200; color:#000; height:22px; font-size:70%; font-weight:bold; cursor:pointer; border:0px;margin-left:26px; margin-bottom:8px;}
	#filter2  input { margin-right:4px; }
	#filter2 .priceFilter input {color: #AAA;width:88px; margin-left:4px;  height:14px; border:1px solid  #CCC; margin-bottom:4px; font-size:80%; padding:3px;}

	#menu{ width:174px; line-height: 0.8em; background: #c3e97a;}
	#menu .delimiter{border-top:1px solid #94c437; border-bottom:1px solid #d9f99b;  width:155px; height:0px;   }
/*#menu{text-align: right;width:640px; background-color:#D9D9D9;margin-right: 16px;_margin-right: 20px}*/
	
	/*#menu h3, #menu ul{padding-left:10px;padding-right:10px;}*/
	#menu ul{margin-left:16px}
	#menu li{list-style-type: none; padding:4px 0px; _height:16px; _padding:2px; }
	#menu li a {color:black}
	#menu a{text-decoration: none; font-size: 80%; color:black;  display:block;}
	#menu a:hover{ font-weight: bold}
	#menu li.active a{ font-weight: bold}
	#menu li.active ul li a{font-weight: normal;}
	#menu li.active ul li.active a{font-weight:bold;}
	#menu li.active ul li a:hover{ font-weight:bold;}
	#menu li ul{padding:0px; margin:0px;}
	#menu li ul li{padding:0px; margin:0px; float:none;}
	#menu li ul li a{padding:4px; padding-left:10px; font-weight:normal; color:black}
	
	#subitem1,#subitemw6, #subitem2{position:absolute;bottom:22px; background:#D1D1D1; width:160px;z-index:50;}
	#subitem1 li,#subitem2 li, #subitemw6 li{border-top:1px solid grey; width:100%; z-index:50;}
	#subitem1 *,#subitemw6 *, #subitem2 *{z-index:50;}
	
	#item1, #item2, #itemw6{position:relative;}

#rightColumn{float:right; width:175px; font-size:70%; margin-right:21px;  margin-top:40px;  }
#rightColumn a {color: #01425b;}
#rightColumn h2.name {font-size: 150%; margin-bottom:5px}
#rightColumn img{margin-bottom:4px;}

#rightColumn .contact {line-height: 25px; margin-bottom:20px; text-align: right; padding-right: 10px}

#rightColumn .loginAndSearch {padding-left:10px}

#rightColumn .rightBox {clear:both; margin-top:50px; line-height: 1.4em; background: #c3e97a;}
#rightColumn .rightBox .inner {margin-left:10px; width:160px}
#rightColumn .rightBox p {padding: 4px 0}
#rightColumn .rightBox p a {background:url('../../../imgs/web/bg-link.gif') no-repeat 0px 2px; display:block; padding-left:16px}
#rightColumn .rightBox h2 {font-size:135%; padding-bottom:3px; padding-top:7px}
#rightColumn .delimiter{border-top:1px solid #94c437; border-bottom:1px solid #d9f99b;  width:155px; height:0.5px;  margin-top:7px; margin-bottom:2px }
#rightColumn .inbox {background: #c3e97a;}
#rightColumn .inbox h2 {padding-left:15px; font-size: 162%}
#rightColumn .inbox p {padding-bottom:5px}
#rightColumn .inbox a {padding:3px 0px; padding-left:15px}
#rightColumn .inbox a.img {padding: 0px}
#rightColumn .inbox .inner {margin-left:12px; width:150px}

#rightColumn .distribution {margin-top:20px; padding-left:10px}
#rightColumn .distribution h2 {font-size:130%;}

#leftColumn {float:left; clear:both; width:176px; margin-top:15px;}
#leftColumn .leftBox {margin-top: 25px; font-size:80%; line-height: 2.2em; width:174px; font-size: 72%;}
#leftColumn .leftBox a	{color: #01425b; text-decoration: underline; cursor: pointer;}
	#leftColumn .leftBox h3 {padding-bottom:5px; font-size: 110%}
	#leftColumn .leftInfoBox h3 a, #leftColumn .leftInfoBox a.img {background: none; text-decoration: none; color:black; padding:0px}
	#leftColumn .leftBox p {padding-bottom:5px}
	#leftColumn .currentBox {margin-left:16px; line-height: 1.3em; padding-right:5px; padding-bottom:10px; font-size: 102%;}	
	#leftColumn .leftInfoBox {margin-top:15px; background: #c3e97a; line-height: 1.3em;}
	#leftColumn .leftInfoBox .inner{margin-left:15px; width:154px}
	#leftColumn .leftInfoBox a {background:url('../../../imgs/web/bg-link.gif') no-repeat; padding-left:15px }

   #mainColumn {float:left; width:570px;  }
	#mainColumn #home  {margin-left:0px; margin-top:10px;}
	#mainColumn .inbox {margin-left:20px}
	
    #mainColumn .middleBoxes {width: 250px; float:left; margin-left:25px; margin-bottom:25px; }
	#mainColumn .middleBoxes a {color:black; text-decoration: none; font-size: 140%}
	#mainColumn .bottomImg {margin-left:20px}

#mainCon .nadpis {text-transform: uppercase; font-size: 130%; }
#mainCon .nadpis span {display:block; margin-top:10px}
#mainCon ul {margin-left:5px}
#mainCon ul li {list-style: disc; font-size:90%;}
#mainCon img {margin-right:30px}
#mainCon a {float:right}
	
#content{ width:760px; border-right:0px solid #C4C5A6; text-align:right; padding-left:18px; float:left; clear: left}
#content h2{font-size:145%; margin-bottom:4px; margin-top:8px}
    #content a{color:#ED1C24;}
    .anotation{padding:0px 0px; font-size:110%; font-weight:bold; padding-bottom:8px;}
    
	#newsList .text{font-size:75%; padding:8px 0px;}
	#newsList a{font-size:75%;padding-left:8px;}
	#newsList h3{font-weight:normal; font-size:120%;}
    .newsItem{font-size:75%; margin-bottom:8px; padding-left:8px;}
	
	.safepd{text-align:left;}
	.infoBox{border:1px solid #C4C5A6; width:314px; height:148px; overflow:hidden; float:left; background:url('../../../imgs/web/bg-bottom-box.gif') repeat-x bottom; margin-right:16px;}
	.infoBox .safepd{padding:8px;}
	.infoBox img{float:left; margin-right:8px;}
	.infoBox h3{font-size:90%; color:#9E252A; margin-bottom:2px;}
	.infoBox p{font-size:75%; margin-bottom:4px;}
	.infoBox a{float:right;}
	
	.squareBanner{border:#C4C5A6 1px solid; width:148px; height:148px; float:left; overflow:hidden;}
	.squareBanner h4{font-size:70%; color:#C4C5A6;margin-left:12px}
	.squareBanner img{margin-left:12px}
	

	#bottomPage{float:right;margin-bottom:8px;}
	#topPage{float:right;}
	#topPage a, #bottomPage a{ text-decoration:none; color:#000; font-size:90%;}
	#topPage a.a, #bottomPage a.a{ color:#9E252A; }

#content #order {font-size:90%;}
	#content #orderInfo  input {width:200px; margin-left:4px; height:14px; border:1px solid  #CCCCCC; margin-bottom:4px; font-size:80%; padding:3px;}
	#content #orderInfo textarea{width:200px; margin-left:4px; height:40px; border:1px solid  #CCCCCC; margin-bottom:4px; font-size:80%; padding:3px;}
	#content #orderInfo .required, #register .r{border-left:1px solid #ED1C24; background:#FBFEF2;}
	
	#register .submit, #content #order .submit{
	font-size:90%; height:24px; padding:2px; border:1px solid  #CCCCCC;  
	 background:#ED1C24; color:#FFF; font-weight:bold; cursor:pointer;}
	 
	#content #orderInfo h3{margin-top:4px;}
	#content #orderInfo th{ width:200px; font-size:90%;}
	#content #order .error{color:#ED1C24;}
	#register{font-size:75%; padding:10px; float:left; width:580px; }
	#register th{width:180px; text-align:right;}
	#register  input {width:200px; margin-left:4px; height:14px; border:1px solid  #CCCCCC; margin-bottom:4px; padding:3px;}	
	


	#article {font-size:80%; padding:10px; float:left; padding-top:0px;}
	#article p{margin:4px 0px;}
	#article ul{}
	#article li{margin-left:16px; list-style:square;margin-top:2px; margin-bottom:2px;}
	#article h1{margin:4px 0px 2px 0px; font-size:160%;}
	#article h3{margin:8px 0px 2px 0px;font-size:120%; }
	#article h4{margin:2px 0px 2px 0px;}
	
	#orderChart input{ width:30px;}

#footer{font-size:65%; margin-top:16px;padding-top:18px;background: white url('../../../imgs/innergy/bg-bottom.png') center top no-repeat;margin-bottom:30px;}
/*#footer li{ background:url(../../../imgs/web/bg-footer.gif) 0px 1px;; line-height:22px; height:22px; border:1px solid #C4C5A6; list-style:none; float:left;}*/
#footer ul{padding-top:14px; padding-left: 25px}
#footer li{list-style-type:none; position:relative;float: left; font-weight:bold}
#footer #firstUl li{margin-right:18px;}
#footer #secondUl{padding-top:6px;}
#footer #secondUl li{margin-right:16px;}
#footer #thirdUl{padding-top:11px;}
#footer #thirdUl li{margin-right:0px;}
#footer a, #footer li span{padding:0px 8px; text-decoration:none; color: #5C5C5C;}
/*#footer .author{width:140px; margin-right:16px; text-align:center;}*/
#footer .normal{font-weight:normal}

.infoBoxes{margin-top:24px;}
.cl{clear:both; line-height:1px; font-size:1px; margin-top:-1px;height:0px;}


.glt-elm{position: absolute;	z-index:15;left: 0;	top: 0;	width: 161px;	color: #000;	opacity: 0.9;	visibility: hidden;}
.glt-elm p{	background: #F2F2F2;	margin: 0;	padding: 5px 5px; font-size:70%; border:1px solid #ED1C24;}
.glt-elm img{	display: block;}

.maleLogo{ background:url('../../../imgs/web/bg-link.gif') no-repeat 0px 2px; display:block; padding:2px; padding-left:15px;}

#right_footer_logo {position:relative; float:right; top: 50px; right:33px;width:100px; height: 36px; overflow:hidden;}
#right_footer_logo span {position: absolute; top: 0px; right: 0px; width: 100px; height: 36px;background: url('../../../imgs/web/logo-rockjoy.png') no-repeat top left; cursor:pointer}

#right_footer_logo_snd {position:relative; float:right; top: 50px; right: 50px;width:100px; height: 36px; overflow:hidden;}
#right_footer_logo_snd span {position: absolute; top: 0px; right: 0px; width: 100px; height: 36px;background: url('../../../imgs/web/logo-rockjoyshop.png') no-repeat top left; cursor:pointer}

#login {margin-top:15px}
#login h2{font-size:140%; margin-bottom:5px}
#login input {width:100px}
#login input.password{width:72px;float:left;margin-top:2px;}
#login input.button {float:left;background:url('../../../imgs/web/login.png') no-repeat; width:22px; height:21px; margin:0px; padding:0px;margin-top:2px; margin-left:5px;}
#login label {display:block; float:left; width:40px; }

#gallery,#galleryView{font-size:80%;}
#gallery {padding-left:15px;}
#gallery .galerieItem{height:200px;}
.galerieItem {float: left; margin-top:15px; height: 120px;text-align: center; overflow:hidden;width:170px;}
.galerieItem span{display:block;}