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


 Coastal Contacts
 
	* DESCRIPTION: The main CSS file for Coastal Contacts. It imports the Blueprint Framework grid.css to standardize initial layout formatting. 

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


/*

	======== TABLE OF CONTENTS ======== 
 	0. GLOBAL CLASSES & DEFINITIONS
 	    0.01 DEFAULT PROPERTIES FOR HTML ELEMENTS
 	    0.02 PREDEFINED/REUSABLE SELECTORS
	1. COASTAL CONTACTS CONTAINERS
		1.00 COMMON CONTAINER PROPERTIES
		1.01 COASTAL HEADER CONTAINER
		1.02 FOOTER CONTAINER
		1.03 FACEBOOK PLUGIN CONTAINER
		1.04 MAIN BODY CONTAINER
		1.05 LEFT NAVIGATION
	2. COASTAL CONTACTS WIDGETS 
		2.00 TOOLTIPS
		2.01 RECOMMENDED PRODUCTS, RECENTLY VIEWED ITEMS & RELATED SEARCHES 
		2.02 GLOBAL (APP WIDE) BUTTONS
	3. FAVORTIES ICONS
		3.00 FAVORITE ICONS
	4. BREADCRUMBS
		4.00 BREADCRUMB ICONS
		4.01 Bread Crumbs
	5. FORMS
	6. FANCYBOX (LIGHTBOX)
		6.01 FANCYBOX PLUGIN OVERWRITES 
		6.02 SIZE MATCH DIALOG
	7. LIVE CHAT
		7.01 LIVE CHAT
	8. ERROR PAGE
		8.01 ERROR PAGE
	9. NEWSLETTER POPUP
		9.01 NEWSLETTER POPUP
	10. VIEW ALL PRODUCTS
		10.01 MAIN CONTAINER
		10.02 HEADER CONTAINER
		10.03 FILTER CONTAINER
		10.04 CONTENT CONTAINER
	11. UNSUBSCRIBE
		11.01 UNSUBSCRIBE CONTAINER
	12. TABS
		12.01 PRODUCT & VIRTUAL MIRROR TABS
	13. PRODUCT TILES
	14. MOBIFY
	
    ====================================
*/
 


 
/*  _____________________________________________________________________________

    0. GLOBAL CLASSES & DEFINITIONS
 _____________________________________________________________________________  */ 
 
 
  /* -------------------------------------------------------------------------

	0.01 Default Properties for HTML Elements
------------------------------------------------------------------------- */

body {
	background-color: #F9F9F9; 
	margin:0;
	padding:0;
}
div, span {
	text-align: left;
}
img
{
	border: 0;
}
h4{
	color:#2e2e2e;
	font:normal 18px Arial;
	margin-bottom:20px;
}
ol, ul{
	list-style: none;
}
a {
	color: #0000FF;
	text-decoration: underline;
}
a.blue{
	color: blue; 
	text-decoration: none;
}
a.blue:hover{
	color: blue; 
	text-decoration: underline;
}
span.blue{
	color: blue; 
	text-decoration: none;
}
span.blue:hover{
	color: blue; 
	text-decoration: underline;
}
a.neutral{
	text-decoration: underline;
}

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

	0.02 Predefined/Reusable Selectors
------------------------------------------------------------------------- */

.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
.clear-both{
	clear:both;
}
.left {
	float: left;
}
.right {
	float: right; 
}
.display-none { 
	display: none;
}
.display-block { 
	display: block;
}
.display-inline{
	display:inline;
}
.background-none {
	background: none !important; 
}
.visibility-hidden{
	visibility: hidden;
}
.strong{
	font-weight: bold;
}
.cursor-pointer{
	cursor:pointer;
}
.cursor-cross-hair{
	cursor:cross-hair;
}
.font-black{
	color:#000000;
}
.margin-zero{
	margin-top: 0px;
}
.float-none{
	float:none !important;
}
.horizontal-divider{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/horizontal_divider.png') repeat-x;
	float: left;
	height: 1px;
	width: 100%;
} 


/*  _____________________________________________________________________________

    1. COASTAL CONTACTS CONTAINERS
 _____________________________________________________________________________  */ 
 
 
 /* -------------------------------------------------------------------------

	1.00 Common Container Properties 
------------------------------------------------------------------------- */

#coastal-header-container, #coastal-header-checkout-container, #footer-container{
	width:100%;
	clear:both;
}
#coastal-header-container-wrapper, #coastal-header-checkout-container-wrapper, #footer-container-inner {
	margin: 20px auto 0; 
}
#coastal-header-container, #coastal-header-checkout-container {
	position: absolute; 
	height: 370px;  
	z-index: 998;
}
#main-coastal-container {
	background:  url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/horizontal_sliver.gif') top repeat-x;   
	height: 100%;
	width: 100%;   
} 
#footer-overlay-background-shadow, #footer-checkout-overlay-background-shadow {
	left: 50%;
	margin-left: -533px;
	position: absolute;
	width: 1066px; 
}
#main-content-container{
	float: none;
}
#facebook-footer-container, #footer-overlay-container, #footer-checkout-overlay-container {
	background-color:#FFFFFF; 
	float:none;
	margin:0 auto;
	overflow:hidden;
}
.header-banner h3{
	background-color: #f0f0f0;
    color: #0069AA;
    font: 18px arial;
    height: 30px;
    line-height:1.8;
  	text-indent:10px;
  	text-align: left;
    width:100%
}
.header-banner a{
	color: #0000FF;
    font: 12px arial;
    text-decoration: underline;
}

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

	1.01 Coastal Header Container 
------------------------------------------------------------------------- */

#coastal-header-container, #coastal-header-container-wrapper, #coastal-header-container-inner {
	height: 160px;
}
#coastal-header-checkout-container, #coastal-header-checkout-container-wrapper, #coastal-header-checkout-container-inner{
	height: 120px;
}
#coastal-header-container, #coastal-header-checkout-container {
   	float: none;
   	margin-top: -25px;
    position: relative; 
}
#coastal-header-container-wrapper, #coastal-header-checkout-container-wrapper {
    float: none;
   	background: #fff; 
  	position: relative; /* needed to be defined explicitly to support layout on iPhone and other platforms */
}
#coastal-header-container-inner, #coastal-header-checkout-container-inner { 
    float: none;
	font: 14px Arial;
	top: 0px; 
	right: 0px;
	position: absolute; /* needed to be defined explicitly to support layout on iPhone and other platforms */
}
#coastal-header-left-background, #coastal-header-right-background, #coastal-header-checkout-left-background, #coastal-header-checkout-right-background {
  	height: 370px; 
   	position: relative; 
   	top: 0; 
   	width: 50px; 
}
#coastal-header-left-background, #coastal-header-checkout-left-background {
   	float: left; 
	margin-left: -50px;  
}
#coastal-header-right-background, #coastal-header-checkout-right-background {
   	float: right; 
   	margin-right: -50px;  
}
#coastal-header-left-background {
   	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/top_nav_left_background.gif') left bottom no-repeat; 
}
#coastal-header-right-background {
   	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/top_nav_right_background.gif') right bottom no-repeat;
}
#coastal-header-checkout-left-background {
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/header_checkout_left_background.gif') left bottom no-repeat; 
}
#coastal-header-checkout-right-background {
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/header_checkout_right_background.gif') left bottom no-repeat; 
}
#coastal-header-left-box, #coastal-header-middle-box, #coastal-header-right-box, #coastal-header-checkout-right-box{
	height: 100px; 
	font-family: Arial;
	font-size: 12px; 
	float: left; 
	position: absolute; 
	text-align: right; 
	top: 10px; 
	z-index: 1;
}
#coastal-header-left-box {
	float: left; 
	left: 0;
	text-align: left;
	top: 30px; 
	width: 300px; 
}
#coastal-header-middle-box {
	width: 260px; 	
	margin-left: 300px;
	left: 0;
	text-align: center;
	top:0;
}

