* {padding: 0; margin: 0;}

html {
	background: #663399;
	font-family: Verdana, Arial, sans-serif;
}

body {
	width: 1000px;
	margin: 0 auto;
}

div.green {
    margin: 0 auto;
	width: 1000px;
	position: relative;
	background: url(/radio/1003/radio.gif) no-repeat;
	height: 660px;
}

div.green2 {
    margin: 0 auto;
	width: 1000px;
	position: relative;
	background: url(/radio/1003/radio2.gif) no-repeat;
	height: 660px;
}

img {
	border: none;
}

/* div that contains the 4 radio buttons */
/* The width of 400px is used so we can right align the buttons */
#radiobuttons {
	position: absolute;
	margin: 0 0 0 0 px;
	width: 400px;
}

#radiobuttons a {
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-stretch: condensed;
    display: block; 
}

a.link_text {
   position: absolute;
}

/* The Kids / Play button and text */
#kids {
	position: absolute;
	right: 30px;
	margin-top: 6px;
	z-index: 50;
}

#kids_text {
	position: absolute;
	margin-top: 24px;
	right: 125px;
}

a.kids_button { 
    /*background:url(/radio/1003/buttons_blue.gif) no-repeat; */
    background:url(/radio/1003/buttons.gif) no-repeat 1px -7px; 
    width: 58px; 
    height: 58px; 
}

a.kids_button:hover { 
    /*background: url(/radio/1003/buttons_blue.gif) no-repeat -58px 0px; */
    background: url(/radio/1003/buttons_blue.gif) no-repeat -59px -0px;
}


/* The Parents button and text */
#parents {
	position: absolute;
	right: 134px;
	margin-top: 39px;
	z-index: 50;
}

#parents_text {
	position: absolute;
	margin-top: 59px;
	right: 265px;
}

a.parents_button { 
    /*background:url(/radio/1003/buttons_orange.gif) no-repeat; */
    background:url(/radio/1003/buttons.gif) 8px -142px no-repeat; 
    width: 63px; 
    height: 65px; 
}

a.parents_button:hover { 
    /*background: url(/radio/1003/buttons_orange.gif) no-repeat -63px 0px; */
    background:url(/radio/1003/buttons.gif) -55px -142px no-repeat; 
}


/* The Teachers button and text */
#teachers {
	position: absolute;
	right: 229px;
	margin-top: 88px;
	z-index: 50;
}

#teachers_text {
	position: absolute;
	margin-top: 105px;
	right: 370px;
}

a.teachers_button { 
    /*background:url(/radio/1003/buttons_pink.gif) no-repeat; */
    background:url(/radio/1003/buttons.gif) no-repeat 4px -213px;
    width: 60px; 
    height: 59px; 
}

a.teachers_button:hover { 
    /*background: url(/radio/1003/buttons_pink.gif) no-repeat -60px 0px; */
    background:url(/radio/1003/buttons.gif) no-repeat -56px -213px;
}


/* The Try button and text */
#trybuy {
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;
}

a.trybuy_button { 
    /*background:url(/radio/1003/buttons_green.gif) no-repeat; */
    background:url(/radio/1003/buttons.gif) no-repeat 1px -76px;
    width: 58px; 
    height: 58px; 

}

a.trybuy_button:hover { 
    /*background: url(/radio/1003/buttons_green.gif) no-repeat -58px 0px; */
    background: url(/radio/1003/buttons.gif) no-repeat -57px -76px; 
}

#trybuy_text {
	position: absolute;
	margin-left: 62px;
	margin-top: 20px;
	width: 200px;
}

a.trybuy_link_text {
   position: absolute;
   font-size: 0.9em;
}



#home_text {
	position: absolute;
	margin-top: 595px;
	right: -415px;
	z-index: 50;
	font-size: 0.8em;
}

#home {
	position: absolute;
	right: -500px;
	margin-top: 585px;
}

a.home_button { 
    background:url(/radio/1003/buttons_red_small.gif) no-repeat; 
    width: 40px; 
    height: 40px; 
	z-index: 50;
}

a.home_button:hover { 
    background: url(/radio/1003/buttons_red_small.gif) no-repeat -40px 0px; 
	z-index: 50;
}





#kids_picture {
	position: absolute;
	margin-left: 478px;
	margin-top: 235px;

}

#frame {
	position: absolute;
	margin-left: 478px;
	margin-top: 235px;
	z-index: 50;

}

#framed {
	position: absolute;
	margin-left: 489px;
	margin-top: 245px;
	z-index: 2;

}

#soundcontrol {
	position: absolute;
	/*margin-left: 895px;
	margin-top: 469px;*/
	margin-left: 860px;
	margin-top: 460px;
	z-index: 100;
	filter:alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity:0.4;

}

#playpause {
	position: absolute;
	margin-left: 845px;
	margin-top: 470px;
	z-index: 101;
	filter:alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity:0.4;

}

#speekeeletters {
	position: absolute;
	margin-left: 520px;
	margin-top: 70px;

}

