@import url("reset.css");
@import url("ibase.css");

/* -----------------------------------------*/
/* -------->>> TABLE OF CONTENTS <<<--------*/
/* -----------------------------------------*/
/* use ctrl+c/f/v to jump to sections       */
/* -----------------------------------------*/
/* SEC1: Global Styles                      */
/* SEC2: RTE Styles                         */
/* SEC3: Page Structure                     */
/* SEC4: Navigation                         */
/* SEC5: Text Styles                        */
/* SEC6: Forms                              */
/* SEC7: Tables                             */
/* SEC8: Extras                             */
/* -----------------------------------------*/


/* debug */
/*
    * { border: 1px dashed #f00; }
*/


/* -----------------------------------------*/
/* ------->>> SEC1: Global Styles <<<-------*/
/* -----------------------------------------*/

html {
    height: 100.01%
}

body {
    background: #c9c9c9;
    text-align: center;
}

body,
p,
li,
input,
select,
label {
    color: #666;
    font: 13px Arial, Helvetica, sans-serif;
    font-weight: 300;
    line-height: 1.5em;
}


/* -----------------------------------------*/
/* -------->>> SEC2: RTE Styles <<<---------*/
/* -----------------------------------------*/

p,
ul,
.line,
.margined {
    margin: 0 0 1.5em 0;
}

.more {
    font-family: "Interstate Condensed", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}

h1,
h2,
h3,
h4 {
    font-family: "Interstate Condensed", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    
    margin: 0 0 1.5em 0;
    line-height: 1.2em;
    color: #333;
}

h1 a,
h2 a,
h3 a,
h4 a {
    text-decoration: none;
    color: #333;
}

h1 {
    background: transparent bottom right no-repeat;
    border-bottom: 2px solid #5f5f5f;
    padding: 0 0 0 10px;
    margin: 0 0 20px 0;
    line-height: 66px;
    font-size: 32px;
    height: 66px;
    
    overflow: hidden;
}

h1 span {
    font-family: "Interstate Light", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
}

.h h1 {
    padding: 0;
    border: none;
    line-height: 1.1em;
    height: auto;
}

h2,
h3 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 1.4em;
}

h3,
h3 a {
    color: #666666;
}

h4 {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

a {
    color: #DF371F;
    text-decoration: underline;
}

a:hover {
    color: #000;
    text-decoration: none;
}

a:active,
a:focus {
    color: #933;
    outline: none;
    text-decoration: none;
}

a.active {
    color: #933;
    text-decoration: none;
}

a img {
    border: none;
}

strong, b {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

/****************/

.floatleft {
    float: left;
    margin-bottom: 5px;
    margin-right: 15px;
}

.floatright {
    float: right;
    margin-bottom: 5px;
    margin-left: 15px;
}

.left,
.right {
    float: left;
    margin: 0 10px 5px 0;
}

.left {
    font-weight: bold;
    margin-right: 0;
    width: 200px;
}

.right {
    width: 400px;
}

.line {
    background: url(../../images/line.png) center repeat-x;
    height: 5px;
}

.box {
    border: 1px solid #cfcfcf;
    padding: 10px;
}

.more {
    background: url(../../images/a_more.png) top right no-repeat;

    position: absolute;
    display: block;
    bottom: 10px;
    right: 10px;

    padding: 0 25px 0 0;
    
    text-transform: uppercase;
    line-height: 25px;
    font-size: 16px;
    height: 25px;
    color: #fff;
}

.border {
    background-color:rgb(255,255,255);
    border-color:rgb(205,205,205);
    border-width:1px;
    border-style:solid;
    display: block;
    text-align: center;
    padding: 10px;
    margin: 0 0 5px 0;
}

.border img {
    display: block;
    margin: 0 auto;
}

.date {
    font-size: 11px;
    display: block;
    margin: 0 0 3px 0;
}

.teasers .teaser {
    margin: 0 40px 0 0; 
    width: 200px; 
    float: left;
}

.teasers .teaser:last-child,
.teasers .last-child {
    margin-right: 0;
}
        
.teaser a {
    text-decoration: none;
    color: #666;
}   

.teaser a:hover * {
    color: #000 !important;
}

a.overview,
a.overview p {
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;

    color: #E11E26 !important;
}

a.overview:hover ,
a.overview:hover p {
    color: #000000 !important;
}

.download {
    background: url(../../../../../modules/ex_explorer/skins/dark/en/images/mime/pdf.png) 2px 2px no-repeat;
    padding: 0 0 0 25px;
    display: block;   
    color: #666;
    text-decoration: none;
}

.back {
    text-decoration: none;
    color: #666;
    border-top: 1px solid #eeeeee;
    display: block;
    padding: 3px 0;
}

/* -----------------------------------------*/
/* ------->>> SEC3: Page Structure <<<------*/
/* -----------------------------------------*/

.c {
    position: relative;
    text-align: left;
    margin: 0 auto;
    width: 960px;
}

.s {
    -moz-box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
    -webkit-box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
    box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
    
    background-color: #fff;
    margin-bottom: 40px;
}

.c .padding {
    padding: 10px 20px;
}

.s .padding,
.h .padding {
    padding: 10px;
} 

.h {
    margin-bottom: 35px;
    margin-top: 35px; 
}

#top {
    background: url(../../images/a_2top.png) top left no-repeat;
    position: fixed; 
    bottom: 10px;
    right: 20px; 
    width: 30px;
    height: 30px;
    
    display: none;
}

#top a {
    display: block;
    width: 30px;
    height: 30px;
}

#top:hover {
    background-position: left -30px;
}

#modal-bg {
    position: absolute;
    z-index: 10000; 
    height: 100%; 
    width: 100%; 

    background-color: #333; 
    opacity: 0.5;

    display: none; 
}

#toolbar {
    background: url(../../images/layout_bg_toolbar.png) repeat-x;    
    height: 40px;
}

#flags {
    position: absolute;
    top: 7px;
}

#meta {
    position: absolute;
    right: 0px;
    top: 10px;
}

#header {
    background: #f2f2f2;
    height: 240px;
}

#logo {
    position: absolute;
    left: 387px;
    top: 33px;
}

#search {
    position: absolute;
    overflow: hidden ; /* IE6 */
    left: 10px;
    top: 125px;
}

#navigation {
    position: absolute;
    left: 10px;
    top: 190px;
}

#btn1,
#btn2 {
    background: url(../../images/a_buttons.png) -328px -3px no-repeat; 
    position: absolute; 
    width: 190px; 
    top: 30px;
    right: 0; 
}

#btn2 {
    background-position: -8px -99px;
    top: 55px;
}

