﻿/*	Begin root category container styles	*/
ul.root-category-container {
    list-style: none;	/* ensures that the navigation links don't display bullets	*/
    margin: 0;
}

ul.root-category-container a {
    text-decoration:none;
    color:#007DBB;
}

ul.root-category-container a:hover {
    color:#1A1A1A;
    text-decoration:underline;
}
/*	End root category container styles	*/

/* Begin PRODUCTS PAGE POPUP FORMATTING*/
li.popup-base {
    background-image:url(/App_Themes/Desktop/images/top-navigation-borders-sprite.png);
    background-repeat:repeat-x;
    background-position:left -65px;
}
/* End PRODUCTS PAGE POPUP FORMATTING*/

/* Begin root tab-base styles	*/
li.tab-base {
    background-image:url(/App_Themes/Desktop/images/button-gradient-bg-sprite.png);
    float:left;
    position:relative;
    /* begin keep the tabs from crashing into each other	*/
        margin-left:19px;
        margin-right:11px;
        height:25px;
    /* end keep the tabs from crashing into each other	*/    
    background-repeat:repeat-x;
    background-position:left -65px;
}
li.tab-base:hover {
    z-index:16 !important;
    background-position:left 0;
    height:27px;
}
	/*	begin the rounding corner span	*/
	li.tab-base a > span.border {
		background-image:url(/App_Themes/Desktop/images/top-navigation-borders-sprite.png);
	}
	/*	end the rounding corner span	*/
	li.tab-base span.border {
		position:absolute;
		height:25px;
		top:0;
		background-repeat:no-repeat;
	}
	li.tab-base span.border-left {
		left:-10px;
		width:10px;
		background-position:-72px 0px;
	}
	li.tab-base span.border-right {
		right:-13px;
		width:13px;
		background-position:-88px 0px;
	}
	
/* End root tab-base styles	*/


.sub-category-title > a, .sub-category-title-wider > a, .sub-category-title-wide > a, .sub-category-title-medium > a, .sub-category-title-narrow > a
{
    color:#2175BB;
    white-space:nowrap;
    display: block;
    font-weight: bold;
}
.sub-category-title > a.inline, .sub-category-title-wide > a.inline, .sub-category-title-wider > a.inline
{
	display: inline;
}

.sub-category-title-wide
{
	width: 150px;
}
.sub-category-title-wider
{
	width: 180px;
}
/*-- Middle Column ------------------------------------------------------------ */
#middle-column {
    /*width:470px;*/
    width:720px;
    float:left;
    position:relative;
    left:100px;
    top: 50px;
    z-index:1;
}




/*-- Top Navigation ---------------------------------------------------------------------- */
#top-navigation {
    height:23px;
    position:absolute;
    top:-27px;
    left:0px;
    width:904px;	/* expand the div that contains the menu	*/
}
#top-navigation > ul {
    width:900px; /* expand the unordered list that presents the menu */
    height:23px;
}
#top-navigation li.selected/*.button*/ {
    background-position:left -40px;
}
#top-navigation li.hover/*.button*/,
#top-navigation li.selected span.border-left {
    left:-10px;
    width:10px;
    background-position:-72px -52px;
}
#top-navigation li.selected span.border-right {
    right:-13px;
    width:13px;
    background-position:-88px -52px;
}
#top-navigation li.hover/*.button*/ span.border-left,
#top-navigation li.tab-base:hover span.border-left {
    left:-10px;
    width:10px;
    background-position:-72px -25px;
}
#top-navigation li.hover/*.button*/ span.border-right,
#top-navigation li.tab-base:hover span.border-right {
    right:-15px;
    width:15px;
    background-position:-88px -25px;
}
#top-navigation li.hover/*.button*/ span.border,
#top-navigation li.tab-base:hover span.border {
    display:block;
    height:28px;
}

#top-navigation li.hover/*.button*/ a.button,
#top-navigation li.tab-base:hover a.button {
    color:#2175BB !important;
}
#top-navigation li.tab-base a.button {
    display:block;
    padding-left:4px;
    padding-right:10px;
    padding-top:8px;
    padding-bottom:3px;
    font-size:10px;
    color:#77787b;
    font-weight:bold;
}
#top-navigation li.solutions-tab {
    margin-left:10px;
}
#top-navigation li.selected/*.button*/ a.button {
    color: #1a1a1a;}