#coastal-header-right-box, #coastal-header-welcome, #coastal-header-favorites-cart-info{
	width: 410px; 
}
#coastal-header-right-box {
	right: 0; 
}
#coastal-header-checkout-right-box {
	float: right;
	right: 0; 
	width: 400px; 
}
#coastal-header-checkout-phone-number {
	color: #656565;
	font: 15px Arial;
	padding-top: 20px; 
	text-align: right; 
}
#coastal-header-right-box, #coastal-header-right-box .neutral{
	color: #656565; 
}
#coastal-header-right-box img{
	vertical-align: middle;
}
#coastal-header-right-box .left-border, #coastal-header-right-box .group-wrapper-right{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/vertical_divider.png') left top no-repeat;
	margin-left: 5px;
	padding-left: 8px; 	 
}
#coastal-header-right-box .group-wrapper-right{
	float: right;
	width: 109px; 
}
#coastal-header-right-box .group-wrapper-left{
	float: none; 
	width: 285px;
}
#coastal-header-welcome, #coastal-header-favorites-cart-info {
	float: left;  
}
#coastal-header-welcome {
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/horizontal_divider.png') right bottom repeat-x;
	padding-bottom: 5px; 
}
#coastal-header-favorites-cart-info {
	margin: 3px 0 10px 0;
}
#search-form { 
	float: left;
	width:425px;  
}
#search-form input{
	height:30px;
	float:left;
	vertical-align: middle; 
	width:327px;
}
#cc-search{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/btn_search.png') no-repeat scroll 0 0 transparent;
	float:left;
	height:30px;
	cursor:pointer;
	width:82px;
}
#cc-search:hover{
	background-position:0px -31px;
}
.top-menu-container{
	float:right;
	margin-top: 2px;
}
.top-menu-container div{
	float:left;	
}
.top-nav-menu-divider{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/vertical_divider.png') no-repeat scroll 0 0 transparent;
	height: 18px;
	width: 1px;
	margin: 0 10px 0 10px;
}
#view-cart-img{
	margin-left:5px;
}
/* -------------------------------------------------------------------------

	1.02 Footer Container
------------------------------------------------------------------------- */

#footer-container, #footer-container-checkout{
	background-color: #d6d6d6;
	border-bottom: 5px solid #FFFFFF;
	overflow: hidden;
}
#footer-container-checkout {
	height: 90px;
}
#footer-container-inner{
	color: #585858;
    float: none;
    font: 14px Arial; 
    margin-bottom: 430px;
}
#footer-bg-color{ 
	position:absolute;
	width:100%;
}
#footer-container a{
	line-height:1.5;
	text-decoration:none;
}
#footer-container a:hover{
	text-decoration:underline;
}
#info-box-container{
	float:left;
	width:732px;
}
#info-box-checkout-container{
	float:left;
	width:966px;
}
#info-box-checkout-container li{
	display: inline;
	font-size: 12px; 
}
#info-box-checkout-container-left{
	float: left; 
	text-align: left; 
	width: 550px;
} 
#info-box-checkout-container-right{
	float: right; 
	text-align: right; 
}
#info-box-checkout-container-right a {
	color: #585858;
	text-decoration: none;
}
#info-box-checkout-container-right li {
	border-left:1px solid #585858;
	padding-left: 4px; 
}
#info-box-checkout-container-right li:first-child{
	border-left: none;
}
.info-box{
	float:left;
	line-height:1.5;
	padding:0px;
	width:234px;
}
.info-box h3{
	color:#2e2e2e;
	font:normal 18px Arial;
	margin-bottom:20px;
}
.info-box a{
	color:#585858;
	display:block;
}
#newsletter-container{
	background-color: #F0F0F0;
	float:right;
	width:234px;
}

#newsletter-form-container >div{
	height:25px;
	margin-bottom:10px;	
}
#newsletter-form-container input{
	color:#585858;
	height:20px;
	margin-bottom:10px;
	width:186px;
}
div#newsletter-form-submit{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/btn_sign_up.png') no-repeat scroll 0 0 transparent;
	cursor:pointer;
	height:20px;
	margin-left:105px;
	width:87px;
}
#newsletter-form-submit:hover{
	background-position:0 -21px;
}
.newsletter-box h3{
	color:#2e2e2e;
	font:normal 18px Arial;
	line-height:1.2;
	margin-bottom:20px;
}
.info-box-inner{
	padding:30px 10px 20px 10px !important;
}
.newsletter-box-inner{
	-webkit-box-shadow: 0 4px 4px #B4B4B4;
	-moz-box-shadow: 0 4px 4px #B4B4B4;
	box-shadow: 0 4px 4px #B4B4B4;
	padding:20px !important;
}
.newsletter-box-inner h4{
	margin-bottom:15px;
}
#newsletter-header{
	margin-bottom:20px;
}
#newsletter-footer{
	
}

#coastal-copyright{
	color:#585858;
	font:normal 10px Arial;
	margin:15px 0 15px 0;
	text-align:center;
}
#coastal-copyright div{
	text-align:center; 
}
.icon-link{
	height:20px;
	line-height:1.5;
	margin-bottom:7px;
	text-indent:25px;
	width:100%;
}
#icon-facebook{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/icon_facebook.png') no-repeat scroll 0 0 transparent;	
}
#icon-twitter{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/icon_twitter.png') no-repeat scroll 0 0 transparent;	
}
#icon-blog{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/icon_blog.png') no-repeat scroll 0 0 transparent;	
}
#icon-video{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/icon_youtube.png') no-repeat scroll 0 0 transparent;
}
#icon-deals{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/icon_deals.png') no-repeat scroll 0 0 transparent;
}
#icon-iphone{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/icon_app.png') no-repeat scroll 0 0 transparent;
}
#icon-view-project{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/icon_ctv.png') no-repeat scroll 0 0 transparent;
}
#img-trustee{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/logo_truste.png') no-repeat scroll 0 0 transparent;
	height:48px;
	margin:10px 0 10px 0;
	width:143px;
}
#img-cc-cards{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/logo_cc_cards.png') no-repeat scroll 0 0 transparent;
	height:51px;
	width:156px;
}
#btn-signup{
	height:25px;
	margin-left:138px;
	width:60px !important;
}
#footer-overlay{
	width:100%;
}
#footer-overlay-wrapper{
	float:none;
}
#footer-overlay-container{
	height: 219px;
}
#footer-checkout-overlay-container {
	height: 50px; 
}
#footer-overlay-background-shadow {
	height: 219px;
}
#footer-checkout-overlay-background-shadow {
	height: 65px;
	margin-top: -15px;
}
.info-box-row-container{
	width:100%
}
.info-box-row-divider{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/divider_dot.png') repeat-x;
	clear:both;
	height:1px;
	width:700px;
}
.info-box-column-top-divider, .info-box-column-bottom-divider{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/divider_dot.png') repeat-y;
	float:left;
	height:155px;
	width:1px;
}
.info-box-column-top-divider{
	height:155px;
	margin:35px 5px 0 5px;
}
.info-box-column-bottom-divider{
	height:185px;
	margin:10px 5px 0 5px;
}

.info-box-inner h4{
	height:20px;
}
/* -------------------------------------------------------------------------

	1.03 Facebook Plugin Container
------------------------------------------------------------------------- */

#facebook-footer-container {
	height:219px;
}
#facebook-footer-container-inner{
	padding-top:20px; 
}

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

	1.04 Main Body Container
