@charset "UTF-8";

@font-face {
    font-family: 'GothamCondensedBook';
    src: url('Fonts/gothamcondensed-book-webfont.eot');
    src: url('Fonts/gothamcondensed-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/gothamcondensed-book-webfont.woff') format('woff'),
         url('Fonts/gothamcondensed-book-webfont.ttf') format('truetype'),
         url('Fonts/gothamcondensed-book-webfont.svg#GothamCondensedBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamCondensedMedium';
    src: url('Fonts/gothamcondensed-medium-webfont.eot');
    src: url('Fonts/gothamcondensed-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/gothamcondensed-medium-webfont.woff') format('woff'),
         url('Fonts/gothamcondensed-medium-webfont.ttf') format('truetype'),
         url('Fonts/gothamcondensed-medium-webfont.svg#GothamCondensedMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamMedium';
    src: url('Fonts/gotham-medium-webfont.eot');
    src: url('Fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/gotham-medium-webfont.woff') format('woff'),
         url('Fonts/gotham-medium-webfont.ttf') format('truetype'),
         url('Fonts/gotham-medium-webfont.svg#GothamMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

.clearfix:after					{ visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; }
* html .clearfix 				{ zoom: 1; }
*:first-child+html .clearfix	{ zoom: 1; }
* {outline: 0}
.clear {clear: both; display: block; height: 0px; overflow:hidden;}
img {border:0}
img.left {float: left; margin-right: 20px; margin-bottom: 20px;}
img.right {float: right; margin-left: 20px; margin-bottom: 20px;}
body {font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; line-height: 20px; color: #232323;}
#Body {background: #eeeeee; /* Old browsers */ background-color: #eeeeee; min-height: 1px;}

/* ------- STYLES ----------------------------------------------------------------------*/
.Normal, .Normal p, .Normal ul, .Normal ol, .Normal li, .Normal table, .Normal table td {font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; line-height: 20px; color: #232323;}
.Normal p {margin: 0px 0px 20px 0px;}
.Normal ul, .Normal ul li {list-style-type: disc;}
.Normal ul li {/*margin-bottom: 20px;*/}

.Normal a, .Normal a:link, .Normal a:visited, .Normal a:active, .Normal a:hover {font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; line-height: 20px; /*color: #3498db;*/ color: #2f89c6; text-decoration: none;}
.Normal a:hover {text-decoration: underline;}

.Normal h1 {font-family: 'GothamCondensedMedium', Gotham Condensed Medium, "Gotham Condensed Medium", Impact, Arial, Helvetica, Sans-Serif; font-size: 25px; line-height: 31px; color: #232323; text-transform: uppercase; margin: 0; font-weight: normal; font-style: normal; letter-spacing: 5px; margin-bottom: 3px;} 

.Normal h2 {font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 22px; color: #646464; margin: 0; font-weight: normal; font-style: normal; letter-spacing: 1px; background: url(Images/dotted_bg_repeat.png) repeat-x bottom left; margin-bottom: 18px; padding-bottom: 5px; display: block;} /* SUBTITLES */
.Normal h2 a, .Normal h2 a:link, .Normal h2 a:visited, .Normal h2 a:active, .Normal h2 a:hover {font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 22px; color: #646464; margin: 0; font-weight: normal; font-style: normal; letter-spacing: 1px; background: url(Images/dotted_bg_repeat.png) repeat-x bottom left; display: block; text-decoration: none;} /* SUBTITLES */
.Normal h2 a:hover {color:#39a7f1;}

.Normal h3 {font-family: 'GothamCondensedMedium', Gotham Condensed Medium, "Gotham Condensed Medium", Impact, Arial, Helvetica, Sans-Serif; font-size: 19px; line-height: 19px; color: #005099; margin: 0; font-weight: normal; font-style: normal; letter-spacing: normal; display: block; padding-top: 12px; padding-bottom: 7px;} /* FEATURES */
.Normal h3 a, .Normal h3 a:link, .Normal h3 a:visited, .Normal h3 a:active, .Normal h3 a:hover {font-family: 'GothamCondensedMedium', Gotham Condensed Medium, "Gotham Condensed Medium", Impact, Arial, Helvetica, Sans-Serif; font-size: 19px; line-height: 19px; color: #005099; margin: 0; font-weight: normal; font-style: normal; letter-spacing: normal; display: block; text-decoration: none;} /* FEATURES */
.Normal h3 a:hover {color:#39a7f1;}

.Normal h4 {font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; font-size: 19px; line-height: 29px; color: #202020; margin: 0; font-weight: normal; font-style: normal; letter-spacing: normal; padding: 0; margin-bottom: 7px;} 
.Normal h4 a, .Normal h4 a:link, .Normal h4 a:visited, .Normal h4 a:active, .Normal h4 a:hover {font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; font-size: 21px; line-height: 31px; color: #202020; margin: 0; font-weight: normal; font-style: normal; letter-spacing: normal; text-decoration: none;} 
.Normal h4 a:hover {color:#39a7f1;}

.Normal table {text-align: left; vertical-align: top;}
.Normal table tr {text-align: left; vertical-align: top;}
.Normal table tr td {text-align: left; vertical-align: top;}
.Normal table tr th {vertical-align: top;}

.Normal table.styled {width: 100%; border-collapse:collapse; border: 1px solid #e0e0e0;}
.Normal table.styled th {border-collapse:collapse; border: 1px solid #e0e0e0; background-color: #e7e7e7; font-weight: bold; text-align: left; vertical-align: top; padding: 10px;}
.Normal table.styled td {border-collapse:collapse; border: 1px solid #e0e0e0; background-color: transparent; font-weight: normal; text-align: left; vertical-align: top; padding: 10px;}
.Normal table.styled td.even {border-collapse:collapse; border: 1px solid #e0e0e0; background-color: #eeeeee; font-weight: normal; text-align: left; vertical-align: top; padding: 10px;}
.Normal table.styled td.table-blue-bg {text-transform: uppercase; color: #ffffff; background-color: /*#3498db*/ #2f89c6; font-weight: bold;}

.Normal table.noborders {width: 100%; border-collapse:collapse; border: 0px solid #e0e0e0;}
.Normal table.noborders th {border-collapse:collapse; border: 0px solid #e0e0e0; background-color: #e7e7e7; font-weight: bold; text-align: left; vertical-align: top; padding: 10px;}
.Normal table.noborders td {border-collapse:collapse; border: 0px solid #e0e0e0; background-color: transparent; font-weight: normal; text-align: left; vertical-align: top; padding: 10px;}
.Normal table.noborders td.even {border-collapse:collapse; border: 0px solid #e0e0e0; background-color: #eeeeee; font-weight: normal; text-align: left; vertical-align: top; padding: 10px;}
.Normal table.noborders td h3 {margin-top: 0px; padding-top: 0px;}

.Normal table.alternating tr:nth-child(even) td {border-collapse:collapse; border: 1px solid #e0e0e0; background-color: #fdfdfd; font-weight: normal; text-align: left; vertical-align: top; padding: 10px;}

.Normal table.nostyle {width: auto; border-collapse:collapse; border: 0px solid #e0e0e0;}
.Normal table.nostyle th {border-collapse:collapse; border: 0px solid #e0e0e0; background-color: #fff; font-weight: bold; text-align: left; vertical-align: top; padding: 0px;}
.Normal table.nostyle td {border-collapse:collapse; border: 0px solid #e0e0e0; background-color: transparent; font-weight: normal; text-align: left; vertical-align: top; padding: 0px;}

.Normal img {max-width: 100%;}
.Normal iframe {max-width: 100%;}
.video-embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.video-embed-container iframe, .video-embed-container object, .video-embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ------ TOP WHITE BAR --------------------------------------------------------------- */
#TopWhiteBar {clear: both; height: 31px; padding: 5px; background-color: #ffffff; position: relative;}
#TopWhiteBarWidth {max-width: 1224px; margin: 0 auto; position: relative;}

/* Language */
#LanguageArea {
    width: auto;
    display: inline-block;
    float: left;
    text-align: left;
    position: relative;
}
#LanguageSelectorArea {float: left; display: inline-block; position: relative; width: 125px; height: 31px;} 
#LanguageSelectorArea #SelectedFlag {position: absolute; display: inline-block; top: 3px; left: 0px;}
#LanguageSelectorArea #SelectLanguage {position: absolute; display: inline-block; top: 0px; left: 30px; white-space: nowrap;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    line-height: 30px;
    color: #818181; 
    text-decoration: none;   
    font-style: italic;}
    #LanguageSelectorArea #SelectLanguage:hover {text-decoration: underline;}

#LanguageSelectorArea #LanguageMenu {outline:0;position:absolute;top:38px;left:20px;width:150px;padding: 5px;background-color:#191919;display:none;z-index:3000;}
#LanguageSelectorArea #LanguageMenu:after {position: absolute; top: -8px; left: 14px; content: ''; width: 0px; height: 0px; border-top: 8px solid transparent; /* left arrow slant */ border-left: 8px solid #191919; /* bottom, add background color here */ font-size: 0px; line-height: 0px;}
#LanguageSelectorArea #ChangeWords {display: block; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 18px; color: #ffffff; font-style: normal; text-decoration:none; border-bottom: 1px dotted #ffffff; padding-left: 5px; padding-bottom: 3px; margin-bottom: 5px;}
#LanguageSelectorArea ul#LanguageList {margin: 0; padding: 0; list-style: none;}
#LanguageSelectorArea ul#LanguageList li {margin: 0; padding: 5px; list-style: none; background-color:#191919;}
#LanguageSelectorArea ul#LanguageList li:hover {background-color:#343434;}
#LanguageSelectorArea ul#LanguageList li a {display: block; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 25px; color: #ffffff; font-style: normal; text-decoration:none; white-space:nowrap;}
    #LanguageSelectorArea ul#LanguageList li a:hover {text-decoration: none;}

/* Region */
#RegionSelectorArea {float: left; display: inline-block; position: relative; width: auto; height: 31px;} 
#RegionSelectorArea #SelectRegion {display: inline-block; white-space: nowrap;
    /*border-left: 1px solid #d2d3d4; */
    padding: 0px 9px 0px 9px; 
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    line-height: 24px;
    color: #818181; 
    text-decoration: none;   
    font-style: italic;
    margin: 3px 0px 3px 0px;
    }
    #RegionSelectorArea #SelectRegion:hover {text-decoration: underline;}

#RegionSelectorArea #RegionMenu {outline:0;position:absolute;top:38px;left:20px;width:150px;padding: 5px;background-color:#191919;display:none;z-index:3000;}
#RegionSelectorArea #RegionMenu:after {position: absolute; top: -8px; left: 14px; content: ''; width: 0px; height: 0px; border-top: 8px solid transparent; /* left arrow slant */ border-left: 8px solid #191919; /* bottom, add background color here */ font-size: 0px; line-height: 0px;}
#RegionSelectorArea #ChangeRegionWords {display: block; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 18px; color: #ffffff; font-style: normal; text-decoration:none; border-bottom: 1px dotted #ffffff; padding-left: 5px; padding-bottom: 3px; margin-bottom: 5px;}
#RegionSelectorArea ul.dnn_pnav {margin: 0; padding: 0; list-style: none;}
#RegionSelectorArea ul.dnn_pnav li {margin: 0; padding: 5px; list-style: none; background-color:#191919;}
#RegionSelectorArea ul.dnn_pnav li:hover {background-color:#343434;}
#RegionSelectorArea ul.dnn_pnav li a {display: block; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 25px; color: #ffffff; font-style: normal; text-decoration:none; white-space:nowrap;}
    #RegionSelectorArea ul.dnn_pnav li a:hover {text-decoration: none;}  

/* Static Nav */
#LanguageAreaLinks {width: auto; display: inline-block; height: 31px; float: left;}
#LanguageAreaLinks ul.dnn_pnav     {list-style: none; margin: 0; padding: 0;}
#LanguageAreaLinks ul.dnn_pnav li  {list-style: none; margin: 0; display: inline-block;}
#LanguageAreaLinks a, #LanguageAreaLinks a:link, #LanguageAreaLinks a:visited, #LanguageAreaLinks a:active, #LanguageAreaLinks a:hover {
    border-left: 1px solid #d2d3d4; 
    padding: 5px 9px 5px 9px; 
    white-space: nowrap;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    line-height: 30px;
    color: #818181; 
    text-decoration: none;   
    font-style: italic;
}
    #LanguageAreaLinks a:hover {text-decoration: underline;}

#LanguageAreaLinks ul.dnn_pnav li.first a, #LanguageAreaLinks ul.dnn_pnav li.first a:link, #LanguageAreaLinks ul.dnn_pnav li.first a:visited, #LanguageAreaLinks ul.dnn_pnav li.first a:active, #LanguageAreaLinks ul.dnn_pnav li.first a:hover {border-left: 0px solid #d2d3d4; padding-left: 0px; }

/* Search */
#SearchArea {
    width: 200px;
    float: right;
    text-align: right;
}

/* Mobile */
@media screen and (max-width: 620px) {
    #TopWhiteBar {height: auto;}
    #LanguageArea, #SearchArea, #LanguageAreaLinks {float: none; clear: both; width: 100%; text-align: center; margin: 2px 0px 2px 0px;}
    #LanguageSelectorArea {display: block; margin: 0 auto; float: none;text-align: left;}
    #RegionSelectorArea {display: block; margin: 0 auto; float: none; text-align: center; border-left: 0px solid #d2d3d4; width: 120px; padding: 0px 0px 0px 5px;}
    #RegionSelectorArea #SelectRegion {border-left: 0px solid #d2d3d4;} 
    #LanguageAreaLinks li.first a {border-left: 0px solid #d2d3d4;}
}

#dnn_dnnSearch_ClassicSearch {display: inline-block; margin: 0; padding: 0; width: 200px;} /*div generated by DNN around search object*/
.searchInputContainer {display: inline-block; margin: 0 !important; padding: 0;}

#dnn_dnnSearch_txtSearch { 
    float: left;
    display: inline-block;
    width: 160px;
    height: 20px;
    margin: 0 !important; padding: 1px 1px 1px 5px !important;
    background-color: #fff; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 0px solid #e7e7e7;
    box-shadow: none;
    color: #7b7b7b; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; 
    line-height: 20px; 
}
.dnnSearchBoxClearText {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 20px; color: #7b7b7b; text-align: left; margin: 0 !important; padding: 0; display: inline-block;}

#dnn_dnnSearch_cmdSearch, #dnn_dnnSearch_cmdSearch:link, #dnn_dnnSearch_cmdSearch:visited {
    float: right;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 !important; padding: 1px 1px 1px 5px !important;
    border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-left: 0px solid #e7e7e7;
    text-decoration: none;
    background: url(Images/search.png) no-repeat center center;
    text-indent: -9999px;
    text-align: left;
}
    #dnn_dnnSearch_cmdSearch:hover {background: url(Images/search.png) no-repeat center center, rgb(45,45,45); /* Old browsers */}
    
/* ------ BLUE NAV BAR --------------------------------------------------------------- */
#BlueNavBar {clear: both; padding: 15px 5px 0px 5px; background-color: #25346a; position: relative;}
#BlueNavBarWidth {max-width: 1224px; margin: 0 auto; position: relative; display: block;}

#LogoArea {
    width: 23%;
    float: left;
    text-align: left;
    background-color: #25346a;
}
#WestinghouseLogo {width: 100%; padding-bottom: 15px; display: block;}
#LogoArea img {width: 100%; min-height: 45px;}
#NavArea {
    width: 76%;
    max-height: 67px;
    display: block;
    float: right;
    position: relative;
}

#nav ul, #nav ul li {border: 0;	outline: 0;	padding: 0;	margin: 0; list-style: none;}
#nav {			
	position: absolute;
	top: 0;
	right: 0px;
}

	#nav > a {display: none;}
	
	#nav li	{position: relative; background-color: #25346a; /*navy*/}
		#nav li a {color: #fff;	text-decoration: none; display: block;}
		#nav li a:hover {color: #39a7f1; /*robin*/}
		#nav li a:active {color: #39a7f1; /*robin*/}

	#nav span:after	{
		width: 0;
		height: 0;
		border-bottom: none;
		border-top-color: #25346a; /*navy*/
		content: '';
		vertical-align: middle;
		display: inline-block;
		position: relative;
	}

	/* First Level */
	#nav > ul {}
		#nav > ul > li {
			height: 100%;
			display: inline-block;
			float: left;
		}
			#nav > ul > li > a {
				height: 100%;
				text-align: center;
				padding: 0px 48px 15px 48px;
				
				font-family: 'GothamCondensedBook', Gotham Condensed Book, "Gotham Condensed Book", Arial, Helvetica, Sans-Serif;
	            font-size: 19px;
	            line-height: 67px;
	            color: #ffffff;
	            text-decoration: none;
	            text-transform: uppercase;
	            display: inline-block;
			}
				#nav > ul > li:not( :last-child ) > a {}
				#nav > ul > li:hover > a, 
				#nav > ul:not( :hover ) > li.active > a,	
				#nav li.selected a, 
				#nav li.breadcrumb a {
					color: #39a7f1; /*robin*/
					text-decoration: none;
				}
                #nav > ul > li:hover > a {background-color: #ffffff; color: #39a7f1; /*robin*/	text-decoration: none;}
                
		/* Second Level */
		#nav li ul {
		    text-align: left;
			background-color: #ffffff;
			display: none;
			position: absolute;
			top: 100%;
			/*top: 82px;*/
			z-index: 3005;
			padding: 0px 20px 10px 20px;
			min-width: 200px;
            border-left: 1px solid #eeeeee;
            border-right: 1px solid #eeeeee;
            border-bottom: 1px solid #eeeeee;
		}
			#nav li:hover ul {
				display: block;
				left: 0;
			}
			#nav li.last:hover ul {
				display: block;
				left: auto;
				right: 0;
			}
				#nav li:not( :first-child ):hover ul {/*left: -1px;*/}
				#nav li ul li {
				    background-color: #ffffff;
				    border-top: 1px dotted #d4d4d4;
				    text-align: left;
				    position: relative;
				    padding: 6px 0px 6px 0px;

                    display: block;
                   /* display:inline-block;
                    float: left;
                    width: 50%;*/
				}
				#nav li ul li a {
					text-align: left;
					background-color: #ffffff;	
					position: relative;
					min-width: 100%;
            
					font-family: 'GothamCondensedBook', Gotham Condensed Book, "Gotham Condensed Book", Arial, Helvetica, Sans-Serif;
	                font-size: 17px;
	                line-height: 25px;
	                color: #646464;
	                text-decoration: none;
	                text-transform: none;
				}

                #nav li.selected ul li a, #nav li.breadcrumb ul li a {color: #646464;}
                #nav li ul li.first {border-top: 0px solid #25346a; /*navy*/}
                #nav li ul li a:hover,	#nav li ul:not( :hover ) li.active a {color: #39a7f1; /*robin*/}
                
        /* Third Level */
		#nav li ul li ul {
		    display: none !important; visibility:hidden; margin: 0; padding: 0;
		}

		
                
@media screen and (max-width: 1200px) {
    #nav > ul > li > a {padding: 0px 38px 0px 38px;}
}
@media screen and (max-width: 1100px) {
    #nav > ul > li > a {padding: 0px 32px 0px 32px;}
}
@media screen and (max-width: 992px) {
    #nav > ul > li > a {	
				padding: 0px 26px 0px 26px;	
	            font-size: 18px;
	            line-height: 60px;
			}
}
@media screen and (max-width: 940px) {
    #nav > ul > li > a {	
				padding: 0px 20px 0px 20px;	
	            font-size: 17px;
	            line-height: 60px;
			}
}
@media screen and (max-width: 880px) {
	#BlueNavBar {padding: 15px 0px 0px 0px;}
    #LogoArea {float: none; clear: both; width: 100%; text-align: center;}
    #WestinghouseLogo {max-width: 200px; padding-bottom: 15px; display: inline-block; margin: 0 auto;}
    #NavArea {float: none; clear: both; width: 100%; text-align: right;}
	#nav > a {margin-top: -90px;}
	
	#nav:target > ul {display: none;}
	#nav
	{
	    width: 100%;
		position: static;
		margin: 0;
		position: relative;
		top: auto;
		left: auto;
		text-align: center;
	}
		#nav > a
		{
			width: 60px;
			height: 90px;
			text-align: left;
			text-indent: -9999px;
			position: relative;
			background: url(Images/mobile_menu_trigger.png) no-repeat 0 0;
		}
			/*#nav > a:before, #nav > a:after {position: absolute;	border: 2px solid #fff;	top: 35%; left: 25%; right: 25%; content: '';}
			#nav > a:after {top: 60%;}*/
		#nav:not( :target ) > a:first-of-type,	#nav:target > a:last-of-type {display: block;}

    /* First Level */
    #nav > ul {
	    height: auto;
	    display: none;
	    position: absolute;
	    left: 0;
	    right: 0;
    }
	    #nav:target > ul {display: block; z-index: 4005;}
	    
	    #nav > ul > li	{width: 100%; float: none;}
		    #nav > ul > li > a	{height: auto; width: 100%; padding: 0px 0px 0px 0px;}
			    #nav > ul > li:not( :last-child ) > a {
				    border-right: none;
				    border-bottom: 1px solid #000000;
				    width: 100%;
				    /*display: block;*/
			    }

    /* Second Level */
    #nav li ul	{position: static; text-align: center;
            padding: 0px 0px 0px 0px;
			min-width: 100%;
            border-left: 0px solid #eeeeee;
            border-right: 0px solid #eeeeee;
            border-bottom: 0px solid #eeeeee;}
    #nav li ul li a {text-align: center; /*padding: 0px 26px 0px 26px;*/}
    
    /* Third Level */
    #nav li ul li ul {display: none; visibility:hidden;}
}

/* ------ CONTENT AREA --------------------------------------------------------------- */
#ContentArea            {clear: both; margin: 25px 0px 40px 0px;}
#ContentAreaWidth       {max-width: 1224px; margin: 0 auto; background-color: #ffffff; padding-top: 28px;}
#ContentAreaWidth_Bread {max-width: 1224px; margin: 0 auto; background-color: #ffffff; padding-top: 2px;}

.BannerPane {clear: both; text-align: center; width: 96%; display: block; margin: 0 auto; position: relative;}
.BannerPane.dnnSortable.ui-sortable, .BannerPane.dnnSortable.ui-droppable {clear: both; text-align: center; width: 96%; display: block; margin: 0 auto; position: relative;}
.BannerPane img {width: 100%;}
.BannerPane .ModDNNArticleArticleViewC img {width: auto;}

.TopPane {clear: both; width: 94%; display: block; margin: 0 auto; position: relative;margin-top: 15px;margin-bottom: 25px;}
.TopPane.dnnSortable.ui-sortable, .TopPane.dnnSortable.ui-droppable {clear: both; width: 94%; display: block; margin: 0 auto; position: relative;margin-top: 15px;margin-bottom: 25px;}

/*------- BANNER SLIDESHOWS ---------------------------------------------------------*/
#outside {position: relative; width: 100%; margin: 0 auto; padding: 0;}
#prev {width: 1px; height: 1px;	border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #cccccc; text-indent: -9999px; position: absolute; bottom: 45%; left: -15px; z-index:2999;} 
#next {width: 1px; height: 1px;	border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #cccccc; text-indent: -9999px; position: absolute; bottom: 45%; right: -15px; z-index:2998;}

.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow { width: 100%; min-width: 200px; margin: auto; padding: 0; }

/* images */
.cycle-slideshow > a > img {width: 100%; position: static; display: block;}

/* divs (slides) */
.cycle-slideshow > div {margin: 0 auto; position: absolute; top: 0; left: 0; width: 100%; padding: 0; background-color: #ffffff;}
.cycle-slideshow > div > img{display: block; width: 100%;}
.banner-title  {position: absolute; top: 30%; width: 98%; padding: 1%; margin: 0 auto;}
.banner-title .banner-big-title,
.Normal .banner-title .banner-big-title a, .Normal .banner-title .banner-big-title a:link, .Normal .banner-title .banner-big-title a:active, .Normal .banner-title .banner-big-title a:visited, .Normal .banner-title .banner-big-title a:hover {     
    font-family: 'GothamCondensedMedium', Gotham Condensed Medium, "Gotham Condensed Medium", Impact, Arial, Helvetica, Sans-Serif; 
    font-size: 65px; line-height: 70px; 
    color: #ffffff; text-transform: uppercase; 
    margin: 0; clear: both; font-weight: normal; font-style: normal; letter-spacing: normal;
    text-shadow: 1px 1px 1px #000000;
    text-decoration: none;
} 
.banner-title .banner-sub-title,
.Normal .banner-title .banner-sub-title a, .Normal .banner-title .banner-sub-title a:link, .Normal .banner-title .banner-sub-title a:active, .Normal .banner-title .banner-sub-title a:visited, .Normal .banner-title .banner-sub-title a:hover {
    font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; 
    font-size: 25px; line-height: 35px; clear: both;color: #ffffff; text-transform: uppercase; text-shadow: 1px 1px 1px #000000; text-decoration: none;}  
    
/* pager */
#pager-area {position: absolute; bottom: 0px; height: 43px; display: block; width: 100%; z-index:2997;}
/*#pager-static-block {width: 20%; display: inline-block; float: left; height: 31px; margin-top: 12px; background-color: #000000; color: #ffffff; font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 31px; letter-spacing: normal; font-style: italic; text-transform: none; text-decoration: none;}*/
#per-slide-template {/*width: 80%; display: inline-block; float: right;*/ height: 43px;}
#per-slide-template > * {}
#per-slide-template a {display: inline-block; color: #ffffff; background: transparent url(Images/cycle_pager_bg.png) repeat-x center top;
                       font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 31px; letter-spacing: normal; font-style: italic; text-transform: none; text-decoration: none; padding-top: 12px;}
#per-slide-template a.cycle-pager-active {color: #e4573b; opacity: 1; filter:alpha(opacity=100); background: transparent url(Images/cycle_pager_active_arrow.png) no-repeat center top;}

/* number of slides determines width of each slide tab */
#pager-area .six a {width: 16.66%;}
#pager-area .five a {width: 20%;}
#pager-area .four a {width: 25%;}
#pager-area .three a {width: 33.33%;}
#pager-area .two a {width: 50%;}
#pager-area .one a {width: 100%;}

/* Landing shade */   
.banner-title-box-area {position: absolute; bottom: 35%; width: 100%;}
.banner-title-box {display: block; margin: 0 auto; width: 30%;
    border: 10px solid #ffffff; padding: 15px;
    font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; 
    font-size: 20px; line-height: 31px; color: #ffffff; text-transform: uppercase; text-shadow: 1px 1px 1px #000000;}  
.banner-title-box-product {font-size: 50px; line-height: 61px;}
.banner-more-info {display: block; position: absolute; bottom: 0; width: 50%; left: 25%; text-align: center; font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; 
    font-size: 15px; line-height: 31px; color: #ffffff; text-transform: none; font-style: italic; font-weight: normal; background: #000000 url(Images/level_1_shade_more_less_arrows.png) no-repeat center top; opacity: 0.7; filter:alpha(opacity=70);}  
.banner-more-info-box {position: absolute; bottom: 0; width: 50%; left: 25%; background-color: #000000; opacity: 0.9; filter:alpha(opacity=90); height: 98%; text-align: center; display: none;}
.banner-less-info {display: block; clear: both; width: 90%; margin: 0 auto; font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; 
    font-size: 15px; line-height: 31px; color: #ffffff; text-transform: none; font-style: italic; font-weight: normal; background: url(Images/level_1_shade_more_less_arrows.png) no-repeat center bottom; opacity: 1; filter:alpha(opacity=100);} 
.banner-more-info-box-title {display: block; clear: both; width: 90%; margin: 0 auto; font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; 
    font-size: 45px; line-height: 50px; color: #ffffff; text-transform: uppercase; font-style: normal; font-weight: normal; opacity: 1; filter:alpha(opacity=100); margin-top: 50px; margin-bottom: 20px;}
.banner-more-info-box-body {display: block; clear: both; width: 90%; margin: 0 auto; font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; 
    font-size: 15px; line-height: 20px; color: #ffffff; text-transform: none; font-style: italic; font-weight: normal; opacity: 1; filter:alpha(opacity=100);}
.banner-more-info-box-link a, .banner-more-info-box-link a:link, .banner-more-info-box-link a:visited, .banner-more-info-box-link a:active, .banner-more-info-box-link a:hover {display: inline-block; margin: 0 auto; font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; 
    font-size: 20px; line-height: 40px; color: #ffffff; text-transform: uppercase; font-style: normal; font-weight: normal; text-decoration: none; border: 1px solid #ffffff; padding: 10px 30px 10px 30px; opacity: 1; filter:alpha(opacity=100); margin-top: 20px;}
.banner-more-info-box-link a:hover {background-color: #ffffff; color: #ef5739; text-decoration: none;}

/* Mobile */
@media screen and (max-width: 1180px) {
    .banner-title-box {width: 35%; border: 9px solid #ffffff; padding: 14px; font-size: 19px; line-height: 29px;}  
    .banner-title-box-product {font-size: 45px; line-height: 56px;}
    .banner-more-info {width: 60%; left: 20%;}
    .banner-more-info-box {width: 60%; left: 20%;}
    .banner-more-info-box-title {font-size: 40px; line-height: 45px; margin-top: 30px; margin-bottom: 15px;}
    .banner-more-info-box-body {font-size: 14px; line-height: 19px;}
    .banner-more-info-box-link a, .banner-more-info-box-link a:link, .banner-more-info-box-link a:visited, .banner-more-info-box-link a:active, .banner-more-info-box-link a:hover 
    {font-size: 18px; line-height: 36px; padding: 10px 30px 10px 30px; margin-top: 15px;}
}  
@media screen and (max-width: 992px) {
    #per-slide-template a {font-size: 11px;}
    .banner-title-box {width: 40%; border: 8px solid #ffffff; padding: 13px; font-size: 18px; line-height: 28px;}  
    .banner-title-box-product {font-size: 40px; line-height: 51px;}
    .banner-more-info {width: 60%; left: 20%;}
    .banner-more-info-box {width: 60%; left: 20%;}
    .banner-more-info-box-title {font-size: 38px; line-height: 43px; margin-top: 20px; margin-bottom: 10px;}
    .banner-more-info-box-body {font-size: 14px; line-height: 19px;}
    .banner-more-info-box-link a, .banner-more-info-box-link a:link, .banner-more-info-box-link a:visited, .banner-more-info-box-link a:active, .banner-more-info-box-link a:hover 
    {font-size: 17px; line-height: 35px; padding: 8px 30px 8px 30px; margin-top: 10px;}
    .banner-title-box-area {bottom: 30%;}
} 
@media screen and (max-width: 768px) {
    #per-slide-template a {font-size: 10px;}
    .banner-title {top: 25%;}
    .banner-title .banner-big-title,
    .Normal .banner-title .banner-big-title a, .Normal .banner-title .banner-big-title a:link, .Normal .banner-title .banner-big-title a:active, .Normal .banner-title .banner-big-title a:visited, .Normal .banner-title .banner-big-title a:hover {     
        font-size: 55px; line-height: 60px;}
    .banner-title .banner-sub-title,
    .Normal .banner-title .banner-sub-title a, .Normal .banner-title .banner-sub-title a:link, .Normal .banner-title .banner-sub-title a:active, .Normal .banner-title .banner-sub-title a:visited, .Normal .banner-title .banner-sub-title a:hover {
        font-size: 20px; line-height: 30px;}
    .banner-title-box-area {bottom: 25%;}
    .banner-title-box {width: 50%; border: 5px solid #ffffff; padding: 12px; font-size: 16px; line-height: 28px;}  
    .banner-title-box-product {font-size: 30px; line-height: 41px;}
    .banner-more-info {display: none;}
    .banner-more-info-box {display: none;}
    .banner-more-info-box-link {display: none;}
}
@media screen and (max-width: 680px) {
    .banner-title {top: 20%;}
    .banner-title .banner-big-title,
    .Normal .banner-title .banner-big-title a, .Normal .banner-title .banner-big-title a:link, .Normal .banner-title .banner-big-title a:active, .Normal .banner-title .banner-big-title a:visited, .Normal .banner-title .banner-big-title a:hover {     
        font-size: 45px; line-height: 50px;}
    .banner-title .banner-sub-title,
    .Normal .banner-title .banner-sub-title a, .Normal .banner-title .banner-sub-title a:link, .Normal .banner-title .banner-sub-title a:active, .Normal .banner-title .banner-sub-title a:visited, .Normal .banner-title .banner-sub-title a:hover {
        font-size: 15px; line-height: 25px;}
    #pager-area {display: none;}
    .banner-title-box-area {bottom: 20%;}
    .banner-title-box {width: 60%; border: 3px solid #ffffff; padding: 8px; font-size: 14px; line-height: 20px;}
    .banner-title-box-product {font-size: 26px; line-height: 34px;}
    .banner-more-info-box-link {display: none;}
}
@media screen and (max-width: 480px) {
    .banner-title {top: 18%;}
    .banner-title .banner-big-title,
    .Normal .banner-title .banner-big-title a, .Normal .banner-title .banner-big-title a:link, .Normal .banner-title .banner-big-title a:active, .Normal .banner-title .banner-big-title a:visited, .Normal .banner-title .banner-big-title a:hover {     
        font-size: 25px; line-height: 30px;}
    .banner-title .banner-sub-title,
    .Normal .banner-title .banner-sub-title a, .Normal .banner-title .banner-sub-title a:link, .Normal .banner-title .banner-sub-title a:active, .Normal .banner-title .banner-sub-title a:visited, .Normal .banner-title .banner-sub-title a:hover {
        font-size: 10px; line-height: 15px;}
    .banner-title-box {display: none;}
    .banner-title-box-product {display: none;}
}

/* ------ HOME FEATURE AREA --------------------------------------------------------------- */
#FeatureArea {clear: both; width: 92%; display: block; margin: 0 auto; padding: 15px 0px 10px 0px;}
#FeatureAreaTitle {clear: both; width: 96%; margin: 0 auto; text-align: center; background: url(Images/dotted_bg_repeat.png) repeat-x center center; margin-bottom: 10px;}
#FeatureAreaWord {background-color: #ffffff; text-align: center; width: auto; min-width: 100px; display: inline-block; padding: 0px 15px 0px 15px; margin: 0 auto;}
.FeatureTitlePane .Normal {font-size: 15px; line-height: 31px; text-transform: uppercase; color: #646464; font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; margin: 0; font-weight: normal; font-style: normal; letter-spacing: 2px; }

#FeatureCol1, #FeatureCol2, #FeatureCol3, #FeatureCol4 {float: left; display: block; width: 25%;}
.FeaturePane {padding-left: 11%; padding-right: 11%; margin-bottom: 25px;}
.FeaturePane.dnnSortable.ui-sortable, .FeaturePane.dnnSortable.ui-droppable {padding-left: 11%; padding-right: 11%; margin-bottom: 25px;}
.FeaturePane img {width: 100%; max-width: 100%;}
.FeaturePane .ModDynamicFormsC img {width:auto;}

#FeatureCol1_Landing .FeaturePane .Normal, #FeatureCol1_Landing .FeaturePane .Normal p,
#FeatureCol2_Landing .FeaturePane .Normal, #FeatureCol2_Landing .FeaturePane .Normal p,
#FeatureCol1 .FeaturePane .Normal, #FeatureCol1 .FeaturePane .Normal p, 
#FeatureCol2 .FeaturePane .Normal, #FeatureCol2 .FeaturePane .Normal p,
#FeatureCol3 .FeaturePane .Normal, #FeatureCol3 .FeaturePane .Normal p,
#FeatureCol4 .FeaturePane .Normal, #FeatureCol4 .FeaturePane .Normal p,
#FeatureCol5 .FeaturePane .Normal, #FeatureCol5 .FeaturePane .Normal p,
#FeatureCol1_Bottom .FeaturePane .Normal, #FeatureCol1_Bottom .FeaturePane .Normal p, 
#FeatureCol2_Bottom .FeaturePane .Normal, #FeatureCol2_Bottom .FeaturePane .Normal p,
#FeatureCol3_Bottom .FeaturePane .Normal, #FeatureCol3_Bottom .FeaturePane .Normal p,
#FeatureCol4_Bottom .FeaturePane .Normal, #FeatureCol4_Bottom .FeaturePane .Normal p,
#FeatureCol5_Bottom .FeaturePane .Normal, #FeatureCol5_Bottom .FeaturePane .Normal p {font-size: 11px; line-height: 19px;}

#FeatureCol1_Landing .FeaturePane .Normal p,
#FeatureCol2_Landing .FeaturePane .Normal p,
#FeatureCol1 .FeaturePane .Normal p,
#FeatureCol2 .FeaturePane .Normal p,
#FeatureCol3 .FeaturePane .Normal p,
#FeatureCol4 .FeaturePane .Normal p,
#FeatureCol5 .FeaturePane .Normal p,
#FeatureCol1_Bottom .FeaturePane .Normal p,
#FeatureCol2_Bottom .FeaturePane .Normal p,
#FeatureCol3_Bottom .FeaturePane .Normal p,
#FeatureCol4_Bottom .FeaturePane .Normal p,
#FeatureCol5_Bottom .FeaturePane .Normal p {margin: 0px 0px 19px 0px;}

#FeatureCol1_Landing .FeaturePane .Normal .DNNModuleContent a, 
#FeatureCol2_Landing .FeaturePane .Normal .DNNModuleContent a,
#FeatureCol1 .FeaturePane .Normal .DNNModuleContent a,
#FeatureCol2 .FeaturePane .Normal .DNNModuleContent a,
#FeatureCol3 .FeaturePane .Normal .DNNModuleContent a,
#FeatureCol4 .FeaturePane .Normal .DNNModuleContent a,
#FeatureCol5 .FeaturePane .Normal .DNNModuleContent a,
#FeatureCol1_Bottom .FeaturePane .Normal .DNNModuleContent a,
#FeatureCol2_Bottom .FeaturePane .Normal .DNNModuleContent a,
#FeatureCol3_Bottom .FeaturePane .Normal .DNNModuleContent a,
#FeatureCol4_Bottom .FeaturePane .Normal .DNNModuleContent a,
#FeatureCol5_Bottom .FeaturePane .Normal .DNNModuleContent a, 
#FeatureFiveCols .FeaturePane .Normal .DNNModuleContent a, 
#FeatureFourCols .FeaturePane .Normal .DNNModuleContent a, 
#FeatureThreeCols .FeaturePane .Normal .DNNModuleContent a, 
#FeatureTwoCols .FeaturePane .Normal .DNNModuleContent a 
{color: #e74c3c; font-size: 11px; line-height: 19px; background: url(Images/link_arrow.png) no-repeat right center; padding: 0px 10px 0px 0px;}

/* Mobile */
@media screen and (max-width: 768px) {
    #FeatureCol2 {clear: right;}
    #FeatureCol3 {clear: left;}
    #FeatureCol1, #FeatureCol2, #FeatureCol3, #FeatureCol4 {width: 50%;}
    .FeaturePane {padding-left: 8%; padding-right: 8%;}
    .FeaturePane.dnnSortable.ui-sortable, .FeaturePane.dnnSortable.ui-droppable {padding-left: 8%; padding-right: 8%;}
}
@media screen and (max-width: 480px) {
    .FeaturePane {padding-left: 4%; padding-right: 4%;}
    .FeaturePane.dnnSortable.ui-sortable, .FeaturePane.dnnSortable.ui-droppable {padding-left: 4%; padding-right: 4%;}
}

/* ------ HOME CONTENT AND NEWS AREA ------------------------------------------------- */
#MainAndNewsArea {clear: both; border-top: 10px solid #eeeeee; background: url(Images/gray_10px_vertical_border.png) repeat-y top center;}
#MainAndNewsAreaWidth {clear: both; width: 96%; display: block; margin: 0 auto;}
#MainArea {float: left; width: 49%;}
.ContentPane {margin-top: 15px; margin-bottom: 15px; margin-left: 2%; margin-right: 2%;}
.ContentPane.dnnSortable.ui-sortable, .ContentPane.dnnSortable.ui-droppable {margin-top: 15px; margin-bottom: 15px; margin-left: 2%; margin-right: 2%;}

#NewsArea {float: right; width: 49%;}
#NewsAreaTitle {clear: both; background: url(Images/dotted_bg_repeat.png) repeat-x bottom left; margin-top: 15px; margin-bottom: 15px; margin-left: 2%; margin-right: 2%;}
#NewsAreaWord {}
.NewsTitlePane .Normal {font-size: 22px; line-height: 31px; text-transform: uppercase; color: #232323; font-family: 'GothamCondensedMedium', Gotham Condensed Medium, "Gotham Condensed Medium", Impact, Arial, Helvetica, Sans-Serif; margin: 0; font-weight: normal; font-style: normal; letter-spacing: 2px;} 
.NewsTitlePane .Normal a, .NewsTitlePane .Normal a:link, .NewsTitlePane .Normal a:visited, .NewsTitlePane .Normal a:active, .NewsTitlePane .Normal a:hover {float: right; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 31px; color: #e74c3c; text-transform: none; text-decoration: none; letter-spacing: normal;background: url(Images/link_arrow.png) no-repeat right center; padding: 0px 10px 0px 0px;}
    .NewsTitlePane .Normal a:hover {text-decoration: underline;}

#NewsCol1, #NewsCol2 {float: left; display: block;}
#NewsCol1 {width: 47%; margin-left: 2%;}
#NewsCol2 {width: 46%; margin-left: 3%; margin-right: 2%;}
.NewsPane {}
.NewsPane.dnnSortable.ui-sortable, .NewsPane.dnnSortable.ui-droppable {}

/* DNNArticle News Feed */
.article-news-feed-post, .Normal .article-news-feed-post {padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #eeeeee; clear: both;}
.article-news-feed-date, .Normal .article-news-feed-date {
    float: left; 
    height: 50px; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    width: 20%; 
    display: inline-block; 
    background-color: #2F89C6; 
    /*color: #616161;*/
    color: #ffffff;
    font-family: Gotham Condensed Medium, 'GothamCondensedMedium', Arial, Helvetica, Sans-Serif; 
    font-size: 16px; line-height: 25px; 
    text-align: center; 
    margin-right: 2%;
    letter-spacing: 1px;
}
.article-news-feed-link, .Normal a.article-news-feed-link, .Normal a.article-news-feed-link:link, .Normal a.article-news-feed-link:active, .Normal a.article-news-feed-link:visited, .Normal a.article-news-feed-link:hover {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px; line-height: 16px; 
    font-weight: bold; 
    color: #232323;
    
    display:inline-block;
	vertical-align:top;
	width: 78%;
	float: right;
}

/* Social Feed (Twitter & Facebook combined) */
.loading {background: url(Images/loading.gif) no-repeat center center; height: 60px;}
.post{clear: both; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #eeeeee; display: block;}
	
div[class*='icon'] {
		display:inline-block;
		vertical-align:top;
		margin-right: 2%;
		float: left;
	}
.icon_twitter {
	width:20%;
	height:60px;
	background: #2F89C6 url(Images/home_social_twitter_white.png) no-repeat center center;
} 
.icon_facebook {
	width:20%;
	height:60px;
	background: #2F89C6 url(Images/home_social_facebook_white.png) no-repeat center center;
}
.post .content {
	display:inline-block;
	vertical-align:top;
	width: 78%;
	float: right;
	
	color: #232323;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
}
.post .content a, .post .content a:link, .post .content a:active, .post .content a:visited, .post .content a:hover {
    color: #ec7063; 
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
}
.post .content a:hover {
	text-decoration: underline;
}
.post .date {
    display:inline-block;
	vertical-align:top;
	width: 78%;
	float: right;
	
    color: #828282;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
}
	
/* Mobile */
@media screen and (max-width: 768px) {
    #MainAndNewsArea {background: none;}
    #MainAndNewsAreaWidth {clear: both; width: 100%;}
    #MainArea, #NewsArea {clear: both; float: none; width: 100%; display: block; margin: 0 auto;}
    #NewsArea {border-top: 10px solid #eeeeee;}
}

.cmdRSS {clear: both; display: block;}

/* ------ CAREERS - HOME ---------------------------------------------------- */
#FeatureArea_Careers {clear: both; width: 98%; display: block; margin: 0 auto; padding: 15px 0px 0px 0px;}
#FeatureArea_Careers #FeatureCol1, #FeatureArea_Careers #FeatureCol2, #FeatureArea_Careers #FeatureCol3, #FeatureArea_Careers #FeatureCol4, #FeatureArea_Careers #FeatureCol5 {float: left; display: block; width: 20%;}
#FeatureFiveCols, #FeatureFourCols, #FeatureThreeCols, #FeatureTwoCols, 
#ContentTwoCols {clear:both;display:block;}

/* ------ REGIONAL - HOME ---------------------------------------------------- */
.RegionalContentPane {clear: both; width: 96%; display: block; margin: 0 auto; padding: 15px 0px 0px 0px;}
.RegionalContentPane.dnnSortable.ui-sortable, .RegionalContentPane.dnnSortable.ui-droppable {padding-top: 15px; clear: both; width: 96%; margin: 0 auto;}

#FeatureFiveCols #Five_FeatureCol1, #FeatureFiveCols #Five_FeatureCol2, #FeatureFiveCols #Five_FeatureCol3, #FeatureFiveCols #Five_FeatureCol4, #FeatureFiveCols #Five_FeatureCol5 {float: left; display: block; width: 20%;}
#FeatureFourCols #Four_FeatureCol1, #FeatureFourCols #Four_FeatureCol2, #FeatureFourCols #Four_FeatureCol3, #FeatureFourCols #Four_FeatureCol4 {float: left; display: block; width: 25%;}
#FeatureThreeCols #Three_FeatureCol1, #FeatureThreeCols #Three_FeatureCol2, #FeatureThreeCols #Three_FeatureCol3 {float: left; display: block; width: 33.33%;}
#FeatureTwoCols #Two_FeatureCol1, #FeatureTwoCols #Two_FeatureCol2,  
#Two_ContentCol1, #Two_ContentCol2 {float: left; display: block; width: 50%;}

#FeatureArea_Careers .FeaturePane {padding-left: 5%; padding-right: 5%; margin-bottom: 25px;}
#FeatureArea_Careers .FeaturePane.dnnSortable.ui-sortable, .FeaturePane.dnnSortable.ui-droppable {padding-left: 5%; padding-right: 5%;}

/* Mobile */
@media screen and (max-width: 992px) {
    #FeatureArea_Careers .FeaturePane {padding-left: 4%; padding-right: 4%;}
    #FeatureArea_Careers .FeaturePane.dnnSortable.ui-sortable, .FeaturePane.dnnSortable.ui-droppable {padding-left: 4%; padding-right: 4%;}
}
@media screen and (max-width: 768px) {
    #FeatureArea_Careers #FeatureCol3 {clear: right;}
    #FeatureArea_Careers #FeatureCol4 {clear: left;}
    #FeatureArea_Careers #FeatureCol1, #FeatureArea_Careers #FeatureCol2, #FeatureArea_Careers #FeatureCol3, #FeatureArea_Careers #FeatureCol4, #FeatureArea_Careers #FeatureCol5 {width: 33.33%;}
    #FeatureArea_Careers .FeaturePane {padding-left: 8%; padding-right: 8%;}
    #FeatureArea_Careers .FeaturePane.dnnSortable.ui-sortable, .FeaturePane.dnnSortable.ui-droppable {padding-left: 8%; padding-right: 8%;}
    
    /* Regional */
    #FeatureFiveCols #Five_FeatureCol3 {clear:right;}
    #FeatureFiveCols #Five_FeatureCol4 {clear:left;}
    #FeatureFiveCols #Five_FeatureCol1, #FeatureFiveCols #Five_FeatureCol2, #FeatureFiveCols #Five_FeatureCol3, #FeatureFiveCols #Five_FeatureCol4, #FeatureFiveCols #Five_FeatureCol5 {width: 33.33%;}

    #FeatureFourCols #Four_FeatureCol3 {clear:right;}
    #FeatureFourCols #Four_FeatureCol4 {clear:left;}
    #FeatureFourCols #Four_FeatureCol1, #FeatureFourCols #Four_FeatureCol2, #FeatureFourCols #Four_FeatureCol3, #FeatureFourCols #Four_FeatureCol4 {width: 33.33%;}
    
    /* 3 & 2 unnecessary */
}
@media screen and (max-width: 480px) {
    #FeatureArea_Careers #FeatureCol2 {clear: right;}
    #FeatureArea_Careers #FeatureCol3 {clear: left;}
    #FeatureArea_Careers #FeatureCol4 {clear: right;}
    #FeatureArea_Careers #FeatureCol5 {clear: left;}
    #FeatureArea_Careers #FeatureCol1, #FeatureArea_Careers #FeatureCol2, #FeatureArea_Careers #FeatureCol3, #FeatureArea_Careers #FeatureCol4, #FeatureArea_Careers #FeatureCol5 {width: 50%;}

    /* Regional */
    #FeatureFiveCols #Five_FeatureCol2 {clear:right;}
    #FeatureFiveCols #Five_FeatureCol3 {clear:left;}
    #FeatureFiveCols #Five_FeatureCol4 {clear:right;}
    #FeatureFiveCols #Five_FeatureCol5 {clear:left;}
    #FeatureFiveCols #Five_FeatureCol1, #FeatureFiveCols #Five_FeatureCol2, #FeatureFiveCols #Five_FeatureCol3, #FeatureFiveCols #Five_FeatureCol4, #FeatureFiveCols #Five_FeatureCol5 {width: 50%;}

    #FeatureFourCols #Four_FeatureCol2 {clear:right;}
    #FeatureFourCols #Four_FeatureCol3 {clear:left;}
    #FeatureFourCols #Four_FeatureCol4 {clear:right;}
    #FeatureFourCols #Four_FeatureCol1, #FeatureFourCols #Four_FeatureCol2, #FeatureFourCols #Four_FeatureCol3, #FeatureFourCols #Four_FeatureCol4 {width: 50%;}

    #FeatureThreeCols #Three_FeatureCol2 {clear:right;}
    #FeatureThreeCols #Three_FeatureCol3 {clear:left;}
    #FeatureThreeCols #Three_FeatureCol1, #FeatureThreeCols #Three_FeatureCol2, #FeatureThreeCols #Three_FeatureCol3 {width: 50%;}

    #FeatureTwoCols #Two_FeatureCol1, 
    #ContentTwoCols #Two_ContentCol1, #ContentTwoCols #Two_ContentCol2 {clear:right;}
    #FeatureTwoCols #Two_FeatureCol2, 
    #ContentTwoCols #Two_ContentCol1, #ContentTwoCols #Two_ContentCol2 {clear:left;}
    #FeatureTwoCols #Two_FeatureCol1, #FeatureTwoCols #Two_FeatureCol2,
    #ContentTwoCols #Two_ContentCol1, #ContentTwoCols #Two_ContentCol2 {width: 100%;}
}

#MainContentArea {clear: both; display: block; border-top: 10px solid #eeeeee;}
#MainContentAreaWidth {clear: both; width: 96%; display: block; margin: 0 auto;}

#MainContentAreaWidth .ContentPane {padding-top: 15px; padding-bottom: 15px; margin-top: 0px; margin-bottom: 0px; margin-left: 2%; margin-right: 2%;}
#MainContentAreaWidth .ContentPane.dnnSortable.ui-sortable, #MainContentAreaWidth .ContentPane.dnnSortable.ui-droppable {margin-top: 15px; margin-bottom: 15px; margin-left: 2%; margin-right: 2%;}

#MainContentAreaWidth .BottomPane {padding-top: 15px; padding-bottom: 15px; margin-top: 0px; margin-bottom: 0px; margin-left: 0%; margin-right: 0%;}
#MainContentAreaWidth .BottomPane.dnnSortable.ui-sortable, #MainContentAreaWidth .BottomPane.dnnSortable.ui-droppable {padding-top: 15px; padding-bottom: 15px; margin-top: 0px; margin-bottom: 0px; margin-left: 0%; margin-right: 0%;}

/* ------ BREADCRUMBS --------------------------------------------------------------- */
#BreadSocialArea {clear: both; width: 96%; display: block; margin: 0 auto;}

#BreadcrumbArea {
    float: left; display: block;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #b8b8b8;
    font-size: 10px;
    line-height: 31px;
    font-weight: normal;
    text-decoration: none;
}
#BreadcrumbArea a, #BreadcrumbArea a.BreadcrumbLink:link, #BreadcrumbArea a.BreadcrumbLink:visited, #BreadcrumbArea a.BreadcrumbLink:active {color: #b8b8b8;text-decoration: none;}
    #BreadcrumbArea a:hover, #BreadcrumbArea a.BreadcrumbLink:hover {color: /*#3498db*/ #2f89c6; text-decoration: none;}

#BreadcrumbArea a:last-child, #BreadcrumbArea a.BreadcrumbLink:last-child {color: /*#3498db*/ #2f89c6;}

/* ------ SOCIAL SHARING --------------------------------------------------------------- */
#AddThisArea {float: right; display: block; width: 139px; padding: 7px 0px 5px 0px;}
#ShareThisText {
    float: left; 
    display: block; 
    font-family: Arial, Helvetica, Sans-Serif;
    color: #b8b8b8;
    font-size: 10px;
    line-height: 20px;
    font-weight: normal;
    text-decoration: none;}

/* ------ LANDING -------------------------------------------------------------------- */
#MainAndFeatureAreaWidth_Landing {clear: both; width: 96%; display: block; margin: 0 auto;}
#MainArea_Landing {float: left; width: 52%;}

#FeatureArea_Landing {float: right; width: 42%; padding-top: 42px;}
#FeatureAreaTitle_Landing {clear: both; width: 100%; margin: 0 auto; text-align: center; background: url(Images/dotted_bg_repeat.png) repeat-x center center; margin-bottom: 10px;}
#FeatureAreaWord_Landing {background-color: #ffffff; text-align: center; width: auto; min-width: 100px; display: inline-block; padding: 0px 15px 0px 15px; margin: 0 auto;}
.FeatureTitlePane_Landing .Normal {font-size: 15px; line-height: 31px; text-transform: uppercase; color: #646464; font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; margin: 0; font-weight: normal; font-style: normal; letter-spacing: 2px;}

#FeatureCol1_Landing, #FeatureCol2_Landing {float: left; display: block; width: 50%;}
#FeatureCol2_Landing {float: right;}
#FeatureCol1_Landing .FeaturePane {padding-left: 0px; padding-right: 10%; margin-bottom: 25px;}
#FeatureCol2_Landing .FeaturePane {padding-left: 10%; padding-right: 0px; margin-bottom: 25px;}
#FeatureCol2_Landing .FeaturePane.dnnSortable.ui-sortable, #FeatureCol2_Landing .FeaturePane.dnnSortable.ui-droppable {padding-left: 5%; padding-right: 5%;}

/* Mobile */
@media screen and (max-width: 768px) {
    #MainArea_Landing {float: left; width: 62%;}
    #FeatureArea_Landing {float: right; width: 32%; padding-top: 42px;}
    #FeatureAreaWord_Landing {width: auto;}
    .FeatureTitlePane_Landing .Normal {font-size: 15px; line-height: 24px;}
    #FeatureCol1_Landing, #FeatureCol2_Landing {width: 100%; clear: both;}
    #FeatureCol1_Landing .FeaturePane {padding-left: 0px; padding-right: 0px;}
    #FeatureCol2_Landing .FeaturePane {padding-left: 0px; padding-right: 0px;}
    #FeatureCol2_Landing .FeaturePane.dnnSortable.ui-sortable, #FeatureCol2_Landing .FeaturePane.dnnSortable.ui-droppable {padding-left: 0px; padding-right: 0px;}
}
@media screen and (max-width: 480px) {
    #MainArea_Landing {clear: both; float: none; width: 100%;}
    #FeatureArea_Landing {clear: both; float: none; width: 100%; padding-top: 42px;}
    #FeatureCol1_Landing, #FeatureCol2_Landing {clear: none; float: left; display: block; width: 50%;}
    #FeatureCol2_Landing {float: right;}
    #FeatureCol1_Landing .FeaturePane {padding-left: 0px; padding-right: 5%; margin-bottom: 25px;}
    #FeatureCol2_Landing .FeaturePane {padding-left: 5%; padding-right: 0px; margin-bottom: 25px;}
    #FeatureCol2_Landing .FeaturePane.dnnSortable.ui-sortable, #FeatureCol2_Landing .FeaturePane.dnnSortable.ui-droppable {padding-left: 5%; padding-right: 0px; margin-bottom: 25px;}
}

/* ------ DEFAULT -------------------------------------------------------------------- */
#BothCols_Default           {clear: both; width: 96%; display: block; margin: 0 auto; border-top: 1px solid #dfdfdf; padding-top: 6px;}
    .BothCols_Default_NoLine{border-top: 0px solid #dfdfdf !important; padding-top: 0px !important;}
#LeftCol_Default {float: left; display: block; width: 18%;}

#RootPageName {font-family: 'GothamCondensedMedium', Gotham Condensed Medium, "Gotham Condensed Medium", Impact, Arial, Helvetica, Sans-Serif; font-size: 45px; line-height: 39px; color: #111111; text-transform: uppercase; clear: both; display: block; padding: 3px 0px 13px 0px;}
#SideNavArea {clear: both;}
#BelowNavArea {clear: both; margin-top: 20px;}

#RightCol_Default {float: right; display: block; width: 80%;}
.BannerPane_Default {clear: both; text-align: center; width: 100%; display: block; margin: 0 auto;}
.BannerPane_Default img {width: 100%;}
.BannerPane_Default .ModDNNArticleArticleViewC img {width: auto;}

.ContentPane_Default {clear: both; margin-top: 15px; margin-bottom: 30px; margin-left: 1%;}
.ContentPane_Default.dnnSortable.ui-sortable, .ContentPane_Default.dnnSortable.ui-droppable {margin-top: 15px; margin-bottom: 30px; margin-left: 1%;}

.ContentPane_Products {clear: both; margin-top: 15px; margin-left: 1%;}
.ContentPane_Products.dnnSortable.ui-sortable, .ContentPane_Products.dnnSortable.ui-droppable {margin-top: 15px; margin-left: 1%;}

#MainAndFeatureAreaWidth_Default {clear: both; width: 100%; display: block; margin: 0 auto; margin-bottom: 30px;}

#MainArea_Default {float: left; width: 56%;}
#MainArea_Products {float: left; width: 52%;}

.LeftPane {margin-top: 15px; margin-bottom: 15px; margin-left: 1%;}
.LeftPane.dnnSortable.ui-sortable, .LeftPane.dnnSortable.ui-droppable {margin-top: 15px; margin-bottom: 15px; margin-left: 1%;}

/* Feature Area - Right */
#FeatureArea_Right {float: right; width: 38%; padding-top: 42px;}
#FeatureArea_Right_Default {float: right; width: 37%; padding-top: 42px;}
#FeatureArea_Right_Products {float: right; width: 43%; padding-top: 0px; margin-top: 15px; margin-bottom: 15px;}

#FeatureAreaTitle_Right {clear: both; width: 100%; margin: 0 auto; text-align: center; background: url(Images/dotted_bg_repeat.png) repeat-x center center; margin-bottom: 10px;}
#FeatureAreaWord_Right {background-color: #ffffff; text-align: center; width: auto; min-width: 100px; display: inline-block; padding: 0px 15px 0px 15px; margin: 0 auto;}
.FeatureTitlePane_Right {margin-top: 10px;}
.FeatureTitlePane_Right.dnnSortable.ui-sortable, .FeatureTitlePane_Right.dnnSortable.ui-droppable {margin-top: 10px;}
.FeatureTitlePane_Right .Normal {font-size: 15px; line-height: 31px; text-transform: uppercase; color: #646464; font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; margin: 0; font-weight: normal; font-style: normal; letter-spacing: 2px;}

#FeatureCol1_Right {float: none; display: block; width: 100%; clear: both;}
#FeatureCol1_Right .FeaturePane {padding-left: 0px; padding-right: 0px; margin-bottom: 25px;}
#FeatureCol1_Right .FeaturePane.dnnSortable.ui-sortable, #FeatureCol1_Right .FeaturePane.dnnSortable.ui-droppable {padding-left: 0px; padding-right: 0px;}

/* Features container */
.FeaturePane .Features {display: block; margin-bottom: 19px;}
.FeaturePane .Features img {width: 40%; float: left; margin: 0 3% 0 0;}
.FeaturePane .Features h3, #FeatureCol1_Right .FeaturePane .Features .Normal h3 {margin-top: 0px; padding-top: 0px;}

/* Features container - Mobile */
@media screen and (max-width: 768px) {
    .FeaturePane .Features img {width: 43%; float: left; margin: 0 3% 0 0;}
}

/* Gray_Box container */
.Gray_Box {background-color: #eeeeee; padding: 5%; display: block; margin-bottom: 19px;}
/*.FeaturePane .Gray_Box .Normal, .FeaturePane .Gray_Box .Normal p {font-size: 13px; line-height: 20px;}
.FeaturePane .Gray_Box .Normal p {margin: 0px 0px 20px 0px;}*/
.FeaturePane .Gray_Box .Normal a {color: #3498db; background: none; padding: 0px 0px 0px 0px;}

/* Blue_Title container */
.Blue_Title_Bar {background-color: #3498db; padding: 3% 5% 3% 5%; display: block;}
.Blue_Title_Bar h4, .Blue_Title_Bar .Normal h4 {color: #ffffff;}
/*.FeaturePane .Blue_Title_Bar .Normal, .FeaturePane .Blue_Title_Bar .Normal p {font-size: 13px; line-height: 20px;}
.FeaturePane .Blue_Title_Bar .Normal p {margin: 0px 0px 20px 0px;}*/
.FeaturePane .Blue_Title_Bar .Normal a {color: #3498db; background: none; padding: 0px 0px 0px 0px;}

.BottomPane_Default {padding-top: 0px; padding-bottom: 30px; margin-top: 0px; margin-bottom: 0px; margin-left: 0%; margin-right: 0%;}
.BottomPane_Default.dnnSortable.ui-sortable, .BottomPane_Default.dnnSortable.ui-droppable {padding-top: 0px; padding-bottom: 30px; margin-top: 0px; margin-bottom: 0px; margin-left: 0%; margin-right: 0%;}

/* Feature Area - Bottom */
#FeatureArea_Bottom {clear: both; margin-left: 1%; margin-right: 0%;}
#FeatureAreaTitle_Bottom {clear: both; text-align: left; background: url(Images/dotted_bg_repeat.png) repeat-x center center; display: block;}
#FeatureAreaWord_Bottom {background-color: #ffffff; text-align: left; margin: 0; height: auto; width: auto; min-width: 100px; display: inline-block; padding: 0px 15px 0px 0px;}
.FeatureTitlePane_Bottom {margin-top: 10px; margin-bottom: 15px;}
.FeatureTitlePane_Bottom.dnnSortable.ui-sortable, .FeatureTitlePane_Bottom.dnnSortable.ui-droppable {margin-top: 10px; margin-bottom: 15px;}
.FeatureTitlePane_Bottom .Normal {font-size: 15px; line-height: 31px; text-transform: uppercase; color: #646464; font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; margin: 0; font-weight: normal; font-style: normal; letter-spacing: 2px;}

#FeatureCol1_Bottom, #FeatureCol2_Bottom, #FeatureCol3_Bottom {float: left; display: block; width: 33.33%;}
#FeatureArea_Bottom .FeaturePane {padding-left: 0%; padding-right: 11%; margin-bottom: 25px;}
#FeatureArea_Bottom .FeaturePane.dnnSortable.ui-sortable, #FeatureArea_Bottom .FeaturePane.dnnSortable.ui-droppable {padding-left: 0%; padding-right: 11%; margin-bottom: 25px;}

#FeatureColAll_Bottom {clear:both; display: block;}
#FeatureArea_Bottom #FeatureColAll_Bottom .FeaturePane {padding-left: 0%; padding-right: 0%; margin-bottom: 25px;}
#FeatureArea_Bottom #FeatureColAll_Bottom .FeaturePane.dnnSortable.ui-sortable, #FeatureArea_Bottom #FeatureColAll_Bottom .FeaturePane.dnnSortable.ui-droppable {padding-left: 0%; padding-right: 0%; margin-bottom: 25px;}

/* Mobile */
@media screen and (max-width: 1200px) {
    #RootPageName {font-size: 40px; line-height: 34px;}
}
@media screen and (max-width: 992px) {
    #RootPageName {font-size: 35px; line-height: 29px;}
}
@media screen and (max-width: 860px) {
    
    #MainArea_Default {clear: both; float: none; width: 100%;}
    #MainArea_Default {clear: both; float: none; width: 100%;}
    #MainArea_Products {clear: both; float: none; width: 100%;}
    
    #FeatureArea_Right {clear: both; float: none; width: 100%; padding-top: 42px;}
    #FeatureArea_Right_Default {clear: both; float: none; width: 100%; padding-top: 42px;}
    #FeatureArea_Right_Products {clear: both; float: none; width: 100%; padding-top: 0px;}
    #FeatureCol1_Right .FeaturePane {padding-left: 1%; padding-right: 1%;}
    #FeatureCol1_Bottom, #FeatureCol2_Bottom, #FeatureCol3_Bottom {clear: both; float: none; display: block; width: 100%;}
    
    #FeatureArea_Bottom .FeaturePane {padding-left: 2%; padding-right: 2%; margin-bottom: 25px;}
    #FeatureArea_Bottom .FeaturePane.dnnSortable.ui-sortable, #FeatureArea_Bottom .FeaturePane.dnnSortable.ui-droppable {padding-left: 2%; padding-right: 2%; margin-bottom: 25px;}

    #FeatureArea_Bottom #FeatureColAll_Bottom .FeaturePane {padding-left: 0%; padding-right: 0%;}
    #FeatureArea_Bottom #FeatureColAll_Bottom .FeaturePane.dnnSortable.ui-sortable, #FeatureArea_Bottom #FeatureColAll_Bottom .FeaturePane.dnnSortable.ui-droppable {padding-left: 0%; padding-right: 0%;}

}
@media screen and (max-width: 480px) {
    #LeftCol_Default {float: none; width: 100%; clear: both;}
    #RightCol_Default {float: none; width: 100%; clear: both;}
    
    .ContentPane_Default {margin-left: 1%; margin-right: 1%;}
    .ContentPane_Products {margin-left: 1%; margin-right: 1%;} 
}

/* ------ STORIES -------------------------------------------------------------------- */
.StoriesBlock {width: 31.33%; float: left; display: block; margin-right: 2%; margin-bottom: 15px;}
.StoriesBlock_ImageLink img {width: 100%;}
.gray_text_callout { padding: 15px; width: 300px; margin-bottom: 15px; margin-left: 25px; float: right; display: block; max-width: 90%; background-color: #eeeeee; }
.feature-blue-gray-box { padding: 0; width: 300px; margin-bottom: 25px; margin-left: 50px; float: right; display: block; max-width: 90%; background-color: #eeeeee; clear:right;}

@media screen and (max-width: 600px) {
    .gray_text_callout { padding: 15px 3% 15px 3%; width: 94%; margin-bottom: 15px; margin-left: 0px; float: none; max-width: 94%; }
	.feature-blue-gray-box { width: 100%; margin-left: 0; margin-bottom: 25px; float: none; max-width: 100%; clear:both;}
}

/* ------ BLOG ----------------------------------------------------------- */
.blog-post-thumbnail {float: right; margin-left: 20px; margin-top: 10px; margin-bottom: 10px;}
.FeaturePane .ModDNNUserArticlesUserListC img {width:auto;}

/* ------ PRODUCTS -------------------------------------------------------------------- */
.ProductPane_Right {padding-left: 0%; padding-right: 0%; margin-bottom: 25px;}
.ProductPane_Right.dnnSortable.ui-sortable, .ProductPane_Right.dnnSortable.ui-droppable {padding-left: 0%; padding-right: 0%; margin-bottom: 25px;}
.ProductPane_Right img {}
.ProductPane_Right .Normal, .ProductPane_Right .Normal p {font-size: 13px; line-height: 20px;}
.ProductPane_Right .Normal p {margin: 0px 0px 20px 0px;}
.ProductPane_Right .Normal a {}

.products_black_bar {background: #000000 url(Images/products_back_button.png) no-repeat left center; color: #ffffff; clear: both; display: block; margin-top: 4px; margin-bottom: 20px; padding: 13px 20px 13px 25px;}
.products_back_button {display: block; float: left; text-align: left;}
.products_back_button, .products_back_button a, .products_back_button .Normal a, .products_back_button .Normal a:link, .products_back_button .Normal a:active, .products_back_button .Normal a:visited, .products_back_button .Normal a:hover,
.products_back_button .CommandButton, .products_back_button a.CommandButton, .products_back_button .Normal a.CommandButton, .products_back_button .Normal a.CommandButton:link, .products_back_button .Normal a.CommandButton:active, .products_back_button .Normal a.CommandButton:visited, .products_back_button .Normal a.CommandButton:hover  
{color: #ffffff; text-decoration: none; font-family: 'GothamCondensedMedium', Gotham Condensed Medium, "Gotham Condensed Medium", Impact, Arial, Helvetica, Sans-Serif; font-size: 19px; line-height: 19px; margin: 0; font-weight: normal; font-style: normal; letter-spacing: normal; text-align: left; display: inline;}
.products_back_button .CommandButton:hover, .products_back_button a.CommandButton:hover, .products_back_button .Normal a.CommandButton:hover {color:#858585}
.products_print_button {display: block; float: right; text-align: right;}
.products_header {text-align: right;}

.left_column  {float: left; width: 49%; display: block;}
.right_column {float: right; width: 45%; display: block;}
.products_gallery_title_area {
    clear: both;
    text-align: left;
    background: url(Images/dotted_bg_repeat.png) repeat-x center center;
    display: block;}
.products_gallery_word_box {
    background-color: #ffffff;
    text-align: left;
    margin: 0;
    height: auto;
    width: auto;
    min-width: 100px;
    display: inline-block;
    padding: 0px 15px 0px 0px;
}
.products_gallery_title {
    font-size: 15px;
    line-height: 31px;
    text-transform: uppercase;
    color: #646464;
    font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif;
    margin: 0;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.products_photo {width: 100%; max-width: 300px; display: inline-block; margin-bottom:10px;}

.products_gallery_area .Normal table, .Normal .products_gallery_area table {width: 100%; border-collapse:collapse; border: 0px solid #e0e0e0; margin: 0; padding: 0;}
.products_gallery_area .Normal table th, .Normal .products_gallery_area table th {border-collapse:collapse; border: 0px solid #e0e0e0; text-align: left; vertical-align: top; padding: 0; margin: 0;}
.products_gallery_area .Normal table td, .Normal .products_gallery_area table td {border-collapse:collapse; border: 0px solid #e0e0e0; text-align: left; vertical-align: top; padding: 0; margin: 0;}

.products_related_article {display: block; /*float: left; width: 29.33%;*/ margin-right: 8%; max-width: 300px;}

.products_code_number {display: block; float: right;}

.ModDNNArticleArticleViewC .virtualpage .Subhead {text-align: center; color: #b8b8b8; display: block; margin: 0 auto; display: none; visibility:hidden;}
.ModDNNArticleArticleViewC .paginationstyle {width:auto;clear:both;padding-top: 30px;}
.ModDNNArticleArticleViewC .paginationstyle .flatview a, .ModDNNArticleArticleViewC .paginationstyle a {border: 0; font-size: 15px;}
.ModDNNArticleArticleViewC .paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected,
.ModDNNArticleArticleViewC .paginationstyle a:hover, .ModDNNArticleArticleViewC .paginationstyle a.selected {color: #000;background-color: #ececec;}

@media screen and (max-width: 480px) {
    .products_related_article {display: block; float: none; width: auto; margin-right: 0%; margin-bottom: 25px;}
}

/* PDF thumbnail listing template */
.WEC_products_listing {display: block; float: left; width: 22%; margin-right: 3%; margin-bottom: 15px;}
.WEC_products_listing .WEC_products_listing_image {border:1px solid #eeeeee;}
.WEC_products_listing .WEC_products_listing_image:hover {border:1px solid #39a7f1;}
.WEC_products_listing .WEC_products_listing_image img {width: 100%; max-width: 100%;}
.PagingTable {clear:both;float:none;position:relative;}

@media screen and (max-width: 960px) {
    .WEC_products_listing {display: block; float: left; width: 29%; margin-right: 4%; margin-bottom: 10px; min-height: 402px;}
}
@media screen and (max-width: 900px) {
    .WEC_products_listing {display: block; float: left; width: 29%; margin-right: 4%; margin-bottom: 10px; min-height: 382px;}
}
@media screen and (max-width: 840px) {
    .WEC_products_listing {display: block; float: left; width: 29%; margin-right: 4%; margin-bottom: 10px; min-height: 372px;}
}
@media screen and (max-width: 760px) {
    .WEC_products_listing {display: block; float: left; width: 29%; margin-right: 4%; margin-bottom: 10px; min-height: 362px;}
}
@media screen and (max-width: 640px) {
    .WEC_products_listing {display: block; float: left; width: 45%; margin-right: 5%; margin-bottom: 10px; min-height: 402px;}
}
@media screen and (max-width: 480px) {
    .WEC_products_listing {display: block; float: left; width: 45%; margin-right: 5%; margin-bottom: 10px; min-height: 392px;}
}
@media screen and (max-width: 400px) {
    .WEC_products_listing {display: block; float: left; width: 45%; margin-right: 5%; margin-bottom: 10px; min-height: 382px;}
}


/* New 2sexycontent Product Listing */
.wec-product-list-wrapper, .Normal table.wec-product-list-wrapper {width: 100%; border-collapse:collapse; border: 0px solid #e0e0e0;}

.wec-product-count, .Normal table.wec-product-list-wrapper tr td.wec-product-count {text-align: right; vertical-align: top; color: #969696; border-collapse:collapse; padding: 0px 15px 15px 15px; border-bottom: 1px solid #d7d7d7;}

.wec-product-row-0, .Normal table.wec-product-list-wrapper tr.wec-product-row-0 {border-collapse:collapse; border: 0px solid #e0e0e0; background-color: #ffffff;}
.wec-product-row-1, .Normal table.wec-product-list-wrapper tr.wec-product-row-1 {border-collapse:collapse; border: 0px solid #e0e0e0; background-color: #f5f5f5;}

.wec-product-cell-0, .Normal table.wec-product-list-wrapper tr td.wec-product-cell-0 {border-collapse:collapse; border: 0px solid #e0e0e0; padding: 15px; background-color: #ffffff; vertical-align: middle;}
.wec-product-cell-1, .Normal table.wec-product-list-wrapper tr td.wec-product-cell-1 {border-collapse:collapse; border: 0px solid #e0e0e0; padding: 15px; background-color: #f5f5f5; vertical-align: middle;}

.sc-menu {margin-right: 10px !important;}
.wec-product-title {clear: both; font-family: 'GothamCondensedMedium', Gotham Condensed Medium, "Gotham Condensed Medium", Impact, Arial, Helvetica, Sans-Serif; font-size: 19px; line-height: 19px; color: #232323; margin: 0; font-weight: normal; font-style: normal; letter-spacing: normal;} 

.wec-code-number, .Normal table.wec-product-list-wrapper tr td.wec-code-number {vertical-align:middle; width:100px; text-align: right;}
.wec-product-button, .Normal table.wec-product-list-wrapper tr td.wec-product-button {vertical-align:middle; width:140px;}

/* ------ DID YOU KNOW AREA ----------------------------------------------------------- */
/*#DidYouKnowArea {clear: both; border-top: 10px solid #eeeeee; padding-top: 15px; padding-bottom: 15px;}
.DidYouKnowPane {width: 96%; display: block; margin: 0 auto;}
.DYK-image {float: left; width: 28%; background-color: #373737;}
.DYK-image img {width: 100%;}
.DYK-padding {padding: 15px 20px 15px 20px;}
.DYK-text {float: right; width: 71%; display: block; background-color: #373737; color: #ffffff;}
.DidYouKnowPane .Normal .DYK-text, .DidYouKnowPane .Normal .DYK-text p {color: #ffffff; font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; line-height: 20px;}

.Normal h5 {margin: 0; margin-bottom: 4px;}
.Normal h5, .Normal h5 a, .Normal h5 a:link, .Normal h5 a:visited, .Normal h5 a:active, .Normal h5 a:hover {
    font-family: 'GothamCondensedMedium', Gotham Condensed Medium, "Gotham Condensed Medium", Impact, Arial, Helvetica, Sans-Serif; font-size: 30px; line-height: 31px; color: #38a2ea; text-transform: uppercase; font-weight: normal; font-style: normal; letter-spacing: normal; text-decoration: none;} 

@media screen and (max-width: 768px) {
    .DYK-image {width: 45%;}
    .DYK-text {width: 55%;}
}
@media screen and (max-width: 620px) {
    .DYK-image {float: none; width: 100%; clear: both;}
    .DYK-text {float: none; width: 100%; clear: both;}
}
*/

/* ------ FOOTER AREA --------------------------------------------------------------- */
#FooterArea {clear: both; padding: 25px 0px 10px 0px; background-color: #232323;}
#FooterAreaWidth {max-width: 1224px; margin: 0 auto;}
#FooterCol1, #FooterCol2, #FooterCol3, #FooterCol4, #FooterCol5 {float: left; display: block; width: 20%;}
.FooterPane {padding-left: 11%; padding-right: 11%;}
.FooterPane.dnnSortable.ui-sortable, .FooterPane.dnnSortable.ui-droppable {padding-left: 11%; padding-right: 11%;}

.FooterPane .Normal, .FooterPane .Normal p, .FooterPane .Normal ul, .FooterPane .Normal ul li, .FooterPane .Normal a, .FooterPane .Normal a:link, .FooterPane .Normal a:visited, .FooterPane .Normal a:active, .FooterPane .Normal a:hover {
    font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; line-height: 27px; color: #d2d2d2; text-decoration: none;}
.FooterPane .Normal a:hover {text-decoration: underline;}
.FooterPane .Normal ul {margin: 0; padding: 0; list-style: none;}
.FooterPane .Normal ul li {margin: 0; padding: 0; list-style: none;}
.Normal h6, .FooterPane .Normal h6 {background: url(Images/dotted_bg_repeat.png) repeat-x bottom left; padding-bottom: 3px; margin-bottom: 6px;}
.Normal h6, .FooterPane .Normal h6, .FooterPane .Normal h6 a, .FooterPane .Normal h6 a:link, .FooterPane .Normal h6 a:visited, .FooterPane .Normal h6 a:active, .FooterPane .Normal h6 a:hover {
    font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; font-size: 13px; line-height: 20px; color: #ffffff; text-transform: uppercase; font-weight: normal; font-style: normal; letter-spacing: normal;} /* FOOTER */
    
.TwitterLink, .FacebookLink, .YoutubeLink, .LinkedinLink {width: 39px; height: 40px; display: inline-block; margin-right: 5px; margin-bottom: 5px; text-decoration: none;}
.TwitterLink img, .FacebookLink img, .YoutubeLink img, .LinkedinLink img {width: 39px; height: 40px; display: inline-block; border: 0;}
.TwitterLink {background: url(Images/social_footer_icons.png) no-repeat 0px 0px;}
    .TwitterLink:hover {background-position: 0px -40px;}
.FacebookLink {background: url(Images/social_footer_icons.png) no-repeat -39px 0px;}
    .FacebookLink:hover {background-position: -39px -40px;}
.YoutubeLink {background: url(Images/social_footer_icons.png) no-repeat -78px 0px;}
    .YoutubeLink:hover {background-position: -78px -40px;}
.LinkedinLink {background: url(Images/social_footer_icons.png) no-repeat -117px 0px;}
    .LinkedinLink:hover {background-position: -117px -40px;}
    
.TwitterLink_color, .FacebookLink_color, .YoutubeLink_color, .LinkedinLink_color {width: 39px; height: 40px; display: inline-block; margin-right: 5px; margin-bottom: 5px; text-decoration: none;}
.TwitterLink_color img, .FacebookLink_color img, .YoutubeLink_color img, .LinkedinLink_color img {width: 39px; height: 40px; display: inline-block; border: 0;}
.TwitterLink_color {background: url(Images/social_footer_icons.png) no-repeat 0px -40px;}
    .TwitterLink_color:hover {background-position: 0px 0px;}
.FacebookLink_color {background: url(Images/social_footer_icons.png) no-repeat -39px -40px;}
    .FacebookLink_color:hover {background-position: -39px 0px;}
.YoutubeLink_color {background: url(Images/social_footer_icons.png) no-repeat -78px -40px;}
    .YoutubeLink_color:hover {background-position: -78px 0px;}
.LinkedinLink_color {background: url(Images/social_footer_icons.png) no-repeat -117px -40px;}
    .LinkedinLink_color:hover {background-position: -117px 0px;}    
    
/* Mobile */
@media screen and (max-width: 1224px) {
    #FooterCol1, #FooterCol2, #FooterCol3, #FooterCol4 {width: 19%;}
    #FooterCol5 {width: 24%;}
    .FooterPane {padding-left: 8%; padding-right: 8%;}
    .FooterPane.dnnSortable.ui-sortable, .FooterPane.dnnSortable.ui-droppable {padding-left: 8%; padding-right: 8%;}
}
@media screen and (max-width: 979px) {
    #FooterCol1, #FooterCol2, #FooterCol3, #FooterCol4 {width: 25%;}
    #FooterCol5 {width: 100%; clear: both; float: none; text-align: center; padding-top: 30px;}
    .FooterPane {padding-left: 11%; padding-right: 11%;}
    .FooterPane.dnnSortable.ui-sortable, .FooterPane.dnnSortable.ui-droppable {padding-left: 11%; padding-right: 11%;}
}
@media screen and (max-width: 768px) {
    #FooterCol1, #FooterCol2, #FooterCol3, #FooterCol4 {float: none; clear: both; display: none; visibility: hidden;}
    #FooterCol5 {clear: both; float: none; width: 100%; text-align: center; padding-top: 0px;}
    .FooterPane {padding-left: 8%; padding-right: 8%;}
    .FooterPane.dnnSortable.ui-sortable, .FooterPane.dnnSortable.ui-droppable {padding-left: 8%; padding-right: 8%;}
}    

/* WECTEC */
#FooterArea_WECTEC {clear: both; padding: 25px 0px 25px 0px; background-color: #1e3a6a; text-align: center; color: #ffffff;}
#FooterArea_WECTEC .Normal, #FooterArea_WECTEC .Normal p {
    font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; line-height: 27px; color: #ffffff; text-decoration: none; text-align: center;}
    
#CompanyArea {clear: both; text-align: center; padding-top: 50px;}
#BottomLogo {clear: both; display: block; text-align: center;}
#CompanyAreaLinks {clear: both; text-align: center; padding-top: 3px; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; line-height: 31px; color: #b8b8b8; text-decoration: none;}    

/* Static Nav */
#CompanyAreaLinks ul.dnn_pnav     {list-style: none; margin: 0; padding: 0;}
#CompanyAreaLinks ul.dnn_pnav li  {list-style: none; margin: 0; display: inline-block;}
#CompanyAreaLinks a, #CompanyAreaLinks a:link, #CompanyAreaLinks a:visited, #CompanyAreaLinks a:active, #CompanyAreaLinks a:hover {
    white-space: nowrap; display: inline-block; 
    margin-left: 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; line-height: 31px; color: #b8b8b8; text-decoration: none;
}
    #CompanyAreaLinks a:hover {text-decoration: underline;}
    
/* ABOUT - LEADERSHIP - EXECUTIVE BIOS ------------------------------------------- */
.Normal table#ExecutiveBios {width: 100%; border-collapse:collapse; border: 0px solid #e0e0e0;}
.Normal table#ExecutiveBios th {border-collapse:collapse; border: 0px solid #e0e0e0; background-color: #e9ebeb; font-weight: bold; text-align: left; vertical-align: top; padding: 10px;}
.Normal table#ExecutiveBios td {border-collapse:collapse; border: 0px solid #e0e0e0; background-color: transparent; font-weight: normal; text-align: left; vertical-align: top; padding: 10px 30px 10px 10px;}
.Normal table#ExecutiveBios td.ImageColumn {width: 35%;}
.Normal table#ExecutiveBios td.BioColumn {width: 65%;}
.Normal table#ExecutiveBios td img {width: 100%; max-width: 300px; text-align: center; vertical-align:top; margin: 0 auto; display: block;}
@media screen and (max-width: 620px) {
    /* Force table to not be like tables anymore */
		.Normal table#ExecutiveBios, .Normal table#ExecutiveBios thead, .Normal table#ExecutiveBios tbody, .Normal table#ExecutiveBios th, .Normal table#ExecutiveBios td, .Normal table#ExecutiveBios tr,
		.Normal table#ExecutiveBios td.ImageColumn, .Normal table#ExecutiveBios td.BioColumn { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.Normal table#ExecutiveBios thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.Normal table#ExecutiveBios tr { border: 0px solid #e0e0e0; }
		
		.Normal table#ExecutiveBios td,
		.Normal table#ExecutiveBios td.ImageColumn, .Normal table#ExecutiveBios td.BioColumn { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 0px solid #e0e0e0; 
			position: relative;
			width: auto;
			padding: 10px 0px 10px 0px;
			/*padding-left: 50%;*/ 
		}
		
		.Normal table#ExecutiveBios td:before,
		.Normal table#ExecutiveBios td.ImageColumn:before, .Normal table#ExecutiveBios td.BioColumn:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 10px;
			left: 10px;
			width: 45%; 
			/*padding-right: 10px;*/
			white-space: nowrap;
		}
}   

/* ABOUT - COMMUNITY AND EDUCATION - CHARITABLE GIVING PROGRAM -------------------- */
.StatesCols {display: block; width: 29.33%; float: left; margin-right: 4%; padding-bottom: 25px;}
.StatesCols h3 {display: block; width: 100%; text-align: left; border-bottom: 1px solid #cccccc; padding-bottom: 5px; margin-bottom: 10px;}
.StatesCols ul {}
.StatesCols ul li {width: 50%; float: left;}
@media screen and (max-width: 979px) {
    .StatesCols {width: 45%; margin-right: 5%;}
} 
@media screen and (max-width: 500px) {
    .StatesCols {width: 100%; margin-right: 0%;}
}   
    
/*------- STYLE OVERRIDES ---------------------------------------------------------*/
.DNNEmptyPane,
.DNNEmptyPane.dnnSortable.ui-sortable, .DNNEmptyPane.dnnSortable.ui-droppable {display: none; visibility: hidden; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important;}  /*to get rid of extra space caused by empty modules in edit mode */

.dnnEditState .DnnModule    {opacity: 1;} /* to cancel graying-out of modules while in edit mode */

.dnnSearchResultItem-Others {display:none;visibility:hidden;}

.red-arrow, .Normal a.red-arrow, .Normal a.red-arrow:link, .Normal a.red-arrow:visited, .Normal a.red-arrow:active, .Normal a.red-arrow:hover {
    color: #e74c3c !important; background: url(Images/link_arrow.png) no-repeat right center; padding: 0px 10px 0px 0px; font-size: 10px;}

.blue-button, .Normal a.blue-button, .Normal a.blue-button:link, .Normal a.blue-button:visited, .Normal a.blue-button:active, .Normal a.blue-button:hover,
.dynamicforms_link, .Normal .dynamicforms_link, .Normal a.dynamicforms_link:link, .Normal a.dynamicforms_link:active, .Normal a.dynamicforms_link:visited, .Normal a.dynamicforms_link:hover,
#FeatureCol1_Landing .FeaturePane .Normal .DNNModuleContent a.blue-button, 
#FeatureCol2_Landing .FeaturePane .Normal .DNNModuleContent a.blue-button,
#FeatureCol1 .FeaturePane .Normal .DNNModuleContent a.blue-button,
#FeatureCol2 .FeaturePane .Normal .DNNModuleContent a.blue-button,
#FeatureCol3 .FeaturePane .Normal .DNNModuleContent a.blue-button,
#FeatureCol4 .FeaturePane .Normal .DNNModuleContent a.blue-button,
#FeatureCol5 .FeaturePane .Normal .DNNModuleContent a.blue-button,
#FeatureCol1_Bottom .FeaturePane .Normal .DNNModuleContent a.blue-button,
#FeatureCol2_Bottom .FeaturePane .Normal .DNNModuleContent a.blue-button,
#FeatureCol3_Bottom .FeaturePane .Normal .DNNModuleContent a.blue-button,
#FeatureCol4_Bottom .FeaturePane .Normal .DNNModuleContent a.blue-button,
#FeatureCol5_Bottom .FeaturePane .Normal .DNNModuleContent a.blue-button, 
#FeatureFiveCols .FeaturePane .Normal .DNNModuleContent a.blue-button, 
#FeatureFourCols .FeaturePane .Normal .DNNModuleContent a.blue-button, 
#FeatureThreeCols .FeaturePane .Normal .DNNModuleContent a.blue-button, 
#FeatureTwoCols .FeaturePane .Normal .DNNModuleContent a.blue-button 
{
    font-family: 'GothamMedium', Gotham Medium, "Gotham Medium", Arial, Helvetica, Sans-Serif; 
    font-size: 12px; 
    line-height: 12px;
    font-weight: normal;
    color: #ffffff;
    background-image:none;
    background-color: /*#3498db*/ #2f89c6; 
    display: inline-block;
    padding: 13px 15px 13px 15px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
	border-radius: 4px;
    -webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	
	-webkit-transition:background-color 0.5s;
    -moz-transition:background-color 0.5s;
    -o-transition:background-color 0.5s;
    transition:background-color 0.5s;
}
.blue-button:hover, .Normal a.blue-button:hover,
.Normal a.dynamicforms_link:hover, 
#FeatureCol1_Landing .FeaturePane .Normal .DNNModuleContent a.blue-button:hover, 
#FeatureCol2_Landing .FeaturePane .Normal .DNNModuleContent a.blue-button:hover,
#FeatureCol1 .FeaturePane .Normal .DNNModuleContent a.blue-button:hover,
#FeatureCol2 .FeaturePane .Normal .DNNModuleContent a.blue-button:hover,
#FeatureCol3 .FeaturePane .Normal .DNNModuleContent a.blue-button:hover,
#FeatureCol4 .FeaturePane .Normal .DNNModuleContent a.blue-button:hover,
#FeatureCol5 .FeaturePane .Normal .DNNModuleContent a.blue-button:hover,
#FeatureCol1_Bottom .FeaturePane .Normal .DNNModuleContent a.blue-button:hover,
#FeatureCol2_Bottom .FeaturePane .Normal .DNNModuleContent a.blue-button:hover,
#FeatureCol3_Bottom .FeaturePane .Normal .DNNModuleContent a.blue-button:hover,
#FeatureCol4_Bottom .FeaturePane .Normal .DNNModuleContent a.blue-button:hover,
#FeatureCol5_Bottom .FeaturePane .Normal .DNNModuleContent a.blue-button:hover, 
#FeatureFiveCols .FeaturePane .Normal .DNNModuleContent a.blue-button:hover, 
#FeatureFourCols .FeaturePane .Normal .DNNModuleContent a.blue-button:hover, 
#FeatureThreeCols .FeaturePane .Normal .DNNModuleContent a.blue-button:hover, 
#FeatureTwoCols .FeaturePane .Normal .DNNModuleContent a.blue-button:hover 
{color: #ffffff; background-image:none; background-color: #37a0e6;}

#LanguageSelectorArea {display: none; visibility: hidden;}