/* Global styling */
body {background-color:#e8e8e8; font-size:13px; font-family:Arial, Helvitica, san-serif; color:#666;}

/* General Classes */
.orange {color:#ce5e10;}
.callOut {font-size:12px; padding:8px 0 8px 25px; text-indent:30px; border-left:1px solid #eee; text-align:justify; color:#333;}

/* Kit Images as backgrounds */
.genKit {background:url('/images/kits/box_generic.png') center top no-repeat;}

/* Layout */
 #headerContainer {height:126px; margin-bottom:30px;}

#header {position:fixed; height:140px;}
#header .container {padding:8px 0 0;}

.content h3 {text-transform:uppercase; color:#8ebe3f;}
.content h4 {font-size:16px; margin-bottom:5px;}
.content h5 {font-size:14px; margin-bottom:10px;}

.sectionHeader h3 {margin-bottom:5px;}
.sectionHeader h3 span.double {display:block; margin-top:8px;}
.sectionHeader h4 {font-style:normal; font-size:24px; margin:10px 0 20px; font-weight:normal;}
.sectionHeader p, .sectionHeader .subHeader {text-transform:none; display:block; color:#666; font-style:italic; font-weight:normal; font-size:15px;}

/* Header */
#header {width:100%; top:0; left:0;}
#header .container {background-color:#e8e8e8; height:53px; overflow:hidden;}

/* Utility */
#utility #login {width:135px; text-align:center; font-size:12px;}
#utility .support {padding-top:6px; padding-right:14px;}
#utility .support a {color:#666;}
#utility .support a:hover {color:#444;}

/* Login */
#loginUtil {height:22px; padding-top:6px; margin:0 13px; position:relative; background-color:#616161; color:#fff;}
#loginUtil span.end {display:block; position:absolute; top:0; height:28px; width:13px;}
#loginUtil span.left {left:-13px; background:url('/images/layout/utilitynav_left.png') 0 0 no-repeat;}
#loginUtil span.right {right:-13px; background:url('/images/layout/utilitynav_right.png') 0 0 no-repeat;}

#loginUtil a{color:#fff; text-decoration:none; font-weight:bold;}
#loginUtil a:hover {color:#ccc;}
#loginUtil a:active {text-decoration:underline;}

/* Navigation */
#nav {width:1024px; margin-top:-1px;}
#nav a:link, #nav a:visited {color:#fff; text-decoration:none;}
#nav a:hover {color:#ccc;}
#nav .dropMenu ul.utilLinks {margin-bottom:5px;}

/* Top Nav */
#topNav {min-height:45px; color:#fff; font-weight:bold; background:url('/images/layout/top_nav_bg.png') 0 0 no-repeat;}
#topNav ul.menu, #topNav ul.items {padding:0;}
#topNav ul.menu li {padding:15px 0; text-align:center; height:15px; overflow:hidden;}
#topNav ul.menu li a {text-transform:uppercase; letter-spacing:1px;}
#topNav ul.leftBlock {padding:0 0 0 25px;}
#topNav ul.leftBlock li {padding-right:15px}
#topNav ul.rightBlock {padding:0 25px 0 0;}
#topNav ul.menu a, #topNav ul.items a {font-size:12px; line-height:15px; font-weight:bold; display:inline-block;}
#topNav a:active, #topNav a.active:link, #topNav a.active:visited {border-bottom:1px solid #fff;}
#topNav a.active:hover, #topNav a.active:active {border-bottom:1px solid #ccc;}

/* Mega Menu Togglers */
#topNav ul.leftBlock li.menuTog {width:151px; padding-right:0;}
#topNav .leftBlock li.open {background:url('/images/layout/menus/cs_active.png') 0 0 no-repeat;}
#topNav .rightBlock li.open {background:url('/images/layout/menus/bb_active.png') 0 0 no-repeat;}
#topNav a.megaMenu {padding-right:14px; background:url('/images/layout/mm_arrow.png') right 2px no-repeat;}

/* Sub Nav */
#subNav {height:30px; margin-top:-1px; font-weight:500; font-size:11px; text-align:center; background:url('/images/layout/sub_nav_bg.png') center -6px no-repeat;}
#subNav.empty {height:13px; background-position:center -24px;}
#subNav ul {padding:7px 0 0; margin-left:45px;}
#subNav ul li {margin:0; padding:0; color:#fff;}
#subNav a {font-size:12px; letter-spacing:1px; display:block; float:left; line-height:12px;}
#subNav a:active, #subNav a.active:link, #subNav a.active:visited {border-bottom:1px dotted #fff;}
#subNav span.break {margin:0 5px;}

/* Mega Menus */
.dropMenu h2 {color:#ccc;}
.dropMenu .utilLinks {padding:0 8px;}
.dropMenu .utilLinks a {font-size:12px; font-weight:normal !important; padding:0 3px;}
.dropMenu .utilLinks li {padding:3px 0;}
.dropMenu span.close {display:block; position:absolute; botom:10px; right:10px; background:url('/images/layout/menus/close_button.png') 40px center no-repeat; padding:3px 21px 3px 3px; cursor:pointer;}
.dropMenu span.close:hover {color:#ccc; text-decoration:underline;}

.dropMenu ul.items li {list-style-type:none; width:414px; margin:0 20px 10px;}
.dropMenu ul.items a {display:block; position:relative; height:67px; padding:9px 0 6px 130px; text-decoration:none;}
.dropMenu ul.items a:active {border-bottom:0 !important;}
.dropMenu ul.items span.small {margin-top:4px; font-weight:normal; color:#ccc;}
.dropMenu ul.items img {display:block; position:absolute; top:7px; left:7px; border:3px solid #ccc;}
.dropMenu ul.items span.more {display:block; text-align:center; position:absolute; bottom:6px; left:130px; background:url(/images/layout/menus/button.png) 0 0 no-repeat; width:68px; height:17px; padding-top:1px; font-size:10px; font-weight:normal;}

/* Specific to the consumer side */
.consumer .c {background:url('/images/layout/menus/cs_bg.png') 0 0 repeat-y;}
.consumer .c .bottom {width:968px; height:16px; position:absolute; left:0; bottom:-16px; background:url('/images/layout/menus/cs_bottom.png') 0 0 no-repeat;}
.consumer .utilLinks a:hover, .consumer span.close:hover, .consumer ul.items a:hover {background-color:#375373;}

/* Specific to the B2B Side */
.b2b .c {background:url('/images/layout/menus/bb_bg.png') 0 0 repeat-y;}
.b2b .c .bottom {width:968px; height:16px; position:absolute; left:0; bottom:-16px; background:url('/images/layout/menus/bb_bottom.png') 0 0 no-repeat;}
.b2b .utilLinks a:hover, .b2b span.close:hover, .b2b ul.items a:hover {background-color:#616161;}

/* Content Top */
#contentTop {height:37px; background:url('/images/layout/content_top.png') 0 0 no-repeat;}

/* Content */
#content {min-height:300px; background:url('/images/layout/content_bg.png') 0 0 repeat-y;}
#main {padding:0 35px;}
#main.oneCol {padding:0 110px;}

/* Breadcrumb */
#breadcrumb {color:#fff; height:42px; background:url('/images/layout/breadcrumb_bg.png') center 0 no-repeat;}
#breadcrumb p {padding:12px 0 0 20px;}
#breadcrumb strong {margin-right:8px;}
#breadcrumb a, #breadcrumb span {color:#fff; text-transform:uppercase;}
#breadcrumb a:hover {color:#eee; text-decoration:none;}

/* Content Elements */
/* Title BLock */
#pageTitleBlock {margin-bottom:30px;}
#pageTitleBlock h1 {color:#414040; font-size:46px; line-height:46px; margin:0; padding:0 20px;}
#pageTitleBlock h2 {margin:0; font-weight:normal; color:#999; padding:0 20px;}

/* Section Titles */
.subTitleBlock h2 {color:#444444; text-transform:uppercase; font-size:30px; font-weight:normal; line-height:1.1; margin:0 0 20px; padding:10px 0;}

/* Footer */
#footer p {margin-top:25px; text-align:center; color:#999;}
#footer p a {color:#666;}
#footer p a:hover {color:#444;}

/* Modules (should be minimal) */

/* Pages (should be minimal) */
/* Dna Reports */
div.tpVid {height:280px; width:320px; position:relative; float:left; margin-right:20px;}
div.tpVid span {background-color:#fff; position:absolute; bottom:0; right:0; z-index:11; height:30px; width:31px; display:block; cursor:default;}

/* Activation */
#activation-code #actCodeForm, #resubmit #actCodeForm {background:url('/images/pages/activate/open-box-pw.png') 415px top no-repeat;}
#activateBC li#stepAccount {background-image:url('/images/pages/activate/activate_step_account.png');}
#activateBC li#stepTerms {background-image:url('/images/pages/activate/activate_step_terms.png');}
#activateBC li#stepInformed {background-image:url('/images/pages/activate/activate_step_informed.png');}
#activateBC li#stepCode {background-image:url('/images/pages/activate/activate_step_code.png');}
#activateBC li#stepSurvey {background-image:url('/images/pages/activate/activate_step_survey.png');}