.borders
{
   /* border-radius:3px;
    border-left: 1px solid rgba(120,120,120,0.8);
    box-shadow: 2px 2px 5px rgba(80,80,80,0.8); */
    }


.checklist
{
    font-size:small;
}

.checklist:hover
{
}



.tabcontrol
{
    color:Red;
    border-radius: 9px 9px 0 0;
    }
    
.tabcontrol:hover
{
    color:Black;
  
    }
 
.panelfilter
{
    border-color:#222222;
    border-radius:3px;
    box-shadow: 1px 1px 1px #333333;
    background-color:#F0F0F0;
}

.tabbutton
{
    border-color:#BFBFBF;
    border-top-style:solid;
    border-left-style:solid;
    border-right-style:solid;
    border-bottom-style:none;
    border-width:thin;
    background:#F0F0F0;
    color:Black;
    height:40px;
    padding:5px;
}
.tabbutton:hover
{
    background:White;
    cursor:pointer;
}
    
.contact
{
    
    }
.contact:hover
{
    background:WhiteSmoke;
    color:Gray;
    border: 1px solid #DDDDDD;
    border-radius:3px;
    box-shadow: 1px 1px 1px #333333;
    cursor:pointer;
    }

.sofin
{
    vertical-align:middle;
    background-image:url(resources/ecommerce.png);
    background-repeat:no-repeat;
    background-position:center;
    background-color:transparent;
    border-style:none;
    cursor:pointer;
    width:100%;
    height:50px;
    text-decoration:none;
    color:rgba(140,0,0,1);  
}

.sofin:hover
{
    background-image:url(resources/ecommerce_glow.png);
}

.tabfilter
{
    /*-webkit-font-smoothing:antialiased;*/
    border:none;
    font-family:Calibri;
    width:960px;
    height:50px;
    background-color:rgba(0,70,132,0.95);
    color:White;
    z-index:101;
    position:relative;
    }
    
.content_filter
{
    /*-webkit-font-smoothing:antialiased;*/
    border:none;
    font-family:Calibri;
    width:960px;
    height:auto;
    min-height:800px;
    background-color:White;
    color:Black;
    z-index:101;
    position:relative;
    border-style: none;
    border-top-style: solid; 
    border-top-width: 1px; 
    border-top-color: #A8A8A8;
    }    
    

.toolbar
{
    /*-webkit-font-smoothing:antialiased;*/
    border:none;

    font-family:Calibri;
    width:955px;
    height:50px;
    background-color: rgba(0,70,132,0.95); /*rgba(120,0,0,0.95); */
    color:White;
    vertical-align:middle;
    z-index:100;
    }

.body, html
{
    padding:0px;
    border-spacing:0px;
    margin: 0px;
    margin-top:0px;
    font-family:Calibri;
    background: url(resources/background/bg.png) no-repeat center center fixed;
    background-size:cover;
    /*
       
    background: url(resources/bgblack.jpg) no-repeat center center fixed;
    background: rgb(76,76,76);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGM0YzRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjNTk1OTU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjNjY2NjY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzklIiBzdG9wLWNvbG9yPSIjNDc0NzQ3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMmMyYzJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMTExMTExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjMmIyYjJiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTElIiBzdG9wLWNvbG9yPSIjMWMxYzFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEzMTMxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); 
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1)));
    background: -webkit-linear-gradient(-45deg,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); 
    background: -o-linear-gradient(-45deg,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); 
    background: -ms-linear-gradient(-45deg,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
    background: linear-gradient(135deg,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); 
    -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGM0YzRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjNTk1OTU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjNjY2NjY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzklIiBzdG9wLWNvbG9yPSIjNDc0NzQ3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMmMyYzJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMTExMTExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjMmIyYjJiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTElIiBzdG9wLWNvbG9yPSIjMWMxYzFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEzMTMxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
*/
}

.front_icon_thumb
{
    background-color:rgba(0,70,132,1.0); /*rgba(150,0,0,0.95);*/
    border: 2px solid #FEFFFF;
    overflow:hidden;
    height:220px;
    width:220px;
    box-shadow:2px 2px 3px #AFAFAF;
}

