/* ==========================================================================
   Global Styles
   ========================================================================== */
/*
 =========================================
    COLORS:
        Blue (Branding/Current Page or Selection):
            HEX:    #06B7CF
            RGB:    6, 183, 207
        Green (Exclusivity/Promo):
            HEX:    #33AA4E 
            RGB:    51, 170, 78
        Yellow (Primary CTA)
            HEX:    #FCF400
            RGB:    252, 244, 0
        Red (Sale): 
            HEX:    #DC1629 
            RGB:    220, 22, 41
        BrightRed (Alert):
            HEX:    #e92626
            RGB:    233, 38, 38
        BrightRed Hover (darker):
			HEX:    #AD0B0B
			RGB:    173, 11, 11
        LightPink (Alert Background)
            HEX:    #fee2e2
            RGB:    254, 226, 226
        DarkBlue: 
            HEX:    #00586C
            RGB:    0, 88, 108
        LightBlue:
            HEX:    #B1DCE7
            RGB:    177, 220, 231
		LigthBlue 2: (Standard Button Background)
			Hex:	#D0F1F8
			RGB:	208, 241, 248
        DarkGray (Navigation/Titles): 
            HEX:    #222222 
            RGB:    34, 34, 34
        Gray (Secondary Navigation): 
            HEX:    #848484 
            RGB:    132, 132, 132
		Gray 2 (Body Copy): 
            HEX:    #666666
            RGB:    102, 102, 102
		LightGray 2 (Border Color):
			HEX:	#CCD2D6
			RGB:	204, 210, 214

	TERTIARY COLORS:
	
	Pastel Purlpe /////////
		Light:
			HEX: #D9D0F2
			RGB: 217, 208, 242
		Medium:
			HEX: #B3A8CF
			RGB: 179, 168, 207
		Dark:
			HEX: #6F5C9D
			RGB: 111, 92, 157
	Pastel Green /////////
		Light:
			HEX: #C6F5D1
			RGB: 198, 245, 209
		Medium:
			HEX: #90CD9E
			RGB: 144, 205, 158
		Dark (Exclusivity/Promo):
			HEX: #33AA4E
			RGB: 51, 170, 78
	Pastel Blue /////////
		Light:
			HEX: #CFF7FC
			RGB: 207, 247, 252
		Medium:
			HEX: #98DBE4
			RGB: 152, 219, 228
		Dark:
			HEX: #57BAC7
            RGB: 87, 186, 199
	Lime Green /////////
		Light:
			HEX: #F0FEAD
			RGB: 240, 254, 173
		Medium:
			HEX: #BAD151
			RGB: 186, 209, 81
		Dark:
			HEX: #89A11C
            RGB: 137, 161, 28
	Pastel Yellow /////////
		Light:
			HEX: #FFF7C9
			RGB: 255, 247, 201
		Medium:
			HEX: #F8E268
            RGB: 248, 226, 104
		Dark:
			HEX: #F3D52E
            RGB: 243, 213, 46
	Pastel Red/////////
		Light:
			HEX: #FFD0C7
			RGB: 255, 208, 199
		Medium:
			HEX: #F78F7A
            RGB: 247, 143, 122
		Dark:
			HEX: #D74628
            RGB: 215, 70, 40
        
        


    TYPOGRAPHY:
        Headings: ArcherBook
        Subheads: Arial - Bold
        Promos: DearJoe3 - Regular
        Body: Times - Regular

	ICONS:
		Share: &#xe001;
		Flag: &#xe002;
		Thumbs Up: &#xe003;
		Thumbs Down: &#xe004;
		Compare: &#xe005;
		User: &#xe006;
		Users: &#xe007;
		Search: &#xe008;
		Question: &#xe009;
		Favorite: &#xe00a;
		Comment: &#xe00b;
		Arrow Right: &#xe00d; //do not use
		Arrow Left: &#xe00e; //do not use
		Expand: &#xe00f;
		Download: &#xe010;
		Reply: &#xe011;
		Half Star: &#xe000;
		Star: &#xe00c;
		Arrow Back Circle: &#xe012;
		cart: &#xe013;
		Edit: &#xe014;
		Lock: &#xe015;
		Check Mark Circle: &#xe016;
		Check Mark: &#xe017;
		Plus Circle reverse: &#xe018;
		Minus Circle Reverse: &#xe019;
		Cancel Circle Reverse: &#xe01b;
		Input Check Box Checked: &#xe01a;
		Input Check Box Empty: &#xe01c;
		Social Facebook: &#xe01d;
		Social Twitter: &#xe01e;
		Social RSS: &#xe01f;
		Social Google Plus: &#xe020;
		Social Pinterest: &#xe021;
		Eye: &#xe022;
		Play: &#xe023;
		Print: &#xe024;
		
		ARROWS:

		Down: &#xe764;
		Left: &#xe765;
		Right: &#xe766;
		Up: &#xe767;
		



 =========================================
 */

/*
 =========================================
    Helper classes from HTML5 Boilerplate
 =========================================
 */
/* 
* temp content classes used for content placeholders during production
* should be removed when site launches
*/

.temp-content {
	display: block;
	width: 100%;
	min-height: 140px;
	background: #E4E4E4;
	margin-bottom: .75em;
	padding: 10%;
}

	.temp-content strong {
		color: #B073C2;
	}

/*
* Chrome Frame prompt
*/
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/*
* Image replacement
*/

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

	.ir:before {
		content: "";
		display: block;
		width: 0;
		height: 100%;
	}

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
	display: none !important;
	visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
* Used for h1s on brand pages with logos
*/

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

	/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

	.visuallyhidden.focusable:active,
	.visuallyhidden.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
	}

/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	*zoom: 1;
}
/*
 * clearall
 * Forces wrappers to flex around content
 */

br.clearall {
	display: block;
	clear: both;
	height: 1px;
}

.no-margin { /*Added by Jason*/
	margin: 0;
}
.no-bottom-margin { /*Added by Jason*/
	margin-bottom: 0 !important;
}
.margin-bottom {  /*Added by Alonna*/
    margin-bottom: .785em;
}

.float-left {
    float: left;
}
.float-right {
    float: right;
}
/*
=========================================
* Forms
=========================================
*/

/*
*   
*   Formalize
*
*/

/*
*
* Input sizes 
*
*/
.input-tiny {
	width: 20%;
}

.input-small {
	width: 30%;
}

.input-medium {
	width: 50%;
}

.input-large {
	width: 65%;
}

.input-xlarge {
	width: 75%;
}

.input-xxlarge {
	width: 85%;
}

.input-full {
	width: 100%;
}

.input-full_wrap {
	display: block;
	padding-right: 8px;
}

input[type="search"]::-webkit-search-decoration {
	display: none;
}
/* 
* will not use invalid class until it is supported by most browsers
*/
input:invalid,
button:invalid,
a.button:invalid,
select:invalid,
textarea:invalid {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	behavior: url(/scripts/PIE.htc); 
}
/* 
* Custom focus class - uses LS Blue
*/
input:focus,
button:focus,
a.button:focus,
select:focus,
textarea:focus {
	-webkit-box-shadow: #06B7CF 0 0 5px 0;
	-moz-box-shadow: #06B7CF 0 0 5px 0;
	box-shadow: #06B7CF 0 0 5px 0;
	z-index: 1;
	behavior: url(/scripts/PIE.htc); 
}

