﻿/*
Basic style stuff for reference: 
background color: #E8E6E6
font-color: #555555;
border colors: #B3B3B3;
border colors/ link colors on hover: #D64937 

*/


 /*GLOBAL DOM STYLES*/
 
 body{
    margin:0;
    font-family:Arial, sans-serif;
    background-color:#E0E0E0; 
    color:#555555;
	font-size: 14px;
    line-height:1.6em;
   }
  
.container {
    margin: 0 auto;
    min-height: 500px;
    width: 1205px;
} 
   
 input[type="text"],select{
    padding:3px;
    height:25px;
    border:1px solid #B3B3B3;
    font-family:Arial;
    font-size: 14px;
    color:#555555;
    font-style: normal;
    font-weight: normal;
    letter-spacing:normal;
    line-height: 1.4em;
     min-width:100px;
   }
     
select {   font-size:12px; }     
 
input[type="text"]:hover, select:hover { border-color:#D64937;}
     
select[multiple]{
   min-width:150px;
   height:100px;
   overflow:auto;
   }

/*LINK STYLES*/
a:link, a:visited{
    font-family:Arial;
    font-size:12px;
    color:#555555;
    font-weight:normal;
    text-decoration:none;
}
a:hover{ color:#D64937;}

a.large{ font-size:14px;font-weight:bold; }
a.large1 {
    font-size: 14px;
}
a.small{font-size:10px;}    
.logonLinkContainer {
    position: absolute;
    right: 70px;
    top: 5px;
}
/*PAGE LAYOUTS AND REGIONS STYLING*/

  #masthead
    {
        width:100%;
        height: 80px;
    }
    #dt-logo
    {
        
        /*position:absolute;
        top:20px;
        left:65px;*/
            
    }
    #search-box
    {
        /*position:absolute;
        left:250px;
        top:30px;
        height:25px;*/
     }
     
     #search-button
     {
        /*position:absolute;
        left:650px;
        top:27px;   */
      }
      
    #content-area
    {
        /*background-color:White;
        width:90%;
        min-height:800px;
        min-width:1205px;
        position:absolute;
        top:80px;
        left:65px;
        padding:15px 0px 50px 0px;
        border-top:1px solid #B3B3B3;
        border-left:1px solid #B3B3B3;
        border-right:1px solid #B3B3B3;
        border-top-left-radius:8px;
        border-top-right-radius:8px;
            background: url("../Images/bg-page.jpg") repeat-x scroll center top #F7F7F7;
            border:1px solid #B3B3B3;
       */
        background: url(../images/bg-page.jpg) repeat-x scroll center top #F7F7F7;
        border-radius:5px 5px 0 0;
        min-height:700px;
        width:100%;
        padding: 15px 0 30px;
        
     }
    .footer {        
          background: url("../images/bg-footer.jpg"); 
          border-top: 1px solid #bababa;
          clear: both;
          color: #444444;
          height: 35px;
          line-height: 35px;
          margin: 0 auto;
          width: 1205px;
          margin-bottom:30px;
          opacity:0.8;
          border-radius:0 0 5px 5px;
         /*filter: alpha(opacity=50); /* internet explorer */
         /*-khtml-opacity: 0.5;      /* khtml, old safari */
         /*-moz-opacity: 0.5;       /* mozilla, netscape */
         /*opacity: 0.5;*/           
          /*z-index: -1;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;*/
          /*position: absolute;*/
          /*bottom: 10px;
        font-size: 10px;
        position: absolute;
        padding-left: 13px;
        width:99%;
            background-image:url(../Images/bg-footer.jpg);            
        border-top:1px solid #c0c0c0;*/
        /*width:100%;
        padding:5px 0;       
        border-top:1px solid #B3B3B3;
        border-radius:0 0 5px 5px;
        font-size:12px;
        color:#1D1D1D;
        background-image: linear-gradient(to bottom, #F7F7F7 0%, #F0F0F0 100%);*/
          /*background-color: rgba(255,255,255,0.5);*/                
          /*opacity: 0.8;
          filter:alpha(opacity=80);*/
          /*background: none repeat scroll 0 0 #777777;*/
          /*background: url("../images/bg-footer1.jpg") no-repeat scroll left top;*/
    }
    
    .separator {
        background: none repeat scroll 0 0 #FFFFFF;
        border-top: 1px solid #E8E8E8;
        font-size: 0;
        height: 1px;
        line-height: 0;
        /*margin: 20px 0 30px;*/
    }
    .copyright {
        margin-left: 20px;
        color:#1d1d1d;
        font-family: Arial,Helvetica,sans-serif;
        font-size:12px;
    }
    .to_top {
        float: right;
        margin-right: 20px;
        cursor:pointer;
        color:#1d1d1d;
        font-family: Arial,Helvetica,sans-serif;
        font-size:12px;
    }
  div#edit-buttons
{    
    padding:15px 0px 15px 100px;
    width:auto;
    vertical-align:top;  
}
 #masthead .title {
    position: absolute;
    right: 35px;
    top: 46px;
    width: auto;
}
/*read more buttons*/

.read-more.large {
    background: url("../images/read-more-large.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #656565;
    display: inline-block;
    font-family: LucidaGrandeBold,Arial,sans-serif;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    padding: 0 0 0 21px;
    width: 140px;
    margin-top: -10px;
}
.read-more.large:hover
{
    background-position: 0 -38px;
}
.read-more.small {
    background: url("../images/read-more-small.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #656565;
    display: inline-block;
    font-family: LucidaGrandeBold,Arial,sans-serif;
    font-size: 11px;
    height: 25px;
    line-height: 22px;
    padding: 0 10px 0 0;
    text-align: center;
    width: 98px;
}
.read-more.small:hover
{
    background-position:0 -25px;
}
/*read more buttons - end*/
#searchFormContainer
{
    margin: -30px auto 0 185px;
    width: 650px;
}
 .rightHeader
 {
     float:right;
     width:200px;
     margin-right:30px;    
 }
 
.rightHeader > span {
    float: right;
}
.iotable tr:hover
{
    background-color: #E8E6E6;
} 
.includedTags {
    border: 1px solid #C0C0C0;
    border-radius: 2px;
    /*margin-left: 10px;*/
    margin-bottom: 10px;
    padding: 3px 0 3px 10px;
    box-shadow: 0 0 4px #D4D4D4 inset;
    display:none;
}

.closeX
{
    border:1px solid #C0C0C0;
    border-right:none;
    font-weight:bold;
    padding: 4px 3px 2px;
    margin-left:5px;
    margin-top: -4px;
    cursor:pointer;
    opacity: 0.5;
    float:right;
    text-align: right;
}
.closeX > img {
    margin-bottom: -3px;
}
.closeX:hover
{
    border-color: #BBBBBB;
    background-color:#E8E6E6;
    opacity: 1;
}
 .title > a {
    font-weight: bold;
}  
     
/*Navigation*/

.activeTitle
{
    float:right;
    margin-top:-1px;
    font-weight:bold;
}

  #side-bar
     {
        left: -17px;
        position: absolute;
        top: 80px;
        width: 40px;
     }
  .nav-buttons
     {
            list-style-type:none;
     }
  
#reset-button {
    margin-top: 2px;
    /*left: 680px;
    position: absolute;
    top: 27px;*/
}
#search-box {
    height: 25px;
    left: 200px;
    position: absolute;
    top: 30px;
}
#search-button {
    margin-left: 10px;
    margin-top: 2px;
    /*left: 620px;
    position: absolute;
    top: 27px;*/
}
/*TABLE STYLING*/

