body
{
    color:#666;
}
html, body, form#form1
{   background:url(../images/base.png) left top repeat-x ;
}
#Wrapper
{
    background-color: #FFF; 
}
.HeaderMain .headerLogo a {
        background:url(../images/logo-iansyst.png) left top no-repeat; /*To Be replaced with correct font*/
    }
.Header nav ul li .menu .menu_top {
    background: url(../images/sprites/menu.png) no-repeat 0 top;
}
.Header nav ul li .menu .menu_mid {
    background: url(../images/repeaters/menu_mid.png) repeat-y 0 0;
}
.Header nav ul li .menu .menu_bottom {
    background: url(../images/sprites/menu.png) no-repeat 0 bottom;
}
.Header nav ul li a {
    color: #666;
    border-bottom: 6px solid #DADADA;
}
.Header nav ul li a:hover,
.Header nav ul li a.active, 
.Header nav ul li a.hovered {
    color: #333;
}
.Header nav ul li:nth-child(1) a:hover,
.Header nav ul li:nth-child(1) a.active, 
.Header nav ul li:nth-child(1) a.hovered {
        border-bottom:6px solid #3399FF;
    }
.Header nav ul li:nth-child(2) a:hover,
.Header nav ul li:nth-child(2) a.active, 
.Header nav ul li:nth-child(2) a.hovered {
        border-bottom:6px solid #CC6600;
    }
.Header nav ul li:nth-child(3) a:hover,
.Header nav ul li:nth-child(3) a.active, 
.Header nav ul li:nth-child(3) a.hovered {
        border-bottom:6px solid #009999;
    }
.Header nav ul li:nth-child(4) a:hover,
.Header nav ul li:nth-child(4) a.active, 
.Header nav ul li:nth-child(4) a.hovered {
        border-bottom:6px solid #663399;
    }
.Header nav ul li:nth-child(5) a:hover,
.Header nav ul li:nth-child(5) a.active, child
.Header nav ul li:nth-child(5) a.hovered {
        border-bottom:6px solid #003366;
    }
.Header nav ul li:nth-child(6) a:hover,
.Header nav ul li:nth-child(6) a.active, 
.Header nav ul li:nth-child(6) a.hovered {
        border-bottom:6px solid  #006666;
    }
.Header nav ul li:nth-child(7) a:hover,
.Header nav ul li:nth-child(7) a.active, 
.Header nav ul li:nth-child(7) a.hovered {
        border-bottom:6px solid #669900;
    }
.Header nav ul li:nth-child(8) a:hover,
.Header nav ul li:nth-child(8) a.active, 
.Header nav ul li:nth-child(8) a.hovered {
        border-bottom:6px solid #fe0000;
    }
.Header nav ul li .menu span {
    color: #808080;
    background-color:#EFEFEF;
    border-top:1px solid #CFCFCF;
}   
.Header nav ul li:nth-child(2) .menu span {
    border-top:1px solid #CC6600;
    color:#CC6600;
    }
.Header nav ul li:nth-child(3) .menu span {
    border-top:1px solid #009999;
    color:#009999;
    }
.Header nav ul li:nth-child(4) .menu span {
    border-top:1px solid #663399;
    color:#663399;
    }
.Header nav ul li:nth-child(5) .menu span {
    border-top:1px solid #003366;
    color:#003366;
    }
.Header nav ul li:nth-child(6) .menu span {
    border-top:1px solid #006666;
    color:#006666;
    }
.Header nav ul li:nth-child(7) .menu span {
border-top:1px solid #669900;
color:#669900;
    }
.Header nav ul li:nth-child(8) .menu span {
    border-top:1px solid #fe0000;
    color:#fe0000;
    }
.Header nav ul li .menu ul li a {
    color:#808080 !important;
}
.Header nav ul li .menu ul li a:hover {
    color: #333333 !important;
}
.Header nav ul li .menu p {
    color: #808080;
    border-bottom:1px solid #CFCFCF;
    padding:0 0 1px 6px;
    width:524px;
    font-size: 16px;
    position: absolute;
    bottom: 20px;
    height: 20px;
}
.Header nav ul li:nth-child(2) .menu p {
    border-bottom:1px solid #CC6600;
    }
