@import url(//fonts.googleapis.com/css?family=Muli:400);

/* BRANDS FOOTER */
#pf-footer {
	font: 12px 'Muli', Tahoma, sans-serif;
}
#site-switch {
	background:url('../purefishing/bg-brands-footer.png') repeat;
}
#brands-footer {
	height:auto;
	position:relative;
	z-index:101;
	display: none;
}
#in-brands-footer {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(60%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* W3C */
}
#brands-footer-switch{
	background:#fff;
}
.brand-footer-sub {
	color: #bbbfc2;
	float:right;	
    padding: 10px 71px 10px 0;
}
.brands-switch {
    cursor: pointer;
    display: block;
    float: right;
    padding: 10px 56px 10px 0;
    position: relative;
}
.brands-switch > span {
	color:#E59036;
	padding-right:15px;
	text-transform: uppercase;
}
.brands-switch > img {
    position: absolute;
    top: -30px;
    right: 0;
}
.bubble-footer {
	float:right;
	margin:0 95px 5px 0;
}
.bubble-footer span {
    background-image: url("../purefishing/pf-footer-arrowbubble-sprite.png");
    background-position: 0 0;
    display: block;
    height: 18px;
    width: 58px;
}
.bubble-footer.active span {
    background-position: 0 -18px;
}
.bubble-footer span:hover {
    cursor: pointer;
}
.brands-wrapper {
    margin: 0 auto;
    padding: 35px 0 30px;
    text-align: center;
}
#site-context-links-footer { margin:0; padding:0; }
#site-context-links-footer li {
	position:relative;
    display: inline-block;
    margin: 0 15px 0 0;
    padding: 0;
    position: relative;
}
#site-context-links-footer li:last-of-type {
    margin: 0;
}
#site-context-links-footer li:hover, 
#site-context-links-footer li.active {
    background: url("../purefishing/pf-footer-shoppable-hoverarrow.png") no-repeat center bottom;
}
#site-context-links-footer li:hover {
}
#site-context-links-footer li.active {
    border-bottom: 1px solid #E59036;
}
#site-context-links-footer .site-link,
#site-context-links-menu .site-link,
#site-context-links-footer .noswap-site-link,
#site-context-links-menu .noswap-site-link {
    display: inline-block;
    padding: 20px 0 25px;
    position:relative;
    top:0;
    -o-transition: top 0.2s linear 0s;
    -webkit-transition: top 0.2s linear 0s;
    -moz-transition: top 0.2s linear 0s;
    transition: top 0.2s linear 0s;
}
#site-context-links-footer .site-link:hover,
#site-context-links-menu .site-link:hover,
#site-context-links-footer .noswap-site-link:hover,
#site-context-links-menu .noswap-site-link:hover {	
  	top: -4px;
}
#site-switch .site-link span,
#pf-site-swap .site-link span,
#site-switch .noswap-site-link span,
#pf-site-swap .noswap-site-link span,
#site-swap .image-swap li span,
#brands-tracker-switch .site-link span,
#brands-tracker-switch .noswap-site-link span,
.ui-dialog.cross-brand span.ui-dialog-title {
    background-image: url("../purefishing/pf-footer-shoppable-logos.png");
    background-repeat: no-repeat;
    display: block;
    position:relative;
    height: 47px;
}
.abugarcia_sitelink span,
.ui-dialog.cross-brand.AbuGarcia span.ui-dialog-title {
    background-position: -1100px 0;
    width: 77px;
}
.berkley_sitelink span,
.ui-dialog.cross-brand.Berkley span.ui-dialog-title {
    background-position: 0 0;
    width: 102px;
}
.johnson_sitelink span,
.ui-dialog.cross-brand.Johnson span.ui-dialog-title {
    background-position: -106px 0;
    width: 167px;
}
.hodgman_sitelink span,
.ui-dialog.cross-brand.Hodgman span.ui-dialog-title {
	background-position: -733px 0;
    width: 138px;
}
.pflueger_sitelink span,
.ui-dialog.cross-brand.Pflueger span.ui-dialog-title {
	background-position: -575px 0;
    width: 154px;
}
.shakespeare_sitelink span,
.ui-dialog.cross-brand.Shakespeare span.ui-dialog-title {
	background-position: -277px 0;
    width: 163px;
}
.uglystik_sitelink span,
.ui-dialog.cross-brand.UglyStik span.ui-dialog-title {
    background-position: -444px 0;
    width: 127px;
}
.fenwick_sitelink span,
.ui-dialog.cross-brand.Fenwick span.ui-dialog-title {
    background-position: -875px 0;
    width: 96px;
}
.sebile_sitelink span,
.ui-dialog.cross-brand.Sebile span.ui-dialog-title {
    background-position: -975px 0;
    width: 121px;
}
.spiderwire_sitelink span,
.ui-dialog.cross-brand.SpiderWire span.ui-dialog-title {
    background-position: -1181px 0;
    width: 147px;
}
.stren_sitelink span,
.ui-dialog.cross-brand.Stren span.ui-dialog-title {
    background-position: -1332px 0;
    width: 75px;
}
.penn_sitelink span,
.ui-dialog.cross-brand.PENN span.ui-dialog-title {
    background-position: -1411px 0;
    width: 64px;
}
.mitchell_sitelink span,
.ui-dialog.cross-brand.Mitchell span.ui-dialog-title {
    background-position: -1480px 0;
    width: 101px;
}
.hardy_sitelink span,
.ui-dialog.cross-brand.Hardy span.ui-dialog-title {
    background-position: -1587px 0;
    width: 92px;
}
.jrc_sitelink span,
.ui-dialog.cross-brand.JRC span.ui-dialog-title {
    background-position: -1684px 0;
    width: 72px;
}
.greys_sitelink span,
.ui-dialog.cross-brand.Greys span.ui-dialog-title {
    background-position: -1762px 0;
    width: 120px;
}
.chub_sitelink span,
.ui-dialog.cross-brand.Chub span.ui-dialog-title {
    background-position: -1887px 0;
    width: 131px;
}
#brands-tracker {
    position: fixed;
    left: -208px;
    top: 190px;
    width:25px;
    z-index: 1001;
}
#brands-tracker.open {
    left: 0;
}
#brands-tracker #brands-tracker-display {
	background:#fff;
	border: solid #000;
	border-width: 1px 1px 1px 0;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    height: 20px;
    padding: 5px 0 0 5px;
    position: absolute;
    right: -206px;
    top: 0;
    width: 20px;
    z-index: 1;
}
#brands-tracker #brands-tracker-display span {
	background: url('../purefishing/brand-collector-expand.png') no-repeat left top scroll transparent;
	height: 15px;
	width: 16px;
	display:block;
}
#brands-tracker.open #brands-tracker-display span {
	background-position: left bottom;
}
#brands-tracker .brands-header {
    font: 13px 'Muli',Tahoma,sans-serif;
    margin: 10px 0 20px;
    color:#848b91;
    text-transform:capitalize;
}
#brands-tracker #brands-tracker-switch {
    background: #FFF;
    border: solid #000;
    border-radius: 0 4px 4px 0;
	border-width: 1px 1px 1px 0;
    height: auto;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: -5px;
    width: 195px;
}
#brands-tracker-switch .brands-list {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    position:relative;
    max-height:195px;
    overflow:hidden;
    width:100%;
}
#brands-tracker-switch .brands-list ul { margin:0; padding:0; }
#brands-tracker-switch .brands-list div {
    display: block;
    margin: 0 auto;
    min-width: 100%;
    text-align: center;
}
#brands-tracker-switch li {
    padding-top: 5px;
}
#brands-tracker-switch li:first-of-type {
    padding-top: 0;
}
#brands-tracker-switch li a {
    display: inline-block;
}

