@charset "UTF-8";
/* CSS Document */

/* ================= Sitewide Font Switch ==================== */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,700,800,600,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);


body, body body.flexible, body.flexible /* added */ {
font: 14px /*was 13/1.35*/ "Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif/*Arial,Helvetica,sans-serif*/;
font-weight:500;
}

body, body body.flexible, body.flexible, p, html /* added */ {
color:#515151;
}

.std h2, .std h4, .page-title h1, .page-title h2, .page-head-alt h3, .block .block-title strong, .slideshow ul li a, .slideshow ul li strong, .slider-container h2, .cart .crosssell h2, .opc .step-title, .banners a span, .banner a span, .products-list .product-name, #shopping-cart-totals-table strong, .cart .cart-collaterals .col2-set h2, button.button span, footer .footer-subscribe .title, .product-view h1, .product-view h2, .product-tabs a, .product-tabs-content h3, .product-tabs-content h4, #product-customer-reviews .review-title, .add-review h3.title, #customer-reviews .form-add h2, #customer-reviews .form-add h3, #customer-reviews .form-add h4, #customer-reviews dt a, .product-view .box-tags .form-add label, #nav > li > a, #nav li.menu-category-description strong, #nav li.menu-category-description a, .cloud-zoom-title /* added */ {
    font-family: "Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif/* was Arial,Helvetica,sans-serif*//*"Open Sans",sans-serif*/;
    font-weight: 500;
}

.breadcrumbs strong {
    color: #7C7C7C;
    font-weight: 500 /* was 300 */;
}

html, button, input, select, textarea {
    color: #222222;
    font-family: "Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif/* was Arial,Helvetica,sans-serif*/;
}
input, select, textarea, button {
    color: #000000;
    font: 14px /* was 13px */ "Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif/* was Arial,Helvetica,sans-serif*/;
    vertical-align: middle;
}

/* Fixes font in MAIN NAV links */
#nav li a span {
	display: block;
	white-space: nowrap;
	cursor: pointer;
	font-family: "open_sans_condensedbold", "Open Sans Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*font-weight: 600;*/
	font-size:17px;
}

/* Fixes font in Dropdown menus in main nav */
#nav li ul a span {
    font: 14px /* was 13px*/ "Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif/* was Arial,Helvetica,sans-serif*/;
	display: block;
	white-space: nowrap;
	cursor: pointer;
	line-height: 37px;
	text-align: left;
}

#alert-price, #availability {
	font: 14px /*was 13/1.35*/ "Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif/* was Arial,Helvetica,sans-serif*/;
	font-weight:500;
}

.products-grid .product-name {
    font-size: 15px;
    font-weight: 700;
}

.product-view .availability {
    font-size: 14px;
    margin: 14px 0;
    font-weight: 700;
}
.product-view .sku {
    font-size: 14px;
}

.product-name a {
	color: #333;
    text-decoration: none;
}
    

/* /////////////////////////////// END FONT FIX ////////////////////////////// */


/*     Header Links      */
header .links li a, 
.light header .links li a { 
	font-size:0.95em; 
}
header .links li a:hover, 
.light header .links li a:hover { 
	text-decoration: underline; 
	color: #C00;
}

.logo-container .links {
	margin-right: 200px;
	margin-left: 20px;
	margin-top: -25px;
	font-size: 12px; /*added to allow for additional header links*/
	clear:none;
	float:right;
}

/* - - - - - - - - -  HEADER  - - - - - - - - - - - */

header .cart-top {
	background: none repeat scroll 0 0 #FFF;
	float: right;
	height: 26px;
	line-height: 26px;
	margin-left: 14px;
	position: relative;
	color: #000;
}
header .cart-top .summary {
	background: url("/media/wysiwyg/img/icon_cart_black.gif") no-repeat scroll 100% 4px #9A1212;
	display: block;
	margin: 0 7px;
	padding-right: 30px;
}
header .cart-top a {
	color: #000000;
}
#nav > li > a {
	color: #FFFFFF;
	float: left;
	font-family: "Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 40px;
	padding: 0 20px/*14px*/;  /* changed from 0 22px to accommodate additional nav link */
	text-transform: uppercase;
}
.menu-container {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #1D1C1B;
	border-color: -moz-use-text-color;
	border-image: none;
	border-style: none;
	border-width: 0 0 medium;
	clear: both;
	height: 40px;
	margin: 0 auto;
	width: 1010px;
}
#nav div.sub-wrapper {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #111111;
	border-image: none;
	border-style: solid none none;
	border-width: 3px medium medium;
	left: -10000px;
	margin: 40px 0 0;
	padding: 20px;
	position: absolute;
	width: 970px;
}

