﻿@charset "utf-8";

@font-face {
    font-family:"HelveticaRegular";src:url("../Fonts/helvetica.eot");src:url("../Fonts/helvetica.eot?#iefix") format("embedded-opentype"),url("../Fonts/helvetica.woff") format("woff"),url("../Fonts/helvetica.ttf") format("truetype"),url("../Fonts/helvetica.svg#wf") format("svg");font-style:normal;
}

@font-face {
    font-family:"HelveticaBold";src:url("../Fonts/helvetica-bold.eot");src:url("../Fonts/helvetica-bold.eot?#iefix") format("embedded-opentype"),url("../Fonts/helvetica-bold.woff") format("woff"),url("../Fonts/helvetica-bold.ttf") format("truetype"),url("../Fonts/helvetica-bold.svg#wf") format("svg");
}

@font-face {
    font-family:"FranklinGothicDemiRegular";src:url("../Fonts/franklinGothic-regular.eot");src:url("../Fonts/franklinGothic-regular.eot?#iefix") format("embedded-opentype"),url("../Fonts/franklinGothic-regular.woff") format("woff"),url("../Fonts/franklinGothic-regular.ttf") format("truetype"),url("../Fonts/franklinGothic-regular.svg#wf") format("svg");
}

@font-face {
    font-family:"FranklinGothicHeavy";src:url("../Fonts/FranklinGothic-Heavy.eot");src:url("../Fonts/FranklinGothic-Heavy.eot?#iefix") format("embedded-opentype"),url("../Fonts/FranklinGothic-Heavy.woff") format("woff"),url("../Fonts/FranklinGothic-Heavy.ttf") format("truetype"),url("../Fonts/FranklinGothic-Heavy.svg#wf") format("svg");
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

body {
    font: 12px Gotham A, Gotham B, HelveticaRegular,Arial,Sans Sarif;
}

nav ul,footer ul,#breadcrumbs ul {
    list-style: none;
}

blockquote,q {
    quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none;
}

a {
    background: transparent;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

ins {
    background-color: #ff9;
    color: #2c2c2c;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #2c2c2c;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}

input,select {
    vertical-align: middle;
}

pre,code,kbd,samp {
    font-family: monospace,Arial;
}

body,select,input,textarea {
    color: #2c2c
}

h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
}

a,a:active,a:visited,a:hover,a:active {
    outline: 0;
    color: #34b6e4;
    text-decoration: none;
}

ul,ol {
    list-style: none;
}

ol {
    list-style-type: decimal;
}

nav ul,nav li {
    margin: 0;
}

small {
    font-size: 85%;
}

strong,th {
    font-weight: bold;
}

td,td img {
    vertical-align: top;
}

sub {
    font-size: 60%;
    vertical-align: sub;
}

sup {
    font-size: 60%;
    vertical-align: text-top;
}

.surveyBox p sup {
    font-size: 95%;
    vertical-align: text-top;
}

pre {
    padding: 15px;
    white-space: pre;
    white-space: pre-line;
    white-space: pre-wrap;
    word-wrap: break-word;
}

textarea {
    overflow: auto;
}

.ie6 legend,.ie7 legend {
    margin-left: -7px;
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom;
}

input[type=button],input[type=submit],button {
    cursor: pointer;
}

button,input,select,textarea {
    margin: 0;
}

.atclear {
    font-size: 0;
    overflow: hidden;
}

input:focus,textarea:focus {
    outline: 0;
}

@font-face {
    font-family:'DotMatrixBold';src:url('../Fonts/dotmbold-webfont.eot');src:url('../Fonts/dotmbold-webfont.eot?#iefix') format('embedded-opentype'),url('../Fonts/dotmbold-webfont.woff') format('woff'),url('../Fonts/dotmbold-webfont.ttf') format('truetype'),url('../Fonts/dotmbold-webfont.svg#DotMatrixBold') format('svg');font-weight:normal;font-style:normal;
}

#wrapper {
    margin: 0 auto;
    width: 100%;
    background: #d0d0d0;
    color: #2c2c2c;
    font-size: 1.2em;
    overflow: hidden;
}

div.homepageLayout #content {
    width: 925px;
    margin: 15px auto;
}

#content {
    width: 925px;
    margin: 15px auto;
    padding-top: 80px;
}

h2 {
    font: bold 2.0em Gotham A,Gotham B,arial;/* Updated by SB for heading on 27-03-15  */
    text-transform: uppercase;
    padding: 15px 0;
    margin: 0;
    line-height: 28px;
}

h4 {
    font: 1.0em Gotham A,Gotham B; /* Updated by SB for UGET-186 on 27-03-15 reduced 1.25em to 1.0em */
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    line-height: 15px;
}

#header {
    text-align: left;
    position: relative;
    z-index: 9999;
    background: #000;
}

div.rotatorHeader,div.rotatorHeader span.rotatorHeaderSpan {
    background-repeat: no-repeat;
    text-transform: uppercase;
    height: 113px;
    font-family: FranklinGothicHeavy,arial;
}

div.rotatorHeader {
    background-position: 0 0;
}

div.rotatorHeader span.rotatorHeaderSpan {
    background-position: right -116px;
    display: inline-block;
    padding: 18px 25px 0;
}

.ie7 div.rotatorHeader span.rotatorHeaderSpan,.ie8 div.rotatorHeader span.rotatorHeaderSpan,.ie8 div.rotatorHeader span.rotatorHeaderSpan {
    padding: 18px 25px 0 28px;
}

div.rotatorHeader span.rotatorHeaderSpan span.style1 {
    color: #e8e9ea;
    font-size: 60px;
    line-height: 45px;
}

div.rotatorHeader span.rotatorHeaderSpan span.style2 {
    font-size: 38px;
    line-height: 38px;
}

div.rotatorHeaderAqua,div.rotatorHeaderAqua span.rotatorHeaderSpan {
    background-repeat: no-repeat;
    text-transform: uppercase;
    height: 148px;
    font-family: FranklinGothicHeavy,arial;
}

div.rotatorHeaderAqua {
    background-position: 0 0;
}

div.rotatorHeaderAqua span.rotatorHeaderSpan {
    background-position: right -151px;
    display: inline-block;
    padding: 18px 35px 0;
}

div.rotatorHeaderAqua span.rotatorHeaderSpan span.style1 {
    font-size: 57px;
    line-height: 50px;
}

div.rotatorHeaderAqua span.rotatorHeaderSpan span.style2 {
    font-size: 77px;
    line-height: 65px;
}

div.headerContainer {
    width: 100%;
    /*background: url(../Images/background/headerBg.png) 0 0 repeat-x;*/
	background:#303334;/* Changes in NAV BG color – SB – 11-3-2015*/
    height: 80px;
}

div.headerContainerInner {
    width: 925px;
    margin: 0 auto;
}

div.headerContainer section.left {
    float: left;
    padding-top: 28px;
}

div.headerContainer section.right {
    float: left;
    width: 630px;
}

div.headerContainer section.right nav {
    float: left;
    margin: 9px 0 0 8px;
    text-transform: uppercase;
    font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal;
    font-size: .8em;
    line-height: 18px;
}

div.headerContainer section.right nav ul li {
    padding: 0 6px;
    float: left;
    position: relative;
}

div.headerContainer section.right nav ul li a {
    color: #ededed;
    display: inline-block;
    padding: 20px 0 30px 0;
}

div.headerContainer section.right nav ul li a.active,div.headerContainer section.right nav ul li a:hover {
    color: #00b1ac;
}
/* CHANGES PART OF PRODUCT INNOVATION INHANCEMENT – NS – 05-13-2015  */
/*div.headerContainer section.right nav ul li menu.megamenu {
    background: #fff;
    padding: 35px 18px;
    position: absolute;
    width: 710px;
    left: -260px;
    top: 68px;
    z-index: 999999;
    font-size: 1.1em;
    height: 300px;
}
*/
div.headerContainer section.right nav ul li menu.megamenu {
    background: #fff;
    padding: 20px 5px 15px 5px;
    position: absolute;
    width: 305px!important;
    left: -90px;
    top: 50px;
    z-index: 999999;
    font-size: 1.1em;
    height: 300px;
}
div.headerContainer section.right nav ul li menu.megamenu ul {
    width: 100%;
}
/* CHANGES PART OF PRODUCT INNOVATION INHANCEMENT – NS – 05-13-2015  */
/* div.headerContainer section.right nav ul li menu.megamenu ul li {
    display: inline-block;
    float: left;
    border-left: solid 1px #c4c4c4;
    padding: 0 18px 0 18px;
    line-height: 16px;
    width: 153px;
}
*/
div.headerContainer section.right nav ul li menu.megamenu ul li {
    display: block;
    float: none;
    border-left: none;
    padding: 0 18px 0 18px;
    line-height: 16px;
    width: auto!important;
	height:auto!important;
}

div.headerContainer section.right nav ul li menu.megamenu ul li:first-child {
    border-left: solid 0 #c4c4c4;
}

div.headerContainer section.right nav ul li menu.megamenu ul li a {
    color: #2c2c2c;
    display: inline-block;
    padding: 0 0 7px 0;
}
/*
changes done for hover color of product menu – SB – 19-3-2015
div.headerContainer section.right nav ul li menu.megamenu ul li a:hover {
    text-decoration: underline;
}*/

div.headerContainer section.right nav ul li menu.megamenu ul li a:hover {
    color: #27aba2;
}

div.headerContainer section.right nav ul li menu.megamenu ul li ul {
    width: 135px;
    clear: both;
    min-height: 55px;
    height: auto!important;
    height: 172px;
}

div.headerContainer section.right nav ul li menu.megamenu ul li ul li {
    width: 135px;
    padding: 0;
    float: left;
    border-left: solid 0 #c4c4c4;
}

