﻿/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, blockquote, ol, ul, li, dl, dt, dd, table,th,td, form, fieldset, a, img, button {
  
    border-width: 0;
    margin: 0;
    padding: 0;
  
}

/*gi defiram posebno fontovite zaradi editorot*/
html,body,table,div{

	
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	
	font-size:12px;
	
	
	
}


body
{
    background-color:#FFFFFF;
}
 html,
 .pageOutsideColor
{
 background-color:#e0e2e2;
}



 h1 {
	
	font-size: 2.2em;
	font-weight: bold;
	
	
}

h2 {
	
	font-size: 1.9em;
	font-weight: bold;
	
}



h3 {
	
	font-size: 1.4em;
		font-weight: bold;
	
}

h4 {
	
	font-size: 1.1em;
		font-weight: bold;
	
}


 /*<MASTER>*/

    .mainWrapper
    {
    width:100%;
    
    }
    
    .pageWidth
    {
        width:980px;
    }
    
    .pageWidtMinus2
    {
        width:978px;
    }
     .pageWidtMinus10
    {
        width:970px;
    }
     .pageWidtMinus20
    {
        width:960px;
    }
    
    .doCenter
    {
        margin:0 auto;
    }
    
     
      .minHeight {
min-height:300px;
height:auto !important;
height:300px;/*Needs to match the min height pixels above*/
}


 
 .pageColor
 {
    background-color:#FFFFFF;
 }   
 
 
 
 

 .mainHeaderFooterDarkColor
 {
        background-color:#252933;
 }
 
 
.tClear:after,
.mainContent:after,
mainMenu:after

{

	content:"";

	display:block;

	clear:both;

	height:0;

	visibility:hidden;

}
    
    
    .h_delimiter
    {
        border  :none 0px #FFFFFF;
        background-color:#E0E2E2;
        height:2px;
        overflow:hidden;
    }
    
    
     
    /*<HEADER>*/
    
 .mainHeader
 {
 
 }
 
 .mainTopHeader
 {
    height:75px;
    position:relative;
    padding-top:10px;
 }
 
 
  .mainTopHeader select
{
    border: 1px solid #333333;
    
    background-color:#252933;
   
   /*color:#e6e6e6;*/
   color:#FFFFFF;
   
   font-size:0.75em;
   
}


.mainTopHeader select:hover
{
    border-color: #5089af;border-width: 1px;border-style: solid;


}
    
 

 
 
 
 
 .region
 {
  position:absolute;
  right:250px;
 
 
 }

 .currency{
 position:absolute;
 
 right:125px;
 
 
 }
 .language{
 position:absolute;
 
 right:0px;
 }
 .logo{
 position:absolute;

 left:0px;
 
 width:150px;
 height:50px;
 
 
 }
 .login{
 position:absolute;
 
 right:0px;
 bottom:10px;
 
 }
 
 .login a
 {
 color:#e6e6e6;
  font-size:0.86em;
  font-weight:bold;
   
 }
 
  .login span
 {
 color:#e6e6e6;
  font-size:0.77em;
   
 }
 
 
 .mainInnerHeader
 {
  margin:0 auto;
 
 }
 
 

 
 
 .mainPageHead
 {
 
  height:85px;
  background-image:url(Images/mainPageHead.gif);
 }
 
.mainPageHead h1
{

 border-width: 0;
    margin: 0;
    padding: 0;
color:#252933;
padding-top:30px;
padding-left:10px;


}

 


 .mainNavigator
 {
 position:relative;
 height:35px;
 background-color:#93B5E7;
 	
 	background-image:url(Images/mainNav.png);
	background-repeat:repeat-x;
	background-position:top left;
} 



.mainMenu
{

  
   
    border-collapse: collapse;
   
   
    text-align: center;
    empty-cells:show;
    
    

   
   
   width: 100%;
   height:35px;
   table-layout:fixed;
   
  
   
   
    
   
}

  .mainMenu a
 {
    color:#e6e6e6;
    font-weight: bold; 
 }
 
   .mainMenu a:hover
 {
    color:#B8C7DB;
    
 }
 
.mainMenu linkButton
{ 
    
    width:150px;

}

.mainNavigator input
{
    border: 1px solid #333333;
    
    background-color:#e6e6e6;
   
  color:#252933;
}


.mainNavigator input:hover
{
    border-color: #5089af;border-width: 1px;border-style: solid;
    width:150px;


}
 