------------------------------------------------------------------------- */
 
#main-body-container{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/bg_main_body.png') repeat-y scroll center center transparent;
	float:none;
	padding-bottom:15px;
   	overflow:hidden;  
	width: 100%; 
}
#main-body-container-inner{
	background: #FFF;
	float:none;
	height: auto;  
	margin: 20px auto 0;
}
.footer-overlay-left-background, .footer-overlay-right-background {
  	float: none; 
   	height: 100%; 
   	position: absolute; 
   	top: 0; 
   	width: 100px; 
}
.footer-overlay-left-background {
   	background:  url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/left_bg_filler.gif') left center repeat-y;
   	left: 0; 
   	margin-right: -10px; 
}
.footer-overlay-right-background {
   	background:  url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/right_bg_filler.gif') right center repeat-y;
   	right: 0; 
   	margin-left: -10px;  
}
#footer-left-bottom-shadow, #footer-checkout-left-bottom-shadow{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/bg_3colorLeft.gif') no-repeat scroll 0 0 transparent;
	float: left;
	height: 63px;
	width: 31px;
}
#footer-left-bottom-shadow {
	margin: 157px 0 0 -1px;
}
#footer-checkout-left-bottom-shadow {
	margin: 3px 0 0 -1px;
}
#footer-right-bottom-shadow, #footer-checkout-right-bottom-shadow{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/bg_3colorRight.gif') no-repeat scroll 0 0 transparent;
	height: 63px;
	float: right;
	width: 31px;
}
#footer-right-bottom-shadow {
	margin: 157px -1px 0 0;
}
#footer-checkout-right-bottom-shadow {
	margin: 3px -1px 0 0;
}
#footer-overlay-3color-bg{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/bg_3color.gif') repeat-x scroll 0 0 transparent;
	height: 64px;
	margin-top: -63px;
	position: absolute; 
	width: 100%;
	z-index: -1;
}
#footer-overlay-bottom-bg{
	background-color:#D6D6D6;
	width:100%;
}
#footer-overlay-bottom-image{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/bg_footerOverlayBottom.gif') no-repeat scroll 0 0 transparent;
	height:40px;
	margin:0 auto;
	width:1066px;
}

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

	1.04 Left Navigation
------------------------------------------------------------------------- */
#lnav-container{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_middleRight.gif') repeat-y scroll right center #FFFFFF;
	float:left;
	width:202px;
}
#lnav-content-container{
	float:left;
	font-family:Arial;
	font-size:12px;
}
#lnav-content-container h2{
	color:#2e2e2e;
	font:normal 20px arial;
	height:40px;
	line-height:2;
	padding-left:10px;
}
#lnav-inner-container{
	float:right;
	width:100%;
}
.lnav-category-container{
	clear: both;
	margin:5px 0 10px 0;
    overflow: hidden;
}
.lnav-banner h3{
	background-color: #F6F6F6;
    color: #0069AA;
    float: left;
    font: 14px arial;
    line-height:1.4;
    margin-bottom: 10px;
    min-height: 20px;
    padding-left: 10px;
    width: 145px;
}
.expand-collapse-container{
	cursor: pointer;
    float: left;
    margin-left: 3px;
}
.lnav-collapse, .lnav-expand{
	height:20px;
	width:20px;
}
.lnav-collapse{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_collapse.gif') no-repeat scroll 0 0 transparent;
}
.lnav-expand{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_expand.gif') no-repeat scroll 0 0 transparent;
	display:none;
}
.lnav-link-container{
	clear:both;
	color: #585858;
	padding-left:15px;
}
.lnav-link-container ul{
	font: normal 12px arial;
	margin: 0 0 0 -3px;
	padding:0;
	text-align:left;
}
.lnav-link-container ul li{
	clear: both;
	line-height:1.5; 
	margin: 0 0 5px;
	padding:0;
}
.lnav-link-container ul li input{
	float:left;
	margin-top:1px;
}
#lnav-brand-name-container ul li input{
	float:none;
}

.lnav-link-container ul ul li{
	list-style: disc inside none;
	margin-left:5px;
}
.lnav-link-container a{
	color:#585858;
	text-decoration:none;
}
.lnav-link-container a:hover{
	text-decoration:underline;
}
.lnav-tooltip{
	display:none;
	font:normal 10px arial;
	height:24px;
	padding:3px 0 0 8px;
	width:66px;
}
.lnav-left-tooltip{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/tip_leftFly.png') no-repeat scroll 0 0 transparent;
}
.lnav-right-tooltip{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/tip_rightFly.png') no-repeat scroll 0 0 transparent;
}
.lnav-horizontal-divider{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_horizontalDivider.gif') no-repeat scroll 0 0 transparent;
	height:1px;
	width:178px;
}
.lnav-horizontal-divider-small{
	width:110px;
}
.view-all-link{
	color:#585858;
	font:normal 12px arial;
	padding-left:15px;
}
#lnav-bottom-box, #lnav-top-box{
	clear: both;
    float: right;
    height: 120px;
	margin-right: -14px;
    width: 13px;
}
#lnav-bottom-box{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_bottomRightShadow.gif') no-repeat scroll 0 0 transparent;
	margin-top:-100px;
	
}
#lnav-top-box{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_topRightShadow.gif') no-repeat scroll 0 0 transparent;
}
#lnav-brand-container{
	width:163px;
}
#lnav-brand-name-container ul li{
	margin:0;
	padding:0;
}
#lnav-alphabet-container{
	margin-left:-6px;
	font-size:12px;
}
#lnav-alphabet-container div{
	cursor:pointer;
	float:left;
	height:18px;
	margin:0;
	padding:0;
	text-align:center;
	width:18px; 
}
#lnav-alphabet-container > div.lnav-letter-available:hover{
	background-color:#016AAC;
	color:#FFFFFF;
	
}
#lnav-brand-name-container{
	height:130px;
	float:left;
	margin-top:14px;
	outline: 1px solid #C6C6C6;
	overflow:auto;
	padding:5px 0 5px 2px;
	width: 160px;
}
.lnav-brand-name-static-container ul{
	margin-left:3px !important;	
}
.lnav-letter-on{
	background-color:#0069AA;
	color:#FFFFFF
}
.lnav-letter-off{
	color:#C6C6C6
}
 
ul#lnav-link-shapes-list li div{
	cursor:pointer;
}
#lnav-link-shapes-list li div{
	float:left;
	height:19px;
	width:45px;
}
#lnav-link-shapes-list li input{
	float:left;
} 

/* Glasses/Frames Lnav Images */
#lnav-list-bullet-aviator{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_shapes.gif') no-repeat scroll 0px 3px transparent;
}
#lnav-list-bullet-oval{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_shapes.gif') no-repeat 0px -17px transparent;
}
#lnav-list-bullet-oversized{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_shapes.gif') no-repeat 0px -76px;
}
#lnav-list-bullet-rectangle{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_shapes.gif') no-repeat 0px -38px;
}
#lnav-list-bullet-wayfarer{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_shapes.gif') no-repeat 0px -76px;
}
#lnav-list-bullet-round{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_shapes.gif') no-repeat 0px -58px;
}
#lnav-list-bullet-cateye{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_shapes.gif') no-repeat 0px -97px;
}

/* Sunglasses Lnav Images */
#lnav-list-sunglasses-aviator{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/sunglasses_shapes.gif') no-repeat scroll -3px 0px transparent;
}
#lnav-list-sunglasses-oval{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/sunglasses_shapes.gif') no-repeat -3px -81px transparent;
}
#lnav-list-sunglasses-oversized{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/sunglasses_shapes.gif') no-repeat -3px -38px transparent;
}
#lnav-list-sunglasses-rectangle{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/sunglasses_shapes.gif') no-repeat -3px -61px transparent;
}
#lnav-list-sunglasses-wayfarer{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/sunglasses_shapes.gif') no-repeat -3px -18px transparent;
}
#lnav-list-sunglasses-cateye{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/sunglasses_shapes.gif') no-repeat -3px -100px transparent;
}