div.headerContainer section.right nav ul li menu.megamenu ul li ul li a {
    color: #00b1ac;
}

div.headerContainer section.right nav ul li menu.megamenu div.shadow {
    background: url(../Images/background/megamenuShadow.png) 0 0 no-repeat;
    position: absolute;
    left: 20px;
    bottom: -19px;
	/* CHANGES PART OF PRODUCT INNOVATION INHANCEMENT – NS – 05-13-2015 */ 
    /* width: 709px; */
	width:270px;
    height: 19px;
}

div.headerContainer section.right div.socialIcons {
    float: right;
    width: 205px;
    text-align: left;
    padding-top: 19px;
}

.ie7 div.headerContainer section.right div.socialIcons {
    width: 184px;
}

.addthis_default_style .at300b,.addthis_default_style .at300bo,.addthis_default_style .at300m {
    margin-right: 0;
}

.addthis_default_style .at15t_expanded,.addthis_default_style .at15t_compact {
    margin-right: 0!important;
}
.fb_iframe_widget_lift {z-index:9999 !important;}

#___plusone_0 {
    float: left!important;
}

.at300bs {
    background: transparent url(../Images/buttons/shareButton.gif) 0 0 no-repeat!important;
    width: 19px!important;
    height: 19px!important;
}

a.addthis_button_tweet {
    width: 60px!important;
}

.addthis_counter.addthis_pill_style a.addthis_button_expanded {
    margin: 0 3px 0 0!important;
}\span.emailSignup {
    display: block;
    padding-top: 2px;
}

div.homepageLayout div.collapsedHeader {
    display: none;
}

div.collapsedHeader {
    background: #060606;
    height: 54px;
    width: 100%;
    text-align: center;
}

div.collapsedHeader span.upArrowLink {
    width: 43px;
    height: 43px;
    cursor: pointer;
    background: url(../Images/buttons/moreBtn.png) 0 0 no-repeat;
    margin-top: 7px;
    display: inline-block;
}

div.homepageLayout .homepageVideo {
    float: left;
    width: 380px;
}

div.homepageLayout div.navigation {
    height: auto;
    position: absolute;
    position: absolute;
    top: 497px;
    width: 100%;
    z-index: 39000;
}

div.navigation {
    height: auto;
    position: absolute;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 39000;
}

div.stick {
    position: fixed!important;
    top: 0!important;
    width: 100%!important;
}

#footer {
    margin: 55px auto 0 auto;
    clear: both;
    padding: 0;
    background: #fff;
    width: 100%;
    color: #8f8f8f;
    font-size: .7em;
    text-transform: uppercase;
    float: left;
}

.ie7 #footer {
    margin: 40px auto 0;
    overflow: hidden;
    float: none;
}

#footer div.footerContainer {
    width: 925px;
    margin: 0 auto;
    text-align: left;
	font-family: 'Gotham A', 'Gotham B'; font-weight: 400; font-style: normal;
}

#footer div.footerContainer section.left {
float: left;
margin: 22px 0 40px;
width: 750px;
}

#footer div.footerContainer section.right {
float: right;
margin: 106px 0 0;
text-align: left;
}

#footer ul {
    width: 100%;
    clear: both;
}

#footer ul li {
    float: left;
    display: inline-block;
}

#footer ul li a {
    color: #8f8f8f;
}

#footer ul li a:hover {
    text-decoration: underline;
}

#footer ul li:first-child,#footer ul li:first-child a,#footer ul li:first-child ul {
    padding-left: 0!important;
}

#footer section.right ul li:first-child {
    padding: 35px 30px 0 0;
}

#footer div.footerMainNav ul li,#footer div.productsFooterNav ul li {
    padding: 0 0 20px;
}

#footer div.footerMainNav ul li a,#footer div.productsFooterNav ul li a,#footer div.footerNav ul li a {
    padding: 0 15px;
}
/* Changes in productsFooterNav seprator – SB – 12-3-2015*/
#footer div.productsFooterNav ul li a{ border-right: 1px solid #8f8f8f;}
#footer div.productsFooterNav ul li.last a {border-right: none;}

#footer div.footerMainNav ul li a {
    border-right: 1px solid #8f8f8f;
}

#footer div.footerMainNav ul li.last a {
    border-right: 0;
}

#footer div.productsFooterNav ul li ul {
    margin: 8px 0 0;
    padding: 0 15px 0 0;
    width: 120px;
}

#footer div.productsFooterNav ul li ul li {
    float: left;
    margin: 0;
    width: 138px;
    padding: 5px 0;
}

#footer div.productsFooterNav ul li ul li a {
    padding: 0 0 12px;
}

#footer div.footerSocialIcons {
    padding-top: 35px;
}

#footer div.footerSocialIcons ul li {
    padding: 0 15px;
}

#footer div.footerSocialIcons ul li a {
    background: url(../Images/background/footerSocialIcons.png) no-repeat right 0;
    display: inline-block;
    line-height: 20px;
    padding-right: 25px;
}

#footer div.footerSocialIcons ul li a.twitter {
    background-position: right -29px;
}

#footer div.footerSocialIcons ul li a.youtube {
    background-position: right -58px;
    padding-right: 50px;
}

#footer div.footerSocialIcons ul li a.instagram {
    background-position: right -90px;
}
/* footer adchoice */
#footer div.footerSocialIcons ul li a#_bapw-link{background:none;}
#footer div.footerSocialIcons ul li a#_bapw-link span:hover{text-decoration:underline;}

#footer .footernote {
    text-transform: none;
    padding: 10px 0 40px;
	font-weight: 400;
}

#footerPartnerImage{
margin-bottom: 20px;
    overflow: hidden;
}

#footerPartnerImage figure{
float: left;
}

#footerPartnerImage p{
color: #2C2C2C;
display: inline;
float: left;
font-size: 14px;
padding: 39px 0 0 18px;
text-transform: none;
}

/*a.CTAButtons,input.CTAButtons,span.CTAButtons a {
    background: #2c2c2c url(../Images/background/ctaButtonsBg.png) no-repeat right 9px;
    padding: 0 40px 0 12px;
    display: inline-block;
    text-transform: uppercase;
    height: 36px;
    color: #e8e9ea;
    line-height: 36px;
    font-family: FranklinGothicDemiRegular,arial;
    font-size: 13px;
    cursor: pointer;
}*/
/* Changes in Button BG color – SB – 11-3-2015*/
a.CTAButtons,input.CTAButtons,span.CTAButtons a {
    background: #454954 url(../Images/background/ctaButtonsBg.png) no-repeat right 9px;
    padding: 0 40px 0 12px;
    display: inline-block;
    text-transform: uppercase;
    height: 36px;
    color: #e8e9ea;
    line-height: 36px;
    font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal;
    font-size: 13px;
    cursor: pointer;
}

a.CTAButtons:hover,input.CTAButtons:hover,span.CTAButtons a:hover {
    color: #e8e9ea;
    background-position: right -23px;
}

a.CTAButtons:visited,input.CTAButtons,span.CTAButtons a:visited {
    color: #e8e9ea;
}

input.CTAButtons {
    overflow: visible;
    border: 0;
}

a.arrowLink,span.arrowLink {
    background: url(../Images/background/ctaButtonsBg.png) no-repeat right -31px;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 36px 0 0;
    color: #2c2c2c;
    line-height: 20px;
    font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal;
    font-size: 13px;
    cursor: pointer;
}

span.emailSignup a.arrowLink {
    color: #e8e9ea;
	font-size: 0.8em;
}

/*span.incredients a.CTAButtons {
    background: #2c2c2c url(../Images/background/ctaButtonsBg1.png) no-repeat right 9px;
    margin-right: 4px;
}*/
/* Changes in Button BG color – SB – 11-3-2015*/
span.incredients a.CTAButtons {
    background: #454954 url(../Images/background/ctaButtonsBg1.png) no-repeat right 9px;
    margin-right: 4px;
}

span.incredients a.CTAButtons:hover {
    background-position: right -23px;
}

.moreLink {
    background: url(../Images/background/moreArrow.png) no-repeat scroll right 2px transparent;
    color: #01b2ac;
    font-size: 10px;
    padding-right: 10px;
    text-transform: uppercase;
}

.arrow-link {
    background: url(../Images/background/moreArrow.png) no-repeat scroll right 2px transparent;
    color: #01b2ac;
    font-size: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    text-decoration: underline;
}

.arrow-link:hover {
    color: #01b2ac;
}

div.row-1,div.row-2 {
    width: 100%;
    float: left;
}

div.row-1 {
    position: relative;
}
div.row-1  header p{
    font-family: 'Gotham A', 'Gotham B'; /* Added by SB-27-03-15*/
}

div.row-1 .columnLeft {
    float: left;
    position: relative;
    width: 572px;
    z-index: 10;
}

div.row-1 .columnRight {
    float: right;
    margin: 0;
    position: relative;
    z-index: 10;
    width: 340px;
}

.componentContainer {
    float: left;
    width: 100%;
    margin: 15px 0 0;
}

.componentContainer .componentLeftCol {
    float: left;
    width: 240px;
}

.componentContainer .componentRightCol {
    float: left;
    width: 365px;
}

div.row-2 div.columnLeft {
    float: left;
    position: relative;
    width: 540px;
    z-index: 10;
}

div.row-2 div.columnRight {
    float: right;
    margin: 0;
    position: relative;
    z-index: 10;
    width: 335px;
}

.col-1 {
    padding: 10px 0 0 0;
}

.col-2 {
    padding: 30px 0 0 0;
}

.col-3 {
    padding: 20px 0 0 0;
}

div.categoryLayout div.columnLeft {
    float: left;
    position: relative;
    width: 550px;
    z-index: 10;
}

