@charset "utf-8";
/***** TEMPORARY FIXES FOR COMPLETION IN 1.5 ARE AT BOTTOM *****/
/*----------------------------------*/
/* Global Styles.                   */
/*----------------------------------*/
* {
	border:medium none;
	font-family:"Trebuchet MS",serif;
	margin:0;
	padding:0;
	color:#47453d;
}
a {
	outline: 0;
	position:relative;
	color:#366862;
	text-decoration:none;
}
a:hover{
	color:#034A52;
	text-decoration:none;
}
a span {
	position:absolute;
	right: 20000px;
}
.gl_clear {
	clear: both;
}
.red {
	color: #851A4F;
}
.gl_pageBreak {
	background:transparent url(components/public/images/global/breaker.png) repeat-x scroll 0 0;
	font-size:1px;
	height:30px;
	line-height:30px;
	margin:20px auto;
}
.gl_alignRight {
	float:right;
	margin-bottom:10px;
	margin-left:10px;
}

/* Capcha. */
.gl_captcha {
	float:left;
	margin-top:2px;
	width:320px;
}
.gl_captcha .message {
	font-size:12px;
	line-height:25px;
}
.gl_captcha #recaptcha_response_field {
	left:0;
}


/*----------------------------------*/
/* Left-side Ads.		   */
/*----------------------------------*/
.gl_ads {
	margin-bottom:7px;
	margin-left:9px;
}

/*----------------------------------*/
/* Site Layout.		     */
/*----------------------------------*/
body {
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: center top;
	-webkit-background-size: 6096px 1650px;
}

.gl_SoundstrueLogo {
    background: url("https://d1qsxla1p9s5sy.cloudfront.net/directweb/images/SoundsTrue_logo.png") no-repeat scroll right top transparent;
    height: 82px;
    left: -7px;
    margin: 0;
    position: relative;
    top: 20px;
    width: 242px;
    cursor:pointer;
}

#gl_siteContainer, #gl_siteTop, #gl_siteCenter, #center, #gl_siteBottom, #gl_siteSubBottom { /* DANIEL: Subsituted temporary #center as the markup in surf has that id */
	width: 980px;
}
#gl_siteContainer {
	margin-left: auto;
	margin-right: auto;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
}
#gl_siteTop {
	height:104px;
	position:relative;
}
#gl_siteBottom {
	clear: both;
	background-attachment: scroll;
	background-image: url('components/public/images/global/siteBottomBackground.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	min-height:100px;
}
#gl_siteSubBottom {
	margin-top:10px;
	text-align:center;
}

/*----------------------------------*/
/* Basic message for standard page  */
/*----------------------------------*/
.gl_message {
	margin:0;
	padding:20px 0 20px 20px;
	font-size: 12px;
}

.gl_message a {
	color:#366862;
	font-size:12px;
	text-decoration:none;
}

.gl_message a:hover {
	text-decoration:underline;
}

/*----------------------------------*/
/* Center Column Opaque Box Wide.   */
/*----------------------------------*/
.gl_centerOpaqueBoxTop,
.gl_centerOpaqueBoxBottom {
	background-attachment:scroll;
	background-image:url('components/public/images/global/centerOpaqueBoxWideTop.png');
	background-position:left top;
	background-repeat:no-repeat;
	font-size:1px;
	height:9px;
	line-height:9px;
	width:750px;
}
.gl_centerOpaqueBoxBottom {
	background-image: url('components/public/images/global/centerOpaqueBoxWideBottom.png');
}
.gl_centerOpaqueBoxContent {
	background-image:url('components/public/images/global/centerOpaqueBoxWideContent.png');
	background-repeat:repeat-y;
	width:710px;
}

/*----------------------------------*/
/* Form fields and text areas.      */
/*----------------------------------*/

/* Textfields. */
.gl_textfield {
	background:transparent url(components/public/images/global/textfield.png) no-repeat scroll right -23px;
	padding:0 4px 0 0;
}
.gl_textfield div {
	background:transparent url(components/public/images/global/textfield.png) no-repeat scroll left top;
}
.HIGHLIGHT {
	background-image:url(components/public/images/global/textfieldHighlight.png) !important;
}

.HIGHLIGHT_SELECT {
	background-color:#feffc9;
}
.gl_textfield div input {
	background:transparent none repeat scroll 0 0;
	color:#666666;
	font-size:12px;
	padding:2px 7px 3px;
	width:94%;
	height:19px;
	position:relative;
	zoom:1; /*hasLayout*/
}
.note {
	font-size:11px;
	line-height:12px;
	padding:4px 0 0;
}
.note span {
	color:#851A4F;
	font-weight:bold;
}
.gl_textfield_optional {
	background:transparent url(components/public/images/global/optional.gif) repeat scroll 0 0;
	float:left;
	height:21px;
	width:48px;
}

/* Textarea. */
.gl_textarea {
	float:left;
	margin-bottom:10px;
	width:320px;
}
.gl_textarea textarea {
	border:2px solid #918f89;
	color:#666666;
	font-size:12px;
	height:130px;
	padding:3px 5px;
	width:94%;
}

/* Select. */
select {
	border:1px solid #74756F;
	color:#666666;
	font-size:13px;
}
select option {
	padding-left:3px;
}
.gl_select {
	padding:0 4px 0 0;
	float:left;
	margin-bottom:10px;
}
.gl_select select {
	color:#666666;
	font-size:12px;
	height:auto;
	padding:3px;
}

/* Radio buttons. */
.gl_radioList {
	float:left;
	margin-bottom:10px;
	padding-top:4px;
}
.gl_radio {
	line-height:25px;
}
.gl_radio input {
	margin-right:5px;
	vertical-align:middle;
}

/* Checkboxes. */
.gl_checkbox {
	padding:7px 0 0;
	line-height:15px;
	font-size: 13px;
}
.gl_checkbox label {
	line-height:15px;
}
.gl_checkbox input {
	margin-right:5px;
	vertical-align:middle;
}

/* Fields Lists. */
.gl_fieldsList label {
	clear:both;
	float:left;
	font-size:14px;
	margin-top:2px;
	width:100px;
}
.gl_fieldsList .gl_textfield {
	float:left;
	margin-bottom:10px;
	width:200px;
}

/*----------------------------------*/
/* Page object margins.	     */
/*----------------------------------*/
.gl_pageCopy p,
.gl_pageCopy .prod_box_right,
.gl_pageCopy .prod_box_left,
.gl_productDetails,
.gl_relatedContent {
	margin-top:10px;
}

/*----------------------------------*/
/* Page copy.		       */
/*----------------------------------*/
.gl_pageWidth {
	margin-left:auto;
	margin-right:auto;
	width:512px;
}
.gl_pageTitle {
	color:#034A52;
	font-size:21px;
	font-weight:bold;
	line-height:25px;
}
.gl_pageSubtitle {
	color:#034A52;
	font-size:20px;
	font-weight:bold;
	line-height:16px;
	margin-top:30px;
}
.gl_pageWidgetTitle {
	color:#034A52;
	font-size:18px;
	font-weight:normal;
}
.gl_pageWidgetSubTitle {
	color:#48463E;
	font-size:16px;
	font-weight:normal;
}
.gl_pageQuote {
	color:#034A52;
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
}

.gl_pageQuoteCred {
	color:#034A52;
	font-weight:bold;
	padding-bottom:10px;
	padding-left:60px;
	padding-right:20px;
	text-align:right;
}

