﻿/* Product Menu Style */

.ProductMenu {
    list-style: none;
     *zoom: 1;
     background:#003d80;     
}

.ProductMenu:before,
.ProductMenu:after {
    content: " "; 
    display: table; 
    margin: 0.5em 0;   
}

.ProductMenu:after {
    clear: both;
}

.ProductMenu > li {
    float: left;
    position: relative;
    border-top: 1px solid #104336;
}

.ProductMenu > li > a {
    display: block;
    padding: 10px 15px;
    color:#fff;
}

.ProductMenu > li > a:hover     
{
    background-color:#2eb800;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 255, 255, 0.65);
    -moz-box-shadow:    3px 3px 5px 0px rgba(0, 255, 255, 0.65);
    box-shadow:         3px 3px 5px 0px rgba(0, 255, 255, 0.65);
}

.ProductMenu > li:nth-of-type(1)  {
    display: block;
    padding: 10px 15px;
    color:#fff;   
    text-transform:uppercase;
    font-weight:bolder;
    font-style:italic;    
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.9);
}

.ProductMenu > li:nth-of-type(2) > a:hover {
    background:#DF01A5;    
}

.ProductMenu > li:nth-of-type(3) > a:hover {
    background:#F53d00;    
}

.ProductMenu > li:nth-of-type(4) > a:hover {
    background:#ffcc33;    
}

.ProductMenu > li:nth-of-type(5) > a:hover {
    background:#2eb800;    
}

.ProductMenu > li:nth-of-type(6) > a:hover {
    background:#008abb;    
}

.ProductMenu > li:nth-of-type(7) > a:hover {
    background:#0000ad;    
}

.ProductMenu > li:nth-of-type(8) > a:hover {
    background:#7500eb;    
}

.ProductMenu > li:nth-of-type(9) > a:hover {
    background:#5c5c5c;    
}

.ProductMenu > li:nth-of-type(10) > a:hover {
    background:black;   
}


/* Product Content Style */

.ProductContent 
{
 text-align:left; 
 margin-bottom: 3em;
}

.ProductContent h3, .ProductContent h4 {
    margin-top: 15px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;    
    margin-left:1em;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(255,255,255,.7);
}




/* Product Link Size */
.Product-page .Product-Icon .Icon-Size
{
    font-size:30px; 
           
}

.Product-page .Product-Icon .Icon-Size  a{
    display: inline-block;
    padding: 5px 15px;
    background: #30d630;
    color: #fff;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    -moz-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

#ProductDetailIcon-Size {
    font-size:25px;            
}

#ProductDetailIcon-Size a{
    display: inline-block;
    margin: 10px 20px 0;
    padding: 10px 20px;
    background: #30d630;
    color: #fff;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    -moz-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.Product-page .Product-Icon .Icon-Size  a:hover, #ProductDetailIcon-Size a:hover{   
    background: #003d80;
}


/* Product Detail */

.ProductDetail {
    margin-top: 20px;
    padding-bottom: 50px;
    text-align: left;
    color:#fff;
}


.ProductDetail h3 a:hover {
    color:#fff;
}

.ProductDetail .ProductFeature {
    text-align: left;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px; 
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.ProductDetail .ProductFeature ul
{
 list-style-type:square;    
}

.ProductDetail .ProductFeature ul li
{
    padding-bottom:auto; 
}

.ProductDetail .ProductDetailContent {
    margin: 70px auto 20px;
    text-align: left;
    color:#fff;
}


    