#nav {  /* Fixes width of navigation for additional URLs, taking them out towards the search bar */
	width: 770px !important;
}



/* - - - - - - - - - - - - - - - Locals Corner BUTTON - - - - - - - - - - - - - - - */

.additional_links {
	background: none;
	/*line-height: 40px;*/
	height: 0;
	margin: 0 auto;
	padding: 0 0 0 20px;
	position: relative;
	top: -130px; /* was -110px */
	display:block;
}
.additional_links a {
	padding: 10px 0 0;
}



/*------------------------- Special Offer Text for left of Red Button -------------------------- */
/*.specials-container {
	margin:0;
	padding:0;
}*/

.special-offer {
	float:right;
	padding: 0;
	height: 0;
	margin: 0 230px/* was auto */ 0 auto;
}
.special-offer p {  /* this is the normal style for MULTIPLE LINES OF COPY */
	padding: 8px/*was 19px*/ 20px 0 0;
	margin: 0;
	font-size: 15px;
	color: #cc0000;
	vertical-align: central;
	text-align:right;
	height: 0;
}
.special-offer p span {  /* this is the style for ONE LINE OF COPY so it centers properly */
	padding-top: 32px;
}



/*-----------------------------------------*/

/* Added for Red Button */
.red-btn-container {
	height: 55px;
	width: auto;
	float: right;
	/*clear: none;*/
	display:block;
	/* margin: 7px 0 0 0 !important;*/
	margin-top: 7px;
	margin-right: -10px; /* added to kill padding? */
	margin-bottom: -200px; /* !!!! Important! Keeps bottom margin from bumping images down in slider area */
}
.red-button {
	-moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
	box-shadow: inset 0px 1px 0px 0px #f29c93;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background: -moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D80003', endColorstr='#A00002');  /* was #fe1a00  //  #ce0100 */
	background-color: #fe1a00;
	border: 1px solid #d83526;
	display: inline-block;
	height: 48px;
	width: 230px;
	text-align: center;
	padding: 11px 0 0 0;
}
.red-button .text-big {
	color: #ffffff;
	text-indent: 0px;
	font: 12px/1.35 "Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif/*Arial,Helvetica,sans-serif*/;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	line-height: 20px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #b23e35;
	display: block;
}
.red-button .text-small {
	color: #ffffff;
	text-indent: 0px;
	font: 12px/1.35 "Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif/*Arial,Helvetica,sans-serif*/;
	font-size: 12px;
	font-style: normal;
	line-height: 12px;
	margin-top: 6px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 1px 1px 0px #b23e35;
	position: relative;
	display: block;
}
.red-button:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background: -moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color: #ce0100;
	text-decoration: none;
}
.red-button:active {
	position: relative;
	top: 1px;
	text-decoration: none;
}
/* - - - - - - - - - - - - - - - END Locals Corner BUTTON - - - - - - - - - - - - - - - */



/* - - - - - - - - -  SEARCH  - - - - - - - - - - - */

#search {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	color: #FFF;
	font-size: 12px;
	height: 20px;
	line-height: 21px;
	outline: medium none;
	padding: 0;
	width: 210px;
}
#search_mini_form {
	float: right;
	margin: 6px;
}
#search_mini_form .form-search {
	background: none repeat scroll 0 0 #7b7b7b;
	border: 1px solid #222222;
	color: #696868;
	font-family: "Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif/*Arial,Helvetica,sans-serif*/;
	font-style: normal;
	line-height: 20px;
	outline: medium none;
	padding: 3px 10px;
	position: relative;
	width: 200px;
}
#search_mini_form .form-search button {
	background: url("/media/wysiwyg/img/mag-glass.gif") no-repeat scroll 0 50% #666666;
	/* border: medium none; */
	height: 26px;
	position: absolute;
	right: 0px;
	top: 0;
	width: 26px;
}



/* - - - - - - - - - - - - - - - - - - - - - SLIDER - - - - - - - - - - - - - - - - - - - - - */


/* ============ for wide, single image slider with NO blocks to side ===========  */