div.categoryLayout div.columnRight {
    float: right;
    position: relative;
    width: 333px;
    z-index: 10;
}

div.categoryLayout div.gameOnSection {
    margin-left: 10px!important;
    width: 313px!important;
}

div.homepageLayout div.wCurveBox {
    float: left;
    position: relative;
    background: #fff;
    padding: 17px 15px;
    text-align: left;
    margin-bottom: 15px;
    border: solid 1px #e1e1e1;
}

div.homepageLayout div.wCurveBox p {
    padding: 2px 0 15px 0;
}

div.homepageLayout div.wCurveBox section {
    padding: 4px 0 0 0;
}

.ie7 div.homepageLayout div.wCurveBox section {
    padding: 7px 0 0 0;
    width: 99.5%;
}

div.wCurveBox {
    float: left;
    background: #fff;
    padding: 10px;
    text-align: left;
}

div.wCurveBox p {
    padding: 5px 0 15px;
}

div.wCurveBoxL {
    float: left;
    background: #fff;
    padding: 18px 19px;
    text-align: left;
    margin: -17px 0 0 -18px;
}

div.wCurveBoxC {
    background: none repeat scroll 0 0 #fff;
    float: left;
    padding: 18px 19px;
    text-align: left;
}

div.twitteFeedBox {
    width: 307px;
    background: #fff;
    padding: 5px 17px 10px;
    position: relative;
    margin: 5px 0 0;
    float: left;
    text-align: left;
    height: 225px;
}

span.tooltipArrow {
    width: 29px;
    height: 12px;
    background: url(../Images/background/tooltipBg.gif) no-repeat 0 0;
    position: absolute;
    left: 40px;
    top: -11px;
}

div.twitteFeedBox ul li:first-child {
    border-top: solid 0 #b2b2b2;
}

div.twitteFeedBox ul li {
    padding: 12px 0;
    border-top: solid 1px #b2b2b2;
}

div.twitteFeedBox ul li a {
    color: #00b1ac;
}

div.twitteFeedBox footer {
    position: absolute;
    bottom: 14px;
}

.btn {
    background: #405d6e;
    font-size:;
}

.twitteFeedDivider {
    border-top: solid 1px #b2b2b2;
}

span.dottedDivider {
    float: left;
    width: 100%;
    background: url(../Images/background/dottedBg.gif) repeat-x 0 0;
    height: 3px;
    margin: 1px 0;
}

div.categoryBox {
    margin: 7px 0 7px 16px;
}

div.categoryCol h4 {
    width: 90px;
    padding: 30px 0 0 85px;
}
/* reduced top padding to 15px by SB-30march-2015*/
div.categoryCol h4.fourline {
    padding: 30px 0 0 102px;
}

div.categoryLayout div.section {
    clear: both;
    float: left;
    margin-left: -16px;
}

div.categoryCol {
    position: relative;
    background: url(../Images/background/categoryColBg.jpg) no-repeat 0 0;
    width: 190px;
    height: 168px;
}

div.categoryCol .categoryColInner {
    width: 190px;
    height: 168px;
}

div.categoryCol .categoryColInner a {
    color: #2c2c2c;
    display: block;
    width: 190px;
    height: 147px;
    float: left;
}

div.categoryCol div.details {
    float: left;
    padding: 70px 0 0 85px;
}

div.spotlight-5 p.offerDetails {
    font-size: .8em;
    padding-top: 12px;
    width: auto;
}

div.categoryCol div.details1 {
    float: left;
    padding: 70px 0 0 80px;
}

div.categoryCol div.fourLinerText,div.categoryCol .categoryColInner a.fourLinerText {
    padding: 55px 0 0 102px;
}

div.categoryCol a.arrowLink,div.categoryColMedium a.arrowLink,div.categoryCol span.arrowLink,div.categoryColMedium span.arrowLink {
    position: absolute;
    bottom: 5px;
    right: -3px;
}

div.categoryColMedium {
    position: relative;
    background: url(../Images/background/categoryColBgM.jpg) no-repeat 0 0;
    width: 416px;
    height: 168px;
}

div.categoryColMedium .categoryColInner {
    width: 416px;
    height: 168px;
}

div.categoryColMedium .categoryColInner a {
    color: #2c2c2c;
    display: block;
    width: 226px;
    height: 88px;
    float: left;
    padding: 30px 0 0 120px;
}

div.categoryColMedium div.details {
    float: left;
    padding: 60px 0 0 190px;
}

div.categoryLastCol {
    margin-right: 0;
}
/* changes done for right spotlight by SB-23-03-15
div.columnRight div.wCurveBox div.spotlight-5 {
    background: url(../Images/background/spotlightBg_new.jpg) 0 0 no-repeat;
}

div.columnRight div.wCurveBox div.spotlight-6 {
    background: url(../Images/background/spotlightBg.jpg) 0 0 no-repeat!important;
}

div.columnRight div.wCurveBox div.spotlight-6, div.columnRight div.wCurveBox div.spotlight-5 {
background: url("../Images/background/offer-promo-right-bg.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
div.columnRight div.wCurveBox div.spotlight-5 .flexbody{
	left: 20px;
	bottom: 0;
}*/
div.columnRight div.wCurveBox div.spotlight-5.spotlightCoupon,div.columnRight div.wCurveBox div.spotlight-6.spotlightCoupon  {
    background: url(../Images/background/offer-promo-right-bg.jpg) 0 0 no-repeat;
}
div.columnRight div.wCurveBox div.spotlight-5.spotlightCoupon .flexbody{
	left: 20px;
	bottom: 0;
	width:86%;}

div.columnRight div.wCurveBox div.spotlight-5 h2 {
    font-size: 21px;
    color: #fff;
    padding-top: 0;
    padding-bottom: 8px;
}

div.wCurveBox div.spotlight-3 h2 {
    font-size: 28px;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0;
}

#breadcrumbs {
    margin: 0 0 15px 0;
    width: 100%;
}

#breadcrumbs ul li {
    display: inline;
    color: #828a8f;
}

#breadcrumbs ul li a {
    color: #828a8f;
	font-weight:800;
    text-transform: uppercase;
}

#breadcrumbs ul li a.active {
    color: #2c2c2c;
}

div.bracketsAquaMedium {
    font-family: FranklinGothicHeavy,arial;
    background: url(../Images/background/bracketsAquaMedium.png) 0 0 no-repeat;
    text-transform: uppercase;
    height: 100px;
    font-family: FranklinGothicHeavy,arial;
    display: inline-block;
}

span.bracketsAquaMediumSpan {
    background: url(../Images/background/bracketsAquaMedium.png) right -102px no-repeat;
    display: inline-block;
    padding: 13px 25px 0;
    height: 100px;
}

span.bracketsAquaMediumSpan span.style1 {
    color: #fff;
    font-size: 38px;
}

span.bracketsAquaMediumSpan span.style2 {
    font-size: 36px;
    line-height: 25px;
}

div.bracketsAquaSmall {
    font-family: FranklinGothicHeavy,arial;
    background: url(../Images/background/bracketsAquaSmall.png) 0 0 no-repeat;
    text-transform: uppercase;
    height: 88px;
    font-family: FranklinGothicHeavy,arial;
    display: inline-block;
}

div.decomBracketsAquaSmall {
    font-family: FranklinGothicHeavy,arial;
    background: url(../Images/background/decoBracketsAquaSmall.png) 0 0 no-repeat;
    text-transform: uppercase;
    height: 61px;
    font-family: FranklinGothicHeavy,arial;
    display: inline-block;
}

div.spotlight-7 div.decobracketsAquaSmall {
    font-family: FranklinGothicHeavy,arial;
    background: url(../Images/background/bracketsAquaSmall.png) 0 0 no-repeat;
    text-transform: uppercase;
    height: 88px;
    text-align: center;
    float: left;
    font-family: FranklinGothicHeavy,arial;
    display: inline-block;
}

span.bracketsAquaSmallSpan {
    background: url(../Images/background/BracketsAquaSmall.png) right -92px no-repeat;
    display: inline-block;
    padding: 13px 25px 0;
    height: 88px;
}

span.decomBracketsAquaSmallSpan {
    background: url(../Images/background/decoBracketsAquaSmall.png) right -62px no-repeat;
    display: inline-block;
    padding: 10px 25px 0;
    height: 64px;
}

div.spotlight-7 span.decobracketsAquaSmallSpan {
    background: url(../Images/background/BracketsAquaSmall.png) right -92px no-repeat;
    display: inline-block;
    padding: 13px 25px 0;
    height: 88px;
}

div.bracketsAquaHeight74 {
    font-family: FranklinGothicHeavy,arial;
    background: url(../Images/background/bracketsAquaHeight74.png) 0 0 no-repeat;
    text-transform: uppercase;
    height: 74px;
    font-family: FranklinGothicHeavy,arial;
    display: inline-block;
    margin-bottom: 27px;
}

span.bracketsAquaHeight74Span {
    background: url(../Images/background/bracketsAquaHeight74.png) right -87px no-repeat;
    display: inline-block;
    padding: 8px 18px 0;
    height: 66px;
}

span.bracketsAquaHeight74Span span.style1 {
    font-size: 50px;
}

span.bracketsAquaSmallSpan span.style1 {
    color: #fff;
    font-size: 38px;
}

span.bracketsAquaSmallSpan span.style2 {
    font-size: 36px;
    line-height: 25px;
}

div.bracketsAquaLarge {
    font-family: FranklinGothicHeavy,arial;
    background: url(../Images/background/l-bkts_mar_2015.png) 0 0 no-repeat;
    text-transform: uppercase;
    height: 168px;
    font-family: FranklinGothicHeavy,arial;
    display: inline-block;
    width: 233px;
    margin: 0 auto;
}