/* Widget List Title. */
.gl_pageWidgetListTitle, .gl_pageWidgetListTitle a {
	color:#48463E;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}
.gl_pageWidgetListTitle a:hover {
	color: #42808E;
}

/* Page copy (P and Spand tags mostly). */
.gl_pageCopy {
	font-size:13px;
	line-height:18px;
}
.gl_pageCopy a {
	/*MD: ticket 3866 color:#42808A;*/
	color:#366862;
	text-decoration:none;
}
.gl_pageCopy a:hover {
	color:#0A4B53;
	/*text-decoration:underline;*/
}
.gl_pageCopy li {
	margin-left:25px;
}
.gl_pageCopy strong {
	color:#0A4B53;
}

/* Legacy page copy styles. */
.gl_pageCopy .prod_span_paratitle {
	color:#0A4B53;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
}
.gl_pageCopy .prod_box_right, .gl_pageCopy .prod_box_left {
	background-image:url('components/public/images/global/boxTransBackground.png');
	border:1px solid #CCCCCC;
	float:right;
	margin-bottom:10px;
	margin-left:20px;
	padding:5px 20px 20px;
	text-align:left;
	vertical-align:top;
	width:220px;
	line-height:16px;
}
.gl_pageCopy .prod_box_left {
	float:left;
	margin-left:0px;
	margin-right:20px;
}

/*----------------------------------*/
/* Page arrow links.		*/
/*----------------------------------*/
/* Regular arrow link. */
.gl_pageArrowLink, .gl_pageCopy .gl_pageArrowLink {
	background-attachment:scroll;
	background-image:url('components/public/images/global/arrowLink.png');
	background-position:right 9px;
	background-repeat:no-repeat;
	/*MD: ticket 3866 color:#42808A;*/
	color:#366862;
	font-size:13px;
	line-height:18px;
	padding-right:9px;
	text-decoration:none;	
}
.gl_pageArrowLink:hover, .gl_pageCopy .gl_pageArrowLink:hover {
	background-position:right -3px;
	color:#034A52;
	text-decoration:none;
}

/* Green arrow link. */
.gl_pageArrowLinkB, .gl_pageCopy .gl_pageArrowLinkB {
	background-attachment:scroll;
	background-image:url('components/public/images/global/arrowLinkB.png');
	background-position:right 8px;
	background-repeat:no-repeat;
	color:#b3d88c;
	font-size:13px;
	padding-right:9px;
	text-decoration:none;	
}
.gl_pageArrowLinkB:hover, .gl_pageCopy .gl_pageArrowLinkB:hover {
	background-position:right -10px;
	color:#ffffff;
	text-decoration:none;
}

/* White arrow link. */
.gl_pageArrowLinkC, .gl_pageCopy .gl_pageArrowLinkC,
.gl_pageArrowLinkD, .gl_pageCopy .gl_pageArrowLinkD {
	background-attachment:scroll;
	background-image:url('components/public/images/global/arrowLinkC.png');
	background-position:right 8px;
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:13px;
	padding-right:9px;
	text-decoration:none;	
}
.gl_pageArrowLinkC:hover, .gl_pageCopy .gl_pageArrowLinkC:hover {
	background-position:right -4px;
	color:#034A52;
	text-decoration:none;
}
.gl_pageArrowLinkD:hover, .gl_pageCopy .gl_pageArrowLinkD:hover {
	color:#ffffff;
	text-decoration:none;
}

/*----------------------------------*/
/* Products.			*/
/*----------------------------------*/
.gl_productTitle {
	color:#034A52;
}
.gl_productTitle,
.gl_productTitle a {
	font-size:18px;
	line-height:17px;
	text-decoration:none;
}
.gl_productTitle a{
	color:#366862;
}

.gl_productTitle a:hover {
	color:#034A52;
}
.gl_productSubtitle {
	color:#366862;
	font-size:13px;
	font-style:italic;
	font-weight:normal;
	line-height:15px;
	margin-bottom:6px;
	margin-top:5px;
}
.gl_productAuthor, .gl_productAuthor a {
	line-height:19px;
	font-size:13px;
	text-decoration:none;
}
.gl_productAuthor a {
	color:#366862;
}
.gl_productAuthor span {
	display:block;
}
.gl_productAuthor a:hover {
	/*MD color:#42808A;*/
	/*MD: ticket 3866 color:#42808A;*/
	color:#034A52;
}
.gl_productSynopsis {
	font-size:13px;
	margin-top:10px;
}
.gl_productPricing {
	margin-top: 15px;
	font-size:12px;
}
.gl_productListing {
	color:#034A52;
	font-size:13px;
	line-height:17px;
}
.gl_productCurrentPrice {
	font-size:16px;
	font-weight:bold;
	color:#034A52;
}
.gl_productOldPrice {
	text-decoration:line-through;
}
.gl_productDiscount {
	color:#851A4F;
}

/* Product details. */
.gl_productDetails {
	font-size:12px;
	font-weight:normal;
	line-height:13px;
	width:100%;
}
.gl_productDetails .format {
	/*MD: ticket 3866 color:#42808A;*/
	color:#366862;
	font-size:13px;
	font-weight:bold;
}
.gl_productDetails td.key {
	font-weight:bold;
	vertical-align:top;
	width:150px;
}

#productDetails .product-samples div.item div {
	float:left;
}

#productDetails .product-samples div.item a {
	background:url("components/public/images/icons/page_white_acrobat.png") no-repeat scroll left top transparent;
	display:block;
	float:right;
	font-weight:normal;
	padding:2px 5px 5px 20px;
	text-align:left;
	text-transform:lowercase;
}

/* Product thumbs. */
.gl_productThumb {
	color:#034A52;
	float:left;
	font-size:13px;
	height:250px;
	margin:20px 5px 10px 0;
	text-align:center;
	width:165px;
}

.gl_productThumb img {
	width:100px;
	height:100px;
	border: 0 none;
}

.gl_productThumb .gl_productTitle a {
	font-size:14px;
	/*color:#47453D;*/
	/*MD: ticket 3866*/
	color:#366862;
}
.gl_productThumb .gl_productTitle a:hover {
	/*color:#42808A; */
	/*MD: ticket 3866*/
	color:#034A52;
}
.gl_productThumb .gl_productCurrentPrice,
.gl_productThumb .gl_productCurrentPrice a {
	/*MD: ticket 3866 color:#42808A;*/
	color:#034A52;
	text-decoration:none;
}
.gl_productThumb .gl_productCurrentPrice a:hover {
	color:#034A52;
}

/*----------------------------------*/
/* Ratings.			 */
/*----------------------------------*/
.gl_rating {
	font-size:13px;
	font-weight:bold;
	line-height:20px;
	background-image: url('components/public/images/global/ratingStars.png');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50px top;
}
.gl_rating_stars-0 { background-position: 50px top; }
.gl_rating_stars-1 { background-position: 50px -20px; }
.gl_rating_stars-2 { background-position: 50px -40px; }
.gl_rating_stars-3 { background-position: 50px -60px; }
.gl_rating_stars-4 { background-position: 50px -80px; }
.gl_rating_stars-5 { background-position: 50px -100px; }

.gl_rating-link,
.gl_rating-link a,
.gl_rating-link a:hover {
	font-size:11px;
	color:#366862;
	margin-bottom:11px;
	text-decoration:none;
}

.gl_rating-link a {
	padding:0 0 0 10px;
}

.gl_rating-link a:hover {
	color:#034A52;
}

