body {background-repeat: repeat-x; background-position: top center;}
div#body {width: 96%; max-width: 900px; margin: 24px auto 10px auto; padding: 0px 0px 0% 0px;}
footer {width: 96%; max-width: 900px; margin: 0px auto; padding: 1% 0px; border-top: 1px solid #808080;}
hr {background: #808080;} header {border-bottom: 1px solid #000000; padding-bottom: 5px;}
header, nav, article {width: 100%; clear: both;}
div#header a#make-logo {font-size: 260%; line-height: 100%; font-weight: normal; text-transform: uppercase; padding-left: 6px; color: #000000;}
div#nav {height: 45px; border-top: 3px solid #000000; clear: both; margin: 2px auto 10px auto; text-align: center; background: #000066;}
div#nav div.suckertreemenu {width: 100%; border-top: 5px solid #FFFFFF; min-height: 40px;}
div#nav div.suckertreemenu ul li a {color: #FFFFFF; font-size: 120%; line-height: 40px; padding: 0px 18px; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}
div#nav div.suckertreemenu ul li ul li a {color: #FFFFFF; font-size: 100%; text-transform: uppercase;}
div#nav div.suckertreemenu ul li:last-child a {border-right: 0px;}
div#nav div.suckertreemenu ul li ul li a {position: relative; left: -1px; line-height: 30px; border-left: 0px; border-bottom: 0px;}
div#nav div.suckertreemenu ul li ul {background: #000066;}
div#nav div.suckertreemenu ul li a:hover, div#nav div.suckertreemenu ul li:hover a {background-color: #000066; opacity: 1; filter: opacity(100); color: #e6f3fe;}
div#nav div.suckertreemenu ul li ul li:hover a, div#nav div.suckertreemenu ul li ul li a:hover {background-color: #000066; color: #FFFFFF;}
div#nav div.suckertreemenu ul li ul li ul li:hover a, div#nav div.suckertreemenu ul li ul li ul li a:hover {background-color: #000066; color: #000000;}
div#nav div.suckertreemenu ul li ul li ul li ul li:hover a, div#nav div.suckertreemenu ul li ul li ul li ul li a:hover {background-color: #000066; color: #FFFFFF;}
div#altquicklinks {background: transparent; text-align: center;}
div#altquicklinks div#quick-links {color: #000000; margin: 0px auto; width: 94%; max-width: 900px; text-align: right;}
div#altquicklinks div#quick-links a {color: #000010;}
div#altquicklinks div#quick-links a:hover {color: #color:#C8F1EB;}
.productdesc {padding: 14px 10px 4px 0px; line-height: 130%; font-size: 96%;}
table#newsletter_tbl td {display: table-row;}
div#altlinksbottom {margin: 10px auto; width: 96%; max-width: 900px; text-align: center;height: 50px; border-top: 1px solid #808080; border-bottom: 1px solid #808080;}
div#altlinksbottom div.right_pagelinks a {color: #000000;}
div#altlinksbottom div.right_pagelinks a:hover {color: #0AADD8;}
div#altlinksbottom div.right_pagelinks {border-right: 1px solid #808080;}
div#altlinksbottom div.right_pagelinks:last-child {border-right: 0px;}
div#altlinksbottom div.right_pagelinks {overflow: hidden;}
div#altlinksbottom div.right_pagelinks:hover {overflow: visible;}
a.left_pagelink {display: block; text-align: left; line-height: 16px; color: #f9e6ff; }
div#breadcrumbs {padding: 0px 2% 14px 2%; line-height: 16px; font-size: 80%; text-align: left;} 

.product-price {display: block; min-height: 40px; padding: 10px 0px;}
.product-price .price-sale{display: block; font-size: 100%; font-weight: bold;  color: #FF0000;;}
.product .product-price .price-sale {font-size: 100% color: #FF0000;}
.product-price .price-reg {text-decoration: none; display: inline-block;   opacity: 1.0; font-weight: normal; line-height: 180%}
.product .product-price .price-reg {font-size: 90%; color: #000; display: block;}
.product-price .price {line-height: 50px;}
select {border-radius: 0; padding: 5px 5px 5px 4px; appearance: menu; -moz-appearance: menu; -webkit-appearance: menu;}
.product-option-menu table {margin: auto;;}

.rp {display: block; margin:"auto"; font-size: 90%; font-style: "italic";}
div.borders div.divider1, div.borders div.divider2, div.borders div.divider3, div.borders div.divider4, div.borders div.divider5, div.borders div.divider6, div.borders div.divider7, div.borders div.divider8, div.borders div.divider9, div.borders div.divider10, div.borders div.divider11, div.borders div.divider12, div.borders div.divider13, div.borders div.divider14, div.borders div.divider15 {border-bottom: 2px solid #808080;}
div#paymentlogos, div#imageone, div#image2 {min-height: 10px; width: 20%;} 
div#footerlinks {width: 60%; clear: both; padding: 0px; margin: 0px;float: left;}
div#social-follow2{clear: both;text-align: right;padding-top:10px;padding-right: 10px; float: right;}
div#footertext {text-align: center; clear: both;}
table.cart td {background: #808080;}

div#your-shopping-cart-live, div#your-shopping-cart {width: 60%; float: left; clear: none; border: 1px solid #808080; text-align: center;}
div#second-cart-side {width: 38%; float: right; clear: none; padding: 0px;}
div#first-cart2-side {width: 48%; float: left; clear: none; padding: 0px;}
div#second-cart2-side {width: 48%; float: right; clear: none; padding: 0px;}
div#required {text-align: center;}

.artisttext1 img {float: right; margin: 0px 15px 0px 15px;}
.artisttext1 p{text-align: left; }
.bio img {float: left; margin: 0px 15px 0px 15px;}
.bio p ul li {text-align: left; }
.artisttext3 p{text-align: center; }
.nyop {margin: auto;width: 80%;border: 2px solid green;padding: 10px;}
.nyop li {text-align: left; margin-left: 30px;}
.nyop p {font-size: 100%; text-align:center;}
.content h3 {text-align: center;}
.content img {float: left; margin: 0px 15px 0px 15px;}
.content p {text-align: left; margin-left: 30px;}
.content ol li {text-align: left; margin-left: 30px;}
.content ul li {text-align: left;}
.content dl {text-align: left; margin-left: 30px;}
.red {color:red;}
/* Style the buttons that are used to open and close the accordion panel */
button.accordion
{background-color: #F6F6F6; color: #C50747; cursor: pointer; padding: 10px; width: 100%; border: none; text-align: left; outline: none; font-size: 14px; transition: 0.4s;}
button.accordion.active, button.accordion:hover {background-color: #ddd;}
button.accordion:after {content: '\002B'; color: #777; font-weight: bold; float: right; margin-left: 5px;}button.accordion.active:after {content: "\2212";}
div.panel {padding: 0 18px;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
/* 2 columns */
div#leftside {float: left;width: 46%;padding: 10px;border: 1px solid #76c2b7;}
div#rightside {float: right; width: 46%; padding: 10px;border: 1px solid #76c2b7;}
@media screen and (max-width : 550px) {
div#leftside {float: left;width: 40%;padding: 10px;border: 1px solid #76c2b7;}
div#rightside {float: right; width: 40%; padding: 10px;border: 1px solid #76c2b7;}}

.artist img {padding-right: 5px; float: none;}

.height {line-height: 125%;}

.haiti {list-style-image:url(/media/icons/haiti.gif); list-style-type:none;}
.cuba {list-style-image:url(/media/icons/cuba.gif); list-style-type:none;}
.brazil {list-style-image:url(/media/icons/brazil.gif);list-style-type:none;}
.other {list-style-image:url(/media/icons/other.gif); list-style-type:none;}

div#information form, input[type=text] {width: 80%; margin: 8px 0; box-sizing: border-box;border: 1px solid #808080; border-radius: 4px;
}

.block {font-size: 1em; text-align: center; margin: 5px; padding: 5px; background: #bbe0dc; height: auto; width: 140px; -moz-border-radius: 10px -webkit-border-radius: 10px;}

.fp_new {text-align: center; margin: 5px; padding: 5px; background:#333333; width: 225px; height:180px;}
.fp_new img {padding: 5%;background: #fff;margin: 0 auto;display: block;} 

.fp_blow {text-align: center; margin: 3px; padding: 3px; background:#fff9c4; width: 140px; height:200px;}
.fp_blow img {padding: 3%;background: #fff;margin: 0 auto;display: block;} 


.fp_new2 {text-align: center; margin: 5px; padding: 5px; background:; width: 250px; height:300px;}
.fp_new2 img {padding: 5%;background: #fff;margin: 0 auto;display: block;} 

.fp_bottom table {border-collapse: collapse; border: 3px solid #ecb3ff;}
.fp_bottom table { padding: 1pt; }
table, th, td {
    border: 1px solid black;
}
.fp_bsale {text-align: center; margin: 5px; padding: 5px; background:#EAEDAB ;}
.fp_sale {text-align: center; margin: 5px; padding: 5px; background: #ecb3ff; width: 200px;}

.fp_body {text-align:left;margin: 5px; padding: 5px;}
.fp_body {font-family: Georgia, "Times New Roman", serif;font-size: 110%;line-height:120%;font-style: normal;}

/* 3 COLUMN SETUP */
.section {clear: both;padding: 0px;margin: 0px;}
/* COLUMN SETUP */
.col {display: block;float:left;margin: 1% 0 1% 1.6%; text-align: left;}
.col:first-child { margin-left: 0; }
.col img {margin: auto;}
.col h3, h4 {text-align: center;}

/* GROUPING */
.group:before,.group:after {content:"";display:table;}
.group:after {clear:both;}
.group { zoom:1; /* For IE 6/7 */}
/* GRID OF THREE */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.1%;}
.span_1_of_3 {width: 32.2%;}

/* GRID OF TWO , not even*/
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width:49.2%;}
/* GRID OF FOUR */
	
.span_4_of_4 {width: 100%; }
.span_4_of_4 h3 {text-align: center;}
.span_3_of_4 {width: 74.6%; }
.span_2_of_4 {width: 49.2%; }
.span_1_of_4 {width: 23.8%; }

@media only screen and (max-width: 800px) {
.span_2_of_3 {width: 55.1%;}
.span_2_of_3 {float:right}
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.span_2_of_2 {width: 100%; }
	.span_1_of_2 {width: 100%; }
	.span_3_of_3 {width: 100%; }
	.span_2_of_3 {width: 100%; }
	.span_1_of_3 {width: 100%; }
	.span_4_of_4 {width: 100%; }
	.span_3_of_4 {width: 100%; }
	.span_2_of_4 {width: 100%; }
	.span_1_of_4 {width: 45%; }}