span.bracketsAquaLarge {
    display: inline-block;
    padding: 13px 25px 0;
    height: 168px;
}

div.bracketsAquaM {
    font-family: FranklinGothicHeavy,arial;
    background: url(../Images/background/bracketsAquaM.png) 0 0 no-repeat;
    text-transform: uppercase;
    height: 110px;
    font-family: FranklinGothicHeavy,arial;
    display: inline-block;
}

span.brracketsAquaMSpan {
    background: url(../Images/background/bracketsAquaM.png) right -116px no-repeat;
    display: inline-block;
    padding: 23px 22px 0;
    height: 110px;
}

span.bracketsAquaMSpan span.style1 {
    font-size: 33px;
}

span.bracketsAquaMSpan span.style2 {
    font-size: 33px;
    line-height: 20px;
}

.buttonWrapper {
    padding: 20px 0 0!important;
}
/* changes done for updating position of button by SB-23mar-2015
div.wCurveBox div.spotlight-3 p.getCoupon {
    padding: 5px 0 0!important;
}
*/
div.wCurveBox div.spotlight-3 p.getCoupon {
    padding: 125px 0 0!important;}
div.carouselCol {
    width: 189px;
    height: 132px;
}

div.carouselCol figure {
    float: left;
}

div.carouselCol aside {
    float: left;
    padding: 30px 0 0 15px;
    display: none;
}

div.mayLike {
    display: block;
    clear: both;
}

div.jcarousel-skin-mayLike .jcarousel-direction-rtl {
    direction: rtl;
}

div.jcarousel-skin-mayLike .jcarousel-container-horizontal {
    width: 446px;
    padding: 0 52px;
}

div.jcarousel-skin-mayLike .jcarousel-clip {
    overflow: hidden;
}

div.jcarousel-skin-mayLike .jcarousel-clip-horizontal {
    width: 434px;
    height: 152px;
}

div.jcarousel-skin-mayLike .jcarousel-item {
    background: #fff;
    padding: 10px;
    width: 189px;
    height: 132px;
}

div.jcarousel-skin-mayLike .jcarousel-item-horizontal {
    margin: 0 15px 0 0;
}

div.jcarousel-skin-mayLike .jcarousel-next-horizontal {
    position: absolute;
    top: 53px;
    right: 12px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    background: transparent url(../Images/background/carouselBtns.png) -45px 0 no-repeat;
}

div.jcarousel-skin-mayLike .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 0;
    right: auto;
    background-image: url(../Images/background/carouselBtns.png);
}

div.jcarousel-skin-mayLike .jcarousel-prev-horizontal {
    position: absolute;
    top: 53px;
    left: 0;
    width: 42px;
    height: 42px;
    cursor: pointer;
    background: url(../Images/background/carouselBtns.png) 0 0 no-repeat;
}

div.jcarousel-skin-mayLike .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 37px;
    background-image: url(../Images/background/carouselBtns.png);
}

div.contentWrapper {
    background: #f6f6f6;
    padding: 17px 18px;
    float: left;
    width: 889px;
}

div.categoryTitle {
    padding: 12px 0;
	font-family: 'Gotham A', 'Gotham B'; font-weight: 400; font-style: normal;
}
div.categoryTitle h2 {
font-family: 'Gotham A', 'Gotham B'; font-weight: 800;
}

div.categoryTitle span.CTAButtons {
    position: relative;
    top: 10px;
    left: 17px;
}

ul.productList {
    list-style-type: none;
    width: 100%;
    float: left;
}

ul.productList li {
    background-color: #fff;
    padding: 10px;
    background: url(../Images/background/thumbnilBg.jpg) no-repeat 0 0;
    width: 190px;
    height: 168px;
    display: inline-block;
    float: left;
}

.spotlight-4 div.socialIcons {
    width: 219px;
    height: 26px;
    padding: 8px 0 0 5px;
    /*background: url(../Images/background/socialIconBg.png) repeat 0 0;
	Removed as per client-requirement by SB-31-03-15*/
}

.ie7 .spotlight-4 div.socialIcons {
    width: 189px;
    height: 26px;
    padding: 8px 0 0 5px;
    background: url(../Images/background/socialIconBg.png) repeat 0 0;
}

.addthis_button_facebook_like div,.addthis_button_facebook_like span,.addthis_button_facebook_like iframe,.addthis_button_facebook_like:hover div,.addthis_button_facebook_like:hover span,.addthis_button_facebook_like:hover iframe {
    opacity: 1!important;
    filter: alpha(opacity=100)!important;
    -ms-filter: Alpha(Opacity=100)!important;
}

div.spotlightShadow {
    background: url(../Images/background/spotlightShadow.png) 0 0 no-repeat;
    position: absolute;
    left: -20px;
    bottom: -28px;
    width: 924px;
    height: 9px;
}

.addthis_button_facebook_like {
    width: 52px!important;
}

span.seeTech {
    display: inline-block;
    padding: 27px 0 0 12px;
}

#ingredientContent,#overlayContent {
    padding: 15px 30px;
}

#ingredientContent p,#overlayContent p {
    font-size: 1.2em;
}

#overlayContent ul li {
    padding: 10px 0;
    display: block;
}

.buyonlineProducts {
    width: 868px;
    position: relative;
}

.buyonlineProducts div.newListSelected {
    width: 158px;
}

.buyonlineProducts aside {
    display: block;
    float: left;
    min-height: 110px;
    height: auto!important;
    height: 110px;
    padding: 8px 0 0 0;
    width: 100%;
}

.buyonlineProducts aside ul li {
    float: left;
    margin: 0 0 10px 6px;
}

.buyonlineProducts aside ul li.chooseCatCol {
    width: 260px;
}

.buyonlineProducts aside ul li.arrow {
    margin: 23px 0 0 15px;
}

#secshopListWiewCont ul li {
    width: 100%;
}

.buyonlineProducts aside ul li h4 {
    font-size: 14px;
    margin-bottom: 8px;
}

.buyonlineProducts aside ul li.zipCol {
    width: 195px;
}

.buyonlineProducts aside ul li.lastchild {
    width: 150px;
    margin-top: 13px;
}

div.pnlSuggestedTopic .CTAButtons,div.helpText .CTAButtons {
    margin-top: 5px;
}

div.pnlSuggestedTopic {
    height: 132px;
}

div.pnlSuggestedTopic a {
    font-size: .9em;
    text-decoration: underline;
}

.verSeperateBg {
    background: url(../Images/background/verticalDotBg.gif) repeat-y 500px top;
    min-heighages/background/verticalDotBg.gif) repeat-y 500px top;min-height: 400px;
    height: auto!important;
    height: 400px;
}

.buyonlineProducts .storeLeftCol {
    float: left;
    width: 475px;
    padding: 5px 15px 20px 10px;
    background: url(../Images/background/verticalDotBg.gif) repeat-y right top;
    min-height: 400px;
    height: auto!important;
    height: 400px;
}

div.onlineRetailerCol {
    width: 343px;
    position: absolute;
    right: 5px;
    top: 220px;
}

.buyonlineProducts h5,div.onlineRetailerCol h5 {
    font-size: 14px;
    margin-bottom: 15px;
}

div.onlineRetailerCol ul.onlineRetailers li {
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

div.onlineRetailerCol ul.onlineRetailers li figure {
    text-align: center;
    display: inline-block;
    margin-right: 22px;
}

div.onlineRetailerCol ul.onlineRetailers li figure.colum2 {
    width: 170px;
}

div.onlineRetailerCol ul.onlineRetailers li figure.colum1 {
    width: 343px;
}

.shopListViewCont ul li {
    clear: both;
    float: left;
    margin: 0 0 15px 0;
    width: 100%;
}

.shopListViewCont ul li figure {
    float: left;
    text-align: left;
    width: 90px;
}

.shopListViewCont ul li details {
    float: left;
    margin-left: 8px;
    width: 130px;
    font-size: 12px;
}

.shopListViewCont ul li details strong {
    font-weight: bold;
}

.shopListViewCont ul li span {
    float: left;
    font-weight: normal;
    margin-left: 10px;
    width: 85px;
    font-size: 12px;
}

.moreLinkHolder {
    float: left;
    margin-left: 100px;
    display: inline;
}

#retailerListVw {
    margin-top: 50px;
}

.errorMessage {
    margin-bottom: 6px;
    color: #ef3829;
}

li div.error,li.error {
    color: #ef3829;
}

li div.error input,li.error input,li.error .newListSelected,li div.error .newListSelected {
    border: 1px solid red;
}

input[type="text"] {
    font-size: 10px;
    color: #7e7e7e;
    border: 1px solid #7e7e7e;
    padding: 2px;
}

textarea {
    font-size: 10px;
    color: #7e7e7e;
    border: 1px solid #7e7e7e;
    padding: 2px;
}

input.txtbxMedium {
    width: 135px;
}

#formWrapper {
    width: 850px;
    font-size: .8em;
    font-family: 'Gotham A', 'Gotham B';
}

#formWrapper ul {
    padding: 0 0 20px 0;
}

#formWrapper ul li {
    padding: 9px 0;
    display: block;
    margin: 0;
    float: left;
    width: 100%;
}

#formWrapper ul li div.registerFildsColumn {
    float: left;
    width: 360px;
}

#formWrapper ul li div.registerFildsColumn label {
    font-family: 'Gotham A', 'Gotham B';
	font-weight: 800;
    width: 100px;
    display: inline-block;
    padding-right: 5px;
    float: left;
    line-height: 18px;
}

input.registerFields {
    width: 210px;
    border: solid 1px #828a8f;
    color: #7e7e7e;
    font-size: .9em;
    padding: 1px;
}

