#shop_banner_section {float: left; width: 100%; background-color: #28B11A; 
		/* background-image: url('/images/structural/texture-bkgrnd-3.jpg'); */
		background-repeat: repeat;
		background-position: center center;
		min-height: 2px;
		padding: 2px 0;
		}
#shop_banner_section_inner {	width:100%; text-align: left; margin: 0 auto; clear: both; max-width: 1000px;}
#shop_control_trigger {}
#shop_control_trigger i { color: #28B11A; font-size: 1.5em; border-radius: 5px; border: 2px solid #28B11A; padding: 0.1em 0.2em; margin: 0.5em 0 0 0;}
#shopmenu { background-color: #28B11A; padding: 10px 0; margin: 1em 0; float: left; width: 100%; }
#shopmenu ul { list-style-type: none; float: left; margin: 0 0.5em; width: 99%; }
#shopmenu li { float: left; text-align: left; width: 100%; text-transform: uppercase; font-weight: 700; font-size: 0.75em; letter-spacing: 0.15em; margin: 0 0 0.5em 0; color: #fff; }
#shopmenu li a { color:#fff; }
#shopmenu li a:hover { color:#ff0; }
#shopmenu li ul {width: 97%;}
#shopmenu li ul li {width: 97%; margin: 0.5em 0; text-align: left; font-size: 0.9em;}
#shopmenu .shop_withdrop { cursor: pointer; }
#shopmenu h2 {font-size: 1.2rem; font-weight: 700; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 0.3em; margin: 0 0 1em 0; }
#shopmenu h2 a { color: #fff;} 
#shopmenu h2 a:hover { color: #ff0;} 

#filters {float: left; position: relative;  width: 80%; text-align: left; font-size: .8em;color: #BBB; font-weigt: 700; letter-spacing: 0.1em;}
#filters .filter_trigger { cursor: pointer; font-size: 1.2em;}
#filter_list { z-index:200; position: absolute; top:2em; left: 1em; width: 100%; background-color: white; padding: 20px; border: 1px solid #BBB; -webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);}
#filter_list ul { list-style-type: none; }
#filter_list ul li { margin: 0.5em; }
#filter_list input[type="checkbox"]{ width: 20px; height: 20px; border: 1px solid #666;}
#filter_list .filter_set {float: left; width: 90%; }
#filter_list .filter_apply { clear: both;}
#filter_list .filter_apply button {
background-color: #28B11A; /* Green */
  border: none;
  color: white;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.25em;
  }
.filter_listing span {color: #28B11A;}

#container .content_section_shop {margin-top:0;}	

#content .shopitem_holder { position: relative; float: left; margin: 1em 2% 1em 0; width: 90%; border: 1px solid #999; padding: 1%; 
	-webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4); }
#content .shopitem_holder .cover { width: 100%; text-align: center; }
#content .shopitem_holder .cover img { max-width: 100%; -webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);}
#content .shopitem_holder .cover .over_cover {position: absolute;top:0;left:0;}
#content .shopitem_holder .cover .over_cover img { max-width: 100%; -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;}
#content .shopitem_holder h2 {font-size: 1.0em; text-align: center;}
#content .shopitem_holder p { margin: 0  0 0 1em;}
#content .shopitem_holder .description_trigger {text-align: center;}
#content .shopitem_holder .description_trigger .button {margin: 0.5em auto;}
#content .shopitem_holder .play_title {}
#content .shopitem_holder .play_description {position: absolute; top: 10px; left: 10px; width: 90%; background-color: #28B11A; border: 1px solid black; opacity: 1; display: none;}
#content .shopitem_holder .play_description p {padding: 10px;color: #fff; line-height: 140%;}

#content .freebie_box { padding:10px; background-color: #E9F7E8; border: 1px solid red;}

#content #pagination_control {clear:both; float: left; width: 100%; background-color: white;}
#content .pagination_box {float: left; border: 1px solid #999; padding: 2px 8px; margin-right: 10px;}
#content .pagination_box_selected {background-color: #00cc00; color: #fff; font-weight: 700;}
#content .pagination_box_inactive {opacity: 0.3;}
#content .ipp_form {float: left; clear: both; margin-top:10px;}


