/* CSS Document */

/* - - - - - - - - - - - - - - - - - -
	Evolution 7 Web Design
	http://www.evolution7.com
- - - - - - - - - - - - - - - - - - */

* {padding:0; margin:0;}
body {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:13px; line-height:17px; background:url(../images/bg-body.jpg) bottom center fixed repeat-x #3a47ca;}

/*Text, formatting*/
a {color:#FFFF00; text-decoration:none;}
	a:hover{text-decoration:underline;}
	a img {border:none;}

p {padding-bottom:10px;}
h1 {padding-bottom:10px; font-size:18px; line-height:21px; color:#FFFF00; }
	h1 span {color:#fff;}
h2 {padding-bottom:14px; font-size:14px; font-weight:bold; color:#FFFF00; }
	h2 span {color:#fff;}
h3 {padding-bottom:14px; font-size:14px; font-weight:bold;}
h4 {padding-bottom:12px; font-size:13px; font-weight:bold;}

ul, ol {margin:0; padding:8px 0 10px 15px;}
	ul li {padding:2px 0 2px 9px; list-style-type:none; background:url(../images/bullet.gif) no-repeat 0 8px;}
	
/*Layout*/
#wrapper {position:absolute; width:980px; top:23%; left:50%; margin-top:-155px; margin-left:-490px; z-index:99;}
#top {height:190px; background:url(../images/logo-nav-bg.png) top no-repeat; }
	#logo {display:none;}
/*Home*/ #feature {position:absolute; width:980px; bottom:0; left:50%; z-index:1; margin-left:-490px;}
			* html #feature {bottom:-2px;}
/*Subpages*/
#content-wrap {float:right; width:496px; margin:0 10px 0 0; background:url(../images/bg-content-wrap.png) no-repeat;}
	#content-wrap-btm {float:right; width:496px; margin:0 10px 30px 0; background:url(../images/bg-content-wrap-btm.png) no-repeat; height:25px;}
	#content {padding:20px 25px 0;}	
	
/*About Us*/
#subpage-feature {position:absolute; bottom:5%; z-index:1; width:980px; left:50%; margin-left:-490px;}
	.about-us {margin-left:60px;}
	
/*Canoodle Land*/
#canoodle-land {float:right; margin:0 6px 20px 0;}
	#maestro {float:left; width:300px;}
	#maestro img {margin-left:150px;}
	
/*Books + CDs*/
#full-width-wrap {float:right; width:920px; margin:0 15px 0 0; background:url(../images/bg-full-width.png) no-repeat;}
	#full-width-wrap-btm {float:right; width:920px; margin:0 15px 30px 0; background:url(../images/bg-full-width-btm.png) no-repeat; height:28px;}
	#full-width {padding:18px 18px 0 18px;}
#full-width-left-col {float:left; display:inline-block; width: 425px; margin: 0; }
#full-width-right-col {float:right; display:inline-block; width: 375px; margin: 0 20px 0 0;}
.inner-full-wrap {width:880px; margin:10px 0 0 0; background:url(../images/bg-inner-full.png) no-repeat; }
	.inner-full-wrap-btm {width:880px; margin:0 0 20px 0; background:url(../images/bg-inner-full-btm.png) no-repeat; height:25px;}
	.inner-full {padding:20px 20px 0 20px; width:840px;}
		#full-pack-details {position:absolute; top:25px; margin-left:540px; width:250px; }
.gift-pack-wrap {float:left; width:168px; height:323px; background:url(../images/bg-gift-pack.png) no-repeat; margin-right:10px; position:relative;}
	.gift-pack {padding:9px; font-size:11px; line-height:12px;}
	.gift-pack h2, .gift-pack h3 {padding:10px 0;}
	.gift-pack h2 {float:left;}
	.gift-pack h3 {float:right;}
	.gift-pack p {clear:both;}
	.gift-pack ul {padding:0; clear:both;}
	.gift-pack li {padding:0 0 4px;}
.view-large-cover {padding-left:70px;}
.view-large-cover:hover {cursor:pointer;}
.view-large-cd {padding-left:95px;}

/*Contact*/
#get-muzic-bug {position:absolute; right:20px;}

/*Buttons*/
.btn-purchase-big {display:block; width:176px; height:31px; background:url(../images/btn-purchase-big.gif); position:absolute; top:160px;}
	a.btn-purchase-big:hover {background-position:bottom;}
	.btn-purchase-big b {display:none;}
.btn-purchase {display:block; width:66px; height:18px; background:url(../images/btn-purchase.gif); position:absolute; top:304px; margin-left:80px;}
	a.btn-purchase:hover {background-position:bottom;}
	.btn-purchase b {display:none;}
.btn-submit {display:block; width:56px; height:22px; background:url(../images/btn-submit.gif); margin:20px 0 0 121px;}
	a.btn-submit:hover {background-position:bottom;}
	.btn-submit b {display:none;}
.btn-back {display:block; width:41px; height:18px; background:url(../images/btn-back.gif); margin:20px 0 0 121px;}
	a.btn-back:hover {background-position:bottom;}
	.btn-back b {display:none;}
.btn-cart {display:block; width:96px; height:31px; background:url(../images/btn-cart.gif); margin:3px 0 0 90px; float: left}
	a.btn-cart:hover {background-position:bottom;}
	.btn-cart b {display:none;}

/*Nav*/
#nav {position:relative; width:490px; padding:64px 0 0 485px; height:26px;}
	#nav div {float:left;}
	#nav a {height:26px; display:block;}
	/*Hover*/
	#nav a:hover {background-position:center;}
	/*On*/
	div#nav .on a {background-position:bottom;}
	#n1, #n1 a {background:url(../images/n1.gif); width:61px;}
	#n2, #n2 a {background:url(../images/n2.gif); width:87px;}
	#n3, #n3 a {background:url(../images/n3.gif); width:124px;}
	#n4, #n4 a {background:url(../images/n4.gif); width:107px;}
	#n5, #n5 a {background:url(../images/n5.gif); width:89px;}
	/*Hide*/
	#nav b {display:none;}

/*Validation*/
.warning {float:left; display:inline; margin:0 10px 0 0;}
.validationhead {font-weight: bold; color:#f5ac5c;}
.validationtext {margin-left:25px; color:#f5ac5c;}
	
/*Misc*/
.right {float:right;}
.left {float:left;}
.hr {height:1px; line-height:1px; background:#94a4d4; margin:0 0 10px;}
.margin-none {margin:0;}

.hidden {display:none;}
.popup {color: black; position:absolute; background:#fff; border:1px solid #D9DFE3; border-bottom:2px solid #D9DFE3; font-size:11px; line-height:13px; width:160px; padding:6px 12px 8px; margin:5px 0 0 50px;  }
.ajax-loader {width:32px; height:32px; margin: 50px auto 0 auto; background:url(../images/ajax-loader.gif) no-repeat transparent }
* html .popup {top:220px; left:155px;}

/*Forms*/
form {width:390px; clear:both;}
	form fieldset {clear:both; border:#94a4d4; border-width: 1px 0 0 0; border-style: solid none none none;}
	form fieldset legend {color:#ffff00; padding:10px 0; font-size:12px; font-weight:bold;}
	input, select, textarea {color:#2A348C; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; border-top:2px solid #2A348C; border-left:2px solid #2A348C; border-bottom:2px solid #fff; border-right:2px solid #fff; background:#EAECF8; opacity:0.95; filter:alpha(opacity=95);}
	textarea {overflow: auto;}
	form div {clear:left; display:block; width:390px; zoom:1; margin:5px 0 0 0; padding:1px 0;}
	form div label {display:block; float:left; width:120px; padding:3px 5px; margin:0 0 5px 0; text-align:right;}
	form div.required label, label.required {font-weight:bold;}
	form div select, form div textarea {width:230px; margin:0; padding:4px 6px;}
	input.inputText, form div input.inputText {width:230px; margin:0; padding:4px 6px;}
	form div input.inputDouble {margin-top:5px;}
	form div select.selectOne, form div select.selectMultiple {width:206px; padding:2px;}

	input:focus, textarea:focus, select:focus, input:active, textarea:active, select:active, input.inputText:focus, input.inputText:active {background:#fff; }
	
	.validation {color:#F5AC5C;}
	.validation-failed {border: 1px solid #FFCCCC;}
	
	.table-brd {border-bottom:1px solid #babfeb;}
	#contact_form {width:100%;}
/*Cart*/
	
	.qty-field {width: 20px; font-weight: bold; text-align:center;}
	#update {background:#ffff00; text-transform:uppercase; font-size:11px; font-weight: bold; width: 85px; height:18px; border-right:2px solid #D8B200; border-bottom:2px solid #D8B200; border-top:2px solid #fff; border-left:2px solid #fff; cursor: pointer}
	#add-more {background:#ffff00; text-transform:uppercase; font-size:11px; font-weight: bold; width: 130px; height:18px; border-right:2px solid #D8B200; border-bottom:2px solid #D8B200; border-top:2px solid #fff; border-left:2px solid #fff; cursor: pointer}
	.button {background:#ffff00; font-size:14px; font-weight:bold; width:60px; height:24px; border-right:2px solid #D8B200; border-bottom:2px solid #D8B200; border-top:2px solid #fff; border-left:2px solid #fff;}
	.delete-btn { background: url(../images/btn-delete.gif); width: 19px; height: 19px; display: block;}
	.delete-btn b { display: none;}
	#cart td { padding: 7px 0; }  
	#cart tr {height: 20px;}
		tr.top-panel td {  padding-bottom: 0px; border-bottom: 1px solid #babfeb;}
		tr.bottom-panel td {  padding-top: 0px; padding-bottom: 10px; border-top: 1px solid #babfeb;}
	
/*-----------IE STYLES BELOW------------*/

/*Entire content div is slightly transparent, Uses a PNG, but IE uses Aplha and no PNGs*/
	* html #content-wrap {background:url(../images/bg-content-wrap-ie.gif) no-repeat; filter:alpha(opacity=92);}
	* html #content-wrap-btm {background:url(../images/bg-content-wrap-btm-ie.gif) no-repeat; filter:alpha(opacity=92);}

	/*IE uses Aplha and no PNGs*/
	* html #full-width-wrap {background:url(../images/bg-full-width-ie.gif) no-repeat; filter:alpha(opacity=92);}
	* html #full-width-wrap-btm {background:url(../images/bg-full-width-btm-ie.gif) no-repeat; filter:alpha(opacity=92);}
	
	
	/*IE uses Aplha and no PNGs*/
	* html .inner-full-wrap {background:url(../images/bg-inner-full-ie.gif) no-repeat; filter:alpha(opacity=25);}
	* html .inner-full-wrap-btm {background:url(../images/bg-inner-full-btm-ie.gif) no-repeat; filter:alpha(opacity=25);}	
	
	* html .gift-pack-wrap {background:url(../images/bg-gift-pack-ie.gif) no-repeat; filter:alpha(opacity=95);}
	* html .gift-pack {filter:alpha(opacity=100);}
	
/*IE6 Full opacity content*/
* html #content, * html #full-width, .inner-full {position:relative; filter:alpha(opacity=100);}
	
/*IE PNG Fix*/
* html #top, * html #subpage-feature img, * html #maestro img, .inner-full img, .gift-pack img {behavior:url(scripts/iepngfix.htc);}

ul.yellow-disc { padding-top: 0px; margin-top: 0px }
ul.yellow-disc li { list-style-type: disc; }