/*  CSS by VANTAGE STUDIOS INC. - 2006  */

/* ---------- basic elements ---------- */

body {
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
	font: 62.5%/0px helvetica, arial, sans-serif;
	color: #000;	
	background: #202121 url(http://www.minipopkids.com/images/bg.jpg) top center no-repeat;
}

body, div, ul, li, dl, dd, dt, p, img {padding: 0; border: 0; margin: 0;}

a { outline: none; }

hr {clear: both; color: #ccc; background-color: #ccc; height: 1px; border: 1px; padding: 0; margin: 5px 0 0 0;}

p {
	font: 1.1em/1.4em helvetica, arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 0 0 5px 0;
	float: left; clear: both; width: 100%;
}

p a:link {
	color: #08c;
	text-decoration: underline;
}

p a:visited {
	color: #08c;
	text-decoration: underline;
}

p a:hover {
	color: #888;
	text-decoration: underline;
}

h2 {font: 2.2em/1em helvetica, arial, sans-serif; clear: both; margin: 0 0 2px 0; color: #222;}
h3 {font: 1.6em/1em helvetica, arial, sans-serif; clear: both; margin: 0 0 8px 0; color: #222; float: left; clear: both; width: 100%;}
h4 {font: 1.3em/1em helvetica, arial, sans-serif; font-weight: bold; clear: both; margin: 0 0 8px 0; color: #222;}

form {margin: 0; padding: 0;}
textarea {font: 1.5em/2em helvetica, arial, sans-serif; overflow:auto;}
.submit {float: left; background: #eee; padding: 0; margin: 0; border: 1px outset #fff;}
.email {float: left; padding: 0 8px 0 0; margin: 0 6px 8px 0; color: #bbb; border: 1px inset #ddd;}
.txtbox {padding: 0 8px 0 0; color: #bbb; border: 1px inset #ddd;}

#container {
	width: 740px;
	padding: 0;
	text-align: center;
	margin: 0 auto 0 auto;
}

#innercontainer {
	float: left;
	width: 740px;
	min-height: 500px;
	text-align: center;
	padding: 0;
	margin: 0 auto 0 auto;
	background: #fff;
}

#flashcontent_header1 {float:inherit;margin: 5px auto 0 auto; text-align: center; width: 750px; height:250px; }


/* ---------- layout ---------- */

#header {float: left; padding: 0; width: 740px; margin: 0 0 0 0;}

#left {clear: both; float: left;  padding: 5px; margin: 10px; border: #ccc solid 1px;}
#left p {float: left; color: #fff; padding: 5px; font: 1.2em/1.2em helvetica, arial, sans-serif;}
#left .items {float: right; clear: none; width: 60%; text-align: right;}
.greybar {clear: both; float: left; background: #333; text-align: left; width: 180px; margin: 0 0 5px 0;}
.greybar p {float: left; width: auto;}
.music_list ul li{clear: both; float: left; text-align: left; list-style: none;}
.music_list ul li a:link, .music_list ul li a:visited {color: #08c; font: 1.2em/1.4em helvetica, arial, sans-serif; text-decoration: none;}
.music_list ul li a:hover {color: #666; font: 1.2em/1.4em helvetica, arial, sans-serif; text-decoration: none;}
.music_list li ul{clear: both; float: left; text-align: left; list-style: none;}
.music_list li ul a:link, .music_list li ul a:visited {color: #666; padding: 0 0 0 15px; font: 1.1em/1.5em helvetica, arial, sans-serif; text-decoration: none;}
.music_list li ul a:hover {color: #999; padding: 0 0 0 15px; font: 1.1em/1.5em helvetica, arial, sans-serif; text-decoration: none;}
.mother {border-bottom: #aaa solid 1px; width: 180px; padding: 3px 0; float: left; clear: both;}
.child {float: left; clear: both; width: 180px;}
#cartbuttons {clear: both; float: left; width: 180px; text-align: center; margin: 0 auto 0 auto;}
.view, .view a:link, .view a:visited, .view a:hover {clear: both; float: left; text-align: left; width: 180px; height: 38px; background: url(images/viewcart.gif) top right no-repeat; padding: 0; margin: 0; line-height: 0; text-indent: -9999px;}
.checkout, .checkout a:link, .checkout a:visited, .checkout a:hover {float: left; text-align: left; width: 40px; height: 27px; background: url(images/checkout.gif) top left no-repeat; padding: 0; margin: 10px 0 0 0;}


#right {float: left; margin: 10px 0 0 0; width: 510px;}
.section {clear: both; text-align: left; float: left; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: #aaa solid 1px; width: 100%;}
.section-end {clear: both; text-align: left; float: left; width: 100%; padding: 0 0 20px 0;}
.section-end img, .section img {float: left; padding: 5px; border: #ccc solid 1px;}

.info {float: right; text-align: left; width: 300px;}
#preview, #preview a:link, #preview a:visited, #preview a:hover {clear: both; float: left; text-align: left; width: 110px; height: 27px; text-indent: -9999px; background: url(images/preview.gif) top left no-repeat; padding: 0; margin: 0;}
#watch, #watch a:link, #watch a:visited, #watch a:hover {float: left; text-align: left; width: 148px; height: 34px; text-indent: -9999px; background: url(images/watch.gif) bottom right no-repeat; padding: 0; margin: 0;}
.add, .add a:link, .add a:visited, .add a:hover {clear: both; float: left; text-align: left; width: 110px; background: url(images/add.gif) top left no-repeat; padding: 0; margin: 10px 0 0 0;}
.itunes, .itunes a:link, .itunes a:visited, .itunes a:hover {float: left; text-align: left; width: 500px; height: 58px; background: url(images/itunes.gif) bottom left no-repeat; padding: 0; margin: 0; text-indent: -9999px;}

#enjoy ul li {float: left; text-align: center; list-style: none; padding: 5px 14px 0 0;}
#enjoy img {padding: 5px; margin: 0 0 5px 0;}
#enjoy p {font-weight: bold; clear: both; width: 100%; float: left; text-align: center;}
#enjoy a:link, #enjoy a:visited {color: #333; text-decoration: none;}
#enjoy a:hover {color: #666; text-decoration: none;}

#front ul li {float: left; text-align: center; list-style: none; padding: 5px 14px 8px 0; width: 30%;}
#front img {padding: 5px; margin: 0 0 5px 0;}
#front p {font: 1.5em/1em helvetica, arial, sans-serif; font-weight: bold; clear: both; float: left; text-align: left; margin: 0; padding: 0;}
#front small {font: 1.1em/1em helvetica, arial, sans-serif; font-weight: bold; clear: both; float: left; text-align: left; margin: 0; padding: 3px 0 0 0; color: #333; width: 100%;}
#front a:link, #front a:visited {color: #333; text-decoration: none;}
#front a:hover {color: #666; text-decoration: none;}

.disc {float: left; padding: 0 20px 0 0;}
.disc ul li {clear: both; float: left; font: 1.1em/1em helvetica, arial, sans-serif; color: #333; text-align: left; list-style: none; padding: 0 0 10px 0; width: 200px;}
.tbil {float: left; width: auto; clear: none; padding: 4px 5px 0 0; margin: 0;}

.miniplay {width: 30px; text-align: left; float: left; clear: none;}

.comment {clear: both; float: left; padding: 0 0 15px 0; width: 100%;}
.star {float: left; width: 16px; height: 15px; background: #fff url(images/star.gif);}
.rating {float: left; color: #777; padding: 0 0 5px 0; font: 1.2em/1.2em helvetica, arial, sans-serif;}
.review {clear: both; float: left; color: #333; float: left; clear: both; width: 100%; padding: 0 0 5px 0; font: 1.1em/1.4em helvetica, arial, sans-serif;}
.reviewer {clear: both; float: left; color: #777; padding: 0px; font: 1.1em/1.2em helvetica, arial, sans-serif;}

/* Footer */

#footer {
	clear: both;
	text-align: center;
	background: url(http://www.minipopkids.com/images/footer_bg.jpg) top center repeat-x;
	margin: 0 auto 0 auto; padding: 40px 0 0 0; float: left; clear: both;
}

#footer_content {
	text-align: center;
	width: 740px;
	float: left; clear: both;
	margin: 0 auto 0 auto; padding: 0;
}

#copyright {
	float: left;
	text-align: center;
	width: 412px; height: 26px;
	text-indent: -9999px;
	background: url(http://www.minipopkids.com/images/copyright.gif) top center no-repeat;
	margin: 0; padding: 0;
}

#xhtml a {
	float: left;
	text-align: center;
	width: 89px; height: 26px;
	text-indent: -9999px;
	background: url(http://www.minipopkids.com/images/xhtml.gif) top center no-repeat;
	margin: 0; padding: 0;
}

#css a {
	float: left;
	text-align: center;
	width: 37px; height: 26px;
	text-indent: -9999px;
	background: url(http://www.minipopkids.com/images/css.gif) top center no-repeat;
	margin: 0; padding: 0;
}

#vantage a {
	float: left;
	text-align: center;
	width: 202px; height: 26px;
	text-indent: -9999px;
	background: url(http://www.minipopkids.com/images/vantage.gif) top center no-repeat;
	margin: 0; padding: 0;
}

fieldset {border: none; float: left; clear: both; padding: 0; margin: 0;}

fieldset form, fieldset input, fieldset textarea, fieldset select, fieldset label {float: left; clear: both; padding: 0; margin: 0 0 7px 0;}

fieldset submit {float: left; clear: both; padding: 0; margin: 0;}

fieldset label {
	font: 1.4em/1em helvetica, arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 0 0 5px 0;
}

#billypad {float: left; clear: both; width: 98%; padding: 7px; border: 1px solid #ccc;}
.section-end table {font: 1.2em/1.4em helvetica, arial, sans-serif; float: left; clear: both; text-align: left; width: 100%; margin: 0; text-align: left; padding: 0;}
.section-end tr {background: #fff; padding: 0; margin: 0; border: 0; border-bottom: 4px solid #fff; width: 100%; text-align: left;}
.section-end td {padding: 6px 10px; border-bottom: 2px solid #ddd;}
.section-end th {font: 1.3em/1.4em helvetica, arial, sans-serif; font-weight: bold; color: #fff; padding: 6px 10px; border-bottom: 2px solid #fff; background: #333;}
.section-end tfoot tr {background: #ccc; padding: 0; margin: 10px 0 0 0; border: 0; border-bottom: 4px solid #fff; width: 100%;}

.section-end .total {text-align: right;}
.section-end .quantity {text-align: center;}

.section-end .subtotal, .section-end .tax, .section-end .shipping, .section-end .summary {text-align: right; color: #888;}
.section-end .summary {text-align: right; color: #333; font-weight: bold;}

.section-end .subtotal td, .section-end .tax td, .section-end .shipping td, .section-end .summary td {}
.section-end .summary td {border: 0;}

h3.nope {font-size: 0; line-height: 0; padding: 0; margin: 0; text-indent: -9999px;}

#after {float: left; clear: both; width: 100%;}
img.nobor {float: left; clear: both; border: none !important; padding: 7px 0; margin: 0;}

td.name a {float: left; clear: both; color: #222; font-weight: bold; text-decoration: none;}