/* button for general use */
#content .button {padding: 0.25em 0; margin: 1em 10%; width: 80%; max-width: 200px; background-color: #28B11A; text-align: center; border-radius:20px; color: #fff; cursor: pointer;}
#content .reversed {background-color: #fff; color: #28B11A;}
/* basket styling */
#view_basket { float: right; width: 20%; text-align: right; font-size: 1.2em;color: #BBB; cursor: pointer; z-index: 500;}

#basket_data {position: fixed; top: 10%; left: 10%; z-index: 220; background-color: white; border: 1px solid #999; -webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	overflow: auto;
	max-height: 80vh;
	display: none;}
#basket_head {float: left; width: 100%;}
#basket_head .heading	{ float: left; text-align: left; }
#basket_head .heading h3 { line-height: 100%; margin: 10px 1em 20px 1em;}
#close_basket { text-align: center; float: right; padding: 8px; }
#close_basket .far { font-size: 2em; color: #bbb; cursor: pointer;}
#basket_table { margin:1em 2%; width: 94%; border: 1px solid #999; border-collapse: collapse; font-size: 0.8em;}
#basket_table tr:nth-child(even) {background: #E9F7E8;}
#basket_table tr:nth-child(odd) {background: #eee;}
#basket_table tr.head_rows {background: #28B11A; color: #fff;}
#basket_table tr.head_rows td {padding: 0.5em;}
#basket_table th { border: 1px solid #999; }
#basket_table td { border: 1px solid #999; }
#basket_table td.left_cell { }
#basket_table td.center_cell { }
#basket_table .right_cell { }
#basket_table .sale_item  {color: #c00;}
#basket_table .no_mobile{ display:none;}

#basket_summary { overflow: auto; max-width: 100%;}
#basket_summary  #basket_table {min-width: 250px;}
#extra_rights_table { margin:1em 2%; width: 94%; border: 1px solid #999; border-collapse: collapse; font-size: 0.8em;}
#extra_rights_table tr:nth-child(even) {background: #E9F7E8;}
#extra_rights_table tr:nth-child(odd) {background: #eee;}
#extra_rights_table tr.head_rows {background: #28B11A; color: #fff;}
#extra_rights_table tr.head_rows td {padding: 0.5em;}

#extra_rights_table th { border: 1px solid #999; }
#extra_rights_table td { border: 1px solid #999; }
#extra_rights_table td.left_cell { text-align: left; padding: 0.25em 0 0.25em 0.5em; }
#extra_rights_table td.center_cell {text-align: center; padding: 0.25em 0;}
#extra_rights_table .right_cell { text-align: right; padding:  0.25em 0.5em 0.25em 0;  }


#basket_buttons .button {
padding: 0.25em 0; margin: 1em 10%; width: 80%; max-width: 200px; background-color: #28B11A; text-align: center; border-radius:20px; color: #fff;}
#basket_buttons .left_float{ float: left;}
#basket_buttons .right_float{ float: left;}

#play_holder { float: left; }
#play_holder .play_title { background-color: #28B11A; padding: 1%; float: left; width: 98%;  margin:1em 0;}
#play_holder .play_title h2 { color: white;}
#play_holder .play_title h3 { font-size: 0.9em; margin:0; padding: 0; text-transform: uppercase; font-weight: 700; letter-spacing: 0.1em;}
#play_holder .subtitle {background-color: #ddd; }
#play_holder ul { padding: 0.2em 2em; list-style-image: url("data:image/svg+xml,%3Csvg width='10' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='6' r='5' fill='%233b2f89' /%3E%3C/svg%3E");}
#play_holder ul li { font-size:0.9em; margin: 0.2em 2em;}

#play_holder .detail_text ul { padding: 0.2em 2em; list-style-image: url("data:image/svg+xml,%3Csvg width='10' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='6' r='5' fill='%2328B11A' /%3E%3C/svg%3E");}
#play_holder .detail_text ul li { font-size:0.9em; margin: 0.2em 2em; font-weight: 100;}


.author {}
.inner_block { float: left; width: 100%;}
.detail_image { float: left; width: 100%; text-align: center;}
.detail_image img { -webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);}