.Header nav ul li:nth-child(3) .menu p {
    border-bottom:1px solid #009999;
    }
.Header nav ul li:nth-child(4) .menu p {
    border-bottom:1px solid #663399;
    }
.Header nav ul li:nth-child(5) .menu p {
    border-bottom:1px solid #003366;
    }
.Header nav ul li:nth-child(6) .menu p {
    border-bottom:1px solid #006666;
    }
.Header nav ul li:nth-child(7) .menu p {
    border-bottom:1px solid #669900;
    }
.Header nav ul li:nth-child(8) .menu p {
	border-bottom:1px solid #fe0000;
    }
.Header nav ul li .menu ul li {
    background: url(../images/bullet_ae.png) no-repeat 0 7px;
}
.Header nav ul li .menu ul li:hover {
    background: url(../images/bullet_33.png) no-repeat 0 7px;
}
#accessibility .toolbar a
{
    color:#666;
}
.sfBreadcrumbWrp ul li a,
.sfBreadcrumbWrp ul li span  {
    color:#333 !important;
}
/*************************************
    Menu
*************************************/
.nav_left_container .RadTabStrip_SectionNav ul.rtsUL li {
        border-bottom:1px dotted #CFCFCF;
  }
.nav_left_container .RadTabStrip_SectionNav ul.rtsUL li a {
         color:#666;
         background-color:#FFF;
        }
    .nav_left_container .RadTabStrip_SectionNav ul.rtsUL li a:hover {
    background: #E5E5E5;
    color:#333;
    }
.nav_left_container .RadTabStrip_SectionNav ul.rtsUL li a.rtsSelected { 
    background: #F0F0F0;
    color:#333;
  }
/************************************/
#Footer {
    background-color: #EFEFEF;
    border-top: 2px dotted #DFDFDF;
}
#FooterNav li a {
    color: #333;
}
/*************************************************************************
    Page Colors
*************************************************************************/
.sfnewsListTitleDate h2.sfnewsTitle,
.sfpostListTitleDate h2.sfpostTitle,
.Contador_3Col_Row h2,
.Product_3Col_Row h3,
.Product_3Col_Row h4 ,
.Product_2Col_Row h4
 {
    border-top: 1px solid #CCCCCC;
}
.MainContent .sfContentBlock p a,
.MainContent .sfContentBlock ul li a,
.sfpostsList .sfpostListItem a,
.Contador_3Col_Row .sfContentBlock p a,
.sfdownloadFileWrp a,
.sfsearchResultsWrp .sfsearchResultUrl  a,
.sfdownloadTitle,
.sfpostContent a
 {
    color: #3399FF;
}
/******************************************
News Events Blog details
******************************************/
.sfnewsListTitleDateSummary .sfnewsListItem,
.sfpostListTitleDateSummary .sfpostListItem,
.sfsearchResultsWrp .sfsearchResultTitle,
.sfeventsList .sfeventListItem,
.kb_list li.sflistListItem {
    border-top: 1px solid #CCC;
}
.sfeventDetails .sfeventTitle,
.sfnewsDetails .sfnewsTitle {
    color: #006666;
    border-top: 1px solid #CCC;
    text-shadow: 1px 1px 1px #E2E2E2;

}
.sfeventsListTitleCityDate h2.sfeventTitle a,
.sfnewsListTitleDate h2.sfnewsTitle a,
.sfpostListTitleDate h2.sfpostTitle a,
.sfpostListItem h2.sfpostTitle a,
.sfsearchResultsWrp .sfsearchResultTitle a,
.Contador_2Col_Row h2 a,
.Contador_3Col_Row h2 a,
.Contador_4Col_Row h2 a,
.Product_3Col_Row h4 a,
.Product_2Col_Row h4 a {
    color:#333;
}
.sfeventsListTitleCityDate .sfeventMetaInfo,
.sfnewsListTitleDate .sfnewsMetaInfo,
.sfnewsListTitleDateSummary .sfnewsMetaInfo,
.sfpostListTitleDate .sfpostDate,
.sfpostListTitleDate .sfpostAuthorAndDate,
.sfpostListTitleDateSummary .sfpostAuthorAndDate {
    color: #666;
}
.sfnewsListItem h2.sfnewsTitle a,
.sfpostListItem h2.sfpostTitle a,
.sfsearchResultsWrp .sfsearchResultTitle a {
        color: #006666;
    }