#lnav-color-container{
	margin-left:-10px;
	width:100%;
}
.color-swatch{
	cursor:pointer;
	height:12px;
	margin:3px;
	width:20px;
}
#lnav-color-container >div{		
	float:left;
	height:18px;
	margin:0 0 2px 2px;
	overflow:hidden;
	padding:0;
	width:26px;
}
#lnav-color-container >div:hover{
	outline:2px solid #0069AA;
	overflow:hidden;
}
#lnav-color-1{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat 0px 0px;
}
#lnav-color-2{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat -27px 0px;
}
#lnav-color-3{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat -54px 0px;
}
#lnav-color-4{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat -81px 0px;
}
#lnav-color-5{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat -108px 0px;
}
#lnav-color-6{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat -135px 0px;
}
#lnav-color-7{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat 0px -20px;
}
#lnav-color-8{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat -27px -20px;
}
#lnav-color-9{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat -54px -20px;
}
#lnav-color-10{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat -81px -20px;
}
#lnav-color-11{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat -108px -20px;
}
#lnav-color-12{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat -135px -20px;
}
#lnav-color-13{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat 0px -40px;
}
#lnav-color-14{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat -27px -40px;
}
#lnav-color-15{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat -54px -40px;
}
#lnav-color-16{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat -81px -40px;
}
#lnav-color-17{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat -108px -40px;
}
#lnav-color-18{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat -135px -40px;
}
#lnav-color-19{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_colors_swatches.gif') no-repeat 0px -60px;
}
.lnav-color-on{
	outline:2px solid #0069AA;
}
#lnav-size-container, .lnav-size-sub-container{
	margin-bottom:10px;
	overflow:hidden;
	width:100%;
}

#lnav-size-container select{
	height:18px;
	margin:5px 0 0 10px;
	text-align:right;
	width:45px;
}
.lnav-size-left-container{
	float:left;
}
.lnav-size-left-container h4{
	font-size:14px;
	margin-bottom:0;
}
.lnav-size-right-container{
	float: right;
    height: 40px;
    margin: 7px 7px 0 0;
    width: 65px;
}
#lnav-size-diameter-image{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_fit_tool.gif') no-repeat 0px 0px;
}
#lnav-size-width-image{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_fit_tool.gif') no-repeat 0px -50px;
}
#lnav-size-length-image{
	background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/lnav_glasses_fit_tool.gif') no-repeat 0px -100px;
}
#lnav-bottom-link-container{
	clear:both;
	width:100%;
}
#lnav-bottom-link-container a{
	text-decoration:underline;
}
.lnav-size-learn-link{
	float:left;
}
.lnav-size-go-link{
	float: left;
    margin-left: 80px;
}

.lnav-collapse-txt{
	cursor:pointer;
}

.lnav-show-more-less-txt{
	cursor:pointer;
}

#lnav-shape-container div ul li div {
	float:left;
	height:19px;
	width:45px;
}
#no-colors-avail{
	float: left;
	padding: 20px 0px 20px 7px;
}

/*  _____________________________________________________________________________

    2. COASTAL CONTACTS WIDGETS
 _____________________________________________________________________________  */ 
 
 
 /* -------------------------------------------------------------------------

	2.00 Tooltips
------------------------------------------------------------------------- */

.tooltip-width-200{
	width:200px;
}
.tooltip-width-300{
	width:300px;
}
.tooltip-width-145{
	width:145px;
}
.coastal-tooltip {
	-moz-box-shadow: 10px 10px 10px #7c7c7c;
	-webkit-box-shadow: 10px 10px 10px #7c7c7c;
	background-color:#FFFFFF;
	box-shadow: 10px 10px 10px #7c7c7c;
	display:none;
	border:1px solid #999999;
	color:#000000;
	font:normal 12px arial;
	height:auto;
	padding:5px;
	text-indent:0;
	white-space:normal; /* Need to explicitly set it because some parent containers set it this property to 'nowrap' and affects the tooltip body wrap. */
	z-index:100;

}
/* style the trigger elements */
.coastal-tooltip-container {
	margin:10px 50px 10px 0;
	}
.coastal-tooltip-container img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}
.coastal-tooltip-right-container img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}
.coastal-tooltip-arrow{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/img_arrow_down.png')no-repeat;
	bottom:-33px;
	height:33px;
	position:absolute;
	width:50px;
}
.coastal-tooltip-arrow-center-tooltip-width-200{
	float:left;	
	left:90px;
}
.coastal-tooltip-arrow-right-tooltip-width-200{
	float:right;	
	left:156px;
}
.coastal-tooltip-arrow-center-tooltip-width-300{
	float:left;	
	left:140px;
}
.coastal-tooltip-arrow-right-tooltip-width-300{
	float:right;	
	left:256px;
}
.coastal-tooltip-body-container-question, .coastal-tooltip-body-container-info{
	padding:0;
	margin:0;
}
.coastal-tooltip-banner-question, .coastal-tooltip-banner-info{
	font-size: 12px; 
	margin-bottom:5px;
	padding:3px 0 3px;
	text-align:center;
	width:100%;
}
.coastal-tooltip-body-container-question{
	border:1px solid #FBEEAA;
}
.coastal-tooltip-banner-question{
	background-color:#FBEEAA;
}
.coastal-tooltip-body-container-info{
	border:1px solid #D5EAFB;
}
.coastal-tooltip-banner-info{
	background-color: #D5EAFB;
}
.coastal-tooltip-body{
	padding: 10px 15px 5px 10px; 
	text-align:left;
	text-indent:0;
}

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

	2.01 Recommended Products, Recently Viewed & Related Searches 
------------------------------------------------------------------------- */

.recommended-products-wrapper, .recently-viewed-items-wrapper, .related-searches-wrapper{
	float: left;
	position: relative;  
	text-align: left;  
	width: 100%; 
}
.recommended-products-wrapper{
	height: 230px;
}
.recently-viewed-items-wrapper{
	height: 154px; 
}
.related-searches-wrapper{
	min-height: 50px;
}
.recently-viewed-item{
	height: 84px;
	float: left; 
	margin: 10px 10px 30px 10px;
	position: relative; 
	text-align: center;
	width: 141px;
}
.recommended-prod-item{
	cursor:pointer;
	float: left; 
	height: 200px;
	line-height: 15px;
	margin: 10px 10px 30px 10px;
	position: relative; 
	text-align: center;
	width: 141px; 
}
.recommended-prod-item-title{
	color: #2E2E2E;
	display: block; 
	font-family: Arial;
	font-size: 12px;
	font-weight: bold; 
	height: 45px;
	margin-top: 5px 0px 5px 0px;
	text-align:center; 
}
.product-price-border {
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/prod_price_divider.gif') center top repeat-x; 
	display: block; 
	margin: 6px 0px 6px 0px;
	height: 1px; 
	width: 100%; 
} 
.recommended-prod-item-price, .recommended-prod-item-sale-price, .recommended-prod-item-old-price{
	font-family: Arial;
	font-size: 16px; 
}
.recommended-prod-item-price{
	color: #585858;
	font-weight: bold; 
}
.recommended-prod-item-old-price{
	color: #585858;
	text-decoration: line-through;
}
.recommended-prod-item-sale-price{
	color: #FF0000; 
	font-weight: bold; 
}
#remove-product-x{
	cursor: pointer;
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/btn_prod_remove.gif') center top no-repeat; 
	height: 12px;
	margin-right: 10px;
	position: absolute;
	right: 0;
	top: 0; 
	width: 14px;
	z-index: 1;
}
.related-searches{
	float: left;
	margin: 20px 10px;
	position: relative;
}
 /* -------------------------------------------------------------------------

	2.02 Global (App Wide) Buttons 
------------------------------------------------------------------------- */
.btn-continue-next{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/btn_continue.png') no-repeat scroll 0 0 transparent;
	border: none;
	height:30px;
	cursor:pointer;
	width:120px;
} 
.btn-continue-next:hover{
	background-position:  0 -31px;
}
.btn-next-item{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/btn_nextItem.png') no-repeat scroll 0 0 transparent;
	border: none;
	height:30px;
	cursor:pointer;
	width:120px;
}

