/* Note: This file is used to declare user defined styles. These styles are used only on the website 
 and not in Electos Studio. You may expand and change these however you see fit. */
 
 
/*Css Div Styles*/



html

{

    padding: 0 1px 0 0;

    height: 100%;

    overflow-x: hidden;
	 /**/
    overflow: auto;    
    scrollbar-base-color:#ffeaff
	

}



body

{

    padding:0;

    margin: 0;

    height: 100%;

}



#top

{

    position: relative;

    height: 100px;

    /*height: 75px;*/

    /*background-image: url(../Images/04.gif);}*/

    /*background-repeat: repeat-x;*/

    margin-left: 180px;

    z-index: 4;

    padding: 1px 930px 1px 55px;

}



#logo

{

    position: absolute;

    height:80px;

    width: 550px;

    background-image: url(../Images/logo12.png);

    /*background-image: url(../Images/logo11.gif);*/

    background-repeat: no-repeat;

    padding: 22px 0 0 0px;

    /**

    z-index: 10;*/

    /*padding: 22px 0 0 42px;*/

}



#logo

{

	margin-top: 10px;
	margin-left: 10px;
    /***/

    color: AppWorkspace;

    font-family: Arial;

    font-size: 16px;

    font-weight: bold;

    color: #706e6a;

}



#logotxt

{

    position: absolute;

    padding: 0 0 0 0px;
	 margin-top: 10px;
	 letter-spacing: 1.7px;
    /*padding: 15px 0 0 100px;*/

}



#logo b

{

    color: #C0C0C0 ;

    font-size: 11px;

}



#login

{

    position: absolute;

    width: 470px;

    height: 20px;

    right: 10px;

    text-align: right;

    top: 15px;

    font-family: verdana;

    font-size: 11px;

    /**

    color: #FFFFFF;

    */

    /***/

    color: #696969;

    

    /**/padding: 100px 100px 1px 55px;

    /*padding: 100px 680px 1px 55px;*/

}



#search

{

    position: absolute;

    /**/right: 110px;

    /*right: 11px;*/

    height: 20px;

    width: 200px;

    /**/top: 150px;

    /*padding: 120px 780px 1px 55px;*/

}



#search-text

{

    position: absolute;

    right: 315px;

    /*right: 215px;*/

    top: 165px;

    /*top: 56px;*/

    /*top: 49px;*/

    width: auto;

    height: 15px;

    font-family: verdana; 

    font-size: 11px;

    /**

    color: #FFFFFF;

    */

    /***/

    color: #696969;

    

}



#search p

{

    float: left;

}



#header

{

    position: relative;

    top:-1px;
	 /**/width: 690px;
    height: 200px;

    z-index: 1;

    /**/background: url(../Images/12.jpg);

    /*background: url(../Images/12.gif);*/

    background-repeat: repeat-x;

    z-index: 2;

    border-bottom: 2px solid #E6E6E9;

    padding: 0 680px 0 55px;

}



#image

{

    position: absolute;

    top:0;

    right: 0px;

    left: 1120px;

    height: 200px;

    width: 305px;

    /*background: url(../Images/top3.jpg);*/

    /*background: url(../Images/top2.jpg);*/

    /**/background: url(../Images/top4.jpg);

    /*background-color: Fuchsia;*/

    background-repeat: no-repeat;

    /*z-index: 10;*/

    /*

    overflow: hidden;

    */

}



#mainmenu

{

    position: relative;

    top: -223px;

        /*top: -203px;*/

    border-left: 3px solid white;

    border-right: 3px solid white;

    border-top: 3px solid #FFFFFF;

    width: 250px;

    left: 25px;

    /* left: 100px; */

    z-index: 5;

    background-color: #969AAA;
	color: #ffffff;
        float: left;

}

/**/

#news