.front_icon_thumb_red
{
    background-color:#CA0011;
    border: 2px solid rgba(0,70,132,1.0);
    overflow:hidden;
    height:220px;
    width:220px;
    box-shadow:2px 2px 3px #AFAFAF;
}


.round_content
{
    border-radius:7px;
    overflow:hidden;
}

.white_content
{
    padding:3px;
    background-color:White;
    border: 4px solid White;
    border-color:White; 
    outline: none;
    border-radius:9px;
    box-shadow: 1px 1px 1px #D2D2D2;
    overflow:hidden;
}

.gray_border
{
    padding:3px;
    background-color:#F5F5F5;
    border: 7px solid #F5F5F5;
    border-color:#F5F5F5; 
    outline: none;
    box-shadow: 2px 2px 7px #B2B2B2;
    border-radius:9px;
    background-clip: content-box;
    overflow:hidden;
}

.gray_border:after
{
    background-color:White;
    border: 1px solid Black; 
    outline: none;
    border-radius:7px;
    
}

.contactpage
{
    max-width:960px;
    height:100%;
    
    background: url(resources/bg_contact.jpg) no-repeat center center; 
    /* background-position:top;*/
    /*
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    */
}   



.header
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:960px;
    height:143px;
    border-style:none;
    }
    
.catalog_help
{
    background-color:transparent;
    background-image:url("resources/catalog_help50x50.png");
    background-size:25px;
    border-style:none;
    width:inherit;
    height:inherit;
    background-repeat:no-repeat;
    background-position:center;
    
    outline-width: 0px;
    outline: none;
    cursor:pointer;
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s, height 2s, transform 2s;

}
.catalog_help:hover
{
    background-image:url(/resources/catalog_help50x50g.png);
    -webkit-transform: rotateY(130deg); /* Chrome, Safari, Opera */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
} 
    

.filter_applications_still
{
    background-color:transparent;
    background-image:url("resources/filter_applications50x50_disabled.png");
    border-style:none;
    width:inherit;
    height:inherit;
    background-repeat:no-repeat;
    background-position:center;
    
    outline-width: 0px;
    outline: none;
    cursor:pointer;
}

.filter_applications
{
    background-color:transparent;
    background-image:url("resources/filter_applications50x50_black.png");
    border-style:none;
    width:inherit;
    height:inherit;
    background-repeat:no-repeat;
    background-position:center;
    
    outline-width: 0px;
    outline: none;
    cursor:pointer;
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s, height 2s, transform 2s;

}
.filter_applications:hover
{
    background-image:url(/resources/filter_applications50x50glow.png);
    -webkit-transform: rotateY(130deg); /* Chrome, Safari, Opera */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
} 
    
.filter_techinfo
{
    background-color:transparent;
    background-image:url(/resources/filter_techinfo50x50_black.png);
    border-style:none;
    width:inherit;
    height:inherit;
    background-repeat:no-repeat;
    background-position:center;
    
    outline-width: 0px;
    outline: none;
    cursor:pointer;
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s, height 2s, transform 2s;

    }    
.filter_techinfo:hover
{
    background-image:url(/resources/filter_techinfo50x50_black.png);
    -webkit-transform: rotateY(130deg); /* Chrome, Safari, Opera */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.clear_filter
{
    background-color:transparent;
    background-image:url(/resources/clear_filter30x30_white.png);
    border-style:none;
    width:30px;
    height:30px;
    background-repeat:no-repeat;
    background-position:center;
    outline-width: 0px;
    outline: none;
    cursor:pointer;
    -webkit-transition: background-color .50s ease;
    transition: background-color .50s ease;
    padding-bottom:5px;
    padding-right:5px;
    }    
.clear_filter:hover
{
    /*background-color:#D0D0D0*/
    
}
    
.filter_categories
{
    background-color:transparent;
    background-image:url(/resources/filter_category50x50_black.png);
    border-style:none;
    width:inherit;
    height:inherit;
    background-repeat:no-repeat;
    background-position:center;
    width:25px;
    height:25px;
    outline-width: 0px;
    outline: none;
    cursor:pointer;
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s, height 2s, transform 2s;
}       

.filter_categories:hover
{
    background-image:url(/resources/filter_category50x50glow.png);
    -webkit-transform: rotateY(130deg); /* Chrome, Safari, Opera */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}    
  

.header_background
{
    float:left;
    /*background:rgba(200,10,10,.7);*/
    /*background-image:url(/resources/headerbg.png); */
    background-color:White;
    vertical-align:top;
    border-style:none;
    position:absolute;
    z-index:1;
    height:143px;
    width:960px;
    top:0px;
    }

.header_canvas
{
    position:absolute;

    z-index:2;
    height:143px;
    width:960px;
    top:0px;
    background: rgba(0,0,0,0.45);
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.77) 68%, rgba(0,0,0,0.77) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0.45)), color-stop(0%, rgba(0,0,0,0.45)), color-stop(68%, rgba(0,0,0,0.77)), color-stop(100%, rgba(0,0,0,0.77)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.77) 68%, rgba(0,0,0,0.77) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.77) 68%, rgba(0,0,0,0.77) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.77) 68%, rgba(0,0,0,0.77) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.77) 68%, rgba(0,0,0,0.77) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
    }