#formWrapper ul li div.registerFildsColumn input.addCol1 {
    width: 46px;
    margin-right: 3px;
}

#formWrapper ul li div.registerFildsColumn input.addCol2 {
    width: 55px;
}

#formWrapper ul li div.registerFildsColumn div.stateField {
    width: 200px;
    float: left;
}

#formWrapper ul li div.registerFildsColumn div.stateField select,#formWrapper ul li div.registerFildsColumn div.stateField div.newListSelected {
    width: 80px;
}

select.stateSel,select.genderSel {
    width: 60px;
}

#formWrapper ul li div.registerFildsColumn div.zipField {
    width: 150px;
    float: left;
    padding-left: 5px;
}

#formWrapper ul li div.registerFildsColumn div.zipField label {
    width: 25px;
}

#formWrapper ul li div.registerFildsColumn div.zipField input.registerFields {
    width: 80px;
}

#formWrapper ul li div.registerFildsColumn div.registerSelectColumn {
    float: left;
    margin-right: 5px;
}

#formWrapper ul li div.registerFildsColumn #month div.newListSelected {
    width: 92px;
}

#formWrapper ul li div.registerFildsColumn #day div.newListSelected,#formWrapper ul li div.registerFildsColumn #year div.newListSelected {
    width: 55px;
}

#formWrapper ul li.couponList p {
    padding: 10px 20px 0 0;
}

ul.newList {
    margin: 0;
    padding: 0!important;
}

div.newListSelected ul.newList span {
    color: #7e7e7e!important;
    text-decoration: none!important;
    display: block;
    padding: 2px 5px;
    font-size: 11px;
    border: 0 solid red;
    width: auto;
}

ul.newList {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #7e7e7e;
    width: 100%;
    background: #fff;
    position: absolute;
    border: 1px solid #c1cbdc;
    top: 17px!important;
    left: 0;
    z-index: 99999;
    text-align: left;
    max-height: 200px;
    height: auto!important;
    overflow-y: auto;
    overflow-x: hidden;
}

ul.newList li:first-child {
    border-top: 0 solid #c1cbdc!important;
}

ul.newList li {
    padding: 0!important;
    border-top: 1px solid #c1cbdc!important;
    margin: 0!important;
    background: 0;
    width: 100%;
}

div.newListSelected {
    background: #fff;
    padding: 0;
    width: 80px;
    position: relative;
    z-index: 999;
    color: #7e7e7e;
    padding: 0;
    float: left;
}

div.newListSelected div {
    display: block;
    padding: 2px 15px 0 3px;
    text-align: left;
    background: url(../Images/background/selectArrow.gif) no-repeat right top;
}

.error div.newListSelected span {
    width: 200px;
    display: block;
    border: solid 1px red;
}

div.selectedTxt {
    overflow: hidden;
    height: 13px;
    font-size: 11px;
    border: 1px solid #7e7e7e;
}

div.newListSelected ul.newList span.hiLite {
    background: #316ac5;
    color: #fff!important;
}

div.newListSelected ul.newList span.hiLite,div.newListSelected ul.newList span.hiLite:hover,div.newListSelected ul.newList span.hiLite:visited {
    background: #316ac5;
    color: #fff!important;
    text-decoration: none!important;
}

.newListHover {
    background: #ccc;
    color: #7e7e7e;
    cursor: default;
}

.newListSelHover,.newListSelFocus {
    cursor: default;
}

.newListOptionTitle {
    font-weight: bold;
}

.newListOptionTitle ul {
    margin: 3px 0 0;
}

.newListOptionTitle li {
    font-weight: normal;
    border-left: 1px solid #ccc;
}

.checkboxHide {
    position: absolute;
    left: -999999px;
}

.checkBoxInActive {
    background: url(../Images/background/chkboxInActive.gif) no-repeat left 2px;
    padding-left: 20px;
    display: block;
}

.checkBoxActive {
    background: url(../Images/background/chkboxActive.gif) no-repeat left 2px;
    padding-left: 20px;
    display: block;
}

div.typeCheck label.checkBoxInActive {
    padding-bottom: 10px;
}

.leftContact {
    width: 480px;
    padding: 10px 0 0 0;
}

.suggest {
    width: 160px;
    padding: 0 0 0 10px;
}

.scrollbox {
    width: 170px;
    height: 222px;
    background: #fff;
    font-size: .9em;
    border: 1px solid #7e7e7e;
    cursor: text;
    overflow: auto;
    padding: 10px;
}

#answer {
    margin: 11px 15px;
}

.buyonlineProducts aside#conaside {
    display: block;
    float: left;
    margin: 0;
    padding: 0 0 20px 0;
    min-height: 60px;
    height: auto!important;
    height: 60px;
}

.buyonlineProducts aside#conaside ul li {
    float: left;
    width: 160px;
}
.buyonlineProducts aside#conaside ul li select options{
font-family: 'Gotham A', 'Gotham B';font-weight:normal;
}

.buyonlineProducts aside#conaside ul li h4 {
    font-size: 14px;
}

.buyonlineProducts .onlineContactCol {
    width: 380px;
    padding: 10px 0 0 0;
}

.buyonlineProducts div.suggest h5,div.helpText h5 {
    margin-bottom: 8px;
}

#error_messages1 {
    clear: both;
    font-size: .9em;
    padding: 5px;
}

#scrollToTop {
    background: url(../Images/buttons/backTopButt.png) no-repeat left top;
    width: 51px;
    height: 49px;
    position: fixed;
    right: 117px;
    top: 250px;
    text-indent: -9999px;
    cursor: pointer;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right!important;
}

.clear {
    clear: both;
}

.strong {
    font-weight: 800;
    font-size: 1.1em;
}

.aqua {
    color: #00b1ac;
}

.marginTop15 {
    margin-top: 15px;
}

.marginBottom15 {
    margin-bottom: 15px;
}

.alignCenter {
    text-align: center;
}

.paddingTopBottom5 {
    padding-top: 5px;
    padding-bottom: 5px;
    clear: both;
}

.paddingOnly5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.txtBold {
    font-family: 'Gotham A', 'Gotham B';
}

input.txtbxLarge {
    width: 335px;
}

.lineheight {
    line-height: 25px;
}

li.chooseProdCol select {
    width: 150px;
}

#pageContent_ContactUsControl_pnlSuggestedTopic {
    height: 122px;
}

#pageContent_ContactUsControl_pnlSuggestedTopic a {
    font-size: .9em;
    text-decoration: underline;
}

div.videocategory {
    width: 867px;
    height: 560px;
    background: url(../Images/background/VideoBoxBg.jpg) no-repeat 0 0;
    position: relative;
}

div.videoContainer {
    width: 537px;
    height: 301px;
    position: relative;
    margin: 0 0 10px 0;
    background: #000;
}
#homepageVideo.videoContainer{margin:0 0 3px 0;}
div.videoContainer .playButton {
    position: absolute;
    z-index: 1001;
    top: 89px;
    left: 202px;
}
/* added font for video page by SB-24-03-15*/
.videoBoxOuter header h2, .videoBoxOuter .vidCarouselCol .figcaption, .videoContent p{font-family: 'Gotham A', 'Gotham B'; font-weight: 800;}
div.videoContainer img {
    position: absolute;
    z-index: 1000;
}

.videoContent {
    width: 430px;
    float: left;
    padding: 0 0 20px 0;
    height: 55px;
}
.videoContent p{ font-weight: 400;}
.videoContent h3 {
    text-transform: uppercase;
    font-family: 'Gotham A', 'Gotham B'; font-style: normal; font-weight:800;
}

span.videoCaption {
    background: url(../Images/background/captionBg.png) no-repeat 0 0;
    color: #fff;
    font: italic normal Gotham A, Gotham B;
    padding: 20px;
    display: inline-block;
    width: 240px;
    cursor: text;
}

div.youtubeVideoPlayer {
    background: #000;
}

div.videoBoxOuter0,div.videoBoxOuter1,div.videoBoxOuter2, {
    float: left;
    background: #fff;
    margin: 10px 0 0 0;
    text-align: left;
    position: absolute;
}

div.videoBoxOuter {
    margin: 10px 0 0 0;
}

#videoBoxWrapper {
    margin: 0;
    height: 1710px;
}

#videoBoxWrapper1 {
    height: 570px;
}

div.videoBoxOuter0 {
    top: 92px;
}

div.videoBoxOuter1 {
    top: 662px;
}

div.videoBoxOuter2 {
    top: 1232px;
}

#videoBoxWrapper1 span.videoCaption {
    display: none;
}

.displayNone {
    display: none!important;
}

div.tabsCont,div.panelCont {
    clear: both;
}

.stickTab {
    position: fixed;
    top: 133px;
    width: 877px;
    z-index: 9000;
    height: 57px;
    background: #f6f6f6;
}

.stickSubTab {
    position: fixed;
    top: 190px;
    width: 852px;
    z-index: 9000;
}

div.UITabDetailCont {
    float: left;
    position: relative;
    width: 887px;
    background: url(../Images/background/horiBorderBg.gif) no-repeat left 49px;
}

div.UITabDetailCont div.tabsCont ul {
    border: 10px solid #fff;
    border-left: 0;
    float: left;
}

div.UITabDetailCont div.tabsCont ul li {
    font: 1.15em FranklinGothicHeavy,arial;
    background: url(../Images/background/tabsBg.png) 0 -49px no-repeat;
    width: 252px;
    list-style: none;
    margin: 0;
    float: left;
    text-align: center;
    height: 47px;
    margin-bottom: -10px;
}

div.UITabDetailCont div.tabsCont ul li.activeTab {
    background: url(../Images/background/tabsBg.png) 0 0 no-repeat;
    color: #00b1ac;
}

div.UITabDetailCont div.tabsCont ul li a {
    line-height: 45px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
}