{

         /**/position: absolute;

    /*position: relative;*/

    /**/

         top: 50%;

    left: 80%;

    /*

         top: 300px;

    left: 1200px;

         */

    border-left: 3px solid white;

    border-right: 3px solid white;

        border-top: 3px solid #FFFFFF;

    width: 20%;

    /*height: 100%;*/

         /*height: auto;*/

        min-height: 50%;

        /*height: 100%;*/

        height: auto;

    /*z-index: 2;*/

    background-color: #DCDEE6;

        /*float: left;*/

}



#new

{

    margin-top: 15px;

    margin-bottom: 15px;

}



#new-title

{

    font-family: verdana;

    font-size: 11px;

    color : #640707;

    font-weight:bold;

    margin-left: 10px;

    margin-top: 10px;

    margin-right: 10px;

    margin-bottom: 10px;

}



#new-text

{

    font-family: verdana;

    font-size: 11px;

    color : black;

    padding-bottom: 15px;

    height: auto;

    margin-left: 10px;

    margin-top: 10px;

    margin-right: 10px;

    margin-bottom: 10px;

}

/**/

#new-link

{

    /*font-family: verdana;*/

    /*font-size: 11px;*/

    color: gray;

    font-weight:bold;

}



#content

{

    font-family: verdana;

    font-size: 11px;

    color : gray;

    top: -5px;

    left: 0;

    padding-bottom: 95px;

    height: auto;

    padding-right: 15px;

    margin-left: 300px;

    /*margin-left: 380px;*/

    margin-top: 20px;

}





#container

{

    min-height: 100%;

    background: url(../Images/cont111.gif);

    background-repeat: repeat-y;

    padding-top: 90px;

    margin-top: -90px;

         /**/height: auto;

    /*height: 100%;*/

    /*width:100%;*/

        float:left;

}



#container[id]

{

    position: relative;

    width: 100%;

}



#footer-container

{

    position: absolute;

    width: 100%;

    height: 90px;

    bottom: 0;

}





#footer

{

    /**/

    position: relative;

    

    /*

    position: absolute;

    */

    float: right;

    height:37px;

    width: 100%;

    background: url(../Images/06.gif);

    padding: 0 0 0 0;

    right: 0;

    left: 0;

    top: 10%;

}



#footer-left

{

    position: relative;

    clear: left;

    float: left;

    width: 25px;

    /*width: 100px;*/

    height: 36px;

    z-index: 4;

    background:url(../Images/05.gif);   

}



#footer-gray

{

    position: relative;

    float: left;

    border-left: 3px solid white;

    border-right: 3px solid white;

    background: #969AAA;

    height:90px;

    width: 250px;

    z-index:5;

}



#menuimage

{

    top: 15px;

    left: 0;

    height: 25px;

    width: auto;

    /**/background: url(../Images/flecha_b.gif);

    background-color: #7a1e10;

    background-position: left;

    background-repeat: no-repeat;

}



#menuimage h1

{

    margin-left: 15px;

}

/* To create the same effect for FF as IE*/





 /*END Css Div Styles*/

 

body, table, tr, td {

   font-family: verdana; 

   font-size: 11px;     

}



td img

{

    border: none;

}



h1 {

    margin : 0px 0px 0px 0px;

    color : #FFFFFF;

         /*color : #356B98;*/

    font-size : 160%;

    font-weight : normal;

}



td {

    color : #626262;

    font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;

}



a, a:link, a:visited, a:hover, a:active {

    color : #626262;

}



a.standardlink {

   font-family: verdana; 

   font-size: 10px; 

   font-weight: bold;

   text-decoration: none;

   color: #ff6b00;

}



a.standardlink:hover {

   font-family: verdana; 

   font-size: 10px; 

   font-weight: bold;

   text-decoration: underline;

   color: #ff6b00;

}



a.ProductImageLink img{

        border-color:#FFF;

}



a.ProductImageLink:hover img {

        border:1px solid #EA5622

}



a.ProductImageLink:Visited img{

}



a.WebshopShoppingCart {

   font-family: verdana; 

   font-size: 11px; 

   font-weight: bold;

   text-decoration: underline;

   color: #FFFFFF;

}