.btn-next-item:hover{
	background-position:  0 -31px;
}

.btn-add-more-items, .btn-add-an-item{
	height:30px;
	cursor:pointer;
	width:170px;
}
.btn-add-more-items{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/btn_add_more_items.gif') no-repeat scroll 0 0 transparent;
} 
.btn-add-an-item{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/btn_add_an_item.png') no-repeat scroll 0 0 transparent;
}
.btn-add-more-items:hover, .btn-add-an-item:hover{
	background-position:  0 -31px;
}  
.btn-paypal-submit{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/btn_paypal.png') no-repeat scroll 0 0 transparent;
	border: none; 
	height:50px;
	cursor:pointer;
	width:156px;
}
.apply-btn{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/btn_apply.png') no-repeat scroll 0 0 transparent;
	cursor:pointer;
	float:left;
	height:25px;
	margin:1px 0 0 1px;
	width:61px;
}
.apply-btn:hover{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/btn_apply.png') no-repeat scroll 0 -26px transparent;
}
.btn-dr-search{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/btn_drSearch.png') no-repeat scroll 0 0 transparent;
	border: none; 
	height:29px;
	cursor:pointer;
	width:229px;
}
.btn-dr-search:hover{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/btn_drSearch.png') no-repeat scroll 0 -31px transparent;
}
/*  _____________________________________________________________________________

    3. FAVORITE ICONS
 _____________________________________________________________________________  */ 
 
 
 /* -------------------------------------------------------------------------

	3.00 Favorite Icons
------------------------------------------------------------------------- */
.favorite-added-top-nav, .favorite-removed-top-nav{
	height: 16px; 
	width: 16px;   
}
.favorite-added-top-nav, .favorite-added-to-product {
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/favorite_added.png') no-repeat scroll 0 0 transparent; 
}

.favorite-removed-top-nav, .favorite-removed-from-product {
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/favorite_removed.png') no-repeat scroll 0 0 transparent;
}

#favorites-toggle-group{
	margin-right: 6px;  
}

.favorite-added-to-product{
	height: 16px; 
	width: 160px; 
}
.favorite-removed-from-product{
	height: 16px; 
	width: 120px;  
}
.nav-menu-favorites {  
	cursor: pointer;
	font-size: 12px; 
	line-height: 12px;
	margin-top: 2px;
	padding: 0 0 0 20px; 
}
.nav-menu-favorites-counter-link{ 
    display: inline; 
}

#nav-menu-favorites-container a {
	color: #A5A5A5;  
}

#nav-menu-favorites-container a:hover{ 
	color: #30659A;
	text-decoration: underline;  
}
.add-to-favorites-link{
	color: #0000FF !important; 
	float: left; 
	font-family: Arial; 
	font-size: 12px !important;
	font-weight: none !important;   
	padding-left: 20px; 
	text-decoration: underline !important; 
}
/*  _____________________________________________________________________________

    4. BREADCRUMBS ICONS
 _____________________________________________________________________________  */ 
 
 
 /* -------------------------------------------------------------------------

	4.00 Breadcrumbs
------------------------------------------------------------------------- */
#breadcrumbs-container{
	margin-bottom:10px;	
}
#main-breadcrumbs-container{
	font-family: Arial; 
	height:22px;
	margin-top:7px;
}
#main-breadcrumbs-container div{
	cursor:pointer;
	float:left;
}
#breadcrumbs-home{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/home_ico.gif') no-repeat scroll 0 0 transparent;
	height:14px;
	width:16px;
}
.breadcrumbs-arrow{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/arrow_divider.gif') no-repeat scroll 0 0 transparent;
	height:17px;
	margin:0 10px 0 10px;
	width:5px;
}
.breadcrumbs-name{
	cursor:pointer;
	font-size: 12px;
	line-height:1.5;
}
.breadcrumbs-name :hover{
    text-decoration: underline;
}
.breadcrumbs-name a{
	color: #000;
	font-weight: bold;
	text-decoration: none; 
}
.breadcrumbs-prod-nav{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/vertical_divider.png') 75px 0px no-repeat;
	float: right; 
	font-size: 12px; 
	height: 20px; 
	margin-top: -3px;
}
.breadcrumbs-prod-nav li{
	display: inline; 
	line-height: 20px;
}
.breadcrumbs-prod-nav li a {
    text-decoration: none;
}
.breadcrumbs-prod-nav li a:hover {
    text-decoration: underline;
}
.breadcrumbs-prod-nav li.next{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/next_prod.gif') 40px 0px no-repeat;
	padding-right: 15px; 
	padding-left: 10px;
	text-align: right; 
}
.breadcrumbs-prod-nav li.prev{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/prev_prod.gif') 2px 0px no-repeat;
	padding-left: 15px; 
	padding-right: 10px; 
	text-align: left; 
} 
.breadcrumbs-divider{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/divider_540px.gif') no-repeat scroll 0 0 transparent;
	clear:both;
	height:1px;
	width:538px;
}
.breadcrumbs-full-divider{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/divider_966px.gif') no-repeat scroll 0 0 transparent;
    clear: both;
    float: none;
    height: 1px;
    width: 966px;
}
.search-filter-divider{
	clear:right;
	float:left;
	margin-bottom:5px;
	width:760px;	
}
.extra-margin{
	margin-top:29px;
}

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

	4.01 Bread Crumbs
------------------------------------------------------------------------- */

#my-account-bread-crumb
{
	margin: 0 0 5px 3px;
	font-size: 12px;
}

#my-account-bread-crumb a
{
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
#my-account-bread-crumb >div{
	float:left;
}


/*  _____________________________________________________________________________

    5. FORMS
 _____________________________________________________________________________  */ 


 .global-form-fields #correct-fields-warning-box, #correct-prod-params-warning-box{
	background: #FFE5E5 url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/warning.png') 10px center no-repeat;  
	line-height: 16px; 
	float: right;
	margin: 0px 8px 20px 0px;
	padding: 10px 10px 10px 40px; 
	width: 246px;
}

.global-form-fields .field-error, .global-form-fields #correct-fields-warning-box, #correct-prod-params-warning-box{
	color: #FF0000;
	border: 1px solid #FF0000;
	font-size: 12px;
}

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

	5.01 Information Fill Out Forms
------------------------------------------------------------------------- */

.global-form-fields {
	float: left;
	position: relative; 
	width: 400px; 
}
.global-form-fields .required-fields{
	color: #0069AA;
	font-size: 10px; 
}
.global-form-fields .form-field-padding{ 
	margin-right:8px;
}
.global-form-fields .required-single-field, 
.global-form-fields .none-required-single-field{
	float: left; 
	margin: 5px 0px 0px 2px; 
}
.required-single-field {
	color: #0069AA;
	font-size: 15px;
	font-weight:bold;	
}
.global-form-fields .none-required-single-field{
 	width: 5px; 
 }
