/*Any changes to this file should be made in GIT file loacated at /sfly-home/src/styles/homeStyle.scss.
The new styles in GIT location is used by home page*/
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.clear {
	clear: both;
}

#offer-banner-container {
  padding: 0 10px;
  min-width: 1000px;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  #offer-banner-container {
    min-width: 980px;
  }
}

.brand-TP #offer-banner-container {
  min-width: inherit;
}

#offer-banner a {
	text-decoration: none;
	font-size: 12px;
	color: #939598;
}

#offer-banner {
	margin-bottom: 10px;
	overflow: auto;
	font-size: 12px;
	color: #939598;
}

#offer-banner div {
	overflow: hidden;
}

.marqueeWrapper {
	width: 99%; /**970px;**/
	height: 550px;
	position: relative;
	clear: both;
}

.marqueeWrapper #marquee {
	overflow: hidden !important;
	width: 980px;
}

.marqueeWrapper li {
	float: left;
	margin-right: -100%;
}

#marquee {
	width: 200%;
}

#marquee li {
	position: relative;
}

#marquee li .dyncontent img{
  visibility: hidden;
}

.layer,.promoLayer {
	display: block;
}

.promoLayer {
	position: absolute;
}

.layer,.videoplaydiv {
	position: absolute;
	cursor: pointer;
}

.layer a,.layer img {
	display: block;
	width: 100%;
	height: 100%;
}

#featured-blocks {
	margin: 20px 0;
	height: 330px;
	overflow: auto;
	width: 981px;
}

#featured-block {
	margin: 20px 0;
	height: 330px;
}

.divider {
	border-top: 1px dotted #181512;
	height: 1px;
}

.fb-footer {
	padding: 0 5px;
	font-size: 12px;
	margin-top: 15px;
}

.fb-link {
	margin-top: 5px;
	font-size: 11px;
}

.fb-desc {
	line-height: 1.4em;
}

.fb-link a,.fb-link a:hover {
	margin-top: 5px;
	color: #F05323 !important;
}

.orangeContent {
	color: #F05323;
	font-size: 12px;
}

.tooltip {
	position: absolute;
	width: 28px;
	height: 28px;
	background: url(/i/home/panel_plus_sign.png) top left no-repeat;
	cursor: pointer;
}

.tooltipContent {
	position: absolute;
	padding: 10px;
	background-color: #fff;
	opacity: 0.9;
	filter: alpha(opacity =     90);
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: default;
	-moz-box-shadow: 0 0 4px 1px #aaa;
	-webkit-box-shadow: 0 0 4px 1px #aaa;
	box-shadow: 0 0 4px 1px #aaa;
	padding: 20px;
	color: #181512;
	font-size: 12px;
	font-family: "Avenir LT W01 55 Roman";
}

.tooltipContent a,.tooltipContent a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #F05323 !important;
	font-family: "Avenir LT W01 95 Black";
}

.shopMugs {
	-moz-border-radius: 100px 20px 45px 90px; /*left right bottom left*/
	border-radius: 100px 20px 45px 90px;
	overflow: hidden;
}

.tooltip:hover .tooltipContent.left,.tooltiphover .left {
	top: 0;
	right: 100%;
	display: block;
}

.tooltip:hover .tooltipContent.bottom,.tooltiphover .bottom {
	top: 100%;
	right: 0;
	display: block;
}

.tooltip:hover .tooltipContent.right,.tooltiphover .right {
	top: 0;
	left: 100%;
	display: block;
}

.tooltip:hover .tooltipContent.top,.tooltiphover .top {
	bottom: 100%;
	right: -200%;
	display: block;
}

.tooltip:hover .tooltipContent.topleft,.tooltiphover .topleft {
	bottom: 80%;
	right: 80%;
	display: block;
}

.tooltip:hover .tooltipContent.bottomleft,.tooltiphover .bottomleft {
	top: 80%;
	right: 80%;
	display: block;
}