/*----------------------------------*/
/* Related Content Links.	   */
/*----------------------------------*/
.gl_relatedContent {
	display:block;
	list-style:none outside none;
}

.gl_relatedContent ul {
	list-style: none;
	margin:0;
	padding:0;
}

.gl_relatedContent li {
	padding:5px 0 0;
}
.gl_relatedContent li a {
    color: #366862;
    display: block;
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    padding: 0 0 3px;
    text-decoration: none;
}
.gl_relatedContent li a:hover {
	/*color:#42808A;*/
	/*MD: ticket 3866*/
	color:#034A52;
	/*text-decoration:underline;*/
}

/*----------------------------------*/
/* Authors			  */
/*----------------------------------*/
.gl_authorHeader {
	color:#47453D;
	font-size:16px;
	font-weight:bold;
}

/* Reviews. */
.gl_reviewAuthor {
	/*MD: ticket 3866 color:#42808A;*/
	color:#366862;
	float:left;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.gl_reviewDate {
	/*MD: ticket 3866 color:#42808A;*/
	color:#366862;
	float:right;
	font-size:13px;
	margin-right:20px;
}
.gl_reviewCopy {
	clear:both;
	color:#474A52;
	font-size:13px;
	padding-right:20px;
}

/*----------------------------------*/
/* Buttons.			 */
/*----------------------------------*/

/* Button defaults. */
ul.gl_button,
ul.gl_button li,
ul.gl_button li a,
ul.gl_button li input {
	height:19px;
}

ul.gl_button,
ul.gl_largebutton,
ul.gl_xlargebutton {
	list-style-type:none;
}

ul.gl_button li,
ul.gl_largebutton li,
ul.gl_xlargebutton li {
	cursor:pointer;
	padding:0 11px 0 0;
	text-align:center;
}

ul.gl_button li a,
ul.gl_button li input,
ul.gl_largebutton li a,
ul.gl_xlargebutton li a{
	display: block;
	padding: 0 0 0 11px;
	text-transform:lowercase;
}

/* Small light green, dark green buttons.*/
ul.gl_button li.gl_lightGreen, 
ul.gl_button li.gl_lightGreen a {
	background:transparent url(components/public/images/global/buttonSmallLightGreen.png) no-repeat scroll right top;
}


/*dark green buttons.*/
ul.gl_button li.gl_darkGreen, 
ul.gl_button li.gl_darkGreen a,
ul.gl_button li.gl_darkGreen input {
	background:transparent url(components/public/images/global/buttonSmallDarkGreen.png) no-repeat scroll right top;
}

ul.gl_button li.gl_lightGreen a,
ul.gl_button li.gl_darkGreen a,
ul.gl_button li.gl_darkGreen input {
	background-position:left -38px;
	color:#FFFFFF;
	/*MD: Ticket 3866
	font-size:12px;*/
	font-size:13px;
	line-height:18px;
	text-decoration:none;
	font-weight:bold;
}

ul.gl_button li.gl_lightGreen:hover,
ul.gl_button li.gl_darkGreen:hover {
	background-position:right -19px;
}

ul.gl_button li.gl_lightGreen:hover a,
ul.gl_button li.gl_darkGreen:hover a,
ul.gl_button li.gl_darkGreen:hover input {
	background-position:left -57px;
}

/* Large button defaults. */
ul.gl_largebutton,
ul.gl_largebutton li,
ul.gl_largebutton li a {
	height:24px;
}

ul.gl_largebutton li {
	padding:0 13px 0 0;
}

ul.gl_largebutton li a {
	padding: 0 0 0 13px;
}

/* Large light green buttons. */
ul.gl_largebutton li.gl_lightGreen, 
ul.gl_largebutton li.gl_lightGreen a {
	background:transparent url(components/public/images/global/buttonLargeLightGreen.png) no-repeat scroll right top;
}

ul.gl_largebutton li.gl_darkGreen, 
ul.gl_largebutton li.gl_darkGreen a {
	background:transparent url(components/public/images/global/buttonLargeDarkGreen.png) no-repeat scroll right top;
}

ul.gl_largebutton li.gl_lightGreen a,
ul.gl_largebutton li.gl_darkGreen a {
	background-position:left -48px;
	color:#FFFFFF;
	font-size:15px;
	line-height:22px;
	text-decoration:none;
	font-weight:bold;
}

ul.gl_largebutton li.gl_lightGreen:hover,
ul.gl_largebutton li.gl_darkGreen:hover {
	background-position:right -24px;
}

ul.gl_largebutton li.gl_lightGreen:hover a,
ul.gl_largebutton li.gl_darkGreen:hover a {
	background-position:left -72px;
}


/* Extra large button defaults. */
ul.gl_xlargebutton,
ul.gl_xlargebutton li,
ul.gl_xlargebutton li a {
	height:26px;
}

ul.gl_xlargebutton li {
	padding:0 15px 0 0;
}

ul.gl_xlargebutton li a {
	padding: 0 0 0 15px;
}

/* Extra large orange buttons. */
ul.gl_xlargebutton li.gl_orange,
ul.gl_xlargebutton li.gl_orange a {
	background:transparent url(components/public/images/global/buttonLargeOrange.png) no-repeat scroll right top;
}

ul.gl_xlargebutton li.gl_orange a {
	background-position:left -26px;
	color:#054B53;
	font-size:15px;
	font-weight:bold;
	line-height:24px;
	text-decoration:none;
}

ul.gl_xlargebutton li.gl_orange:hover {
	background-position:right -52px;
}

ul.gl_xlargebutton li.gl_orange:hover a {
	background-position:left -78px;
	color:#ffffff;
}

/* Curl Buttons*/
 
.gl_curlbutton-lit, .gl_curlbutton-ed, 
.gl_curlbutton-drk, .gl_curlbutton-lit a, 
.gl_curlbutton-med a, .gl_curlbutton-drk a, 
.gl_curlbutton-lit a:hover, .gl_curlbutton-med a:hover, .gl_curlbutton-drk a:hover {
	text-align:right;
	padding:0 0 30px 20px;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
}
 
.gl_curlbutton-lit a{
	background: url("components/public/images/global/buttonCurlLight.png") no-repeat 0px 10px;
	color:#659E80;
}
 
.gl_curlbutton-lit a:hover{
	background: url("components/public/images/global/buttonCurlMedium.png") no-repeat 0px 10px;
	color:#3C7566;
}
 
.gl_curlbutton-med a{
	background: url("components/public/images/global/buttonCurlMedium.png") no-repeat 0px 10px;
	color:#3C7566;
}
 
.gl_curlbutton-med a:hover{
	background: url("components/public/images/global/buttonCurlDark.png") no-repeat 0px 10px;
	color:#034A52;
}
 
.gl_curlbutton-drk a{
	background: url("components/public/images/global/buttonCurlDark.png") no-repeat 0px 10px;
	color:#034A52;
}
 
.gl_curlbutton-drk a:hover{
	background: url("components/public/images/global/buttonCurlDarkHover.png") no-repeat 0px 10px;
	color:#032426;
}
 
/* End Curl Buttons*/


/*----------------------------------*/
/* Write a Review.		  */
/*----------------------------------*/
.gl_writeReviewButton {
	background-attachment:scroll;
	background-image:url('components/public/images/global/buttonWriteReview.png');
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:19px;
	position:relative;
	text-decoration:none;
	width:115px;
	outline: none;
	float:right;
	margin-top:40px;
	list-style-type:none;
}
.gl_writeReviewButton:hover {
	background-position:left -19px;
}
.gl_writeReviewButton span {
	left:-20000px;
	position:relative;
}

.gl_writeReviewButton li a {
	text-decoration:none;
}
	
/*----------------------------------*/
/* Paging Nav.		      */
/*----------------------------------*/
.paging {
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	text-align:center;
	width:500px;
}
.paging ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:relative;
}
.paging ul li {
	display:inline;
	margin-left:-5px;
	width:18px;
}
.paging ul li.prev {
	left:0;
	position:absolute;
}
.paging ul li.next {
	position:absolute;
	right:0;
}
.paging ul li.prev a {
	background-position:left -66px;
}
.paging ul li.next a {
	background-position:right -110px;
}
.paging ul li.prev a:hover {
	background-position:left -88px;
}
.paging ul li.next a:hover {
	background-position:right -132px;
}
.paging ul li.selected a, .paging ul li.selected a:hover {
	background-position:center -22px;
	color:#FFFFFF;
}
.paging ul li a {
	background:transparent url(components/public/images/global/paging.png) no-repeat scroll center top;
	color:#16403C;
	display:inline-block;
	font-size:11px;
	line-height:18px;
	margin-right:6px;
	text-align:center;
	text-decoration:none;
	width:18px;
}
.paging ul li a:hover {
	background-position:center -44px;
	color:#FFFFFF;
}

