header .banner img {margin-bottom: 0px;}
header ul li a, a {text-decoration:underline;}

nav.topnav, nav.topnav menu { background-color: #efefef;}
nav.topnav menu li {width:calc(960px / 4);text-align:center;float:left; margin-right:0;padding:1.1em 0;font-size:16px;}
nav.topnav menu li a {color:#222;text-decoration:none; text-transform: capitalize;}
nav.topnav menu li.active {background-color: #A6CE39;}
nav.topnav menu li.normal {background:transparent url(../Content/Images/tab-green.gif) 0 0 no-repeat;}
nav.topnav menu li.first {border-left: none;}
nav.topnav menu li:hover { transition: ease; border-bottom: 2px solid #E2223F; padding-bottom: 5px; background: none; }

@media screen and (min-width: 1200px){nav.topnav menu li {margin-right:4.5%;}}
.refine_head { color: #222 !important; }
.refineOverlayWindow .refine_head { background: #E2223F !important; }
.listBoxModule h3 { background-color: #000; font-size: 16px; }

.ltcol .subnav menu li a {background: transparent url(../Content/Images/blue_ol_bullet.gif) no-repeat scroll 10px 6px;}
.ltcol .subnav h2 a {text-decoration: none;}
.content .pageHeader .subtitle, .topcontent .pageHeader .subtitle { color: #707070; font-size: 1.4em;line-height: 1.4em;}
.home hgroup h1 {display: none;}

.listBoxModule {background-color: #F7F7F7;}
.listBoxModule h3 {padding: 6px 8px 6px ;}
.listBoxModule ul li {background:transparent url(../Content/Images/blue_square.gif) 0 13px no-repeat !important; }
.rtcol .listBoxModule ul.mostPop li {background:none !important; padding:5px 0; border:none;}
.listBoxModule ul.mostPop li span.mostPopItem {background:none; padding:0; display:block; float:left;}
.listBoxModule ul.mostPop li a { padding-left: 10px; width: calc(100% - 25px); display: inline-block; line-height: 1.35em; }

.featureRichItem .horizontalGallery .header {display:block; width:100%; overflow:hidden; border-bottom:2px solid #CCC;position:relative;}
.twoCol_content .featureRichItem .linkWidget .module img, .oneThird .featureRichItem .linkWidget .module img {width: 100px;}
.twoCol_content .featureRichItem .linkWidget .module .body, .two_col_b.split .twoCol_content .featureRichItem .linkWidget .module .bod, 
.oneThird .featureRichItem .linkWidget .module .body {width: calc(100% - 110px);}
section.twoCol_content section.featureRichItem section.linkWidget > div.module.first:first-child {padding-top: 52px;}
.wysiwyg h2, .content h2, .topcontent h2, .sectionA h2, .sectionB h2, .content .featureRichItem h2 { font-weight: 400; font-size: 1.5em; }
.wysiwyg h3, .content h3, .topcontent h3, .sectionA h3, .sectionB h3 { font-size: 1.17em; }
.wysiwyg h4 {font-size: 1em; font-weight: 600; }
.wysiwyg h5 {font-size: .83em; }
.wysiwyg h6 {font-size: .67em; }
.wysiwyg ul li {background:transparent url(/Content/Images/blue_square.gif) no-repeat scroll 0 13px !important;}

h2.resp-tab-active span.resp-arrow {border-top: 9px solid #777; border-left: 6px solid transparent; border-right: 6px solid transparent; margin-top:15px;}
.resp-tabs-list .resp-tab-item a {color:#777;text-decoration: none;}
.resp-tabs-list .resp-tab-active a{color:#777; text-decoration:none;}	

h2.resp-accordion {padding: 15px !important;}
h2.resp-accordion a { color: #333; font-weight: normal; font-size: 18px; }
h2.resp-tab-active a {color:#777;}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {border-bottom:1px solid #c1c1c1;background: #FFF;color: #777;}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {border-bottom:1px solid #C1C1C1;background:none;}
.ui-state-active .ui-icon {border-bottom:none; margin-top:2px !important; border-top:9px solid #0077C0;border-left:6px solid transparent;border-right:6px solid transparent;}
.resp-tabs-list .resp-tab-item a { color: #333; text-decoration: none; line-height: 1.2em; }

.content ul li, .topcontent ul li, .subbrandsubnav li {background: url(../Content/Images/blue_square.gif) 0 13px no-repeat; padding:5px 0 5px 8px; overflow:visible;}
.content .wysiwyg li li {background: transparent url("../Content/Images/nested_blue_square.gif") no-repeat scroll 0px 12px !important; list-style-type: none; margin-left: 10px;} 
.product.style .resp-tab-content ul li { background: transparent url(../Content/Images/blue_square.gif) no-repeat scroll 0pt 13px !important;}
.product.style .resp-tab-content ol li li {background-image: none !important;  list-style-position: inside;margin-top: 5px !important;}

.more a { text-decoration: underline;font-size: 16px !important; line-height: 1.2em !important; font-family: "ProximaNova", Arial, Helvetica, Sans-serif !important; }

.product.style .value_prop .bluebg h1 {color: #444444;}
.product.style .value_prop .bluebg {background: #F7F7F7;}
.product.style .cart_btn_orange {border: #008CD2 solid 1px;}
.product.style .cart_btn_orange a {background: #008CD2;}
.product.style .content .announcements {background: #F7F7F7;}

/* CE Program */
.listBoxModule-cart {margin:10px 0 15px; float:left; width:100%; overflow:hidden;padding:20px 0; background-color:#EBF4FB; border:0;-moz-box-sizing:border-box; box-sizing:border-box;}
.listBoxModule-cart .title {float:left; width:20%;font-weight:bold; font-size:1.03em; padding-left:20px;-moz-box-sizing:border-box; box-sizing:border-box;}
.listBoxModule-cart .price {float:left; padding-left:20px; padding-right:10px;width:calc(80% - 350px); font-size:1.03em; line-height:1.4em;-moz-box-sizing:border-box; box-sizing:border-box;}

/* add to support quantity style*/
.listBoxModule-cart .quantity { float: left; padding-left: 10px; width: 150px; -moz-box-sizing: border-box; box-sizing: border-box;}
/* Fix cart item style*/
.listBoxModule-cart .cart-item { float: left; clear: both; width: 100%; }

.listBoxModule-cart .add {float:right; width:140px; padding:0 20px;}
.CEProduct .program {float:left; width:calc(100% - 335px);}
.CEProduct .program .pgrm_elem {background:0; padding:5px 0; float:left; border-bottom:1px dotted #999; width:100%;}
.CEProduct .program .pgrm_elem:last-child{border:none;}
.CEProduct .program .pgrm_elem .title {float:left; width:130px; font-weight:bold; padding:0 10px;font-size:.9em;}
.CEProduct .program .pgrm_elem .text {float:left; width:calc(100% - 150px);}
.CEProduct .program .pgrm_elem .text ul li {border:0; width:100%; -moz-box-sizing:border-box; box-sizing:border-box;}
.CEProduct .cetopics h5 {padding:10px 10px 0; font-weight:bold; color: #222; }
.CEProduct .cetopics ul li {border:none;}

.titleImage.Default{background-color: #565656; color: #FFF !important;; border-top-color: #999;}
.titleImage.Default h1 {color: #FFF !important;}

.emailThis .banner {border-bottom:7px solid #222;}
.emailThis h1 {font-size: 1.4em; padding-bottom: 4px; color:#707070; border-bottom: 2px solid #FFFFFF}
.emailThis .title {color:#222;font-weight:normal;font-size: 1.8em; margin: 10px 0; line-height: 1.2em;}
.emailThis .separator {background:#222;}
.emailThis header .banner .headLogo img.large{margin: 0px 0 0 10px;}

.linkWidget.link .module .body p.title, .linkWidget.list .module .body p.title {font-size: 1.3em; line-height:1.2em;} 
.linkWidget.icon h2, .linkWidget.icon h3 {text-align: center;}

.linkWidget.box h2, .linkWidget.box h3 {text-align: center;}
.boxWidget .module .body .eyeline:after {border-bottom: 6px solid #000;}
.boxWidget .more a {font-size: 13px; text-decoration: none;}

/* NEWSTYLE */
/*begin - css overrides added by kristin. */
.featureRichItem .tabWidget .shortDescription { padding-top: 10px !important; }
header .header_top { background-color: #fff !important; border-bottom: 1px solid #efefef !important; }
header .header_top #navigation { background-color: #fff !important; }
h1, .wysiwyg h1, .content h1, .topcontent h1, .sectionA h1, .sectionB h1 { font-family: "ProximaNova", Arial, Helvetica, Sans-serif; font-size: 38px !important; }
h4, .wysiwyg h4, .listContent h4 { font-family: "ProximaNova", Arial, Helvetica, Sans-serif !important; }
.titleImage hgroup h1 { font-family: "ProximaNova", Arial, Helvetica, Sans-serif !important; }
body { font-size: 18px !important; line-height: 1.5em !important; }
.breadcrumbs { background: #fff !important; border-bottom: 1px solid #CCC !important; }

/* BUTTON updates */
a.btnStrongLrg, a.btnStrongMed, a.btnStrongSml, .btnStrongLrg, .btnStrongMed, .btnStrongSml { background: #E2223F !important; }
a.btnStrongLrg:hover, a.btnStrongMed:hover, a.btnStrongSml:hover, a.btnStrongLrg:focus, a.btnStrongMed:focus, a.btnStrongSml:focus, .btnStrongLrg:hover, .btnStrongMed:hover, .btnStrongSml:hover, .btnStrongLrg:focus, .btnStrongMed:focus, .btnStrongSml:focus { background: #d00040 !important; }
.btnDefaultLrg, .btnDefaultMed, .btnDefaultSml { color: #ffffff !important; background: #222 !important; }
a.btnDefaultLrg:hover, a.btnDefaultMed:hover, a.btnDefaultSml:hover, a.btnDefaultLrg:focus, a.btnDefaultMed:focus, a.btnDefaultSml:focus, .btnDefaultLrg:hover, .btnDefaultMed:hover, .btnDefaultSml:hover, .btnDefaultLrg:focus, .btnDefaultMed:focus, .btnDefaultSml:focus { text-decoration: none !important; background: #444 !important; transition: background-color 0.2s ease-in, border-color 0.2s ease-in !important; }
.btnAction.orange { background: #222 !important; color: #fff !important; }
.btnAction.orange:hover, .btnAction.orange:focus, a.btnAction.orange:hover, a.btnAction.orange:focus { text-decoration: none !important; background: #222 !important; transition: background-color 0.2s ease-in, border-color 0.2s ease-in !important; }

/* EDITS TO ACCORDION */
.accordion.ui-widget { border: 0px solid #E8E9E4; margin-top: 15px !important; }
.accordion .ui-icon { margin: 5px 0 0 0 !important; }
.ui-accordion .ui-accordion-icons { padding-left: 1.75em !important; }

/* EDITS TO TABS */
.rwdTabMain .resp-tabs-container { background: #fff !important; border-bottom: 1px solid #A7A9AC !important; }
.rwdTabMain ul.resp-tabs-list { background: #efefef !important; }
.resp-tabs-list .resp-tab-active { background: #fff !important; border-top: 3px solid #E2223F !important; }
.resp-tabs-list .resp-tab-item { padding: 15px 20px !important; background: #fff !important; font-size: 18px !important; }

/* EDITS TO VERTICAL TABS */
.rwdTabMain.resp-vtabs li.resp-tab-active { padding: 20px 5px 20px 17px !important; border-left: 4px solid #E2223F !important; }
.rwdTabMain.resp-vtabs .resp-tabs-list li { padding: 25px 15px 25px 17px !important; }

/* FOR PUBS LANDING PAGE */
.product .value_prop .bluebg h1 { font-weight: 400; font-size: 36px !important; }
.product .value_prop .bluebg .productsubtitle { font-weight: 400; font-size: 20px !important; font-family: "ProximaNova", Arial, Helvetica, Sans-serif !important; }
/* ----------------- ADDED by kristin - end ----------------- */

#nav-promo {color: #fff; background: #222; text-align: center; line-height: 1.25; padding: 12px; }
#nav-promo .btnOutlineSml {margin-left:15px;}

@media screen and (min-width: 996px) {
	.rwd-footer .more-sites .container div { width: calc(100% - 230px); text-align: right;}
}

@media screen and (max-width: 995px) {	
    header .banner { border-bottom: 2px solid #000; }
	header .banner .headLogo img.large {margin-top: 7px;}   
	header .search {border-top:none;margin-top:0;}
	nav.topnav {border-top: none;}	
	nav.topnav menu {width: calc(100% - 35px);}
	nav.topnav menu li, nav.topnav menu li.last:hover {float: none;border-right: 0; border-left: 0; width: 100%; text-align: left; padding-left: 10px;}
    nav.topnav menu li:hover {background-color: #efefef; padding-bottom: 17px; border-bottom: 1px solid #FFF; }
    .ltcol .subnav menu li.on {font-weight:bold;}
	nav.topnav menu li a {padding-left: 12px; text-decoration: none;}
    nav.topnav menu li a:hover { color: #E2223F; }

	.ltcol .navTitle {position: relative; float:left; display:block; margin:0 -15px; vertical-align:middle; width:100%; cursor:pointer; padding:10px 15px; border-top: 1px solid #999;
	border-bottom: 1px solid #999;background-color:#fff; 
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); 
		background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
		background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
		background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
		background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
		background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );}
	.ltcol .navTitle:hover, .ltcol .navTitle:focus, .ltcol .navTitle.active {background-color: #eeeeee;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); 
		background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); 
		background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
		background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
		background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); 
		background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );}
	.ltcol .navTitle.active span {color: #0077C0;}
	.ltcol .navTitle span {color: #0077C0;}

	.ltcol .subnav {color:#0077C0; }
	.ltcol .subnav h2, .ltcol .subnav h2.main {background-color:#0077C0;}
	.ltcol .subnav h2 a {color:#FFF; text-decoration: none;}
	.ltcol .subnav h2 a:hover {color:#FFF;}
	.ltcol .subnav h3 {background-color:#F1F1F1; color:#0077C0;}
	.ltcol .subnav.first,.ltcol .subnav.static {margin-top:0;}
	.ltcol .subnav menu {background-color:#0077C0;}
	.ltcol .subnav menu li {background-color:#0077C0;}
	.ltcol .subnav menu li:hover,.ltcol .subnav menu li:focus, .ltcol .subnav h2:hover, .ltcol .subnav h2 :focus {background-color:#008CD2; color: #FFF;}
	.ltcol .subnav menu li.on {background-color:#008CD2;font-weight:bold;}
	.ltcol .subnav menu li a {color:#FFF; text-decoration: none;}
	.ltcol .subnav menu li a:hover {color:#FFF;}
	.ltcol .subnav menu li.indent{background-color:#F1F1F1;color:#0077C0;}
	.ltcol .subnav menu li.indent:hover, .ltcol .subnav menu li.indent:focus{background-color:#E5E5E5;}
	.ltcol .subnav menu li.indent a {color: #0077C0;}
}

@media screen and (max-width: 767px) {
	.back-to-top a {text-decoration: none;}
	section.twoCol_content  section.featureRichItem section.linkWidget > div.module.first:first-child {padding-top: 54px;}
	section.twoCol_content  section.sectionB section.featureRichItem section.linkWidget > div.module.first:first-child  { padding-top: 10px; border-top: 1px dotted #8CA7C0;}
	.genericsearch .btnRefine { background:none repeat scroll 0px 0px #008CD2;}   
	.genericsearch .btnRefine:hover, .genericsearch .btnRefine:focus{background:none repeat scroll 0px 0px rgb(0, 162, 229);color:#fff;}	
	.listBoxModule-cart .title {width:100%; margin-bottom:10px;}
	.listBoxModule-cart .price {width:65%}
	.CEProduct .program {width:100%;}
	.CEProduct .rtcol {width:100%;}     
}

@media screen and (max-width: 480px) {
	header .banner .headLogo img.large, .emailThis .banner .headLogo img.large {display: block; width: 150px; margin: 20px 0 5px 10px;}
	.emailThis .banner {height: 40px;}
	.listBoxModule-cart .price {width:100%;}
	.listBoxModule-cart .add {width:auto;float:left;margin-top:10px;}
	.listBoxModule-cart .quantity {display:none;}
	.CEProduct .program .pgrm_elem .text {width:100%; padding:5px 10px;}
	.CEProduct .program .pgrm_elem .title {width:100%;} 
	#nav-promo .btnOutlineSml {margin-top: 15px;}	
}