.mainMenuItemDel
{	
width:3px;
background-image:url(Images/mainNavDel.png);
	background-repeat:repeat-x;
	background-position:top left;


}




.horizontalMenu
 {
   width:100%;
  background-color:#eff0f1;

  }
  /*</HEADER>*/
  
  
  
  /*<CONTENT>*/
 .mainContent
 {
   margin:0 auto;
   background-color:#FFFFFF; 
   position:relative;
   
   
 }
 

 .mainLeftCol
 {
   float:left;
   width:150px;
  
 }

 
 .mainCenterCol
 {
 float:left;
 
 
 /*width:680px;*/
 width:820px;
 overflow:auto;
 
overflow-x:auto;
/*krstev:  ova pusti go na kraj, sega dodeka razvivam, nema da primetam nesto ako se sokrie*/
/*overflow-y:hidden;*/

overflow-y:auto;
 }
 
 .mainCenterColAdmin
 {

 

 width:100%;

 
overflow-x:auto;
overflow-y:hidden;
 }
 
 .mainSiteMap
 {  
 padding:5px 0px 5px 0px; 
 width:100%;
 
 }
 .mainRightCol
 {
 float:right;
 width:140px;
 


 visibility:hidden; 
 
 }
 
 
 /*</CONTENT>*/
 
 
  /*<FOOTER>*/
 .mainFooterLight
 {
 clear:both;
  height:125px;
  background-color:#eff0f1;
  margin:0 auto;
 }
 
 
 .mainFooterDark
 {
    height:60px;
     margin:0 auto;
     position:relative;
 }
 
 
 
.language .span_light,
 .mainFooterDark .span_light
 {  
 color:#B0B0B0;
 
 display:inline-block;
 position:relative;
 }
  .mainFooterDark .span_dark
 {  
 position:relative;
 color:#909090;
 
  display:inline-block;
 }
 
 
 
 .language .link_light,
  .mainFooterDark .link_light
  {
     color:#B0B0B0;
  }
   .mainFooterDark .link_dark
  {
    color:#909090;
  }
  
  
  .language .link_light,
 .mainFooterDark .link_dark,
 .mainFooterDark .link_light
 {  
  font-size:0.80em;
 
  display:inline-block;
  text-decoration:none;
 }
 
 .mainFooterDark a:hover
 
 {
    text-decoration:underline;
 }
 
         .mainFooterLight td
         {
            vertical-align:top;
           
            padding-top:15px;
            
         }       
    
     .footer_light_block li
     {
     text-align:left;
     }
     
    .footer_light_block ul 
    
    {
    
margin-left:25px;
margin-right:0px;
list-style:square;
color:#993300;
line-height: 1.5em;


} 

.footer_light_block
{
font-size:0.85em;

width:300px;
padding-left:30px
    
}
.footer_light_block span
{
font-weight:bold;
color:#252933;
margin-left:10px;
margin-bottom:5px;
display:inline-block;

}

.footer_light_block img
{


margin-left:10px;

display:inline-block;

}
.footer_light_block a
{

color:#505050;
text-decoration:none;
}

.footer_light_block a:hover
{


text-decoration:underline;
}

 
   /*</FOOTER>*/



   /*</MASTER>*/



  /*<ADMIN>*/
  
  
  
 .adminTable
{
    border: 0px solid #666666;
    border-collapse: collapse;
    width: 100%;
    color: #000000;
    text-align: left;
    empty-cells:show;
}

.adminTable th
{
    border-left: 1px solid #D3D3D3;
    background-color:#252933;
    color:#FFFFFF;
    font-size:0.77em;
    height:20px;
}
.adminTable td
{
   
   
       border: 1px solid #D3D3D3;
       border-collapse: collapse;
     
   
}


.adminTable tr:hover
{
    background-color: #D3D3D3;
}
  
  .adminTable .footer
  {
 

   border-bottom: 5px solid #D0D0D0;
  height:10px;
  
  }
   .adminTable .footer:hover
   {
    background-color:#252933;
   }
  
    /*</ADMIN>*/
    
    
    
     /*<CONTROLS>*/
    
.default_text_box
{
    border: 1px solid #B8C7DB;
}


.read_only_text_box
{

    border-top: 1px none #FFFFFF;
     border-left: 1px none #FFFFFF;
      border-right: 1px none #FFFFFF;
    border-bottom: 1px solid #B0B0B0;
     
    
}

.text_box_attention
{
    border: 1px solid #FF0000;
}