div.UITabDetailCont div.tabsCont ul li a:link {
    color: #2c2c2c;
    padding: 0;
}

div.UITabDetailCont div.tabsCont ul li a:visited {
    color: #2c2c2c;
}

div.UITabDetailCont div.tabsCont ul li.activeTab a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #00b1ac;
}

div.UITabDetailCont div.panelCont {
    overflow: hidden;
    border: 10px solid #fff;
    border-top: 0;
}

div.UITabDetailCont#tab2 .panelCont {
    overflow: auto;
}

div.UITabDetailCont ul.subnav a,div.UITabDetailCont #vidContent a {
    text-decoration: none;
    border: 0;
    background: 0;
    text-transform: Capitalize;
    font: bold 12px Gotham A, Gotham B,arial;
}

div.UITabDetailCont #vidContent .subnav a {
    text-transform: uppercase;
}

div.UITabDetailCont ul.subnav,div.UITabDetailCont ul.subnavCommercial {
    clear: both;
    border-top: 0;
    height: 35px;
    padding: 0 0 0 15px;
    background-color: #2c2c2c;
}

div.UITabDetailCont ul.subnav li {
    font: normal 1.0em FranklinGothicHeavy,arial;
    background: 0;
    list-style: none;
    float: left;
    text-align: center;
    width: auto;
    border: 0;
    height: auto;
    padding: 10px 7px;
    margin: 0;
}

div.UITabDetailCont ul.subnav li a {
    color: #fff;
    text-transform: uppercase;
}

div.UITabDetailCont ul.subnav li a:hover {
    color: #00b1ac;
}

div.flashOff {
    background: #2e2e2e;
    color: #fff;
    padding: 20px;
    text-align: left;
    height: 261px;
}

div.flashOff span {
    display: block;
    font-weight: bold;
    margin: 10px 0;
}

div.flashOff a {
    color: #fff;
}

.videoCarousel {
    float: none!important;
    border: 0!important;
    height: 114px;
}

div.vidCarouselCol {
    width: 139px;
    height: 114px;
    float: left;
	margin-right: 20px;
}

div.vidCarouselCol img {
    width: 139px;
}

div.vidCarouselCol a {
    color: #2c2c2c;
}
/* Changes in text color in video carousal section – SB – 11-3-2015*/
.videoBoxWrapper div.vidCarouselCol a, .videoBoxWrapper .spotlight-8 header h2, .videoBoxWrapper .spotlight-8 .videoContent  {
 color: #fff;
}

div.vidCarouselCol figure {
    float: left;
    height: 85px;
}

div.vidCarousel {
    display: block;
    clear: both;
    padding: 2px 0 0 0;
}

div.jcarousel-skin-video .jcarousel-direction-rtl {
    direction: rtl;
}

div.jcarousel-skin-video .jcarousel-container-horizontal {
    width: 438px;
    padding: 0 52px;
}

div.jcarousel-skin-video .jcarousel-clip {
    overflow: hidden;
}

div.jcarousel-skin-video .jcarousel-clip-horizontal {
    width: 440px;
    height: auto;
    margin: 0;
}

div.jcarousel-skin-video .jcarousel-clip-horizontal ul li {
    width: 137px;
    position: relative;
}

div.jcarousel-skin-video .jcarousel-clip-horizontal ul li a {
    z-index: 10;
}

div.jcarousel-skin-video .jcarousel-clip-horizontal ul li a.selected {
    border: 4px solid #01b2ac!important;
    display: block;
}

div.jcarousel-skin-video .jcarousel-clip-horizontal ul li a img.selected {
    border: 4px solid #01b2ac!important;
    display: block;
    width: 131px;
}
div.jcarousel-skin-video .jcarousel-clip-horizontal ul li a:hover img {
     border: 4px solid #01b2ac!important;
    display: block;
    width: 131px; 
}

div.jcarousel-skin-video .jcarousel-item {
    text-align: center;
    font: bold 12px Gotham A, Gotham B;
}

div.jcarousel-skin-video .jcarousel-item-horizontal {
    margin: 0 12px 0 0;
}

div.jcarousel-skin-video .jcarousel-next-horizontal {
    position: absolute;
    top: 20px;
    right: 0;
    width: 42px;
    height: 42px;
    cursor: pointer;
    background: transparent url(../Images/background/carouselBtns.png) -45px 0 no-repeat;
    z-index: 1000;
}

div.jcarousel-skin-video .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 0;
    right: auto;
    background-image: url(../Images/background/carouselBtns.png);
}

div.jcarousel-skin-video .jcarousel-next-disabled-horizontal,div.jcarousel-skin-video .jcarousel-next-disabled-horizontal:active {
   background: none!important;
    display: none;
    cursor: default;
 }

#videoBoxWrapper1 div.jcarousel-skin-video .jcarousel-next-horizontal {
    background: none;
    display: none;
}

div.jcarousel-skin-video .jcarousel-prev-disabled-horizontal,div.jcarousel-skin-video .jcarousel-prev-disabled-horizontal:active {
     background: none!important;
    display: none;
    cursor: default; 
}

div.jcarousel-skin-video .jcarousel-prev-horizontal {
    position: absolute;
    top: 20px;
    left: 0;
    width: 42px;
    height: 42px;
    cursor: pointer;
    background: url(../Images/background/carouselBtns.png) 0 0 no-repeat;
    z-index: 1000;
}

div.jcarousel-skin-video .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 37px;
    background-image: url(../Images/background/carouselBtns.png);
}

.offerDetails {
    width: 440px;
    padding: 0 10px 0 20px;
}

.offerDetails span.desc {
    width: 295px;
    padding: 0 10px 0 0;
}

.offerDetails p.details {
    margin: 10px 0 0 0;
}

img.activationSlideLogo {
    vertical-align: top;
    margin-right: 25px;
}

.grayTxt {
    color: #e8e9ea;
}

div.bracketsAqua109,div.bracketsAqua109 span.bracketsAqua109Span {
    background: url(../Images/background/bracketsAqua109.png) 0 0 no-repeat;
    text-transform: uppercase;
    height: 109px;
    font-family: FranklinGothicHeavy,arial;
}

div.bracketsAqua109 {
    background-position: 0 0;
}

div.bracketsAqua109 span.bracketsAqua109Span {
    background-position: right -109px;
    display: inline-block;
    padding: 12px 35px 0;
}

div.bracketsAqua109 span.bracketsAqua109Span span.style1 {
    font-size: 50px;
    line-height: 48px;
    color: #fff;
}

div.bracketsAqua109 span.bracketsAqua109Span span.style2 {
    font-size: 41px;
    line-height: 32px;
}

div.bracketsAqua109 span.bracketsAqua109Span span.style2 sup {
    font-size: 18px;
}

div.bracketsAquaLarge158,div.bracketsAquaLarge158 span.bracketsAquaLarge158Span {
    background: url(../Images/background/bracketsAquaLarge158.png) 0 0 no-repeat;
    text-transform: uppercase;
    height: 158px;
    font-family: FranklinGothicHeavy,arial;
}

div.bracketsAquaLarge158 {
    background-position: 0 0;
}

div.bracketsAquaLarge158 span.bracketsAquaLarge158Span {
    background-position: right -158px;
    display: inline-block;
    padding: 25px 35px 0;
}

div.bracketsAquaLarge158 span.bracketsAquaLarge158Span span.style1 {
    font-size: 50px;
    line-height: 48px;
    color: #e8e9ea;
}

div.bracketsAquaLarge158 span.bracketsAquaLarge158Span span.style2 {
    font-size: 74px;
    line-height: 66px;
}

.videoBannerLeft {
    float: left;
    width: 675px;
    height: 378px;
    background: #000;
}

.videoBannerRight {
    float: left;
    width: 253px;
    padding: 72px 0 0 32px;
}

.videoBannerRight .txtNormal {
    display: block;
    font-family: HelveticaRegular,arial;
    font-size: 14px;
    color: #2c2c2c;
    margin-top: 15px;
    height: 62px;
    overflow-y: hidden;
}

div.bracketsAqua127,div.bracketsAqua127 span.bracketsAqua127Span {
    background-repeat: no-repeat;
    text-transform: uppercase;
    height: 127px;
    font-family: FranklinGothicHeavy,arial;
    margin-bottom: 20px;
}

div.bracketsAqua127 {
    background-position: 0 0;
}

div.bracketsAqua127 span.bracketsAqua127Span {
    background-position: right -127px;
    display: inline-block;
    padding: 20px 20px 0 20px;
}

div.bracketsAqua127 span.bracketsAqua127Span span.style1 {
    font-size: 35px;
    line-height: 30px;
    color: #2c2c2c;
}

div.bracketsAqua127 span.bracketsAqua127Span span.style2 {
    font-size: 43px;
    line-height: 36px;
    color: #2c2c2c;
}

div.bracketsAqua127 span.bracketsAqua127Span span.style3 {
    font-size: 17px;
    line-height: 20px;
    color: #2c2c2c;
}

div.bracketsAqua95,div.bracketsAqua95 span.bracketsAqua95Span {
    background: url(../Images/background/bracketsAqua95.png) 0 0 no-repeat;
    text-transform: uppercase;
    height: 95px;
    font-family: FranklinGothicHeavy,arial;
    margin-bottom: 20px;
}

div.bracketsAqua95 {
    background-position: 0 0;
}

div.bracketsAqua95 span.bracketsAqua95Span {
    background-position: right -106px;
    display: inline-block;
    padding: 20px 20px 0 20px;
}

div.bracketsAqua95 span.bracketsAqua95Span span.style1 {
    font-size: 30px;
    line-height: 30px;
    color: #2c2c2c;
}