#brands-tracker .ps-container .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; min-height:0; background-color: #BBBFC2; opacity: 0.3; filter: alpha(opacity = 30);} 
#brands-tracker .ps-container.ie6 .ps-scrollbar-x { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ }
#brands-tracker .ps-container:hover .ps-scrollbar-x, #brands-tracker .ps-container.hover .ps-scrollbar-x { opacity: 0.5; filter: alpha(opacity = 50); }
#brands-tracker .ps-container .ps-scrollbar-x:hover, #brands-tracker .ps-container .ps-scrollbar-x.hover { opacity: 1.0; filter: alpha(opacity = 100); cursor:default; }
#brands-tracker .ps-container .ps-scrollbar-x-rail { display: none; background: #f6f7f3; position: absolute; right: 0; top: 0; height: 8px; min-height:0; }
#brands-tracker .ps-container .ps-scrollbar-x.in-scrolling { opacity: 1.0; filter: alpha(opacity = 100); }
#brands-tracker .ps-container .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 8px; min-width:0; background-color: #BBBFC2; opacity: 0.3; filter: alpha(opacity = 30);} 
#brands-tracker .ps-container.ie .ps-scrollbar-y { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */}
#brands-tracker .ps-container:hover .ps-scrollbar-y, #brands-tracker .ps-container.hover .ps-scrollbar-y { opacity: 0.5; filter: alpha(opacity = 50); }
#brands-tracker .ps-container .ps-scrollbar-y:hover, #brands-tracker .ps-container .ps-scrollbar-y.hover { opacity: 1.0; filter: alpha(opacity = 100); cursor: default; }
#brands-tracker .ps-container .ps-scrollbar-y.in-scrolling { opacity: 1.0; filter: alpha(opacity = 100); }
#brands-tracker .ps-container .ps-scrollbar-y-rail { display: none; background: #f6f7f3; position: absolute; right: 0; top: 0; width: 8px; min-width:0; }


