/* CSS Document */





.style1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

}



.style2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

}

.style3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #CC0000;	

}



/*LINKS */



.link1:link {

	color: #000000;

	text-decoration: none;

}

.link1:visited {

	text-decoration: none;

	color: #000000;

}

.link1:hover {

	text-decoration:  none;

	color: #000000;

}

.link1:active {

	text-decoration: none;

	color: #000000;

}







.link2:link {

	color: #1D75A5;

	text-decoration: none;

}

.link2:visited {

	text-decoration: none;

	color: #1D75A5;

}

.link2:hover {

	text-decoration:  none;

	color: #1D75A5;

}

.link2:active {

	text-decoration: none;

	color: #1D75A5;

}







.link3:link {

	color: #FF5B5B;

	text-decoration: none;

}

.link3:visited {

	text-decoration: none;

	color: #FF5B5B;

}

.link3:hover {

	text-decoration:  none;

	color: #FF5B5B;

}

.link3:active {

	text-decoration: none;

	color: #FF5B5B;

}





.link4:link {

	color: #000000;

	text-decoration: underline;

}

.link4:visited {

	text-decoration:underline;

	color: #000000;

}

.link4:hover {

	text-decoration:  underline;

	color: #000000;

}

.link4:active {

	text-decoration: underline;

	color: #000000;

}



.link5:link {

	color: #7C7C7C;

	text-decoration: none;

}

.link5:visited {

	text-decoration:none;

	color: #7C7C7C;

}

.link5:hover {

	text-decoration:  none;

	color: #7C7C7C;

}

.link5:active {

	text-decoration: none;

	color: #7C7C7C;

}





/*LINKS ENDS */



#container {

	padding: 0px;

	width: 760px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	height: 100%;

	

}



#topnav_container {

	

	float: right;

	height: 32px;

	width: 478px;

	background-image: url(graphics/top_nav_bkg.jpg);

}



#main_body {

	float: left;

	height: auto;

	width: 760px;

	background-image: url(graphics/body_bkg_slice.jpg);

}



#topnavspacer {

	margin-left: 10px;

	float: left;

	height: auto;

	width: 10px;

}



.topnavbox {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	text-decoration: underline;

	float: left;

	height: auto;

	width: auto;

	padding-right: 22px;

	padding-left: 22px;

	padding-top: 10px;

	}

	

#bodytop {

	background-image: url(graphics/bodytop.jpg);

	float: left;

	height: 11px;

	width: 760px;

}	



#side_nav_container {

	

	float: left;

	height: auto;

	width: 221px;

	margin-left: 4px;

}



.side_nav_box {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	float: left;

	height: auto;

	width: 211px;

	padding-left: 10px;

	padding-top: 5px;

	padding-bottom: 5px;

}



.side_nav_box2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	float: left;

	height: auto;

	width: 211px;

	padding-left: 10px;

	padding-top: 5px;

	padding-bottom: 5px;

	color: #1D75A5;

}



.side_nav_box3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	float: left;

	height: auto;

	width: 211px;

	padding-left: 10px;

	padding-top: 5px;

	padding-bottom: 5px;

	color: #FF5B5B;

}



.nav_dots {

	float: left;

	height: 1px;

	width: 221px;

}



#cd_nav_box {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #4EABDE;

	float: left;

	height: auto;

	width: 211px;

	padding-left: 10px;

	margin-top: 5px;

	padding-top: 5px;

	padding-bottom: 5px;

}

#cd_nav_box2 {

	

	background-color: #4EABDE;

	float: left;

	height: 4px;

	width: 221px;

	margin-bottom: 5px;

	

}



#tips_nav_box {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #FF9999;

	float: left;

	height: auto;

	width: 211px;

	padding-left: 10px;

	margin-top: 5px;

	padding-top: 5px;

	padding-bottom: 5px;

}

#tips_nav_box2 {

	

	background-color: #FF9999;

	float: left;

	height: 4px;

	width: 221px;

	margin-bottom: 5px;

	

}



#front1 {

	float: left;

	height: 170px;

	width: 491px;

	margin-left: 35px;

}



#front2 {

	float: left;

	height: 294px;

	width: 491px;

	margin-left: 35px;

}