#strapline {
	position: absolute;
	margin-left: 470px;
	margin-top: 200px;
	width: 500px;
	text-align: center;
    color: black;
    font-weight: bold;
    font-stretch: condensed;
    font-size: 1.1em;
}

#testimonials {
	position: absolute;
	margin-left: 575px;
	margin-top: 520px;
	border: none;
	width: 300px;
	height: 90px;
	text-align: center;
    color: #111111;
    font-weight: bold;
    font-stretch: condensed;
	font-size: 0.8em;
}



div.flash_video_player {
/*position: absolute;

margin-top: 249px;
margin-left: 530px;*/

}

div.text_top_left {
position: absolute;
margin-top: 170px;
margin-left: 250px;
width: 320px;


}

#copyright_footer {
	text-align: center;
    color: #ffffff;
    font-size: 0.7em;
	padding-bottom: 12px;
}

#copyright_footer a
{
    text-align: center;
   color: #ffffff;
   font-family: sans-serif;

}

#detail {
position: absolute;
margin-left: 565px;
margin-top: 520px;
border: none;
width: 320px;
height: 120px;
text-align: center;
   color: #000000;
   /*font-family: sans-serif;*/
   font-size: 0.7em;
}

div.text_right {
position: absolute;
margin-left: 530px;
margin-top: 180px;
border: none;
width: 320px;
text-align: left;
   color: #000000;
   /*font-family: sans-serif;*/
   font-size: 0.7em;
}

div.text_right h1 {
font-size: 1.2em;
}

div.text_right h2,h3 {
font-size: 1.0em;
margin-top: 10px;
margin-bottom: 10px;
}

div.text_right p {
font-size: 0.9em;
margin-top: 5px;
margin-bottom: 5px;
}

div.text_right_medium {
position: absolute;
margin-left: 530px;
margin-top: 180px;
border: none;
width: 380px;
text-align: left;
   color: #000000;
   /*font: 1.0em "Lucida Grande", Verdana, Arial, sans-serif;*/


}

div.center {
text-align: center;
}

div.text_right_medium h1 {
font-size: 1.1em;
text-align: center;

}

div.text_right_medium h2,h3 {
font-size: 1.0em;
margin-top: 10px;
margin-bottom: 10px;
}

div.text_right_medium p {
font-size: 0.9em;
margin-top: 5px;
margin-bottom: 5px;

}

div.text_right_scroll {
position: absolute;
margin-left: 530px;
margin-top: 200px;
border: none;
width: 380px;
height: 360px;
overflow: auto;
text-align: left;
   color: #000000;
   /*font-family: sans-serif;*/
   font-size: 0.7em;
}

div.text_right_scroll h1 {
font-size: 1.2em;
}

div.text_right_scroll h2,h3 {
font-size: 1.0em;
margin-top: 10px;
margin-bottom: 10px;
}

div.text_right_scroll p {
font-size: 0.9em;
margin-top: 5px;
margin-bottom: 5px;
}

ul.menu {
	display: none;
	font-size: 0.8em;
	color: #ffffff;
	padding-top: 10px;
	margin-top: -15px;
	margin-left: 25px;
	padding-left: 0px;
	list-style: none;
	text-align: left;
	z-index: -5;
	width: 150px;
	background: url(/radio/1003/menu.jpg) no-repeat;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	z-index: -1;
	position: absolute;
}

ul.menu li {
	margin-top: 3px;
	margin-bottom: 10px;
	margin-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 7px;
}

ul.menu li:hover {
	background: #888888;
}

ul.menu a{
	color: #ffffff;
	text-decoration: none;
	z-index: -1;
	font-weight: bold;
	margin-right: 8px;
}



#content {
	position: absolute;
	top: 200px;
	left: 540px;
	width: 375px;
	height: 380px;
	overflow: hidden;
	text-align: left;
}

#content fieldset {
    border: none;
}


#content p {
    padding-bottom: 1em;
}

#content img {
    text-align: left;
}

#content h1 {
    font-size: 1.0em;
	padding-bottom: 1em;
	margin-bottom: 2px;
}

#content h2 {
    font-size: 0.9em;
	padding-bottom: 0.5em;
	margin-bottom: 2px;
}

#content p {
    font-size: 0.8em;
}

#content ul {
    list-style: disc;
}

#content li {
    font-size: 0.8em;
	padding-bottom: 1em;
	margin-left: 2em;
}

#content input {
    vertical-align: top;
}

#content table {
    padding: 0;
}

div.content-detail {
    margin-left: 60px;
	margin-right: 40px;
	font-size: 0.8em;
}


div.product {


}

div.product h2 {
    text-align: left;
}

div.product_price {

    background-color: white;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;

	width: 100%;
	padding-bottom: 0px;

}

table.product {

width: 100%;

}

table.product td {
 vertical-align: top;
 width: 50%;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;

}

span.instock {
    font-size: 10px;
	color: green;
}

span.pricelabel {
    font-size: 10px;
	color: black;
	font-weight: bold;
}

span.price {
    font-size: 10px;
	color: maroon;
	font-weight: bold;
}


td.quantity {
    text-align: right;
}