.default_text_box:hover
{
    border-color: #5089af;border-width: 1px;border-style: solid;

}

.validatorCalloutHighlight
{
    border: 1px solid #800000;
}
.CustomValidatorCalloutStyle div, .CustomValidatorCalloutStyle td
{
    border: 1px solid #333333;
    background-color: #FEFBE2;
}



    .button68
    {
       height:27px;
       width:68px;
       
       background: transparent url(images/btns2.gif) no-repeat 0pt -90px;
       color: #fff;
       text-align  : left;
       
	   padding: 0px 0 3px 23px;
       border-style:none;
       border-width:0px;
        
    }
     .button68:hover
     {
      background: transparent url(images/btns2.gif) no-repeat -160px -90px;
     }
     
      .button90,
      .button90d
    {
       height:27px;
       width:90px;
       
       
       color: #fff;
       text-align  : left;
       
	   padding: 0px 0 3px 23px;
       border-style:none;
       border-width:0px;
        
    }
    
     .button90
     {
        background: transparent url(images/btns2.gif) no-repeat 0px 0px;        
     }
     .button90d
     {
       background: transparent url(images/btns2d.gif) no-repeat 0px 0px;
     }
     
     .button90:hover
     {
      background: transparent url(images/btns2.gif) no-repeat -160px 0px;
     }
     
        .button148,
        .button148d
    {
       height:27px;
       width:148px;
       
      
       color: #fff;
       text-align  : center;
       
	   padding: 0px 0 3px 23px;
       border-style:none;
       border-width:0px;
        
    }
     .button148
     {
         background: transparent url(images/btns2.gif) no-repeat 0px -30px;
     }
        .button148d
        {
        background: transparent url(images/btns2d.gif) no-repeat 0px -30px;
        }
     .button148:hover
     {
      background: transparent url(images/btns2.gif) no-repeat -160px -30px;
     }
     
     
          .button83
    {
       height:27px;
       width:83px;
       
       background: transparent url(images/btns2.gif) no-repeat 0px -60px;
       color: #fff;
       text-align  : left;
       
	   padding: 0px 0 3px 23px;
       border-style:none;
       border-width:0px;
        
    }
     .button83:hover
     {
      background: transparent url(images/btns2.gif) no-repeat -160px -60px;
     }
     
     
     .horizontalMenuSpace
     {
       margin:5px; 
     }
      .horizontalMenuSpace td 
      {
        padding: 0px 2px 0px 2px !important;
       
      }
      
    
     

   /*</CONTROLS>*/
   
   
      /*<TEXT>*/
      
      
      .simple_text_large,
      .simple_text_medium,
      .simple_text_medium_bold,
      .simple_text_large_bold,
      .simple_text_small_bold,
      .simple_text_small,
     
      .simple_text_bold,
      .simple_text
      {
        color:#232323;/*#343333 */
      }
      
      .red_text_medium_bold
      {
      	color:#FFFFFF;
      }
      
      .colored_text_bold,
      .colored_text_medium_bold,
      .colored_text_medium,
      .colored_text_large,
      .colored_text_large_bold,
      
      .colored_text_small_bold,
      .colored_text_small,
      .colored_text
      {
        color:#2f6499;
      }
      
      .attention_text_bold,
      .attention_text,
      .attention_text_large,
      .attention_text_large_bold
      {
        color:#a70303;
      }
      
       .link_disabled,
       .disabled_text_small_bold,
      .disabled_text
      {
          color:#B2B2B2;
      }
      
       .simple_text_header
      {
        color:#e6e6e6;
      }
      
      
      
      
      .disabled_text_small_bold,
      
      
     
      .colored_text_small,
      .colored_text_small_bold,
      
      
      .simple_text_small_bold,
      .simple_text_small
      {
        
         font-size:0.75em;
      }
      
      
       .simple_text_medium,
       .simple_text_medium_bold,
       .colored_text_medium_bold,
       .colored_text_medium,
       .red_text_medium_bold
       
       {
        font-size:1.2em;
       }
      
      
      
       .simple_text_large,
       .simple_text_large_bold,
       .colored_text_large,
       .colored_text_large_bold,
       .attention_text_large,
       .attention_text_large_bold
       {
        font-size:1.5em;
       }
      
      
      .attention_text_bold,
      .colored_text_bold,
      .colored_text_medium_bold,
      
      .colored_text_large_bold,
      
      .disabled_text_small_bold,
      .colored_text_small_bold,
      .simple_text_small_bold,
      .simple_text_bold,
      .simple_text_medium_bold,
      .simple_text_large_bold,
      .attention_text_large_bold,
      .red_text_medium_bold
      {        
         font-weight:bold;
      }
      
      
      
      
      
     

      
       /*</TEXT>*/
      
      /*
      a.btnAddToCart:link, a.btnAddToCart:visited, a.btnAddToCart:hover, a.btnAddToCart:active
      */
      
      
        /*<ADMIN>*/
        
         /*<CATOGORIES>*/
         
         