#btn1 a,
#btn2 a {
    text-decoration: none; 
    padding: 0 30px 0 30px; 
    font-size: 11px; 
    display: block;
    color: #666; 
}

#btn2 a {

}

#content {
    background: #f2f2f2 url(../../images/layout_bg.png) repeat-x;
}

#content.home {
    background-image: url(../../images/layout_bg_home.png);
}

#bsci {
    margin: 20px 0 20px 10px;
}

#sidebar, 
.sidebar {
    margin: 0 30px 0 0;
    width: 220px;
    float: left;
}

#main, 
.main {
    width: 690px;
    float: left;
}

#products {
    background: #d9d9d9 url(../../images/layout_bg_products.png) repeat-x;    
    padding: 35px 0 25px ;
}

#footer {
    background: url(../../images/layout_bg_footer.png) repeat-x;    
    text-align: center;
    padding: 35px 0 ;
}

.catalogue {
    width: 350px;
    float: left;
}

.p {
    margin-bottom: 20px;
}

.pb {
    position: absolute;
    bottom: 0;
    right: 0;

    text-decoration: none;
    font-size: 11px;
    color: #8e8e8e;
}

.pb:hover {
    color: #000;
    
}




/* -----------------------------------------*/
/* -------->>> SEC4: Navigation <<<---------*/
/* -----------------------------------------*/

#meta li {
    float: left;
}

#meta li a {
    font-size:11px;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    display: block;
    color: #cdcdcd;
    text-decoration: none;
    text-transform: uppercase;
    float: left; /* IE6 */
}

#meta li a:hover,
#meta li a.active {
    background: #5f5f5f;
    color: #fff;
}

#meta #nav_login a {
    border: 1px solid #818181;
    border-radius: 2px;
    background: #cdcdcd;

    margin: -3px 0 0 5px;
    height: 23px;

    text-transform: none;
    line-height: 24px;
    font-weight: bold;
    color: #333333;
}

#meta #nav_login a:hover {
    background-color: #ffffff;
}

#meta #nav_login .icon {
    background: #cdcdcd url(../../images/a_buttons.png) -10px -65px no-repeat;
    padding-left: 28px;
    padding-right: 10px;
}   

/****************/

#navigation {
    border-bottom: 2px solid #5f5f5f;
    height: 28px;
    width: 940px;
}

#navigation li {
    float: left;
}

#navigation li a {
    font-size:14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    display: block;
    color: #666666;
    text-decoration: none;
    text-transform: uppercase;
    float: left; /* IE6 */
}
.lang_fr #navigation li a {
    padding: 0 14px;
}

#navigation li a:hover,
#navigation li a.active {
    background: #5f5f5f;
    color: #fff;
}
        
/****************/

#sidebar li {    
    margin: 0;
}

#sidebar li a ,
#sidebar li h4 {
    background-image:-moz-linear-gradient(rgb(252,252,252) 0%,rgb(244,244,244) 100%); 
    background-image:-webkit-gradient(linear,color-stop(0, rgb(252,252,252)),color-stop(1, rgb(244,244,244)));
    background-image:-webkit-linear-gradient(rgb(252,252,252) 0%,rgb(244,244,244) 100%);
    background-image:-ms-linear-gradient(rgb(252,252,252) 0%,rgb(244,244,244) 100%);
    background-image:linear-gradient(rgb(252,252,252) 0%,rgb(244,244,244) 100%);
}

#sidebar li a {
    line-height: 20px;
    padding: 5px 10px;

    text-decoration: none;
    color: #333333;
    display: block;
    height: 1%; /* IE6 */
}

#sidebar .categories li a {
    padding: 0;
}

#sidebar li a:hover, 
#sidebar li a.active {
    background: #5f5f5f;
    color: #fff;
}

#sidebar li h4 {
    margin: 15px 0 1px 0;
    border-bottom: 1px solid #dddddd;
    padding: 0 10px;
    line-height: 35px;
}

#sidebar .topics a {
    background: #f4f4f4;
    color: #666;
}

#sidebar .topics a:hover,
#sidebar .topics a.active {
    background: #5f5f5f;
}

/****************/

.ancor {
    background: #f2f2f2;
    height: 30px;
    margin: -20px 0 0 0 !important;
}

.ancor li {
    line-height: 30px;
    float: left;
}

.ancor li a {
    text-decoration: none;
    padding: 0 10px;
    color: #666;
    display: block;
}

.ancor li.active a,
.ancor li a:hover {
    background: #5f5f5f;
    color: #fff;
}



/* -----------------------------------------*/
/* -------->>> SEC5: Text Styles <<<--------*/
/* -----------------------------------------*/

#main ul {
    margin: 0 0 1.5em 0;
}

#main ul p {
    margin-bottom: 5px;
}

#main ul li {
    background: url(../../images/li.png) 0px 5px no-repeat;
    padding-left: 14px;
    margin: 0.5em 0 0 0;
}

#main .description ul li {
    background-image: url(../../images/li_products.png);
    background-position: 3px 5px;
    padding-left: 18px;
}

#main .description h2 {
    font: 13px Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    font-weight: bold;
    color: #666;
}

#main ol {
    list-style: decimal;
    margin: 0 0 1.5em 0;
}
#main ol li {
    margin: 0.5em 0 0 35px;
    padding-left: 5px;
}
#main ol ol {
    list-style: lower-latin;
}
#main ol ol li {
    margin: 15px 0 0 20px;
}

/* -----------------------------------------*/
/* ----------->>> SEC6: Forms <<<-----------*/
/* -----------------------------------------*/

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

.editLine {
    margin: 0 0 10px 0;
}

label {
    position: relative;
    margin: 0 15px 0 0;
    display: block;
    width: 100px;
    float: left;

    line-height: 30px;
    text-align: right;
    font-size: 13px;
}

.asterix {
    position: absolute;
    font-weight: bold;
    color: #e33f22;
    right: -13px;
    top: -6px;
}

#content input.text,
#content input.password,
textarea,
select {
    border: 0;
    border-left: 3px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    
    line-height: 30px;
    font-size: 13px;

    width: 310px;
    height: 30px;
    padding: 0 10px;
    float: left;
    margin: 0;
}

select {
    padding: 6px 0 0;
}

#content textarea {
    font: 13px Arial, Helvetica, sans-serif;
    padding-top: 7px;
    line-height: auto;
    height: 120px;
    color: #666;
}

#content input.text:focus,
#content input.password:focus,
select:focus,
textarea:focus {
    border-color: #000;
    outline: none;
}

.formError {
    color: #e33f22;
    margin: 2px 0 5px 125px;
    float: left;
    font-size: 11px;
}

