/************ SERVED FROM APP CACHE ********************/

/************ START home.css ********************/

div.home-intro
{
width           : 510px;
margin          : 0px 20px 10px 20px;
background      : url(../images/home/bg-home.jpg) no-repeat;
height          : 296px;
padding         : 25px 400px 0px 30px;
position        : relative;
}

div.home-intro p.telegraph
{
font-size           : 235%;
line-height         : 30px;
color               : #FFF;
font-weight         : normal;
margin              : 0px 0px 15px 0px;
}

div.home-intro p span
{
font-size           : 40%;
line-height         : 30px;
color               : #D9B449;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
}

div.home-intro h2
{
font-size           : 90%;
line-height         : 16px;
color               : #FFF;
font-weight         : normal;
margin              : 0px 0px 16px 0px;
}

div.home-intro p
{
font-size           : 90%;
line-height         : 16px;
color               : #FFF;
font-weight         : normal;
margin              : 0px 0px 16px 0px;
}

div.home-intro div.glen img
{
float               : left;
}

div.home-intro div.glen p
{
float               : left;
margin              : 35px 0px 0px 10px;
}

div.home-intro div.bottom-left
{
position            : absolute;
top                 : 313px;
left                : 0px;
background          : url(../images/home/home-bottom-left.png) -1px 1px no-repeat; 
width               : 9px;
height              : 8px;
}

div.home-intro div.bottom-right
{
position            : absolute;
top                 : 313px;
left                : 931px;
background          : url(../images/home/home-bottom-right.png) 1px 1px no-repeat; 
width               : 9px;
height              : 8px;
}

/* Home Banners*/

div.home-banners
{
width               : 940px;
padding             : 0px 20px 20px 20px;
overflow            : hidden;
}

div.home-banners a.pre
{
height              : 0px;
width               : 16px;
padding-top         : 108px;
display             : block;
overflow            : hidden;
background          : url(../images/home/home-banners-pre.gif) no-repeat;
float               : left;
margin-right        : 1px;
}

div.home-banners a.next
{
height              : 0px;
width               : 16px;
padding-top         : 108px;
display             : block;
overflow            : hidden;
background          : url(../images/home/home-banners-next.gif) no-repeat;
float               : left;
margin-left         : 4px;
}

div.home-banners #home-banner-scroll-wrap
{
width				: 900px;
height				: 108px;
display				: block;
float				: left;
padding				: 0;
margin				: 0;

overflow			: hidden;
}

div.home-banners ul#home-banner-scroll
{
list-style-type		: none;
margin				: 0;
padding				: 0;
}



/* Latest News */

div.latest-news
{
width               : 605px;
float               : left;
padding             : 0px 0px 0px 20px;
}

div.latest-news img
{
float               : left;
margin              : 0px 15px 30px 0px;
}

div.latest-news p.latest-news
{
font-size           : 130%;
line-height         : 20px;
color               : #AA8F38;
font-weight         : normal;
margin              : 0px 0px 5px 0px;
}

div.latest-news h5
{
font-size           : 90%;
line-height         : 16px;
color               : #FFF;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
}

div.latest-news h5 a
{
color               : #000;
text-decoration     : none;
font-weight         : bold;
}

div.latest-news p
{
font-size           : 90%;
line-height         : 16px;
color               : #FFF;
font-weight         : normal;
margin              : 0px 0px 16px 0px;
}

div.latest-news p a
{
color               : #666;
text-decoration     : none;
}


div.latest-news p a span
{
color               : #AA8F38;
}


/* Home Logos */
#logoParade 
{
float				: left;
width				: 300px;
height				: 77px;
overflow			: hidden;
position			: relative;
}

#logoParade div.scrollableArea a
{
float				: left;
padding				: 0 10px;
margin-left			: 0px;
margin-right		: 0px;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
position			: relative;
overflow			: hidden;
width				: 100%;
height				: 100%;
}

div.scrollableArea
{
	position: relative;
	
	width: auto;
	height: 100%;
}

div.logos
{
width               : 355px;
float               : left;
overflow            : hidden;
}

div.logos div.leftline
{
background          : url(../images/home/shadow-left.gif) no-repeat;
width               : 18px;
height              : 74px;
float               : left;
}

div.logos div.rightline
{
background          : url(../images/home/shadow-right.gif) no-repeat;
width               : 18px;
height              : 74px;
float               : left;
}

div.logos ul
{
list-style-type     : none;
margin              : 0px;
padding             : 0px;
width               : 300px;
display             : block;
overflow            : hidden;
float               : left;
}

div.logos ul li
{
display             : block;
float               : left;
}