input[type="checkbox"],
input[type="radio"] {
	width: auto;
}

	input[type="file"]:focus, input[type="file"]:active,
	input[type="radio"]:focus,
	input[type="radio"]:active,
	input[type="checkbox"]:focus,
	input[type="checkbox"]:active {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
/* Standard Button */
button,
a.button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
	background-color: #06B7CF; /* Blue */
	background-image: url(/images/global/button-standard-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	border: none;
	cursor: pointer;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: .8em;
	color: #FFF !important;
	display: inline-block;
	outline: 0;
	overflow: visible;
	margin: 0;
	text-decoration: none;
	vertical-align: top;
	width: auto;
	*padding-top: 2px;
	*padding-bottom: 0;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a.button,
input[type="reset"],
input[type="button"] {
	padding: .3em 2em .3em .9em;
	line-height:2em;
}

button,
input[type="submit"] {
	padding: .6em 1.9em .6em .9em;
}

	button:hover,
	a.button:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover,
	input[type="button"]:hover {
		background-color: #04A2B7; /* DarkBlue Alternate */
		color: #FFF !important;
	}

.button-alt-2-wrapper {
    display:block;
    float: right;
    margin-top:.3875em;
}
	.button-alt-2-wrapper a.button {
		margin-bottom:.8em;
	}
/* 
*
* Alternative Button - no icon, centered grey 
*
*/
button.button-alt-2,
a.button.button-alt-2,
input[type="reset"].button-alt-2,
input[type="submit"].button-alt-2,
input[type="button"].button-alt-2 {
	background-image:none;
	background-color: #E7E7E7; /* Grey */
	background-repeat: no-repeat;
	color: #848484 !important;
	text-decoration: none;
    text-align: center;
	vertical-align: top;
	width: 100%;
	*padding-top: 2px;
	*padding-bottom: 0;
}

button.button-alt-2,
a.button.button-alt-2,
input[type="reset"].button-alt-2,
input[type="button"].button-alt-2 {
	padding: .3em 0;
}

button.button-alt-2,
a.button.button-alt-2,
input[type="submit"].button-alt-2 {
	padding: .6em .9em .6em .9em;
}

	button.button-alt-2:hover,
	a.button.button-alt-2:hover,
	input[type="reset"].button-alt-2:hover,
	input[type="submit"].button-alt-2:hover,
	input[type="button"].button-alt-2:hover {
		background-color: #CCCCCC; /* Dark Grey Alternate */
		color: #666666 !important;
	}
/* 
*
* Alternative Button with Primary action - no icon, centered blue 
*
*/
button.button-alt-2.primary,
a.button.button-alt-2.primary,
input[type="reset"].button-alt-2.primary,
input[type="submit"].button-alt-2.primary,
input[type="button"].button-alt-2.primary {
	background-color: #06B7CF; /* Blue */
	color:#FFFFFF !important;
}

	button.button-alt-2.primary:hover,
	a.button.button-alt-2.primary:hover,
	input[type="reset"].button-alt-2.primary:hover,
	input[type="submit"].button-alt-2.primary:hover,
	input[type="button"].button-alt-2.primary:hover {
		background-color: #04A2B7; /* DarkBlue Alternate */
		color: #FFF !important;
	}



/*
*
* Standard button alternates
* Simple Grey text links
*/
a.button-alt,
button.button-alt,
input[type="submit"].button-alt {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #848484 !important;
	text-decoration: none;
	font-size: .8em;
	cursor:pointer;
	text-transform: none !important;
	background: none !important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

	a.button-alt:hover,
	button.button-alt:hover,
	input[type="submit"].button-alt:hover {
		text-decoration: underline !important;
		color: #444 !important;
	}
/*
	*
	* Secondary Button
	* Yellow Buttons
	*
	*/
button.btn-secondary,
a.button.btn-secondary {
	color: #000 !important;
	font-size: 1em;
	padding: .5em 1.8em .5em 1em;
	background-image: url(/images/global/button-secondary-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #FCF400;
	line-height:1.2em;
	vertical-align:middle;
}

	button.btn-secondary:hover,
	a.button.btn-secondary:hover {
		background-color: #FCE100;
	}

.btn-add {
	background-image: url(/images/global/button-secondary-plus.png) !important;
	padding: .6em 2em .6em 1em !important;
}
.btn-quick-shop {
	background-image: url(/images/global/button-secondary-plus.png) !important;
	padding: .4em 2em .4em 1em !important;
	width:100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*
*
* Facebook Button
*
*/
a.button.facebook,
button.facebook {
	color: #FFF !important;
	font-size: .8em;
	text-transform: none;
	padding: .3em 1em .3em 1.9em;
	background-image: url(/images/global/button-facebook-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #3B5999;
	line-height:2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	a.button.facebook:hover,
	button.facebook:hover {
		background-color: #274481;
	}

button.facebook {
    padding:.55em 1em .55em 1.9em !important;

}

button:active,
a.button:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active {
	/* No activ state */
}

button::-moz-focus-inner,
a.button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
	border: 0;
	padding: 0;
}

a.button {
	*padding-bottom: 3px;
}

button {
	*padding-top: 1px;
	*padding-bottom: 1px;
}
/*
*
* Standard Input Styles
*
*/
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	background-color: #FFF;
	border: 1px solid #CCD2D6;
	color: #485D68; /* BlueGray */
	outline: 0;
	margin: 0 0 .95em 0;
	padding: 5px 6px;
	text-align: left;
	font-size: .875em; /* 14px */
	font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
	vertical-align: top;
	*padding-top: 2px;
	*padding-bottom: 1px;
	*height: auto;
}

	textarea[disabled],
	select[disabled],
	input[type="date"][disabled],
	input[type="datetime"][disabled],
	input[type="datetime-local"][disabled],
	input[type="email"][disabled],
	input[type="month"][disabled],
	input[type="number"][disabled],
	input[type="password"][disabled],
	input[type="search"][disabled],
	input[type="tel"][disabled],
	input[type="text"][disabled],
	input[type="time"][disabled],
	input[type="url"][disabled],
	input[type="week"][disabled] {
		background-color: #eeeeee;
	}

		button[disabled],
		input[disabled],
		select[disabled],
		select[disabled] option,
		select[disabled] optgroup,
		textarea[disabled],
		a.button_disabled {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			-moz-user-select: -moz-none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			user-select: none;
			color: #888888;
			cursor: default;
		}

	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		color: #888888;
	}

	input:-moz-placeholder,
	textarea:-moz-placeholder {
		color: #888888;
	}

	input.placeholder_text,
	textarea.placeholder_text {
		color: #888888;
	}

	textarea,
	select[size],
	select[multiple] {
		height: auto;
	}

	select[size="0"],
	select[size="1"] {
		height: 1.8em;
		*height: auto;
	}

@media (-webkit-min-device-pixel-ratio: 0) {
	select[size],
	select[multiple],
	select[multiple][size] {
		background-image: none;
		padding-right: 3px;
	}

	select,
	select[size="0"],
	select[size="1"] {
		background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
		background-repeat: no-repeat;
		background-position: right center;
		padding-right: 20px;
	}

	::-webkit-validation-bubble-message {
		-webkit-box-shadow: none;
		box-shadow: none;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
		border: 1px solid;
		border-color: #747474 #5e5e5e #4f4f4f;
		color: white;
		font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
		overflow: hidden;
		padding: 15px 15px 17px;
		text-shadow: black 0 0 1px;
		height: 16px;
	}

	::-webkit-validation-bubble-arrow,
	::-webkit-validation-bubble-top-outer-arrow,
	::-webkit-validation-bubble-top-inner-arrow {
		-webkit-box-shadow: none;
		box-shadow: none;
		background: #666666;
		border: 0;
	}
}

textarea {
	min-height: 100px;
	overflow: auto;
	resize: vertical;
	width: 100%;
}

optgroup {
	color: black;
	font-style: normal;
	font-weight: normal;
	font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
}

	optgroup::-moz-focus-inner {
		border: 0;
		padding: 0;
	}


* html a.button {
	position: relative;
	top: 3px;
	padding-bottom: 2px;
}

* html button {
	padding-top: 1px;
	padding-bottom: 1px;
}

.ie6_input,
* html textarea,
* html select {
	background: white;
	border: 1px solid;
	border-color: #848484 #c1c1c1 #e1e1e1;
	color: black;
	padding: 2px 3px 1px;
	font-size: 13px;
	font-family: Arial, sans-serif;
	vertical-align: top;
}

* html select {
	margin-top: 1px;
}

.placeholder_text,
.ie6_input_disabled,
.ie6_button_disabled {
	color: #888888;
}

.ie6_input_disabled {
	background: #eeeeee;
}

/*
*
* Custom Form Styles
*
*/
form {
	display: inline-block;
}

legend {
	font-family: 'Arial', Helvetica LT Com, sans-serif;
	font-size: .875em; /* 14px */
	line-height: 1.3125em;
	font-weight: bold;
	color: #2f3637; /* @LSgrayDark */
}

label {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #333; 
	font-weight: normal;
	font-size: .875em;
	line-height: 1.125em;
	margin: 0 0 .3em 0;
}

fieldset {
	margin: 0 0 2em;
}

	fieldset.last {
		margin: 0 0 1em;
	}


/*
 =========================================
* Form Validation, Password Strength and website notification
 =========================================
 */
.notification, .validation-summary-errors {
	padding: 1.4em  1.4em 1.4em 4em !important;
	margin: .5em 0;
	font-size: .75em;
	line-height: 1.35em;
	color: #000;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	float: left;
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	.notification ul, .validation-summary-errors ul {
		vertical-align:middle;
	}
	.notification h3 {
		font-weight: normal;
		font-size: 1.4em;
	}

#passStrength, #regPassStrength, #passStrengthModal{
	font-size: .7em;
	display: block;
	clear: both;
	margin: -8px 0 0 0;
}
.pass-strong,
.pass-medium,
.pass-weak {
	padding: .55em;
}
/*
*
* Error Styles
*
*/
.notification.error, .validation-summary-errors  {
	background: url(/images/global/icon-notification-error.png) no-repeat #FFE4E4 13px 13px ;
}
.pass-weak {
	background:url(/images/global/icon-password-weak.png) no-repeat #FFE4E4 right center;

}

	.notification.error h3,
	.pass-weak,
	.validation-summary-errors ul,
	span.field-validation-error {
		color: #D53434;
	}
/*
*
* Warning Styles
*
*/
.notification.warning {
	background: url(/images/global/icon-notification-warning.png) no-repeat #FEF6B4 13px 13px ;
}
.pass-medium {
	background:url(/images/global/icon-password-medium.png) no-repeat #FEF6B4 right center;
	color: #EA8400;
}

	.notification.warning h3 {
		color: #fAA826;
	}
/*
*
* Success Styles
*
*/
.notification.success {
	background: url(/images/global/icon-notification-success.png) no-repeat #D9FFBA 13px 13px ;
}
.pass-strong{
	background:url(/images/global/icon-password-strong.png) no-repeat  #D9FFBA right center;
}


	.notification.success h3,
	.pass-strong {
		color: #4CA306;
	}
/*
*
* Validation Styles
*
*/
.field-validation-error {
	display: block;
	clear: both;
	margin: -12px 0 6px 0;
	font-size:.765em;
}

.validation-summary-errors ul {
	margin: 0;
	list-style-type: none;
	padding: 0;
}

	.validation-summary-errors ul .field-validation-error,
	span.field-validation-error,
	.validation-summary-errors ul {
		font-style: italic;
		line-height: 1.3125em;
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		
	}

/*
 =========================================
* Typography
 =========================================
 */

/* Archer */
@font-face {
	font-family: 'ArcherBook';
	src: url('/fonts/archer-book-webfont.eot');
	src: url('/fonts/archer-book-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('/fonts/archer-book-webfont.woff') format('woff'), 
		 url('/fonts/archer-book-webfont.ttf') format('truetype'), 
		 url('/fonts/archer-book-webfont.svg#ArcherBook') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Icons */
@font-face {
	font-family: 'LovelyskinIcons';
	src:url('/fonts/lovelyskin-icons-webfont.eot');
	src:url('/fonts/lovelyskin-icons-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/lovelyskin-icons-webfont.woff') format('woff'),
		url('/fonts/lovelyskin-icons-webfont.ttf') format('truetype'),
		url('/fonts/lovelyskin-icons-webfont.svg#LovelyskinIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Arrows */
@font-face {
	font-family: 'Arrows';
	src:url('/fonts/arrow.eot');
	src:url('/fonts/arrow.eot?#iefix') format('embedded-opentype'),
		url('/fonts/arrow.woff') format('woff'),
		url('/fonts/arrow.ttf') format('truetype'),
		url('/fonts/arrow.svg#LovelyskinIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Icon general */
div.icon {
	font-size:1.2em;
	color:#CCD2D6;
	display:inline-block;
}
div.icon:before {
	font-family: 'LovelyskinIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
/* Arrows */
div.arrows {
	font-size:1.2em;
	color:#CCD2D6;
	display:inline-block;
}
div.arrows:before {
	font-family: 'Arrows';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
/* General use font applications */
.heading {
	font-family: 'ArcherBook';
}

.sans {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.serif {
	font-family: Times, "Times New Roman", Georgia, serif;
}
.italic {
        font-style:italic;
}
.no-wrap {
    white-space:nowrap;
}
body {
	font-family: 'Times New Roman', Cambria, 'Nimbus Roman No9 L', 'Freeserif', Times, serif;
	font-style: normal;
	position: relative;
	padding: 0 0 50px 0;
	font-size: 1em; /* 16px = 1em */
	line-height: 1.5em; /* 1.5 x 16px = 24px */
	color: #666666; /* Gray 2*/
}

.tiny {
	/* 12px / 18px */
	font-size: 0.6875em;
	line-height: 1.3846153846153846em;
}

.small {
	/* 13px / 18px */
	font-size: 0.8125em;
	line-height: 1.3846153846153846em;
}

.normal {
	/* 16px / 24px */
	font-size: 1em;
	line-height: 1.25em;
	/* 24 */
}

.medium {
	/* 16px / 24px */
	font-size: 1.2em;
	line-height: 1.3125em;
	/* 24 */
}

.large {
	/* 26 / 36px */
	font-size: 1.625em;
	line-height: 1.3846153846153846em;
}

.huge {
	/* 42px / 48px */
	font-size: 2.625em;
	line-height: 1.1428571428571428em;
}

.massive {
	/* 68px / 72px */
	font-size: 4.25em;
	line-height: 1.0588235294117647em;
}

.gigantic {
	/* 110px / 120px */
	font-size: 6.875em;
	line-height: 1.0909090909090908em;
}

h1, h2 {
	margin: 0.9230769230769231em 0 1.3846153846153846em;
}

h3 {
	margin: 1.5em 0 1.5em;
}

.ie h1 {
	/* 42px / 48px */
	font-size: 2.625em;
	line-height: 1.1428571428571428em;
	margin: 1.1428571428571428em 0 0.5714285714285714em;
}


h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	margin: 0;
	padding: 0;
	color: #222222;
}

h1, .h1 {
	font-family: 'ArcherBook', 'Archer Book', Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
	font-weight: normal;
}

h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family: Arial, Helvectica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
	font-weight: bold;
}

h1, .h1,
h2, .h2,
h3, .h3 {
	text-transform: uppercase;
}

h1, .h1 {
	/* 30px / 20px */
	font-size: 1.875em;
	line-height: 1.1em;
	margin: 0 0 .65em 0;
}

h2, .h2 {
	/* 18px / 19px */
	font-size: 1.125em;
	line-height: 1.1875em;
	margin: 0 0 .40em 0;
}

h3, .h3 {
	/* 15px / 24px */
	font-size: 0.9375em;
	line-height: 1.25em;
	margin: 0 0 .2em 0;
}

h4, .h4 {
	/* 18px / 27px */
	font-size: 1.125em;
	line-height: 1.6875em;
}

h5, .h5 {
	/* 16px / 24px */
	font-size: 1em;
	line-height: 1.5em;
}

h6, .h6 {
	/* 14px / 21px */
	font-size: .875em; /* 14/16 */
	line-height: 1.3125em; /* 21/16 */
}


p {
	padding: 0;
	font-size: .875em;
	line-height: 1.40em;
	margin: .8em 0;
}

a,
a:link,
a:active,
a:visited {
	color: #06B7CF; /* Blue */
	outline: none;
}

	a:hover {
		color: #00586C; /* DarkBlue */
		text-decoration: none;
		outline: none;
	}


hgroup h1 { /*Added by Jason*/
	margin: 0px;
}
hgroup p { /*Added by Jason*/
	margin: 0px;
}

/*
*
* Border Styles
*
*/

.border-top {
    border-top: 1px solid #CCD2D6;
}
.border-bottom {
    border-bottom: 1px solid #CCD2D6;
}
.border-right {
    border-right: 1px solid #CCD2D6;
}
.border-left {
    border-left: 1px solid #CCD2D6;
}

/* ==========================================================================
* Footer 
========================================================================== */
/*
body {
	background:url(/Images/global/sub-footer-bg.gif) repeat-x bottom;
}
*/
footer {
	display:block;
	clear:both;
	width:100%;
	background:#FFFFFF;
	padding:1.5em 0;
	margin-top:3.5em;
	}
	footer .content {
		padding-top:1.4em;
	}
	footer .content ul {
		margin:0;
		padding:0;
		list-style-type:none;
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		font-size:.875em;
	}
		footer .content ul li a,
		footer .content ul li a:link,
		footer .content ul li a:active,
		footer .content ul li a:visited {
			text-decoration:none;
			color:#848484;
			line-height:.8em;
	}
			footer .content ul li a:hover {
				color:#222222;
		}
	footer .content .col-12-2 {
		width:22.5%;
	}
	footer .content .col-12-2.last-tablet {
		margin:0;
	}
	footer .content section.social h4 {
		font-size:1.4em;
		margin-bottom:.3em;
		float:left;
		width:190px;
	}
	footer .social-networks {
		margin-right:5%;
	}
	footer .social-networks {
		display:block;
		float:left;
		width:55%;
	}
	footer .social-likes {
		display:block;
		float:left;
		width:40%;
		margin-top:.4em;
	}
		footer .social-likes.tablet {
			display:block;
		}
		footer .social-likes.desktop {
			display:none;
		}
		.social-like-item {
			display:inline;
			width:auto;
			margin-right:.4em;
			overflow:hidden;
		}
			.social-like-item.facebook {
				width:80px;
			}
			.social-like-item.twitter {
				width:140px;
			}
			.social-like-item.pinterest {
				width:90px;
			}
	footer .content section.social {
		float:left;
		width:100%;
		padding-bottom:1em;
		margin:0 0 1em 0 !important;
		border-bottom:1px solid #CCD2D6;
	}
.sub-footer {
	display:block;
	width:100%;
	clear:both;
	background:#FFFFFF;
	padding:.85em 0;
	font-size:.875em;
}
	.sub-footer .content {
		padding-top:1em;
	}
	.sub-footer a,
	.sub-footer a:link,
	.sub-footer a:active,
	.sub-footer a:visited {
		color:#848484;
		font-size:.9em;
		text-decoartion:none;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	}
		.sub-footer a:hover {
			color:#222222;
	}
	.sub-footer span {
		display:block;
		float:left;
		width:50%;
		margin-top:1.5em;
	}
		.sub-footer span div {
			display:block;
			float:left;
			clear:both;
		}
	.sub-footer div {
		display:block;
		float:right;
		clear:none;
		margin-right:.8em;
	}
		.sub-footer div.center {
			margin-top:1.5em;
		}
		.sub-footer div:last-child {
			margin:0;
}
	.sub-footer br:first-child {
		display:block;
}
/* 
==========================================================================
* To the Top Button
==========================================================================
*/
a.to-the-top,
a.to-the-top:link,
a.to-the-top:active,
a.to-the-top:visited {
	display:none;
	position:fixed;
	z-index:100;
	bottom:0;
	right:5.5%;
	width:60px;
	height:35px;
	background:#06B7CF;
	text-decoration:none;
	text-align:center;
}
	a.to-the-top:hover {
		background: #04A2B7; 
	}
	a.to-the-top div.arrows {
		margin:.2em auto;
		font-size:2em;
		display:block;
		color:#FFFFFF;
	}


/*
 =========================================
* Social network links
 =========================================
 */
a.social-network-link,
a.social-network-link:link,
a.social-network-link:active,
a.social-network-link:visited {
    display:block;
    float:left;
    width: 32px;
    height: 32px;
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:32px 64px;
    margin:0 .5em 0 0;
}
    a.social-network-link:hover {
        background-position:0 -32px;
    }
    a.social-network-link.icon-facebook {
        background-image:url(/Images/global/icon-facebook.png);
    }
    a.social-network-link.icon-twitter {
        background-image:url(/Images/global/icon-twitter.png);
    }
    a.social-network-link.icon-youtube {
        background-image:url(/Images/global/icon-youtube.png);
    }
    a.social-network-link.icon-pinterest {
        background-image:url(/Images/global/icon-pinterest.png);
    }
    a.social-network-link.icon-blog {
    background-image:url(/Images/global/icon-blog.png);
    }
/*
 =========================================
* Share links
 =========================================
 */
ul.social-links-floating {
	list-style-type:none;
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	z-index:100;
	right:0;
	top:194px;
	width:50px;
	height:203px;
	background:#EDEDED;
}
	/* Tablet */
	ul.social-links-floating.tablet {
		display:block;
		float:right;
		position:static !important;
		width:143px !important;
		height:35px !important;
		margin:0 0 .75em 0 !important;
	}
	ul.social-links-floating li {
		display:block;
		position:relative;
		clear:both;
		float:left;
		width:50px;
		height:50px;
		border-bottom:1px solid #E4E4E4;
	}
		/* Tablet */
		ul.social-links-floating.tablet li{
			clear:none !important;
			position:relative;
			width:35px;
			height:35px;
			border-right:1px solid #E4E4E4;
			border-bottom:none;
			cursor:pointer;
	}
		ul.social-links-floating li:last-child {
			border:none;
		}
		ul.social-links-floating li div.social-icon  {

			display:block;
			float:left;
			width:50px;
			height:50px;
		}
			/* Tablet */
			ul.social-links-floating.tablet li div  {
				width:35px;
				height:35px;
			}
			ul.social-links-floating li div.social-icon:hover {
				background:#E4E4E4;
			}
			ul.social-links-floating li div.social-icon div.icon {
				display:block;
				width:40px;
				text-align:center;
				font-size:1.7em;
			}
				/* Tablet */
				ul.social-links-floating.tablet li div.social-icon div.icon {
					width:30px;
					font-size:1.3em;
				}
			/* Special placement and color of each icon */
			ul.social-links-floating li div.social-icon div.social-float-facebook {
				margin:11px 0 0 7px;
				color:#5295C8;
			}
				/* Tablet */
				ul.social-links-floating.tablet li div.social-icon div.social-float-facebook {
					margin:7px 0 0 4px;
					color:#5295C8;
				}
				ul.social-links-floating li div.social-icon:hover div.social-float-facebook {
					color:#3B7FB2;
				}
			ul.social-links-floating li div.social-icon div.social-float-twitter {
				margin:11px 0 0 8px;
				color:#2ECDD7;
			}
				/* Tablet */
				ul.social-links-floating.tablet li div.social-icon div.social-float-twitter {
					margin:7px 0 0 4px;
					color:#2ECDD7;
				}
				ul.social-links-floating li div.social-icon:hover div.social-float-twitter {
					color:#1EB7C1;
				}
			ul.social-links-floating li div.social-icon div.social-float-pinterest {
				margin:12px 0 0 7px;
				color:#E4432E;
			}
				/* Tablet */
				ul.social-links-floating.tablet li div.social-icon div.social-float-pinterest {
					margin:8px 0 0 3px;
					color:#E4432E;
				}
				ul.social-links-floating li div.social-icon:hover div.social-float-pinterest {
					color:#C62F1B;
				}
			ul.social-links-floating li div.social-icon div.social-float-share {
				margin:11px 0 0 9px;
				color:#888888;
			}
				/* Tablet */	
				ul.social-links-floating.tablet li div.social-icon div.social-float-share {
					margin:8px 0 0 4px;
					color:#888888;
				}
				ul.social-links-floating li div.social-icon:hover div.social-float-share {
					color:#626262;
				}

ul.social-links-floating .social-link-content {
	position:absolute;
	display:block;
	width:0;
	height:50px;
	background:#F2F2F2;
	left:0;
	top:0;
	z-index:105;
}
ul.social-links-floating.tablet .social-link-content {
	position:absolute;
	display:block;
	width:0;
	height:0;
	background:#F2F2F2;
	left:0;
	top:35;
	z-index:105;
}
	.social-link-content span.inner-wrapper {
		display:none;
		width:100px;
		padding:15px;
		height:70px;
		float:left;
		overflow:hidden;
	}
		.social-link-content span.inner-wrapper.share {
			width:110px;
			padding:10px 15px;
		}
		.social-link-content span.inner-wrapper a {
			width:100px;
		}
/* 
==========================================================================
* Tabs
========================================================================== 
*/
.tabs-panel-wrapper {
	display:block;
	width:100%;
	clear:both;
	height:auto;
	border-top:1px solid #CCD2D6;
	
}
.tabs-temp-height {
	height:400px;
}
.tabs-panel-tabs-wrapper {
	display:block;
	width:100%;
	clear:both;
	height:50px;
	background:#FFFFFF;
	padding:1px 0 0 0;
}
	.tabs-panel-tabs-wrapper ul {
		list-style-type:none;
		display:block;
		float:left;
		margin:0;
		padding:0;
		height:50px;
		width:100%;
	}
		.tabs-panel-tabs-wrapper ul li {
			display:block;
			float:left;
			width:16.66666666666667%; /* 6 Tabs */
			height:50px;

		}
			.tabs-panel-tabs-wrapper ul li a,
			.tabs-panel-tabs-wrapper ul li a:link,
			.tabs-panel-tabs-wrapper ul li a:active,
			.tabs-panel-tabs-wrapper ul li a:visited {
				text-decoration:none;
				display:block;
				float:left;
				width:100%;
				text-align:center;
				height:100%;
				font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
				font-size:.85em;
				color:#848484;
			}
				.tabs-panel-tabs-wrapper ul li a:hover {
					color:#222222;
				}
				.tabs-panel-tabs-wrapper ul li a.select {
					background:#FFFFFF;
				}
				.tabs-panel-tabs-wrapper ul li a div.stripe {
					display:block;
					float:left;
					clear:both;
					height:6%;
					width:100%;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
				}
					.tabs-panel-tabs-wrapper ul li a.select div.stripe {
						height:20%;
					}
				.tabs-panel-tabs-wrapper ul li a div.text {
					display:block;
					float:left;
					clear:both;
					width:100%;
					height:94%;
					padding-top:11px;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
				}
					.tabs-panel-tabs-wrapper ul li a.select div.text {
						height:80%;
						padding-top:8px;
						color:#848484;
					}
/* Tab Colors */

/* Pastel Green */
.tab-green{
	background:#90CD9E;
}
.tabs-panel-tabs-wrapper ul li a:hover div.tab-green{
	background:#33AA4E;
}

/* Pastel Purple */
.tab-purple{
	background:#B3A8CF;
}
.tabs-panel-tabs-wrapper ul li a:hover div.tab-purple{
	background:#6F5C9D;
}

/* Pastel Blue */
.tab-blue{
	background:#98DBE4;
}
.tabs-panel-tabs-wrapper ul li a:hover div.tab-blue{
	background:#57BAC7;
}

/* Pastel Yellow */
.tab-yellow{
	background: #F8E268;
}
.tabs-panel-tabs-wrapper ul li a:hover div.tab-yellow{
	background:#F3D52E;
}

/* Lime Green */
.tab-lime-green{
	background: #BAD151;
}
.tabs-panel-tabs-wrapper ul li a:hover div.tab-lime-green{
	background:#89A11C;
}

/* Red */
.tab-red{
	background: #F78F7A;
}
.tabs-panel-tabs-wrapper ul li a:hover div.tab-red{
	background:#D74628;
}


/* Tab Content */
.tabs-panel-content-wrapper {
	display:none;
	width:100%;
	clear:both;
	height:auto;
	padding:2em 0;
}
	.tabs-panel-content-wrapper.visible {
		display: block;
	} 
/* 
==========================================================================
* Menu item delete
========================================================================== 
*/
a.menu-item-delete,
a.menu-item-delete:link,
a.menu-item-delete:active,
a.menu-item-delete:visited,
a.menu-item-delete:hover {
	display:block;
	position:absolute;
	z-index:270;
	top:4px;
	left:-5px;
	width:20px !important;
	height:20px !important;
	padding:0 !important;
}
	a.menu-item-delete div.icon {
		color:#FF0000 !important;
		font-size:.9em;
	}
/* 
==========================================================================
* Sub Navigation
========================================================================== 
*/
	h1.sub-nav {
		margin-bottom:.25em;
		font-size:1em;
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		font-weight:bold;
	}

	/* 'Back' link for category pages - a type of bread crumb */
	a.sub-nav-back-link,
	a.sub-nav-back-link:link,
	a.sub-nav-back-link:active,
	a.sub-nav-back-link:visited {
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		font-size:.85em;
		display:block;
		text-decoration:none;
		color:#848484;
		width:100%;
		border-bottom:1px solid #CCD2D6;
		padding-bottom:3px;
		margin-bottom:8px;
	}
		.a.sub-nav-back-link:hover {
			color:#06B7CF;
		}
		a.sub-nav-back-link div.icon {
			display:block;
			float:left;
			margin:1px 4px 0 0;
			height:20px;
			color:#ABABAB;
		}
		a.sub-nav-back-link:hover div.icon {
			color:#06B7CF;
		}

/* General purpose left nav links*/
ul.sub-nav {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size:.85em;
	list-style-type:none;
	margin:0;
	padding:0;
	display:block;
	width:100%;
	margin-bottom:2em;
}
	ul.sub-nav li {
		display:block;
		clear:both;
		width:100%;
		padding:.3em 0;
		line-height:1.14em;
	}
		ul.sub-nav li a,
		ul.sub-nav li a:link,
		ul.sub-nav li a:active,
		ul.sub-nav li a:visited {
			text-decoration:none;
			color:#848484;
			display:block;
		}
			ul.sub-nav li a:hover {
				color:#06B7CF;
			}
			ul.sub-nav li a.selected {
				color:#06B7CF;
			}
	ul.sub-nav.featured {
		border-bottom:1px solid #CCD2D6;
		margin-bottom:4px !important;
		font-size:.94em;
	}
		ul.sub-nav.featured a {
			font-weight:bold;
		}
		ul.sub-nav.featured li:last-child{
			margin-bottom:.7em;
		}
        .sub-nav h2 {
            margin: 0;
        }
	ul.sub-nav ul.level-2 {
		display:none;
		padding-left:1.4em;
		margin-bottom:.5em;
	}
ul.sub-nav div.arrows {
	color:#848484;
	font-size:.85em;
	display:block;
	float:right;
	margin-right:14%;
}
ul.sub-nav li a:hover div.arrows {
	color:#06B7CF;
}
ul.sub-nav div.arrows.close {
	display:none;
}

/* 'menu-open' class applied to elements when interior nav item is active page */
ul.sub-nav li a div.arrows.open.menu-open {
	display:none;
}
ul.sub-nav li a div.arrows.close.menu-open {
	display:block;
}
ul.sub-nav ul.level-2.menu-open {
	display:block;
}
/*
*
* Ajax Loading Graphic
*
*/
#ajaxLoad {
	display:none;
	position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -35px; /* half width of the spinner gif */
    margin-top: -35px; /* half height of the spinner gif */
    text-align:center;
    z-index:2234;
    overflow: auto;
	padding: 29px;
	background:#FFF;
    width: 32px; /* width of the spinner gif */
    height: 32px; /*hight of the spinner gif +2px to fix IE8 issue */
	-moz-box-shadow: 0 0 2px #666;
	-webkit-box-shadow: 0 0 2px #666;
	box-shadow: 0 0 2px #666;
	behavior: url(/scripts/PIE.htc);  
}

/* 
==========================================================================
* Generic Headers
========================================================================== 
*/

h2.section-header,
h3.section-header {
    padding-bottom: .7em;
    border-bottom: 1px solid #CCD2D6;
}
h3.sidebar-header {
	padding-bottom: .7em;
    border-bottom: 1px solid #CCD2D6;
	margin-bottom:.8em;
}

/* 
==========================================================================
* Content Callouts
* these styles are used for both horizontal and vertical implementations
========================================================================== 
*/


/*
* These styles control the width/number of callouts depending on the category page
* there is the same number for both on the smaller size
*/
.content-callouts-a .content-callout,
.content-callouts-b .content-callout,
.content-callouts-community .content-callout{
	width:22.75%;
	min-height:215px;
}
	/* minimum height for callouts to ensure the social icons appear far enough below the text */
	.content-callouts-a .content-callout .content-callout-content,
	.content-callouts-b .content-callout .content-callout-content,
    .content-callouts-c .content-callout .content-callout-content,
	.content-callouts-community .content-callout .content-callout-content {
		min-height:190px;
	}
.content-callouts-a .content-callout.last,
.content-callouts-community .content-callout.last {
	display:none;
}

/* 3 Panel Callout */
.content-callouts-c .content-callout {
    min-height:215px;
	width:100%;
}
.content-callout-c .col-10-4 {
        width:48%;
    }

.content-callout-c .col-10-2 {
    width:23%;
}


    .content-callout-c.col-10-2.last {
        display: none;
    }

.content-callout-content {
	display:block;
	width:100%;
	position:relative;
}
	.content-callout-content a.image,
	.content-callout-content a.image:link,
	.content-callout-content a.image:active,
	.content-callout-content a.image:visited {
		display:block;
		clear:both;
		text-decoration:none;
		width:100%;
		margin-bottom:.5em;
	}
		.content-callout-content a.image img {
			max-width:100%;
		}
		.content-callout-content a.image:hover {
		}
	.content-callout-content a.title,
	.content-callout-content a.title:link,
	.content-callout-content a.title:active,
	.content-callout-content a.title:visited {
		display:block;
		text-decoration:none;
		color:#666666;
		font-size:.875em;
		line-height:1.35;
	}
		.content-callout-content a.title:hover {
			color:#06B7CF;
		}
	/* Controls the placement of the social engagement icons */
	.content-callout-content div.interaction-wrapper {
		display:block;
		position:absolute;
		z-index:10;
		bottom:0;
		right:0;
		width:100%;
		height:20px;
		overflow:hidden;
	}
	.content-callout-content .interaction-wrapper a.interaction,
	.content-callout-content .interaction-wrapper a.interaction:link,
	.content-callout-content .interaction-wrapper a.interaction:active,
	.content-callout-content .interaction-wrapper a.interaction:visited {
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		display:block;
		float:right;
		text-decoration:none;
		color:#848484;
		margin-right:.75em;
		font-size:.875em;
	}
		.content-callout-content .interaction-wrapper a.interaction:hover {
			color:#222222;
		}
		.content-callout-content .interaction-wrapper a.interaction div.icon {
			display:block;
			float:left;
			font-size:1em;
			color:#CDCDCD;
			margin:.1em .2em 0 0;
		}
			.content-callout-content .interaction-wrapper a.interaction div.icon.views {
				font-size:1.2em;
				margin:.16em .12em 0 0;
			}

			.content-callout-content .interaction-wrapper a.interaction div.favorite.selected {
				color: #FF0000;	
			}

		.content-callout-content .interaction-wrapper a.interaction:hover div.icon.views {
			color:#A1A1A1;
		}
		 .content-callout-content .interaction-wrapper a.interaction:hover div.icon.comments {
			color:#A1A1A1;
		}
		.content-callout-content .interaction-wrapper a.interaction:hover div.icon.favorite {
			color:#FF0000;
		}

/* Controls the 2 panel callouts */

.content-callout-large {
    padding-bottom: 1em!important;
}
    .content-callout-large .content-callout-content {
        min-height:330px;
        display:block;
    }
    .content-callout-large h3 a {
        color: #222222;
        text-decoration:none;
        text-transform:none;
    }
    .content-callout-large .short-description {
        margin-bottom: .4em;
    }
    .content-callout-large .short-description,
    .content-callout-large .short-description:link,
    .content-callout-large .short-description:active,
    .content-callout-large .short-description:visited {
        color: #666666;
        display: block;
        font-size: .875em;
        line-height: 1.3125;
        text-decoration: none;   
    }
        .content-callout-large .short-description:hover {
            color: #06B7CF;
        }
    .content-callout-large p {
        margin: 0 0 .6em 0 !important;
    }
    .content-callout-large img {
        max-width: 100%;
        /*margin-bottom:.5em;*/
    }

		/* Controls the width of the callout when it is in a sidebar */

		.sidebar .content-callout{
			width:100% !important;
			padding:0 !important;
			margin: 0 0 1.5em 0;
			
		}
/*  Play button styles */
div.icon.play {
    color: #FFFFFF;
    opacity:0.4;
    font-size:4.25em;
    z-index:99;
}

/* general play button styles */
a.play-button,
a.play-button:link,
a.play-button:active,
a.play-button:visited {
    position:absolute;
	text-decoration:none;	
}
	a.play-button div.icon.play {
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	a.play-button:hover div.icon.play{
		opacity:0.8;
	}
/* Play button positioning */
.content-callout div.icon.play {
    top:8%;
    left:50%;
	margin-left:-.5em;
	position:absolute;
}
.content-callout-content a.image div.icon.play {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.content-callout-content a.image:hover div.icon.play {
	opacity:0.8;
}
.content-callout-large div.icon.play {
    top:32%;
    left:50%;
	margin-left:-.4em;
	position:absolute;
}

/*
 =========================================
* Category callouts
 =========================================
*/

/*
* These styles control the width/number of callouts depending on the category page
* there is the same number for both on the smaller size
*/
.content-home .category-callout,
.content-category-1 .category-callout {
	width:31.33333333333333%;
}


/* Remove last callout on tablet version - category 1 */
.content-home .category-callout.last,
.content-category-1 .category-callout.last {
	display:none;
}

/* Category inner content wrapper */
.category-callout-content {
	display:block;
	position:relative;
	z-index:10;
	width:100%;
	height:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	.category-callout-content img {
		max-width:100%;
	}

/* Callout Title */
a.category-callout-title,
a.category-callout-title:link,
a.category-callout-title:active,
a.category-callout-title:visited {
	display:block;
	margin-top:.5em;
	font-size:.84em;
	text-decoration:none;
}
	a.category-callout-title:hover {
		color:#000000;
	}

/* Callout Overlay */
.category-callout-overlay {
	display:none;
	float:left;
	width:100%;
	height:100%;
	position:absolute;
	z-index:20;
	bottom:0;
	left:0;
}
	.category-callout-overlay ul {
		display:block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		list-style-type:none;
		color:#FFFFFF;
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	}
		.category-callout-overlay ul li {
			display:block;
			float:left;
			clear:both;
			width:100%;
		}
			.category-callout-overlay ul li a,
			.category-callout-overlay ul li a:link,
			.category-callout-overlay ul li a:active,
			.category-callout-overlay ul li a:visited {
				text-decoration:none;
				color:#FFFFFF;
				display:block;
				float:left;
				clear:both;
				width:100%;
				padding:0 10%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
				.category-callout-overlay ul li a:hover {
					opacity:.75;
				}
			.category-callout-overlay ul li:first-child a {
				margin-top:.75em;
			}


/* 
==========================================================================
* Bread Crumbs
========================================================================== 
*/
	.bread-crumbs-wrapper {
		padding:.3em 0 0 0 !important;
	}

.breadcrumbs ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

	.breadcrumbs ul li {
		float: left;
		font-size: .8em; 
		line-height: 1.03125em; /* 16.5/16 */
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	}
		.breadcrumbs ul li.last {
			color: #CDCDCD; /* LightGray */
			margin:0 .25em;
		}
		.breadcrumbs ul li:first-child a{
			margin:0 .45em 0 0 !important;
		}

		.breadcrumbs ul li a,
		.breadcrumbs ul li a:link,
		.breadcrumbs ul li a:active,
		.breadcrumbs ul li a:visited {
			float: left;
			color: #848484; /* Gray */
			display: block;
			text-decoration: none;
			margin:0 .25em;
		}

			.breadcrumbs ul li a:hover {
				color: #2f3637;
			}

	/*
	* Banner bread crumbs light
	*/
	.breadcrumbs ul.light{
		color: #FFFFFF;
	}
	.breadcrumbs ul.light li.last {
			color: #DEDEDE; /* LightGray */
		}

		.breadcrumbs ul.light li a,
		.breadcrumbs ul.light li a:link,
		.breadcrumbs ul.light li a:active,
		.breadcrumbs ul.light li a:visited {
			color: #FFFFFF; 
		}

			.breadcrumbs ul.light li a:hover {
				color: #DEDEDE;
			}
	/*
	* Banner bread crumbs dark
	*/
	.breadcrumbs ul.dark{
		color: #333333; 
	}
	.breadcrumbs ul.dark li.last {
			color: #999999; /* LightGray */
		}

		.breadcrumbs ul.dark li a,
		.breadcrumbs ul.dark li a:link,
		.breadcrumbs ul.dark li a:active,
		.breadcrumbs ul.dark li a:visited {
			color: #333333; 
		}

			.breadcrumbs ul.dark li a:hover {
				color: #000000;
			}


/*
 =========================================
* Paging and Sorting
 =========================================
 */
.page-sort-wrapper {
	display:block;
	float:left;
	clear:both;
	width:100%;
	height:40px;
	background:#E4E4E4;
	height:auto;
	margin-bottom:1.3em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Sorting */
select.sort-options {
	display:block;
	float:right;
	width:160px;
	margin:.45em .45em 0 0;
}
/* Product Paging */
ul.paging {
	list-style-type:none;
	margin:0;
	padding:0;
	height:40px;
	display:block;
	float:left;
	width:auto;
}
	ul.paging li {
		display:block;
		float:left;
		width:auto;
		width:40px;
		height:40px;
		border-right:1px solid #FFFFFF;
	}
		ul.paging li a,
		ul.paging li a:link,
		ul.paging li a:active,
		ul.paging li a:visited,
		ul.paging li span.elipse {
			display:block;
			text-decoration:none;
			color:#848484;
			text-align:center;
			width:40px;
			height:32px;
			padding-top:8px;
			font-size:.8em;
			font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
			background-position:0 0;
			background-size:40px 80px;
			background-repeat:no-repeat;
		}
			ul.paging li a:hover {
				color:#222222;
				background-color:#D8D8D8;
				background-position:0 -40px;
			}
			ul.paging li a.select {
				color:#222222;
				background-color:#D8D8D8;
			}
			ul.paging li a.paging-arrow-previous {
				background-image:url(/images/content/offerings/paging-arrow-previous.png);
			}
			ul.paging li a.paging-arrow-next {
				background-image:url(/images/content/offerings/paging-arrow-next.png);
			}

/* 
==========================================================================
* Generic List Style
==========================================================================
*/


ul.generic-list {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size:.875em;
	list-style-type:none;
	margin:0;
	padding:0;
	display:block;
	margin-bottom:2em;
}
	ul.generic-list li {
		display:block;
		clear:both;
		padding:.3em 0;
		line-height:1.2em;
	}
		ul.generic-list li a,
		ul.generic-list li a:link,
		ul.generic-list li a:active,
		ul.generic-list li a:visited {
			text-decoration:none;
			color:#848484;
		}
			ul.generic-list li a:hover {
				color:#222222;
			}
/* 
* Benefits
*/
ul.benefits {
	list-style-image:url(/images/global/benefits-check.png);
	list-style-position:hanging;
	margin:0 0 .5em 0;
	padding:0 0 0 1.5em;
	font-size:.875em;
	line-height:1.5em;
	color:#666666;
	display:block;
	float:left;
}
	
/* 
==========================================================================
* 404 & 500 Error Styles
==========================================================================
*/

.error-content { /*Added by Jason*/
	margin-top: 35px;
}
.error-content input[type="text"] { /*Added by Jason*/
	background: #ffffff url(/images/global/icon_search_blue.png) right no-repeat;
	margin-bottom:25px;
}

/* Potentially use universally */ /*Added by Jason*/
.error-italic-text {
	color: #06B7CF;
	font-family: 'Times New Roman', Cambria, 'Nimbus Roman No9 L', 'Freeserif', Times, serif;
	font-style: italic;
	font-size: 1.3em;
}
.error-h3 { /*Added by Jason*/
	line-height: 1em;
	margin-bottom: .55em;
}
.error-p { /*Added by Jason*/
	margin: 0px;
	line-height: 1.35em;
}

/*
=========================================
* Login and Registration
=========================================
*/
/* Login text link underneath registration title - used to maintain a smaller size */
h1 a.button-alt {
	font-size: .4em !important;
	text-transform: none !important;
	margin-top: -10px !important;
}
article#register form .wrapper, section#loginForm form .wrapper{
	padding:0 !important;
}
/* dividers on static pages */
.login-divider {
	height: 200px;
}

.register-divider {
	height: 500px;
}

.login-divider,
.register-divider {
	background: url(/images/content/account/login-register-divider-bg.gif) repeat-y center;
}

	.login-divider p,
	.register-divider p {
		text-transform: uppercase;
		text-align: center;
		background: #FFF;
		color: #000;
		font-style: italic;
		font-size: 1.125em;
	}

		.login-divider p.login {
			margin-top: 90px;
		}

		.register-divider p.register {
			margin-top: 200px;
		}
/* 
==========================================================================
* Tool Tip
========================================================================== 
*/
.icon.tool-tip {
	color:#ABABAB;
	position:relative;
	z-index:1;
	font-size:1em;
}
	.icon.tool-tip .tip-content {
		display:none;
		position:absolute;
		z-index:50;
		font-family: Times, "Times New Roman", Georgia, serif;
		color:#666666;
		left:50%;
	}
		
		.icon.tool-tip .tip-content p {
			margin:0;
			font-size:1em !important;
		}
		.icon.tool-tip .tip-content .inner-middle ul {
			margin:0;
			font-size:1em !important;
			line-height:1.2em;
		}
		.icon.tool-tip .tip-content .inner-middle h4 {
			font-size:1em !important;
			line-height:1.2em;
			margin-bottom:.35em;
		}
		/* 
		* Tool Tip Sizes 
		*/
		.icon.tool-tip .tip-content.small-tip {
			width:160px;
			height:140px;
			top:-130px;
			margin-left:-80px;
		}
		.icon.tool-tip .tip-content.medium-tip {
			width:180px;
			height:160px;
			top:-150px;
			margin-left:-90px;
		}
		.icon.tool-tip .tip-content.large-tip {
			width:200px;
			height:180px;
			top:-170px;
			margin-left:-100px;
		}
		.icon.tool-tip .tip-content.xlarge-tip {
			width:240px;
			height:200px;
			top:-170px;
			margin-left:-100px;
		}

		/* 
		* Tool Tip Inner Content Small 
		*/
		.icon.tool-tip .tip-content.small-tip .inner-top {
			display:block;
			width:160px;
			height:10px;
			background:url(/images/global/tool-tip/small-top.png) no-repeat;
		}
		.icon.tool-tip .tip-content.small-tip .inner-middle {
			display:block;
			width:130px;
			height:110px;
			padding:0 15px;
			background:url(/images/global/tool-tip/small-middle.png) repeat-y;
		}
		.icon.tool-tip .tip-content.small-tip .inner-bottom {
			display:block;
			width:160px;
			height:20px;
			background:url(/images/global/tool-tip/small-bottom.png) no-repeat;
		}

		/* 
		* Tool Tip Inner Content Medium 
		*/
		.icon.tool-tip .tip-content.medium-tip .inner-top {
			display:block;
			width:180px;
			height:10px;
			background:url(/images/global/tool-tip/medium-top.png) no-repeat;
		}
		.icon.tool-tip .tip-content.medium-tip .inner-middle {
			display:block;
			width:150px;
			height:130px;
			padding:0 15px;
			background:url(/images/global/tool-tip/medium-middle.png) repeat-y;
		}
		.icon.tool-tip .tip-content.medium-tip .inner-bottom {
			display:block;
			width:180px;
			height:20px;
			background:url(/images/global/tool-tip/medium-bottom.png) no-repeat;
		}

		/* 
		* Tool Tip Inner Content Large
		*/
		.icon.tool-tip .tip-content.large-tip .inner-top {
			display:block;
			width:200px;
			height:10px;
			background:url(/images/global/tool-tip/large-top.png) no-repeat;
		}
		.icon.tool-tip .tip-content.large-tip .inner-middle {
			display:block;
			width:170px;
			height:150px;
			padding:0 15px;
			background:url(/images/global/tool-tip/large-middle.png) repeat-y;
		}
		.icon.tool-tip .tip-content.large-tip .inner-bottom {
			display:block;
			width:200px;
			height:20px;
			background:url(/images/global/tool-tip/large-bottom.png) no-repeat;
		}
		/* 
		* Tool Tip Inner Content XLarge
		*/
		.icon.tool-tip .tip-content.xlarge-tip .inner-top {
			display:block;
			width:240px;
			height:10px;
			background:url(/images/global/tool-tip/large-top.png) no-repeat;
		}
		.icon.tool-tip .tip-content.xlarge-tip .inner-middle {
			display:block;
			width:210px;
			height:170px;
			padding:0 15px;
			background:url(/images/global/tool-tip/large-middle.png) repeat-y;
		}
		.icon.tool-tip .tip-content.xlarge-tip .inner-bottom {
			display:block;
			width:200px;
			height:20px;
			background:url(/images/global/tool-tip/large-bottom.png) no-repeat;
		}

/* 
==========================================================================
* Search Category
========================================================================== 
*/


.search-results-input-wrapper {
    float: right;
    display: block;
}

    .search-results-input-wrapper p {
        color: #666666;
    }

    .search-results-header input[type="text"] {
        background: #ffffff url(/images/global/icon_search_grey.png) right no-repeat;
        float: right;
        padding: 6px 6px;
    }
.search-results-phrase h1 {
    color: #848484;
    text-align: left;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 1.3em;
    margin:0em;
    text-transform:none;
}
    .search-results-phrase h1 span {
        color: #222222;
    }
/*
*
* XXXXXXXXXXXXXXXXXXXXXXXXXX
* XXXX  MEDIA QUERIES   XXXX 
* XXXXXXXXXXXXXXXXXXXXXXXXXX
*
/*

/*
*  @media screen and (min-width: 768px)
*  based on common screen size
*  MAIN BREAK POINT
*
*/
@media screen and (min-width: 48em) {
	/* Nothing needed... for now */
}

/*
*  @media screen and (min-width: 840px)
*  main navigation transition
*
*/
@media screen and (min-width: 52.5em) {
	/*
	==========================================================================
	* Bread Crumbs
	========================================================================== 
	*/
		.bread-crumbs-wrapper {
			padding:.7em 0 1em 0 !important;
	}
	/*
	==========================================================================
	* Category Callouts
	========================================================================== 
	*/
	.content-home .category-callout,
	.content-category-1 .category-callout {
		width:22.5%;
	}
	.content-home .category-callout.last,
	.content-category-1 .category-callout.last {
		display:block;
	}
	/*
	=========================================
	* Footer
	=========================================
	*/
	footer .content section.social {
		float:right;
		width:31%;
		border:none;
	}
		footer .content section.social h4 {
			font-size:1.125em
		}
	footer .content .col-12-2 {
		width:14%
	}
		footer .content .col-12-2.last-tablet {
			margin-right:3%;
		}
	footer .content section.social h4 {
		width:100%;
	}
	footer .content .social-likes {
		float:left;
		width:100%;
		margin-top:.8em;
		padding-top:.8em;
		border-top:1px solid #CCD2D6;
	}
		footer .social-likes.tablet {
			display:none;
		}
		footer .social-likes.desktop {
			display:block;
		}
	footer .social-networks {
		margin-right:0;
	}
	footer .social-networks,
	footer .social-likes  {
		width:100%;
	}
	.social-like-item {
		display:block;
		clear:both;
		float:left;
		width:100%;
		margin-bottom:.4em;
	}
	.sub-footer span div {
			display:inline;
			float:none;
			clear:none;
		}
	/*
	=========================================
	* Content callouts
	=========================================
	*/
	
	/* Callout vertical */
	.content-callouts-a .content-callout,
    .content-callouts-community .content-callout {
		width:17.6%;
	}

	.content-callouts-a .content-callout.last,
    .content-callouts-community .content-callout.last {
		display:block;
	}

    /* 2 Panel Callout */
     .content-callout-large {
        min-height: 395px;
        padding-bottom: 1em!important;
    }
    
    /* 3 Panel Callout */
    .content-callout-c .col-10-2.last {
        display: block;
    }
    .content-callout-c .col-10-4 {
        width:38.2%;
    }

    .content-callout-c .col-10-2 {
        width:17.6%;
    }

        .content-callout-large .content-callout-content {
            min-height: 395px;
        }
	
	/* Callout Horizontal  - sidebar */
	.sidebar .content-callout {
		width:100% !important;
	}
		.sidebar .content-callout a.image {
			display:block !important;
			float:left !important;
			width:42% !important;
			margin-bottom:0 !important;
			overflow:hidden;
			
		}
			.sidebar .content-callout a.image img {
				
			}
		.sidebar .content-callout a.title {
			float:left !important;
			width:58% !important;
			padding:0  0 0 .75em !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.sidebar .content-callout .interaction-wrapper {
			width:58% !important;
		}

		.content form {
			display: block;
		}
	
	/*
	=========================================
	* Share links
	=========================================
	*/
	ul.social-links-floating {
		display:block;
	}
	ul.social-links-floating.tablet  {
		display:none;
	}

}
/*
*
* XXXXXXXXXXXXXXXXXXXXXXXXXX
* XXXX  MEDIA QUERIES   XXXX 
* XXXXXXXXXXXXXXXXXXXXXXXXXX
*
/*
/*
*  @media screen and (min-width: 920px)
*
*/
@media screen and (min-width: 57.5em) {
	/* Product Paging */
	.page-sort-wrapper {
		height:44px;
	}
	ul.paging {
		height: 44px;
	}

	ul.product-paging li {
		width: 44px;
		height: 44px;
	}

	ul.paging li a,
	ul.paging li a:link,
	ul.paging li a:active,
	ul.paging li a:visited,
	ul.paging li span.elipse {
		width: 44px;
		height: 33px;
		padding-top: 11px;
		background-size: 44px 88px;
	}

		ul.paging li a:hover {
			color: #222222;
			background-color: #D8D8D8;
			background-position: 0 -44px;
		}
}
/*
*  @media screen and (min-width: 1024px)
*  based on common screen size
*  MAIN BREAK POINT
*
*/
@media screen and (min-width: 64em) {
	

}
/*
*  Retina display
*  high resolution images for the iPad
*/
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {
	a.social-network-link.icon-facebook {
        background-image:url(/Images/global/icon-facebook@2x.png);
    }
    a.social-network-link.icon-twitter {
        background-image:url(/Images/global/icon-twitter@2x.png);
    }
    a.social-network-link.icon-youtube {
        background-image:url(/Images/global/icon-youtube@2x.png);
    }
    a.social-network-link.icon-pinterest {
        background-image:url(/Images/global/icon-pinterest@2x.png);
    }
	a.social-network-link.icon-blog {
		background-image: url(/Images/global/icon-blog@2x.png);
	}
	/* 
	* Benefits
	*/
	ul.benefits {
		list-style-image:url(/images/global/benefits-check@2x.png);
	}
}