table 
{
        width:100%;
        font-size:12px;
        padding:0;
        border-collapse: collapse;
}       

th
{
        border-bottom:1px solid #b3b3b3;
        border-top:1px solid #b3b3b3;
        font-weight:bold;
        background-color:#E8E6E6;
        text-align:left;
        padding:5px 10px 3px 10px;     
}

td 
{
    width:auto;
    padding:5px 10px 3px 10px;  
}

.col3, .col4, col2
{
  width:100%;
  margin-top:20px;
 font-size:14px;
 
}
.col3 td, .col4 td, .col2 td
{
    vertical-align:top;
    
    
        
}
.col3 tr>td:first-child, .col4 tr>td:first-child, .col2 tr>td:first-child, col4 tr>td:nth-child(3)
{
    width:125px;
   
}

.col3 tr>td:nth-child(2), .col4 tr>td:nth-child(2) 
{
    width:350px;
}
.col3 tr>td:last-child, .col4 tr>td:last-child
{
    width:auto;
}


.list-table
{
    width:inherit;
   
}

.list-table td
{
        
         font-size:14px;
         vertical-align:top;
         height:25px;
}

.list-table tr>td:first-child
{
         font-weight:bold;
        text-align:right;
       
        padding:0px;
        
        height:25px;
       min-width:150px;
}
.list-table tr>td:last-child
{
         text-align:left;
        padding:0px 0px 0px 5px;
        width:100%;
}
        
   
/*SPECIFIC TABLE AND CELL FORMATING -- */
.toggleImg
{
    float:left;
    margin-right:5px;
}
/*grids*/
table#data-grid tr:hover,table#file-grid tr:hover
{
   background-color: #E8E6E6;
}