/*
* Site Swap Dialog
*/
#site-link-dialog #site-swap {
	color: #000 !important; 
    margin: 0 auto;
    text-align: center;
    width: 650px !important;
	font: 14px 'Muli', Tahoma, sans-serif;
}
.ui-dialog.site-swap {
	border: none;
    box-shadow: none;
    background: none repeat scroll 0 0 #FFF !important;
    border-radius: 7px !important;
    padding: 0 !important;
    width: 650px !important;
    height:auto !important;
    position:absolute !important;
}
.ui-dialog.site-swap .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
}
.ui-dialog.site-swap .ui-dialog-title {
    display: none !important;
}
.ui-dialog.site-swap .ui-widget-header {
    background: none;
    border: none;
    text-transform: uppercase;
}
.ui-dialog.site-swap .ui-dialog-content {
    padding: 0 !important;
}
.ui-dialog.site-swap .ui-dialog-titlebar-close {
    background: none;
    border: medium none;
    right: 10px;
    top: 25%;
    padding: 0;
    position: absolute;
}
.ui-dialog.site-swap  button {
    margin: 0 !important;
}
.ui-dialog.site-swap .ui-dialog-titlebar-close span {
    margin: 0;
    padding: 0;
}
.site-swap .ui-state-default .ui-icon {
    background-color: #FFFFFF;
    background-image: url("../purefishing/pf-footer-icon-dialog-close.png");
    background-position: left top;
    height: 22px;
    left: 0;
    top: 0;
    width: 22px;
}
.site-swap .ui-state-hover .ui-icon,
.site-swap .ui-state-focus .ui-icon {
    background-position: left bottom;
}
.ui-dialog.site-swap .ui-dialog-titlebar {
	margin: 20px;
	font-size: 14px;
	line-height: 15px !important;
}
#site-link-dialog {
    border-radius: 7px;
    margin: 0;
}
#site-swap #cancel-site-swap {
    color: #E59036 !important;
    display: inline-block;
    margin: 5px 0;
    padding: 10px;
    text-decoration: underline;
    text-transform: uppercase;
}
#site-swap #cancel-site-swap:hover {
    background: none repeat scroll 0 0 #E59036;
    color: #FFF !important;
}
#site-link-dialog #site-swap .image-swap {
    display: block;
    margin: 0 auto;
    text-align: center;
}
#site-link-dialog #site-swap .subsidiary {
    background: none repeat scroll 0 0 #ccc;
    font: 11px 'Muli',Tahoma,sans-serif;
    margin: 85px 0 0;
    padding: 15px 76px;
    position: relative;
    text-align: right;
}
#site-link-dialog .subsidiary > img {
    position: absolute;
    right: 20px;
    top: -27px;
}
#site-link-dialog .subsidiary > span {
    padding-right: 15px;
}
#site-link-dialog #site-swap .image-swap  ul {
    margin: 25px 0 0;
    padding: 0;
}
#site-link-dialog #site-swap .image-swap li {
    display: inline-block;
}
#site-link-dialog #site-swap .image-swap li div.image-spacer {
    background: url("../purefishing/pf-footer-movingcart.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 25px;
    margin: 0 0 8px;
    padding: 0 0 0 15px;
    width: 200px;
}
.legacy-wrapper .html-slot-container {
    margin: 0 auto;
    padding: 15px 0 34px;
    text-align: center;
}
#legacy-links-footer li {
    display: inline-block;
    margin: 25px 10px 11px 0;
}
.friends-tooltip .friends li {
    margin: 0 10px 0 0;
}
.friends li {
    display: inline-block;
    margin: 0 10px 11px 0;
}
#legacy-links-footer li:last-of-type {
    margin: 25px 0 11px;
}
.friends li:last-of-type {
    margin: 0 0 11px;
}
.friends-tooltip .friends li:last-of-type {
    margin: 0;
}
.ui-tooltip.friends-tooltip {
    background: #FFF;
    max-width:650px;
}
.legacy-link > span,
.friends span {
    background-image: url("../purefishing/pf-footer-unshoppable-logos.png");
    background-repeat: no-repeat;
    display: block;
    position: relative;
    height: 30px;
}
.abu_link > span {
    background-position: -695px 0;
    width: 49px;
}
.abu_link:hover > span,
.friends .AbuGarcia > span {
    background-position: -695px -30px;
    width: 49px;
}
.berkley_link > span {
    background-position: 0 0;
    width: 64px;
}
.berkley_link:hover > span,
.friends .Berkley > span {
    background-position: 0 -30px;
    width: 64px;
}
.johnson_link > span {
    background-position: -67px 0;
    width: 105px;
}
.johnson_link:hover > span,
.friends .Johnson > span {
    background-position: -67px -30px;
    width: 105px;
}
.fenwick_link > span {
    background-position: -553px 0;
    width: 61px;
}
.fenwick_link:hover > span,
.friends .Fenwick > span {
    background-position: -553px -30px;
    width: 61px;
}
.hodgman_link > span {    
	background-position: -460px 0;
    width: 90px;
}
.hodgman_link:hover > span,
.friends .Hodgman > span {
    background-position: -460px -30px;
    width: 90px;
}
.mitchell_link > span {
    background-position: -934px 0;
    width: 65px;
}
.mitchell_link:hover > span,
.friends .Mitchell > span {
    background-position: -934px -30px;
    width: 65px;
}
.penn_link > span {
    background-position: -891px 0;
    width: 40px;
}
.penn_link:hover > span,
.friends .PENN > span {
    background-position: -891px -30px;
    width: 40px;
}
.pflueger_link > span {
    background-position: -363px 0;
    width: 97px;
}
.pflueger_link:hover > span,
.friends .Pflueger > span {
    background-position: -363px -30px;
    width: 97px;
}
.sebile_link > span {
    background-position: -616px 0;
    width: 76px;
}
.sebile_link:hover > span,
.friends .Sebile > span {
    background-position: -616px -30px;
    width: 76px;
}
.shakespeare_link > span {
    background-position: -175px 0;
    width: 103px;
}
.shakespeare_link:hover > span,
.friends .Shakespeare > span {
    background-position: -175px -30px;
    width: 103px;
}
.spiderwire_link > span {
    background-position: -746px 0;
    width: 93px;
}
.spiderwire_link:hover > span,
.friends .SpiderWire > span {
    background-position: -746px -30px;
    width: 93px;
}
.stren_link > span {
    background-position: -841px 0;
    width: 47px;
}
.stren_link:hover > span,
.friends .Stren > span {
    background-position: -841px -31px;
    width: 47px;
}
.uglystik_link > span {
    background-position: -280px 0;
    width: 80px;
}
.uglystik_link:hover > span,
.friends .UglyStik > span {
    background-position: -280px -30px;
    width: 80px;
}
.hardy_link > span {    
	background-position: -1002px 0;
    width: 63px;
}
.hardy_link:hover > span,
.friends .Hardy > span {
    background-position: -1002px -30px;
    width: 63px;
}
.jrc_link > span {    
	background-position: -1069px 0;
    width: 58px;
}
.jrc_link:hover > span,
.friends .JRC > span {
    background-position: -1069px -30px;
    width: 58px;
}
.greys_link > span {    
	background-position: -1131px 0;
    width: 95px;
}
.greys_link:hover > span,
.friends .Greys > span {
    background-position: -1131px -30px;
    width: 95px;
}
.chub_link > span {    
	background-position: -1230px 0;
    width: 94px;
}
.chub_link:hover > span,
.friends .chub > span {
    background-position: -1230px -30px;
    width: 94px;
}