.catTreeView
{
    width:200px;
    
    float:left;
   
    
     overflow:auto;
 
overflow-x:auto;
overflow-y:hidden;
}
.catEdit
{
width:776px;

 float:left;

}

          /*</CATOGORIES>*/
         /*</ADMIN>*/
         
         
/*<COMMON>*/
.text_control_text,
.text_control span
{
 position:relative;  
     width:134px;    
     display:inline-block;
     margin:3px;
}       

.text_control_input,
.text_control input,
.text_control select,
.text_control checkbox

{
     position:relative;   
   
    display:inline-block;
     margin:3px;
}   
       text_control .label_only
       {
        
        display:inline-block;
     margin:3px;
       }  
/*<COMMON>*/
         
/*<Address>*/      

.block_label_control
{
    border  :solid 1px #E0E2E2;
    margin:3px;
    padding:5px;
    width:350px;
}

.block_label_control input,
.block_label_control select
{
    position:relative;    
    
    display:inline-block;
    vertical-align:middle;
     margin:3px;
}

 .block_label_control .label 
{
    width:130px;    
     display:inline-block;
     vertical-align:middle;
     padding-left:10px;
     margin:3px;
}
.block_label_control .label_only 
{
display:inline-block;
     vertical-align:middle;
     padding-left:10px;
     margin:3px;
}



/*<BLOCK 1>*/

  .block_1_borders
    {
      border  :solid 1px #E0E2E2;
  }
.block_1
{
 width:450px;
}
.block_1 h2
{
    position:relative;
    
    margin-bottom:15px;
}
 .block_1 .label 
{
    width:150px;    
    display:inline-block;
     margin:3px;
     left:25px;
     position:relative;   
   
    
}

.block_1 .label_only 
{  
    display:inline-block;
     margin:3px;
      left:25px;
      position:relative;   
}


.block_1 input,
.block_1 select
{
    position:relative;    
   
    display:inline-block;
     margin:3px;
}

/*horiznontal line*/
.block_1_hl
{
width:350px;
height:2px;
background-color:#EFF0F1;
margin-top:20px;
margin-bottom:30px;
position:relative;left:-6px;
overflow:hidden;
}



/*</BLOCK 1>*/
.create_user_button_pos
{
    margin-top:10px;
    position:relative;
    left:-100px;
}

/*</Address>*/   

/*<TAB>*/   




/* XP IE7 theme - Backgrounds */
.ajax__tab_xp_custom .ajax__tab_header					{ background:url(images/tab/tab-line.gif) repeat-x bottom; }/*top line collor*/
.ajax__tab_xp_custom .ajax__tab_outer						{ background:url(images/tab/tab-right.gif) no-repeat right; }
.ajax__tab_xp_custom .ajax__tab_inner						{ background:url(images/tab/tab-left.gif) no-repeat; }
.ajax__tab_xp_custom .ajax__tab_tab						{ background:url(images/tab/tab.gif) repeat-x; }
.ajax__tab_xp_custom .ajax__tab_hover .ajax__tab_outer	{ background:url(images/tab/tab-hover-right.gif) no-repeat right; }
.ajax__tab_xp_custom .ajax__tab_hover .ajax__tab_inner	{ background:url(images/tab/tab-hover-left.gif) no-repeat; }
.ajax__tab_xp_custom .ajax__tab_hover .ajax__tab_tab		{ background:url(images/tab/tab-hover.gif) repeat-x; }
.ajax__tab_xp_custom .ajax__tab_active .ajax__tab_outer	{ background:url(images/tab/tab-active-right.gif) no-repeat right; }
.ajax__tab_xp_custom .ajax__tab_active .ajax__tab_inner	{ background:url(images/tab/tab-active-left.gif) no-repeat; }
.ajax__tab_xp_custom .ajax__tab_active .ajax__tab_tab		{ background:url(images/tab/tab-active.gif) repeat-x; }