/*edit pages*/

table#data-detail tr>td:first-child
{
   font-size:16px; 
   padding:15px 0px 15px 0px;
   width:150px;
   text-align:right; 
    
}


table#data-detail tr>td:last-child
{
  padding:15px 0px 15px 10px;
  width:auto ;
  font-size:14px; 
}

table#edit-logos 
{
  width:800px; 
}

.logo-title
{
    font-size:16px;  
    padding:15px 0px 15px 0px;
    width:150px;
    text-align:right; 
    vertical-align:top;
}

.logo-title span
{
    font-size:12px;  
}

.logo-edit
{
    padding-left:15px;
    padding-top:10px;
    width:200px;
    vertical-align:top;
}

.logo-edit div
{
    border:1px solid #B3B3B3; 
    width:150px; 
    height:150px; 
    padding:2px;
    background-color:#fff
}
 
table[id="files-table"] td
{
    border-bottom:1px solid #B3B3B3;
}

.thumbnailContainer
{
    box-shadow: 0 2px 8px #CCCCCC;
    border:1px solid #C0C0C0;
    padding:10px;
}
.content
{
    vertical-align:top;
    padding-top:30px;
}
.content .title
{
    width:100%;
    float: left;
}
.headerInformations .title
{
    font-size:16px;
}
    
.headerInformations span .backLink
{
    cursor:pointer;
    /*position:absolute;
    right:20px;*/
    margin-right:-10px;
    float:right;
    font-size:13px;
    width:auto;
    padding-right: 10px;
    display:inline;
}
.details_table img {
    height: auto;
    max-height: 90px;
    max-width: 100px;
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    width: auto;
    padding:10px;
}
.details_table tr
{
    border-bottom:1px solid #C0C0C0;
    height: 95px;
}
.details_table tr:last-child
{
    border-bottom:none;
}
#ios .detailGrid .data
{
    border-bottom:1px solid #C0C0C0;
}
#ios .detailGrid tr:last-child td
{
    border-bottom:none;
}
.title
{
    font-weight:bold;
        
}
.icoImage
{
    margin-bottom:-3px;
    margin-right:2px;
    border:0;
}
.layoutImages
{
    margin-bottom:-3px;
    margin-right:5px;
    border:0;
    width:20px;
}
.small_container {
    float: left;
    margin-right: 10px;
}
.extra_small_container
{
    margin: 40px 10px -10px;
}
.extra_small_container a:hover
{
    text-decoration:underline;
}
a.titleLink
{
    text-decoration:underline;
    font-weight:bold;
}
.no_data_msg
{
    margin-left:25px;
    font-size:14px;
}
.productDetail.productContents
{
    margin:-10px 20px 20px 20px;
}
.thumbnailContainer
{
    float:left;
    margin-right: 20px;
}
.headerInformations
{
    margin:0 10px 15px 15px;
}
.headerInformations span {
    float: left;
    width: 953px;
}
    