#mSubmitButton,
#asterisk {
    margin: 0 10px 10px 115px;
}

#mSubmitButton {
    padding: 0 10px;
}

.submit {
    background: #e1412c;
    border: none;

    float: left;
    height: 26px;

    line-height: 26px;
    color: #fff;
    padding: 0;

    margin: 0 10px 10px 115px;
}

#mSubmitButton:hover {
    background: #000;
}

#mResetButton,
#submit_function,
.editFormCaption {
    display: none;
}



/* -----------------------------------------*/
/* ---------->>> SEC7: Tables <<<-----------*/
/* -----------------------------------------*/

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    margin: 0 0 1.5em 0;
    width: 690px;
}

table th,
table td {
    padding: 2px 3px 2px 0;
}

table.sort-me th {
    border-bottom: 1px solid #999;
}

table.sort-me td {
    border-bottom: 1px solid #ccc;
    padding: 4px 0;
}

table .cright {
    text-align: right;
}

table .cleft {
    text-align: left;
}

table td,
table th {
    vertical-align: top;
}



/* -----------------------------------------*/
/* ---------->>> SEC8: Extras <<<-----------*/
/* -----------------------------------------*/

#search {
    background: url(../../images/layout_search.png) -10px -10px no-repeat;
    height: 30px;
    width: 220px;
}

#search .text {
    background: none;
    border: none;
    outline: none;

    line-height: 26px;
    height: 26px;
    width: 175px;

    margin: 2px 2px 0 6px;
    padding: 0;
}

#search .submit {
    background: url(../../images/layout_search.png) -193px -12px no-repeat;
    text-indent: 99999px;
    border: none;

    line-height: 26px;
    height: 26px;
    width: 35px;

    margin: 2px 0 0 0;

    cursor: pointer;
    cursor: hand;     

    position: absolute;
    right: 2px;
    top: 0;
}

#search.active { background-position: -10px -50px; }
#search.active .submit, #search .submit:hover { background-position: -193px -52px; }

/****************/

#bc {
    background: #f2f2f2 ;
    height: 40px;
    margin-bottom: 20px;
}

#bc a {
    float: left;
    line-height: 40px;
    display: block;
    margin: 0 10px;    
    color: #000;
    font-size: 12px;
    text-decoration: none;
}

#bc a:last-child,
#bc a.last-child {
    font-weight: bold;
}

#bc span {
    background: url(../../images/li_bc.png) no-repeat;
    display: block;
    float: left;
    width: 10px;
    height: 40px;
}

#bc .dropdown {
    border-right: 20px solid #fff; 
    background: #f0f0f0 url(../../images/dd_categories.png) 185px -5px no-repeat;
    width: 220px; 
    float: left;
}

#bc .dropdown:hover {
    background-color: #5f5f5f;
    background-position: 185px -45px;
}

#bc .dropdown:hover a span {
    color: #fff;
}

#bc .dropdown dt a,
#bc .dropdown dd ul {
    width: 220px;
}

#bc .dropdown dt a {
    background: transparent;
    line-height: 40px;
    height: 40px;
    margin: 0;
    border: none;
    border-radius: 0;
}

#bc .dropdown dt a.active {
    background: #5f5f5f url(../../images/dd_categories.png)  185px -45px no-repeat;
}

#bc .dropdown dt a.active span {
    color: #fff;
}

#bc .dropdown dt a span {
    background: none;
    padding: 0 10px;
}

#bc .dropdown dd ul {    
    -moz-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.5);
    box-shadow:0px 0px 4px 2px rgba(0,0,0,0.5);

    background: transparent;
    border: none;
    top: 0px;
    padding-top: 40px;
}

#bc .dropdown dd a {
    margin: 0;
}
     
#bc .categories,
#bc .categories table {
    width: 220px;
}

#bc .categories img {
    border-right: 1px solid #fff;
}

#bc td {
    border-top: 1px solid #fff;
    background: #f0f0f0;
}

#bc td.caption {
    font-weight: bold;
    font-size: 12px;
}

/****************/

.columns {

}

.columns div.text {
    width: 470px;
    float: left;
}

.columns div.text .left {
    width: 120px;
}

.columns div.text .right {
    width: 260px;
}

.columns .images,
.columns .infos {
    width: 220px;
    float: left;
}

.columns .images img {
    float: left;
    margin: 0 0 10px 0;
}

.columns .images a {
    text-decoration: none;
}


/****************/

.p div.text {
    margin: 0 20px 0 0;
    width: 450px;
}

/****************/

.box h3 {
    background: #666666; 
    margin: 0; 
    color: #fff; 
    text-transform: uppercase; 
    font-size: 16px; 
    line-height: 40px; 
    padding: 0 10px;
}

.box .inner {
    padding: 10px; 
    background: #f2f2f2;
}

.box .inner p {
    line-height: 1.7em;
    margin: 5px 0 5px 0;
}

/****************/

.products {
    border-top: 1px solid #cdcdcd;
    padding: 10px 0 0 0;
    margin: 0 0 10px 0;
}