/*----------------------------------*/
/* Account Styles.		  */
/*----------------------------------*/
#gl_account .gl_centerOpaqueBoxContent {
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
}

#gl_account .pageHead {
	padding-top:1px;
}

#gl_account .gl_pageTitle {
	float:left;
	font-size:18px;
	width:500px;
}

#gl_account .secureLogo {
	float:right;
	height:20px;
	margin-top:5px;
	width:84px;
}

#gl_account .secureLogo a {
	background:transparent url(components/public/images/global/accountSecureLogo.png) repeat scroll 0 0;
	display:block;
	height:20px;
	position:relative;
	width:84px;
}
#gl_account .secureCheckout {
	background:transparent url(components/public/images/global/checkout-secure.gif) no-repeat scroll 0 0;
	height:14px;
	width:128px;
}

#gl_account .logout {
	float:right;
	margin-right:10px;
	margin-top:3px;
}

#gl_account .logout a {
	/*MD: ticket 3866 color:#42808A;*/
	color:#366862;
	text-decoration:none;
}

#gl_account .logout a:hover {
	color:#034A52;
}

#gl_account .sectionTitle {
	background:transparent url(components/public/images/global/accountSectionTitle.png) no-repeat scroll right 0;
	color:#FFFFFF;
	font-size:16px;
	font-weight:normal;
	height:25px;
	line-height:25px;
	margin-top:10px;
	padding-left:20px;
}

#gl_account .sectionTitle div {
	color:#FFFFFF;
}

#gl_account .productInstance {
	background:transparent url(components/public/images/global/backgroundLineFade.png) repeat-x scroll 0 0;
	padding:15px 15px 15px 20px;
}

#gl_account .productImage {
	display:block;
	float:left;
	font-size:0;
	margin-right:15px;
	width:100px;
}

#gl_account .productInfo {
	float:left;
	width:250px;
}

#gl_account .productInfo h4 {
	font-size:16px;
	color:#034A52;
}

#gl_account .productInfo .gl_productDetails {
	font-size:13px;
	color:#47453d;
}

#gl_account .productFiles {
	float:left;
	margin-bottom:-15px;
	width:315px;
}

#gl_account .productFiles .learn {
	display:inline-block;
	margin: 5px 0 0 8px;
}

#gl_account .downloadOptionsContainer {
	margin: 11px 0 0 8px;
	border-top: 1px solid #918f89;
	padding: 7px 0 0;
}

#gl_account .productFiles select {
	width:160px;
}
#gl_account .productFiles .fileInstance {
	padding-bottom:15px;
}
#gl_account .productFiles .fileInstance .name {
	float:left;
	font-size:13px;
	line-height:14px;
	width:196px;
}
#gl_account .productFiles .fileInstance .check,
#gl_account .productFiles .fileInstance .checked {
	float:left;
	width: 20px;
}
#gl_account .productFiles .fileInstance .checked {
	background:url(components/public/images/global/checkmark.png) no-repeat scroll center top;
}
#gl_account .productFiles .fileInstance .download {
	float:right;
	width:82px;
}
#gl_account .productFiles .fileInstance .gotocourse,
#gl_account .productFiles .fileInstance .credit {
	float:right;
	width:102px;
}

/*----------------------------------*/
/* Account Nav.		     */
/*----------------------------------*/
#gl_account #accountnav {
	background:transparent url(components/public/images/global/accountNav.png) no-repeat scroll 0 0;
	height:28px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-top:16px;
	position:relative;
	width:560px;
}
#gl_account #accountnav li {
	position:absolute;
}
#gl_account #accountnav li a {
	background:transparent url(components/public/images/global/accountNav.png) no-repeat scroll 0 -100px;
	color:#044A52;
	display:block;
	font-size:15px;
	height:32px;
	line-height:22px;
	margin-top:3px;
	text-align:center;
	text-decoration:none;
}
#gl_account #accountnav li a:hover {
	color:#ffffff;
}
#gl_account #accountnav #a { left:19px; }
#gl_account #accountnav #b { left:148px; }
#gl_account #accountnav #c { left:269px; }
#gl_account #accountnav #d { left:394px; }

#gl_account #accountnav #a a { width:124px; }
#gl_account #accountnav #b a { width:116px; }
#gl_account #accountnav #c a { width:120px; }
#gl_account #accountnav #d a { width:149px; }

#gl_account #accountnav #a a.selected { color:#FFFFFF; background-position: -19px -32px; }
#gl_account #accountnav #b a.selected { color:#FFFFFF; background-position: -148px -32px; }
#gl_account #accountnav #c a.selected { color:#FFFFFF; background-position: -269px -32px; }
#gl_account #accountnav #d a.selected { color:#FFFFFF; background-position: -391px -32px;}

















/* Everything below here will eventually move to a component specific stylesheet. */

/* TOP BREADCRUMB */
#gl_siteTopBreadcrumb {
	background-attachment:scroll;
	background-image:url('components/public/images/threecolumntemplate/breadcrumbBackground.png');
	background-position:right top;
	background-repeat:no-repeat;
	float:left;
	height:19px;
	list-style-type:none;
	margin-left:10px;
	padding-left:10px;
	padding-right:15px;
}
#gl_siteTopBreadcrumb li {
	float:left;
	font-size:11px;
	line-height:18px;
}
#gl_siteTopBreadcrumb li.arrow {
	padding-left:20px;
	background-image: url('components/public/images/threecolumntemplate/breadcrumbArrow.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 5px 6px;
}
#gl_siteTopBreadcrumb li a {
	color: #ffffff;
	text-decoration: none;
}
#gl_siteTopBreadcrumb li a:hover {
	text-decoration: underline;
}

/* TOP-RIGHT */
#gl_siteTopRight {
	float:right;
	width:220px;
}

