#searchResults,
.flag,
#naviCenter h4 span {background-image:url(/tot/imgs/spSearch.20151120141000.png) !important; background-repeat:no-repeat;}

/* PRODUCT */
.product {display:block; width:136px; padding:0 10px 0 11px; float:left; text-align:center; font-size:11px; line-height:14px; position:relative;}
.product:hover {text-decoration:none;}

br.clear {clear:both; display:block;}
.product img {text-decoration:none; display:block;}
.product span {display:block; text-decoration:underline;}

.product .brandName {margin-top:10px; font-weight:bold;}
.product .price {text-decoration:none; color:#585a5d; font-weight:bold;}
.product .salePrice {text-decoration:none;}

.product:hover .price {text-decoration:none;}

.productImage {width:170px; height:198px; overflow:hidden; display:block;}

.salePrice {color:#ff5300; font-weight:bold;}
.salePrice span {display:inline; text-decoration:line-through; font-weight:normal; color:#585a5d;}

.product .flag {position:absolute; top:0; left:0;}
.flag {padding-left:28px; width:75px; background-position:0 -36px;}
.first .flag, * html .flag {background:none !important;}
.flag .sale {display:block; float:left; margin-right:2px; width:19px; height:41px; background:-114px -267px no-repeat;}
.flag .new {display:block; float:left; margin-right:2px; width:20px; height:46px; background:-93px -267px no-repeat;}
.product .stars {margin:0 auto;}

.product-result-wrapper {float:left;margin-bottom:35px;}
.visual-search-link {float:left;text-align:center;width:100%;padding-top:10px;}
.quickSearch .title {margin:0 6px; color:#2C5987; font:bold 15px georgia,times,"times new roman"; letter-spacing:1px; text-transform:uppercase;}
.quickSearch .title span {display:inline-block; width:24px; height:20px; margin:0 0 -4px 2px; background:url(/tot/imgs/landingPage/landingPageSprite.20151119152140.png) no-repeat left top;}
.quickSearch .quickSearchInner {min-height:200px; padding:13px 0 13px 0; overflow: visible; text-align:center;}
.quickSearchSelects{margin:13px 0;}
.quickSearch .select {width:130px; margin:0 auto 12px;}
.quickSearch select {width:130px; margin:0 auto 12px;}
.quickSearch .select .selectOptions {width:133px; display:none;}
.quickSearch .select .buttonWrapper {text-align: center;}
.quickSearch {display:none;}
.js .quickSearch {display:block;}
.heroGallery {position:relative; z-index:10; margin-bottom:18px;}
.heroGallery a {display:block;}
.heroGallery a.heroAlternate {display:none;}
.heroGallery #heroControlPanel  {position:absolute; right:10px; bottom:10px; padding:7px 0px 7px 7px;}
.heroGallery .heroControlSwitch {position:relative; float:left; margin-right:7px; padding:1px 4px; background:#F3F3F3; border:1px solid #000; cursor:pointer;}
.heroGallery .heroControlSwitchActive {background:#D9EEFA; border-color:#2C5987;}
.heroGallery .heroControlSwitchOverlay {position:absolute; top:-1px; left:-1px; height:15px; background:#F8F8EE; border:1px solid #2C5987; border-right:0px;}
.heroGallery .heroControlSwitchLabel {display:block; font-size:11px; position:relative; z-index:10;}

@-webkit-keyframes overlayTransition {
  from {
    width:0px;
    border-color:#FF5400;
  }
  
  to {
    width:25px;
    border-color:#FF5400;
  }
}

.externalServicesFeed #tweetStreamResultsLabel {padding:10px; background:#AAAAAA; border-bottom:1px solid #CCCCCC; font:14px Arial, Helvetica, sans-serif;}
.externalServicesFeed #tweetStreamResultsTermLabel {font-weight:bold;}
.externalServicesFeed #tweetStreamAction {padding:10px; background:#EEEEEE; border-bottom:1px solid #CCCCCC; font:14px Arial, Helvetica, sans-serif;}

.externalServicesFeed .tweetStreamTweet {padding:10px; border-bottom:1px solid #CCCCCC; font:14px Arial, Helvetica, sans-serif;}
.externalServicesFeed .tweetStreamTweetEven {background:#DDDDDD;}
.externalServicesFeed .tweetStreamTweetOdd {background:#EEEEEE;}
.externalServicesFeed .tweetStreamTweetImage {float:left; width:48px; height:48px; margin-right:10px;}
.externalServicesFeed .tweetStreamTweetText {float:left; margin:0; width:392px;}
.externalServicesFeed .tweetStreamTweetName {padding-right:5px; color:#2C5987; font-weight:bold; text-decoration:none;}
.externalServicesFeed .tweetStreamTweetName:hover {text-decoration:underline;}
.externalServicesFeed .tweetStreamTweetTime {display:block; color:#999999; font:12px Arial, Helvetica, sans-serif;}

.heroVideoWrapper a video,
.heroVideoWrapper a img, {border:0;}
.electionWrapper {float:left; overflow:hidden; position:relative; width:540px;}

.electionWrapper h2.hc {margin-bottom:5px;}

.electionWrapper .actionText {font-size:10px;}

.electionItem {float:left; margin:0 7px 15px 0; text-align:center; width:129px;}

.electionItemsWrapper {float:left; left:1px; margin-top:15px; position:relative; width:565px;}
.electionItemFourCols {width:129px;}

.electionItem .itemVotes {display:block; font-size:10px; margin-top:5px;}
.electionItem .itemVotesHidden {display:block; font-size:10px; margin-top:5px; visibility:hidden;}
.electionItem .itemWinner {color:#7230b4; font-size:10px; text-transform:uppercase;}

.electionItem strong {font-size:10px; text-transform:uppercase;}
.electionItem button,
.electionItem input {background:#6a1fb0 url(/tot/imgs/buttons/standard-purple-button-gradient.20151119152140.gif) repeat scroll 0 -10px; border:1px solid #5B00A8; color:#fff; cursor:pointer; font-weight:700; margin:5px 0 0; padding:1px 5px 1px 7px; text-align:center; text-transform:uppercase; width:80px; border-radius:8px 8px 8px 8px; text-shadow:0 1px 1px rgba(0,0,0,0.4);}
.electionItem input.voted {background:none repeat scroll 0 0 #BEBEBE; border:1px inset #8E8E8E; cursor:default; font-weight:700;}

.electionItem button:hover {background-position:0 -5px;}

.electionItemImageWrapper {padding:6px!important;}
.electionItemImageWrapper .stripeInner {text-align:center;}
.electionItemImageWrapper .stripeInner img {display:inline; margin:0; padding:2px 0 0; vertical-align:bottom;}

.electionItem p,
.electionItemDescription {font-size:10px; line-height:1.4em; margin:0 0 8px!important;}

.electionWrapper .stripeInner {text-align:center; float:left;}
.electionWrapper .stripeOuter {text-align:center; float:left;}
.electionWrapper .viewResults {padding-left:5px;}
.electionWrapper .timeLeft .hc,.electionResultsWrapper .hc,.electionWrapper .viewResults .hc {color:#2c5987; font-size:10px; padding:0 5px 5px 0; text-transform:uppercase;}

/** THE RESULTS DIALOG */
.electionResultsWrapper {color:#555; font-size:10px; left:0; position:absolute; top:0;}
.electionResultsWrapper .ajaxContent {width:273px; height:584px;}
.electionResultsWrapper .stripeInner {text-align:center;}
.electionResultsWrapper {float:left;}
.electionResultsWrapper .electionItemImageWrapper {margin:13px auto 9px; width:111px;}
.electionHeadingWrapper {float:left; width:520px;}
.electionHeadingWrapper .stripeInner {float:left; width:100%; padding:3px 0;}

.electionResultsWrapper em.actionText {font-size:16px; font-style:normal; padding:0 15px;}
.electionResultsWrapper strong {text-transform:uppercase;}
.electionResultsWrapper strong.hc {display:block; padding:10px 5px 5px 0;}

.electionResultsWrapper .pollResults {float:left; list-style-type:none; padding-bottom:8px; padding-top:8px; margin-left:7px; width:259px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
.electionResultsWrapper .pollResults strong {float:left; padding-left:14px;}
.electionResultsWrapper .pollResults span {float:right; padding-right:14px;}
.electionResultsWrapper .pollResults li {float:left; line-height:22px; margin:0; width:100%;}
.electionResultsWrapper .electionNote {float:left; margin-bottom:15px; margin-top:13px;}
.electionResultsWrapper .itemVotes {float:left; margin:0 auto 10px; width:100%;}
.electionResultsWrapper .heightWrap {float:left;}
.electionResultsWrapper .close {font-size:12px; position:absolute; right:23px; top:17px;}

.electionResultsWrapper .electionItemDescription,
.electionResultsWrapper .electionNote{padding-left:11px; padding-right:11px; text-align:left;}
.electionResultsWrapper .electionItemDescription {text-align:center;}

/** WHEN AN ELECITON HAS ENDED */
.electionComplete .viewResults {display:none;}
.electionComplete .timeLeft {margin:0; text-align:center; width:100%; display:block;}

.stripArrow {background-image:url(/tot/imgs/stripeArrow.20151119152140.png); position:absolute; height:16px; width:12px; left:-12px; top:20px;}
.productTickerWrap {overflow: hidden; padding-bottom:3px;}
.productTicker {position:absolute; top:0; left:0; padding-top:3px;}
.productTicker .product {height:160px; overflow: hidden; margin-left:17px;}
.productTicker .product span {display:block; overflow:hidden; white-space:nowrap;}
.productTicker .productFromRequest{display:none;}
div.videoContainer {width: 480px; height: 281px; position:relative; overflow:hidden; background-color:#000; }
div.videoContainer p {margin-bottom: 0;}
ul.vPControls {position: absolute; top: 0; right: 0; width:2024px; z-index: 50000; list-style-type: none; background: #000; opacity:.7; padding: 10px 10px 10px 0; text-align: right; margin: 0 !important; line-height:0;}
ul.vPControls li {display: inline; padding: 10px;}
ul.vPControls li a {opacity: 0.5; text-decoration:none;}
ul.vPControls li a:hover {opacity: 1;}
ul.vpControls li img {border:0;}
div#playButton {position: relative; width: 75px; height: 75px; margin-top: -170px; margin-left: 200px; background: rgba(0,0,0,0.5); padding: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
div#playButton:hover {background: rgba(0,0,0,0.8); cursor: pointer;}
div#playButton div {border-color:  transparent transparent transparent #fff; border-style: solid; border-width: 30px 0 30px 60px; width: 50px; margin: 5px 0 0 10px;}
div.vPEmbed {position: absolute; top: 38px; left: 0; background: rgb(0,0,0); background: rgba(0,0,0,1); width:480px; height: 240px;}
div.vPEmbed ul {width: 440px; height:34px; line-height:34px; position:absolute; bottom:0; left:0; list-style-type: none; background: #000; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#222)); background: -moz-linear-gradient(top, #000 0%, #222 100%); margin:0;}
div.vPEmbed ul li {display: inline-block; margin: 0; padding: 0; width: 100%; text-align: center;}
div.vPEmbed ul li a {padding: 20px 50px 20px 50px; font-size: 14px; text-decoration: none; color: #fff !important; text-shadow: 0 0 2px #555; opacity: 0.5;}
div.vPEmbed ul li a:hover {opacity: 1;}
.videoContainer textarea {font-size: 9px !important; font-family: Monaco,"Lucida Console",Courier,"Courier New",monospace; line-height: 16px !important; width:375px; height:175px; margin:17px 52px 0;}
.zVideoWrapper h2{padding-bottom:8px; margin-bottom:14px; border-bottom:1px solid #e8e8e8;}
.zVideoWrapper .videoContainer{margin:0 auto;}
/*=Grid Selector Styles */
.gridSelector {position:relative; overflow:hidden; background-color:#fff; border:1px solid #b1b1b1;}
.gridSelectorInner {position:relative; width:2400px; height:2400px; line-height:0;}
.gridSelectorInner a {display:block; margin:0;}
.gridSelectorInner img{float:left; margin:0 !important;}
.gridSelectorWrap {position:relative; margin-bottom:20px; overflow:hidden;}
.gridSelectorWrap .intro {position:absolute; top:1px; left:1px;}
.main_thumbs_inner {position:relative; display:none; float:left; overflow:hidden;}
.gridSelectorWrap .main_thumbs .actionArrow {position:absolute; right:5px; top:19px; display:none; z-index:1; width:5px; height:11px; padding:0 0 0 5px; border:1px solid #BEBEBE; -moz-border-radius:4px; -webkit-border-radius:4px;background:#fff url(/tot/imgs/spGlobalBlue.20151119152140.png) -41px -110px;}
.gridSelectorWrap .main_thumbs {position:relative; top:5px; left:0px; overflow:hidden; white-space:nowrap; text-align:center;}
.gridSelectorWrap .main_thumbs a {float:left;}
.gridSelectorWrap .main_thumbs img {float:left; padding-right:10px;}
.gridSelectorWrap .intro_thumbs a {float: left;}
.gridSelectorWrap .intro_thumbs a img {float:left; padding:0;}
.gridSelectorWrap .intro_thumbs {position:absolute; top:0px; right:0px; margin-right:-75px; width: 275px; list-style-type:none;}
.gridSelectorWrap .intro_thumbs li {height:85px;}
.noBorder img, .noBorder .gridSelector {border-color: transparent !important;}
.noBorder .gridSelectorWrap .intro {position:absolute; top:0; left:0;}
/* @badcss: https://docs.google.com/spreadsheet/ccc?key=0AsfKe9B9D6KUdFBKRVFBVmZwclpKSURlY0FzaURNcXc#gid=0 */

#subscriptionFormPopoverWrapper,
#subscriptionFormPopoverWrapper .darkBlueStriped,
#subscriptionFormPopoverWrapper .app {float:left;}

#subscriptionFormPopoverWrapper .darkBlueStriped{padding:8px; width:210px; height:290px;}
#brandNotifyPopOverWrapper .stripeInner {width:320px; height:125px;}

.subscriptionStyle1 {text-align:center;}

.subscriptionStyle1 .priContentV2,
.subscriptionStyle1 .secContentV2,
.subscriptionStyle1 .formContent,
.subscriptionStyle1 .fieldWrapper{float: left; clear:both; width: 100%;}

/* @badcss:#1: .zpopover div.app h3 */

/* @badcss:#2: from #1 */
.zpopover form.subscriptionStyle1 .provokeHeading,
.zpopover form.subscriptionStyle1 .provokeAdj,
.zpopover form.subscriptionStyle1 .provokeTitle {font-family: Georgia; display:block; font-style:normal; text-align:center; letter-spacing:0px; width:100%; color:#fff; text-shadow:1.5px 1.5px #32546F; padding:0; /* @badcss:#1 */} /* @shouldbe:
.subscriptionStyle1 .provokeHeading,
.subscriptionStyle1 .provokeAdj,
.subscriptionStyle1 .provokeTitle {display:block; font-style:normal; text-align:center; letter-spacing:0px; width:100%; color:#fff; text-shadow:1.5px 1.5px #32546F;}
*/

/* @badcss:#3: from #1 */
.zpopover form.subscriptionStyle1 .provokeHeading,
.zpopover form.subscriptionStyle1 .provokeTitle {font-size:17px; text-transform:uppercase; }/* @shouldbe:
.subscriptionStyle1 .provokeHeading,
.subscriptionStyle1 .provokeTitle {font-size:17px; text-transform:uppercase;}
*/
.zpopover form.subscriptionStyle1 .provokeAdj {font-size:9px; font-style:italic; font-weight:bold; line-height:21px; letter-spacing:1px; word-spacing:2px;}

.subscriptionStyle1 ul {list-style-type:none; /* @badcss:#5 @shouldbe:removed */ margin:0 auto; width:170px;}
.subscriptionStyle1 li {margin:0; /* @badcss:from #6 @shouldbe: removed */ float:left;}

.subscriptionStyle1 input.email,
.subscriptionStyle1 input.text{background-color:#fff !important; border-color:#ABAAAA #E1DFDF #E1DFDF; border-radius:7px 7px 7px 7px; border-style:solid; border-width:1px; width:161px; height:22px; display:block; padding:3px 0 3px 5px; -moz-box-shadow:1px 2px 3px #E1DFDF inset; -webkit-box-shadow:1px 2px 3px #E1DFDF inset; box-shadow:1px 2px 3px #E1DFDF inset;}

.subscriptionStyle1 input.email,
.subscriptionStyle1 input.text,
.subscriptionStyle1 .actionsWrapper,
.subscriptionStyle1 .priContentV2,
.subscriptionStyle1 .secContentV2 p{margin:0 auto 6px;}

.subscriptionStyle1 .actionsWrapper,
.subscriptionStyle1 .priContentV2,
.subscriptionStyle1 .secContentV2 p{color:#fff;}

.subscriptionStyle1 .actionsWrapper {width:100%; float:left; margin:5px 0 0 0;}
.subscriptionStyle1 .actionsWrapper input.btn{margin:0 auto;}
.subscriptionStyle1 a:link {color:#fff; text-decoration:underline;}
.subscriptionStyle1 a:visited {color:#fff; text-decoration:none;}

/* subscriptionStyle2 */
.dpNotifyBrand {position:absolute; right:0; top:0; background-color:transparent !important; padding:0 !important;}

.subscriptionStyle2 {padding:8px;}

.subscriptionStyle2 ul{list-style-type:none; /* @badcss:from #5 @shouldbe:removed */}
.subscriptionStyle2 li{margin:0 !important; float:left; /* @badcss:from #7 @shouldbe:removed */}
.subscriptionStyle2 {color:#2C5987; text-align:center;}
.subscriptionStyle2 .priContentV2 {font-weight:bold;}
.subscriptionStyle2 .priContentV2,
.subscriptionStyle2 .secContentV2 {color:#2C5987;}

.subscriptionStyle2 input.email,
.subscriptionStyle2 input.text{background-color:#fff !important; border-color:#ABAAAA #E1DFDF #E1DFDF #ABAAAA; border-radius:7px 7px 7px 7px; border-style:solid; border-width:1px; width:161px; height:22px; display:block; padding:3px 0 3px 5px; -moz-box-shadow:1px 2px 3px #E1DFDF inset; -webkit-box-shadow:1px 2px 3px #E1DFDF inset; box-shadow:1px 2px 3px #E1DFDF inset;}

/* @badcss:from #3 (inherited clear)*/
.subscriptionStyle2 .fieldWrapper,
.subscriptionStyle2 .actionsWrapper{clear:none;}
.subscriptionStyle2 .fieldWrapper {float:left;}
.subscriptionStyle2 .actionsWrapper {float:left; margin:0 0 0 7px;}
.subscriptionStyle2  .formContent {margin:10px auto; width:283px; height:30px;}

.subscriptionStyle1 .asyncError,
.subscriptionStyle2 .asyncError{color:#FF5300 !important; margin:0px 0 5px 0; text-align: center;}

.subscriptionStyle1 .asyncError li,
.subscriptionStyle2 .asyncError li {width:100%;}
.pageTrends .hiddenTitle {display:none;}
.pageTrends .menu {overflow:hidden; display:block !important; display:inline-block; position:relative;}
.pageTrends .menu li {display:inline;}
.pageTrends .menu ul {position:absolute; top:30px;}

/**
 * Base templated images styling.
 */
 .templateImages .chunk {overflow:hidden;}
.templatedImages h4 {font-size:12px; padding:8px 10px; background:#595a5e; color:#fff; text-transform:uppercase; position:relative;}
.templatedImages .group {background:#f0ede4; list-style:none; padding-top:10px;}
.templatedImages a {display:inline; float:left; margin:0 0 8px 10px;}

/**
 * Styling used for a simple grid-like format.
 */
.templatedImagesDividerGrid .group {border-bottom:1px solid #f9f9f1; padding-top:5px;}
.templatedImagesDividerGrid .first {padding-top:10px;}
.templatedImagesDividerGrid .last {border-bottom:none; padding-bottom:5px;}
.templatedImagesDividerGrid a {margin-bottom:3px;}

/**
 * Styling used with a larger grid format that that takes in a span that will
 * be used for hovering.
 */
.templatedImagesHoverGrid a {position:relative; z-index:1;}
.templatedImagesHoverGrid a span {position:absolute; top:42%; left:-9999px; z-index:1; color:#333; font:bold italic 30px Georgia, Times, serif; text-align:center;}
.templatedImagesHoverGrid a img {-webkit-transition:opacity .1s linear; -moz-transition:opacity .2s linear;}
.templatedImagesHoverGrid a:hover img,
.templatedImagesHoverGrid a img:hover {opacity:.4;}
.templatedImagesHoverGrid a:hover span {left:0; z-index:2;}

/**
 * Styling used for a caption based templated image.
 */
.templatedImagesCaption {*margin-bottom:12px;}
.templatedImagesCaption a {overflow:hidden; margin:0 12px 12px 0; position:relative; z-index:1; color:#fff;}
.templatedImagesCaption img {display:block;}

/**
 * Base styles regardless of what the situation is for the hovering technique.
 */
.templatedImagesCaption a .title,
.templatedImagesCaption a:hover .title, .templatedImagesCaption a:hover .withDesc {position:absolute; bottom:0; left:0; padding:8px 0 8px 10px; background:#2c5987; font-size:11px;}
.templatedImagesCaption a .title,
.templatedImagesCaption a .descTitle {display:block; text-transform:uppercase;}
.templatedImagesCaption a .title {opacity:.8; filter:alpha(opacity = 80); z-index:3;}

.templatedImagesCaption a .description,
.templatedImagesCaption a:hover .noDesc,
.templatedImagesCaption a:hover .titleWithDesc {left:-9999px;}
.templatedImagesCaption a .description {position:absolute;}
.templatedImagesCaption a.last {margin-right:0;}

/* Styling used for when no description is present and is only a caption.. */
.templatedImagesCaption a:hover .title {opacity:.95; -webkit-transition:opacity .2s linear; -moz-transition:opacity .2s linear; filter:alpha(opacity = 95);}

/* Styling used for when the description is present. */
.templatedImagesCaption a .withDesc {height:0;}
.templatedImagesCaption a:hover .withDesc {height:80%; opacity:.95; filter:alpha(opacity = 95); -webkit-transition:height .2s linear; -moz-transition:height .2s linear;}
.templatedImagesCaption .withDesc .descTitle {font-weight:bold;}
.templatedImagesCaption a .descBody {display:block; margin-top:8px; line-height:18px; font-size:12px;}

/*=Global Styles */
#wrap {width:960px; padding:0; border:none; background:none;}
.priContent p {margin:16px 0; line-height:1.8em;}
.priContent table {margin:16px 0;}
.priContent tbody {border:none;}
.priContent h1.hc,
.pageTrends .menuContext {margin-bottom:12px; color:#369; font-size:24px;}

.pagePage .teethWhiteInner,
.pageEditorial .teethWhiteInner {padding-top:0; padding-bottom:0;}

.priContent .clearMe {clear:left;}
.priContent .imageGrid a {float:left;}
.priContent .imageGrid {clear:both;} /* However wide with side margins */

/* These are for 960px widths and as generic as you can get */
.priContent .imageGrid.grid1 img {margin:0 0px 12px 0;} /* However wide with side margins */
.priContent .imageGrid.grid2 img {margin:0 20px 20px 0;} /* 470px wide with 20px margins */
.priContent .imageGrid.grid3 img {margin:0 18px 18px 0;} /* 308px wide with 18px margins */
.priContent .imageGrid.grid4 img {margin:0 12px 12px 0;} /* 231px wide with 12px margins */
.priContent .imageGrid.grid5 img {margin:0 10px 10px 0;} /* 184px wide with 10px margins */
.priContent .imageGrid img.last {margin-right:0;}

/*=Admin Navigation*/
ul.primary {list-style:none; border:none; margin:0 1em 1em 0; padding:0; line-height:3em; overflow:hidden;}
ul.primary li {margin:0 1em 1em 0; float:left;}
ul.primary li a {border:none; padding:0 .8em; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:3px  3px 3px #ccc; -moz-box-shadow:3px 3px 3px #ccc; -webkit-box-shadow:3px 3px 3px #ccc;}
ul.primary li.active a {border:none; border:1px solid #999;}
ul.primary li a:active {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}

/*=Login Form*/
#user-login,
#user-login input {font-size:1em;}
#user-login .form-item {margin-bottom:1em; font-size:1.1em;}
#user-login .form-item label {display:block; margin-bottom:2px; font-weight:bold;}
#user-login .form-item input {padding:1px;}
/*=Sprite Related */

.select,
.js .select a.selectDesc,
.quickSearch .title span,
.themeRunning h3.nosh span,
.themeRunning h3.hc span,
.themeRideshop h3.nosh span,
.themeRideshop h3.hc span,
.themeOutdoor h3.nosh span,
.themeOutdoor h3.hc span,
.productSpotlight h3.hc,
.productSpotlight h3.hc span {background-image:url(/tot/imgs/landingPage/spLandingPage.20151119152140.png) !important;}

/*=General Styles */
.mainColumn .product {width:136px; padding:0 18px;}

#wrap {width:960px; border:none; background:none;}
.priContent h1.hc {margin-bottom:12px;}
#wrap h2.pageTitle,
.pageBaffin h1.hc strong,
span.menuContext {display:inline; float:none; font:bold 28px Georgia, 'Times', serif; text-transform:uppercase; text-indent:0; color:#369; margin:0; background:none !important;}
.pageBaffin h1.hc {color:#585A5D; font-size:21px;}

#wrap .priContent {width:auto; float:none; min-height:50em; font-size:11px;}

.priContent .cont {padding:20px; background-color:white;}
.priContent .contInnard {clear:both; font-size:12px;}
.priContent .bVneck {clear:right; margin:0 0 20px -20px;}

.baffinBucket,
.featureRegion li
{display:block; margin-bottom:18px;}

.sliderWrap {position:relative; width:1000em; padding:3px 0 16px;}

.productFeed .product .flag,
.baffinChoiceStream .product .flag {top:-3px; background-image:none !important;}

.productFeed .innerShadow,
.baffinChoiceStream .innerShadow {position:relative; width:100%;}

.baffinAsset h6,
.otherSites h6 {font-size:10px; text-transform:uppercase; font-weight:bold;}

/*=Menu Trail */
.menuTrail {text-transform:uppercase; margin-bottom:12px; line-height:13px; position:relative; float:left; width:100%;}
.menuTrail a,
.pageTrends .menu a {float:left; margin-right:6px; padding:8px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font:bold 12px/1 Georgia, "Times New Roman", serif; color:#33659D;}
.menuTrail a {background-color:#DDE3E4;} /* No theme selected? Default to blue/Running */
.menuTrail span,
.menuTrail .active,
.menuTrail a:hover {background-color:#CAD5E1;}

/*=Columns Definitions */
.sideColumn {width:168px; margin-right:20px; float:left;}
.mainColumn {width:540px; margin-right:2%; float:left;}
.supportingColumn {width:211px; float:right; text-align:center;}

/*=Category Navigation */
.catNav {text-align:left;}
.catNav h3.nosh {margin-bottom:12px;}
.catNav h4 {margin:0; font-size:11px; text-transform:uppercase;}
.catNav a {display:block; line-height:16px;}
.catNav a.last, .catNav .loneHeading {margin-bottom:18px;}
.subCallout a{display:block; line-height:15px; margin:7px 0 7px 11px;}

/*=Feature Region */
.featureRegion {margin:0 0 14px 0; list-style:none; font-size:10px;}
.featureRegion h5,
.featureRegion a {margin-bottom:4px;}
.featureRegion h5 {text-transform:uppercase; letter-spacing:.03em; color:#fff;}
.featureRegion a {color:#fff;}
.featureRegion img {display:block;}
.featureRegion li {float:left; width:132px; margin:0 4px 4px 0;}
.featureRegion li.first {clear:left;}
.featureRegion li.last {margin-right:0px;}
.featureRegion div {padding:6px; background:#558abe;}
.featureRegion div a {display:inline-block; line-height:11px;}
.featureRegion .alt {margin-left:3px; padding-left:5px; border-left:1px solid #fff;}

/*=Departments */
.departments {background-position:top left; font-size:10px; margin-bottom:12px; border-top:1px solid #ddd;}
.departments h4 {padding-top:10px; margin-bottom:10px; border-top:1px solid #fff; font-size:10px; text-align:center; text-transform:uppercase;}
.departments h5 {margin-bottom:2px; font-weight:bold; text-transform:uppercase;}
.departments div {float:left; width:20%; margin-bottom:12px; padding:0 2% 0 3%;}
.threeRegions div {width:28%;}
.departments a,
.departments img {display:block;}
.departments a {padding:2px 0;}
.departments img {margin-bottom:14px;}

/*=Baffin Asset */
.baffinAsset {border-top:1px solid #ddd; border-bottom:1px solid #fff;}
.baffinAssetInner{padding:10px 0 0; border-top:1px solid #fff; border-bottom:1px solid #ddd; }
.baffinAsset img {display:block; margin-bottom:10px;}
.baffinAsset a {display:block; margin-top:10px; padding-bottom:10px; color:#ff5300; background-position:bottom left;}
.baffinAsset .caption {font-weight:bold; text-transform:uppercase;}

/*=Brand Space */
.brandSpace img {display:block; margin-bottom:10px;}
.brandSpace .featuredBrand {float:right; font-size:10px; font-weight:bold; text-transform:uppercase; margin-top:4px;}
.brandSpace .rolodex {clear:both; margin-bottom:12px; padding:6px 0; text-align:center; font-weight:bold;}
.brandSpace .rolodex a {padding:0 3.3px; color:#558abe;}
.brandSpace .hcSearch input {width:80%;}
.brandSpace h5 {font-size:10px; text-transform:uppercase; margin-bottom:2px;}
.brandSearchForm {position:relative; height:auto !important; height:1%; overflow:visible; background:#fff;}
#baffinBrandSearchForm .currentSuggestions a {font-size:1.1em; font-style:italic;}
.brandSearchForm .blur {color:#fff;}

/* Search Suggest - styles specific to baffin brand search, positioned relatively from the input. global search suggestion styles in zappos.css */
#searchSuggest-baffinBrandSearch ul {width:500px; top:18px; left:-20px; background-image:none;}

/*=Reviews */
.mainColumn .reviews h2.hc {background-position:right -222px; display:inline; line-height:37px; margin:0; padding:8px 40px 4px 0; text-indent:0;}
.reviews .productReviews {margin-top:6px;}
.reviews .productReviews .stars {vertical-align:baseline; position:static; top:0;}

/*=Page Content*/
.pageContent {line-height:20px; font-size:11px;}
.pageContent h2 {border-bottom:1px solid #e8e8e8; padding-bottom:8px;}
.pageContent p {margin:14px 0;}
.pageContent .foreground {font-size:18px; line-height:28px;}

/*=Styled Selects*/
.select{padding:0 5px 0 0; text-align:left; position:relative; border:1px solid #cecece; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px; background-repeat:repeat; background-position:0 -48px;}
.select span {width:100%; padding: 0 1px 1px 3px; display:block; z-index:1; background-color:#fff; border:1px solid #BEBEBE;}
.js .select span{padding:0 0 1px 0px; display:none; position:absolute; top:26px; left:0; overflow-x:hidden; overflow-y:scroll;}
.select a {padding:5px 0; color:#585A5D !important; outline:none;display:block;}
.select a.selectDesc{height:20px; padding:1px 25px 4px 10px; overflow:hidden; line-height:24px;}
.js .select a.selectDesc{background-repeat:no-repeat; background-position:right -21px;}
.select span a{padding-left:5px;}
.select span a:hover{text-decoration:underline;}
.js .select span a:hover, .js .select span a:focus {background-color:#f8f8f8; outline-color: #bebebe; outline-style: solid; outline-width: 1px;text-decoration:none;}

/*=Subscription Form*/
.subscriptionForm {margin:0 0 0; padding:10px; text-align:left; color:#555; border-right:1px solid #DEDEDE;}
.subscriptionForm h4, .dForm h4 {font:17px Georgia, serif; text-shadow:0 1px #fff; text-transform:uppercase; color:#2C5987;}
.subscriptionForm p {margin:10px 0; text-align:left;}
.subscriptionForm .caption {font-style:italic; line-height:1.4em;}
.subscriptionForm label {float:left; width:140px; margin:10px 0 5px;}
.subscriptionForm input,
.subscriptionForm textarea {border:1px inset #ccc; width:170px; padding:7px 4px; font-style:italic; font-family:Georgia; -moz-border-radius:5px; -webkit-border-radius:5px;}
.subscriptionForm .checkbox {clear:left; float:left; margin:10px 5px 10px 0; width:15px; border:none;}
.subscriptionForm button {margin:10px 0;}
.subscriptionForm a {margin:3px 0; text-decoration:underline;}
.subscriptionForm .privacy {margin:15px 0; font-style:normal;}
.subscriptionForm .asyncError {margin-bottom:15px; line-height:12px;}
.subscriptionForm .asyncError ul {padding-right:20px;}
.subscriptionForm .asyncError li {margin-bottom:5px;}

.subscriptionForm select {background:repeat transparent 0 -440px; color:#585A5D; font-size:11px; font-weight:normal; margin:0; padding:5px 8px; width:100%; text-indent:0;}
.subscriptionForm ul {list-style:none; margin:0; padding:0;}
.subscriptionForm li {margin:0 0 5px; padding:0; clear:both;}
.subscriptionForm .subcaption {clear:both; margin:10px 0;}
.mainColForm {margin-bottom:18px;}
.mainColForm .subscriptionForm label {margin:0 10px 0 0; text-align:right; width:24%; white-space: nowrap;}
.mainColForm .subscriptionForm select {width:61%;}
.mainColForm .subscriptionForm input {width:58%;}
.mainColForm .subscriptionForm textarea {margin-left:0; height:20%;}
.mainColForm .subscriptionForm input.checkbox {float:none; margin:0; width:auto; height:auto;}
.mainColForm .subscriptionForm .checkboxWrap label {float:none; padding-left:10px;}
.mainColForm .subscriptionForm .actions {text-align:center;}
.mainColForm .subscriptionForm ul {width:370px; margin:0 auto; text-align:center;}

.secColForm input {width:95%;}

/*=Other Sites */
.otherSites img {padding:5px;}
.otherSites .select {margin:10px auto 0; width:110px;}
.otherSites .otherSitesInner {padding:10px 0 15px; text-align:center; overflow: visible;}

/*=Popular Searches */
.linkFarmInner {border:1px solid #DEDEDE; padding:5px; margin-top:30px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#fff;}
.linkFarm a {display:inline;}
.linkFarm .weight-1 {font-size:2em;}
.linkFarm .weight-2 {font-size:1.6em;}
.linkFarm .weight-3 {font-size:1.4em;}
.linkFarm .weight-4 {font-size:1.2em;}
.linkFarm .weight-5 {font-size:1em;}
.linkFarm .sideListing {padding:4px 8px; text-align:left;}
.linkFarm .sideListing a {display:block; padding:4px 0;}

/*=Image Gallery */
.baffinVideoGallery h5 {float:left; margin-top:5px;}
.baffinVideoGallery .stage {clear:both; padding-top:12px; margin-bottom:12px; text-align:center;}
.baffinVideoGallery .innerShadow {position:relative; clear:both;}
.baffinVideoGallery .sliderWrap {padding:5px 0 10px;}
.baffinVideoGallery .sliderWrap a {width:95px; margin:0 4px; float:left;}
.baffinVideoGallery .controlPanel {margin-bottom:4px;}

/*=Image Farm */
.imageFarm a,
.imageFarm img {float:left;}

/*=Page */
.baffinPage .innerShadow {padding:10px;}
.baffinPage .innerShadow p {margin:0 0 10px;}
.baffinPage {margin-bottom:18px;}

/*=Verticals */
.pageVertical .fullColumn {clear:both;}

/*=Featured Products */
.featuredProducts a {float:none; margin:10px auto 10px; padding:0;}
.mainColumn .featuredProducts a {float:left;}
.featuredProductListing .innerShadow {clear:both;}

/*=Product Spotlight */
.productSpotlight {width:100%; display:inline-block;}
.productSpotlight .innerShadow {padding:3px 0 16px; text-align:center;}
.productSpotlight .stripeInner a {display:block;}
.productSpotlight .baffinBucket {width:216px; float:left; margin-right:9px;}
.productSpotlight .caption {display:block; font-size:12px; font-weight:bold; margin-top:6px;}
.productSpotlight .last {float:right; margin-right:0;}
.productSpotlight h3.hc {background-color:#2c5897; background-position:right -103px; text-shadow:rgba(32, 64, 109, .7) 1px 1px 0;}
.productSpotlight h3.hc span {background-position:right -96px;}
.productSpotlight .stripeOuter {background-image:url(/tot/imgs/landingPage/stripeBGbluewhite.20151119152140.png); background-repeat:repeat;}

/*=Editorial Related Styles */
.pageEditorial .bodyContent,
.pageEditorial .mainColumn {width:726px;}
.pageEditorial .bodyContent {float:left;}
.pageEditorial .bodyContent {font-size:12px;}
.pageEditorial .bodyContent .imageCallout {margin-bottom:10px;}
.pageEditorial .bodyContent p,
.baffinArticle p {margin:16px 0; line-height:1.8em;}
.pageEditorial .bodyContent li,
.baffinArticle li {margin:10px 0 10px 20px; line-height:1.8em;}
.pageEditorial h2.hc {margin-top:10px; padding-bottom:3px; border-bottom:1px solid #eee;}

/*=Editorial Flexible Columns */
.pageEditorial .lscSideColumn {float:left;}
.pageEditorial .rscSideColumn {float:right; margin-right:0;}
.pageEditorial .lscSideColumn, .pageEditorial .rscSideColumn {width:211px;}

.pageEditorial .lscBodyContent {float:right;}
.pageEditorial .lscMainColumn {float:right; margin-right:0;}

/*=Article */
.baffinArticle h2.hc em {margin-left:4px; font-size:12px; font-style:normal; color:#555;}

/*=Image Slider */
.imageSlider .sliderWrap {padding-top:12px; padding-bottom:12px;}
.imageSlider .innerShadow {width:100%; position:relative;}
.imageSlider a {width:173px; float:left;}
.imageSlider a img {display:block; margin:0 auto;}
.brandSlider .sliderWrap a {width:131px; margin-left:21px; margin-right:21px;}

/*=Landing Page Specific Video Player*/
.zvideo {background-color:#000; display:block; overflow:hidden; text-align:center; margin:0 auto;}

/*=Templated Images Overrides */
.templatedImages a {margin-left:9.3px;} /* Yeah, bit me, it doesn't work in IE. */

/*=FeedReader */
.feedReader {padding:10px 10px 0;}
.feedReader em {display:block; margin-bottom:6px;}
.feedReader h6 {font-size:14px; margin-bottom:2px;}
.supportingColumn .feedReader h6,
.sideColumn .feedReader h6 {font-size:11px; margin-bottom:2px;}
.supportingColumn .feedReader {text-align:left;}
.supportingColumn .feedReader em {margin-bottom:0;}
.feedReader div {margin-top:10px; margin-bottom:10px; padding-top:8px; border-top: 1px solid #E8E8E8;}

/*=General page menu styling */
.secondaryMenuTrail,
.noMenuChildren {margin-bottom:20px; padding-top:12px; border-top:1px solid #E8E8E8; box-shadow:inset 0 1px 0 0 #fff;}
.topLevelMenuItems a:visited,
.secondaryMenuTrail a:visited,
.topLevelMenuItems a:hover,
.secondaryMenuTrail a:hover {color:#369;}
.secondaryMenuTrail a:hover {text-decoration:underline;}
.secondaryMenuTrail a {margin-right:10px;}
.secondaryMenuTrail span:after {content:"\00B7"; margin-right:8px;}
.secondaryMenuTrail .active {text-decoration:underline;}
.secondaryMenuTrail .last:after {content:""; margin-left:0;}

/*=Apply menu specific styling. This is based upon the current layout that is being viewed. */
.pageTrends .secondaryMenuTrail,
.pageTrends .noMenuChildren {border-top-color:#fff; box-shadow:none;}

/*=Running Theme */
.themeRunning a:hover {text-decoration:underline;}
.themeRunning .priContent h1.hBeret {color:#558ABE;}
.themeRunning h3.nosh,
.themeRunning h3.hc {background:#7b7b7b !important;}
.themeRunning h3.hc span {background-position:-5px -73px;}
.themeRunning h3.nosh span {background-position:-10px -73px;}
.themeRunning .menuTrail a,
.themeRunning .menuTrail span {color:#33659D;}
.themeRunning .menuTrail a {background-color:#DDE3E4;}
.themeRunning .menuTrail .active, .themeRunning .menuTrail a:hover {background-color:#acb8c5;}
.themeRunning .featureRegion div {background:#7b7b7b;}
.themeRunning .featureRegion div a {color:#fff;}

/*=Outdoor Theme */
.themeOutdoor a {color:#6D664B;}
.themeOutdoor a:hover {color:#7A5B37; text-decoration:underline;}
.themeOutdoor .priContent h1.hBeret{color:#7A5B37;}
.themeOutdoor h3.nosh,
.themeOutdoor h3.hc {background:#6D664B !important;}
.themeOutdoor h3.hc span {background-position:-5px -80px;}
.themeOutdoor h3.nosh span {background-position:-10px -80px;}
.themeOutdoor .menuTrail a,
.themeOutdoor .secondaryMenuTrail a,
.themeOutdoor .menuTrail span {color:#7A5C32;}
.themeOutdoor .menuTrail a {background-color:#EDE9DC;}
.themeOutdoor .menuTrail .active, .themeOutdoor .menuTrail a:hover {background-color:#d0c4af;}
.themeOutdoor .featureRegion div {background:#6D664B;}
.themeOutdoor .featureRegion div a {color:#fff;}

/*=Rideshop Theme */
.themeRideshop a {color:#666;}
.themeRideshop a:hover {color:#333; text-decoration:underline;}
.themeRideshop .priContent h1.hBeret{color:#333;}
.themeRideshop h3.nosh {background:#333 !important;}
.themeRideshop h3.hc {background:#333 !important;}
.themeRideshop h3.hc span {background-position:-5px -87px;}
.themeRideshop h3.nosh span {background-position:-10px -87px;}
.themeRideshop .menuTrail a,
.themeRideshop .secondaryMenuTrail a,
.themeRideshop .menuTrail span {color:#6D6D6C;}
.themeRideshop .menuTrail a {background-color:#E6E6E1;}
.themeRideshop .menuTrail .active, .themeRideshop .menuTrail a:hover {background-color:#c2c2c2;}
.themeRideshop .featureRegion div {background:#333;}
.themeRideshop .featureRegion div a {color:#fff;}

/*=Subscription Form Styling*/
.sideColumnSubscriptionForm {text-align:center;}
.sideColumnSubscriptionForm .nosh {text-align:left;}
.sideColumnSubscriptionForm p {margin:0 !important; font-size:9px; line-height:17px; text-align:left;}
.sideColumnSubscriptionForm url{margin:0; margin:0 auto; width:100%;}
.sideColumnSubscriptionForm li{list-style:none; margin:0; padding:0;}
.sideColumnSubscriptionForm input{margin:10px 0; width:154px; text-align:left;}

/*=layoutThreeColumnEven*/
.layoutThreeColumnEven .sideColumn,
.layoutThreeColumnEven .supportingColumn{width:190px;}

/*=Image Canvas*/
.imageCanvas img, .imageCanvas a {position:absolute;}

/*=TwoColumnThick*/
.layoutTwoColumnThick .sideColumn,
.layoutTwoColumnThick .supportingColumn{width:350px; overflow:hidden;}
.layoutTwoColumnThick .mainColumn {width:575px; overflow:hidden;}

/*=Brand Pages*/
.pageBrand #brandNotifyme {clear:both; margin-bottom:18px;}
.pageBrand h3,
  .pageBrand #command {margin-left:160px;}
.pageBrand .asyncError {float:none; margin-top:10px;}
.pageBrand #command fieldset {position:relative; margin-top:15px; padding:3px; min-height:25px; width:420px; border:1px solid #bbb; border-radius:6px;}
.pageBrand #command input[type=text] {width:300px; padding:4px; margin-right:5px; font:italic 14px Georgia,'Times',serif; border:none; border-width:0;}
.pageBrand #command button {position:absolute; top:3px; right:3px;} /* Had to use absolute positioning because IE7 sucks */
.pageBrand #command .privacy {margin:5px 0 0;}
.pageBrand #brandNotifyme h4 {font:italic 18px Georgia, Times, Serif;} /* This styles the heading for the Brand Notify form submission response */
.pageBrand #brandNotifyme p {margin-bottom:0;} /* This styles the paragraph for the Brand Notify form submission response */

/* These take away the bottom margin. Sorry. */
.pageBrand .imageGrid.grid1 img {margin:0 0px 0 0;} /* However wide with side margins */
.pageBrand .imageGrid.grid2 img {margin:0 20px 0 0;} /* 470px wide with 20px margins */
.pageBrand .imageGrid.grid3 img {margin:0 18px 0 0;} /* 308px wide with 18px margins */
.pageBrand .imageGrid.grid4 img {margin:0 12px 0 0;} /* 231px wide with 12px margins */
.pageBrand .imageGrid.grid5 img {margin:0 10px 0 0;} /* 184px wide with 10px margins */
.pageBrand .imageGrid img.last {margin-right:0;}

/*=Brand One Column*/
.layoutBrandOneColumn .mainColumn,
  .layoutBrandOneColumn .secColumn,
  .layoutBrandOneColumn .pageHeader,
  .layoutBrandOneColumn .terColumn {clear:both; width:100%;}
.layoutBrandOneColumn .menuTrail  {clear:both; overflow:hidden; margin-bottom:18px; color:white; background-color:#595A5E;}
.layoutBrandOneColumn .menuTrail span {margin:0;}
.layoutBrandOneColumn .menuTrail span a {float:left; width:960px; margin:0; padding:15px 5px; text-align:center; color:white; background-color:transparent; border-radius:0; text-transform:uppercase; font:bold 12px Verdana, Helvetica, sans-serif;}
.layoutBrandOneColumn .menuTrail span a:hover,
  .layoutBrandOneColumn .menuTrail span .active {background-color:#ccc; color:#666;}
.layoutBrandOneColumn .menuCount1 span a {width:950px;}
.layoutBrandOneColumn .menuCount2 span a {width:470px;}
.layoutBrandOneColumn .menuCount3 span a {width:310px;}
.layoutBrandOneColumn .menuCount4 span a {width:230px;}
.layoutBrandOneColumn .menuCount5 span a {width:182px;}
.layoutBrandOneColumn .menuCount6 span a {width:150px;}
.layoutBrandOneColumn .menuCount7 span a {width:127px;}
.layoutBrandOneColumn .menuCount8 span a {width:110px;}
.layoutBrandOneColumn .menuCount9 span a {width:96px;}
.layoutBrandOneColumn .menuCount10 span a {width:86px;} /* I hope they don't have more than 10 menu items */

/*=Brand Two Column*/
.layoutBrandTwoColumn .brandSecColWrap {float:left; width:211px; margin-right:23px;}
.layoutBrandTwoColumn .brandMainColWrap {float:left; width:726px;}
.layoutBrandTwoColumn .mainColumn {float:none; margin:0; width:auto;} /* Gotta zero out those default styles, son */
.layoutBrandTwoColumn .pageHeader {1float:left; margin-bottom:18px; background-color:white; border:1px solid #bbb; border-radius:6px;}
.layoutBrandTwoColumn .menuTrail {float:none; width:100%; margin-bottom:0;}
.layoutBrandTwoColumn .pageHeader span {display:block; width:100%;background:url(/tot/imgs/nav-border-bottom.20151119152140.png) repeat-x top left; margin:0; line-height: 15px;}
.layoutBrandTwoColumn .pageHeader span a {float:none; font-size: 13px; margin-right:0; font-weight: bold; display: block; padding: 12px 0 0 40px; height: 24px; background: url(/tot/imgs/nav-arrow.20151119152140.png) no-repeat 23px 16px; font-family:Verdana, Helvetica, Sans; text-transform:none;}
.layoutBrandTwoColumn .pageHeader span a.active {background-color:blue; border-radius:inherit; color:white; background-color:#2c5987;}
.layoutBrandTwoColumn .pageHeader span a:hover {background:#95acc3 url(/tot/imgs/nav-arrow-white.20151119152140.png) no-repeat 23px 16px; color:#fff; border-radius:0;}
.layoutBrandTwoColumn .pageHeader span.last a:hover,
  .layoutBrandTwoColumn .pageHeader span.last,
  .layoutBrandTwoColumn .pageHeader span.last a.active {border-radius:0 0 6px 6px;}
.layoutBrandTwoColumn .pageHeader h2 {margin:5px auto; width:184px;}
.layoutBrandTwoColumn .pageHeader h2 .bLogo {width:100%; height:auto; -ms-interpolation-mode:bicubic;}

/*=Dynamic Form*/
.dFormWrapper {margin-bottom:18px;}
.dForm {padding:15px;}
.dForm h4 {margin-bottom:15px;}
.dForm p {margin:10px 0;} 
.dForm label,
  .dForm legend {font-size:10px; text-transform:uppercase; font-weight:bold; color:#555;}
.dForm .btn {clear:both; float:left; margin:15px 0; padding:5px 7px;}
.dForm fieldset.dfRadios,
  .dForm fieldset.dfCheckboxes {margin-top:10px;}

.dfInput {float:left;}
.dfField {float:left; clear:both; padding:10px 0; width:100%;}
.dfField label {margin-bottom:4px; display:block; width:100%;}
.dfCheckbox label {position:relative; left:7px; display:inline;}
.dfCheckboxes label, .dfRadios label {display:inline; position:relative;}
.dfCheckbox label,
  .dfCheckboxes label,
  .dfRadios label {font-size:11px; text-transform:none; font-weight:normal;}
.dfDescription {color:#666; font-style:italic; display:block; float:left; width:100%; padding-bottom: 4px;}
.dfField .dfPrefix {float:left; padding-right:5px; line-height:26px;}
.dfField .dfSuffix {padding-left:5px; line-height:26px;}
.dfTextarea .dfInput,
  .dfTextfield .dfInput,
  .dfSelect .dfInput {border-color:#ABAAAA #E1DFDF #E1DFDF #ABAAAA;  border-style:solid; border-width:1px; display:block; width:75%; max-width:250px; padding:3px 0 3px 5px;}
.dfSelect .dfInput {height:30px; padding:5px 0 5px 5px;}
.dfTextarea .dfInput {width:95%; max-width:95%; height:auto !important;}
.dfField .dfSeriesWrapper {padding:5px 0 5px 15px; width:100%;}
.dfTBelow, .dfTAbove {clear:both;width:100%;}
.dForm .asyncError {padding:0 0 7px 0;}
.dForm .required {padding-left:5px; font-weight:bold; color:#FFAE00;}

/*=Hero Video*/
.heroVideoWrapper {font-size:0;}