.ResourcePage .sf_pagerNumeric a.sf_PagerCurrent {
    border: 1px solid #006666;
    color: #006666;
}
.sf_pagerNumeric a {
    border-top: 1px solid #C2C5C5;
    border-left: 1px solid #C2C5C5;
    border-bottom: 1px solid #909393;
    border-right: 1px solid #909393; 
    background-color:#EFEFEF;
    color:#333;
}
    .sf_pagerNumeric a.sf_PagerCurrent {
        background:url(../images/pagination.png) left bottom repeat-x;
        color:#000;
    }
#ContentPlaceHolder1_C012_newsFrontendList_ctl00_ctl00_pager .sf_pagerNumeric a.sf_PagerCurrent {
    color:#663399;
    border:1px solid #663399;
}
.VacancyList h2.sfpostTitle {
    background: url("../images/bullet_ae.png") left center no-repeat;
    }
.VacancyList h2.sfpostTitle a,
.kb_list h2 a {
        color: #666;
    }
.VacancyList .sfpostAuthorAndDate {
    color: #666;
}
.MainContent .SitePage ul li a {
    color: #105CB6;
}
#Blog .rssBody ul li h4 a,
.Contador_3Col_Row li.sfnewsListItem a {
    color: #3399FF;
}
/************
    h tags
************/
.SitePage h1 {
    color: #3399FF;
}
.DSAPage h1 {
    color:#009999;
}
.CustomerPage h1 {
    color: #663399;
}
.TechnologyPage h1 {
    color:#CC6600!important;
}
.ConsultancyPage h1 {
    color: #003366;
}
.AboutPage h1,
.sfpostDetails h1.sfpostTitle {
    color:#006666;
    }
.nav_left_container .sfContentBlock {
    background-color:#CCC;
}
.nav_left_container h2 {
    background-color:#666;
    cursor:pointer; 
    -webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
	-o-transition: background 0.4s ease;
	transition: background 0.4s ease;
}
.nav_left_container h2,
.nav_left_container h2 a {
    color: #fff;
}
.nav_left_container .SitePage h2 {
    background-color: #3399FF;
}
.HomePage h2 {
    background-color: none;
    border-top:6px solid #3399FF;
}
.nav_left_container .DSAPage h2 {
    background-color:#009999;   
}
.nav_left_container .DSAPage h2:hover {
    background-color:#006666;
}
.nav_left_container .CustomerPage h2 {
background-color:#663399;
}
.nav_left_container .CustomerPage h2:hover {
    background-color:#5B2E89;
}
.nav_left_container .TechnologyPage h2 {
    background-color:#CC6600;
}
.nav_left_container .TechnologyPage h2:hover {
    background-color:#A85400;
    }
.nav_left_container .ConsultancyPage h2 {
background-color:#003366;
}
.nav_left_container .ConsultancyPage h2:hover {
        background-color:#002346;
    }
.nav_left_container .AboutPage h2 {
background-color:#006666;
}
.nav_left_container .AboutPage h2:hover {
    background-color:#005555;
}
.nav_left_container .ProductPage h2 {
    background-color:#669900;   
}
.nav_left_container .ProductPage h2:hover {
        background-color: #598400;
 }
