.heroGallery a{display:block;}
.heroGallery a.heroAlternate {display:none;}
.heroGallery{overflow:hidden; position:relative; z-index:10;}
.heroGallery #heroControlPanel{background:#fff; bottom:10px; padding:7px 0 7px 7px; position:absolute; right:9px; border:1px solid #ccc;}
.heroGallery .heroControlSwitch {position:relative; float:left; margin-right:7px; padding:1px 4px; background:#fff; border:1px solid #ccc; cursor:pointer;}
.heroGallery .heroControlSwitchActive {background:#eee; border-color:#aaa;}
.heroGallery .heroControlSwitchOverlay {position:absolute; top:-1px; left:-1px; height:17px; background:#F8F8EE; border:1px solid #ccc; border-right:0px;}
.heroGallery .heroControlSwitchLabel {display:block; font-size:11px; position:relative; z-index:10; color:#98052e;}

@-webkit-keyframes overlayTransition {
  from {
    width:0px;
  }
  
  to {
    width:25px;
  }
}
/*=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 img{float:left;}
.gridSelectorInner a {display:block; margin:0 5px 5px 0;}
.gridSelectorWrap {position:relative; margin-bottom:20px; float:left;}
.gridSelectorWrap .intro {position:absolute; top:1px; left:1px;}
.main_thumbs_inner {position:relative; display:none; float:left;}
.gridSelectorWrap .main_thumbs .actionArrow {position:absolute; right:5px; top:19px; display:none; z-index:1; width:7px; height:12px; padding:0 0 0 5px; border:1px solid #BEBEBE; -moz-border-radius:4px; -webkit-border-radius:4px; background:url(/tot/imgs/spGlobal.20151118154543.png) -35px 0;}
.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;}
.gridSelectorWrap .intro_thumbs li {height:85px;}
.noBorder img, .noBorder .gridSelector {border-color: transparent !important;}
.noBorder .gridSelectorWrap .intro {position:absolute; top:0; left:0;}

/*=General Layout Styles */
#content {width:982px;}
.supportingColumn .component {float:left;}
.mainColumn, .mainColumnWrap {float:left; display:inline; width:545px;}
.mainColumn {margin-left:26px;}
.mainColumnFull {width:982px; margin:0 auto 0 auto !important; display:block; float:none;}
.sideColumn {width:189px; float:left;}
.supportingColumn {width:195px; float:right;}
.component,
#content .sideColumn a.last {margin-bottom:20px;}

/*=Category Navigation */
.sideColumn h4 {color:#98052E; font-size:16px; border-bottom:1px dashed #999999; padding:0 13px 3px 0; margin:0 0 8px 0; display:inline-block;}
.sideColumn h5 a {font-size:15px;}
.sideColumn h5 {color:#000; font-size:15px;}
.sideColumn a {color:#000; font-size:11px; line-height:16px; display:block;}
.sideColumn a:visited {color:#7E8083;}
.sideColumn a:hover {color:#7E8083; text-decoration:none;}
.sideColumn h5 a:hover {color:#000;}
.sideFeatures, .sideFeatures a{padding-bottom:5px;}

/*=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;}

/*=Component box style two */
.boxStyle2 {border:1px solid #eee; padding:8px; width:162px;}
.boxStyle2 .componentInner {text-align:center; background-color:#F5F5F5; border:1px solid #eee; width:160px; padding:15px 0 15px 0px;}
.boxStyle2 .title {margin: 0 20px; text-align:left; color:#98052E; font-size:16px; letter-spacing:1px; padding:0; position:relative; width:151px; left:-9px;}

/*=Account Styled Component box */
.boxAccount {border:1px solid #ccc;}
.boxAccount h4 {background-color:#ccc; color:#404040; font-size:12px; padding:4px 12px;}
.mainColumn .boxAccount {width:543px;}

/*=Subscription Form */
.mainColumn .subscriptionForm .caption {font-size:12px; margin-bottom:15px; padding:6px;}
.mainColumn .subscriptionForm .formElements {margin:0 auto; width:320px;}
.mainColumn .subscriptionForm input {margin-bottom:12px; float:left;}
.mainColumn .subscriptionForm label {display:block; font-size:12px; width:144px; float: left;}
.mainColumn .subscriptionForm button {float:right; margin:0 25px 15px 0;}
.mainColumn .subcaption {clear:both;}

.supportingColumn .subscriptionForm h4 {padding:4px 12px; width:154px;}
.supportingColumn .subscriptionForm fieldset {padding:14px 14px 0 14px; width:148px;}
.supportingColumn .subscriptionForm input {float:left; margin-bottom:10px; margin-top:10px; float: none;}
.supportingColumn .subscriptionForm p {margin:12px 0;}

.pageHomepagesixpm .subscriptionForm {float:left; margin:7px 1px 0 0; width:100%; border:1px solid #EEEEEE;}
.pageHomepagesixpm .subscriptionForm .caption {text-align: center; margin-bottom:0; padding-bottom:15px;}
.pageHomepagesixpm .subscriptionForm .formElements {width:375px;}
.pageHomepagesixpm .subscriptionForm h4 {color:#555555; background-color:#F5F5F5; padding: 6px 12px;}
.pageHomepagesixpm .subscriptionForm button {margin:0 0 0 7px; position:relative; top:-2px;}
.asyncError ul{color:#AA0000; font-size:12px; list-style:disc inside; margin:0 0 16px 12px; list-style-type: disc;}

/*=Styled Selects */
.select {padding:0 5px 0 0; text-align:left; position:relative; border:1px solid #cecece; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(/tot/imgs/landingPage/landingPageSprite.20151119152140.png) repeat 0 -49px;}
.select span {width:100%; padding:0 1px 1px 3px; display:block; z-index:1; background-color:#fff; border:1px solid #ccc;}
.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; font-size:11px;}
.select a.selectDesc {height:20px; padding:1px 25px 4px 10px; overflow:hidden; line-height:24px;}
.js .select a.selectDesc {background:url(/tot/imgs/landingPage/landingPageSprite.20151119152140.png) no-repeat right -21px transparent;}
.select span a {padding-left:5px;}
.select span a:hover {text-decoration:none;}
.js .select span a:hover, .js .select span a:focus {background-color:#f8f8f8; outline-color:#ccc; outline-style:solid; outline-width:1px; text-decoration:none;}

/*=Product Feed / choicestream */
.productFeed {padding:0 10px 10px 10px; width:523px;}
.sliderWrap {position:relative; padding:3px 0 16px; width:1000em;}
.productFeed .product .flag,
.baffinChoiceStream .product .flag {top:-3px; background-image:none !important;}
.productFeed .componentInner,
.baffinChoiceStream .componentInner {position:relative; clear:both; width:100%;}

/*= Brand Space */
.brandSpace {padding:10px; width:522px;}
.brandSpace img {display:block; margin-bottom:5px;}
.brandSpace .rolodex {clear:both; margin-bottom:4px; text-align:center; font-weight:bold; background-color:#fff; border:1px solid #ccc; padding:0 0 0 11px; overflow:hidden; width:509px; height:22px;}
.brandSpace .rolodex a {padding:0 10px 0 0; line-height:22px;}
.brandSpace h5 {font-size:10px; text-transform:uppercase; float:left; margin-top:5px;}
.brandSpace .hcWrap {clear:both; float:left; margin-bottom:5px; width:100%;}
.brandSpace .featuredBrand {float:right; font-size:10px; font-weight:bold; text-transform:uppercase; padding-bottom:5px;}
.brandSpace fieldset {clear:both; width:517px;}
.brandSpace input {border:1px solid #ccc; color:#999; font-size:11px; font-style:italic; font-weight:bold; padding-left:5px; float:left; width:419px; height:26px;}
.brandSpace button {float:right; margin:0; padding-bottom:4px; width:86px; height:30px;}
.brandSearchForm {position:relative; overflow:visible; height:auto !important; height:1%;}
.brandSearchForm button,
.quickSearch button {background-image:none; border:1px solid #ccc; z-index:100; -moz-border-radius:0; -webkit-border-radius:0;}
.brandSearchForm button {font-size:14px; background-color:#EC881D;}
.brandSearchForm .blur {color:#fff;}

/* Search Suggest - styles specific to baffin brand search, positioned relatively from the input. global search suggestion styles in 6pm.css */
#searchSuggest-baffinBrandSearch ul {width:424px; position:relative; top:10px; left:0;}

/*=Link Farm */
.linkFarm h3.hc {left:-12px;}
.linkFarm {width:168px; padding:5px; float:left;}
.linkFarm .componentInner {text-align:center; background-color:#fff; border:1px solid #eee; float:left; margin-top:7px; padding:5px; width:150px;}
.linkFarm a {display:inline; line-height:24px; color:#999; font-weight:bold; padding-right:7px;}
.linkFarm a:hover {color:#ec881d; text-decoration:none;}
.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;}

/*=With tagcloud disabled */
.linkFarm .sideListing {text-align:left; font-size:12px;}
.linkFarm .sideListing a {color:#B50938; display:block; line-height:24px; padding:0 0 0 5px;}
.linkFarm .sideListing a:hover {color:#B50938;}

/*=Feature Region / Departments */
.featureRegion a,
.departments a {color:#fff; line-height:11px;}
.featureRegion a:visited, .featureRegion a:hover {color:#fff;}
.featureRegion a.alt,
.departments a.alt {padding-left:5px; margin-left:3px; border-left:1px solid #fff;}
.featureRegion h5,
.departments h5 {text-transform:uppercase;}
.featureRegion h5 {color:#fff;}
.featureRegion,
.departments {margin:0 0 14px 0; list-style:none; font-size:10px; width:560px;}
.featureRegion div {padding:6px; background: url(/tot/imgs/spGlobal.20151118154543.png) 0 -184px; background-color: #5e0920;}
.featureRegion img,
.departments img {display:block;}
.featureRegion li,
.departments li {float:left; margin:0 5px 5px 0;}

/*=Departments */
.departments a {color:#000; display:block; width:100%; font-size:11px; padding:0 0 4px;}
.departments a:visited {color:#000;}
.departments a:hover {color:#7E8083; text-decoration: none;}
.departments h5 a:hover {color:#000;}
.departments div {padding: 5px 0 5px 5px; width: 125px;}

/*=Other Sites */
.otherSites .title {margin:0 14px;}
.otherSites .componentInner {overflow:visible;}
.otherSites .select,
.otherSites select {margin:13px;}
.otherSites img {margin-bottom:10px;}

/*=Page content */
.mainColumn .pageContent {padding:10px; width:523px;}
.mainColumn .pageContent .componentInner {font-size:11px; border:1px solid #eee; background-color:#fff; padding:16px 10px 10px 10px;}
.mainColumn .pageContent h2 {color:#b50938; font-size:16px; border-bottom:1px dashed #999; padding-bottom:10px; margin-bottom:10px;}

/*=Content Styles */
.mainColumn .pageContent p {font-size:11px; line-height:18px; margin-bottom:12px;}
.mainColumn .pageContent .foreground p {font-size:15px; font-weight:bold; margin-bottom:12px;}
.mainColumn .pageContent a {color:#B50938; text-decoration:none;}
.mainColumn .pageContent a:hover {color:#999; text-decoration:none;}

.supportingColumn .pageContent {width:178px; background-color:#fff;}
.supportingColumn .pageContent .componentInner {font-size:1.2em; line-height:1.5em; border:0; padding:12px 16px 16px;}
.supportingColumn .pageContent a.arrow {font-weight: bold; padding-left:24px; padding-top: 3px; background:url(/tot/imgs/icons/orange-caret.20151119152140.jpg) no-repeat left center;}
.supportingColumn .pageContent .trust {background:url(/tot/imgs/icons/lock.20151119152140.jpg) no-repeat left top; color:#D7581F;}
.supportingColumn .pageContent p {margin:5px 0;}

/*=etc */
.imageFarm img {float: left;}

/*=TwoColumnThick*/
.layoutTwoColumnThick .sideColumn,
.layoutTwoColumnThick .supportingColumn{width:350px; margin-right:15px; overflow:hidden;}
.layoutTwoColumnThick .mainColumn {width:575px; margin-left:0; overflow:hidden;}
.layoutTwoColumnThick .boxStyle1 {padding:10px; margin-bottom:20px;}

/*=Dynamic Form*/
.dFormWrapper {margin-bottom:18px;}
.dForm h4 {margin-bottom:15px; font-size:14px;}
.dForm > fieldset {margin:0; padding:10px; background-color:white;}
.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%;}
.dfRadios input, .dfCheckbox input, .dfCheckboxes input {border:none;}
.dfCheckbox label, .dfRadios label {position:relative; left:7px; display:inline;}
.dfCheckboxes label {display:inline; position:relative;}
.dfCheckbox label,
  .dfCheckboxes label {font-size:11px; text-transform:none; font-weight:normal;}
.dfRadios span.dfRadioLabel {position:relative;}
.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 .required {padding-left:5px; font-weight:bold; color:#FFAE00;}
.primaryRegion {float:left;}

.mainColumnWrap, .mainColumnWrap .mainColumn {width:760px;}

/*Admin Image Components*/
.regionPrimaryBody .baffin-controls {float:left; width:auto;}

.regionPrimaryBody img{float: left;}

.mainFooting {background-color:#F5F5F5; float:left; display:inline; margin-top:8px; margin-left:26px; overflow:hidden; padding-bottom:7px; padding-top:7px; width:100%;}
.mainFooting .baffin-controls {float:left; overflow:hidden; width:253px;}
.mainFooting .content {border-left:2px dotted #BEBEBE; float:left; height:65px; left:-5px; padding:0.6% 2.6% 0 3.3%; position:relative; width:197px;}
.mainFooting {width:760px; position:relative;}
.mainFooting .mainFootingInner {width:990px;}
.mainFooting, .mainColumn {float:left;}
.mainFooting .lock {padding:10px 19px 0 0;}
.mainFooting .lockDesc {float:left; width:152px;}
.mainColumn .baffinGallery a{position:absolute; top:0; left:0;}
.heroGallery {height:351px;}