.prodctInformationContainer {
    /*float: left;
    
    margin-top: 20px;*/
    width: 100%;
}
.productHeader
{
    margin: -10px 20px 20px;
}
.pageSize {
    height: 19px;
    line-height: 1em;
    min-width: 0;
    padding: 1px;
    width: 50px;
    margin-right: 5px;
    margin-left:5px;
}
.content
{
    vertical-align:top;
    padding-top:30px;
}
.content .title
{
    width:100%;
    float: left;
}
.tab_content_container
{
    border:1px solid #C0C0C0;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    min-height:400px;
    margin-top: 4px;
}
.tabs
{
    border:1px solid #C0C0C0;
    border-bottom:none;
    padding:10px 20px 8px 20px;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #E0E0E0 100%);
    cursor:pointer;
    font-weight:bold;
    font-size:13px;
}
.tabs:hover
{
    background-color:#b1acac;
    background-image: linear-gradient(to bottom, #E0E0E0 0%, #E0E0E0 100%);
}
.tabs.active
{
    background-color:#F7F7F7;
    padding-bottom: 9px;
    cursor: default;
    background-image:none;
}
.tabs.active:hover
{
    color: #555555;
}
.details
{
    display:none;
    margin-bottom: 20px;
    margin-top: 10px;
}
.table-title
{
  font-size:16px;
  
  text-align:right;
  width:150px;
}

.tool-area
{
  background-color:#E8E6E6;
  padding-left:20px;      
}

.list-area
{
    padding:5px 10px 0px 10px    
}

table[id="file-grid"] td
{
    padding:5px;height:40px;
}

table[id="file-grid"] tr:last-child td
{
    border:0px none #fff;
}


td[data-info="f-image"]
{
    width:40px;    
}
td[data-info="f-note"]
{
    width:400px;
}

/*message displays*/
th#title
{
    width:300px;
    max-width:300px;
}
th#message
{
    width:500px;
    max-width:500px;
}
/*catalog displays*/
th#product
{
      width:225px;
    max-width:225px;  
}
th#image
{
    width:110px;
    max-width:110px;  
}
th#description
{
    width:300px;
    max-width:300px;  
}
th#msrp
{
    width:50px;
    max-width:50px;
    
}

th#dealer
{
    width:250px;
    max-width:250px;
    
}

th#contact
{
    width:150px;
    max-width:150px;
}
th#address
{
      width:300px;
    max-width:300px;   
}

th#mail
{
     width:250px;
     max-width:250px;
 }

/*attributes are great for styling changes to various columns and cells with out having to create classses or use ids*/
td[data-info="image"] img
{
    border:1px solid  #B3B3B3;
    width:100px;
    height:auto;    
}

td[data-info="msrp"]
{
    font-weight:bold;
}

td[data-info="dealer-name"]
{
    font-weight:bold;
}
   
td#page-title
    {
         padding:0 0 0 10px;
         width:500px; 
         font-size:16px; 
         font-weight:bold;    
    }
    
td#header-button
    {
        
       width:200px;   
    }
 
    
/*IMAGES*/
.text-icon {vertical-align:middle}   
 

/*PAGINATION*/
.btn
{
    display: inline;
    cursor:pointer;
}
.btn:hover
{
    color: #D64937;
}
 .pagination
{
    font-size:12px;
    width:100%;
    text-align:center;
}

    .pagination span
    {
        font-weight: bold;
    }   
 .alphaFilter
{
    border: solid 1px #8b8989;
    height: 16px;
    width: 16px;
    font-size: 11px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
}

.alphaFilter a
{
    color: #8b8989;
    text-decoration: none;
    font-size:11px;
    font-weight:bold;
}
.alphaFilter:hover
{
    background-color:#E8E6E6;

}
    .alphaFilter a:hover
    {
        color:#D64937;
    }
    .alphaFilter.selected a
    {
        color: #FFFFFF;
    }
.alphaFilter.selected
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    background-color: #8B8989;
}  

.pagination ul {
    display: inline-block;
    font-size: 14px;
    margin-bottom: -5px;
    margin-left: 0;
    margin-right: 5px;
    margin-top: 0;
    padding-left: 0;
}
.pagination ul li
{
    float:left;
    padding-left:4px;
    list-style-type:none;
           
}
#alpha-page td
{
    padding:0px 3px 0px 0px;
}

.optionListContainer
{
    float:left;
    width:100%;
}  
.optionListContainer1
{
    bottom: 20px;
    margin-left: 10px;
    position: absolute;
    left: 0;
    width: auto;
}  
.dataHeader
{
    padding:10px 25px;
}
.text-icon
{
    border:0;
}
.productsCount
{
    font-size: 16px;
    font-weight: bold;
    float:left;
    width:200px;
}
.actionlink
{
    cursor:pointer;
}
.dataContainer {
        float: left;
        font-size: 12px;
        margin:1px -1px 0 0;
        width: 31%;
        border-top:none;
        border-left:none;
        border-right:none;
        padding-left: 23px;
        padding-top: 8px;
    }
    .listContainer {
        padding-bottom: 20px;
        padding-top: 20px;
        width:100%;
        float:left;
        margin-bottom:20px;
    }
    #menu .col_2 {
      bottom:5px;
      margin-right:10px;
      position:absolute;
      right:0;
      width:auto;
    }
    .dataContainer .name
    {
        cursor:pointer;
    }
    .dataContainer.button
    {
        background-color:#FFFFFF;
    }
    .dataContainer.button:hover
    {
        background-color:#F4F4F4;
    }
    .headerFirst {
        height: 40px;
    }
    
.pagination a, .pagination a:visited,#alpha-page a, #alpha-page a:visited{
       
    padding: 0 5px;
    font-size:14px;
    border: 1px solid #b3b3b3;
}
#alpha-page a, #alpha-page a:visited {background-color:#F4F4F4;}


.pagination a:hover,#alpha-page a:hover{background-color: #E8E6E6;}

 