.Contador_3Col_Row .SitePage h2,
.MainContent .Contador_4Col_Row .SitePage h2 {
    border-top: 6px solid #3399FF;
}
.AboutPage h1,
.MainContent .sfContentBlock h1,
.sfpostDetails h1.sfpostTitle,
.MainContent .sfContentBlock h2,
.Product_2Col_Row h3,
.Contador_3Col_Row h3,
.Contador_2Col_Row h3 {
    border-top: 1px solid #CCCCCC;
    text-shadow:1px 1px 1px #E2E2E2;
}
.Contador_3Col_Row .DSAPage h2,
.Contador_2Col_Row .DSAPage h2
/*.DSAPage h3,
.DSAPage h4*/ {
        border-top:6px solid #009999;
}
.Contador_3Col_Row .CustomerPage h2,
.Contador_2Col_Row .CustomerPage h2 
/*.CustomerPage h4,
.CustomerPage h3*/ {
    border-top: 6px solid #663399;
}
.Contador_3Col_Row .TechnologyPage h2
/*.TechnologyPage h4,
.TechnologyPage h3*/ {
    border-top: 6px solid #CC6600;
}
.Contador_2Col_Row .TechnologyPage h3 a {
    color: #CC6600;
}
.Contador_2Col_Row .TechnologyPage h3 a:hover {
    color: #333;
}
.Contador_2Col_Row .ConsultancyPage h2
/*.ConsultancyPage h4,
.ConsultancyPage h3*/ {
    border-top: 6px solid #003366;
}
.Contador_3Col_Row .AboutPage h2
/*.AboutPage h4,
.AboutPage h3*/ {
    border-top: 6px solid #006666;
}
.MainContainer .sf_2cols_2_33 {
    color:#333;
}
/*************************
    Search box & Forms
*************************/
.ResourceSearch fieldset.sfsearchBox,
.Header fieldset.sfsearchBox,
#mobileNav #search fieldset.sfsearchBox {
    background-color: #EEEEEE;
    box-shadow: 0 1px 0 #DDDDDD inset;
    border:none;
    }
.ResourceSearch fieldset.sfsearchBox input[type="text"],
.Header fieldset.sfsearchBox input[type="text"],
#mobileNav #search fieldset.sfsearchBox input[type="text"]
{
 background-color: transparent;
}
.ResourceSearch fieldset.sfsearchBox input[type="submit"],
.Header fieldset.sfsearchBox input[type="submit"],
#mobileNav #search fieldset.sfsearchBox input[type="submit"] {       
        background:transparent url(../images/search_icon.png) left top no-repeat;
    }    
.ResourceSearch fieldset.sfsearchBox input[type="submit"]:hover,
.Header fieldset.sfsearchBox input[type="submit"]:hover,
#mobileNav #search fieldset.sfsearchBox input[type="submit"]:hover {
        background: transparent url(../images/search_icon.png) left -24px no-repeat;
    }
.ResourceSearch fieldset.sfsearchBox input[type="submit"] {        
        background:transparent url(../images/Search_icon.png) 8px 0px no-repeat;
    }
.ResourceSearch fieldset.sfsearchBox input[type="submit"]:hover {
        background: transparent url(../images/Search_icon.png) 8px -24px no-repeat;
    }
.sfsearchReultTitleSnippetUrl {
        border-bottom: 1px dotted #CCCCCC;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
    background-color: #EEEEEE;
    box-shadow: 0 1px 0 #DDDDDD inset;
    border: none;
}
.FooterMain a {
    color: #666;
}
.main_footer_container .contact {
    border-left: 0px solid #666;
}
/**********Products**************/
.ShopPage h1 a,
.MainContent .ShopPage .Product_3Col_Row h2 a {
    color: #669900;
}
.ShopPage h1 a:hover,
.MainContent .ShopPage .Product_3Col_Row h2 a:hover {
        color: #666;
    }
.Product_2Col_Row .moreInfo p,
.Product_3Col_Row .moreInfo p {
    color: #333;
}
.Product_2Col_Row .moreInfo a,
.Product_3Col_Row .moreInfo a,
.sfAddToCartWrp a {
    color:#FFF;
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    background-color:#669900;    
}
.sfproductsList .sfproductListItem .sfproductPrice {
    color: #333;
}
.Product_2Col_Row .moreInfo a:hover,
.Product_3Col_Row .moreInfo a:hover,
.sfAddToCartWrp a:hover {
        background-color:#999;
    }
