@CHARSET "UTF-8";

body 							{ background: url('../images/bg_content.jpg') repeat-x scroll 0 430px; border: 0 solid #FF0000; color: #000000; font-family: Lucida Grande, Arial,sans-serif; font-size: 13px; margin: 0; padding: 0; }
/* background: #FAFAFA; */
img								{ border: 0; }
a								{ text-decoration: none; -moz-outline-style: none; outline: none;}
a:hover							{ text-decoration: underline; font-weight: bold; }
a:focus							{ -moz-outline-style: none; outline: none;	}
.clear							{ clear: both; height: 0; }
h1								{ font-size: 14px; }
h4								{ font-size: 13px; margin-bottom: 0px; }
p								{ line-height: 24px; }
input, textarea					{ font-family: Lucida Grande, Arial,sans-serif; border: 0 none; background-color: transparent; padding: 1px 13px; line-height: 32px; margin-top: 13px; }
textarea						{ font-size: 11px; line-height: 16px; padding: 8px 12px; resize: none; }
.blue							{ color: #263381; }

/* FONTS */
.t16							{ font-size: 16px; }
.t14							{ font-size: 14px; }
.t10							{ font-size: 10px; }

.window 						{ border: 0 solid #FF0000; min-width: 975px; text-align: center; }

/* TOP */
.blueBarContainer				{ height: 65px; }
.blueBar						{ height: 65px; background: url('../images/bg_header.png') repeat-x; }
#contentTop						{ margin: 0 auto; width: 965px; color: #FFFFFF; }
#contentTop:after				{ clear: both; }
#mainLogo 						{ float: left; width: 518px; height:43px; }
#mainLogo a, 
#mainLogo a:active,
#mainLogo a:hover,			
#mainLogo a:focus 				{ display: block; width: 518px; height:43px; background-image: url('../images/rockin_readers_theater_logo.jpg'); }

#topNav							{ float: right; }
#topNav ul						{ list-style-type: none; margin: 0; padding: 0; padding-top:23px; }
#topNav li						{ float: left; height: 16px; }
#topNav li a					{ border-bottom: 1px solid #FFFFFF; color: #FFFFFF; padding-bottom: 1px; text-decoration: none; white-space: nowrap; font-weight: bold; }
#topNav li.first-link a			{ margin-right: 10px; }
#topNav li.first-link:after 	{ background: none repeat scroll 0 0 #666666; width: 1px; content: ""; display: inline-block; height: 13px; }
#topNav li.last-link			{ padding-left: 14px; }

.center 						{ margin: 0 auto; text-align: left; width: 975px; }

/* HEADER */
.header							{ height: 365px; border-bottom: 1px solid #818181; background: #FFFFFF; }
.headerLeft						{ width: 565px; display:block; height:365px; float: left; margin: 0 auto; background: url('../images/header_globe_img.jpg') no-repeat -3px bottom; }
.headerRight					{ width: 380px; float: left; margin: 0 auto; text-align: left; margin-left: 20px; padding-top: 57px; }
.headerRight .main_title		{ display: block; width: 380px; height:53px; background-image: url('../images/title_paper_or_plastic.jpg'); }
.headerRight .pdf_links	 		{ list-style-type: none; padding-left: 0px; margin: 0 0 12px;}
.headerRight .pdf_links li		{ margin-bottom: 6px; }
.headerRight .pdf_links li a	{ color: #263381; border-bottom: 1px solid #263381; padding-bottom: 1px; text-decoration: none; white-space: nowrap; }
.headerRight .pdf_links li a span.pdf_icon	{ float:left; width:16px; margin-right: 5px; height: 16px; background: url('../images/icon_pdf.png') no-repeat; display: block; }


/* CONTENT */
#productHolder						{ background: url('../images/shadow_header.png') no-repeat; min-height: 489px; }
#productHolder .col1 a,
#productHolder .col2 a				{ color: #263381; border-bottom: 1px solid #263381; padding-bottom: 1px; text-decoration: none; white-space: nowrap; }
#productHolder .col1				{ width: 300px; height: 425px; float: left; padding: 17px 10px 20px 25px; background: url('../images/singing_frog.jpg') no-repeat bottom; }
#productHolder .col1 p				{ width: 288px; }
#productHolder .col2				{ width: 390px; float: left; padding-left: 10px; }
#productHolder .col2 p				{ width: 370px; margin-top: 0px; }
#productHolder .col2 .icon_read_more_closed { background: url('../images/link_arrow.png') no-repeat; }
#productHolder .col2 .product_pack	{ background: url('../images/product_pack.png') no-repeat; display: block; width: 376px; height: 256px; margin-top: -83px; }
#productHolder .col3				{ width: 230px; float: left; }
#productHolder .col3 #buy_now_box	{ width: 227px; height: 205px; background: url('../images/bg_buy_box.png') no-repeat; text-align: left; margin: -65px 0 0 0; padding: 7px; }
#productHolder .col3 #buy_now_box .ppack	{ text-align: center; }

#productHolder .col3 #buy_now_box #pk2,
#productHolder .col3 #buy_now_box #pk3,
#productHolder .col3 #buy_now_box #pk4,
#productHolder .col3 #buy_now_box #pk5,
#productHolder .col3 #buy_now_box #pk6,
#productHolder .col3 #buy_now_box #pk7	{ display:none; }

#productHolder div#txt_reveal			{ display: none; }

.long_cbb_holder					{ background: url('../images/bg_cbb.png') no-repeat; width: 213px; height: 35px; text-align: left; }
.long_cbb_holder select				{ width: 213px; height: 35px; position: relative; }

.buy_now_desc						{ text-align: left; margin-left: 10px; margin-top: 12px; }
.buy_now_desc ul					{ list-style-type: none; text-align: left; color: #666666; padding: 0; margin: 0; }
.btn_buy_now						{ background: url('../images/btn_buy_now.png') no-repeat; display: block; width: 212px; height: 35px; border-bottom: none; position: absolute; margin-top: 13px; float: left; }

#cbb_products						{ font-size: 14px; height: 35px; min-height: 35px; opacity: 0; position: relative; vertical-align: middle; width: 100%; }
#cbb_products option				{ padding: 3px 8px; }

.blueTitle							{ font-size:14px; font-weight: bold; color: #263381; /*width: 173px;*/ height: 35px; position:absolute; float: left; line-height: 34px; text-align: left; padding-left: 10px; }
.notabene							{ font-size: 8px; color: #666666; text-align: left; width: 100px; display: inline-block; }
.price								{ font-size: 25px; color: #284c91; font-weight: bold; width: 110px; display: inline-block; }
.price sup							{ font-size: 15px; }

.blueseparator						{ background-color: #284991; height: 1px; width: 727px; margin-left: 15px; }

.content3							{ height: 405px; }
.content3 #songspreview				{ float: left; padding-left: 15px; width: 528px; padding-top: 15px; }
.content3 #songspreview	h4			{ padding-left: 7px; margin-bottom: 5px; }
.content3 #rightcontent				{ width: 402px; float: left; margin-left: 21px; }
.content3 #rightcontent .turtle		{ background: url('../images/turtle.png') no-repeat; display: block; width: 410px; height: 313px; margin-top: -90px; }
.content3 #rightcontent .songsdesc	{ margin-top: 25px; width: 360px; margin-left: 9px; }

.content3 #songpreview .song_item	{ width: 528px; }

/* FOOTER */
.footer								{ width: 925px; height: 40px; border-top: 1px solid #222e73; padding-top: 20px; margin-left: 20px; padding-left: 9px; }
.footer span						{ color: #666666; font-size: 11px; }

/* LOGIN BOX */
#login_box							{ margin-left: -226px; margin-top: -39px; width: 322px; height: 240px; background: url('../images/bg_login_box.png') no-repeat; z-index: 2; position: absolute; display: none; padding-left: 44px; }
#login_box h3						{ color: #000; margin-left: 175px; margin-top:23px; font-size: 13px; font-weight: bold; width: 50px; }
#login_box #emul_contact			{ background-color: transparent; width: 100px; height: 35px; margin-left: 109px; margin-top: 13px; position: absolute; cursor: pointer; }
.login_box_form						{ text-align: left; /*width: 240px; */height: 150px; }
.login_box_form	.links				{ margin-top: 13px; max-width: 270px; }
.login_box_form #qusr				{ margin-top: 11px; }

/* POPUP */
.popup								{ width: 667px; height: 430px; background: url('../images/bg_popup.png'); }
.popup_content						{ padding: 34px 34px 20px 35px; text-align: left; }
.popup .top h2						{ color: #000; font-size: 24px; line-height: 16px; margin: 0 auto; margin-bottom: 30px; font-weight: bold; }
.popup .middle						{ font-size: 13px; }
.popup .middle .title				{ font-weight: bold; }
.popup .middle .subtitle			{ color: #4d4d4d; }
.popup .middle .login				{ width: 230px; padding-left: 2px; float: left; }
.popup .middle .contact				{ width: 277px; padding-left: 87px; float: left; }
.popup .middle .contact_alone		{ width: 550px; padding-left: 2px; float: left; }

.popup_middle						{ width: 341px; height: 427px; background: url('../images/bg_popup_middle.png'); }
.popup_middle .popup_content		{ padding: 30px 34px 20px 30px; text-align: left; }
.popup_middle .top h2				{ color: #000; font-size: 24px; line-height: 16px; margin: 0 auto; margin-bottom: 20px; font-weight: bold; }
.popup_middle .middle				{ font-size: 13px; }
.popup_middle .middle .title		{ font-weight: bold; }
.popup_middle .middle .subtitle		{ color: #4d4d4d; }
.popup_middle .middle .contact_alone{ width: 300px; padding-left: 2px; float: left; }
.popup_middle .middle .links		{ margin-top: 14px; }

.packshot							{ width: 300px; height: 100px; }
.packshot img						{ float: left; }
.packshot.packshot1 a.packshot_link	{ margin-top: 35px; border-bottom: 1px solid #263381; }
.packshot a							{ float: left; color: #263381; margin-left: 12px; text-decoration: none; white-space: nowrap; }
.packshot.packshot1					{ margin-top: 7px; }
.packshot.packshot2 a.packshot_link	{ margin-top: 25px; }
.packshot.packshot2 span			{ color: #263381; border-bottom: 1px solid #263381; }

/* POPUP SMALL */
.popup_small						{ width: 667px; height: 200px; background: url('../images/bg_popup_small.png'); }
.popup_content						{ padding: 34px 34px 20px 35px; text-align: left; }
.popup_small .top h2				{ color: #000; font-size: 24px; line-height: 16px; margin: 0 auto; margin-bottom: 30px; font-weight: bold; }
.popup_small .middle				{ font-size: 13px; }
.popup_small .middle .title			{ font-weight: bold; }
.popup_small .middle .forgot_pwd_email_form			{ width: 590px; padding-left: 2px; float: left; margin-top: 10px; }
.forgot_pwd_email_form input		{ float: left; margin-top: 15px; }
.forgot_pwd_email_confirm 			{ width: 590px; padding-left: 2px; margin-top: 10px; }

.popup_close_button					{ width: 21px; height: 21px; background: url('../images/popup_close_button.png'); display: block; float: right; margin-right: 15px; margin-top: 15px; }

/* FORMS */
.pwd_field							{ color: #BABABA; }
.pwd_container input				{ width: 201px; height: 33px; margin-top: 0px; }

.input_small_size					{ width: 105px; height: 33px; color: #000; background-image: url('../images/bg_forms_fields.png'); background-position: 0px -50px; background-repeat: no-repeat; }
.input_small_size.error				{ width: 105px; height: 33px; color: #c50000; background-image: url('../images/bg_forms_fields.png'); background-position: -146px -50px; background-repeat: no-repeat; }

.input_middle_size					{ width: 201px; height: 33px; color: #000; background-image: url('../images/bg_forms_fields.png'); background-position: 0px 0px; background-repeat: no-repeat; }
.input_middle_size.error			{ color: #C50000; background-image: url('../images/bg_forms_fields.png'); background-position: -240px 0px; background-repeat: no-repeat; }
div.input_middle_size				{ width: 240px; height: 35px; margin-top: 13px; }

.input_long_size					{ width: 252px; height: 33px; color: #000; background-image: url('../images/bg_forms_fields.png'); background-position: 0px -98px; background-repeat: no-repeat; }
.input_long_size.error				{ width: 252px; height: 33px; color: #c50000; background-image: url('../images/bg_forms_fields.png'); background-position: -292px -98px; background-repeat: no-repeat; }

.textarea_medium					{ width: 256px; height: 52px; color: #000; background-image: url('../images/bg_forms_fields.png'); background-position: 0px -145px; background-repeat: no-repeat; }
.textarea_medium.error				{ width: 256px; height: 52px; color: #c50000; background-image: url('../images/bg_forms_fields.png'); background-position: -292px -145px; background-repeat: no-repeat; }

.link_forgot_pwd,
#topNav .link_forgot_pwd			{ font-weight: bold; font-size: 9px; color: #263381; text-decoration: underline; width: 59px; margin-left: 3px; float: left; line-height: 16px; border: 0; }
.btn_form_login						{ float: left; margin-left: 17px; }
#btn_form_send						{ float: left; margin-left: 130px; }
.popup .middle .login .links,
.popup .middle .contact .links,
.popup .middle .contact_alone .links{ margin-top: 13px; max-width: 270px; }

.btn_form_submit					{ margin-top: 13px; margin-left: 12px; float: left; width: 147px; height: 38px; background-image: url('../images/btn_submit.png'); background-repeat: no-repeat; display: block; }
.btn_form_ok						{ margin-left: 225px;; margin-top: 22px; width: 147px; height: 38px; background-image: url('../images/btn_ok.png'); background-repeat: no-repeat; display: block; }

.btn_form_login.inactive			{ width: 147px; height: 36px; background-image: url('../images/btn_login_template.png'); background-position: 0px 0px; background-repeat: no-repeat; }
.btn_form_login.processing			{ width: 147px; height: 36px; background-image: url('../images/btn_login_template.png'); background-position: 0px -39px; background-repeat: no-repeat; }
.btn_form_login.success				{ width: 147px; height: 36px; background-image: url('../images/btn_login_template.png'); background-position: 0px -79px; background-repeat: no-repeat; }

#btn_form_send.inactive				{ width: 147px; height: 36px; background-image: url('../images/btn_send_template.png'); background-position: 0px 0px; background-repeat: no-repeat; }
#btn_form_send.processing			{ width: 147px; height: 36px; background-image: url('../images/btn_send_template.png'); background-position: 0px -39px; background-repeat: no-repeat; }
#btn_form_send.success				{ width: 147px; height: 36px; background-image: url('../images/btn_send_template.png'); background-position: 0px -79px; background-repeat: no-repeat; }