* { margin: 0px; padding: 0px; }
a img { border: 0px solid white; }

body { background-color: #e11e1c; text-align: center; background-image: url(../images/background_main.jpg); background-repeat: no-repeat; background-position: top center; }

div.page { width: 900px; margin: 0 auto; text-align: left; position: relative;  background-image: url(../images/background_main.jpg); background-repeat: no-repeat; background-position: -400px 0px;  overflow: hidden; }

p { color: white; font-family: Arial; font-size: 12px; padding-bottom: 10px; }

*.clear_right { clear: right; }

p a { color: inherit; text-decoration: none; color: #ffcc33;}
p a:hover { text-decoration: underline; }

h2 { padding-bottom: 5px; }
h3 { padding-bottom: 9px; padding-top: 9px; }
h3.extra_top_padding { padding-top: 20px; padding-bottom: 5px; }
h4 { font-family: arial; color: #ffcc33; font-size: 13px; font-weight: bold; padding: 10px 0; }
h5 { font-family: arial; color: white; font-size: 12px; padding: 10px 0 0 0; }

*.yellow_text { color: #ffcc33; }

div.right_col h2 { padding-top: 10px; }

div.align_right input { float: right; }

a.logo { position: absolute; top: 20px; left: 80px; display: block; z-index:99; width: 220px; height: 70px; }
a.logo img {  width: 220px; height: 70px; }

form label { color: white; font-family: arial; font-size: 11px; display: block; padding-bottom: 3px; }
form div.input { padding-bottom: 10px; }
form div.form_col { width: 50%; float: left; padding-bottom: 20px; }

form div.form_col_small { width: 45%; float: left; padding-bottom: 20px; }

form textarea.disabled { border: 1px solid #373637; background-color: #131112; color: #FFFFFF; font-family: arial; font-size: 11px; margin-bottom: 20px; width: 450px; }

form input.text { width: 180px; }


a.button, input.button { padding: 0px; margin: 0px; display: block; background-repeat: no-repeat; text-indent: -1000px; width: 160px; height: 17px; line-height: 10px; background-position: 0 0; border: 0px solid white; }
input.button { background-color: #1b191a; cursor: pointer; }
a.button:hover, input.button:hover { background-position: 0 -18px; }

a.button.explore_other_flavours { background-image: url(../images/button_explore_other_flavours.gif); }
a.button.view { background-image: url(../images/button_view.gif); }
a.button.download { background-image: url(../images/button_download.gif); width: 80px; }
a.button.cancel { background-image: url(../images/button_cancel.gif);}

a.button_preview { background-image: url(../images/button_speaker.gif);  display: block; background-repeat: no-repeat; text-indent: -1000px; width: 87px; height: 100px; background-position: 0 -101px; border: 0px solid white; margin-bottom: 6px; }
a.button_preview:hover { background-position: 0 0; }

a.button.download_pc_version { background-image: url(../images/button_download_pc_version.gif); margin-top: 15px; }

input.button.submit {  background-image: url(../images/button_submit.gif); width: 65px; }
input.button.send {  background-image: url(../images/button_send.gif); width: 65px; }
input.button.cancel {  background-image: url(../images/button_cancel.gif); width: 65px; }

div.column_third { width: 33%; float: left; }
div.column_quarter { width: 25%; float: left; padding-bottom: 10px; }

div.header { float: left; width: 895px; height: 175px; position: relative; }

div.header ul.menu { position: relative; margin: 0px; padding: 0px; }
div.header ul.menu li { position: absolute; display: block; width: 170px; height: 17px; margin: 0px; padding: 0px; clear: both; }
div.header ul.menu li a { display: block; width: 120px; height: 22px; background-repeat: no-repeat; background-position: 0px 0px; text-indent: -999px; }
div.header ul.menu li a:hover, div.header ul.menu li a.selected { background-position: 0px -21px; }

div.header ul.menu li.home { top: 19px; left: 3px; }
div.header ul.menu li.home a { background-image: url(../images/menu_home.gif); }
div.header ul.menu li.about_poppets { top: 120px; left: 89px; }
div.header ul.menu li.about_poppets a { background-image: url(../images/menu_about_poppets.gif); }
div.header ul.menu li.music_maker { top: 95px; left: 276px; }
div.header ul.menu li.music_maker a { background-image: url(../images/menu_music_maker.gif); }
div.header ul.menu li.competition { top: 128px; left: 342px; }
div.header ul.menu li.competition a { background-image: url(../images/menu_competition.gif); }
div.header ul.menu li.our_range { top: 69px; left: 449px; }
div.header ul.menu li.our_range a { background-image: url(../images/menu_our_range.gif); }
div.header ul.menu li.downloads { top: 115px; left: 512px; }
div.header ul.menu li.downloads a { background-image: url(../images/menu_downloads.gif); }
div.header ul.menu li.get_in_touch { top: 19px; left: 583px; }
div.header ul.menu li.get_in_touch a { background-image: url(../images/menu_get_in_touch.gif); }

div.header div.music_maker_share { position: absolute; top: 235px; left: 675px; }

div.page div.left_col_parent { float: left; width: 645px; }

div.page div.left_col { z-index: 5; float: left; width: 645px; margin-left: 10px; position: relative; }
div.page div.left_col h1 { position: relative; top: -20px; left: 0px; z-index: 7; line-height: 0px; height: 0px; }
div.page div.left_col div.wrapper { margin: 85px 0 0 85px; z-index: 12; position: absolute; }

div.page div.left_col div.wrapper div.content { margin-left: 20px; width: 460px; z-index: 9; }

div.page div.left_col div.wrapper div.content img.float_right { float: right; padding-left: 20px; }

div.image_float_right { width: 200px; float: right; }
div.image_float_left { width: 235px; float: left; }

div.page div.left_col div.wrapper div.content img.float_left { float: left; padding-right: 10px; }

div.page div.left_col div.wrapper div.content div.right_box { float: right; width: 210px; margin-left: 15px; }

body#our_range div.page div.left_col div.product { width: 487px; clear: left; float: left; margin-bottom: 38px; }

body#our_range div.page div.left_col div.product div.product_image { float: left; padding-right: 25px; padding-left: 15px; }
body#our_range div.page div.left_col div.product div.text { float: left;  width: 225px; }

div.page div.background_layer { clear: both; position: absolute; top: 0px; left: 9px; z-index: 0; width: 665px; }

body#about_poppets div.page div.background_layer { height: 1265px; background: url(/images/background_tear_about_poppets.png) no-repeat; * background: none; * filter:progid:DXimageTransform.Microsoft.alphaimageloader(src='/images/background_tear_about_poppets.png', sizingMethod='fixed'); }
body#about_poppets div.page div.left_col { height: 1205px; }

body#about_poppets.privacy-policy div.page div.background_layer {height: 975px; background: url(/images/background_tear_our_range.png) no-repeat; * background: none; * filter:progid:DXimageTransform.Microsoft.alphaimageloader(src='/images/background_tear_our_range.png', sizingMethod='fixed');} 
body#about_poppets.privacy-policy div.page div.left_col { height: 915px; }

/* Error 404 */
body#about_poppets.error404 div.page div.background_layer { height: 500px; background: url(/images/background_tear_send_to_a_friend.png) no-repeat; * background: none; * filter:progid:DXimageTransform.Microsoft.alphaimageloader(src='/images/background_tear_send_to_a_friend.png', sizingMethod='fixed'); }
body#about_poppets.error404 div.page div.left_col { height: 440px; }

body#competition div.page div.background_layer { height: 965px; background: url(/images/background_tear_competition.png) no-repeat; * background: none; * filter:progid:DXimageTransform.Microsoft.alphaimageloader(src='/images/background_tear_competition.png', sizingMethod='fixed');}
body#competition div.page div.left_col { height: 905px; /*height: 1100px;*/}

body#get_in_touch div.page div.background_layer { height: 625px; background: url(/images/background_tear_get_in_touch.png) no-repeat; * background: none; * filter:progid:DXimageTransform.Microsoft.alphaimageloader(src='/images/background_tear_get_in_touch.png', sizingMethod='fixed'); }
body#get_in_touch div.page div.left_col { height: 560px; /*height: 640px;*/}

body#send_to_a_friend div.page div.background_layer { height: 500px; background: url(/images/background_tear_send_to_a_friend.png) no-repeat; * background: none; * filter:progid:DXimageTransform.Microsoft.alphaimageloader(src='/images/background_tear_send_to_a_friend.png', sizingMethod='fixed'); }
body#send_to_a_friend div.page div.left_col { height: 435px; /*height: 640px;*/}

body#our_range div.page div.background_layer { height: 975px; 	background: url(/images/background_tear_our_range.png) no-repeat; * background: none; * filter:progid:DXimageTransform.Microsoft.alphaimageloader(src='/images/background_tear_our_range.png', sizingMethod='fixed'); }
body#our_range div.page div.left_col { height: 910px; }

table.nutritional_information { width: 305px; }
table.nutritional_information tr td { color: white; font-family: Arial; font-size: 11px; padding: 0 7px 1px 7px; }
table.nutritional_information tr.highlight td { background-color: #3e3c3d; }
table.nutritional_information tr.highlight td.col_1 { background-image: url(../images/table_row_end_left.gif); background-repeat: no-repeat; background-position: 0 0; }
table.nutritional_information tr.highlight td.col_2 { }
table.nutritional_information tr.highlight td.col_3 { background-image: url(../images/table_row_end_right.gif); background-repeat: no-repeat; background-position: right 0; }


table.guideline_amounts { margin-left: -5px; }
table.guideline_amounts tr td { color: white; font-family: Arial; font-size: 11px; text-align: center; padding-top: 5px; }
table.guideline_amounts tr td.square { width: 60px; height: 39px; background-image: url(../images/table_square.gif); background-repeat: no-repeat; background-position: top center; padding: 0px; }


div.sys_requirements { float: left; width: 250px; }

div.page div.right_col { width: 225px; float: right; margin-top: 10px;  position: relative; }

div.page div.right_col img.racket_in_a_packet { position: relative; left: -2px;}

div.page div.right_col div.item { border-bottom: 2px solid white; float: left; clear: left; width: 100%; padding: 10px 0; }

div.page div.right_col div.item a.button { width: 100px; height: 20px; display: block; overflow: hidden; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; }
div.page div.right_col div.item a.button:hover { background-position: 0 -21px; }

div.page div.right_col div.item a#play_now { background-image: url(../images/button_play_now.gif); }
div.page div.right_col div.item a#win_it { background-image: url(../images/button_win_it.gif); }
div.page div.right_col div.item a#explore { background-image: url(../images/button_explore.gif); }
div.page div.right_col div.item a#explore_other_flavours { background-image: url(../images/button_explore_other_flavours.gif); }


div.page div.right_col div.item img.item_image { float: left; width: 85px; margin-left: -5px; }
div.page div.right_col div.item div.text { width: 135px; float: left; margin-left: 10px; }


div.page ul.share_menu { list-style-type: none; margin-bottom: 20px; }

div.page ul.share_menu li { padding: 3px 0 3px 25px; background-image: url(../images/bullet_poppet.gif); background-repeat: no-repeat; background-position: 0px 0px; }

div.page ul.share_menu li a { background-repeat: no-repeat; background-position: 0px 0px; display: block; width: 150px; height: 19px; text-indent: -999px; }
div.page ul.share_menu li a:hover { background-position: 0 -19px; }

div.page ul.share_menu li.send_to_a_friend a { background-image: url(../images/share_menu_send_to_a_friend.gif); }
div.page ul.share_menu li.share a { background-image: url(../images/share_menu_share.gif); }
div.page ul.share_menu li.share_facebook a { background-image: url(../images/share_menu_facebook.gif); }
div.page ul.share_menu li.share_twitter a { background-image: url(../images/share_menu_twitter.gif); }
div.page ul.share_menu li.btn_playlist a { background-image: url(../images/share_menu_playlist.gif); }

div.page div.footer { clear: both; width: 100%; padding: 85px 5px 5px 90px; z-index: 12; position: relative; }


div.send_to_a_friend { position: absolute; top: -200px; left: 0px; width: 160px; background-color: #1b191a; border: 2px solid white; padding: 0 10px 10px 10px; display: none; z-index: 25; }

div.header div.music_maker_share div.send_to_a_friend { top: -70px; }

div.send_to_a_friend label { padding-top: 4px; }

div.send_to_a_friend div.align_right { padding-top: 10px; }

/* Error Styles */

div.errors {margin: 0; padding: 10px; /*background: #ffffff;*/ font-family: arial;}
div.errors h2 {font-size: 16px; color: #ffffff;}
div.errors ul {margin: 0 0 0 30px;; padding: 0;}
div.errors ul li {font-size: 11px; color: #ffffff;}

body#get_in_touch.thank-you h2 {padding-bottom: 15px;}
.thank-you-product {padding: 20px 0 0 0;}
.thank-you-product p {padding: 15px 0 0 0;}
div#at_email form label {color: #000000;}

body#home {background: #E11E1C; width:100%; height:100%; margin:0px;}
body#home #flashcontent {width:100%; height:100%; font-family: arial; color: #000000;}
body#home #flashcontent h1 {color: #000000; font-size: 14px; font-weight: bold;}
body#home #flashcontent p {color: #000000; font-size: 10px;}
body#home #flashcontent ul {list-style-type: none;}
body#home #flashcontent ul li {font-size: 10px; display: inline;}
body#home #flashcontent a {color: #000000;}

/* Music Maker */

#music_maker .music-maker-intro { background: url(/images/background_tear_seq_top.png) no-repeat; width: 648px; height: 178px; * background: none; * filter:progid:DXimageTransform.Microsoft.alphaimageloader(src='/images/background_tear_seq_top.png', sizingMethod='fixed');}
#music_maker .music-maker-intro .content {padding: 52px 0 0 74px; width: 520px;}
		
#music_maker .instructions {
	margin-top: 10px;
	width: 900px;
	height: 1080px;
	background: url(/images/background_tear_seq_ins.gif) no-repeat; 
	/** background: none; 
	* filter:progid:DXimageTransform.Microsoft.alphaimageloader(src='/images/background_tear_seq_ins.png', sizingMethod='fixed');
	position: relative;*/
	}
		
#music_maker .key {background: url(/images/seq_key_bg.gif) no-repeat; width: 783px; height: 103px; padding: 20px 0 0 34px; margin: 10px 0 0 0;}
#music_maker .key-item {width: 90px; text-align: center; float: left;}
#music_maker .key-item h5 {font-size: 11px; color: #b9c49b; font-weight: normal;}
#music_maker .instruction-content {padding: 20px 0 0 0;}
#music_maker .row {width: 780px; font-size: 12px; color: #ffffff;}
#music_maker .row1 {height: 140px;}
#music_maker .row2 {height: 170px;}
#music_maker .row3 {height: 145px;}
#music_maker .row4 {height: 115px;}
#music_maker .left {width: 375px; float: left; padding-right: 15px;}
#music_maker .right {}
#music_maker .tag-line {position: absolute; top: 185px; left: 673px;}
#music_maker .instructions-wrapper {padding: 80px 0 0 65px;}
#music_maker div.page div.footer {padding: 0 5px 5px 90px;}


/* Footer */

.footer ul {margin: 0; padding: 0;}
.footer ul li {list-style-type: none; font-family: arial; font-size: 9px; color: #ffffff; display: inline; padding-right: 15px;}
.footer ul li a {color: #ffffff; text-decoration: none;}
.footer ul li a:hover {text-decoration: underline;}

/* Play list */

body#playlist div.page div.background_layer { height: 645px; background: url(/images/background_tear_playlist.png) no-repeat; * background: none; * filter:progid:DXimageTransform.Microsoft.alphaimageloader(src='/images/background_tear_playlist.png', sizingMethod='fixed'); }
body#playlist div.page div.left_col { height: 580px; /*height: 640px;*/}

ol {padding: 0  0 10px 50px;}
ol li {color: white; font-family: Arial; font-size: 12px;}