/* XP IE7 theme - Other Styles */
.ajax__tab_xp_custom .ajax__tab_header 					{ font-family:verdana,tahoma,helvetica;font-size:11px; }
.ajax__tab_xp_custom .ajax__tab_outer						{ height:21px;}
.ajax__tab_xp_custom .ajax__tab_inner						{ padding-left:3px; }
.ajax__tab_xp_custom .ajax__tab_tab						{ height:13px;padding:4px;margin:0; }
.ajax__tab_xp_custom .ajax__tab_body						{font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #E3E3E3;border-top:0px;padding:8px;background-color:#ffffff;}




/*</TAB>*/   


.position_right
{
    display:block;
    float:right;
    clear:both;
}



.headline
{
font-size:1.2em;
font-weight:bold;
margin-bottom:10px;
background-color:#EFF0F1;
color:#191919;/*#356495*/   
display:block;
}

.headline_1
{

font-weight:bold;

background-color:#EFF0F1;
color:#191919;/*#356495*/   
display:block;
}
.headline_text
{
    display:block;
    text-align:justify;
}




           
           
           /*<MASTER HORIZONTAL MENU>*/

/*koga ja go renda menito, za sekoj item pravi td i vo nego tabela vo kja go stava linkot*/
 
  .mh_menu
 {
    
  
    height:35px;
    background-color:#000000;  
   
    
 }
 

 .mh_menu_wrap
 {

 height:36px;
 background-color:#000000;  
 
	width:100%
} 

.mh_menu_StaticMenuStyle
{     
       
    background-image:url(Images/mainNav.png);
	background-repeat:repeat-x;
	background-position:top left;
    
}


.mh_menu_StaticMenuItemStyle
{
     width:110px;
}

/* koga ja go renda menito, za sekoj item pravi td i vo nego tabela vo kja go stava linkot
mh_menu_StaticMenuItemStyle go lepi i na linkot i na tabelata vo koja lezi linkot*/
.mh_menu_StaticMenuItemStyle a
{

     
     
    color:#e6e6e6;
    font-weight: bold; 
    text-decoration:underline;
    
    
}

.mh_menu_StaticMenuItemStyle td
{
    
       
        
        text-align:center;
  
}

.mh_menu_StaticHoverStyle
{
  
}
.mh_menu_StaticHoverStyle a
{
 
     
      color:#B8C7DB;
}



.mh_menu_DynamicMenuStyle
{

 z-index: 100;
     
      width:110px;
      border:solid 1px #000000;
      
      background-color:#333640;
       
       
         
   
}

.mh_menu_DynamicMenuItemStyle
{

     
  
   height:25px;
 
     padding-left:3px;
     font-weight:bold;
     color:#FFFFFF;
     
       
      background-color:#333640;
      
      width:110px;
      
    
     
     
     
}


.mh_menu_DynamicHoverStyle
{

 background-color:#646569;
  color:#B8C7DB;
}




/*<MASTER HORIZONTAL MENU>*/

.leftMenu
{
	width: 130px;
	padding: 10px 10px 0px 10px;
	float:left;
}

.leftMenuHeaderDiv
{
	background-color: #3C3F48;
	width:130px;
}

.mainContent2
{
	width: 820px;
	padding: 10px 10px 0px 0px;
	background-color:#FFFFFF;
	float:right;	
}

#vert_menu1,
#vert_menu2,
#vert_menu3 {
	width: 130px;
	margin: 0px;
	}
	
#vert_menu1 ul,
#vert_menu2 ul,
#vert_menu3 ul
{
	list-style: none;
	margin: 0;
	padding: 0;	
}
	
#vert_menu1 li a,
#vert_menu2 li a,
#vert_menu3 li a {
	
	font-weight:bold;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 20px;
	text-decoration: underline;
	}	
	
#vert_menu1 li a:link, #vert_menu1 li a:visited,
#vert_menu2 li a:link, #vert_menu2 li a:visited,
#vert_menu3 li a:link, #vert_menu3 li a:visited {
	color: #FFFFFF;
	display: block;
	background-color: #54697B;
	padding: 2px 0 0 10px;
	}
	
#vert_menu1 li a:hover,
#vert_menu2 li a:hover,
#vert_menu3 li a:hover {
	color: #FFFFFF;
	background-color: #3C3F48;
	padding: 2px 0 0 10px;
	}
.faq_text
      {
        color:#2F6499;
      }
