@charset "utf-8";

img, div, input { behavior: url("iepngfix.htc") }


body { background:url(images/bg.png) repeat-x top fixed; padding: 0; margin: 0; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:13px;}

/*Font*/
a {color:#ac009e; text-decoration:none;}
a:hover { color:#15559c; text-decoration:underline;}
p { font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:13px; color:black; padding: 0; line-height: 150%; margin-top: 0;}
h1 { font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:26px; color:#35ABC4; font-weight:bold;}
h2 { font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:24px; color:#ac009e; font-weight:normal; margin-bottom: 0;}
h3 { font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:14px; color:#ac009e; font-weight:bold;}
.purple {color:#ac009e;}
.green {color: #006633;}
.red {color: #FF0000;}
.yellow {color: #FFFF00;}
.note { font-size:10px;}

#wrapper { margin:0 auto; width:980px; padding:10px 0 10px; background:transparent;}

/*Header*/
#header { background:url(images/header_bgn.png) no-repeat top; padding:0 75px; width:830px; height:213px;}
#logo a  { width:320px; height:84px; position:absolute; border: none;}

/*Navigation*/
#main_nav {
	background: none;
	height: 28px;
	padding: 90px 0 0 90px;
}
#main_nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#main_nav ul ul {
	width: 150px;
	position: absolute;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#main_nav li {
	float: left;
	width: auto;
	position: relative;
	display: inline;
}
/* style the links for the top level */
#main_nav li a, #main_nav li a:visited {
	display: block;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #15869A;
	width: auto;
	height: 28px;
	float: left;
	background: none;
	line-height: 28px;
	padding: 0 5px 0 5px;
}
/* style the top level hover */
#main_nav li a:hover {
	color: #FFFFFF; 
	background: #35ABC4; 
}
#main_nav li :hover > a {
	color: #FFFFFF; 
	background: #35ABC4; 
}
/* style the second level links */
#main_nav li li a, #main_nav li li a:visited {
	display: block;
	font-size: 12px;
	background: #35ABC4 none; 
	color: #FFFFFF; 
	font-weight: normal;
	height: 21px; 
	line-height: 21px; 
	padding: 0px; 
	width: 150px;
	border-bottom: 1px solid #15869A;
	text-align: center;
}
#main_nav li li a:hover {
	background: #15869A none; 
	color: #FEC647;
	font-weight: normal;
}
/* style the third level background */
#main_nav li li li a, #main_nav li li li a:visited {
	background: #15869A none; 
	color: #FFFFFF;
} 
/* style the third level hover */
#main_nav li li li a:hover {
	background: #15869A none; 
	color: #FEC647;
}
#main_nav li li li :hover > a {
	background: #15869A none; 
	color: #FEC647;
} 
/* hide the sub levels and give them a positon absolute so that they take up no room */
#main_nav ul ul {
	visibility: hidden;
	position: absolute;
	top: 28px;
	left: 0; 
	width: 150px;
}
/* another hack for IE5.5 */
* html #main_nav ul ul {
	top: 28px;
	t\op: 28px;
}
/* position the third level flyout menu */
#main_nav ul ul ul{
	left: 150px; 
	top: 0;
	width: 150px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
#main_nav table {position:absolute; top:0; left:0;}
/* make the second level visible when hover on first level list OR link */
#main_nav ul li:hover ul,
#main_nav ul a:hover ul {
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#main_nav ul :hover ul ul {
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#main_nav ul :hover ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#main_nav ul :hover ul :hover ul{ 
	visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#main_nav ul :hover ul :hover ul :hover ul { 
	visibility:visible;
}
 
/*Content*/
#content { background:url(images/content_bgn.png) repeat-y; padding:0 75px; width:830px; min-height:550px; height:auto; margin: 0;}
#contentleft { float:left; padding:4px 0 20px 20px; width:570px;}
 .content_text { padding:10px 0; clear:both;}
 .separator { clear:both; background:url(images/line.png) repeat-x; height:20px;}