.slideshow {
	float: left;
	height: 450px;
	position: relative;
	/* min-width: 670px was 994px tried: auto;*/
	min-width: 660px /* tried 670px */;
	width: auto !important /*994px*/;
	display: inline /*block*/;
	clear:none; /* added */
}
.slideshow ul li {
	width: auto /*994px*/ !important;
	height: 450px !important;
	clear:none; /* added */
	float:left;
	overflow: visible;
}


/* ==== END slideshow ONE IMAGE vs ONE IMAGE/2 SMALL IMAGES to swap ==== */


.slideshow ul li a.details {
	background: none repeat scroll 0 0 #080707;
	bottom: 85px;
	color: #C8C7C7;
	font-size: 13px;
	height: 100px;
	left: 0;
	line-height: 100px;
	position: absolute;
	text-align: center;
	width: 115px;
}
.slider-container {
	background: none;
	/* was --->  background: url("/skin/frontend/default/celebrity/images/shadow_bottom.png") repeat-x scroll 0 0 #F5F5F5; */
	margin: 30px 0 -30px -30px;
	padding: 17px 0px 30px;
	position: relative;
	width: 950px /* was 950px*/;
}
.white-container {
	background: url("/skin/frontend/default/celebrity/images/content_shadow.png") repeat-y scroll 50% 0 rgba(0, 0, 0, 0);
	margin: -34px 0 0 -34px;
	padding: 12px 12px 0;
	position: relative;
	width: 1010px;
}
.slider-container .jcarousel-list .product-image {
	border: solid 1px #dbdbdb;
}


/* Slideshow title button */ 
/*#next { border-radius: 0px 5px 5px 0px; background-image: url(images/cel-mainstream-arrow-next.png); }
#prev { border-radius: 5px 0px 0px 5px; margin-left: 20px; background-image: url(images/cel-mainstream-arrow-prev.png); }
#slide-timeline { top: 392px;   } /* Slideshow timeline scrolling bar */ 


/* Banner boxes to RIGHT of slideshow on home page */  /* - - - - - -  MATT UPDATE  - - - - - - */
.banners {
	float: none !important;
	width: 324px;
	padding-left: 9px /* was 9px*/;
	margin-right: 16px;
	padding-bottom: 8px;
	overflow: hidden;
}
.banners img {
	display: block /*was block*/;
	position: relative;
	border: none;
	height: 220px;
}
.banners img.last {
	display: inline;
}

/* - - - - - - - - - Container Class that holds the Swim / Bike / Run Category Buttons - - - - - - - - */
.widget-static-block .categories {
	padding: 10px 0 0 0 !important;
	margin: -10px 0 0 0px !important;
	display: block;
	position: relative;
	height: 200px;
	clear: both;
	width: 1010px;
}

/* - - - - - - - - - FOR SINGLE LARGE IMAGE BANNER DESIGN!!!! Container Class that holds the Swim / Bike / Run Category Buttons - - - - - - - - */
.widget-static-block .categories-BIGsingle {
	padding: 10px 0 0 0 !important;
	margin: -10px 0 0 -22px !important;
	display: block;
	position: relative;
	height: 200px;
	clear: both;
	width: 1010px;
}