.global-form-fields .required-fields{
	padding: 0px 10px 10px 0px;
	text-align: right;
	width: 100%;
}
.global-form-fields ul{
	width: 200px; 
}
.global-form-fields li{
	color: #585858; 
	float: right;
	margin-bottom: 5px;
}
.global-form-fields .form-field,
.global-form-fields label {
	font-size: 13px;
	line-height: 25px;
}
.global-form-fields .form-field{
	float: left;
	width: 208px;
}
.global-form-fields label {
	float: left;
    margin: 0px 10px 0px 0px;
    text-align: left; 
}
.global-form-fields li input, 
.global-form-fields li select {
	border:1px solid #989898; 
} 
.global-form-fields li input, 
.global-form-fields li select, 
.global-form-fields .form-field label {
	margin: 3px;  
	line-height: 20px;
	width: 200px; 
}
.global-form-fields li input.checkbox-field{
	border: 0;
	float: left; 
	width: 30px;
}	
.global-form-fields li.expiry-date select{
	height: 20px;
	width: 55px; 
}
.global-form-fields .day select{
	width: 50px; 
}
.global-form-fields .month select{
	width: 50px; 
}
.global-form-fields .year select{
	width: 65px; 
} 
.global-form-fields li.cvv2 input{
	width: 50px; 
}
.global-form-fields .label-error{
	background: #FF0000;  
	color: #FFF; 
	height: 25px;
	left: 0; /* Need for IE */
	line-height: 25px; 
	margin-left: -20px;  
	padding: 0px 0px 0px 9px;
	text-align: right; 
}
.global-form-fields .label-error-arrow {
	background:  url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/error_label_bg.gif') top right no-repeat; 
	height: 25px;
	right: 0; 
	margin-right: 220px;
	position: absolute; 
	width: 21px;  
} 
.global-form-fields .field-error{
	background: #FFE5E5; 
} 
.mice, .req-field-error{
	float: left;
	line-height: 16px;
	margin-bottom: 5px; 
	padding: 0px 2px; /* Don't remove. Need padding for error messages */  
}
.mice {
	color: #888585;
	font-size: 11px;
} 
.error-message-title { 	
	color:#FF0000;
	font-weight:bold;
	margin-bottom:5px;
}
.error-message-item { 	
	margin-bottom:3px; 
}
#alert {
	background-color: #FFFFD7;
	border: thin solid #FF0000;
	color: #000000;
	margin: 10px 0px 30px 0px;
	padding: 5px;
}
.errors-alert-signin{
	width:300px;
}
.req {
	color: #FF0000;
	float: right;
    background-image: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/ico-aro-req.gif');
    background-repeat: no-repeat;
    padding: 4px 0 0 16px;
}
  /* -------------------------------------------------------------------------

	5.02 Product Parameters Forms
------------------------------------------------------------------------- */

#correct-prod-params-warning-box{
	height: auto; 
	float: left;  
	text-align: left; 
	width: 485px !important; 
}
#correct-prod-params-warning-box ul{
	padding: 15px 15px 15px 5px;
}
#correct-prod-params-warning-box li{
	line-height: 16px; 
	padding-bottom: 5px; 
}
.global-param-wrapper{ 
	margin: 0px 2px; /* Need to set the margin so that error styling for controls have small space between them */
	padding: 5px 2px;
}
.global-param-wrapper select {
	text-align: center; 
}
.param-error{
	background: #FFE5E5; 
	border: 1px solid #FF0000;
	float: none;
}

/*  _____________________________________________________________________________

    6. FANCYBOX (LIGHTBOX) 
 _____________________________________________________________________________  */ 


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

	6.01 Fancybox Plugin Overwrites 
------------------------------------------------------------------------- */

#fancybox-content {
	background-color: #fff;
	border-color: #828282;
	border-width: 5px !important; 
}
#fancybox-close {
	background:  url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/btn_close.png') -41px 0px no-repeat;
	height: 44px; 
	right: -12px !important;
	top: -12px !important;
	width: 42px;
}
#fancybox-close:hover {
	background-position: -0px 0px;
}
#fancybox-wrap {
	margin: 0px auto !important; /* Always center the fancybox on the screen */
}

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

	6.02 Size Match Dialog (dialog reused throughout the app)
------------------------------------------------------------------------- */

#size-match-content{
	color: #585858; 
	height: 420px;
	font-family: Arial;
	font-size: 12px;
	margin: 30px;
	text-align: left; 
	width: 600px; 
}
#size-match-content h1{
    color: #0069AA;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
    text-align: left;
}
#size-match-left-container{
	height: 100%;
	float: left;
	padding-right: 30px;
}
#size-match-left-container .size-match-tip, #size-match-left-container h2 {
	font-weight: bold; 
}
#size-match-left-container #size-match-left-tips li {
	line-height: 18px;
	padding-bottom: 20px;
	width: 596px;
} 
#size-match-chart{
	border: 1px solid #F4F4F4;
	height: 120px;
	width: 596px;
}
#size-match-chart ul{
	float: left;
	width: 149px; /* #size-match-chart = (149px * 4) = 596px */
}
#size-match-chart ul li{
	height: 30px; 
	line-height: 30px;
	padding-bottom: 0px;
	text-align: center;
}
#size-match-chart ul li:first-child{
	font-weight: bold;
}
#size-match-chart #size-match-chart-measure-labels li{
	font-weight: bold;
	padding-left: 5px;
	text-align: left; 
}
#size-match-chart .highlighted{
	background-color: #F4F4F4;
}

/*  _____________________________________________________________________________

    7. LIVE CHAT
 _____________________________________________________________________________  */ 


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

	7.01 LIVE CHAT 
------------------------------------------------------------------------- */

.live-chat-footer{
	bottom: 0;
	height: 34px;
	cursor:pointer;
	position:fixed;
	right:0;
	width: 198px;
	z-index:100;
}
.live-chat-footer a{
	font:normal 12px arial;
	color:#000000;
    text-decoration: none;
}
.live-chat-footer a:hover {
    text-decoration: underline;
}
#live-chat-footer{
	display:none;
}
#live-chat{
	clear: both;
	margin-bottom:10px;
}

/*  _____________________________________________________________________________

    8. ERROR PAGE
 _____________________________________________________________________________  */ 


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

	8.01 ERROR PAGE
------------------------------------------------------------------------- */

#main-error-container{
	color:#585858;
	font-family:arial;
	margin: 30px auto 0;
	text-align:center;
}
#main-error-container h2{
	font-size: 24px;
}
#baby-container{
	background:url('http://coastal.com/../../../template-resources/images/coastal-images/error/baby.jpg') no-repeat scroll 0 0 transparent;
	height:248px;
	margin:0 auto;
	width:375px;
}
#error-page-links-container{
	margin-top:20px;
}


/*  _____________________________________________________________________________

    9. NEWSLETTER POPUP
 _____________________________________________________________________________  */ 


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

	8.01 NEWSLETTER POPUP
------------------------------------------------------------------------- */