/* Cross Sell Quickview dialog */
.ui-dialog.cross-brand .ui-dialog-title {
    display: block;
}

/* PDP Social Share */
.add-this-item {
	margin-right: 1px;
}
.add-this-item a { 
	background: url(../images/share-icons.png) no-repeat; 
	display: inline-block;
	height: 25px; 
	margin: 0;
	outline: none;
	text-align: left;
	text-indent: -10000px;
	width: 25px; 
}
.add-this-item.facebook a  { background-position: -4px -1px; }
.add-this-item.twitter a   { background-position: -33px -1px; }
.add-this-item.google a    { background-position: -62px -1px; }
.add-this-item.pinterest a { background-position: -91px -1px; }

#pdpMain .send-to-friend-item { margin-left: 2px; }

.pt_content-search-result .add-this-item { float: left; }

.product-badges:hover { cursor: pointer; }

/* 
* SITE GENERICs
*/ 
.loader-indicator {    
	background: url("../images/ajax-loader.gif") no-repeat center center #FFF !important;
    border-radius: 4px !important;
    height: 32px !important;
    padding: 15px !important;
    width: 32px !important;
    position:fixed !important;
    top: 50% !important;
    top: -webkit-calc(50% - 32px) !important;
    top: calc(50% - 32px) !important;
    left: 50% !important;
    left: -webkit-calc(50% - 32px) !important;
    left: calc(50% - 32px) !important;
 }