div.bracketsAqua95 span.bracketsAqua95Span span.style2 {
    font-size: 32px;
    line-height: 32px;
    color: #2c2c2c;
}

#footer .footerActivation {
    clear: both;
    width: 100%;
    padding: 0;
    text-transform: none;
}

#footer .footerActivation p {
    margin-bottom: 10px;
}

#footer .footerActivation a {
    color: #8f8f8f;
    text-decoration: underline;
}

x.footerContainer .productsFooterNav ul li.last {
    background: 0;
}

.footerContainer .productsFooterNav ul li li {
    background: 0;
}

div.twitteFeedBox #results {
    height: 170px;
    overflow: hidden;
    margin-top: 12px;
}

div.twitteFeedBox #results li:first-child {
    padding-top: 0;
}

.spotlight-7 div.details p.decoCont {
    padding: 15px 0 0;
    margin: 0;
    width: 205px;
    display: block;
    font: normal 14px Helvetica,Arial;
}

#facebookComments .fb_iframe_widget {
    width: 313px;
    height: 505px;
    overflow: auto;
    overflow-x: hidden;
}

div.jcarousel-skin-video .jcarousel-prev-disabled-horizontal {
    cursor: default!important;
}

div.spotlightSpace {
    margin-bottom: 15px;
}

.videoBoxOuter,.videoBoxOuter:first-child {
    position: absolute;
    top: 92px;
}

.flexpic,.flexbody {
    position: absolute;
}

div.contentArea {
    position: relative;
    float: left;
}

.spotlight-2,.spotlight-3,.spotlight-4,.spotlight-5,.spotlight-8 {
    position: relative;
}

div.homepageLayout .spotlight-1 {
    display: block;
}

.spotlight-1 {
    margin: 0 auto;
    position: relative;
    height: 497px;
    overflow: hidden;
    width: 1200px;
    display: none;
}

.spotlight-1 .slideList {
    position: relative;
    left: 0;
    top: 0;
    height: 497px;
    overflow: hidden;
    width: 1200px;
    background: #000 url(../Images/background/preload.gif) center center no-repeat!important;
}

.spotlight-1 .slideList .slide {
    display: none;
    position: absolute;
    float: left;
    width: 1200px;
    left: 0;
    top: 0;
    height: 497px;
    overflow: hidden;
}

.spotlight-1 .indicatorStripCont {
    top: 15px;
    left: 542px;
    position: absolute;
    z-index: 2000;
}

.spotlight-1 .indicatorStrip {
    height: 21px;
}

.spotlight-1 .indicatorStrip li {
    margin: 0 13px 0 0;
    width: 13px;
    height: 13px;
    background: url(../Images/background/spotlightIndicator.png) left top no-repeat;
    float: left;
    text-indent: -5000px;
    cursor: pointer;
}

.spotlight-1 .indicatorStrip li.active {
    background-position: -26px 0;
}

.spotlight-1 span.slideNextButt,.spotlight-1 span.slidePrevButt {
    width: 7px;
    height: 12px;
    position: absolute;
    background: url(../Images/background/rotatorButtons.png) no-repeat;
    text-indent: -9999px;
    top: 1px;
    cursor: pointer;
}

.spotlight-1 div.indicatorStripContInner {
    margin: 0 12px 0 25px;
}

.spotlight-1 span.slidePrevButt {
    background-position: 0 0;
    left: 0;
}

.spotlight-1 span.slideNextButt {
    background-position: 0 -18px;
    right: 0;
}

.spotlight-1 div.flexbody {
    width: 360px;
}
/* changed the font to gotham
.spotlight-1 div.flexbody div.desc {
    margin-top: 30px;
    width: 272px;
}*/
.spotlight-1 div.flexbody div.desc {
    margin-top: 30px;
    width: 272px;
	font-family: 'Gotham A', 'Gotham B';
	font-weight: 400;
	font-style: normal;
}

.spotlight-1 div.flexbody div.desc p {
    line-height: 18px;
    padding-bottom: 2px;
}

.spotlight-1 div.flexbody div.desc p.noPurchange {
    font-size: 11px;
}

.spotlight-1 div.flexbody div.desc p.noPurchange a {
    color: #2c2c2c;
}

.spotlight-1 div.flexbody div.desc p.noPurchange a span.officialRules {
    text-decoration: underline;
}

.spotlight-1 div.flexbody a.CTAButtons {
    margin-top: 30px;
}

.spotlight-2 {
    margin: 0;
    position: relative;
    width: 537px;
    height: 273px;
}

div.flexbody {
    width: 95%;
}

.spotlight-2 div.flexbody a.CTAButtons {
    position: absolute;
    right: 0;
    bottom: 13px;
}
/* changes done for bottom spotlight by SB-23-03-15
.spotlight-3 {
    width: 866px;
    height: 186px;
    background: url(../Images/background/spotlightBgM.jpg) no-repeat 0 0;
    overflow: hidden;
}
*/
.spotlight-3 {
    width: 866px;
    height: 186px;
	
	background: url(../Images/background/offer-promo-bottom-bg.jpg) 0 0 no-repeat;
    overflow: hidden;
}
.spotlight-3 .buttonWrapper{
    bottom: 15px;
    left: 160px;
    padding: 5px 0 15px;
    position: absolute;
}
.spotlight-4 {
    width: 887px;
    height: 430px;
    background: url(../Images/background/spotlightBgL.jpg) 0 0 no-repeat;
	color: #fff;/* Added color to text – SB – 11-3-2015*/
	font-family: 'Gotham A', 'Gotham B'; font-weight: 400; font-style: normal;
}

.spotlight-4 div.flexbody {
    width: 510px;
}

.spotlight-4 div.desc {
    padding: 20px 0;
}

.spotlight-4 div.desc ul.list {
    padding: 10px 0 15px 0;
}

.spotlight-4 div.desc ul.list li {
    background: url(../Images/background/disc.png) 0 8px no-repeat;
    padding: 0 0 0 10px;
    line-height: 17px;
}

.spotlight-5 {
    width: 262px;
    height: 383px;
    background: url(../Images/background/spotlightBg.jpg) 0 0 no-repeat;
    padding: 15px;
    text-align: center;
}

.spotlight-5 div.details {
    font-size: .8em;
}

.spotlight-5 div.details p {
    padding: 5px 0;
    margin: 0;
}

.spotlight-6 {
    width: 260px;
    height: 383px;
    background: url(../Images/background/saveskinImg.jpg) 0 0 no-repeat;
    padding: 15px;
    text-align: center;
}

.spotlight-7 {
    width: 480px;
    height: 383px;
    background: url(../Images/background/spotlightBgLsquare.jpg) 0 0 no-repeat;
    padding: 15px 15px 15px 40px;
    text-align: left;
}

.spotlight-7 div.details {
    left: 10px;
    width: 344px;
    font-size: .8em;
}

.spotlight-7 div.details p {
    float: none;
    padding: 0 67px;
    margin: 0;
    width: 260px;
    display: block;
    font: normal 14px ;
    font-family: 'Gotham A', 'Gotham B' , Helvetica,Arial;
}

.spotlight-8 {
    width: 867px;
    height: 574px;
    background-repeat: no-repeat;
    background-position: 0 0;
}



/*Colorbox css*/
#colorbox,#cboxOverlay,#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,#cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
}

#cboxLoadedContent h2 {
    padding: 10px 0 0!important;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay,#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#cboxOverlay {
    background: #000;
}

#cboxContent {
    overflow: visible;
    background: #fff;
    padding: 15px;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    border: solid 1px #a5a5a5;
}

.ie7 #cboxLoadedContent {
    border: solid 1px #a5a5a5;
    margin-bottom: 15px;
}

#cboxLoadingGraphic {
    background: url(colorbox/images/loading.gif) no-repeat center center;
}

#cboxLoadingOverlay {
    background: #000;
}

#cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
    color: #000;
}

#cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px;
}

#cboxSlideshow,#cboxPrevious,#cboxNext {
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    background: url(colorbox/images/controls.png) no-repeat 0 0;
}

#cboxPrevious {
    background-position: 0 0;
    right: 44px;
}

#cboxPrevious:hover {
    background-position: 0 -25px;
}

#cboxNext {
    background-position: -25px 0;
    right: 22px;
}

#cboxNext:hover {
    background-position: -25px -25px;
}

#cboxClose {
    text-indent: -9999px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 20px;
    right: 35px;
    background: url(colorbox/images/closeBtn.png) no-repeat right 0;
}

.cboxSlideshow_on #cboxPrevious,.cboxSlideshow_off #cboxPrevious {
    right: 66px;
}

.cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 44px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
    background-position: -100px -25px;
}

.cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0;
    right: 44px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -75px -25px;
}


/*Store Locator Bin*/
.zipArea {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.zipArea h4 {
    font-size: 14px;
}

.zipArea input.CTAButtons {
    background: url("/Resources/Images/background/ctaButtonsBg.png") no-repeat left 10px;
}

.buyonlineProducts aside ul li input.goButton {
    background: url("/Resources/Images/background/ctaButtonsBg.png") no-repeat;
    height: 20px;
    width: 20px;
    border: none;
}

.buyonlineProducts aside {
    min-height: 72px;
}

.buyonlineProducts #whereToBuyContents .chooseTab {
	font-weight:800;
    font-size: 18px;
    text-transform: uppercase;
    padding-left: 5px;
    position: relative;
    min-height: 40px;
}

.buyonlineProducts #whereToBuyContents .chooseTab ul li {
    background: #d0d0d0;
    padding: 10px 25px;
    margin: 0 3px;
    width: auto;
}

.buyonlineProducts #whereToBuyContents .chooseTab ul li a {
    color: #000;
}

.buyonlineProducts #whereToBuyContents .chooseTab ul li.active {
    background: #2c2c2c;
    position: relative;
}