#pop-newsletter-container{
	margin-top: 70px;
}
#pop-newsletter-content{
	margin:30px;
}
#pop-newsletter-banner{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/bnr_bethefirst.gif') no-repeat scroll 0 0 transparent;
	height:51px;
	margin-top:-40px;
	width:261px;
}
#pop-newsletter-insider-title{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/txt_insider.gif') no-repeat scroll 0 0 transparent;
	height:27px;
	margin-top:15px;
	width:264px;
}
#pop-newsletter-txt{
	color:#0069aa;
	font-size:14px;
	margin-top:5px;
}
#pop-newsletter-form-container{
	width:100%;
}
.newsletter-form{
	border:1px solid #CCCCCC;
	color:#444444;
	font: normal 14px arial;
	height:26px;
	margin-bottom:10px;
	text-indent:5px;
	width:265px;
}
.newsletter-form-error{
	border:1px solid #FF0000;
	color:#FF0000;
}
#pop-newsletter-lastname{
	float:left;
}
#pop-newsletter-submit{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/btn_submit.jpg') no-repeat scroll 0 0 transparent;
	float:right;
	height:31px;
	margin-right:70px;
	width:75px;
}
#pop-newsletter-footer{
	clear:both;
	font-style:italic;
}
#pop-newsletter-form-response{
	color:#6c6c6c;
	font:normal 16px arial;
	margin-top:30px;
}
#trigger-newsletter{
	display: none; 
	padding-bottom: 5px;
	padding-top: 18px; 
}


/* Quick Links styles */
.autocomplete-results
{
	background-color: white;
	border-left : 3px solid #585858;
	border-bottom : 3px solid #585858;
	border-right : 3px solid #585858;
	-moz-border-radius: 5px 5px 5px 5px;
	font-size: 12px;
	font-family: arial;
	padding-top: 10px;
	position: absolute;
	width: 327px !important;
	z-index: 999;
}

.autocomplete-results a 
{
	color: #585858;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
}

.autocomplete-results div.autocomplete-first-line
{
	color: #e8227E;
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 10px;
}

.autocomplete-results ul,
.autocomplete-results ul li
{
	margin: 0px;
	padding-right: 12px;
	padding-left: 12px;
	list-style: none;
}


.autocomplete-results ul li {
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/horizontal_divider.png') repeat-x scroll right bottom transparent;
}

.autocomplete-results .product-description
{
	color: #222222;
}

.autocomplete-results .product
{
	min-height: 65px;
	border: 0px solid red;
	clear: left;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	
}

.autocomplete-results .product:hover
{
	background-image: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/quicklink_BG.gif');
	background-position: 35px 0px;
	background-repeat: repeat-y;
	border-top: 1px solid #dee8ec;	
	border-bottom: 1px solid #dee8ec;	
	cursor: pointer;
}

.autocomplete-results .product .product-image
{
	float: left;
	width: 100px;
	height: 65px;
	margin-right: 15px;
	border: 0px solid black;
	text-align: right;
}

.autocomplete-results .product .product-name
{
	padding-top:20px;
}

.autocomplete-results .product .product-image img
{
	display: inline;
}

tr.autocomplete-even-row
{
	background-color: #f1f2ec;
}

tr.autocomplete-odd-row
{
	background-color: #ffffff;
}

div.autocomplete-last-line
{	
	margin-top : 10px;
	text-align: center;
	height: 30px;
}

div.autocomplete-last-line a 
{
	font-weight: normal;
	color: #585858;
	font-family: arial;
}
.seo-footer-underline{

	text-decoration:underline;
}

/* ----- Search ----- */
.products {
	font-size: 8pt;
}

.sidebar {
	font-size: 12px;
	color: #003366;
}

table.searchproductdisplay {
	border: 0px;
	padding: 0px;
}

.searchproductdisplay th {
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 125%;
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 10px;
}

.searchproductdisplay td {
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 125%;
	border-bottom-width: 1px;
	border-top-style: none;
	padding-bottom: 5px;
	border-right-style: none;
	border-bottom-style: solid;
	border-right-style: none;
	border-bottom-color: #CCCCCC;
}

table.innersearchproductdisplay {
	border: 0px;
	padding: 3px;
}

.innersearchproductdisplay th {
	text-align: left;
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 125%;
}

.innersearchproductdisplay td {
	text-align: left;
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 125%;
	border: 0px;
}

.paginationdisplay {
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 125%;
	font-weight: bold;
}

.searchaddisplay {
	background-color: #B5CBEF;
}

/* left menu */
.refill {
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/coastal/LNAV/background_refillbox.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 0px 0px 10px;
	height: 95px;
	margin-top: 5px;
}

.refill h1 {
	/*color: #fff;*/
	font: 16px bold verdana, sans-serif;
	margin: 3px 0px 4px 0px;
	word-spacing: -1px
}

.refill_go {
	padding: 0px 0px 0px 110px;
}

#side-menu {
	border-right: 1px solid #DBDBDB;
}

#side-menu a {
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
}

#side-menu a:hover {
	text-decoration: underline;
}

#side-menu h2 {
	font-size: 8pt;
	padding-left: 15px;
	margin-top: 20px;
	margin-bottom: 12px;
}

.lvl1 {
	font-weight: bold;
	padding: 4px 4px 4px 16px;
	background-image: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/ico_aro_right.gif');
	background-repeat: no-repeat;
}

#side-menu lvl1.on {
	background-color: #E4EAF0;
	background-image: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/ico_aro_down.gif');
	background-repeat: no-repeat;
}

#side-menu lvl1.on a {
	color: #333333;
}

#side-menu lvl1.sale a {
	color: #CC0000;
}

#side-menu lvl2 {
	padding: 3px 4px 3px 24px;
}

#side-menu lvl2.on {
	font-weight: bold;
}

#side-menu lvl2.on a {
	color: #333333;
}

#side-menu lvl3 {
	padding: 3px 4px 3px 32px;
}

#side-menu lvl3.on {
	text-decoration: underline;
}

#side-menu lvl3.on a {
	color: #333333;
}

#side-menu lvl4 {
	padding: 3px 4px 3px 40px;
}

#side-menu lvl4.on {
	text-decoration: underline;
}

#side-menu lvl4.on a {
	color: #333333;
}

#side-menu lvl5 {
	padding: 3px 4px 3px 48px;
}

#side-menu lvl5.on {
	text-decoration: underline;
}

#side-menu lvl5.on a {
	color: #333333;
}

#side-menu lvl6 {
	padding: 3px 4px 3px 56px;
}

#side-menu lvl6.on {
	text-decoration: underline;
}

#side-menu lvl6.on a {
	color: #333333;
}

#side-menu lvl7 {
	padding: 3px 4px 3px 64px;
}

#side-menu lvl7.on {
	text-decoration: underline;
}

#side-menu lvl7.on a {
	color: #333333;
}

#left_nav {
	float: left;
	width: 200px;
}

#left_nav_fr {
	float: left;
	width: 205px;
}

#side-nav {
	width: 200px;
	border-right: 1px solid #DBDBDB;
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
}

#side-nav a {
	font-weight: normal;
	margin: 0 0 .2em 0;
}

#side-nav a:hover {
	text-decoration: underline;
}

#side-nav h2 {
	height: 22px;
	background: #eff1fe;
	border-bottom: 1px solid #DBDBDB;
	border-top: 1px solid #DBDBDB;
	margin: .5em 0;
	padding-left: 34px;
	background-image: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/nav_header_bullet.png');
	background-repeat: no-repeat;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #638edd;
	display: block;
	padding-top: .3em;
	padding-bottom: 0px;
}

#side-nav ul {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 40px;
}

#side-nav li {
	list-style: none;
	margin-left: -30px;
}

/*  _____________________________________________________________________________

    10. VIEW ALL PRODUCTS 
 _____________________________________________________________________________  */ 

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

	10.01 MAIN CONTAINER
------------------------------------------------------------------------- */
#view-all-product {
	border: 0px solid red;
	font: normal 12px Arial;
	margin: 10px auto 20px;
	margin-bottom: 20px;
	width: 966px;
}
#view-all-product * {
	color: #585858;
	font-size: 12px;
}

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

	10.02 HEADER CONTAINER
