

div.ftext.store > div.ftext-body {
	/*background-color:transparent;*/
}

div.ftext.store  table.slider {
	margin-bottom:48px;
}

div.ftext.store > div.ftext-rightCol p {
	font-style:italic;
}


div.ftext.store > div.ftext-rightCol > p:first-line {
	font-weight:bold; font-style:normal;
}

div.ftext.store > div.ftext-rightCol > div.ftext-head-sub {
	/*font-family:roboto_condensed_bold_italic, Georgia, Times, serif;*/
	font-family:roboto_condensed_italic, Georgia, Times, serif;
}

div.ftext.store  table.slider td.one > div {
	vertical-align: middle; width:31px; height:50px; min-height:50px; margin-top:12px; cursor:pointer;
	background-image:url('https://contactquarterly.com/images/elements/grey-arrow-left.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
}
div.ftext.store  table.slider td.one > div.over,
div.ftext.store  table.slider td.three > div.over {
	background-position:0px -50px;
}

div.ftext.store  table.slider td.one > div.down,
div.ftext.store  table.slider td.three > div.down {
	background-position:0px -100px;
}

div.ftext.store  table.slider td.two {
	vertical-align:top; height:130px; min-height:130px; width:434px; min-width:434px;
}
div.ftext.store  table.slider td.three > div {
	vertical-align:middle; width:31px; height:50px; min-height:50px; margin-top:12px; margin-left:-4px; cursor:pointer;
	background-image: url('https://contactquarterly.com/images/elements/grey-arrow-right.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
}

div.ftext.store  table.slider td.two > div.img-container {
	position:relative;
}

div.ftext.store  table.slider td.two > div.img-container > div:first-child {
	position:static;
}
div.ftext.store  table.slider td.two > div.img-container > div + div {
	position:absolute; top:0; left:0;
}

div.ftext.store  table.slider td.two div.img0,
div.ftext.store  table.slider td.two div.img1 {
	line-height:0px; 
}

div.ftext.store  table.slider td.two div.img0 > div,
div.ftext.store  table.slider td.two div.img1 > div {
	position:relative;
	float:left; 
	margin:auto 10px auto 0; 
	width:100px;
	height:156px; padding-bottom:12px;
}

div.ftext.store  table.slider td.two div.img0 > div.last,
div.ftext.store  table.slider td.two div.img1 > div.last {
	margin-right:0; padding-right:4px;
}

div.ftext.store  table.slider td.two div.img0 > div > a > img,
div.ftext.store  table.slider td.two div.img1 > div > a > img{
	position:absolute; top:0; /*bottom:0;*/
	margin:auto; width:100px; cursor:pointer;
	box-shadow:0px 1px 1px 1px #afafb0;
}

div.ftext.store  table.slider td.two div.img0 > div > div,
div.ftext.store  table.slider td.two div.img1 > div > div {
	position:absolute; top:94px; background-color:#1d9145;
	line-height:normal; 
	width:72px;
	font-family:roboto_condensed, Georgia, Times, serif;
	
	font-size:9px;
	padding:2px 0px 2px 6px; display:none;
}

div.ftext.store  table.slider td.two div.img0 > div > div > a,
div.ftext.store  table.slider td.two div.img1 > div > div > a {
	color:#ffffff;
}

div.ftext.store  table.slider td.two div.img0 > div.over > div,
div.ftext.store  table.slider td.two div.img1 > div.over > div {
	display:block;
}

div#msg_board div.messageAlert.terms-of-purchase {
	background-color:#ffffff; color:#545454; border:1px solid #545454; border-radius:8px; width:50%; min-width:300px;
	}

div.ftext.store > div.ftext-body {background-color:#ffffff;}

/*----------------------------------------------------------------------
			---LISTING MORE_INFO SWITCH---
----------------------------------------------------------------------*/
div.ftext.store.listMode div.ftext-head.moreMode {display:none; }
div.ftext.store.moreMode div.ftext-head:first-child,
div.ftext.store.moreMode div.ftext-body.listMode {display:none; }

div.ftext.store.listMode div.store-listing {display:block; }
div.ftext.store.listMode div.store-more {display:none; }
div.ftext.store.moreMode div.store-listing {display:none; }
div.ftext.store.moreMode div.store-more {display:block; }

div.ftext.store.moreMode div.store-more div.more-info {display:none; }

/*----------------------------------------------------------------------
			---URL MORE INFO STYLES---
----------------------------------------------------------------------*/

div.ftext.store.moreMode div.store-more.dance-kneepads div.more-info.dance-kneepads {display:block; }	

div.ftext.store.moreMode div.store-more.cq-chapbook-set div.more-info.cq-chapbook-set {display:block; }	

div.ftext.store.moreMode div.store-more.back-issue-set div.more-info.back-issue-set {display:block; }	

div.ftext.store.moreMode div.store-more.complete-back-issue-set div.more-info.complete-back-issue-set {display:block; }	

div.ftext.store.moreMode div.store-more.kneepads-summer-sale div.more-info.kneepads-summer-sale {display:block; }	

div.ftext.store.moreMode div.store-more.cq-back-issue-mini-collection-steve-paxton div.more-info.cq-back-issue-mini-collection-steve-paxton {display:block; }	

div.ftext.store.moreMode div.store-more.listening-back-black-dance-artists-in-cq-2016-2020 div.more-info.listening-back-black-dance-artists-in-cq-2016-2020 {display:block; }	


div.ftext.store div.ftext-body.store-listing div.back-issue-sets {max-width:inherit; }

/*----------------------------------------------------------------------
			---LISTING PANEL SETTINGS---
----------------------------------------------------------------------*/

div.ftext.store > div.ftext-body.store-listing {max-width:750px; width:auto; }
div.ftext.store div.ftext-body.store-listing div.info {line-height:16px;}
div.ftext.store > div.ftext-body.store-listing img {max-width:114px; max-height:147px; }
div.ftext.store > div.ftext-body.store-listing a {color:#da8918; }
div.ftext.store > div.ftext-body.store-listing a:hover {color:#c46702; }

div.ftext.store div.ftext-body.store-listing div.ftext-head-sub {position:relative; font-family:roboto_condensed_bold, Georgia, Times, serif; line-height:30px; 
																		margin-top:33px; margin-bottom:15px; clear:right;  }
div.ftext.store div.ftext-body.store-listing div.ftext-head-sub > div.header-link {position:absolute; font-size:14px; font-family:Arial; right:0px; top:5px; }
div.ftext.store div.ftext-body.store-listing > a:first-child + div.ftext-head-sub {margin-top:23px; }
div.ftext.store div.ftext-body.store-listing div.ftext-head-sub {}

div.ftext.store div.ftext-body.store-listing div.ftext-head-sub-sub {
	color:#a4a4a4; border-width:0px; margin-bottom:1px; clear:left;
	margin-top:0px; padding-top:15px; 
}

div.ftext.store div.ftext-body.store-listing div.half { vertical-align:top; margin-right:8px; clear:none;}

/* TO BE CONTINUEDdiv.ftext.store div.ftext-body.store-listing div.half div  */
div.ftext.store div.ftext-body.store-listing div.half div.ftext-head-sub-sub {width:347px;}

div.ftext.store div.ftext-body.store-listing div.quarter {vertical-align:top; margin-right:10px; margin-bottom:10px; clear:none; background-color:transparent; 
}
div.ftext.store div.ftext-body.store-listing div.quarter > div.quarter{
	min-width:156px; width:22.5%;
}


/*----------------------------------------------------------------------------------------------
							---STYLE FOR STORE TABLES---
----------------------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------------------
							---STYLE FOR STORE FLUID DIVS---
----------------------------------------------------------------------------------------------*/
div.ftext.store div.ftext-body.store-listing div.store div.float-left-first,
div.ftext.store div.ftext-body.store-listing div.store div.float-left {
	background-color:#edecec; margin-bottom:10px; /*float:left;*/ display:inline-block; clear: none;
}
div.ftext.store div.ftext-body.store-listing div.store div.float-left-first {
	clear:left; 
}


/*----------------------------------------------------------------------------------------------
							---STYLE FOR STORE HALF TABLES---
----------------------------------------------------------------------------------------------*/
div.ftext.store div.ftext-body.store-listing div.store.half > div.half {margin-top:8px; min-width:213px; width:45%}
div.ftext.store div.ftext-body.store-listing div.store.half div.info {margin:8px; position:relative; }
div.ftext.store div.ftext-body.store-listing div.store.half div.info img {float:left; margin-right:20px; width: auto;}
div.ftext.store div.ftext-body.store-listing div.store.half div.info div.price-listing {clear: left;}
div.ftext.store div.ftext-body.store-listing div.store.half div.info.store-init div.price-listing {/*position:absolute;*/ bottom:0px;}



/*----------------------------------------------------------------------------------------------
							---STYLE FOR STORE QUARTER TABLES---
----------------------------------------------------------------------------------------------*/
div.ftext.store div.ftext-body.store-listing div.store.quarter div.info {margin:8px; position:relative}
div.ftext.store div.ftext-body.store-listing div.store.quarter div.info.store-init div.price-listing {/*position:absolute;*/ bottom:0px;}



div.ftext.store div.ftext-body.store-listing div.info.videos > div.line2 span{display: inline-block; vertical-align:top;}
div.ftext.store div.ftext-body.store-listing div.info.videos > div.line2 span.cc {padding:1px; background-color:blue; color:white; border:1px solid blue; border-radius:2px; margin:0 6px; }


div.ftext.store div.ftext-body.store-listing div.info.special-offers > div.line2 {font-style:italic; }
div.ftext.store div.ftext-body.store-listing div.info.new > div.line1 {margin-bottom:2px; }
div.ftext.store div.ftext-body.store-listing div.info.new > div.line2 {font-style:italic; margin-bottom:4px; }
div.ftext.store div.ftext-body.store-listing div.info.new > div.line3 {font-weight:bold; /*margin-bottom:3px;*/ }

div.ftext.store div.ftext-body.store-listing div.info.chapbook > div.line2 {font-style:italic; }
div.ftext.store div.ftext-body.store-listing div.info.new.chapbook > div.line3 {font-weight:normal; }

div.ftext.store div.ftext-body.store-listing td.half.new.dj > img {margin-right:30px; }
div.ftext.store div.ftext-body.store-listing div.info.new.dj {position: relative;}
div.ftext.store div.ftext-body.store-listing div.info.new.dj > div.line1 {margin-bottom:16px; }
div.ftext.store div.ftext-body.store-listing div.info.new.dj > div.line2 {margin-bottom:26px;}
div.ftext.store div.ftext-body.store-listing div.info.new.dj > div.line3 {display:none; }
div.ftext.store div.ftext-body.store-listing div.info.new.dj > div.line4 {position:absolute; top:92px;}
div.ftext.store div.ftext-body.store-listing div.info.new.dj > div.price-listing {position:absolute; top:109px; }


div.ftext.store div.ftext-body.store-listing div.info {font-size:12px; }
div.ftext.store div.ftext-body.store-listing div.info > img {/*width:114px;*/ display:block; margin:0 auto 20px auto;}
div.ftext.store div.ftext-body.store-listing div.info > div.line1 {font-size:14px; font-family:roboto_condensed_bold, Georgia, Times, serif; font-weight:bold; margin-bottom:0px; }
div.ftext.store div.ftext-body.store-listing div.info > div.line3 {margin-bottom:0px; font-weight:bold; }

div.ftext.store div.ftext-body.store-listing div.info.reprint > img {/*width:90px;*/}
div.ftext.store div.ftext-body.store-listing div.info.reprint > div.line1 {margin-bottom:4px; }
div.ftext.store div.ftext-body.store-listing div.info.reprint > div.line2 {margin-bottom:4px; }
/*div.ftext.store div.ftext-body.store-listing div.info.reprint > div.line3 {display:none; }*/
div.ftext.store div.ftext-body.store-listing div.info.reprint > div.line4 {/*margin-bottom:6px;*/ margin-bottom:36px;  }
div.ftext.store div.ftext-body.store-listing div.last {margin-right:0px;}

div.ftext.store div.ftext-body.store-listing div.info.ce > img {/*max-width:114px;*/ width:auto; margin-bottom:16px; }
div.ftext.store div.ftext-body.store-listing div.info.ce > div.line1 {margin-bottom:2px; }
div.ftext.store div.ftext-body.store-listing div.info.ce > div.line2 {font-style:italic;  margin-bottom:0px; }




div.ftext.store div.ftext-body.store-listing div.sub-panel {background-color:#edecec; line-height:16px; }
div.ftext.store div.ftext-body.store-listing div.sub-panel {padding:18px 12px; }

div.ftext.store div.ftext-body.store-listing table.slider {margin-bottom:0px; }


div.ftext.store div.ftext-body.store-listing div.info > div.line4 { /*margin-bottom:6px;*/ margin-bottom:36px; }

div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info {float:right; padding-right:27px; /*width:210px;*/ }
div.ftext.store div.ftext-body.store-listing div.sub-panel.back_issues,
div.ftext.store div.ftext-body.store-listing div.sub-panel.current,
div.ftext.store div.ftext-body.store-listing div.sub-panel.dance_directory,
div.ftext.store div.ftext-body.store-listing div.sub-panel.subscription {position:relative; margin-top:8px; margin-bottom:16px; }
div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info.current,
div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info.dance_directory {width:202px;}
div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info.current div.price-listing,
div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info.dance_directory div.price-listing {width:202px;}

@media only screen and (max-width: 420px){
	div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info.current div.price-listing,
	div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info.dance_directory div.price-listing {
		position:static; margin-bottom:1em; 
	}
}


div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info.subscription {max-width:306px;}

div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info > div.line1 {margin-bottom:2px; }
div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info.dance_directory > div.line1,
div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info.current > div.line1 {margin-bottom:0px; }
div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info > div.line2 {/*margin-bottom:36px;*/}
div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info > div.line4 {/*position:absolute; bottom:48px; */}
div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info > div.price-listing {position:absolute; /*font-weight:bold;*/ bottom:12px; right:40px; }

div.ftext.store div.ftext-body.store-listing div.sub-panel.product {margin-bottom:10px; padding:18px 20px;}
div.ftext.store div.ftext-body.store-listing div.sub-panel.product > img {width:auto; max-width:190px; max-height:auto; float:left; margin-right:20px; }
div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info.product { float:left; width:auto; }
div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info.product > div.line1 {margin-bottom:2px; }
div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info.product > div.line2 {margin-bottom:0px; font-style:italic; margin-bottom:5px; }
div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info.product > div.line3 {display:none; }
div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info.product > div.line4 {position:static; margin-bottom:37px; }
div.ftext.store div.ftext-body.store-listing div.sub-panel > div.info.product > div.price-listing {position:static; }


div.ftext.store div.ftext-body.store-listing div.ftext-head-sub + div.sub-cat > div.ftext-head-sub-sub {padding-top:0px; }
div.ftext.store div.ftext-body.store-listing div.sub-cat > div.ftext-head-sub-sub {position:relative; }
div.ftext.store div.ftext-body.store-listing div.sub-cat.half div.sub-panel > div.info > div.line3 {display:none; }


div.price,
p.addToCartButton {/*float:left;*/ font-weight:normal; }
div.price div + div {width:78%; margin-left:4px; /*margin-right:4px;*/ }
div.price div.dollar + div {width:auto; margin-left:0px; margin-right:0px; }
div.price div + div.dollar {width:auto; margin-left:0px; margin-right:0px; }
div.price + p.addToCartButton {clear:none; }
p.addToCartButton + div.price {clear:left; }
div.price-listing p.addToCartButton a {margin-bottom:0px; }

div.ftext.store div.ftext-body.store-listing div.sub-panel > img {/*width:90px;*/ display:block; }


div.price-listing.video div.price-listing-container div.price div + div {width:auto;}
div.price-listing.video select.select-language + p.addToCartButton > span.has-group-price,
div.price-listing.video select.select-language + p.addToCartButton > span.has-group-price {display: none;}

div.price-listing.video p.addToCartButton > span.has-group-price > span,
div.price-listing.video p.addToCartButton > span.has-group-price > span {display: none;}



div.ftext.store div.ftext-body.store-listing div.sub-panel.chapbook > div.info {float:none; }

div.ftext.store div.ftext-body.store-listing div.sub-panel.subscription div.images > img {display:inline; /*width:90px;*/ margin-right:20px; margin-bottom:10px; }
div.ftext.store div.ftext-body.store-listing div.info.subscription {width:291px; }
div.ftext.store div.ftext-body.store-listing div.info.subscription > div.line4 {top:106px; }
/*div.ftext.store div.ftext-body.store-listing div.info.subscription > div:first-child + div + div + div{top:123px; }*/
div.ftext.store div.ftext-body.store-listing div.info.subscription div.line3 {display:none; }

div.ftext.store div.ftext-body.store-listing div.more {display:block; margin-top:10px; }
div.ftext.store div.ftext-body.store-listing div.more.view {display:block; }

div.ftext.store div.ftext-body.store-listing div.more-less {display:none;
	float:right; height:31px; width:50px; background-image: url("https://contactquarterly.com/images/elements/grey-arrow-top-bottom.png");
	background-position: -100px -31px; 
	background-repeat: no-repeat;
	cursor: pointer;
	font-size:12px;
	font-weight:bold;
	color:#da8918;
	/*color:red;*/
	overflow:visible; 
}

div.ftext.store div.ftext-body.store-listing div.more-less + a.anchor {display:inline-block; margin-bottom:20px; }
div.ftext.store div.ftext-body.store-listing div.more-less + a.anchor + div.ftext-head-sub {margin-top:0px; }

div.ftext.store div.ftext-body.store-listing div.more-less > span {margin-top:4px; margin-left:-50px; white-space:nowrap; }
div.ftext.store div.ftext-body.store-listing div.more-less > span:first-child {display:inline-block; }
div.ftext.store div.ftext-body.store-listing div.more-less > span:first-child + span {display:none; }

/*---------------------In case the category data is always open the arrow will be invisible------------------*/
div.ftext.store div.ftext-body.store-listing div.more-less.view {display:none; }

div.ftext.store div.ftext-body.store-listing div.more + div.more-less { background-position: -100px -31px; }
div.ftext.store div.ftext-body.store-listing div.more + div.more-less:hover { background-position: -50px -31px; }
div.ftext.store div.ftext-body.store-listing div.more + div.more-less:active { background-position: -0px -31px; }

div.ftext.store div.ftext-body.store-listing div.more.view + div.more-less { background-position: -100px 0; }
div.ftext.store div.ftext-body.store-listing div.more.view + div.more-less:hover { background-position: -50px 0px; }
div.ftext.store div.ftext-body.store-listing div.more.view + div.more-less:active { background-position: 0px 0px; }

div.ftext.store div.ftext-body.store-listing div.more.view + div.more-less > span:first-child {display:none; }
div.ftext.store div.ftext-body.store-listing div.more.view + div.more-less > span:first-child + span {display:inline-block; }




