/* Import main CSS. */
@import "../../BCMain/css/main.css";

/* Content. */
#content h1 {
   color             : rgb(181, 181, 181);
   margin            : 12px 0px 7px 0px;
}

/* Our products. */
.ourProducts {
   background        : rgb(185, 203, 222);
   height            : 168px;
   margin            : 0px 0px 9px 0px;
}

.ourProducts p {
   padding           : 9px;
   color             : rgb(255, 255, 255);
   font-size         : 10px;
}

.ourProducts p img  {
    float: right;
}
.ourProducts p a img  {
    float: left;
}

.ourProducts p .text {
   display           : block;
   line-height       : 14px;
   margin            : 60px 310px 0px 6px;
}

.ourProducts .title {
   display           : block;
   color             : rgb(72, 94, 110);
   font-size         : 12px;
   text-transform    : uppercase;
   font-weight       : 900;
   margin            : 12px 0px 12px 5px;
}


/* Tabs. */
#content .tabs {
   height            : 61px;
   overflow          : hidden;
}

#content .tabContent {
   background        : rgb(231, 231, 231) url('../../BCMain/images/background_tab_products.png') top no-repeat;
   margin            : 0px 0px 0px 0px;
}

#content .tabColumn {
   float             : left; width: 270px;
   margin            : 31px 3px 15px 20px;
}

#content .tabColumn p {
   color             : rgb(0, 0, 0);
   line-height       : 14px;
}

#content .tabColumn img {
   border            : 4px solid rgb(255, 255, 255);
}

#content .activeTab {
   display           : block;
   float             : left; 
   margin            : 0px 4px 0px 0px;
   background        : url('../../BCMain/images/background_tab_markets.png') repeat-x;
   width             : 99px; 
   height            : 61px; 
   text-decoration   : none; 
   color             : rgb(72, 94, 110); 
   font-size         : 12px; 
   font-weight       : 900;
}

#content .activeTab span {
   display           : block;
   margin            : 22px 0px 0px 0px;
   text-align        : center;
}

#content .inactiveTab {
   display           : block;
   float             : left;
   width             : 99px;
   height            : 60px;
   margin            : 0px 4px 0px 0px;
   background        : url('../../BCMain/images/background_tab_inactive.png');
   text-decoration   : none;
   color             : rgb(255, 255, 255);
   font-size         : 12px;
   font-weight       : 900;
}

#content .inactiveTab span {
   display           : block;
   margin            : 22px 0px 0px 0px;
   text-align        : center;
}

#content #gtpTab {
   margin            : 15px 0px 0px 0px;
}

#content .lastTab {
   margin            : 0px 0px 0px 0px;
}

/* Hide all invisible tabs. */
#content #tabContent2, #content #tabContent3, #content #tabContent4, #content #tabContent5, #content #tabContent6 {
   display           : none;
}

#autoContent2 div.tabs  {
    background: transparent url(../../BCMain/images/background_tab_inactive.png);
}
#autoContent2 div.tabs a  {
    border-right: 4px solid #fff;
}
/* Table. */
#content table {
   width             : 100%;
   color             : rgb(0, 0, 0);
   margin-top        : 0px;
}

/*
#content table tr {
   background        : rgb(255, 255, 255);
}

#content table tr.dark {
   background        : rgb(240, 245, 251);
}
*/

#content table th {
   background        : rgb(151, 189, 221);
   line-height       : 30px;
   text-align        : left;
   padding           : 0px 0px 0px 15px;
   color             : rgb(255, 255, 255);
}

#content table td {
   line-height       : 27px;
   padding           : 0px 0px 0px 15px;
}

#content table tr.footer {
   height            : 34px;
}

#content table tr.footer td {
   background        : rgb(72, 94, 110);
   text-align        : right;
   padding-right     : 23px;
}

#content table .small {
   text-align        : center;
   width             : 70px;
   font-weight       : 100;
   padding           : 0px;
}

#content table .hidden {
   display           : none;
}