.tooltip:hover .tooltipContent.bottomright,.tooltiphover .bottomright {
	top: 80%;
	left: 80%;
	display: block;
}

.tooltip:hover .tooltipContent.topright,.tooltiphover .topright {
	bottom: 80%;
	left: 80%;
	display: block;
}

.videoplaydiv,.videoWrapper {
	position: absolute;
}

.video-wrapper div {
	width: 100%;
}

/**Need to remove **/
.videoplaydiv {
	width: 50px;
	height: 50px;
}

.getStarted {
	background:
		url(/i/test_target/06_06_2012_homepage/assets/get_started_cta.png)
		-6px -6px no-repeat;
}

#videobtn2 {
	border-radius: 80px;
}

#easySteps {
	position: relative;
}

#easySteps #joinNowBtn {
	position: absolute;
	width: 79px;
	cursor: pointer;
	top: 45px;
	height: 28px;
	left: 794px;
}

/**Make the style specific for div only **/
div#storeFront {
	margin-top: 1.25em; /**16px */
}

#marquee li {
	position: relative;
}

#tabs-wrapper {
	position: absolute;
	top: 36px;
	left: 0;
	width: 188px; /** 35.5% of 970px**/
	cursor: pointer;
}

#tabs-wrapper .tab {
	height: 58px;
	width: 188px;
	background-position: 0 -124px;
	background-repeat: no-repeat;
	border-top: 1px dotted #181512;
	background-color: #fff;
	opacity: 0.7;
	filter: alpha(opacity = 70); /* For IE8 and earlier */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	color: #181512;
}

#tabs-wrapper .tab:hover {
	color: #f05323;
}

.tabHeader {
	font: 14px "Avenir LT W01 95 Black", Verdana, Arial, sans-serif;
}

.tabDesc {
	font: 12px "Avenir LT W01 55 Roman", Verdana, Arial, sans-serif;
}

#tabs-wrapper .firstTab {
	border-top: 0;
}

#tabs-wrapper .tab:hover,#tabs-wrapper .activeTab {
	background-position: 0 -62px;
}

#tabs-wrapper .tab.selected {
	background-position: 0 0;
	cursor: default;
	background-color: #58595b;
	opacity: 0.9;
	filter: alpha(opacity =   90); /* For IE8 and earlier */
	color: #fff;
}

.layer {
	display: block;
}

#featured-blocks a {
	text-decoration: none;
}

.fb-header {
	font-size: 18px;
	color: #181512;
	padding-left: 5px;
	margin-bottom: 10px;
}

#banner2 {
	margin: 20px 0;
}

.fblock {
	width: 275px;
	float: left;
	color: #181512;
	margin-right: 74px;
}

.fblock a {
	cursor: pointer;
}

.fblock.right-block {
	margin-right: 0;
}

#discussion-section {
	padding-left: 20px;
	*height: 430px;
	border-top: 1px dotted #181512;
}

/**Just for home page **/
#docWide #ft {
	margin-top: 40px !important;
}

.globalLayer {
	position: absolute;
	overflow: hidden;
}

#fb-like-container {
	background-color: #ffffff;
	width: 350px;
	margin: 20px 0 36px;
}

#social-nw-btns {
	margin-top: 20px;
}

#social-nw-btns div {
	margin-right: 10px;
}

#social-nw-btns a {
	text-decoration: none;
}

#social-nw-btns  img {
	vertical-align: middle;
}

#marquee a:hover,#marquee a:visited,#marquee a {
	text-decoration: none !important;
}

/**** Sign up Dialog Css ***/
#signupContent {
	margin: 0 20px;
}

#signInMsg {
	margin: 2px 0;
	color: #181512;
	font-size: 12px;
}

#progressBar {
	position: absolute;
	top: 244px;
	left: 200px
}

.horizontalDivider {
	border-top: 1px solid #C7C2BC;
}

#emailMe {
	color: #999;
	font-size: 10px;
	margin-bottom: 0;
}

#emailMe input {
	width: auto;
	height: auto;
}