.header_contents
{
    position:absolute;
    top:0px;
    z-index:999;
    height:100px;
    width:960px;
    border: 0;
    }    
    
    
.marquee_canvas
{
    position:absolute;
    height:50px;
    width:960px;
    top:0px;
    background: url(resources/canvas_marquee.png);
    }
.marquee_canvas:hover
{
    cursor:pointer;
    }
        

.content
{
    z-index:1;
    width:960px;
    /* background-color:rgba(250,250,250,1.00); */
    background-color:rgba(250,250,250,1.00);
    /* min-height:600px; */
    padding:none;
    margin:none;
}





.login
{
    text-align:right;
    padding-right:5px;
    color:Black;
    background-color:rgba(250,250,250,0.8);
    border-color:rgba(100,100,100,0.5) !important;
    border-width:1px !important;
    border-radius:3px;
    z-index:999;
    font-style:normal;
    font-family:Calibri;
    font-size:small;
    outline:none;
}

.search
{
    text-align:left;
    padding-left:5px;
    color:Black;
    background-color:rgba(250,250,250,0.8);
    border-color:rgba(100,100,100,0.5) !important;
    border-width:1px !important;
    border-radius:3px;
    z-index:999;
    font-style:normal;
    font-family:Calibri;
    font-size:small;
    outline:none;
}
.search:hover
{
    color:Black;
}
:placeholder
{
    color:Gray;
}
::-webkit-input-placeholder {
    color:Gray
}

:-moz-placeholder { /* Firefox 18- */
    color:Gray
}

:-ms-input-placeholder {  
    color:Gray
}