/* TOP NAV */
#gl_siteTopNavigation {
	height:19px;
	/*left:570px;*/
	/* Daniel: this has to be right so that the cart button can vary in size. --Mark */
	right:0px;
	list-style-type:none;
	padding-left:10px;
	padding-right:20px;
	position:absolute;
	text-transform:lowercase;
	top:30px;
}
#gl_siteTopNavigation li {
	float:left;
	font-size:15px;
	font-weight:bold;
	line-height:18px;
	padding:0 0 0 2px;
}
#gl_siteTopNavigation li a, #gl_siteTopNavigation li span {
	color:#999999;
	display:block;
	line-height:20px;
	padding:1px 10px 4px;
}
#gl_siteTopNavigation li a {
	color:#47453D;
	text-decoration:none;
}

#gl_siteTopNavigation li a span {
	color:#47453D;
	display:inline;
	font-size:15px;
	font-weight:normal;
	padding:0;
	position:relative;
	right:0;
}

#gl_siteTopNavigation li a.hover,
#gl_siteTopNavigation li a:hover {
	background-color:#75a47a;
	color:#ffffff;
}

#gl_siteTopNavigation li a.hover span,
#gl_siteTopNavigation li a:hover span {
	color:#FFFFFF;
}

/* SEARCH NAV */
#gl_siteTopMain {
	height:44px;
	left:143px;
	position:absolute;
	top:92px;
	width:699px;
}

/* SUB BOTTOM NAV */
#gl_siteSubBottomNavigation {
	height:29px;
	list-style-type:none;
	margin-left:auto;
	margin-right:auto;
	text-transform:lowercase;
	width:auto;
}
#gl_siteSubBottomNavigation li {
	/*float:left;*/
	display:inline;
	font-size:15px;
	font-weight:bold;
	line-height:18px;
}
#gl_siteSubBottomNavigation li a {
	color:#47837c;
	/*display:block;*/
	display:inline;
	line-height:20px;
	padding:4px 5px 5px 10px;
	text-decoration:none;
}
#gl_siteSubBottomNavigation li.slice {
	background-attachment:scroll;
	background-image:url('components/public/images/threecolumntemplate/subBottomSlash.png');
	background-position:2px 5px;
	background-repeat:no-repeat;
	padding-left:8px;
}
#gl_siteSubBottomNavigation li a:hover {
	color:#000000;
}

/* SUB BOTTOM CREDITS */
#gl_siteSubBottomCredits {
	clear:both;
	color:#4D4C44;
	font-size:11px;
	height:40px;
	margin-top:12px;
}
#gl_siteSubBottomCredits a {
	color:#4D4C44;
	text-decoration: none;
}
#gl_siteSubBottomCredits a:hover {
	text-decoration: underline;	
}

#gl_siteSubBottomCredits p {
	margin:0 0 5px;
}

/*BEGIN POP UP*/
.gl_popup {
	padding:10px;
	margin:0;
	background:url("components/public/images/global/popupBackground.gif") repeat-x 0 0 #ffffff;
	/*width:490px;*/
	width:auto;
}

.gl_smallPopup {
	width: 410px;
}

.gl_popup_close {
	clear:both;
	width:100%;
}

.gl_popup label {
	display:block;
	width:100%;
}

.gl_popup label span {
    display: block;
    float: left;
    font-weight: bold;
    width: 50%;
}

.gl_popup .productInstance {
    padding: 5px 20px 10px;
}

.gl_popup .summaryBox {
	margin: 0 0 10px 13px;
}

.gl_popup .summaryTop {
    background: url("components/public/images/orderhistory/summary_top.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    height: 24px;
    padding-left: 20px;
    padding-top: 11px;
}

.gl_popup .summaryTop span,
.gl_popup .summaryContent .col {
	color: #FFFFFF;
    float: left;
    text-align: center;
    width: 180px;
    font-weight: normal;
}

.gl_popup .summaryContent {
    background: url("components/public/images/orderhistory/summary_content.png") repeat-y scroll 0 0 transparent;
    padding:10px 20px 0;
}

.gl_popup .summaryContent .col {
	color: #47453D;
    font-size: 14px;
    line-height: 25px;
}

.gl_popup .summaryBottom {
    background: url("components/public/images/orderhistory/summary_bottom.png") no-repeat scroll 0 0 transparent;
    font-size: 0;
    height: 19px;
    line-height: 19px;
}

.gl_popup .closePopupContainer {
	text-align:center;
}

.gl_popup .closePopup {
	margin: 0 auto;
    width: 70px;
}

.gl_popup .highlight {
	color: #851A4F;
}

div.creditcardsecuritycode {
    background: url("components/public/images/global/creditcardsecuritycode.gif") no-repeat scroll 0 0 transparent;
    height: 110px;
    width: 353px;
	margin:0 auto;
}
/*END POP UP*/

.gl_ajaxStatus {
	background:transparent url(components/public/images/ajax/cornerAjaxStatus.png);
	width:295px;
	height:180px;
	position:absolute;
	top:0;
	right:0;
}

.gl_ajaxStatus span {
	color:#FFFFFF;
	display:block;
	float:right;
	font-size:13px;
	font-weight:bold;
	margin:13px 43px 0 0;
}

.gl_siteUserMessage {
	margin:10px 0;
	border:1px solid #000000;
	background:#666666;
	font-size:12px;
	display:none;
}

.gl_siteUserMessage .message {
	font-size:13px;
	font-weight:bold;
	padding:15px;
}

.gl_siteUserMessage .message p {
	font-size:13px !important;
	font-weight:bold !important;
	padding: 0;
}

.gl_siteUserMessage a {
	color:#000000;
	font-weight:bold;
}

.gl_siteUserMessage a {
    color: #366862;
    font-weight: bold;
    text-decoration:none;
}

.gl_siteUserMessage a:hover {
	color:#034A52;
	text-decoration:none;
}

.EMPTYSET, .DISPLAYBLOCK {
	display:block;
}

.DISPLAYNONE {
	display:none !important;
}

.GRAYEDOUT {
	opacity:0.5;
}

.ALERT,
.ERROR,
.FAILURE,
.FAILED,
.SUCCESS,
.WARNING,
.EMPTYSET {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background:#FFFFFF;
	border-color:#999999;
	opacity:0.7;
}

.ERROR,
.FAILURE,
.FAILED,
.WARNING {
	background:#FFFFFF url(components/public/images/global/message_warning.png) repeat-x left bottom;
}
.SUCCESS {
	background:#FFFFFF url(components/public/images/global/message_good.png) repeat-x left bottom;
}
.ALERT,
.EMPTYSET {
	background:#FFFFFF url(components/public/images/global/message_alert.png) repeat-x left bottom;
}

.gl_printerButton {
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 21px;
    margin: 30px 0 0;
    width: 55px;
}

.gl_printerButton div {
    background: url("components/public/images/global/printTopActive.png") no-repeat scroll right top transparent;
    float: right;
    height: 20px;
    width: 21px;
}

.gl_printerButton a {
	color: #366862;
    line-height: 20px;
    padding: 0 6px 0 0;
    text-decoration: none;
}

.gl_printerButton a:hover {
    color: #0A4B53;
}

/* Begin icons ============================ */

div.wrap-icon {
    height: auto;
    margin: 10px 0 0 13px;
    min-height: 40px;
    padding: 7px 0 0 55px;
    text-align: left;
	/*display:none;*/
}

div.wrap-icon p {
	font-size:12px;
	margin:0 0 3px;
	line-height:16px;	
}

div.wrap-icon p span {
    font-weight:bold;
}

div.icon-itunes, div.icon-ipod-itunes {
    background: transparent url(components/public/images/icons/icon-clean-itunes.gif) no-repeat top left;
}

div.icon-mp3 {
    background: transparent url(components/public/images/icons/icon-clean-mp3.gif) no-repeat top left;
}

div.icon-pdf {
    background: transparent url(components/public/images/icons/icon-clean-pdf.gif) no-repeat top left;
}

div.icon-zip {
    background: transparent url(components/public/images/icons/icon-clean-zip.gif) no-repeat top left;
}

div.icon-flac {
    background: transparent url(components/public/images/icons/icon-clean-flac.gif) no-repeat top left;
}

div.icon-aac {
    background: transparent url(components/public/images/icons/icon-aac.gif) no-repeat top left;
}

/* new ones */

div.icon-flv {
    background: transparent url(components/public/images/icons/icon-clean-flv.gif) no-repeat top left;
}

div.icon-mp4 {
    background: transparent url(components/public/images/icons/icon-clean-mp4.gif) no-repeat top left;
}

div.icon-prc {
    background: transparent url(components/public/images/icons/icon-clean-prc.gif) no-repeat top left;
}

div.icon-lit {
    background: transparent url(components/public/images/icons/icon-clean-lit.gif) no-repeat top left;
}

div.icon-epub {
    background: transparent url(components/public/images/icons/icon-clean-epub.gif) no-repeat top left;
}

div.icon-jpg {
    background: transparent url(components/public/images/icons/icon-clean-jpeg.gif) no-repeat top left;
}

div.icon-zip-prc {
    background: transparent url(components/public/images/icons/icon-clean-zip-prc.gif) no-repeat top left;
}

div.icon-zip-lit {
    background: transparent url(components/public/images/icons/icon-clean-zip-lit.gif) no-repeat top left;
}

div.icon-zip-epub {
    background: transparent url(components/public/images/icons/icon-clean-zip-epub.gif) no-repeat top left;
}


/* End icons ============================ */


/* This is a temporary fix to a missing stylesheet for the about us section.  It is already put into aboutus.css but that file is not referenced by about us pages yet*/

.banner {
	margin:12px 0 0;
}

#updatecss-container {
	padding:0 10px;
}