/* - - - - - - - - - Swim / Bike / Run Category Buttons - - - - - - - - */
.border img {
	border: #B4B4B4 1px solid;
	display: inline;
	height: auto;
	width: auto;
	z-index: 1;
}
.category-btn {
	padding: 10px 7px 10px 0px;
	display: inline;
	z-index: 2;
}
.category-btn.last {
	padding: 10px 0px 10px -1px;
	display: inline;
	z-index: 2;
}
.fade {
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
.fade:hover {
	opacity: 0.8;
}



/* - - - - - - - - -  Align Row of 3 Items to Right  - - - - - - - - - - - */

.margin-3blocks {
	margin-left: 118px;
	display: block;
}

.margin-3blocks img {
	padding-left:0;
}



/* - - - - - - - - - - Footer Brands - - - - - - - - - - - - - - */

.footer-brands {
    line-height: 20px;
	height: 275px;
}



/* - - - - - - - - - - Z-Blocks - - - - - - - - - - - - - - */

.z-block-horizontal1 {
	width: 710px;
	height: 100px;
	margin-bottom: 15px;
	display:block;
}

.z-block-horizontal2 {
	width: 950px;
	height: 60px;
	margin-bottom: 15px;
	display:block;
}

.z-block-sidebar1 {
	width: 215px;
	height: 215px;
	margin-top: 15px;
	display:block;
}



/* - - - - - - - - - - Footer Graphics - - - - - - - - - - - - - */

.footerblock {
		border:none;
		padding:0;
		margin:0;
	}
	.footerblock .footer-cont {
		height:275px;
		width:954px;
	}
	.footerblock img {
		border:none;
		padding:0;
		margin:0;
	}	
	.footerblock .footer-btn-cont {
		height:119px;
		width: 1200px;
		margin-left: 71px;
		/* was before 8th btn width:954px; */
		/* was before 8th btnmargin-left:128px; */
	}
	.footerblock .footer-btn {
		margin-right:0px;
		/*margin-left:-32px;*/
		margin-top:0px;
		margin-bottom:0px;
		padding:0;
		display:inline;
		float:left;
		clear:none;
	}
	.footerblock .footer-btn-last {
		margin-right:0;
		/*margin-left:-32px;*/
		margin-top:0px;
		margin-bottom:0px;
		padding:0;
		display:inline;
		float:left;
		clear:none;
	}
	.footerblock .cl { 
		display:block; 
		line-height:15px; 
		clear: both; 
	}
	.footerblock .text {
		font-family: Open-Sans, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-align:center;
		text-height:33px;
		font-size:28px;
		font-weight:600;
		line-height: 36px;
		color:#BBBDC0;
		text-transform:uppercase;
	}
	.footerblock .credit-cards {
		float:left;
		margin-left:108px;
		display:inline;
	}
	.footerblock .verify {
		height: 39px;
		width: 99px;
		float:right;
		margin-right:108px;
		display:inline;
		padding-top: 14px;
		padding-right: 158px;
	}
	
	
	
/* - - - - - - - - - - Miscellaneous - - - - - - - - - - - - - - */


.std h2 {
	color: #D80003;
}

.cl-15 {
	height: 15px;
	clear:both;
}

.disclaimer-text-box {
	background-color: #E2E2E2;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}
	 
.imgfloatright {
	float:right;
	padding: 0 0 15px 30px;
	display:inline;
	width: 200px;
	height:auto;
}

.imgfloatleft {
	float:left;
	padding: 0 30px 15px 0;
	display:inline;
	width: 200px;
	height:auto;
}

.sidebar-clear {
	margin: 0;
	padding: 0;
	clear: none;
}

.zblock .zblock-sidebar-right-top {
	margin-top: 0;
	padding-top: 0;
	clear:none;
}

/* make active to kill demo banner....*/
/*.demo-notice {
display:none;
margin: 0;
padding: 6px 10px;
background: #50bb40;
font-size: 12px;
line-height: 1.15;
text-align: center;
color: #fff;
}
*/

/* fixes the Latest Products slider on the Home Page to match padding above ==== */
.slider-container.clearfix {
margin-left:24px;
}

/* Swap sizes for Latest and New to 20/80 instead of 80/20 jbc 03-19-2015 */ 

.latest .jcarousel-container-horizontal,
.latest .jcarousel-clip-horizontal {
    width: 228px
}

.sale .jcarousel-container-horizontal,
.sale .jcarousel-clip-horizontal {
    width: 684px
}

.footer-subscribe .customer-connect-signup .button {
	display:inline;
}

.footer-subscribe .subscribe-input, .footer-subscribe .button {
	display:none;
}

.newsletter-signup-text {
	color: #CFCFCF;
	font-style:italic;
	font-size: 15px;
	width: 250px;
	height: 50px;
	display:block;
	margin-top: -15px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	line-height: 15px;
	overflow: visible;
	position:absolute;
}
.footer-links-float {
	float:left;
}
.newsletter-signup {
	float:right;
}
.newsletter-signup h1 {
	color: #fff;
	display: block;
	margin: 30px 0 10px;
	font-size: 16px;
}
.newsletter-signup p {
	font: 14px /*was 13/1.35*/ "Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif/*Arial,Helvetica,sans-serif*/;
	font-weight:500;
	color:#9C9C9C;
	font-style: italic;
	margin: 3px 0 20px 0;
}
.newsletter-signup .button {
	border-radius: 0px; 
	border: none;
	color:#222222;
}