.products h2 {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.products .bg {
    background: url(../../images/layout_bg_products_overview.png);
}

.line-top .pageselector {
    border-top: 1px solid #cdcdcd;
    padding: 10px 10px 0;
}

.line-bottom .pageselector {
    border-bottom: 1px solid #cdcdcd;
    padding: 0 10px 10px;
}

.first {
    border-top: none;
    padding-top: 0;
}

.no-border {
    border-bottom: 0;
    border-top: 0;
}

.columns.products .images {
    text-align: center;
    width: 240px;
    margin-right: 10px;
}

.columns.products .images img {
    margin-bottom: 0;
    float: none;
}

.columns.products .text {
    width: 430px;
}

.button {
    background-image:-moz-linear-gradient(83% 0% -90deg,rgb(252,252,252) 0%,rgb(244,244,244) 100%); 
    background-image:-webkit-gradient(linear,83% 0%,83% 43%,color-stop(0, rgb(252,252,252)),color-stop(1, rgb(244,244,244)));
    background-image:-webkit-linear-gradient(-90deg,rgb(252,252,252) 0%,rgb(244,244,244) 100%);
    background-image:-ms-linear-gradient(-90deg,rgb(252,252,252) 0%,rgb(244,244,244) 100%);
    background-image:linear-gradient(-90deg,rgb(252,252,252) 0%,rgb(244,244,244) 100%);

    float: left;
    height:22px;
    
    text-align: center;
    padding: 0 10px;
    margin: 0 10px 5px 0;
    color: #5f5f5f;
    font-size: 11px;
    text-decoration: none;
    line-height: 22px;
    border-radius: 2px;
    display: block;
    border: 1px solid #aaaaaa;
}

.button:hover {
    color: #fff;
}

.note,
.recommend {
    background-image: url(../../images/a_buttons.png);
    padding: 0 10px 0 30px;
}    

.note { background-position: -10px -1px; }
.note:hover { background-position: -170px -1px; }
.recommend { background-position: -10px -33px; }
.recommend:hover { background-position: -170px -33px; }    

/****************/

.pageselector {
    margin: 0 0 10px 0;
    padding: 0 10px;
}

.pageselector .group{
    margin: 0 5px 0 0;
    display: block;
    float: left;
    
    background-image:-moz-linear-gradient(14% -22% -90deg,rgb(252,252,252) 0%,rgb(244,244,244) 100%); 
    background-image:-webkit-gradient(linear,14% -22%,14% 30%,color-stop(0, rgb(252,252,252)),color-stop(1, rgb(244,244,244)));
    background-image:-webkit-linear-gradient(-90deg,rgb(252,252,252) 0%,rgb(244,244,244) 100%);
    background-image:-ms-linear-gradient(-90deg,rgb(252,252,252) 0%,rgb(244,244,244) 100%);
    background-image:linear-gradient(-90deg,rgb(252,252,252) 0%,rgb(244,244,244) 100%);    
    
    border: 1px solid #e2e2e2;
    border-radius: 2px;
}

.pageselector span, 
.pageselector a {
    padding: 0 6px;
    border-right: 1px solid #e2e2e2;
    float: left;
    
    display: block;
    line-height: 18px;
    height: 18px;
    color: #5f5f5f;
    text-decoration: none;
    font-size: 11px;
}

.pageselector span {
    color: #000;
}

.pageselector a:hover {
    background-color: #000;
    color: #fff;
}

.pageselector a.active {
    background-color: #fff;
}

.pageselector .prev {
    background-image: url(../../images/a_page_select.png);
    background-position: -1px -3px;
    text-indent: -9999px;
    width: 6px;
}

.pageselector .next {
    background-image: url(../../images/a_page_select.png);
    background-position: -23px -3px;
    text-indent: -9999px;
    width: 6px;
}

.pageselector .prev:hover {
    background-position: -1px -33px;
    background-color: #000;
}

.pageselector .next:hover {
    background-position: -23px -33px;
    background-color: #000;
}

.pageselector span.prev,
.pageselector span.next {
    filter: alpha(opacity=40) ;
    opacity: 0.4 ;
}

/****************/

.dropdown * {
    padding: 0;   
    margin: 0; 
}

.dropdown {
    margin: 0 5px 0 0;
    float: left;
}

.dropdown dd { 
    position: relative; 
    z-index: 100; 
}

.dropdown a {
    text-decoration: none; 
}

.dropdown dt a {
    background: #555555 url(../../images/dd.png) no-repeat scroll right -2px;
    border: 1px solid #000000; 
    border-radius: 3px;
    display: block;  
    height: 23px;
    line-height: 23px;
    color: #cdcdcd;
}

.dropdown dt a span {
    cursor: pointer; 
}

.dropdown dt a:hover,
.dropdown dt a.active {
    background-position: right -42px;
    background-color: #fff;
}

.dropdown dt a:hover span,
.dropdown dt a.active span {
    color: #000;
}

.dropdown span {
    padding: 0 0 0 10px;
    font-size: 11px; 
    display: block;  
}

.dropdown span img { 
    margin: 5px 10px 0 0;
    float: left; 
}

.dropdown dd ul { 
    position: absolute; 
    display: none;
    left: 0px; 
    top: -3px; 

    border: 1px solid #000; 
    border-top: none ;
    border-radius: 0 0 3px 3px;
    background: #ffffff; 

    padding: 2px 0;
}

.dropdown dd ul li {
    line-height: 23px;
    height: 23px;
}

.dropdown li a {
    color: #000;
}

.dropdown dd li:hover {
    background: #e0e0e0 !important;
}

.dropdown dd li:hover a{

}

.country dt a,
.country dd ul {
    width: 150px;
}

.language dt a,
.language dd ul {
    width: 120px;
}

/****************/

.flag {
    background: url(../../images/flags/flags.png) -5px -5px;
    margin: 5px 10px 0 0;
    float: left;
    width: 18px;
    height: 12px;
}

.at { background-position:  -5px   -5px; }
.be { background-position:  -5px  -25px; }
.cy { background-position:  -5px  -45px; }
.cs { background-position:  -5px  -65px; }
.dk { background-position:  -5px  -85px; }
.ee { background-position:  -5px -105px; }
.fr { background-position:  -5px -125px; }
.de { background-position:  -5px -145px; }
.en { background-position:  -5px -165px; }
.hu { background-position:  -5px -185px; }
.ie { background-position:  -5px -205px; }
.it { background-position:  -5px -225px; }
.lv { background-position:  -5px -245px; }

.lt { background-position: -35px   -5px; }
.lu { background-position: -35px  -25px; }
.mt { background-position: -35px  -45px; }
.nl { background-position: -35px  -65px; }
.pl { background-position: -35px  -85px; }
.pt { background-position: -35px -105px; }
.ru { background-position: -35px -125px; }
.sk { background-position: -35px -145px; }
.es { background-position: -35px -165px; }
.sv { background-position: -35px -185px; }
.ch { background-position: -35px -205px; }

.ae { background-position: -65px   -5px; }
.ao { background-position: -65px  -25px; }
.cn { background-position: -65px  -45px; }
.dz { background-position: -65px  -65px; }
.eg { background-position: -65px  -85px; }
.id { background-position: -65px -105px; }
.in { background-position: -65px -125px; }
.iq { background-position: -65px -145px; }
.jo { background-position: -65px -165px; }
.ly { background-position: -65px -185px; }
.sa { background-position: -65px -205px; }

.no { background-position: -95px   -5px; }
.fi { background-position: -95px  -25px; }

.other { background-position: -35px -225px; }

/****************/

#modal {
    -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
    box-shadow:0px 0px 5px rgba(0,0,0,0.5);

    border: 1px solid #818181;
    background: #333333;
    padding: 10px;

    position: absolute;
    z-index: 10001;
    top: 25px;
    right: 0;

    display: none;
}

#modal h4 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 1.4em;
    color: #fff;
}

#modal input {
    margin: 0 0 10px 0;
    width: 250px;
}

#modal input.submit { 
    display: none ; 
}