td.quantity input {
    font-size: 11px;

}

td.addtobasket {

    width: 25px;
	text-align: right;

}

span.formatlabel {
    font-size: 10px;
	color: black;
	font-weight: bold;
}

span.format {
    font-size: 10px;
	color: black;
	font-weight: normal;
}

span.shippinglabel {
    font-size: 10px;
	color: black;
	font-weight: bold;
}

span.shipping {
    font-size: 11px;
	color: maroon;
	font-weight: bold;
}


div.productformat {
	width: 100%;
	padding-top: 4px;
}

div.productcontents h3 {
    font-size: 13px;
	color: cadetblue;
}

div.productcontents span {
    font-size: 12px;
	color: black;
}

div.product form {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

table.basket {
    border-collapse: collapse;
	width: 100%;
}

table.basket th {
    background-color:lightblue;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
    font-size: 11px;
	font-weight: black;
	color: black;
}

table.basket td {
    font-size: 11px;
	vertical-align: top;
	padding: 2px;
}

table.basket input {
    font-size: 11px;
}


td.subtotallabel {
	color: black;
	font-weight: bold;
	text-align: right;
}

td.subtotal {
	color: maroon;
	font-weight: bold;
	text-align: right;
}

td.couponlabel {
	color: black;
	font-weight: bold;
	text-align: right;
}


table.checkoutoptions td {
    width: 100px;
	color: black;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	padding: 0px;
	margin: 0px;

}

div.proceedtocheckout span {
    font-size: 10px;
	color: black;

}

td.optiontext {
    font-size: 10px;
	vertical-align: top;
	padding-left: 4px;
	color: green;
	font-weight: bold;
	margin:0;
	padding: 0;

}

td.optionlogo {
    margin: 0;
	padding-bottom: 1em;
	padding-right: 1em;
	vertical-align: top;
}

table.checkout {
    border: none;
	border-collapse: collapse;
	padding: 2px;
	width: 80%;
}

td.carddetailslabel {
    color: black;
	font-size: 11px;
}

td.checkoutvalidation {
    font-size: 0.7em;
	color: red;
}

input.carddetailsinput {
    font-size: 11px;
}

span.cardcomment {
    font-size: 10px;
}

div.standard {
    width: 985px;
	background-color: #bdd631;
    border: 8px solid #cc3333;
	margin-bottom: 10px;
	position: relative;
}

div.standardheader {
    width: 985px;
    border: 8px solid #cc3333;
	margin-bottom: 10px;
	margin-top: 4px;
	background: #bdd631 url(/radio/1003/speekee_letters_525x145.gif) top right no-repeat;
}

div.standardheader img {

    padding-bottom: 0px;
    margin-bottom: 0px;
	vertical-align: bottom;
}

#standardcontent {
    width: 100%;
    padding: 1em;
}


#standardcontent h1 {

    font-size: 1.4em;
}

#standardcontent h2 {

    font-size: 1.1em;
}

#standardcontent p {
    font-size: 0.8em;

}


div.dialogue {
    margin: auto;
    margin-top: 100px;
	width: 50em;
    border: 8px solid #cc3333;
    padding: 12px;
	background-color: #bdd631;
	font-size: 0.7em;
	background: #bdd631 url(/radio/1003/speekee_letters_200x55.gif) top right no-repeat;
    line-height: 1;

}

div.dialogue h2 {
    font-size: 1.3em;
	padding-bottom: 2em;

}

div.dialogue label {
    width: 10em;
	float: left;
	text-align: right;
	margin-right: 7px;
	margin-top: 5px;
}

div.dialogue span {
    color: red;
	padding-left: 11em;
	padding-bottom: 1em;

}

div.dialogue p
{
    padding-top: 1em;
	padding-bottom: 1em;
}


span.hoveronpicture {
    position: absolute;
	width: 50%;
    left: 10%;
	top: 75%;
	color: white;
    text-align: center;
	background-color: black;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
	padding-right: 12px;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	font-weight: bold;
	font-size: 0.9em;
}


#cartsummary {
    width: 25%;
	background-color: gray;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	text-align: right;
	margin: 4px;
	position: absolute;
	top: 0px;
	right: 0px;
}

div.confirm label {
    color: black;
}

div.confirm span {
    color: maroon;
	font-weight: bold;
}

#basketlink a {
    position: absolute;
	top: 3px;
	right: 35px;
	font-size: 0.6em;
	color: white;
	font-weight: bold;
	text-decoration: none;

}

#episode p {
    font-size: 0.6em;

}

#episode a {
    position: absolute;
	right: 20px;
	font-size: 0.7em;
	text-decoration: none;
}

#next {

}

#thumbnails {
    position: absolute;
	top: 510px;
	left: 560px;
}

#thumbnails tr {
    padding: 0px;
	margin: 0px;
}

#thumbnails td {
    padding: 2px;
	margin: 0px;
}

td.playing {
    background-color: maroon;
}

td.paused {
    background-color: white;
}

#thumbnails img {
    width: 40px;
    height: 32px;
}

p.comment {
    display: none;
}