#updatecss-container #productlisting .details {
	width:360px;
}
	
#updatecss-container #productlisting .instance {
	background: none repeat scroll 0 0 transparent;
    margin-top: 0;
    padding: 10px 0 0;
	clear: both;
}

#updatecss-container .staffRecommend{
	font-size:18px;
}

#updatecss-container #productlisting h3{
	font-size:16px;
}

#updatecss-container .name{
	font-size:18px;
	color: #034A52;
	margin:0 0 8px;
	font-weight:bold;
}

#updatecss-container .companion{
	margin:0;
	font-size:14px;
}

#aboutus h2{
	font-size: 18px;
	color: #034A52;
	margin:15px 0 5px;
}

#aboutus h3{
	font-size:16px;
	color: #3c7566;
	margin: 10px 0;
}

#aboutus .spacer{
	margin:15px 0 0 15px;
}

@charset "utf-8";

/*----------------------------------*/
/* Two Column Layout A.             */
/*----------------------------------*/
#twoColumnALeft {
	width: 220px;
	float: left;
}
#twoColumnAMain {
	float:left;
	margin-top:32px;
	width:760px;
}

/*----------------------------------*/
/* Center Column Opaque Box.        */
/*----------------------------------*/
.th_centerOpaqueBoxTop,
.th_centerOpaqueBoxBottom {
	background-attachment:scroll;
	background-image:url('shop/images/twocolumntemplate/centerOpaqueBoxTop.png');
	background-position:left top;
	background-repeat:no-repeat;
	font-size:1px;
	height:9px;
	line-height:9px;
}
.th_centerOpaqueBoxBottom {
	background-image: url('shop/images/twocolumntemplate/centerOpaqueBoxBottom.png');
}
.th_centerOpaqueBoxContent {
	background-image:url('shop/images/twocolumntemplate/centerOpaqueBoxContent.png');
	background-repeat:repeat-y;
}

/*----------------------------------*/
/* Center Column Solid Box.         */
/*----------------------------------*/
.th_centerSolidBoxTop,
.th_centerSolidBoxBottom {
	background-attachment:scroll;
	background-image:url('shop/images/twocolumntemplate/centerSolidBoxTop.png');
	background-position:left top;
	background-repeat:no-repeat;
	font-size:1px;
	height:9px;
	line-height:9px;
}
.th_centerSolidBoxBottom {
	background-image: url('shop/images/twocolumntemplate/centerSolidBoxBottom.png');
}
.th_centerSolidBoxContent {
	background-image:url('shop/images/twocolumntemplate/centerSolidBoxContent.png');
	background-repeat:repeat-y;
}@charset "UTF-8";
/* CSS Document */

*{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
#email-popup-container .clear{
	clear: both;
}
#email-popup-container a, #email-popup-container a:hover{
	text-decoration:none;
}
#email-popup-container a{
	color:#3C7566;
}
#email-popup-container a:hover{
	color:#034a52;
}
#email-popup-container p{
	padding:10px 0;
	line-height:22px;
	font-size:18px;
}
#email-popup-container{
	width: 660px;
	padding:15px 0 0 0;
	background:url("email-popup/popup-background.jpg") no-repeat center top;
	background-size: auto 100%;
	/* Added by Melanie */
	position: absolute;
	z-index: 5000;
	margin-left: -330px;
	left: 50%;
}

#email-popup-container h1{
	color:#034a52;
	font-size:36px;
	text-align:center;
}
#email-popup-container h3{
	color:#47453d;
	font-size:20px;
	font-weight: normal;
	margin:2px 0 10px;
	text-align:center;
}

#email-signup-large{
	width: 550px;
	margin: 0 auto;
}
#email-signup-large form{
	width: 550px;
	height:50px;
	margin:0 auto;
}
#email-signup-large .large-textfield{
	width: 550px;
	height:50px;
}
#email-signup-large .large-textfield div{
	width: 340px;
	height:48px;
	float:left;
}
#email-signup-large form input{
	text-align: left;
	float: left;
	border: 1px solid #3C7566;
	color: #666666;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius: 5px;
	height: 40px;
	width: 370px;
	font-size: 20px;
	padding: 4px 10px;
}
#email-popup-container .large-signup{
	width: 150px;
	float:right;
	font-size:30px;
	height: 50px;
	text-align:center;
}
#email-popup-container .large-signup a{
	  color: #3C7566;
	  height:36px;
	  width:146px;
	  display: block;
	  padding:5px 0;
	  background-color: #F4EFD8;
	  background-image: -moz-linear-gradient(top, #F4EFD8, #CD9948);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F4EFD8), to(#CD9948));
	  background-image: -webkit-linear-gradient(top, #F4EFD8, #CD9948);
	  background-image: -o-linear-gradient(top, #F4EFD8, #CD9948);
	  background-image: linear-gradient(to bottom, #F4EFD8, #CD9948);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4EFD8', endColorstr='#CD9948', GradientType=0);
	  border:2px solid #034a52;
	  *background-color: #3C7566;
	  -moz-border-radius:0 15px 0 15px;
		-webkit-border-radius:0 15px 0 15px;
		border-radius: 0 15px 0 15px;
}

#email-popup-container .large-signup a:hover{
	color: #ffffff;
	background-color: #3C7566;
	  background-image: -moz-linear-gradient(top, #3C7566, #034a52);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3C7566), to(#034a52));
	  background-image: -webkit-linear-gradient(top, #3C7566, #034a52);
	  background-image: -o-linear-gradient(top, #3C7566, #034a52);
	  background-image: linear-gradient(to bottom, #3C7566, #034a52);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C7566', endColorstr='#034a52', GradientType=0);
	  border:2px solid #034a52;
	  *background-color: #3C7566;
	  -moz-border-radius:0 15px 0 15px;
		-webkit-border-radius:0 15px 0 15px;
		border-radius: 0 15px 0 15px;
}

#free-gift-covers{
	width:550px;
	margin:0 auto;
	height:270px;
	text-align:center;
}

#free-gift-covers .free-cover{
	width:252px;
	height:270px;
	float: left;
}
#free-gift-covers .cover-spacer{
	float:left;
	width:46px;
	color:#3C7566;
	text-align:center;
	height: 160px;
	padding:110px 0 0 0;
	font-size:20px;
	color:#034a52;
}
#free-gift-covers .free-cover img{
	width:250px;
	height:auto;
	border:1px solid #47453d;
}

#email-popup-container .details{
	padding:13px 0;
}
#email-popup-container .details a{
	padding: 4px 30px;
	height:25px;
	background-color:#034a52;
	color:#ffffff;
	-moz-border-radius:0 10px 0 10px;
		-webkit-border-radius:0 10px 0 10px;
		border-radius:0 10px 0 10px;
}
#email-popup-container .details a:hover{
	background-color:#3C7566;
}