.loader {z-index:10001 !important;}
.loader-bg, .ui-widget-overlay {background:#000 !important;opacity:0.75 !important;filter: alpha(opacity = 75) !important;}

#back-to-top {
    background: url("../purefishing/icon-to-top.png") no-repeat;
    height: 47px;
    position: fixed;
    right: 15px;
    text-indent: -9999px;
    bottom: 7px;
    width: 43px;
    display:none;
    z-index:20001;
}

#brand-survey-link img { height:66px; width:350px; }

/* govx dialog */
.ui-dialog.govx-dialog { background: #fff; border: none; color: #000; padding: 30px 20px 60px; text-align: center; }
.govx-dialog .ui-dialog-titlebar { display: none; }
#govx { margin: 0; padding: 0; }
#govx h1 { background: url("../purefishing/images/govx-logo.jpg")  no-repeat; height: 70px; margin: 5px auto 60px; text-indent: -10000px; width: 252px; }
#govx h2 { color: #000; font: normal 400 26px/26px "muli", sans-serif; margin: 0 auto; text-transform: uppercase; }
#govx p { color: #000; font: normal 400 19px/19px "muli", sans-serif; margin: 15px 0 30px; padding: 0; }
#govx a { color: #000 !important; font: normal 400 19px/19px "muli", sans-serif; margin: 0; padding: 0; text-decoration: underline; }
#govx button { background: #000; border: none; border-radius: 0; color: #fff; font: normal 400 16px/16px "muli", sans-serif; letter-spacing: normal; margin: 0; padding: 10px 25px; text-transform: uppercase; }

/* mobile overrides */
@media screen and (max-width:767px) {	
	.ui-dialog.site-swap {
		max-width: 98%;
		margin: 0 0 0 8px !important;
	}
	.ui-dialog.site-swap .ui-dialog-content {
		height: auto !important;
		overflow: visible;
	}
	#site-link-dialog #site-swap { max-width:100%; }
	#brands-tracker {
	    position: relative;
	    left: auto;
	    right: auto;
	    top: auto;
	    bottom: auto;
	    width: auto;
	    z-index: 1001;
	}
	#brands-tracker.open {
	    right: auto;
	}
	#brands-tracker #brands-tracker-display {
	    display: none;
	}
	#brands-tracker #brands-tracker-switch {
	    border: none;
	    height: auto;
	    margin-left: 0;
	    padding: 15px;
	    position: relative;
	    text-align: center;
	    top: auto;
	    width: auto;
	    border-radius:0;
	}
	#brand-survey-link img { height:auto; max-width:100%; }
}