.detail_text {float: left; width: 98%; margin-left: 1%;}
.inner_block .detail_text_formats {float: left; width: 100%;}
.detail_block {float: left; width: 80%; max-width: 200px; border: 1px solid #999; background-color: #E9F7E8; margin:1em 0; margin-left: calc((100% - 200px)/2) }
.detail_block table { margin: 0.5em;}
.detail_block table th {font-size: 0.85em; font-style: italic; text-align: right; vertical-align: top;}
.detail_block table td {font-size: 0.85em; text-align: left; vertical-align: top; padding-left: 5px;}

.para_gap { margin-top: 1.5em;}
#play_holder .detail_text .smallbold { font-size: 0.75em; font-weight: 700;}

.red { color: #CC0000; }
.redbold { color: #CC0000; font-weight: bold; font-size: 1em; }
.strike { text-decoration: line-through; }

#music_samples{ margin:10px; width: 45%; background-color: #FFFFFF; position: fixed; border: 1px solid #999; display: none; top: 40%; right: 20%; -webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);}
#music_samples audio {  height: 25px; width: 15em; margin: 0.5em; border:0; }
#music_trigger{ cursor: pointer;}

.related_item {width: 25%; float: left; text-align: center;  margin:20px 0 0 0;}
.related_image { width: 50%; margin:0 25%; }
.related_image img {-webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4); max-width: 100%;}
#play_holder .related_item p.related_text { font-size: 0.8em; line-height: 120%; margin-top: 0px; text-align: left; margin: 0 20px;}
 	
#order_buttons {float: left; width: 100%;}
#alternate_payment { float: left; width: 100%;}
#alternate_payment h2 { text-align: center; border-bottom: 1px solid #999;  line-height: 0.1em; margin: 10px 0 20px;}
#alternate_payment h2 span { padding: 0 1em; background-color: #fff;}
#alternate_payment h3 {font-size: 1.5em;}

#basket_empty { width:90%; margin: 5%; float: left; }
#basket_empty i {font-size: 2em; color:#28B11A; }
#basket_empty p {font-size: 1em; color:#868686; }

#voucher_code_holder { border: 1px solid #999; float: left; clear: both; padding: 0.5em; border-radius:5px;}
#voucher_code_holder .button_v {
padding: 0.25em 1em; margin: 1em;  background-color: #28B11A; text-align: center; border-radius:20px; color: #fff; border: none;}

.std_col h4 { margin: 1em 0 0 0em; }


/* specials for eshop home page */
#content .navigation_block {
float: left; width: 95%; background-color: #28B11A; border: 1px solid #999; margin:5px 0 0 2% ; -webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
-moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);}

#content .navigation_block .header {  min-height: 1.2em; } 
#content .navigation_block h2 {margin: 0.5em; font-size: 1rem; color: #fff; font-weight:600; letter-spacing: 0.04em; text-align: center;}
#content .navigation_block ul {color: #666; padding: 20px; list-style-image: url('/images/structural/ul-triangle.png');
}
#content .navigation_block li {font-size: 0.9em; color: #666; font-weight:300;}
#content .navigation_block li a {color: #666; text-decoration: none;}
#content .navigation_block li a:hover {color: #3b2f89; text-decoration: underline;}
#content .navigation_block { width: 90%; margin:1em 0 1em 5% ;  min-height: 250px; position: relative;}
#content .navigation_block .footer {position: absolute; bottom: 10px; right: 10px;}
#content .navigation_block .footer h3 { font-size: 0.9em; text-align: right; color: #FFFFFF; width: 50%; float:right;}

#content .navigation_block .eshop_message_holder img { max-width: 45%; -webkit-transform:rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
  -webkit-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4);
	box-shadow: 6px 6px 10px -3px rgba(0,0,0,0.4); 
  }
  
 #content .boxed_one { 
width: 70%;
margin-left: calc((100% - 70%)/2);
background-color: #DDDDFF; 
background-image: url('/images/structural/bkgd-green.png');
		}
 #content .boxed_one ul { font-weight: 300; padding: 0.2em 2em; list-style-image: url("data:image/svg+xml,%3Csvg width='10' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='6' r='5' fill='%2328B11A' /%3E%3C/svg%3E"); }
 }
  #content .boxed_one ul li a { color: #fff; }