/*
Theme Name: Horizontal Brand Box
Theme URI: http://Analogo.net/HorizontalBrandBox/
Description: Expand the web space frontiers.
Author: Analogo
Author URI: http://analogo.net/
Tags: horizontal, floating, resizable, panoramic

	HorizontalBrandBox 1.0

	This premium theme is a creation of "Analogo - digital authors" team.

*/


@charset "utf-8";
/* CSS Document */



/* //////// MAIN DECLARATIONS //////// */
Body { 
margin:0; 
padding:0; 
color:#fff; 
font-family:Arial; 
font-size:12px; 
font-weight:bold; 
text-align:justify; 
background-image:url('http://lazytown.asda.co.uk/assets/LT_BG.jpg');
background-repeat:repeat-x;
background-color:#3fae47; 
}

A { color:#444; text-decoration:none; outline:none }
A:hover { color:#80fd01; }

Img { border:none; margin-bottom:0px; vertical-align:baseline; float:left }

H1, H2, H3, H4, H5, H6 { width:100%; font-family:Arial; font-weight:normal; color:#fff; padding:0 0px 0px 0; margin:0; float:left; align:left; text-align:left; }
H1 { font-size:22px; font-weight:bold; letter-spacing:1px }
H2 { font-size:18px }
H3 { font-size:16px; font-weight:bold }
H4 { font-size:14px }
H5 { font-size:12px; font-weight:bold }
H6 { font-size:11px; text-transform:uppercase; letter-spacing:1px; padding:0 5px 5px 0; font-weight:bold }

H1 Span { font-size:18px; color:#333; text-transform:uppercase; letter-spacing:1px; margin:5px 0 10px 0; display:block }

Ul { padding:0 20px 0px 0px; margin:0; float:left }
Li { margin-bottom:7px }

/* P { padding:0; margin:0 0 0 0; text-align:justify; float:left } */

.Regular1 { 
margin:0; 
padding:0; 
color:#fff; 
font-family:Arial; 
font-size:12px; 
font-weight:bold;
line-height:12px;
align:left;
text-align:left;
}
.Regular2 { 
margin:0; 
padding:0; 
color:#fff; 
font-family:Arial; 
font-size:14px; 
font-weight:bold;
line-height:14px;
align:left;
text-align:left;
}
.html-link-reg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #61ce23;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
    text-align:left;
}
.html-link-reg A:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #61ce23;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link-reg A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #61ce23;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link-reg A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #80fd01;
	text-decoration: underline;
	background:#fff;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link-reg2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2f6dc8;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link-reg2 A:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2f6dc8;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link-reg2 A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2f6dc8;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link-reg2 A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #02337a;
	text-decoration: underline;
	background:#fff;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #61ce23;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link1 A:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #61ce23;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link1 A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #61ce23;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link1 A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #80fd01;
	text-decoration: underline;
	background:#fff;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #61ce23;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link2 A:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #61ce23;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link2 A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #61ce23;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link2 A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #80fd01;
	text-decoration: underline;
	background:#fff;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #61ce23;
	text-decoration: none;
	align:left;
text-align:left;
}
.html-link3 A:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #61ce23;
	text-decoration: none;
	align:left;
text-align:left;
}
.html-link3 A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #61ce23;
	text-decoration: none;
	align:left;
text-align:left;
}
.html-link3 A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #80fd01;
	text-decoration: underline;
	background:#fff;
	align:left;
text-align:left;
}
.html-link-purple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #610d41;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link-purple A:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #610d41;
	text-decoration: underline;
	letter-spacing:1px 
}
.html-link-purple A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #610d41;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link-purple A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
	background:#fff;
	letter-spacing:1px;
	align:left;
text-align:left;
}
/* /////////////////////////////////// */



/* //////// MAIN NAVIGATION STYLES //////// */
.Navigation { width:250px; height:auto; z-index:1; position:fixed; bottom:0; left:0; padding:0px 0 0px 0px; background:url(img/NavigationBgr.png) repeat }

.Navigation .Logo { margin: 0px 0 0 0px;}

.NavigationArrow { width:250px; height:47px; z-index:-1; position:absolute; top:0px; left:0px; background:url(img/NavigationArrow.png) no-repeat top right }