.pagination a.p-page, .pagination a.n-page, .pagination a.p-page:hover, .pagination a.n-page:hover
{
    border:0px;
    background-color:#fff;
}

.imageContainer
{
    display:none;
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100002;
    text-align:center;
}
.imagesBox
{
    margin-top:140px;
}
.previewImage {
    background-color: #FFFFFF;
    padding: 21px;
    box-shadow: 0px 3px 8px #cecece;
}
.closeImage {
    margin-left: -23px;
    margin-top:3px;
    vertical-align: top;
    cursor:pointer;
}
.pagination a.active
{
    background-color: #E8E6E6;
    color: #D64937!important;
    font-weight:bold;
    cursor: default;
}
/*Header Menu new style start*/
#menux {
	/*clear:both;
    margin:30px auto;
    position:absolute;
    right:70px;
	border:1px solid #E0E0E0;
	margin:10px auto 0 11px;
	background: url(../images/bg_amenu.png) left center repeat-x;
	box-shadow: 0px 3px 8px #cecece;
    margin-left:10px;
	border-radius:5px;*/
	float:left;
    width:690px;
    height:37px;
    margin-top:-3px;
}

.menux{
	padding-top:2px;
    margin-top:0;
}
.dropdowns
{
    z-index:1;
}
.menux li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 2px 5px;
	border: none;
	line-height:25px;
    
}
.menux1 li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 2px 5px;
	border:none;
	line-height:25px;
    
}
.menux li.menuitems
{
    border:1px solid #F0F0F0;
}
.menux li#partnersLi:hover
{
    padding-bottom:2px;
    border-bottom:1px solid #C0C0C0;
    border-radius: 4px;
    color:#D64937;
}
.menux li#homeLi:hover
{
    padding-bottom:2px;
    border-bottom:1px solid #C0C0C0;
    border-radius: 4px;
    color:#D64937;
}
.menux li.menuitems:hover {
	display:block;
	background-color: #FFFFFF;
    border-top: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    padding: 2px 5px 9px 5px;
    font-weight:bold;
    border-radius: 4px 4px 0px 0px;
    
	/*background:#F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
        padding: 2px 8px 6px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));*/
	
    
	
}
.dropdowns .col-demo ul li:hover
{
    background:#F4F4F4;
}
.menux li.menuitems:hover a.large1 .menuTitle
{
    font-weight:bold;
}
.menux li a {
	outline:0;
	text-decoration:none;
}

.menux li:hover a {
	color: #555555;
	/*text-shadow: 0px 1px 0px #ccc;*/
	width:auto;
}

.menux li.active {
    border-top: 2px solid #C0C0C0;
}

.menux li .drop {
	background:none;
}

.menux li:hover .drop {
	background:none;
}

.dropdown-1column, 
.dropdown-2columns, 
.dropdown-3columns, 
.dropdown-4columns,
.dropdown-5columns {
	margin:3px auto;
	float:left;
	position:absolute;
	left:-999em;
	text-align:left;
	padding:10px 5px 10px 5px;
	box-shadow: 0 10px 10px #CCCCCC;
	
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-radius: 0px 0px 4px 4px;
    background:#FFFFFF;
	/*
        -moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	border-top:none;
        box-shadow: 2px 5px 4px #C0C0C0;
        border:1px solid #777777;
        background:#F4F4F4;
        background: none repeat scroll 0 0 #FFF;
	background: -moz-linear-gradient(top, #f4f4f4, #E8E6E6);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#E8E6E6));*/
    
}



.menux li:hover .dropdown-1column, 
.menux li:hover .dropdown-2columns, 
.menux li:hover .dropdown-3columns,
.menux li:hover .dropdown-4columns,
.menux li:hover .dropdown-5columns {
	left:-1px;
	top:30px;
}
    .menux li:hover .dropdown-1column.right_menu
    {
        left:-163px;
    }
    .menux li:hover .dropdown-1column.right_menu1
    {
        left:-96px;
    }
    .ie .menux li:hover .dropdown-1column.right_menu
    {
        left:-185px;
    }
    .ie .menux li:hover .dropdown-1column.right_menu1
    {
        left:-114px;
    }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}


.col-5 img{
	float:left;
	margin-right:20px;}
	
.col-5 p{
	padding-top:30px;
	text-shadow:1px 1px 2px #fff !important;
	}	


.menux p, .menux h2, .menux h3, .menux ul li {
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
}
.menux h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
	box-shadow: 0 2px 0 #CCCCCC;
}

.menux h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
	box-shadow: 0 2px 0 #CCCCCC;
}

