/*#####################################################*/ /*############# NAVIGATION STYLES #####################*/ /*#####################################################*/ /*THE VERY TOP RIGHT CORNER NAVIGATION*/ #hdr_additional_nav{color:#FFFFFF; float:right; font-size:10px; text-transform:uppercase; margin:3px 0px 7px 0px;} #hdr_additional_nav ul{list-style:none} #hdr_additional_nav li {display:block; margin-left:5px; float:left;} #hdr_additional_nav li a:link {display:block;width:15px; height:15px; padding:0; background:url(../assets/socials.png) 0px -15px no-repeat;} #hdr_additional_nav li.twitter a{background-position: 0px -15px;} #hdr_additional_nav li.linkedin a{background-position: -15px -15px;} #hdr_additional_nav li.googlep a{background-position:-30px -15px;} #hdr_additional_nav li.rssfeed a{background-position:-45px -15px;} #hdr_additional_nav li.twitter a:hover {background-position: 0px 0px;} #hdr_additional_nav li.linkedin a:hover {background-position: -15px 0px;} #hdr_additional_nav li.googlep a:hover {background-position:-30px 0px;} #hdr_additional_nav li.rssfeed a:hover {background-position:-45px 0px;} /*#hdr_additional_nav a{color:#FFFFFF; font-weight:normal} #hdr_additional_nav li a:hover{color:#3090b1 !important;}*/ /*MAIN MENU SIZE, POSITION AND BACKGROUND*/ #nav-wrapper{height:50px; width:100%; min-width:1030px; position:absolute; top:115px; padding:0px; background:url(../assets/TTGT_nav_bg.png) top center repeat-x; z-index:10;} /*CENTER THE MEGA MENU*/ .mega_navigation{height:30px; width:960px; margin:0px auto} /*WRAPPING THIS ARROUND ALL THE DROP DOWNS. IT'S HANDY TO USE FOR MOUSE ENTER/MOUSE LEAVE FUNCTIONS*/ .ttgt-megamenu-dropdown-wrapper {width:100%; min-width:1030px; position:absolute; top:145px; z-index:9; display:none; } /*THE ARROW THAT SLIDES LEFT AND RIGHT BELOW MENU ITEMS*/ .mega_navigation .arrow {display:none; position:absolute; top: 22px;} /*MEGA MENU CLOSE BUTTON*/ .mega-nav-close {width:100%; min-width:1030px; position:relative;} .mega-nav-close td {text-align:center; margin:0; padding:0;} .mega-nav-close td.close {background:#333333; font-size:12px; line-height:21px; padding: 10px 0;} .mega-nav-close td.close a:link, .mega-nav-close td.close a:visited {font-size: 99%; color: #e49014;} .mega-nav-close td.left, .mega-nav-close td.right {width:50%; background:url(../assets/TTGT_nav_shadow.png) repeat-x 0 0;} .mega-nav-close-sides {width:100%;} /*MEGA MENU TYPE STYLES*/ #tt_mega_menu{color:#FFFFFF;} #tt_mega_menu {list-style:none;} #tt_mega_menu li{display:inline; padding-right:19px; color:#999999; vertical-align:top; } #tt_mega_menu li a {color:#CCCCCC; font-size:15px; font-weight:normal; text-decoration:none; line-height:30px;} #tt_mega_menu li a span {color:#FFFFFF; font-size:15px; font-weight:bold; text-decoration:none; -moz-text-shadow: 0px 1px 3px #333; -webkit-text-shadow: 0px 1px 1px #333; text-shadow: 0px 1px 1px #333; /* For IE 8 */ /* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#333333')"; */ /* For IE 5.5 - 7 */ /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color='#333333');*/ cursor: pointer; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(Color=#000000, OffX=0, OffY=1)"; filter: DropShadow(Color=#000000, OffX=0, OffY=1); } #tt_mega_menu li a:hover {color:#FFFFFF;} #tt_mega_menu li a.active {color:#FFFFFF;} #tt_mega_menu li#xtrigger {display:none;} /*MEGA MENU WITH JAVASCRIPT SCROLL DOWN STYLE WHERE THE MEGA MENU ITEMS TURN TO TEAL*/ #tt_mega_menu li a.nav_scroll:hover, #tt_mega_menu li a.nav_scroll.active {color:#00A89C;} /*MEGA MENU SMALL TECHTARGET LOGO THAT APPEARS ON SCROLL*/ .ttgt_logo {display: none; position:fixed; top:0; left: 50%; margin-left: 430px;} /*MEGA MENU DROPDOWNS CONTENT STYLES*/ .panel-wrapper {font-size:12px; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 3.0 and Chrome rules here */ .panel-wrapper {font-size:11px; } } .panel-wrapper h1 {color: #FFFFFF; margin-left: 15px; font-size:18px; line-height:29px; font-weight:normal;} .panel-wrapper h2 {color: #ffcc99; font-size:12px; line-height:21px; margin: 5px; font-weight:normal;} .panel-wrapper h3, .panel-wrapper h4, .panel-wrapper h5, .panel-wrapper h6 {color: #CCCCCC; margin:0 0 15px 15px; font-size:16px; line-height:25px; font-weight:normal;} .panel-wrapper p {color: #CCCCCC; margin:0 5px 15px 5px; font-size:12px; line-height:21px;} .panel-wrapper .mm-lists, .panel-wrapper .mm-lists-twocol, .panel-wrapper .mm-lists-threecol {float:left; margin-left: 10px; color:#CCCCCC;} .panel-wrapper .mm-lists {width:180px;} .panel-wrapper .mm-lists-twocol {width:370px;} .panel-wrapper .mm-lists-twocol .mm-lists, .panel-wrapper .mm-lists-threecol .mm-lists {margin-top: 29px; float:left;} .panel-wrapper .mm-lists-twocol .mm-lists.left, .panel-wrapper .mm-lists-threecol .mm-lists left {margin-left: 0px;} .panel-wrapper .mm-lists-threecol {width:560px;} .panel-wrapper ul li:first-child {border-top:1px dotted #999; background: #222222; font-weight:bold;} .panel-wrapper ul li.ttgt-title {background: #222222; font-weight:bold;} .panel-wrapper ul li {border-bottom:1px dotted #999; padding: 4px 5px; line-height:21px;} .panel-wrapper ul li a:link, .panel-wrapper ul li a:visited {color:#CCCCCC;} .panel-wrapper ul li a:hover, .panel-wrapper ul li a:active {color:#00A89C;} .panel-wrapper ul li a.mm-lists_inline:link, .panel-wrapper ul li a.mm-lists_inline:visited {color:#00f5e3;} .panel-wrapper a.mm-lists_inline {color:#00f5e3;} .panel-wrapper img.img-left {float: left; margin: 10px 10px 5px 5px;} .panel-wrapper ul li strong {color:#FFFFFF;} #sliderButtons {width:910px; position: absolute; top: 455px; left: 50%; margin-left: -455px; padding:0;} .sliderButton {width:185px; padding: 15px 10px; float: left; position:relative; margin-left: 30px; background: url(../assets/btn_innerShadow.png) repeat-x left bottom #00a89c; text-align:center; font-weight:bold; color:#FFFFFF; font-size:15px; -moz-box-shadow: 0px 3px 5px #333; -webkit-box-shadow: 0px 3px 5px #333; box-shadow: 0px 3px 5px #333; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color='#333333')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color='#333333'); cursor: pointer; } .sliderButton:first-child {margin-left:0px;} #bodyTopics {font-size:12px;} #bodyTopics h1 {color: #FFFFFF; margin-left: 15px; font-size:18px; line-height:29px; font-weight:normal;} #bodyTopics h2 {color: #ffcc99; font-size:12px; line-height:21px; margin: 5px; font-weight:normal;} #bodyTopics h3 { font-size:24px; color:#00a89c; margin:0 0 25px 0; font-weight:normal; line-height:21px;} #bodyTopics h4, #bodyTopics h5, #bodyTopics h6 {color: #CCCCCC; margin:0 0 15px 15px; font-size:16px; line-height:25px; font-weight:normal;} #bodyTopics p {color: #999999; margin:0 5px 15px 5px; font-size:12px; line-height:21px;} #bodyTopics .mm-lists, #bodyTopics .mm-lists-twocol, #bodyTopics .mm-lists-threecol {float:left; margin-left: 0px; color:#999999;} #bodyTopics .mm-lists {min-width:180px; margin-right:10px;} #bodyTopics .mm-lists.last {margin-right:0px;} #bodyTopics .mm-lists-twocol {width:370px;} #bodyTopics .mm-lists-twocol .mm-lists, #bodyTopics .mm-lists-threecol .mm-lists {margin-top: 29px; float:left;} #bodyTopics .mm-lists-twocol .mm-lists.left, #bodyTopics .mm-lists-threecol .mm-lists left {margin-left: 10px;} #bodyTopics .mm-lists-threecol {width:560px;} #bodyTopics ul {padding:0; } #bodyTopics ul li:first-child {border-top:1px dotted #999; font-weight:bold;} #bodyTopics ul li.ttgt-title {font-weight:bold;} #bodyTopics ul li {border-bottom:1px dotted #999; padding: 4px 0px; line-height:21px; background: none;} #bodyTopics ul li a:link, #bodyTopics ul li a:visited {color:#999999; font-weight:normal;} #bodyTopics ul li a:hover, #bodyTopics ul li a:active {color:#00A89C;} #bodyTopics ul li a.mm-lists_inline:link, #bodyTopics ul li a.mm-lists_inline:visited {color:#00f5e3;} #bodyTopics a.mm-lists_inline {color:#00f5e3;} #bodyTopics img.img-left {float: left; margin: 10px 10px 5px 5px;} #bodyTopics ul li strong {color:#000000;}