.Components
{
    border-radius: 5px;
    background-color:Maroon;
    color:White;
    font-size:x-small;
    font-family:Arial;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.Header
{
    color:White;
    background-color:#555555;
    font-weight:bold;
    }
    
.Row
{
    background-color:White;
    color:Black;
    }
    
.AltRow
{
    background-color:#EEEEEE;
    color:Black;
}    

.ComponentLink
{
    font-weight:bold;
    text-decoration:underline;
    cursor:pointer;
}

.HyperLink
{
    color:Blue;
    font-weight:bold;
    text-decoration:underline;
    cursor:pointer;
}
.HyperLink:hover
{ 
    cursor:pointer;
}

.button_products
{
    vertical-align:middle;
    background-image:url(resources/product.png);
    background-repeat:no-repeat;
    background-position:center;
    background-color:transparent;
    border-style:none;
    cursor:pointer;
    width:91px;
    height:60px;
 
}

.button_products:hover
{
    vertical-align:middle;
    background-image:url(resources/product_glow.png);
    background-repeat:no-repeat;
    background-position:center;
    background-color:transparent;
    border-style:none;
    cursor:pointer;
    width:91px;
    height:60px;
}

.button_vehicle
{
    vertical-align:middle;
    background-image:url(resources/vehicle.png);
    background-repeat:no-repeat;
    background-position:center;
    background-color:transparent;
    border-style:none;
    cursor:pointer;
    width:91px;
    height:60px;
 
}

.button_vehicle:hover
{
    vertical-align:middle;
    background-image:url(resources/vehicle_glow.png);
    background-repeat:no-repeat;
    background-position:center;
    background-color:transparent;
    border-style:none;
    cursor:pointer;
    width:91px;
    height:60px;
}



.ArticleInfo
{
    border-radius: 5px;
    background-color:rgba(20,20,20,1);
    border-color:#333333;
    box-shadow:0px 0px 3px #111;
    -webkit-transition: background-color 0.50s;
    -webkit-transition: box-shadow 0.50s;
    transition: background-color 0.50s;
    transition: box-shadow 0.50s;
    z-index:100;
}

.ArticleInfo:hover
{
    /* background-color:rgba(20,20,20,0.5); */
    border-color:#333333;
    box-shadow:0px 0px 10px Maroon;
    cursor:pointer;
}

.NormalText
{
    color:Black;
    font-style:normal;
    font-family:Calibri;
    font-size:medium;
    }
    
.Link
{
    color:Black;
    font-style:normal;
    font-family:Calibri;
    font-size:medium;
    background-color:transparent;
    border-style:none;
    font-size:smaller;
    text-decoration:underline;
    text-align:right;
    vertical-align:middle;
    cursor:pointer;
    height: 22px;
}

.divLogin
{
    outline:none;
    background:rgba(0,0,0,0.80);  
    border: 1px solid black;
    border-radius:7px;
    -webkit-transition: background-color 0.50s;
    }


.ButtonPromotions
{
    outline:none;
    background:White;  
    border: 1px solid silver;
    border-radius:15px;
    padding-top:20px;
    -webkit-transition: background-color 0.50s;
    }
    
.ButtonPromotions:hover
{
    background:WhiteSmoke;  
    color:Gray;
    border: 1px solid silver;
} 

.ButtonPromotionsBig
{
    outline:none;
    background:White;  
    border: 1px solid silver;
    border-radius:15px;
    border-style:none;
    
    -webkit-transition: background-color 0.50s;
    }
    
.ButtonPromotionsBig:hover
{
    
    color:Gray;
    border: 1px solid silver;
            border-style:none;
} 

.ButtonCriteria
{
    background-color:#444444;
    border: 1px solid White;
    box-shadow:0px 0px 1px Black;
    border-radius:5px;
    height:30px;
    width:100%;
    padding-left:5px;
    padding-right:5px;
    font-family:Calibri;
    -webkit-transition: background-color 0.50s;
    outline:none;
    color:White;
    padding-bottom:10px;
}    
 
.ButtonCriteria:hover
{ 
    background-color:Black;   
}
 
.ButtonOption
{
    background:rgba(200,0,0,1);
    color:White;
    border: 1px solid Maroon;
    box-shadow:0px 0px 1px Red;
    height:30px;
    width:100%;
    padding-left:5px;
    padding-right:5px;
    font-family:Calibri;
    -webkit-transition: background-color 0.50s;
    outline:none;
}
   
.ButtonOption:hover
{
    background:rgba(210,0,0,1);
    color:White;
}  

.ButtonArticle
{
    background:rgba(200,0,0,0.8);
    color:White;
    border: 1px solid Maroon;
    box-shadow:0px 0px 1px Red;
    padding-left:5px;
    padding-right:5px;
    font-family:Calibri;
    -webkit-transition: background-color 0.50s;
    outline:none;
    
}
   
.ButtonArticle:hover
{
    background:rgba(200,0,0,1);
    box-shadow:0px 0px 2px Red;
    color:White;
}  

.ButtonOption:focus
{
    background:White;
    color:rgba(200,0,0,0.8);
    }


.ButtonLogin
{
    outline:none;
    background:Maroon;
    color:White;
    border: 1px solid #DDDDDD;
    border-radius:3px;
    height:30px;
    padding-left:5px;
    padding-right:5px;
    box-shadow: 2px 2px 5px #444444;
    -webkit-transition: background-color 0.50s;
}

.ButtonLogin:hover:
{
    cursor:pointer;
}


.Button
{
    outline:none;
    background:#CCCCCC;
    color:Maroon;
    border: 1px solid #DDDDDD;
    border-radius:3px;
    height:30px;
    padding-left:5px;
    padding-right:5px;
    box-shadow: 2px 2px 5px #444444;
    -webkit-transition: background-color 0.50s;
    }
    
.Button:hover
{
    background:#FFFFFF;
    color:Maroon;
    border: 1px solid #DDDDDD;
    border-radius:3px;
    box-shadow: 1px 1px 1px #333333;
    cursor:pointer;
    
}  

.ButtonTransport
{
    outline:none;
    background:rgba(10,0,0,.8);
    border: 1px solid silver;
    border-radius:15px;
    padding-top:20px;
    
    -webkit-transition: background-color 0.50s;
    }
    
.ButtonTransport:hover
{
    color:Silver;
    border: 1px solid silver;
    box-shadow: 1px 1px 1px #333333;
}   

.ButtonLogistics
{
    outline:none;
    background:#333333;
    border: 1px solid silver;
    border-radius:50px;
    padding-top:20px;
    -webkit-transition: background-color 0.50s;
    }
    
.ButtonLogistics:hover
{
    background:#555555;
    color:Silver;
    border: 1px solid silver;
}    
    
    
.ButtonDownload
{
    outline:none;
    text-align:center;
    font-family:Calibri;
    font-size:small;
    background-color:rgba(100,0,0,1);
    border: 1px solid silver;
    border-radius:20px;
    padding-top:20px;
    -webkit-transition: background-color 0.50s;
    -webkit-transition: color 0.50s;
    transition: background-color 1.50s;
    transition: color 0.50s;
    }
    
.ButtonDownload:hover
{
    color:White;
    background-color:rgba(150,10,10,1);
}        
    

.MenuButton
{
    border-radius: 5px;
    border-color:Gray;
    border-width:1px;
    background-image:url(resources/bg_button.png);
    background-repeat:repeat;
    color:Black;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    width:100%;
    height:30px;
}
.MenuButton:hover
{
    border-radius: 5px;
    border-color:Gray;
    border-width:1px;
    background-image:url(resources/bg_button_glow.png);
    background-repeat:repeat;
    color:Black;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    width:100%;
    height:30px;
}       

.divfilter
{
    position: absolute; left:15px; top: 40px; width: 930px; height: 600px; overflow:visible; background-color: rgba(150,0,0,0.95); color:white; border-width: 2px; border-color: Maroon; display: none; z-index: 1000; border-radius:7px; box-shadow: 0px 0px 10px #FFFFFF;
 }
    
.disablepage
 {
     position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(50,50,50,0.7);
    z-index: 999;
 }
 
 .verticaltext
 {
     -webkit-transform: rotate(90deg);	
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
 }
 
 .combobox
 {
     background:rgba(230,230,230,0.9);
     border:none;
     border-width:2px;
     border-radius:5px;
     font-family:Calibri;
     font-size:large;
     }
     
.checkbutton
{
    background:#FCFCFC;
    color:Black;
    border:1px solid Black;
    border-radius:5px;
}

.checkbutton_selected
{
    background-color:#555555;
    color:White;
    box-shadow: 0px 0px 10px #ff0000;
    padding:2px;
    width:auto;
    height:auto;
}
     
     .Components
{
    border-radius: 5px;
    background-color:Maroon;
    color:White;
    font-size:x-small;
    font-family:Arial;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.Header
{
    color:White;
    background-color:#555555;
    font-weight:bold;
    }
    
.Row
{
    background-color:White;
    color:Black;
    }
    
.AltRow
{
    background-color:#EEEEEE;
    color:Black;
}    

.ComponentLink
{
    font-weight:bold;
    text-decoration:underline;
    cursor:pointer;
}
     
 .treelist
 {
     background-color:rgba(250,250,250,1);
 }

.fade::before 
{
    display:none;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in;
  -o-transition: opacity 0.25s ease-in;
  -ms-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
}
.fade::after
{
    display:block;
  opacity: 1;
}

.slogan
{
    font-size:x-large;
    width: auto;
    height: auto;
    color: Red;
    -webkit-animation: myfirst 5s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation: myfirst 5s;
    animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {color: Red;}
    to {color: Maroon;}
    }


/* Standard syntax */
@keyframes myfirst {
    from {color: Red;}
    to {color: Maroon;}
    }



#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}