.buyonlineProducts #whereToBuyContents .chooseTab ul li.active a {
    color: #00b1ac;
}

.buyonlineProducts #whereToBuyContents .chooseTab ul li.active a span {
    position: absolute;
    background: url("/Resources/Images/buttons/downarrow.png") no-repeat center top transparent;
    width: 20px;
    height: 10px;
}

.buyonlineProducts #whereToBuyContents .chooseTab ul li.active a#byOnline span {
    top: 40px;
    left: 65px;
}

.buyonlineProducts #whereToBuyContents .chooseTab ul li.active a#storeLocator span {
    top: 40px;
    left: 85px;
}

.buyonlineProducts .productDetail {
    text-align: center;
    top: 220px;
    width: 365px;
    float: left;
}

.buyonlineProducts #online {
    display: none;
    float: left;
}

.buyonlineProducts #whereToBuyContents .columnLeft {
    float: left;
    padding: 5px 15px 20px 10px;
    width: 478px;
}

.buyonlineProducts #whereToBuyContents .columnLeft .panelContainer {
    background: url("/Resources/Images/background/verticalDotBg.gif") repeat-y scroll right top transparent;
    height: auto !important;
    min-height: 400px;
    padding: 5px 15px 20px 10px;
    width: 485px;
}

.buyonlineProducts #whereToBuyContents .columnLeft .zipArea li {
    display: inline;
}

#ProductLocatorControl_divShowTitleImage {
    text-align: center;
}

div.headerContainer section.right nav ul li menu.megamenu ul li ul li.navItem > a {
    color: #000;
}

div.headerContainer section.right nav ul li.mmItem{line-height:normal;}

#pageContent_ProductLocatorControl_divBinText h4 {
    text-transform: none;
}

#wrapper #footer div.productsFooterNav ul li ul li.navItem  > a {
	  font-weight: 800;
	  font-family: 'Gotham A', 'Gotham B';
}

#footer div.productsFooterNav ul li.last ul li ul {
    padding-left: 0;
}

div.categoryCol h4.horStyle {
    padding: 30px 0 0 115px;
}

div.categoryLayout div.columnRight .productDisplay {
    padding-top: 50px;
    text-align: center;
}

.newList li a {
    color: #7E7E7E;
    display: block;
    font-size: 11px;
    padding: 3px 16px 3px 3px;
}

div.collapsedContent {
    background:none repeat scroll 0 0 #d0d0d0;
    height: 54px;
    width: 100%;
    text-align: center;
}
div.stickContent {
    position: fixed!important;
    top: 0!important;
    width: 100%!important;
}
.lastNav{
float:right;
margin:0;}

/* march-matchup */
.spotlight-7.march-matchup { background: url("../Images/background/march-matchups-bg.jpg") no-repeat scroll 0 0 transparent; }
.spotlight-7.march-matchup div.details p { color: #FFFFFF;font: 14px; }

/* This element has no style rules. You can create a rule for it. */
div.bracketsAquaSmall2 {
    background: url("../Images/background/bracketsAquaSmall2.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    font-family: FranklinGothicHeavy,arial;
    height: 80px;
    text-transform: uppercase;
}
span.bracketsAquaSmallSpan2 {
    background: url("../Images/background/BracketsAquaSmall2.png") no-repeat scroll right -87px transparent;
    display: inline-block;
    height: 60px;
    padding: 13px 0 0;
}
.bracketsAquaSmall2 p {
    font-size: 15px;
    padding: 5px 0 15px;
    text-transform: none;
	font-family: arial;
	color:#333;
}
.march-matchup .bracketsAquaSmall{
	background:none;
}
.march-matchup span.bracketsAquaSmallSpan{
	background:none;
	padding:40px 0 0 0;
	color: #FFA200;
}
.spotlight-6 .details .marchMadness{
	 display: inline-block;
    margin-left: -9px;
}
.spotlight-1 div.flexbody div.desc.descWhatMatters{ width: 500px;}
.spotlight-1 div.flexbody div.desc.descWhatMatters h1{font-size: 62px; color:#ffa200;letter-spacing: 3px; line-height:50px;font-family:FranklinGothicHeavy,arial;}
.descWhatMatters p{font-size: 13px; color:#fff;font-family: arial; margin:15px 0 -10px 0;}
.votingBannerText{position: absolute; text-align: center; font-size: 26px; color: #fff; top: 0px; left: 40px; width: 400px;}
.bracketsAquaSmallSpan2 sup{ position: relative; line-height:15px;font-size:19px;}
.descWhatMatters p sup{vertical-align: super;line-height: 0; font-size:11px;}
.topText h1{font-family: franklingothicheavy;font-size: 52px;line-height: 45px;text-transform: uppercase;}
.topText p{margin-top:10px;}
.topText sup{ font-size:25px;}


#_bapw-link:hover{text-decoration:underline !important;}

/*King Castle*/
.spotlight-7.kingCastle{ background: url("../Images/background/offers_promo_oct_2015.jpg") no-repeat scroll 0 0 transparent; }
.spotlight-7.kingCastle div.details p{ color:#FFFFFF; font-size:1.4em; width:222px; padding:0px 0px 10px 266px; text-align:center; top:20px !important;}
.spotlight-7.kingCastle a.CTAButtons{background:url("../Images/background/ctaBtnBg-CareMakesaManStronger-jan-2015.png") no-repeat scroll right 9px #000000; border: solid 2px #ffa400; margin: 3px 0px 0px 315px;}
.spotlight-7.kingCastle a.CTAButtons:hover{background-position:right -23px;}
.spotlight-7.kingCastle .details {top: 35px !important;}
.spotlight-7.kingCastle div.details .note{font-size:0.7em; color:#8ca0ad; width:310px; margin-top:175px;}

/* Styles for SmsOPtin */

#formWrapper ul li.mobileAlertContainer{ border-top: 1px solid #c4c5c6; padding-top:18px;}
.mobileAlertContainer  h3{ margin: 0 0 20px 0; display:inline; float:left;}
.mobileAlertContainer figure{margin-left: 20px; float:left;}
.mobileInfo{ float:left; width: 100%; margin-top:15px;}
.mobileInfo .checkboxActive{ float:left; height:13px; margin:1px 8px 0 0;background:url(../Images/background/chkboxActive.gif) no-repeat left 2px}
.ie8 .mobileInfo .checkboxActive{ float:left; height:13px; margin:0 8px 0 0;}
.mobileAlertContainer input[type="checkbox"] {  vertical-align: top; margin:0 0 0 0; padding:0;}
.registerMobileInfo{ margin-top: 20px; float:left;}
.registerMobileInfo   label{ font-weight: bold;}
.securityDataText{ margin-bottom: 40px;}
#formWrapper ul li.mobileAlertContainer h3, #formWrapper ul li.mobileAlertContainer b, #formWrapper ul li.mobileAlertContainer .registerMobileInfo label{ font-family: 'Gotham A', 'Gotham B'; font-size:0.9em;}
#formWrapper .smsoptinerrMessage ul li{padding:0;}

/*Manoj's code*/
a.CTAButtons_new {
    margin-top: 5px;
	overflow:visible;
	border:0px;
	color: #e8e9ea;
}
a.CTAButtons_new{
    background: #2c2c2c url(../Images/background/ctaButtonsBg.png) no-repeat right 9px;
    padding: 0 40px 0 12px;
    display: inline-block;
    text-transform: uppercase;
    height: 36px;
    color: #e8e9ea;
    line-height: 36px;
    font-family: FranklinGothicDemiRegular,arial;
    font-size: 13px;
    cursor: pointer;
	margin-left:12px;
}

a.CTAButtons_new:hover{
    color: #e8e9ea;
    background-position: right -23px;
}

a.CTAButtons_new:visited{
    color: #e8e9ea;
}
.ui-state-highlight,.ui-widget-content a{color:#7e7e7e !important;}
.ui-widget{font-size:10px !important;}
input.txtbxLarge {width: 214px;}
div.helpText h5 {margin-bottom: 0px;}
/*End of Manoj's code*/
.ie8 div.headerContainer section.right nav ul li menu.megamenu { width: 325px !important;}

/*Pradeep's code*/
.loader {height: 100%;position: relative;width: 100%;}
.loader > img {bottom: 0;left: 0;margin: auto;position: absolute;right: 0;top: 0;}
/*End of Pradeep's code*/


.contentWrapper .row-1 #row1_content .wCurveBoxL .spotlight-4 .flexbody .desc div:first-child{ /*DEO txt*/
    margin-left:0!important;
}
.contentWrapper .row-1 #row1_content .wCurveBoxL .spotlight-4 .flexbody .desc .overlay-content .faqContent{ margin: 0 auto !important;}/* added by SB-10-04-15 as FAQ popup border line was not visible at left corner */

/* default style for Product Images on PDP pages */
.flexpic.productSpotlightBarWash {bottom:-3px; right:40px;}
.flexpic.productSpotlightHairCare{bottom:-3px;right:100px;}
.flexpic.productSpotlightFaceCare{bottom:-3px;right:77px;}

div.columnRight div.wCurveBox div.spotlight-6.spotlightCoupon div.flexbody{ width: 88%;}




/*King Castle update 10-06-2015*/

.spotlight-7.kingCastle div.details p{width: auto; float:none;padding: 0 67px;text-align: center;}

.spotlight-7.kingCastle a.CTAButtons{background-color:#303334; border: none; margin: 16px 0px 0px 90px; width: 98px; height: 30px; border: 2px solid #6dbad3; line-height: 31px; background-position-y: 6px;}

.spotlight-7.kingCastle .details{left:10px !important}

.spotlight-7.kingCastle a.CTAButtons:hover{background-position:right -26px;}