#meta #nav_login #modal a {
    background-image:-moz-linear-gradient(93% 0% -90deg,rgb(252,252,252) 0%,rgb(244,244,244) 100%); 
    background-image:-webkit-gradient(linear,93% 0%,93% 43%,color-stop(0, rgb(252,252,252)),color-stop(1, rgb(244,244,244)));
    background-image:-webkit-linear-gradient(-90deg,rgb(252,252,252) 0%,rgb(244,244,244) 100%);
    background-image:linear-gradient(-90deg,rgb(252,252,252) 0%,rgb(244,244,244) 100%);

    border: 1px solid #aaa;
    border-radius: 3px;

    margin: 0 0 10px 0; 
}

#meta #nav_login #modal a.l { float: left; }
#meta #nav_login #modal a.r { float: right; }

#meta #nav_login #modal a.p {
    text-decoration:underline;
    background: none ;
    border: none ;
    float: none ;
    padding: 0;

    font-weight: normal;
    font-size: 12px;
    color: #f2f2f2 ;
}

/****************/

.canvas {
    position: relative;
    display: block;
    height: 320px;
    width: 700px;

    float: left;
}

.canvas .caption,
.info .caption,
.category .caption {
    position: absolute;
    top: 40px;
    right: 0;
    
    background-color:rgba(0,0,0,0.5);
    width: 460px;    
}

.canvas .caption .padding {
    padding: 20px 15px 25px 15px ;
}

.canvas .caption:hover,
.info .caption:hover,
.category .caption:hover {
    background: #000;
}

.canvas .caption h3,
.info .caption h3,
.category .caption h3 {
    margin: 0 0 10px 0;
    font-size: 24px;
    color: #fff;
}

.canvas .caption p,
.info .caption p {
    line-height: 1.6em;
    margin: 0 0 15px 0;
    font-size: 13px;
    color: #fff;
}

.canvas .caption a,
.info .caption a,
.category .caption a {
    text-decoration: none;
}

.canvas .caption a.more:hover {
    text-decoration: underline;
    color: #fff;
}

/****************/

#content .categories, 
#content .categories li {
    background: none;
    list-style: none;
    padding: 0;
    margin: 0;
}
       
.categories {
    float: left;
    width: 240px;
}

/****************/

a.categories,
.categories a {
    text-decoration: none ;
    display: block;
    z-index: 100;
}

.categories table {
    width: 240px;
    height: 40px;
    border: 0;
    padding: 0;
    margin: 0;
}

.carousel .categories table {
    width: 200px;
}

.categories td a {
    text-decoration: none;
}

.categories td {
    vertical-align: middle;
    background: #f2f2f2;
    height: 40px;
    padding: 0;
}

.categories td.img {
    width: 50px;
}

.categories img {
    border-right: 1px solid #fff;
    float: left;
}

.categories td.caption {
    padding: 0 15px 0 0;
    line-height: 16px;
    font-size: 12px;
    color: #666;        
    font-weight: bold;
}   

#sidebar .categories li {
    background: #f0f0f0;
    padding: 0;
}

#sidebar .categories,
#sidebar .categories table,
#nav_products .listing table {
    width: 220px;
}

#sidebar .categories img ,
#nav_products .listing img {
    border-right: 1px solid #fff;
}

#sidebar .categories td,
#nav_products .listing td {
    border-bottom: 1px solid #fff;
}

#sidebar .categories td.caption,
#nav_products .listing td.caption {
    font-weight: bold;
    font-size: 12px;
}

/****************/

#products h3,
#products h3 a {
    font-size: 24px;
    display: block;
    color: #000;
    margin: 0;
}

#products h3 a {
    background: url(../../images/dd_listing.png) right -14px no-repeat ;
}

#products h3 a:hover {
    background-position: right -54px;
    text-decoration: underline;
}

#products h3.open a {
    background-position: right -134px;
}

#products h3.open a:hover {
    background-position: right -174px;
}

/****************/

.trade-fair {
    margin-bottom: 15px;
}

.trade-fair .date {
    font-size: 13px;
    color: #E0402C;
    font-weight: bold;
}

.trade-fair p {

}

.trade-fair a {
 
}

/****************/

.listing {
    display: none ;  
    z-index: 500;
}  

.listing ul {
    margin: 15px 0 0 0;
}

.listing li.main {
    margin: 0 10px 20px 0;
    width: 230px; 
    float: left; 
}

.listing ul ul li {
    background: url(../../images/li.png) 0px 5px no-repeat;
    padding-left: 14px;
    margin: 0 0 5px  0;
}

.listing ul ul li {
    margin: 0;
}

.listing ul ul li a {
    text-decoration: none;
    line-height: 15px;
    font-size: 11px;
    color: #787878;
}

.listing ul ul li a:hover,
.listing ul ul li a.active {
    color: #000;
}

.listing ul ul ul {
    margin: 0 0 5px 0;
}

/****************/

.catalogue .image {
    margin: 0 10px 0 0;
    float: left;
    border: 6px solid #ffffff;
    position: relative;
}

.catalogue .image img {
    float: left;
}

.catalogue h4 {
    background: rgba(225,65,44,0.85) url(../../images/a_more_red.png) right 6px no-repeat;
    height:35px;
    position: absolute;
    bottom: 50px;
    line-height: 35px;
    padding: 0 25px 0 10px;
    color: #fff;
}

.catalogue ul {
    float: left;
    width: 150px;
}

.catalogue li {
    margin: 0 !important;
    padding: 0 !important; 
}

.catalogue li a,
.catalogue-carousel .catalogue a {
    background: #d9d9d9 url(../../images/a_catalogue.png) -5px -3px no-repeat !important;

    font-family: "Interstate Condensed", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    
    text-decoration: none;
    font-size: 14px;
    color: #333333 !important;

    padding: 0 0 0 40px;
    margin: 0 0 1px 0;
    line-height: 30px;
    height: 30px;

    display: block;
    overflow: hidden;
}

#sidebar .topics .image a:hover {
    background: #f4f4f4;
}

#sidebar .topics li a.html,
#sidebar .topics li a.pdf,
.catalogue-carousel .catalogue a.html,
.catalogue-carousel .catalogue a.pdf {
    background: #f4f4f4 url(../../images/a_catalogue.png) 0 -3px no-repeat;
    padding-left: 45px;

    font-family: "Interstate Condensed", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    
    text-decoration: none;
    font-size: 14px;
    color: #333333 !important;

}

#sidebar .topics li a.pdf,
.catalogue-carousel .catalogue a.pdf {
    background-position: 0 -37px !important; 
}

#sidebar .topics li a:hover,
.catalogue-carousel .catalogue a:hover {
    background-color: #333 !important;
    color: #fff !important;
}

.catalogue li a:hover {
    background-color: #000000;
    color: #ffffff !important;
}