.Navigation A { width:250px; font-size:25px; color:#FFF; padding:10px 0px 0px 0px; margin-bottom:0px; display:block; float:right; }
.Navigation A:hover { color:#FFF; border-bottom:0px solid #333; margin:0; background:url(img/NavigationBgr.png) repeat }

.Navigation .Active { font-size:25px }
.Navigation .Active:hover { border:none; margin-bottom:0px; background:none }
.Navigation .StaticActive { width:250px; font-size:25px; background:url(img/NavigationArrow.png) no-repeat top right }
.Navigation .StaticActive:hover { width:250px; border:none; margin-bottom:0px; background:url(img/NavigationArrow.png) no-repeat top right }

.SubNavigation { margin-bottom:0px;}
.SubNavigation A { width:160px; font-size:20px; word-spacing:0px; text-align:right; color:#FFF; padding:6px 3px 0px 3px; margin-bottom:0px; display:block; float:left; background:url(img/SubNavigationActive.png) no-repeat top right }
.SubNavigation A:hover {  margin-bottom:1px; border:none; background:url(img/SubNavigationActive_over.png) no-repeat top right }

.SubNavigation .Active { width:160px; font-size:20px; word-spacing:0px; text-align:right; color:#FFF; padding:6px 3px 0px 3px; background:url(img/SubNavigationActive.png) no-repeat top right; margin-bottom:0px; display:block; float:left }
.SubNavigation .Active:hover { font-size:20px; border:none; margin-bottom:0px; background:url(img/SubNavigationActive.png) no-repeat top right }

.SubNavSpacer { width:100%; clear:both; height:0px }
/* //////////////////////////////////////// */



/* //////// MAIN CONTAINERS STYLES //////// */
.Screen { width:7650px; height:800px; float:left }
.Page { width:1024px; float:left }
.Header { height:200px }
.Header Img { width:100%; height:100% }
.Content {
	min-height:350;
	text-align:justify;
	padding:0px 0px 0px 250px;
	overflow:visible;
	}
.Footer { width:100%; height:20px; padding:5px 0; z-index:150; position:fixed; bottom:0; left:0; border-top:1px solid #fff; background:#1f6543 }
.Feeds { width:200px; padding-left:20px; display:block; float:left }
.Feeds Img { margin-right:5px }
.Copyright { color:#62D34D; font-weight:regular; line-height:20px; margin-right:20px; float:right }
/* //////////////////////////////////////// */



/* //////// SUB PAGE STYLES //////// */
.SubPage Img { margin-bottom:20px; float:left }
.SubPage H2 { width:60%; margin-top:-5px; float:left }
/* ///////////////////////////////// */



/* //////// SHOWCASE STYLES //////// */
.Showcase1 { width:660px; font-size:13px; text-align:justify; line-height:20px; padding:0 15px 0 15px; margin-bottom:20px; border-bottom:1px solid #333; background:url(img/ShowcaseBgr.png) repeat-x bottom #EEE; float:left }
.Showcase1 .ImgDiv { float:left; display:block; margin:0 15px 5px -15px }
.Showcase1 Img { margin:0; padding:0 }
.Showcase1 H4 { width:300px; margin:15px 0 5px 0; float:right }
.Showcase1 P { padding:0 15px; text-align:justify }
.Showcase1 .BaseBtn { margin-right:-15px }


.Showcase2Row { width:730px; float:left }
.Showcase2 { width:335px; margin:0 20px 20px 0; font-size:13px; text-align:justify; line-height:20px; border-bottom:1px solid #333; background:url(img/ShowcaseBgr.png) repeat-x bottom #EEE; float:left }
.Showcase2 Img { margin:0; padding:0 }
.Showcase2 H4 { width:335px; margin:15px 15px 10px 15px; padding:0 }
.Showcase2 H5 { margin:10px; padding:0 }
.Showcase2 P { padding:0 15px 0 15px }


.Showcase3Row { width:730px; float:left }
.Showcase3 { width:210px; font-size:13px; text-align:justify; line-height:20px; margin:0 20px 15px 0; border-bottom:1px solid #333; background:url(img/ShowcaseBgr.png) repeat-x bottom #EEE; display:block; float:left }
.Showcase3 H4 { width:180px; margin:15px 15px 0 15px }
/* ///////////////////////////////// */



/* //////// COLUMN STYLES //////// */
.ColumnRow { width:100%; min-width:690px; float:left }
.Column2 { width:45%; text-align:left; margin-right:30px; float:left }
.Column3 { width:29%; text-align:left; margin-right:30px; float:left }
.Column4 { width:20%; text-align:left; margin-right:30px; float:left }
/* ///////////////////////////////// */



/* //////// BLOG STYLES //////// */
.BlogContent { width:690px; float:left }
.BlogPost { width:460px; float:left }
.BlogPostHead { width:440px; padding:8px 10px; background:#000; float:left }
.BlogPostDate { font-size:18px; font-weight:bold; word-spacing:4px; color:#EEE; float:left }
.BlogPostDate Span { color:#CCC }

.BlogPostInfo { font-family:Arial; font-size:16px; text-transform:uppercase; letter-spacing:1px; color:#EEE; float:right }
.BlogPostInfo A { color:#ffcc99 }

.BlogPostSummary { line-height:20px; border-bottom:1px solid #666; background:url(img/BlogPostSummaryBgr.png) repeat-x bottom #EEE; float:left }
.BlogPostSummary H4 { width:420px; padding:15px 15px 0 15px }
.BlogPostSummary P { padding:0 15px 10px 15px; font-size:13px; margin:0 }

.BlogComments { width:450px; margin-right:280px; float:left }
.BlogCommentRow { width:450px; padding:0; margin-bottom:20px; list-style:none; float:left }
.BlogCommentAvatar { width:80px; height:80px; padding:0; margin:0; text-align:center; border-bottom:1px solid #333; background:url(img/NavigationBgr.png) repeat; float:left }
.BlogCommentSays { width:350px; float:right }
.BlogCommentSays P { width:350px; margin:0 0 3px 0; font-size:13px; line-height:16px }
.BlogCommentSays A { font-size:12px; line-height:18px; font-weight:bold }
.BlogCommentNav { width:450px; padding:0; margin-top:20px; margin-bottom:50px; float:left }
.BlogReplyBox { width:450px; float:left; margin-top:20px }

.BlogCommentForm { width:500px; margin-right:280px; float:left }

.BlogCleaner { width:500px; height:20px; clear:both; float:left }

.BlogSide { width:210px; margin-left:20px; float:right }
.BlogNavigation { width:200px; margin-bottom:10px; float:left }
.BlogNavigation A { width:185px; font-size:18px; color:#000; text-transform:uppercase; letter-spacing:1px; padding:5px 10px 7px 10px; border-bottom:1px solid #444; background:url(img/BlogNavigation.png) repeat-x top left; display:block; float:left }
.BlogNavigation A:hover { color:#000; background:url(img/BlogNavigationHover.png) repeat-x top left #EEE }
.BlogNavigation .Active { width:185px; font-size:18px; color:#EEE; text-transform:uppercase; letter-spacing:1px; padding:5px 10px 7px 17px; margin-left:-7px; border:none; background:url(img/BlogNavigationActive.png) no-repeat top left; display:block; float:left }
.BlogNavigation .Active:hover { color:#FFF; background:url(img/BlogNavigationActive.png) no-repeat top left }

.PassProtForm {width:270px; height:27px}
.PassProtForm input{width:200px; margin:0; float:left}
.PassProtForm input[type=submit]{width:60px; height:27px; float:left}
/* ///////////////////////////// */


/* //////// SEARCH STYLES //////// */
.SearchResults { width:430px; padding:0; float:left }
.SearchResults H2 { width:430px }
.SearchResults H3 { width:430px }
.SearchResults P { float:none; margin-bottom:10px }
/* ///////////////////////////// */


/* //////// BUTTON STYLES //////// */
.BaseBtn { font-family:Arial; font-size:16px; word-spacing:4px; text-transform:uppercase; color:#EEE; padding:7px 9px 6px 10px; margin-left:1px; background:#444; display:block; float:right }
.BaseBtn:hover { color:#EEE; background:#000 }

.SendMessageBtn { width:125px; height:31px; padding:0; margin:0; border:none; background:url(img/SendMessageBtn.png) top left no-repeat; cursor:pointer; float:right }
.SendMessageBtn:hover { background:url(img/SendMessageBtn.png) bottom left no-repeat }

.SearchBtn { width:73px; height:31px; padding:0; margin:0; border:none; background:url(img/SearchBtn.png) top left no-repeat; cursor:pointer; float:right }
.SearchBtn:hover { background:url(img/SearchBtn.png) bottom left no-repeat }

.PostCommentBtn { width:129px; height:32px; padding:0; margin:0; border:none; background:url(img/PostCommentBtn.png) top left no-repeat; cursor:pointer; float:right }
.PostCommentBtn:hover { background:url(img/PostCommentBtn.png) bottom left no-repeat }

/* /////////////////////////////// */



/* //////// CONTACT FORM STYLES //////// */
.ContactBox { width:690px; float:left }
.ContactForm { width:450px; margin-bottom:20px; float:left }
.ContactMap { width:220px; float:right }

InputOld { width:300px; height:16px; margin-bottom:5px; padding:5px; font-family:Arial; font-size:14px; line-height:14px; color:#333; background:url(img/InputBgr.png) repeat-x top left #EEE; border:none; border-bottom:1px solid #333 }
TextareaOld { width:440px; height:100px; margin-bottom:-1px; padding:5px; font-family:Arial; font-size:14px; line-height:18px; color:#333; background:url(img/TextareaBgr.png) repeat-x top left #EEE; border:none; border-bottom:1px solid #333 }

.InputErrorOld { background:url(img/InputErrorBgr.png) repeat-x top left #ffffcc }
.TextareaErrorOld { background:url(img/TextareaErrorBgr.png) repeat-x top left #ffffcc }
/* ///////////////////////////// */



/* //////// ZOOM STYLES //////// */
.ZoomHolder { z-index:12; position:fixed; top:0; left:0; background:url(img/Loading.gif) no-repeat center #333 }
.ZoomHolderBar { width:100%; height:32px; z-index:-1; position:absolute; background:#333 }/* With title */
.ZoomHolderBar2 { width:100%; height:32px; z-index:-1; position:absolute; background:none }/* Without title */
.ZoomHolder H3 { width:auto; margin:5px 10px 6px 10px; color:#EEE; font-size:18px; float:left }
.ZoomHolder .BaseBtn { float:right }

.ZoomHolder .Next { z-index:13; position:absolute; right:0; cursor: pointer; background: url(TransparentBgr.png) repeat }
.ZoomHolder .Prev { z-index:14; position:absolute; left:0; cursor: pointer; background: url(TransparentBgr.png) repeat }
.ZoomHolder .Next .BaseBtn, .Prev .BaseBtn { font-family:Arial; font-size:16px; word-spacing:4px; color:#EEE; padding:7px 9px 6px 10px; margin: 0 10px; background:#000; visibility:hidden; cursor:pointer }

.ZoomImgHolder { overflow:hidden; border:10px solid #000; float:left }
.ZoomHolderBg { z-index:11; position:fixed; top:0; left:0; background:#000 }
/* //////////////////////////////////// */



/* //////// MISCELLANEOUS ELEMENTS //////// */
.NextPageBtn { width:1px; height:100%; z-index:100; position:fixed; top:0; right:0; display:none; background:#fff }
#NextLabel { z-index:11; position:fixed; display:none }
.ImageLoader { z-index:auto; position:absolute; background:none }
.ImageLoaderHover { z-index:auto; position:absolute; background:none }
.ImageHover { z-index:auto; position:absolute; }
.ImageZoomHover { z-index:auto; position:absolute; background:url(img/none) no-repeat center }
.ImageZoomVideoHover { z-index:auto; position:absolute; background:url(img/none) no-repeat center }
.PageLoader { z-index:auto; position:fixed; background:url(img/none) no-repeat center}
.Cleaner { width:780px; height:50px; clear:both; display:block; float:left }
/* //////////////////////////////////////// */



/* ///////////////////// !! Below are CSS Styles of HORIZONTAL BOX - Version 1 */
.CategoryBox { width:730px; float:left }
.Category { width:220px; margin:0 15px 20px 0; border-bottom:1px solid #666; background:url(img/CategoryBgr.png) repeat-x bottom left #EEE; float:left }
.Category Div { width:200px; padding:10px 15px; text-align:left; line-height:23px; color:#000; float:left }

.Showcase { width:730px; padding:0; margin:0; list-style:none; float:left }
.Showcase Li { width:220px; margin:0 15px 15px 0; border-bottom:1px solid #666; background:url(img/ShowcaseBgr.png) repeat-x bottom left #EEE; float:left }
.Showcase Div { padding:5px 10px; text-align:left }
.Showcase H4 { margin-top:10px }



/* //////// NEW GRATTERPALM ELEMENTS //////// */
.tiny1:link {
	font-size: 11px;
	text-decoration: none;
	color: #62D34D;
	align:left;
text-align:left;
}
.tiny1:visited {
	font-size: 11px;
	text-decoration: none;
	color: #62D34D;
	align:left;
text-align:left;
}
.tiny1:hover {
	font-size: 11px;
	text-decoration: underline;
	color: #80fd01;
	align:left;
text-align:left;
}
.tiny1:active {
	font-size: 11px;
	text-decoration: none;
	color: #80fd01;
	align:left;
text-align:left;
}
.tiny2:link {
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	line-height:11px;
	align:left;
text-align:left;
}
.tiny2:visited {
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	line-height:11px;
	align:left;
text-align:left;
}
.tiny2:hover {
	font-size: 11px;
	text-decoration: underline;
	color: #FFFFFF;
	line-height:11px;
	align:left;
text-align:left;
}
.tiny2:active {
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
	line-height:11px;
	align:left;
text-align:left;
}
.tinygreen {
	color:#80fd01;
	align:left;
text-align:left;
}
.backwhite {
	background:#fff;
}
.MyStepsLogIn {
 width:265px;
 height:262px;
}
.mysteps1 {
 width:200px;
 height:24px;
 font-size:14px;
 background-color :#00417C;
 color : #6699ff;
 border : 0px;
 }
.MyStepsLogged {
 width:265px;
 height:262px;
}
.mysteps2 {
 width:200px;
 height:30px;
 font-size:30px;
 background-color :#9aa4cf;
 color : #ffffff;
 border : 0px;
}
.mysteps3 {
 width:100px;
 height:24px;
 font-size:20px;
 background-color :#00417C;
 color : #f4ac20;
 border : 0px;
}
.mysteps4 {
 width:150px;
 height:30px;
 font-size:25px;
 color: #143e89;
 border : 0px;
 align:left;
}
.mysteps-details {
 height:20px;
 font-size:18px;
 background-color :#00417C;
 color : #f4ac20;
 border : 0px;
}
#gostepgo_back {
 width:470px;
 height:418px;
}
#gostepgo_inner {
width:470px;
padding-left:0px;
padding-top:0px;
 }
#PrizeDraw {
width:730px;
height:680px;
background:url(http://lazytown.asda.co.uk/assets/images/GoStepGo_back.png);
 }
#PrizeDrawExtend {
width:730px;
 }
#Extend {
width:730px;
 }
#page {
width:730px;
padding-left:0px;
padding-top:0px;
overflow:hidden;
}
#LogIn {
width:730px;
height:680px;
background:url(http://lazytown.asda.co.uk/assets/images/GoStepGo_1.png) no-repeat;
 }
#LoggedIn {
width:730px;
height:760px;
background:url(http://lazytown.asda.co.uk/assets/images/GoStepGo_logged_back.png);
 }
#MyDetails {
width:730px;
height:760px;
background:url(http://lazytown.asda.co.uk/assets/images/GoStepGo_Logged_back2.png);
 }
#LinkBox {
display:block;
width:auto;
height:30px;
float:left;
 }
#GlobalSteps {
width:470px;
height:100px;
float:left;
background:url(http://lazytown.asda.co.uk/assets/images/global_steps.png);
}
#RecipeIdeas {
width:730px;
height:680px;
background:url(http://lazytown.asda.co.uk/assets/images/recipe_ideas.png);
 }
#VideoPlayer {
width:730px;
height:680px;
background:url(http://lazytown.asda.co.uk/assets/images/video_player.png);
 }
.ArrowBack {
background:url(http://lazytown.asda.co.uk/assets/images/arrow_back.png);
 }
#box-blue-left {
width:24px;
height:100%;
background:url(http://lazytown.asda.co.uk/assets/images/text_frame_left.png);
background-repeat:repeat-y;
}
#box-blue-right {
width:49px;
height:100%;
background:url(http://lazytown.asda.co.uk/assets/images/text_frame_right.png) #007dc3;
background-repeat:repeat-y;
}
#MusicDownload {
width:730px;
height:695px;
background:url(http://lazytown.asda.co.uk/assets/images/music_download.png);
}
#MiniLink1 {
width:120px;
height:30px;
float:left;
text-align:left;
vertical-align:centre;
line-height:30px;
padding-left:30px;
align:left;
background:url(http://lazytown.asda.co.uk/assets/images/star.png);
}
#MiniLink2 {
width:140px;
height:30px;
float:left;
text-align:left;
vertical-align:centre;
line-height:30px;
padding-left:30px;
align:left;
background:url(http://lazytown.asda.co.uk/assets/images/star.png);
}
#MiniLink3 {
width:120px;
height:30px;
float:left;
text-align:left;
vertical-align:centre;
line-height:30px;
padding-left:30px;
align:left;
background:url(http://lazytown.asda.co.uk/assets/images/star.png);
}
.html-link-go {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5bce23;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link-go A:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5bce23;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link-go A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5bce23;
	text-decoration: underline;
	letter-spacing:1px;
	align:left;
text-align:left;
}
.html-link-go A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffcc00;
	text-decoration: underline;
	background:#fff;
	letter-spacing:1px;
	align:left;
text-align:left;
}
/* //////////////////////////////////////// */