#top-navigation li.tab-base .sub-navigation {
    display:none;
    position:absolute;
    top:26px;
    z-index:17;
    left:-9px;   
    height:270px;
}
#top-navigation li.hover/*.button*/ .sub-navigation,
#top-navigation li.tab-base:hover .sub-navigation {
    display:block;
    z-index:15;
}
#top-navigation li.tab-base .sub-navigation > .border {
    background-image:url(/App_Themes/Desktop/images/top-navigation-borders-sprite.png);
}
#top-navigation li.tab-base .sub-navigation .border {
    position:absolute;
    /*outline:solid 1px red;*/
    background-repeat:no-repeat;
    background-position:left bottom;
    z-index:1;
}
#top-navigation li.tab-base .sub-navigation .border-top-left {
    left:-1px;
    top:0;
    width:16px;
    height:20px;
    background-position:left -20px;
    display:none;
    z-index:2;
}
#top-navigation li.tab-base .sub-navigation .border-top-right {
    right:-9px;
    top:0;
    height:20px;
    width:24px;
    background-position:-47px -20px;
    display:none;
    z-index:2;
}
#top-navigation li.tab-base .sub-navigation .border-left {
    left:-1px;
    bottom:-23px;
    width:25px;
    height:296px;
    background-position:left bottom;
}
#top-navigation li.tab-base .sub-navigation .border-right {
    right:-9px;
    bottom:-23px;
    width:24px;
    height:296px;
    /*
    background-image:url(/images/top-navigation-submenu-right-border.png);
    */
    background-position:-47px bottom;
}
#top-navigation li.tab-base .sub-navigation > .border-bottom {
    background-image:url(/App_Themes/Desktop/images/button-gradient-bg-sprite.png);
}
#top-navigation li.tab-base .sub-navigation .border-bottom {
    /*background-image:url(/images/background-top-navigation-submenu.png);*/
    background-position:left -412px;
    background-repeat:repeat-x;
    bottom:-23px;
    height:12px;
    left:24px;
    /*right:15px;*/
}
/* @end @*/
#top-navigation li a.button:hover {
    text-decoration:none;
}
#top-navigation li.tab-base .sub-navigation {
    /*background-color:red;*/
}
#top-navigation li.tab-base .sub-navigation .contents {
    /*background-color:lime;*/
}
/*#top-navigation li.tab-base .sub-navigation,*/
#top-navigation li.tab-base .sub-navigation > .contents {
    background-image:url(/App_Themes/Desktop/images/button-gradient-bg-sprite.png);
}
#top-navigation li.tab-base .sub-navigation .contents {
    background-repeat:repeat-x;
    background-position:0px -128px;
    /*@cc_on @if !(border-radius && box-shadow)*/
    top:-1px;
    /*@else @
        background-color:#f4f4f4;
    @end @*/
}
#top-navigation li.tab-base .sub-navigation .contents {
    font-size:11px;
    line-height:1.35em;
    color:#62625c;
    position:relative;
    z-index:10; /* So that it is above the borders */
    margin-left:14px;
    margin-right:14px;
    margin-top: -1px;
    padding-top:14px;
    height:273px;
}
#top-navigation li.tab-base .sub-navigation .contents p.teaser {
    /*padding:14px;*/
    margin-bottom:14px;
}
#top-navigation li.tab-base .sub-navigation .contents strong.intro {
    font-size:12px;
    color: #1a1a1a;
    margin-bottom: 1em;
}
#top-navigation li.tab-base .sub-navigation .contents strong.intro a {
    color:#2175BB; 
    font-style: italic;
}
#top-navigation li.tab-base .sub-navigation .bullet,
#top-navigation li.tab-base .sub-navigation .find-more-up {
    /*color:#2175BB;*/
    font-weight:bold;
    white-space:nowrap;
    color:#62625c;
    font-size:10px;
    
    background-image:url(/App_Themes/Desktop/images/arrow-orange-small-sprite.png);
    background-repeat:no-repeat;
    background-position:2px 3px;
    padding-left:12px; 
}
#top-navigation li.tab-base .sub-navigation p .bullet {
    display:inline-block;
}

/*Take Out*/
#top-navigation li.tab-base .sub-navigation ul,
#top-navigation li.tab-base .sub-navigation ol {
    /*margin-top:4px;
    margin-left:14px;*/
}
#top-navigation li.tab-base .sub-navigation ul li,
#top-navigation li.tab-base .sub-navigation ol li {
    height:190px;
}
#top-navigation li.tab-base .sub-navigation ul li .bullet,
#top-navigation li.tab-base .sub-navigation ol li .bullet {
    position:absolute;
    bottom:8px;
}
#top-navigation li.tab-base .sub-navigation ul li .find-more-up,
#top-navigation li.tab-base .sub-navigation ol li .find-more-up {
    position:absolute;
    bottom:20px;
}

#top-navigation li.tab-base .sub-navigation ul li p .bullet
{
	position: relative;
	margin-top: 1em;
}
#top-navigation li.tab-base .sub-navigation ul li p .bullet+.bullet
{
	position: relative;
	margin-top: 0;
}


#top-navigation li.tab-base .sub-navigation ul li,
#top-navigation li.tab-base .sub-navigation ol li {
    width:120px;
    padding-left:4px;
    margin-left:10px;
    float:left;
    position:relative;
    border-left:dotted 1px #8b8a8a;
}
#top-navigation li.tab-base .sub-navigation ul li.sub-category-title-narrow {
    width:75px;
}
#top-navigation li.tab-base .sub-navigation ul li.sub-category-title-medium {
    width:175px;
}
#top-navigation li.tab-base .sub-navigation ul li.sub-category-title-wide {
    width:215px;
}
#top-navigation li.tab-base .sub-navigation ul li.sub-category-title-wider {
    width:245px;
}