------------------------------------------------------------------------- */
#view-all-product-header {
	border: 0px solid red;
	padding-top: 20px;
}
#view-all-product-tab ul a {
	font-size: 14px;
}
#view-all-product-tab ul a:hover {
	color: #0069AA;
}

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

	10.03 FILTER CONTAINER
------------------------------------------------------------------------- */
#view-all-product-filter-container {
	padding-top: 20px;
}
#view-all-product-filter {
	background-color: #ececec;
	border: 1px solid #ddd;
	line-height: 40px;
	margin: 1px auto;
	padding: 1px 10px;
}
#view-all-product-filter a {
	font-weight: normal;
	text-decoration: none;
}
#view-all-product-filter a:hover {
	text-decoration: underline;
}
#view-all-product-filter select {
	vertical-align: middle;
}
#view-all-product-filter .divider {
	background-color: white;
	border: 1px solid #ddd;
	display: inline-block;
	height: 15px;
	margin: 0 8px;
	vertical-align: middle;
	width: 2px;
}
#view-all-product-filter .selected {
	background-color: white;
	border: 1px solid #ddd;
	margin: 0;
	padding: 1px 6px;
}
#view-all-product-filter span#letters {
	word-spacing: 7px;
}

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

	10.04 CONTENT CONTAINER
------------------------------------------------------------------------- */
#view-all-product-content {
	padding: 0px;
	padding-bottom: 10px;
}
#view-all-product-content-column1 {
    	border-right: thin solid #ddd;
    	float: left;
    	padding-left: 20px;
	width: 300px;
}
#view-all-product-content-column2 {
        border-left: thin solid #ddd;
	border-right: thin solid #ddd;
    	float: left;
 	margin-left: -1px;
	margin-right: -1px;
   	padding-left: 20px;
    	width: 300px;
}
#view-all-product-content-column3 {
    	border-left: thin solid #dddddd;
    	float: left;
    	padding-left: 20px;
	width: 300px;
}
#view-all-product-content a {
	font-weight: normal;
	text-decoration: none;
}
#view-all-product-content a:hover {
	text-decoration: underline;
}
#view-all-product-content h3 {
	font-weight: bold;
	margin-top: 13px;
}
#view-all-product-content h4 {
	font-weight: bold;
	margin: 10px 0;
}
#view-all-product-content #currSelectedProduct {
	margin: 0;
	padding-left: 20px;
}
#view-all-product-content .no-product {
	color: #CCCCCC;
}
 
/*  _____________________________________________________________________________

    11. UNSUBSCRIBE
 _____________________________________________________________________________  */ 

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

	11.01 UNSUBSCRIBE CONTAINER
------------------------------------------------------------------------- */


.unsubscribe-container{
	height: 400px;
	margin: 0px auto;
	text-align:center;
	width: 400px;
}

/*  _____________________________________________________________________________

    12. TABS
 _____________________________________________________________________________  */ 

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

	12.01 Product & Virtual Mirror Tabs
------------------------------------------------------------------------- */

.tab-name{
	float: left; 
	padding-left: 4px;
}

#tab-prod-view-on, #tab-prod-view-off, #tab-try-on-view-on, #tab-try-on-view-off, #tab-color-view-on, #tab-color-view-off, #tab-video-view-on, #tab-video-view-off {
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/product_tabs_sprite.png') no-repeat scroll 0 0 transparent;
	float: left;
	margin-top: 8px;
	margin-left: -4px;
}
#tab-prod-view-on, #tab-prod-view-off{
	height: 8px;
	width: 13px;
	padding-top: 5px;
}
#tab-prod-view-on{
	background-position: 0px -14px;
}
#tab-prod-view-off{
	background-position: 0px -1px;
}
#tab-try-on-view-on, #tab-try-on-view-off{
	height: 13px;
	width: 18px;
}
#tab-try-on-view-on{
	background-position: -14px  -14px;
}
#tab-try-on-view-off{
	background-position: -14px -1px;
}
#tab-color-view-on, #tab-color-view-off{
	height: 13.5px;
	width: 13px;
}
#tab-color-view-on{
	background-position: -51px -13px;
}
#tab-color-view-off{
	background-position: -51px 0px;
}
#tab-video-view-on, #tab-video-view-off{
	height: 13.5px;
	width: 20px;
}
#tab-video-view-on{
	background-position: -32px -13px;
}
#tab-video-view-off{
	background-position: -32px 0px;
}
.loader {
    background:url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/ajax-loader.gif') no-repeat scroll 0 0 transparent;
    background-position: center;
}

.productImage{
	margin-top:18px;
}


/*  _____________________________________________________________________________

    13. PRODUCT TILES
 _____________________________________________________________________________  */ 
 
.product-image-container,
.product-image-container-glasses {
 	width: 220px;
}
.product-image-container img, 
.product-image-container-glasses img{
	display:block;	
}
.product-image-container{
	height: 154px;  
}
.product-image-container img{
	margin: -20px auto 0px auto; 
}
.product-image-container-glasses{
	height: 134px;  
}
.product-image-container-glasses img{
	display:block;
	margin: 0px auto; 
}
.product-name, .product-name-try-on-view{
	color:#2e2e2e;
	font:bold 12px Arial;
	height: 30px; 
	text-align: center;
}
.product-name-try-on-view {
	padding-top: 20px;
}
.product-price { 
    color: #585858;
    font: bold 16px Arial; 
    margin-top: 5px;
    width: 202px;
}
.product-retail-value{
	color: #585858;
	display: inline;
    font: 12px Arial;
	text-decoration: line-through;
} 
.product-price-group {
	height: 25px;
	position: relative;
	text-align: center;
} 
.product-low-value{
	display: inline;
}
.product-sale-price {
	color: #ff0000;
	display: inline;
	font: 16px Arial;
	font-weight: bold; 
}
.product-after-volume-discount, 
.product-after-volume-discount-and-rebate {
	color: #585858;
	display: inline-block;
	font-size: 8px;
	margin-left: 5px;  
	text-align: left; 
}
.product-after-volume-discount {
	width: 55px; 
}
.product-after-volume-discount-and-rebate {
	width: 82px; 
}
.product-image{
	cursor:pointer;
	display: block;
	margin: auto;
}
.try-on-view-unavail-prod{
	background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/unavailable_try_on_view.png') no-repeat scroll 0 0 transparent;
	display: block;
	position: absolute;
	height: 120px;
	width: 248px;
	z-index: 10;
}
.product-short-description{
	color:#252552;
	font:normal 12px Arial;
	height: 35px; 
	text-align: left; 
	width: 100%;
}
.product-corner-img-overlap {
	position: absolute;
	right: -10px;
	top: 2px;
	z-index: 10;
	padding: 0px;
}

/*  _____________________________________________________________________________

    14.	MOBIFY
 _____________________________________________________________________________  */ 

#mobify-button-container {
	margin: 0 auto;
	margin-top: 10px;
	width: 300px;
	display: none;
}
#mobify-button-group {
	padding: 0;
	width: 300px;
	height: 60px;
	position: absolute;
}
#mobify-button-group img {
	float: left;
	width: 150px;
}



.menu_coastal {
background: url('https://s3.amazonaws.com/helpjuice_production/coastal_resources2/top_nav_menu_sprite.gif') 0px 2px no-repeat !important;
}





/* Helpjuice CSS styles */
.answer p, ul, li {
font-size: 12px !important;
line-height: 150% !important;
margin-bottom: 10px !important;
}
.answer ol, ul {
list-style: inside !important;
}



#footer-container-inner h4 {
color: #2e2e2e !important;
font: normal 18px Arial !important;
margin-bottom: 20px !important;
}




/*Hide voting buttons*/
.was-this-helpful { 
display: none !important; 
width: 0px !important; 
height: 0px !important;
z-index: -9999;
}