ul.errorContainer {
	padding-left: 15px;
	list-style-type: disc !important;
	list-style-position: outside;
}

.openingText {
	font-size: 14px;
	color: #181512;
	margin-bottom: 10px;
}

#signupContent  .heading2 {
	font-size: 14px;
	color: #F05323;
}

ul#sflyPromiseDesc {
	list-style-type: disc;
	list-style-position: inside;
	color: #181512;
	font-size: 12px;
	margin: 5px 0 10px;
}

ul#sflyPromiseDesc li {
	margin-bottom: 5px;
}

ul#sflyPromiseDesc li.lastItem {
	margin-bottom: 0;
}

#signupContent #sflyButtonContainer {
	margin: 15px 0;
	*margin: 12px 0;
}

#signupForm {
	margin-top: 15px;
}

.layer,.videoplaydiv,#easySteps #joinNowBtn {
	background: #fff;
	opacity: 0.0;
	filter: alpha(opacity =   0);
}

.windowWidgetMain,.windowWidgetIFrameDiv {
	height: 100% !important;
}

#fblikeBox .fb-like {
	height: 20px;
	overflow: hidden;
}

#fblikeBox .logo {
	margin-right: 10px;
}

#fblikeBox .header {
	font: normal 14px/15px "lucida grande", tahoma, verdana, arial,
		sans-serif;
	margin-bottom: 5px;
}

#fblikeBox .header a {
	text-decoration: none;
	color: #333;
}

#fblikeBox .header a:hover {
	text-decoration: underline;
}

#social-section {
	padding: 30px 20px 0 30px;
}

#social-section .social-header3dot0 {
  display: none;
}
#homepage-social-video,
#homepage-social-video-caption {
	width: 530px;
}

#homepage-social-video {
	height: 310px;
}

#homepage-social-video-caption {
	font: 13px "Avenir LT W01 65 Medium", Verdana, Arial, sans-serif;
	color: #181512;
	text-align: center;
	margin: 5px 30px 0 auto;
	box-sizing: border-box;
	height: 61px;
	padding-bottom: 45px;
}

#homepage-social-video-caption + div.dyncontent {
	display: none;
}

#fb-header {
	width: 280px;
	margin-right: 30px;
	text-align: right;
	font: 13px "Avenir LT W01 95 Black", Verdana, Arial, sans-serif;
}

.social-header {
	font: 18px "Avenir LT W01 85 Heavy", Verdana, Arial, sans-serif;
	text-align: center;
	margin-bottom: 30px;
}

#quotes-container {
	width: 368px;
}

.quoting-logo {
	text-align: center;
}

.quote {
	margin-bottom: 20px;
}

.quote-txt {
	margin-top: 15px;
	font: 13px "Avenir LT W01 55 Roman", Verdana, Arial, sans-serif;
	text-align: center;
	line-height: 17px;
}

.quote-name,.quote-cta {
	margin-top: 8px;
	display: inline-block;
}

.quote-cta {
	font: 12px "Avenir LT W01 95 Black", Verdana, Arial, sans-serif;
	color: #F05323;
	text-decoration: none;
}

.quote-name {
	font: 13px "Avenir LT W01 85 Heavy", Verdana, Arial, sans-serif;
}

#quote2 {
	border-color: #58595b;
	border-width: 1px 0;
	border-style: dotted;
	padding: 20px 0;
}

#quote3 .quote-txt {
	margin-top: 8px;
}

#quote3 {
	margin-bottom: 0;
}

#mediaplayer {
	height: 300px !important;
}


#shipping-specialsB, #shipping-specialsC {
  display: none;
}

#sidenav-wells-threegridB, #sidenav-wells-threegridC {
  display: none;
}

#sidenav-wells-twogridB, #sidenav-wells-twogridC {
  display: none;
}

#whats-new, #promise-divider, #promise-section{
  display: none;
}

#new-social-section {
  display: none;
}

#quote3 hr {
  display: none;
}

.tabPromo {
  display: none;
}