.menux p {
	line-height:18px;
	margin:0 0 22px 0;
}

.menux li div a {
	padding-left:3px;
	font-size:13px;
	text-shadow:none;
}

.menux li:hover div a:hover {
	color:#D64937;
	text-shadow:none;
}

.menux li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}

.menux li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
}
.menux li ul.simple li.activeLi
{
    background-color: #E8E6E6;
    color: #D64937 !important;
    cursor: default;
    font-weight: bold;
}
.menux li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}
/*Header Menu new style end*/

/* rotator */
#rotator {height:356px;width:940px;padding:30px 0 16px 0;margin: -45px auto 0;background:url(../images/bg-rotator.jpg) no-repeat bottom center;position:relative;z-index:10;}
#rotator ul {list-style:none;padding:0;margin:0;}
#rotator ul li {background:none !important;position:relative;height:356px;width:940px;}
#rotator ul li .image {position:absolute;bottom:0;right:10px;z-index:10;}
#rotator ul li .data {position:relative;z-index:20;padding:10px 0 0 20px;}
#rotator ul li .data h1 {color:#000;font-size:37px;font-family:HelveticaNeueMdCn, Arial, sans-serif;line-height:40px;}
#rotator ul li .data h1 strong {color:#ffa834;}
#rotator ul li .data p {color:#808080;padding:5px 0 15px 0;}
#rotator .controls {position:absolute;bottom:-10px;left:0;width:940px;text-align:center;z-index:30;height:12px;line-height:12px;}
#rotator .controls a {font-size:0px;line-height:0px;display:inline-block;background:url(../images/rotator-controls.png) no-repeat 0 0;height:12px;width:11px;margin:0 1px;}
#rotator .controls a.activeSlide {background-position:0 -12px;}
#rotator .btn {background:url(../images/rotator-prev-next.png) no-repeat top left;width:32px;height:64px;display:block;position:absolute;top:170px;}
#rotator .btn.prev {left:-31px;}
#rotator .btn.prev:hover {background-position:0 -128px;}
#rotator .btn.next {right:-31px;z-index:20;background-position:0 -64px;}
#rotator .btn.next:hover {background-position:0 -192px;}

#rotator img {
    /*height: 250px;
    margin-left: 10px;
    width:330px;*/
    margin-left: 10px;
    height: auto;
    margin-left: 10px;
    max-height: 300px;
    max-width: 300px;
    overflow: hidden;
    width: auto;
    vertical-align:middle;
}



#rotator ul li .data
{
    /*float: right;*/
    width: 550px;
    margin-left: 10px;
    /*margin-top: -40px;*/
    
}

.searchContainer {
    margin: 40px auto 0;
    padding-left: 70px;
    text-align: center;
    width: 940px;
    height: 40px;
}
/* -- */


.searchContainer > input {
    border-radius: 3px;
    float: left;
    font-size: 18px;
    margin-right: 20px;
    padding: 5px;
    text-align: center;
    width: 725px;
}

.navigationContainer
{
    padding:0 0 30px 0;
    position:relative;
    height:125px;
}
.bottomContainer
{
    padding:30px 0;
    position:relative;
    margin:0 auto;
    width:940px;
}

.mvpContainer {
    /*float: left;*/
    /*width: 81%;*/
    padding:0;
    margin-right:20px;
}

.mvpContainer > span:first-child {
    /*float: left*/
    /*width: 100%;*/
    font-weight:bold;
    font-size:16px;
    margin-left:10px;
}

.mvpContainer > span:last-child
{
    float: right;
    margin-right:33px;
    margin-top: 10px;
    font-weight:bold;
    font-size:13px;
    cursor:pointer;
}
.mvpLogoContainer
{
    height:100px;
}

.mvpContainer > span:last-child:hover
{
    color:#D64937;
}
.mvpPartners {
    
    float: left;
    margin: 10px 15px 0 0;
    padding: 20px;
    width: 99px;
    background-image: url(../images/bg_menu_small.jpg);
    text-align:center;
    /*background-image: linear-gradient(to top, #F3F3F3 0%, #EAEAEA 100%);
    border-width: 2px 0px 0px 2px;
    border-style:solid;
    border-color: #C0C0C0;
    border-radius: 4px;
    */
}
.mvpLogoContainer img {
    width: 100%;
}
/*.mvpPartners:hover
{
    background-color:#b1acac;
    background-image: linear-gradient(to top, #E0E0E0 0%, #FFFFFF 100%);
}*/
.mvpProducts {
    float: left;
    width: 100%;
    text-align:center;
    font-weight:bold;
}