.nav_left_container .RadTreeView_Default,
.nav_left_container .RadTreeView_Default a.rtIn,
.nav_left_container .RadTreeView_Default .rtEdit .rtIn input {
    color: #666666;
}
.nav_left_container .RadTreeView .rtIn {
    border-bottom: 1px dotted #CFCFCF;
}
.nav_left_container .RadTreeView_Default .rtHover .rtIn {
    background: #E5E5E5;
    color:#333;
    border-bottom:1px solid #CFCFCF;
    }
.RadTreeView_Default .rtSelected .rtIn {
    background-color: #F0F0F0;
    color:#333;
    border-bottom:1px solid #CFCFCF;
}
.nav_left_container .RadTreeView_Default .rtSelected .rtIn {
    background-color: #F0F0F0;
}
#ContentPlaceHolder1_C043_productsFrontendMaster_ctl00_ctl00_itemsPerPageSelectorTop {
    border-bottom: 1px solid #CCC;
}
#ContentPlaceHolder1_C043_productsFrontendMaster_ctl00_ctl00_pager .sf_pagerNumeric a.sf_PagerCurrent {
        color:#669900;
        border:1px solid #669900;
}
.sfproductsList .sfproductListItem h3 a,
.Product_2Col_Row h3 a {
    color: #4D7100;
}
.sfproductsList .sfproductListItem h3 a:hover,
.sfproductsList .sfproductListItem h3 a:focus,
.Product_2Col_Row h3 a:hover {
            color: #333;
        }
    .sfproductsList .sfproductListItem .sfproductPrice {
        color:#333;
    }
    .sfproductsList .sfproductListItem .sfproductInfoLnk,
    .MainContent .sfContentBlock p a.DSAQuoteLink,
    .MainContent .sfContentBlock p a.AtWQuoteLink {
    color:#FFF;
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    background-color:#669900;    
}
    .MainContent .sfContentBlock p a.DSAQuoteLink {
    background-color:#009999;    
}
.MainContent .sfContentBlock p a.AtWQuoteLink {
    background-color:#663399;
}
    .sfproductsList .sfproductListItem .sfproductInfoLnk:hover,
    .MainContent .sfContentBlock p a.DSAQuoteLink:hover,
    .MainContent .sfContentBlock p a.AtWQuoteLink:hover {
    background-color:#999;
    }
    .sfproductDetailsWrp .sfproductTitle {
    border-top: 1px solid #CCCCCC;
    text-shadow: 1px 1px 1px #E2E2E2;
    color:#669900;
}
.sfproductDetailsWrp .sfproductImgsList .sfproductImgWrp img {
    border: 1px solid #CFCFCF;
}
.sfproductInfoWrp .sfAddToCartWrp input[type="text"] {
    background-color: #F5F5F5;
}
.sfproductInfoWrp .sfAddToCartWrp input[type="submit"] {
    color:#FFF;
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    background-color:#669900;    
}
    .sfproductInfoWrp .sfAddToCartWrp input[type="submit"]:hover {
        background-color: #999;
    }
    #WordPress .rssBody ul li h2 a {
        color: #006666;
    }
    #WordPress .rssBody ul li.rssRow div {
        color: #666666;
    }
/*****************************************************
smaller than 980px - MEDIA QUERY
*****************************************************/
@media screen and (max-width: 960px) {

    .Header nav ul li .menu .menu_top {
        background: url(../images/sprites/menu_sm.png) no-repeat 0 top;
    }
    .Header nav ul li .menu .menu_mid {
        background: url(../images/repeaters/menu_mid_sm.png) repeat-y 0 0;
    }
    .Header nav ul li .menu .menu_bottom {
        background: url(../images/sprites/menu_sm.png) no-repeat 0 bottom;
    }

    #mobileNav #search fieldset.sfsearchBox input[type="submit"],
    .ResourceSearch fieldset.sfsearchBox input[type="submit"] {          
        background:url("../images/search_iconStandard.png") 14px top no-repeat;
    }
    #mobileNav #search fieldset.sfsearchBox input[type="submit"]:hover,
    .ResourceSearch fieldset.sfsearchBox input[type="submit"]:hover {
        background:url("../images/search_iconStandard.png") 14px -25px no-repeat;
    }

}