.catalogue li a.pdf { background-position: -5px -37px !important; }
.catalogue li a.overview { background-position: -5px -68px !important; background-color: #333 !important; color: #fff !important; }

.catalogue li a.overview:hover { background-color: #666 !important; }

/****************/

#nav_products:hover {
    -moz-box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
    -webkit-box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
    box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
}

#nav_products:hover > a {
    background-color: #fff !important;            
    color: #000 !important;                
    z-index: 900;
}

#nav_products:hover .listing {
    display: block;
}

#nav_products .listing {
    position: absolute;
    left: -10px;
    top: 30px;
    
    width: 960px;
    
    -moz-box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
    -webkit-box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
    box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
    
    background-color: #fff;
} 

#nav_products ul,
#nav_products li {
    margin: 0;
}

#nav_products .padding {
    background: url(../../images/layout_bg_flyout.png) repeat-y;
    margin: 10px 10px 0 10px;
    padding: 0;
}

#nav_products li {
    margin-right: 20px;
    width: 220px;
}

#nav_products ul li:last-child,
#nav_products ul li.last-child {
    margin-right: 0;
}

#nav_products ul ul {
    background-image:-moz-linear-gradient(rgb(252,252,252) 0%,rgb(244,244,244) 100%); 
    background-image:-webkit-gradient(linear,color-stop(0, rgb(252,252,252)),color-stop(1, rgb(244,244,244)));
    background-image:-webkit-linear-gradient(rgb(252,252,252) 0%,rgb(244,244,244) 100%);
    background-image:linear-gradient(rgb(252,252,252) 0%,rgb(244,244,244) 100%);

    padding: 10px 0;
    
    min-height: 100px;
}

#nav_products ul ul ul {
    background: none;
    min-height: 1px;
    padding: 5px 0;
    
    display: none;
}

#nav_products ul ul li,
#nav_products li a {
    float: none;
    width: auto;
}

#nav_products li li {
    background-position: 5px 5px;
    padding-left: 20px;
}

#nav_products li a:hover,
#nav_products li a.active {
    background: none;
    color: #000;
}

#nav_products .listing ul li a {
    text-transform: none;
    font-size: 11px;
    font-weight: normal;
    height: auto;
    line-height: 18px;
    padding: 0;
}

#nav_products ul li a.expand {
    font-weight: bold;
    font-size: 13px;
    display: block;
    padding: 0 0 0 20px ;
    margin: -5px 0 10px 0;
    
    cursor: pointer;
    cursor: hand;
}
   
/****************/

#sidebar .navigation li {
    position: relative;
}

#sidebar .info {
    background: #ffffff;
    border: 1px solid #ccc;
    -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.5);
    box-shadow:0px 0px 4px rgba(0,0,0,0.5);    
    
    position: absolute;
    right: -605px;
    top: -10px ;
    z-index: 100;

    display: none;
    width: 610px;
}

#sidebar li:hover .info {
    display: block; 
}

#sidebar .info .padding {
    padding: 10px;
}    

#sidebar .info a,
#sidebar .info h3,
#sidebar .info h4 {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

#sidebar .info a:hover {
    background: none;
}

#sidebar .info h3 {
    margin: -10px 0 10px -10px;
    font-size: 19px;
    text-transform: uppercase;
    border-bottom: 1px solid #cdcdcd;
    padding: 10px 20px;
}

#sidebar .info h3 a {
    background: url(../../images/a_arrow.png) right -5px no-repeat;
    padding: 0 30px 0 0;
    display: inline;
}

#sidebar .info h3 a:hover {
    background: url(../../images/a_arrow.png) right -5px no-repeat;
    color: #000;
}

#sidebar .info .caption {
    position: absolute;
    top: 80px;
    left: 10px;
    
    padding: 15px 10px;
}

#sidebar .info .caption h3 {
    text-transform: none;
    margin: 0 0 5px 0;
    border: none;
    padding: 0;
}

#sidebar .info .caption p {
    line-height: 1.5em;
    margin-bottom: 0;
}

#sidebar .info .teaser {
    margin-right: 10px;
    background: #fff;
    width: 190px;
}

#sidebar .info .teaser:last-child,
#sidebar .info .last-child {
    margin-right: 0;
}

#sidebar .info .teaser img {
    border: 1px solid #cdcdcd;
    padding: 0;
    margin: 0;
}

#sidebar .info .teaser h4,
#sidebar .info .teaser p {
    margin: 0 10px;
}
   
/****************/
   
#center .accordion,
#center .accordion li {
    background: none;
    padding: 0 ;
}

.accordion .t {
    background: url(../../images/dd_accordion.png) top right no-repeat;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 35px 3px 0;
	cursor:pointer;
	color: #7d7d7d;
}

.accordion .t:hover {
    background-position: right -100px;    
    border-color: #000;
    color: #000;
}

.accordion h4.t {
    margin: 5px 0 5px 0;
}

.accordion .first {
    margin-top: 0 !important;
    border-top: 0;
}

.accordion .ta,
.accordion .ta:hover {
    background-position: right -201px;    
	color:#000000;
}

/****************/

.category {
    position: relative;
    float: left; 
    width: 338px;
    border: 1px solid #cdcdcd; 
    margin: 0 20px 0 0;
}

.category .caption {
    position: absolute;
    bottom: 30px;
    left: 10px;
    top: auto;
    
    width: 260px;
    padding: 0;
}

.category a {
    display: block;
    padding: 10px; 
}

.category .caption h3 {
    font-size: 20px;
    padding: 10px;
    margin: 0;
}

/****************/

.keywords {
    line-height: 1.2em;
}

.keywords a {
    color: #666;
    text-decoration: none;
    font-size: 11px;
}

/****************/

.features {
    margin: 25px 0;
}

.features img {
    margin: 0 15px 0 0;
    float: left;
}

/****************/

p.arrow a {
    text-decoration: none;
    color: #666;
}

p.arrow a:hover {
    color: #000
}

span.arrow {
    background: url(../../images/a_arrow_small.png) -8px -5px no-repeat ;
    
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    width: 20px;
    height: 15px;
    
    cursor: pointer;
    cursor: hand;    
}

span.arrow:hover,
span.arrow_hover {
    background-position: -8px -455px !important; 
}

.noline {
    text-decoration: none;
}

/****************/

.sticky-wrapper {
    background: #fff;
    height: 200px;
    width: 100%;
}

.stuck {
	background: #fff;
    -moz-box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
    -webkit-box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
    box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);

	position:fixed;
	z-index: 300;
	width: 940px;
	top:0;
}
		
/****************/