#top-navigation li.tab-base .sub-navigation ul li:first-child,
#top-navigation li.tab-base .sub-navigation ul li.first-child,
#top-navigation li.tab-base .sub-navigation ol li:first-child,
#top-navigation li.tab-base .sub-navigation ol li.first-child {
    padding-left:0;
    margin-left:0;
    border-left:none;
}
#top-navigation li a.button:active,
#top-navigation li a.button:focus {
    outline:none;
}
#top-navigation li.solutions-tab {
    z-index:18;
    left: 2px;
}
#top-navigation li.solutions-tab .sub-navigation {
    width:890px;
    height: 270px;
    padding-left: -15px;
}
#top-navigation li.solutions-tab .sub-navigation .border-top-left {
    display:block;
}
#top-navigation li.solutions-tab .sub-navigation .border-left {
    height:273px;
}
#top-navigation li.solutions-tab .sub-navigation .border-bottom {
    width:851px;
}

#top-navigation li.products-tab {
    z-index:17;
    left:-10px;
}
#top-navigation li.products-tab .sub-navigation {
    width:900px;
    height: 270px;
    /*@cc_on @if (border-radius && box-shadow)
    -moz-border-radius-topleft:0;
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:0;
    -webkit-border-top-right-radius:10px;
    @end @*/
}
/*@cc_on @if !(border-radius && box-shadow)*/
#top-navigation li.products-tab .sub-navigation .border-top-left {
    display:block;
}
#top-navigation li.products-tab .sub-navigation .border-left {
    height:273px;
}
#top-navigation li.products-tab .sub-navigation .border-bottom {
    width:861px;
}
/*@end @*/



#top-navigation li.support-tab {
    z-index:16;
    left:-20px;
}
#top-navigation li.support-tab .sub-navigation {
    width:435px;
    
    
    /*@cc_on @if (border-radius && box-shadow)
        -moz-border-radius-topleft:10px;
        -moz-border-radius-topright:0;
        -webkit-border-top-left-radius:10px;
        -webkit-border-top-right-radius:0;
        right:-1px;
    @else @*/
        right:-7px;
    /*@end @*/
}
/*@cc_on @if !(border-radius && box-shadow)*/
#top-navigation li.support-tab .sub-navigation .border-top-left {
    display:block;
}
#top-navigation li.support-tab .sub-navigation .border-left {
    height:273px;
}
#top-navigation li.support-tab .sub-navigation .border-bottom {
    width:396px;
}
/*@end @*/



#top-navigation li.news-tab {
    z-index:15;
    left:-30px;
}
#top-navigation li.news-tab .sub-navigation {
    width:290px;
    right:-7px;
}
#top-navigation li.news-tab .sub-navigation .border-top-left {
    display:block;
}
#top-navigation li.news-tab .sub-navigation .border-left {
    height:273px;
}
#top-navigation li.news-tab .sub-navigation .border-bottom {
    width:251px;
}

#top-navigation li.how2buy-tab {
    z-index:14;
    left:-40px;
}
#top-navigation li.how2buy-tab .sub-navigation {
    width:290px;
    right:-7px;
}
#top-navigation li.how2buy-tab .sub-navigation .border-top-left {
    display:block;
}
#top-navigation li.how2buy-tab .sub-navigation .border-left {
    height:273px;
}
#top-navigation li.how2buy-tab .sub-navigation .border-bottom {
    width:251px;
}

/*==================================== PARTNERS & PROGRAMS ====================================================*/
#top-navigation li.partners-tab {
    z-index:13;
    left:-50px;
}
#top-navigation li.partners-tab .sub-navigation {
    width:435px;

    left:auto;
    right: -7px;    /*right:-45px;*/
    
    /*@cc_on @if (border-radius && box-shadow)
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    @end @*/
}
/*@cc_on @if !(border-radius && box-shadow)*/
#top-navigation li.partners-tab .sub-navigation .border-top-right {
    display:block;
}
#top-navigation li.partners-tab .sub-navigation .border-right {
    height:273px;
}
#top-navigation li.partners-tab .sub-navigation .border-bottom {
    width:396px;
}
#big-middle-column #top-navigation {
    left:236px;
}
/*@end @*/

#top-navigation li.company-tab {
    z-index:12;
    left:-60px;
}
#top-navigation li.company-tab .sub-navigation {
    width:750px;
    left:auto;
    right: -7px;
    
    /*@cc_on @if (border-radius && box-shadow)
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    @end @*/
}
/*@cc_on @if !(border-radius && box-shadow)*/
#top-navigation li.company-tab .sub-navigation .border-top-right {
    display:block;
}
#top-navigation li.company-tab .sub-navigation .border-right {
    height:273px;
}
#top-navigation li.company-tab .sub-navigation .border-bottom {
    width:711px;
}
#big-middle-column #top-navigation {
    left:236px;
}
/*@end @*/