#bottom-copy{
	background-color:#034a52;
	border-top:3px solid #659E80;
	padding:10px;
	text-align:center;
}

#bottom-copy h3{
	color:#ffffff;
	font-size:20px;
	font-weight: normal;
	margin:2px 15px 10px
}

#bottom-copy p{
	color: #659E80;
	margin:10px 0;
	font-size: 14px;
}

/* Added by Melanie */
#email-popup-dim {
	background-color: #000;
	opacity: 0.5 !important;
	filter:alpha(opacity=50) !important;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 4000;
}

.pop-hidden{
	display: none;
}

.pop-open{
	cursor: pointer;
	color: #00F;
}

.pop-close{
	-moz-user-select: none;
	background: #000;
	border: 3px solid #FFFFFF;
	border-radius: 26px 26px 26px 26px;
	box-shadow: 0 0 6px #000000, 1.63636px 1.63636px 1.63636px rgba(0, 0, 0, 0.3), -1.63636px 1.63636px 1.63636px rgba(0, 0, 0, 0.3), 1.63636px -1.63636px 1.63636px rgba(0, 0, 0, 0.3), -1.63636px -1.63636px 1.63636px rgba(0, 0, 0, 0.3);
	color: #fff;
	cursor: pointer;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 26px 0 0;
	position: absolute;
	right: -11.5556px;
	top: -11.5556px;
	width: 26px;
}

.pop-close:before{
	content: "x";
	display: block;
	font-size: 22px;
	left: 0px;
	line-height: px;
	position: absolute;
	text-align: center;
	top: -2.6px;
	width: 26px;
}

#email-popup-container .no-thanks-button{
	padding:13px 0;
	margin: 0 auto 15px;
}
#email-popup-container .no-thanks-button a{
	padding: 4px 30px;
	height:25px;
	background-color:#659E80;
	color:#ffffff;
	-moz-border-radius:0 10px 0 10px;
		-webkit-border-radius:0 10px 0 10px;
		border-radius:0 10px 0 10px;
}
#email-popup-container .no-thanks-button a:hover{
	background-color:#3C7566;
}@charset "UTF-8";
/* CSS Document */

*{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
}
#karmashare-popup-container .clear{
    clear: both;
}
#karmashare-popup-container a, #karmashare-popup-container a:hover{
    text-decoration:none;
}
#karmashare-popup-container a{
    color:#3C7566;
}
#karmashare-popup-container a:hover{
    color:#034a52;
}
#karmashare-popup-container p{
    padding:0;
    line-height:22px;
    font-size:18px;
    margin-bottom: 0px;
}
#karmashare-popup-container p.small {
    font-size:14px;
}
#karmashare-popup-container{
    width: 660px;
    padding:15px 0 0 0;
    background-size: auto 100%;
    /* Added by Melanie */
    position: absolute;
    z-index: 5000;
    margin-left: -330px;
    left: 50%;
}

#karmashare-popup-container h1{
    color:#FFFFFF;
    font-size:36px;
}
#karmashare-popup-container h3{
    color:#47453d;
    font-size:20px;
    font-weight: normal;
    margin:2px 0 10px;
    text-align:center;
}

#karmashare-signup-large{
    width: 550px;
    margin: 0 auto;
}
#karmashare-signup-large form{
    width: 550px;
    height:50px;
    margin:0 auto;
}
#karmashare-signup-large .large-textfield{
    width: 550px;
    height:50px;
}
#karmashare-signup-large .large-textfield div{
    width: 340px;
    height:48px;
    float:left;
}
#karmashare-signup-large form input{
    text-align: left;
    float: left;
    border: 1px solid #3C7566;
    color: #666666;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
    height: 40px;
    width: 370px;
    font-size: 20px;
    padding: 4px 10px;
}
#karmashare-popup-container .large-signup{
    width: 150px;
    float:right;
    font-size:30px;
    height: 50px;
    text-align:center;
}
#karmashare-popup-container .large-signup a{
    color: #3C7566;
    height:36px;
    width:146px;
    display: block;
    padding:5px 0;
    background-color: #F4EFD8;
    background-image: -moz-linear-gradient(top, #F4EFD8, #CD9948);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F4EFD8), to(#CD9948));
    background-image: -webkit-linear-gradient(top, #F4EFD8, #CD9948);
    background-image: -o-linear-gradient(top, #F4EFD8, #CD9948);
    background-image: linear-gradient(to bottom, #F4EFD8, #CD9948);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4EFD8', endColorstr='#CD9948', GradientType=0);
    border:2px solid #034a52;
    *background-color: #3C7566;
    -moz-border-radius:0 15px 0 15px;
    -webkit-border-radius:0 15px 0 15px;
    border-radius: 0 15px 0 15px;
}

#karmashare-popup-container .large-signup a:hover{
    color: #ffffff;
    background-color: #3C7566;
    background-image: -moz-linear-gradient(top, #3C7566, #034a52);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3C7566), to(#034a52));
    background-image: -webkit-linear-gradient(top, #3C7566, #034a52);
    background-image: -o-linear-gradient(top, #3C7566, #034a52);
    background-image: linear-gradient(to bottom, #3C7566, #034a52);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C7566', endColorstr='#034a52', GradientType=0);
    border:2px solid #034a52;
    *background-color: #3C7566;
    -moz-border-radius:0 15px 0 15px;
    -webkit-border-radius:0 15px 0 15px;
    border-radius: 0 15px 0 15px;
}

#free-gift-covers{
    width:550px;
    margin:0 auto;
    height:270px;
    text-align:center;
}

#free-gift-covers .free-cover{
    width:252px;
    height:270px;
    float: left;
}
#free-gift-covers .cover-spacer{
    float:left;
    width:46px;
    color:#3C7566;
    text-align:center;
    height: 160px;
    padding:110px 0 0 0;
    font-size:20px;
    color:#034a52;
}
#free-gift-covers .free-cover img{
    width:250px;
    height:auto;
    border:1px solid #47453d;
}

#karmashare-popup-container .details{
    padding:13px 0;
}
#karmashare-popup-container .details a{
    padding: 4px 30px;
    height:25px;
    background-color:#034a52;
    color:#ffffff;
    -moz-border-radius:0 10px 0 10px;
    -webkit-border-radius:0 10px 0 10px;
    border-radius:0 10px 0 10px;
}
#karmashare-popup-container .details a:hover{
    background-color:#3C7566;
}

