/* 
    Document   : style
    Created on : 14/05/2013, 16:14:42
    Author     : PC
    Description:
        Purpose of the stylesheet follows.
*/

.ad-banner {    
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.35); 
    margin: 10px 0;
    padding: 0px;  
    background: #16bdbb;
}
.ad-banner .top {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.35)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    padding: 10px 0;
    
}
.ad-banner .top img.logo {
    float: left;
    margin: 3px 10px 15px;
}
.ad-banner .top .products-ribbon {
    float: right;    
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(218,218,218,1) 95%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(95%,rgba(218,218,218,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(218,218,218,1) 95%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(218,218,218,1) 95%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(218,218,218,1) 95%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(218,218,218,1) 95%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow:  -1px 1px 1px 0px rgba(0, 0, 0, 0.4);        
    box-shadow:  -1px 1px 1px 0px rgba(0, 0, 0, 0.4);    
    text-shadow: 1px 1px 0px #ffffff;
    filter: dropshadow(color=#ffffff, offx=1, offy=1);    
    font-weight: 700;
    color: #646464;
    padding: 4px 8px 4px 6px;
    position: relative;
}
.ad-banner .top .products-ribbon img.ribbon-top {
    position: absolute;
    left: -21px;
    top: 0;
    margin: 0;
}
.ad-banner .ad-title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.36);
    border-bottom: 1px solid rgba(0, 0, 0, 0.45);
    border-top: 1px solid rgba(0, 0, 0, 0.45);
    padding: 5px 20px;
    text-align: center;    
}
.ad-banner .ad-title h2 {
    font-size: 26px;
    line-height: 1.05em;
    margin: 0;  
    color: #FFF;
}
.ad-content {
    padding: 0 15px;
}
.ad-content p {
    font-size: 14px;
    color: #FFF;
    margin: 15px 0;
    line-height: 1.15em;
}
.ad-content p a, .ad-content p a:visited, .ad-content p a:focus, .ad-content p a:active  {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 700;    
}
.ad-content p a:hover {
    color: rgba(0, 0, 0, 0.7);        
}
.learn-more {
    margin: 15px 0;
}
.learn-more a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    float: right;
    font-weight: 700;
    margin-right: 12px;
    padding: 5px 13px;    
    border: 1px solid rgba(0,0,0,0.3);    
}
.learn-more a:hover, .learn-more a:active, .learn-more a:visited, .learn-more a:focus {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);    
    color: #FFF;
    border: 1px solid rgba(0,0,0,0.45);
}