#contentright { float:left; padding:4px 20px 20px 20px; width:196px;}
 .order a { margin:0 auto; background:url(images/order_btn.png) no-repeat; width:125px; height:31px; display: block;}
 .order a:hover {margin:0 auto; background:url(images/order_btn_hover.png) no-repeat;}
 #contentright h3 {
	font-size: 18px;
	font-weight: bold;
	color: #15869A;
	border-bottom: 2px solid #FEC647;
	padding-left: 10px;
	margin: 0;
}
.clearer {clear: both;}

/*Footer*/
#footer { clear:both; padding:0 75px; width:830px; height:auto; background:url(images/content_bgn.png) repeat-y; text-align:center; }
.separator2 { margin:0 70px; background:url(images/line2.png) repeat-x; height:20px;}
.footer_bottom { background:url(images/footer_bgn.png) no-repeat; height:56px;}

/*Others*/
.floatleft {float:left;}
/*-----------------------------------------OTHER PAGES-----------------------------------------------------------------------*/
/* About Us */
#contentmain { padding:20px 20px;}
.imgband { float:left; margin:0 10px 10px 0;}

/* Music */
.cart a { margin:10px 0; background:url(images/cart_btn.png) no-repeat; width:125px; height:31px; position:absolute;}
.cart a:hover {margin:10px 0; background:url(images/cart_btn_hover.png) no-repeat;}
.playsong { margin:0 0 0 5px;}

/* Photos */
.imgbox a { float:left; margin:10px; padding:5px; background:url(images/cross_bg.png) repeat;}
.imgbox a:hover { background:#ac009e;}


/* Contact */
.form { float:left; width:400px;}
.text { width:200px; clear:both;}
.textmsg { width:350px;}
.button { width:83px; height:27px; background: transparent url(images/btn_bg.png) no-repeat; border:none; color:white; font-weight:bold;}

.sidenav {
	font-size: 13px;
	font-weight: normal;
	list-style-type: none;
	margin: 10px 0 12px 0;
	padding: 0;
}
.sidenav li {
	display: block;
	color: #35ABC4;
	text-decoration: none;
	line-height: 24px;
	background: url(images/sidemenu_line.jpg) no-repeat;
	width: 196px;
	margin: 0 0 1px 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
}
.sidenav li a, .sidenav li a:visited {
	display: block;
	color: #35ABC4;
	text-decoration: none;
	line-height: 24px;
	background: url(images/sidemenu_line.jpg) no-repeat;
	width: 196px;
	text-align: center;
	font-weight: normal;
}
.sidenav li a:hover {
	background: url(images/sidemenu_line_over.jpg) no-repeat;
	color: #15869A;
}

#EmailForm {
	width: 360px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full { width: 100%; }

#EmailForm fieldset {
    border: none;
}

#EmailForm legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #ED3F36;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
	cursor: pointer;
	cursor: hand;
}


.readmore {
	width: 100px;
	float: right;
}
.readmore a {
	font-size: 12px;
	text-align: center;
	line-height: 27px;
	display: block;
	width:83px;
	height:27px;
	background: transparent url(images/btn_bg.png) no-repeat;
	border:none;
	color:white;
	font-weight:bold;
	cursor: pointer;
	cursor: hand;
	padding: 0;
}
.readmore a:hover {
	color: #004173;
}
.treasure_cart { 
	padding: 10px;
	clear: both;
	border: 4px solid #099FC2;
	text-align: center;
	line-height: 32px;
	font-weight: bold;
	font-size: 16px;
}
.addcart {
}
.emptycart {
}
.tc_cart_view_text {
	padding: 0 10px 0 0;
	background: url(images/bracket_left.png) 100% 75% no-repeat;
}
.tc_cart_count {
	padding: 0 34px 0 0;
	background: url(images/bracket_right.png) 100% 75% no-repeat;
	margin-right: 10px;
}
.tc_cart_empty {
	clear: left;
}