.carousel .prev {
    background: #dddddd;
    background: url(../../images/a_arrow_next_prev.png) 0 center no-repeat;
    background: url(../../images/a_arrow_next_prev.png) 0 center no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
    background: url(../../images/a_arrow_next_prev.png) 0 center no-repeat, -webkit-linear-gradient(left, #ffffff 0%,#dddddd 100%);
    background: url(../../images/a_arrow_next_prev.png) 0 center no-repeat, -ms-linear-gradient(left, #ffffff 0%,#dddddd 100%);
    background: url(../../images/a_arrow_next_prev.png) 0 center no-repeat, linear-gradient(to right, #ffffff 0%,#dddddd 100%);

    position: absolute;
    left: 0;
    top: 0;
}

.carousel .next {
    background: #dddddd;
    background: url(../../images/a_arrow_next_prev.png) -40px center no-repeat;
    background: url(../../images/a_arrow_next_prev.png) -40px center no-repeat, -moz-linear-gradient(right, #ffffff 0%, #dddddd 100%);
    background: url(../../images/a_arrow_next_prev.png) -40px center no-repeat, -webkit-gradient(linear, right top, left top, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
    background: url(../../images/a_arrow_next_prev.png) -40px center no-repeat, -webkit-linear-gradient(right, #ffffff 0%,#dddddd 100%);
    background: url(../../images/a_arrow_next_prev.png) -40px center no-repeat, -ms-linear-gradient(right, #ffffff 0%,#dddddd 100%);
    background: url(../../images/a_arrow_next_prev.png) -40px center no-repeat, linear-gradient(to left, #ffffff 0%,#dddddd 100%);

    position: absolute;
    right: 0;
    top: 0;
}

.carousel .prev:hover {
    background: #000;
    background: url(../../images/a_arrow_next_prev.png) -80px center no-repeat;
    background: url(../../images/a_arrow_next_prev.png) -80px center no-repeat, -moz-linear-gradient(left, #555555 0%, #000000 100%);
    background: url(../../images/a_arrow_next_prev.png) -80px center no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%,#555555), color-stop(100%,#000000));
    background: url(../../images/a_arrow_next_prev.png) -80px center no-repeat, -webkit-linear-gradient(left, #555555 0%,#000000 100%);
    background: url(../../images/a_arrow_next_prev.png) -80px center no-repeat, -ms-linear-gradient(left, #555555 0%,#000000 100%);
    background: url(../../images/a_arrow_next_prev.png) -80px center no-repeat, linear-gradient(to right, #555555 0%,#000000 100%);
}


.carousel .next:hover {
    background: #000;
    background: url(../../images/a_arrow_next_prev.png) -120px center no-repeat;
    background: url(../../images/a_arrow_next_prev.png) -120px center no-repeat, -moz-linear-gradient(right, #555555 0%, #000000 100%);
    background: url(../../images/a_arrow_next_prev.png) -120px center no-repeat, -webkit-gradient(linear, right top, left top, color-stop(0%,#555555), color-stop(100%,#000000));
    background: url(../../images/a_arrow_next_prev.png) -120px center no-repeat, -webkit-linear-gradient(right, #555555 0%,#000000 100%);
    background: url(../../images/a_arrow_next_prev.png) -120px center no-repeat, -ms-linear-gradient(right, #555555 0%,#000000 100%);
    background: url(../../images/a_arrow_next_prev.png) -120px center no-repeat, linear-gradient(to left, #555555 0%,#000000 100%);
}

.carousel .disabled {
    opacity: 0.4;
}

/****************/

.image-carousel-items .src {
    display: none;
}
    
.image-carousel {
    border: 1px solid #cdcdcd;
    position: relative;
    height: 90px;
    width: 220px;
}

.image-carousel .next,
.image-carousel .prev {
    text-indent: -9999px;
    height: 90px;
    width: 20px;
}

.image-carousel .prev {
    background: #dddddd;
    background: url(../../images/a_arrow_next_prev.png) -5px center no-repeat;
    background: url(../../images/a_arrow_next_prev.png) -5px center no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
    background: url(../../images/a_arrow_next_prev.png) -5px center no-repeat, -webkit-linear-gradient(left, #ffffff 0%,#dddddd 100%);
    background: url(../../images/a_arrow_next_prev.png) -5px center no-repeat, -ms-linear-gradient(left, #ffffff 0%,#dddddd 100%);
    background: url(../../images/a_arrow_next_prev.png) -5px center no-repeat, linear-gradient(to right, #ffffff 0%,#dddddd 100%);

    position: absolute;
    left: 0;
    top: 0;
}

.image-carousel .next {
    background: #dddddd;
    background: url(../../images/a_arrow_next_prev.png) -45px center no-repeat;
    background: url(../../images/a_arrow_next_prev.png) -45px center no-repeat, -moz-linear-gradient(right, #ffffff 0%, #dddddd 100%);
    background: url(../../images/a_arrow_next_prev.png) -45px center no-repeat, -webkit-gradient(linear, right top, left top, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
    background: url(../../images/a_arrow_next_prev.png) -45px center no-repeat, -webkit-linear-gradient(right, #ffffff 0%,#dddddd 100%);
    background: url(../../images/a_arrow_next_prev.png) -45px center no-repeat, -ms-linear-gradient(right, #ffffff 0%,#dddddd 100%);
    background: url(../../images/a_arrow_next_prev.png) -45px center no-repeat, linear-gradient(to left, #ffffff 0%,#dddddd 100%);

    position: absolute;
    right: 0;
    top: 0;
}

.image-carousel .prev:hover {
    background: #000;
    background: url(../../images/a_arrow_next_prev.png) -85px center no-repeat;
    background: url(../../images/a_arrow_next_prev.png) -85px center no-repeat, -moz-linear-gradient(left, #555555 0%, #000000 100%);
    background: url(../../images/a_arrow_next_prev.png) -85px center no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%,#555555), color-stop(100%,#000000));
    background: url(../../images/a_arrow_next_prev.png) -85px center no-repeat, -webkit-linear-gradient(left, #555555 0%,#000000 100%);
    background: url(../../images/a_arrow_next_prev.png) -85px center no-repeat, -ms-linear-gradient(left, #555555 0%,#000000 100%);
    background: url(../../images/a_arrow_next_prev.png) -85px center no-repeat, linear-gradient(to right, #555555 0%,#000000 100%);
}


.image-carousel .next:hover {
    background: #000;
    background: url(../../images/a_arrow_next_prev.png) -125px center no-repeat;
    background: url(../../images/a_arrow_next_prev.png) -125px center no-repeat, -moz-linear-gradient(right, #555555 0%, #000000 100%);
    background: url(../../images/a_arrow_next_prev.png) -125px center no-repeat, -webkit-gradient(linear, right top, left top, color-stop(0%,#555555), color-stop(100%,#000000));
    background: url(../../images/a_arrow_next_prev.png) -125px center no-repeat, -webkit-linear-gradient(right, #555555 0%,#000000 100%);
    background: url(../../images/a_arrow_next_prev.png) -125px center no-repeat, -ms-linear-gradient(right, #555555 0%,#000000 100%);
    background: url(../../images/a_arrow_next_prev.png) -125px center no-repeat, linear-gradient(to left, #555555 0%,#000000 100%);
}

.image-carousel-items {
    margin: 0 20px;
}

.image-carousel-items ul,
.image-carousel-items ul li {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.image-carousel-items li {
    height: 90px;
    width: 90px;
}

.image-carousel-items .active {
    border-color: #999;
}

.image-carousel-table {
    border: 2px solid #fff;
    width: 90px;
}
.image-carousel-table:hover {
    border-color: #999;
}

.image-carousel-table td {
    vertical-align: middle !important;
    text-align: center !important;
    width: 90px;
    height: 86px;              
    padding: 0;
}

/****************/

.related-carousel,
.topproducts-carousel,
.catalogue-carousel {
    border: 1px solid #cdcdcd;
    background: #ffffff;
    position: relative;
    height: 355px;
    width: 940px;
    margin: 0 -10px 40px;
}

.related-carousel .next,
.related-carousel .prev,
.topproducts-carousel .next,
.topproducts-carousel .prev,
.catalogue-carousel .next,
.catalogue-carousel .prev {
    text-indent: -9999px;
    height: 355px;
    width: 30px;
    z-index: 100;
}

.related-carousel-items,
.topproducts-carousel-items,
.catalogue-carousel-items {
    margin: 0 30px;
}

.related-carousel-items ul,
.related-carousel-items ul li,
.topproducts-carousel-items ul,
.topproducts-carousel-items ul li,
.catalogue-carousel-items ul,
.catalogue-carousel-items ul li {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}


.related-carousel-items ul li,
.topproducts-carousel-items ul li,
.catalogue-carousel-items ul li {
    margin: 0 10px !important;
    height: 355px;
    width: 200px;
}

.catalogue-carousel,
.catalogue-carousel .next,
.catalogue-carousel .prev,
.catalogue-carousel-items ul li {
    height: 330px;
}

/****************/

.topproducts-carousel,
.catalogue-carousel {
    width: 700px;
}

.topproducts-carousel-items ul li,
.catalogue-carousel-items ul li {
    margin: 0 0 0 10px !important;
}

/****************/

.catalogue-carousel h4 {
    height: 24px;
    overflow: hidden;
}

/****************/

#viewed {
    background: #fff;
    text-align: left !important;
    padding: 0;
}

#viewed h1 {
    background: url(../../images/h1_products_viewed.png) left top no-repeat;
    padding: 6px 0 0 45px;
    line-height: 40px;
    font-size: 32px;
    margin: 0 0 5px 0;
    border: 0;
    height: auto;
    text-align: left;
}

#viewed .related-carousel {
    margin: 0 !important;
}
    
/****************/

.products-carousel table.shot {
    width: 200px; 
    height: 205px; 
    margin: 0 0 10px 0; 
    padding: 0;
}

.products-carousel .shot td {
    height: 200px; 
    vertical-align: middle; 
    text-align: center; 
    padding: 10px 0 0 0;
}

.products-carousel p {
    font-size: 13px; 
    overflow: hidden; 
    height: 75px; 

    margin: 0 0 10px 0; 
    padding: 0;
}

/****************/

.catalogue-carousel table.shot {
    width: 200px; 
    height: 205px; 
    margin: 0 0 10px 0; 
    padding: 0;
}

.catalogue-carousel .shot td {
    height: 200px; 
    vertical-align: middle; 
    text-align: center; 
    padding: 10px 0 0 0;
}

/****************/

#zoom {
    position: relative;
}

.zoom-table {
    width: 220px;
    height: 220px;
    border: 1px solid #cdcdcd ;
}

.zoom-table td {
    vertical-align: middle;
    text-align: center;
    width: 200px;
    height: 200px;
    padding: 10px;
}

#lalala {
    position: relative;
}

#imagezoom{
    -moz-box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
    -webkit-box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
    box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
    
	border: 1px solid #ccc;
	background:#fff;
	height:400px;	
	width:600px;
	color:#333;
	position:absolute;
	top:0px;
	left:240px;
	overflow:hidden;
	    
	/* vertical and horizontal alignment used for preloader text */
	line-height:400px;
	text-align:center;
}

/****************/

.ex_LiveSearchResult{
    position: absolute;
    z-index: 2500;
    top: 225px;
    left: 10px;
    width: 475px;

    background: #efefef;
    border: 1px solid #ccc;
    color: #333;

    -moz-box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
    -webkit-box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
    box-shadow: 0px 0px 12px 5px rgba(191,191,191,0.8);
    
    background-color: #fff;
        
    display: none;
}

.ex_LiveSearchResult ul, 
.ex_LiveSearchResult ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ex_LiveSearchResult p{
    padding: 5px;
    margin: 0;
}

.ex_LiveSearchResult ul li {
    border-bottom: 1px solid #e3e3e3;    
    padding: 5px;
}

.ex_LiveSearchResult ul li:last-child {
    border: none;
}

.ex_LiveSearchResult ul li a {
    text-decoration: none;
    display: block;
    color: #333;
}

.ex_LiveSearchResult ul li .image {
    text-align: center; 
    margin-right: 10px;
    width: 60px; 
    float: left; 
}

.ex_LiveSearchResult ul li .text {
    line-height: 16px;
    width: 380px; 
    float: left;
}

.ex_LiveSearchResult ul li.highlight, 
.ex_LiveSearchResult ul li:hover {
    background: #FF802B;
    text-decoration: none;
}

.ex_LiveSearchResult ul li.highlight a, 
.ex_LiveSearchResult ul li:hover a {
    color: #fff;
}


.upload-info {
    display: none;
}

.lang_pl .more, 
.lang_pl h1, 
.lang_pl h2, 
.lang_pl h3, 
.lang_pl h4, 
.lang_pl h1 span, 
.lang_pl .catalogue li a,
.lang_pl .catalogue-carousel .catalogue a 
.lang_pl #sidebar .topics li a.html,
.lang_pl #sidebar .topics li a.pdf,
.lang_pl .catalogue-carousel .catalogue a.html,
.lang_pl .catalogue-carousel .catalogue a.pdf {
    font-family: Arial;
}