#bottom-copy{
    background-color:#034a52;
    border-top:3px solid #659E80;
    padding:10px;
    text-align:center;
}

#bottom-copy h3{
    color:#ffffff;
    font-size:20px;
    font-weight: normal;
    margin:2px 15px 10px
}

#bottom-copy p{
    color: #659E80;
    margin:10px 0;
    font-size: 14px;
}

/* Added by Melanie */
#karmashare-popup-dim {
    background-color: #000;
    opacity: 0.5 !important;
    filter:alpha(opacity=50) !important;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 4000;
}

.pop-hidden{
    display: none;
}

.pop-open{
    cursor: pointer;
    color: #00F;
}

#karmashare-popup-container .pop-close{
    -moz-user-select: none;
    background: #000;
    border: 3px solid #FFFFFF;
    border-radius: 26px 26px 26px 26px;
    box-shadow: 0 0 6px #000000, 1.63636px 1.63636px 1.63636px rgba(0, 0, 0, 0.3), -1.63636px 1.63636px 1.63636px rgba(0, 0, 0, 0.3), 1.63636px -1.63636px 1.63636px rgba(0, 0, 0, 0.3), -1.63636px -1.63636px 1.63636px rgba(0, 0, 0, 0.3);
    color: #fff;
    cursor: pointer;
    display: block;
    height: 0;
    overflow: hidden;
    padding: 26px 0 0;
    position: absolute;
    right: 182px;
    top: 7px;
    width: 26px;
}

.pop-close:before{
    content: "x";
    display: block;
    font-size: 22px;
    left: 0px;
    line-height: px;
    position: absolute;
    text-align: center;
    top: -2.6px;
    width: 26px;
}

#karmashare-popup-container .no-thanks-button{
    padding:13px 0;
    margin: 0 auto 15px;
}

#karmashare-popup-container .no-thanks-button {
    width: 130px;
}
#karmashare-popup-container .no-thanks-button.learn-more {
    width: 280px;
    margin-top: 15px;
}

#karmashare-popup-container .no-thanks-button a{
    padding: 4px 30px;
    height:25px;
    background-color:#ffffff;
    color:#659E80;
    -moz-border-radius:0 10px 0 10px;
    -webkit-border-radius:0 10px 0 10px;
    border-radius:0 10px 0 10px;
    /* 280 130 */
}
#karmashare-popup-container .no-thanks-button a:hover{
    background-color:#3C7566;
}

#karmashare.info {
    background-color: white;
    width: 420px;
}

.karma-share-blurb {
    margin-left: 5px;
    color: white;
}

/* Overrides */
/*#karmashare-popup-container .gl_centerOpaqueBoxTop,
#karmashare-popup-container .gl_centerOpaqueBoxBottom {
    background-color: whitesmoke;
}
#karmashare-popup-container .gl_centerOpaqueBoxContent {
    width: 410px;
    background-color: whitesmoke;
    padding: 15px;
}*/

#karmashare-popup-container div.gl_centerOpaqueBoxContent{
    font-family:"Helvetica Neue", Helvetica, Arial, Gotham, sans-serif;
    text-decoration:none;
    margin:0;
    padding:15px;
    max-width:410px;
    background:url("karma-share/images/bg-ks-popup.jpg") center top no-repeat #000000;
    background-size:100% auto;
    border: 10px solid #FFFFFF;
}
##karmashare-popup-container p{
    color:#ffffff;
}
##karmashare-popup-container h1{
    font-family:"Trebuchet MS", Trebuchet Segoe, "Segoe UI", "DejaVu Sans", Verdana, sans-serif;
    color:#ffffff;
    font-size:34px;
    font-weight:normal;
    margin:0;
    padding:0;
    text-shadow:1px 1px 1px #333;
}
##karmashare-popup-container h3{
    font-family:"Helvetica Neue", Helvetica, Arial, Gotham, sans-serif;
    color:#ffffff;
    font-size:18px;
    font-weight:normal;
    margin:10px 0;
    padding:0;
    text-shadow:1px 1px 1px #333;
}

#karmashare-popup-container .loggedIn .pop-close {
    top: -3px;
}

.loggedIn #karma-share-widget-embed {
    margin-bottom: 5px;
}

#karmashare-popup-container .gl_pageTitle {
    margin-left: 5px;
}

#karmashare-popup-container #sell-copy-container {
    margin-left: 5px;
}@charset "utf-8";

/*----------------------------------*/
/* Site Background E.               */
/*----------------------------------*/
body {
	background-image: url('https://d1qsxla1p9s5sy.cloudfront.net/directweb/images/BYJ.jpg');
}
@charset "utf-8";

#searchproducts {
	margin-left:33px;
	margin-top:15px;
	width:640px;
}

#searchproducts label {
	color:#FFFFFF;
	display:block;
	float:left;
	font-weight:bold;
	padding-left:7px;
	padding-right:6px;
	text-align:center;
}

#searchproducts .seachTextfield {
    float: left;
    margin: 0 0 0 5px;
    width: 190px;
}

#searchproducts .seachTextfield input {
	font-weight:bold;
	font-size:13px;
}

#searchproducts select {
	border:1px solid #000000;
	float:left;
	font-weight:bold;
	height:22px;
	width:160px;
}

#searchproducts input[type=submit]{
	background:transparent url(shop/images/searchproducts/go.png) no-repeat scroll 0 0;
	color:transparent;
	cursor:pointer;
	display:block;
	float:right;
	font-size:17px;
	height:26px;
	margin-right: 13px;
	margin-top:-2px;
	width:38px;
}

#searchproducts input[type=submit]:hover{
	background-position:0 -26px;
}@charset "utf-8";

/*----------------------------------*/
/* Browse Products.                 */
/*----------------------------------*/
#browseProducts {
	background:transparent url(shop/images/browseproducts/background.png) no-repeat scroll left top;
	font-size:13px;
	height:262px;
	margin-bottom:22px;
	margin-left:9px;
	margin-top:4px;
}
#browseProducts .gl_pageWidgetListTitle {
	padding-bottom:14px;
	padding-left:8px;
	padding-top:3px;
	color:#034A52;
}

#browseProducts .back {
	background:transparent url(shop/images/browseproducts/arrow.png) no-repeat scroll 0 7px;
	margin-left:9px;
	padding-left:11px;
}

#browseProducts .category {
	font-weight:bold;
	margin-left:9px;
	margin-top:5px;
	color:#032426;
	display: block;
}

#browseProducts a.category:hover {
	color:#366862;
}

#browseProducts a {
	color:#032426;
	text-decoration:none;
}

#browseProducts ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-top:5px;
}

#browseProducts ul li a {
	display:block;
	line-height:23px;
	padding-left:8px;
	width:192px;
}

#browseProducts ul li a:hover {
	background-color:#428178;
	color:#FFFFFF;
	padding-left:8px;
}

#browseProducts ul li a.subcategory {
	font-size:12px;
	padding-left:20px;
	line-height:18px;
	width:180px;
}

#browseProducts ul li a.selectedCategory,
#browseProducts ul li a.subcategory:hover {
	background-color:#428178;
	color:#FFFFFF;
	line-height:18px;
}