#front3 {

	float: left;

	height: 297px;

	width: 491px;

	margin-left: 35px;

}



#bodybottom {

	float: left;

	height: 16px;

	width: 760px;

}



#termsbox {

	float: left;

	height: 27px;

	width: 337px;

	padding-left: 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	padding-top: 10px;

	padding-right: 45px;

}



#bottomtab {

	float: left;

	height: 32px;

	width: 373px;

	background-image: url(graphics/bottomtab.jpg);

}



#streamlinebox {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	float: left;

	height: auto;

	width: auto;

	padding-right: 10px;

	padding-left: 40px;

	padding-top: 5px;

	color: #7C7C7C;

}



#leftcontentpanel {



	float: left;

	height: 100%;

	width: 475px;

	margin-left: 35px;

}



#aboutjotext1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #000000;

	float: left;

	height: auto;

	width: 100%;

}



#aboutjotext2{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;



	color: #000000;

	float: left;

	height: auto;

	width: 100%;

}



.cd_cover {

	float: left;

	height: auto;

	width: auto;

	padding-right: 10px;

	margin-right: 10px;

}



.cd_cover2 {

	float: left;

	height: auto;

	width: auto;

	padding-right: 10px;

	margin-right: 10px;

	padding-bottom: 100px;

}

.cd_cover3 {

	float: left;

	height: auto;

	width: auto;

	padding-right: 10px;

	margin-right: 10px;

	padding-bottom: 100px;

}



.samplebox {

	float: left;

	height: auto;

	width: 460px;

	padding-top: 15px;

	padding-bottom: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

}



.musicbox {

	float: left;

	height: auto;

	width: 460px;

	padding-top: 15px;

	padding-bottom: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	

}



#motherbox {

	

	float: left;

	height: auto;

	width: 230px;

}



#babybox {

	

	float: left;

	height: auto;

	width: 240px;

}



.formtitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: right;
	padding: 2px 2px 0px;
	height: 25px;
	width: 120px;
	font-weight: normal;
	float: left;
	
}

.formboxes {
	padding: 0px 2px;
	height: 28px;
	width: 310px;
	float: left;
	
}

.formboxes2 {
	padding: 0px 2px;
	height: 100px;
	width: 310px;
	float: left;
	
}
.formboxes3 {
	padding: 0px 2px;
	height: 60px;
	width: 310px;
	float: left;
	
}


.textfield1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	height: 20px;

	width: 275px;

}

.textfield2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	width: 275px;

}



.submitbox1 {

	

	float: left;

	height: auto;

	width: 270px;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 125px;

}

.submitbox2 {

	float: left;

	height: auto;

	width: 340px;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 70px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	

}

.submitbox3 {

	float: left;

	height: auto;

	width: 350px;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 60px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	

}



.item {

	padding: 20px 5px 5px;

	float: left;

	height: auto;

	width: 300px;

	margin: 2px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

}

.price {

	

	padding: 20px 5px 5px;

	float: left;

	height: auto;

	width: 50px;

	margin: 2px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

}

.item2 {

	background-color: #FFFFFF;

	padding: 5px 5px 5px;

	float: left;

	height: auto;

	width: 300px;

	margin: 2px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

}

.price2 {

	padding: 5px 5px 5px;

	float: left;

	height: auto;

	width: 50px;

	margin: 2px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	background-color: #FFFFFF;

}

.postage {

	background-color: #FFFFFF;

	padding: 5px 5px 5px;

	float: left;

	height: auto;

	width: 300px;

	margin: 2px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	text-align: right;

}

.postage_price {

	padding: 5px 5px 5px;

	float: left;

	height: auto;

	width: 50px;

	margin: 2px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	background-color: #FFFFFF;

}

.total {

	background-color: #FFFFFF;

	padding: 5px 5px 5px;

	float: left;

	height: auto;

	width: 300px;

	margin: 2px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	text-align: right;

}

.total_price {

	padding: 5px 5px 5px;

	float: left;

	height: auto;

	width: 50px;

	margin: 2px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	background-color: #FFFFFF;

}

.delete {

	

	padding: 5px 5px 5px;

	float: left;

	height: auto;

	width: 65px;

	margin: 2px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

}