@import url('fckstyles.css');

/* Global
-----------------------------------------------------------------*/
body {background-color:#fff;}

/*tabs*/
/* root element for tabs  */
ul.tabs { 
	list-style:none!important; 
	margin:0 !important; 
	padding:0!important;	
	height:30px!important;
}
.container2 {
background:url(containerbg2.jpg) no-repeat;
padding:25px 10px 10px 10px;
text-align:center;
width:287px;
height:115px;
}

.container2 a {
font-size:14px;
}

.container3 {
background:url(containerbg2.jpg) no-repeat;
padding:25px 23px 10px 10px;
text-align:center;
width:287px;
height:115px;
float:left;
}
.container3 a {
font-size:14px;
}
/* single tab */
ul.tabs li { 
	float:left!important;	 
	text-indent:0!important;
	padding:0 10px 0 10px!important;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs li span a { 
	background:url(tabs/tab_normal_r.jpg) right no-repeat;
	font-size:12px!important;
	font-weight:bold;
	display:block!important;
	height: 30px!important;  
	line-height:30px!important;
	width: 100%!important;
	text-align:center!important;	
	text-decoration:none!important;
	color:#72b84c!important;
	padding:0px 0px 0px 5px!important;
	margin:0px!important;	
	position:relative!important;
	top:1px;
}
ul.tabs li span { 
height:29px;
width:150px;
background: url(tabs/tab_normal.jpg) left no-repeat;
}
ul.tabs span a:active {
	outline:none!important;		
}

/* when mouse enters the tab move the background image */
ul.tabs span a:hover {
	background-position: -420px -31px!important;	
	color:#FFF!important;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px!important;		
	cursor:default !important; 
	color: #00CC33 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:100px;
	font-size:14px;
	background-color:#fff;
}


#container {margin:10px auto 0px; width:960px; background-color:#fff;}
#container ul {list-style:none;}
#container li {margin:0;}
.bloc {width:100%; overflow:hidden;}
.imgTop .bImage {padding-bottom:4px; text-align:center;}
.imgLeft .bImage {float:left;}
.imgLeft .bImage, .imgLeftCol .bImage {padding-right:4px;}
.imgRight .bImage {float:right;}
.imgRight .bImage, .imgRightCol .bImage {padding-left:4px;}
.bImage .legend {display:block; padding-bottom:4px; font-weight:bold; font-style:italic;}
.bLink, .bFile {text-align:right;}

/* Header
-----------------------------------------------------------------*/
#header {min-height:78px; padding-top:10px;} /*/ [IE6] /*/
#header #navcont { background:url('../charte/www.apcom.bg/bul/prod/images/border.png') repeat-x left 65px; height:68px; } /*/ [IE6] /*/
#header #localnav {height:68px; }
#header #localnav li {float:left; font-size:16px;}
#header #localnav li a {position:relative; float:left; margin-bottom:-3px; padding:23px 10px 17px; height:30px; background-repeat:no-repeat; background-position:left 9px; color:#808285;}
#header #localnav li a:hover, #header #localnav li a:focus,#header #localnav li.active a {color:#000 !important; background:url('../charte/www.apcom.bg/bul/prod/images/ln-hover.png') no-repeat center bottom;}
#header #localnav li.active a  {color:#808285 !important;}
#header #localnav li.active a:hover, #header #localnav li.active a:focus {color:#000 !important;}

a#ln-itmce { margin:0 10px 0 30px; height:70px; width:160px; text-indent:-9999px; overflow:hidden; background:url('../charte/www.apcom.bg/bul/prod/images/logo-itmce.png') no-repeat center 4px; float:left; }
a#ln-distributor { margin:0 30px 0 10px; height:70px; width:76px; text-indent:-9999px; overflow:hidden; background:url('../charte/www.apcom.bg/bul/prod/images/authorised-distributor.png') no-repeat center 15px; float:right; }

#header #subnav {clear:left; margin-bottom:5px; padding:5px 25px; text-align:right;}
#header #subnav ul {margin-bottom:3px;}
#header #subnav li {padding:0 5px; display:inline;}
#header #subnav li a:hover, #header #subnav li a:focus {color:#000;}
#header #subnav li.active > a {font-weight:bold; color:#72b84c;} /*/ [IE6] /*/
#header #subnav #secondLevel {margin:0 10px 25px;}
#header #subnav #thirdLevel {margin-left:380px; text-align:left;}
#header #subnav #thirdLevel > li {position:relative; float:left; padding:0 0 0 3px;}
#header #subnav #thirdLevel li.active a {font-weight:normal;}
#header #subnav #thirdLevel li ul {display:none; position:absolute; left:0; top:14px; background:#fff;}
#header #subnav #thirdLevel li:hover ul, #header #subnav #thirdLevel li.sfhover ul {display:block;}
#header #subnav #thirdLevel li li {display:block; white-space:nowrap;}

/* Main
-----------------------------------------------------------------*/
#main {clear:both; width:960px;}
#main a {color:#72b84c;}
#main a:hover {color:#72b84c;}
#main p {margin-bottom:8px;}
#main ul {list-style:disc;}
#main li {margin-left:15px; margin-bottom:4px;}

#main .content {clear:both; padding:30px; border-bottom:1px solid #72b84c;}
#main .content.small {padding:10px 180px; width:600px;}

#main .content .column {position:relative; float:left; margin-right:15px; padding-top:40px; width:213px; min-height:1px;} /*/ [IE6]  || 4 columns by default /*/
#main .content .column.first {clear:both; margin-left:0 !important; padding-left:0 !important;}
#main .content .column.last {margin-right:0 !important; padding-right:0 !important;}
#main .content .column h2.bTitle, #main .content .item h2.bTitle {position:absolute; left:0; top:0;}

#main.standard #topLine .column.first {clear:left; width:450px;}
#main.standard #topLine .column h2.bTitle {font-size:20px;}

/* Footer
-----------------------------------------------------------------*/
#footer {clear:both; padding:18px 0 24px; text-align:center; background-color:#72b84c;}
#footer li {display:inline; padding:0 18px;}
#footer li a {color:#fff !important;}
#footer li a:hover, #footer li a:focus {color:#000 !important;}

/* News Slider
-----------------------------------------------------------------*/
#main .news_slider {position:relative; margin-bottom:10px; padding-bottom:20px; width:900px;}
#main .news_slider .column {position:static; padding-top:0; margin-right:15px; width:213px;} /*/ [IE6] /*/
#main .news_slider .news_items {position:relative; width:900px; overflow:hidden;}
#main .news_slider .news_items.withnav {width:672px;} /*/ [IE6] /*/

#main .news_slider .container {position:relative; top:0; left:0; width:100%;}
#main .news_slider .item {position:relative; float:left; padding-top:40px; margin-right:15px; width:213px; overflow:hidden;} /*/ 4 columns by default /*/
#main .news_slider .withnav .item {margin-right:15px;}

#main .news_slider.grid1 .item  {width:900px;}
#main .news_slider.grid2 .item,#main .content.grid2 .column {margin-right:20px; width:440px;}
#main .news_slider.grid3 .item,#main .content.grid3 .column {margin-right:20px; width:286px;}
#main .news_slider.grid5 .item,#main .content.grid5 .column {margin-right:15px; width:168px;}
#main .news_slider.grid6 .item,#main .content.grid6 .column {margin-right:14px; width:138px;}
#main .news_slider.grid7 .item,#main .content.grid7 .column {margin-right:12px; width:118px;}
#main .news_slider.grid8 .item,#main .content.grid8 .column {margin-right:12px; width:102px;}

#main .news_slider .scroll {position:absolute; margin:12px 0 0 -30px; height:20px; width:960px; font-size:10px; bottom:-11px; }
#main .news_slider .scroll .tools {position:relative; display:block; margin:0 auto; padding:0 30px; width:48px; line-height:19px; text-align:center; color:#72b84c; background:url('../charte/www.apcom.bg/bul/prod/images/scroll-arrow.gif') no-repeat left top;}
#main .news_slider .scroll .tools a {display:none; position:absolute; top:3px; width:15px; height:15px; overflow:hidden; text-indent:-9999px;background:url('../charte/www.apcom.bg/bul/prod/images/arrow-left.gif') no-repeat center 3px;} /*/ [IE6] /*/
#main .news_slider .scroll .tools a:hover {background-image:url('../charte/www.apcom.bg/bul/prod/images/arrow-left-on.gif');}
#main .news_slider .scroll .tools a.prev {left:15px;} /*/ [IE6] /*/
#main .news_slider .scroll .tools a.next {right:14px; background-image:url('../charte/www.apcom.bg/bul/prod/images/arrow-right.gif');} /*/ [IE6] /*/
#main .news_slider .scroll .tools a.next:hover {background-image:url('../charte/www.apcom.bg/bul/prod/images/arrow-right-on.gif');}
#main .news_slider .scroll .tools span {display:block; width:48px; height:19px; overflow:hidden;}

#main .news_slider .tools2 a {display:none; position:absolute; margin-top:-84px; width:14px; height:168px; overflow:hidden; text-indent:-9999px; top:50%; background:no-repeat left top;}
#main .news_slider .tools2 a.prev {left:7px; background-image:url('../gallery/Images/Icons/arrow-left-large.png');}
#main .news_slider .tools2 a.next {right:7px; background-image:url('../gallery/Images/Icons/arrow-right-large.png');}

#main .news_slider#bottomLine .scroll .tools {background:url('../charte/www.apcom.bg/bul/prod/images/scroll-arrow2.gif') no-repeat left top;}
#main .news_slider#bottomLine .scroll {bottom:-20px; background:url('../charte/www.apcom.bg/bul/prod/images/scroll-bg.gif') repeat-x left top;}

#main .news_slider .scroll .tools.large {width:153px; background-image:url('../charte/www.apcom.bg/bul/prod/images/scroll-arrow-large.gif');}
#main .news_slider .scroll .tools.large span {width:153px;}
#main .news_slider#bottomLine .scroll .tools.large {background:url('../charte/www.apcom.bg/bul/prod/images/scroll-arrow-large2.gif') no-repeat left top;}

/* search.html */
#main.gSearch {padding:10px;}
#main.gSearch .gResult {border-bottom:1px groove #72B84C; padding-top:5px; width:935px;}

.error { color:#FF0000; }

#footerInfo { margin:0 auto 10px; width:960px; }