.servicesContainer li {
    font-size: 14px;
}
.servicesContainer > span {
    font-size: 16px;
    font-weight: bold;
}
.outer2
{
    margin: 0 auto;
    width: 940px;
}
.list-services ul
{
    list-style:none outside none;
    margin:0;
    padding:0;
}

.list-services ul li
{
    
    float: left;
    margin-right:15px;
    margin-top:20px;
    padding: 10px 20px 20px 10px;
    width: 270px;
    background-image: url(../images/bg_menu.jpg);
    /*background-image: linear-gradient(to top, #F1F1F1 0%, #EAEAEA 100%);
    box-shadow : inset 0 0 2px 0 #C0C0C0;
    border-width: 1px 0px 0px 1px;
    border-style:solid;
    border-color: #C0C0C0;
    border-radius: 4px;*/
}
.ie .list-services ul li {
    width:269px;
    margin-right:14px;
}
.navigationItems .navigations:hover {
    cursor: pointer;
    color:#D64937;
}
/*.list-services ul li:hover
{
    background-color:#b1acac;
    background-image: linear-gradient(to top, #E0E0E0 0%, #FFFFFF 100%);
}*/
.list-services ul li:last-child
{
    margin-right:0;
}
.navigationItems {
    float: left;
    width: 70%;
}

.navigationItems span.navigationHeader {
    font-weight: bold;
}
.navigationItems span {
    float: left;
    font-weight: normal;
    width: 75%;
    margin-bottom:3px;
    font-size:13px;
}
.navigationLogo img {
    float: right;
    height: 75px;
    width: 75px;
}
/*CHART LAYOUTS*/
 #chart
{
    height:300px;
    width:700px;    
    padding-bottom:10px;
}
     
      .top-container
      {
        width:auto;
        padding:10px;
        
         border-bottom:1px solid #B3B3B3;   
         border-top:1px solid #B3B3B3;
        background-color:#E8E6E6;
      } 
     
     /*SMALL MESSAGE DISPLAYS*/
     .small-msg {
        width:100%;
       
       margin-bottom:35px;
        height:100px;
        font-size:12px;
        font-weight:normal;
        
        }
      
        .featured-product
        {
          width:100%;
       
       margin-bottom:20px;
       
        font-size:12px;
        font-weight:normal;
            
         }

         .small-msg img, .featured-product img {
        width:100px;
        height:auto;
        float:left;
        margin-right:5px;
        margin-bottom:5px;
       
       }

       .small-msg a:link,.small-msg a:hover,.small-msg a:visited {
        font-weight:bold;
        font-size:14px;
       }

#progressingDIV
{
    left: 0;
    /*padding-top: 280px;
    padding-left:500px;*/
    position: fixed;
    top: 0;
    width:100%;
    height:100%;
    z-index: 100002;
    margin:0 auto;
    background-color: rgba(0, 0, 0, 0.3);
}
.loginOuterContainer
{
    left: 0;
    padding-top: 180px;
    padding-left:400px;
    position: fixed;
    top: 0;
    width:100%;
    height:100%;
    z-index: 100002;
    background-color: rgba(0, 0, 0, 0.5);
}
.loginContainer
{
    width:500px;
    background-color: #F3F3F3;
    border: 1px solid #555555;
    border-radius: 3px;
    font-weight: bold;
    padding: 20px 37px 10px 5px;
    text-align: center;
}
.progressers
{
    border: 0 none;
}

.progresser-table
{
    font-weight: bold;
    padding: 20px 37px 10px 5px;
    background-color: #F3F3F3;
    border: 1px solid #555555;
    border-radius:3px;
    text-align:center;
    width: 270px;
    height:30px;
    margin:200px auto;
}
#fountainG{
position:relative;
float:left;
margin-left:10px;
margin-top:5px;
width:83px;
height:10px}

.fountainG{
position:absolute;
top:0;
background-color:#000000;
width:11px;
height:11px;
-moz-animation-name:bounce_fountainG;
-moz-animation-duration:1.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-transform:scale(.3);
-moz-border-radius:7px;
-webkit-animation-name:bounce_fountainG;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-transform:scale(.3);
-webkit-border-radius:7px;
-ms-animation-name:bounce_fountainG;
-ms-animation-duration:1.3s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-transform:scale(.3);
-ms-border-radius:7px;
-o-animation-name:bounce_fountainG;
-o-animation-duration:1.3s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-transform:scale(.3);
-o-border-radius:7px;
animation-name:bounce_fountainG;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-direction:normal;
transform:scale(.3);
border-radius:7px;
}