a.WebshopShoppingCart:hover {

   font-family: verdana; 

   font-size: 11px; 

   font-weight: bold;

   text-decoration: underline;

   color: #FFFFFF;

}



.WebshopShoppingCartProduct {

   font-family: verdana; 

   font-size: 10px; 

   font-weight: bold;

   text-decoration: none;

   color: #d9dbe7; 

}



.WebshopShoppingCartProduct:hover {

   font-family: verdana; 

   font-size: 10px; 

   font-weight: bold;

   text-decoration: underline;

   color: #d9dbe7; 

}



a.clean {

   font-family: verdana; 

   font-size: 11px; 

   text-decoration: none;

   color: black;

}



a.ReadMore {

   font-family: verdana; 

   font-size: 11px; 

   text-decoration: none;

   color: navy;

}



a.menuitem {

   font-family: verdana; 

   font-size: 11px; 

   text-decoration: none;

   color: navy;

}



a.menuitem:active {

   font-family: verdana;

   font-size: 11px; 

   text-decoration: none;

   color: navy;

}



a.menuitem:visited {

   font-family: verdana; 

   font-size: 11px; 

   text-decoration: none;

   color: navy;

}



a.menuitem:hover {

   font-family: verdana; 

   font-size: 11px; 

   text-decoration: underline;

   color: maroon;

}

.NewsTitle {

   font-family: verdana; 

   font-size: 11px; 

   font-weight: bold; 

   padding-top : 20px;

}



.NewsText {

   font-family: verdana; 

   font-size: 11px;

}



.Category {

   font-family: verdana; 

   font-size: 11px; 

   font-weight: bold;

}



.SubCategory {

   font-family: verdana; 

   color: navy;

   cursor: hand;

}



.CurrentSubCategory {

   font-family: verdana; 

   color: navy;

   font-weight: bold;

}



A.CurrentSubCategory {

   font-family: verdana; 

   color: navy;

   font-weight: bold;

   text-decoration: none;

}



.CategoryName {

   color: #4E7FB7; 

   font-family: verdana; 

   font-size: 13px; 

   font-style: italic; 

   font-weight: bold;

}



.SiteName {

   font-family: verdana; 

   font-size: 22px; 

   font-weight: bold;

}



.moduleheading {

   font-family: verdana; 

   font-size: 12px; 

   font-weight: bold;

   background-color: #FFFF99;

}



.menu, .menu:link, .menu:visited {

    color : White;

    font-weight : bold;

    text-decoration : none;

}

.menu:hover, .menu:active {

    color : White;

    font-weight : bold;

    text-decoration : underline;

}



.input {

    font-size : 12px;

    color : #626262;

    background-color : White;

    border : 1px solid #A4A4A4;

}



.tab1 {

    padding : 15px 15px 15px 30px;

}



.tab2 {

    padding : 7px;

    

}



.im1 {

    margin : 0px 0px 10px 10px;

}



.im2 {

    margin : 0px 10px 10px 0px;

}



.b, .b:link, .b:visited{

    color : #969AAA;

    text-decoration : none;

    font-weight : bold;

}



.b:hover, .b:active{

    text-decoration : underline;

    color : #969AAA;

    font-weight : bold;

}







/* Webshop styles */



ul.ErrorList {

    

}



li.ErrorTitle  {

    list-style: none;

    color: red;

    font-weight: bold;

}



li.ErrorText {

    color: red;

    font-style: italic;

}



table.WebshopOverview{

        background-color: #E7E7EF;

}



table.WebshopOverview th, table.WebshopOverview tr.Header, table.WebshopOverview tr.Footer{     

    background-color: #969AAA;

    color: #FFFFFF;

    font-weight: bold;

    height: 20px;

}



table.WebshopOverview tr.RowOdd {

    background-color: #F6F6F6;

}



table.WebshopOverview tr.RowEven {

    background-color: #FFFFFF;  

}