#fountainG_1{
left:0;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#fountainG_2{
left:10px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#fountainG_3{
left:21px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#fountainG_4{
left:31px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#fountainG_5{
left:42px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#fountainG_6{
left:52px;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#fountainG_7{
left:62px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

#fountainG_8{
left:73px;
-moz-animation-delay:1.43s;
-webkit-animation-delay:1.43s;
-ms-animation-delay:1.43s;
-o-animation-delay:1.43s;
animation-delay:1.43s;
}

#bottom {
  /*background: url(http://www.fencing-game.de/style/background6.png) no-repeat scroll left top rgba(0, 0, 0, 0);*/
  /*background-color:#a9a9a9;*/
  /*background-image: url("../images/background61.png");    
  background-color: rgba(255,0,0,0.5);*/    
      background-color:#9e9e9e;
      border-top: 5px solid #B3B3B3;
      height: 200px;
      margin: 0 auto;
      width: 1205px;
      font-size:20px;
}
#bottom .inner {    
    padding: 0px 25px;
    color:#262626;
}
.column-220.float-left {
  padding-right: 20px;
  /*margin-top: -34px;*/
}
.column-220 {
  width: 220px;
}
.float-left {
  float: left !important;
}
#bottom .list {
    margin-top: -20px;
  padding: 0;
}
.list {
  list-style: none outside none;
  margin: 0;
  padding: 10px 0;
}
.listli
{
    padding:5px !important;
}
    .listli > a
    {
        padding-left: 12px;
    }
    .list img
    {
        margin-bottom:-7px;
        width:25px;
    }
#bottom .list li {
  /*line-height: 22px;*/
  padding:0px;
}
.list.arrows-grey li {
  background: url("../images/list-arrows-grey.png") no-repeat scroll left center rgba(0, 0, 0, 0);
  padding: 0 0 0 15px;
}
.list li {
  color: #808080;
  float: none;
  line-height: 28px;
  width: auto;
}
#bottom .list li a {
  /*color: #1D1D1D;*/
  color: #f0f0f0;
}
#bottom .list li a:hover
{
    text-decoration:underline;
    text-decoration-color:#c72e20;
}
.list li a {
  color: #808080;
  font-family: helvetica;
    font-size: 15px;
    font-weight: bold;
}
a, a:hover {
  outline: medium none;
  text-decoration: none;
}
.social-icons li {
  float: left;
  height: 30px;
  width: 30px;
}
.social-icons li .skype {
  background-position: 0 0;
}
.social-icons li .skype:hover {
    background-position: -24px 0;
}
.social-icons li a {
  background: url("../images/social-icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  float: none;
  height: 24px;
  width: 24px;
}
.social-icons li .linkedin {
  background-position: 0 -24px;
}
.social-icons li .linkedin:hover {
  background-position: -24px -24px;
}
.social-icons li .facebook {
  background-position: 0 -48px;
}
.social-icons li .facebook:hover {
  background-position: -24px -48px;
}
.social-icons li .digg {
  background-position: 0 -72px;
}
.social-icons li .digg:hover {
  background-position: -24px -72px;
}
.social-icons li .deviantart {
  background-position: 0 -96px;
}
.social-icons li .deviantart:hover {
  background-position: -24px -96px;
}

.social-icons li .twitter {
  background-position: 0 -120px;
}
.social-icons li .twitter:hover {
  background-position: -24px -120px;
}
.social-icons a,.social-icons a:hover {
  outline: medium none;
  text-decoration: none;
}
@-moz-keyframes bounce_fountainG{
0%{
-moz-transform:scale(1);
background-color:#000000;
}

100%{
-moz-transform:scale(.3);
background-color:#FFFFFF;
}

}

@-webkit-keyframes bounce_fountainG{
0%{
-webkit-transform:scale(1);
background-color:#000000;
}

100%{
-webkit-transform:scale(.3);
background-color:#FFFFFF;
}

}

@-ms-keyframes bounce_fountainG{
0%{
-ms-transform:scale(1);
background-color:#000000;
}

100%{
-ms-transform:scale(.3);
background-color:#FFFFFF;
}

}

@-o-keyframes bounce_fountainG{
0%{
-o-transform:scale(1);
background-color:#000000;
}

100%{
-o-transform:scale(.3);
background-color:#FFFFFF;
}

}

@keyframes bounce_fountainG{
0%{
transform:scale(1);
background-color:#000000;
}

100%{
transform:scale(.3);
background-color:#FFFFFF;
}

}
       