table.WebshopOverview td{

    padding: 2px 0px 2px 2px;

    padding: 0;

    margin: 0;

}



.WebshopOverviewProductName {

        font-size: 11px;

        font-weight: bold;

        line-height: 24px;      

        text-decoration: none;

}



.WebshopOverviewProductName:hover {

        font-size: 11px;

        font-weight: bold;

        line-height: 24px;      

        text-decoration: underline;

}



.WebshopOverviewGroupName {

        font-size: 12px; 

        text-decoration: none;

}



.WebshopOverviewGroupName:hover {

        font-size: 12px; 

        text-decoration: underline;

        color: #ff6b00;

}



Input.WebShopAmountInput {

        text-align:right; 

        font-weight:bold; 

        border: 1px solid #969aaa; 

        padding-right: 4px;

        font-size: 11px;         

        padding-top: 2px;

        padding-bottom: 2px;

}





table.WebshopDetail {

        font-family: 13px;

}



table.WebshopDetail tr.Header td, table.WebshopDetail tr.Footer td{

    background-color: #969AAA;

    color: #FFFFFF;

    font-weight: bold;

    height: 30px;

}



.WebshopDetailBottomRow {

        font-size: 12px;

        font-weight: bold;

        color:#a5a5a5;

}



.WebshopDetailPrice {

        font-size: 14px;

        font-weight: bold;

        color:#ff6b00;

}



div.WebshopShoppingCart {



}

div.WebshopShoppingCart table{

    width: 100%;

    color: #d9dbe7;     

}



.WebshopShoppingCartHeader{

    color: #FFFFFF;     

        font-size: 12px;

        font-weight: bold;

        border-bottom: 1px solid #bfc2cc;

        padding-left: 10px;

    padding-bottom: 5px;

}



.WebshopShoppingCart td, .WebshopShoppingCart a{

                

}



.steps .current {

    font-weight: bold;

        color: #ff6b00;

}



#mainmenu ul {

    list-style-type: none;

    list-style-position: outside;

}



#mainmenu li {

    clear: both;

    margin-left: -40px;

    margin-top: -8px;

        margin-top: -4px;

}

 

#mainmenu ul li div

{

    margin-top: -8px;

    *margin-top: 0;

    /*align: left;*/

}

 

#mainmenu ul li div div

 {

    margin-top: 0;

 }



#mainmenu li.menusep {

   margin-top: -12px;

        border-bottom: 2px solid #fff;

}



#mainmenu .menutitle {

    border-left: 2px solid #fff;

}





div#column1 {

    margin: 0px;

    padding-top:-60px;

    width: 80%;

}



.clear {

    clear: both;

    display: block;

    height: 1px;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.partners{
	margin-top: 100px;
	margin-left: 20px;
}

.partners img{
	border: none;
}

.promo{
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
}

.promo img{
	border: none;
	margin-left: auto;
	margin-right: auto;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) 0 0 no-repeat;}
	#cboxTopCenter{height:14px; background:url(images/border.png) top left repeat-x;}
	#cboxTopRight{width:14px; height:14px; background:url(images/controls.png) -36px 0 no-repeat;}
	#cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) 0 -32px no-repeat;}
	#cboxBottomCenter{height:43px; background:url(images/border.png) bottom left repeat-x;}
	#cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) -36px -32px no-repeat;}
	#cboxMiddleLeft{width:14px; background:url(images/controls.png) -175px 0 repeat-y;}
	#cboxMiddleRight{width:14px; background:url(images/controls.png) -211px 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:5px;}
		#cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
                #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
                #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
                
                #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
                #cboxPrevious{left:0px; background-position: -51px -25px;}
                #cboxPrevious.hover{background-position:-51px 0px;}
                #cboxNext{left:27px; background-position:-75px -25px;}
                #cboxNext.hover{background-position:-75px 0px;}
		#cboxClose{right:0; background-position:-100px -25px;}
		#cboxClose.hover{background-position:-100px 0px;}

                .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
                .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
                .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
                .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}