/*~~~~~~~~~~ default styles ~~~~~~~~~~*/

body
{
	margin: 0px;
}

h1  {margin: 0px; padding: 0px;}


/*~~~~~~~~~~ A ~~~~~~~~~~*/

a.Image         {text-decoration: none; border-bottom: none;}

a       {text-decoration: none; color:#ba5743; border-bottom: 1px dashed #cb977f;}

a.OrderLink {text-decoration: none; color: #353535; font-weight: bold; border-bottom: 1px dashed #b9ce9c;}

a.Footer       {text-decoration: none; color: #666666; border-bottom: 1px dashed #cccccc;}


/*~~~~~~~~~~ classes ~~~~~~~~~~*/

	
#Main
{
	width: 668px;
	text-align: left;
}

#TopBar
{

}

#Logo
{

}

#HomeMenu   {float: left; height: 238px;}
#AuthorMenu   {float: left; height: 238px;}
#CharactersMenu   {float: left; height: 238px;}
#PrintablesMenu   {float: left; height: 238px;}
#ClubMenu   {float: left; height: 238px;}
#BuyNowMenu   {float: left; height: 238px;}



#MenuPosition
{
    margin: 26px 0px 0px 0px; 
	display: none;
	visibility: hidden;
}

#PageContent
{

}

#PageContentPale
{

}

#BuyTheBook
{

    width: 668px;
}

#BuyTheBookPale
{

    width: 668px;
}

#BuyTheBookLeftColumn
{

    font: normal 75% Arial,Helvetica,Sans-Serif;
    color: #353535;
	padding-left: 34px;
}

#BookImage
{

	display: none;
	visibility: hidden;
}

#OrderLink
{

    margin-top: 47px;
    padding-bottom: 2px;
}

h3#OrderNow            {padding: 0px 0px 2px 0px; margin: 0px;}

#OrderLink div  {margin-left: 6px;}

#BuyTheBookRightColumn
{

}

#RescueHelicopters
{
    margin: 24px 0px 22px 34px;


    font: normal 75% Arial,Helvetica,Sans-Serif;
    color: #353535;
width: 40%;
}

h3#SupportHelicopters  {padding: 0px 0px 2px 0px; margin: 0px;}

#Copyright
{
    font: normal 70% Arial,Helvetica,Sans-Serif;
    color: #666666;
    padding: 8px 10px 13px 10px;
}

span.FooterLine {color: #cccccc; padding: 0px 6px;}

div.ClearBoth {clear: both; line-height: 1px; margin-bottom: 0px;}



/*~~~~~~~~ HOME ~~~~~~~~*/

#HomeContent
{
    width: 100%;
}

#HomeContent #ContentLeftColumn {margin: 0px 0px 0px 0px; border: 1px solid #ffffff;}
#HomeContent #ContentPosition   {padding-left: 34px;}
#HomeContent #ContentRightColumn    { border: 1px solid #ffffff;}
#HomeContent #Launch    {width: 40%; border: 1px solid #999999; margin: 34px 0px 34px 34px; padding: 12px 16px 16px 16px; color: #353535; font: normal 73% Georgia,Times,Serif;}

#HomeContent h2                     {font: bold 80% Georgia,Times,Serif; color: #4f8791; margin: 0px 0px 14px 0px;}
#HomeContent h3                     {margin: 24px 0px 12px;}
#HomeContent h3#LaunchHeading       {font: 110%; font-weight: bold; color: #353535; margin: 0px 0px 4px 0px;}
#HomeContent p                      {font: normal 80% Georgia,Times,Serif; color: #353535; margin: 0px 0px 12px 0px; padding-bottom: 2px;}

/*~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~ AUTHOR & ILLUSTRATORS ~~~~~~~~*/

#AuthorContent
{
    width: 100%;
}

#AuthorContent #ContentLeftColumn {margin: 28px 0px 0px 0px;}
#AuthorContent #LeftContentPosition   {padding-left: 34px;}

#AuthorContent #ContentRightColumn    {padding: 0px;}
#AuthorContent #RightContentPosition   {padding-left: 40px;}

#AuthorContent h1   {margin: 0px 0px 10px 0px; padding: 0px;}

#AuthorContent #ContentLeftColumn h2   {font: bold 80% Georgia,Times,Serif; color: #4f8791; margin: 0px 0px 14px 0px;}
#AuthorContent #ContentLeftColumn p   {font: normal 80% Georgia,Times,Serif; color: #353535; margin: 0px 0px 12px 0px; padding-bottom: 2px;}

#AuthorContent #ContentRightColumn h2  {font: bold 80% Georgia,Times,Serif; color: #4f8791; margin: 48px 0px 14px 0px;}
#AuthorContent #ContentRightColumn p   {font: normal 80% Georgia,Times,Serif; color: #353535; margin: 0px 0px 12px 0px; padding-bottom: 2px;}

#AuthorPhoto    {margin-top: 29px;}

#WetaLink   {padding: 0px 0px 20px 34px; font: normal 80% Georgia,Times,Serif; color: #353535;}

/*~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~ CHARACTERS ~~~~~~~~*/

#CharactersContent
{
    width: 100%;
}

#CharactersContent #ContentPosition   {padding-left: 34px; padding-top: 28px;}

#CharactersContent h1   {margin: 0px 0px 10px 0px; padding: 0px;}
#CharactersContent p    {font: normal 80% Georgia,Times,Serif; color: #353535; margin: 0px 0px 12px 0px; padding-bottom: 2px;}

#CharactersRow1 {}
#CharactersRow2 {}

#ChampSmall {vertical-align: top; margin: 16px 10px 0px 0px;}
#PeteSmall  {vertical-align: top; margin: 30px 10px 0px 10px;}
#PiperSmall {vertical-align: top; margin: 10px 10px 0px 0px;}
#PoppaSmall {vertical-align: top; margin: 0px 0px 0px 0px;}
#ZoomSmall  {vertical-align: top; margin: 64px 7px 0px 0px;}
#ScratchSmall {vertical-align: top; margin: 0px 0px 0px 0px;}

/*~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~ CHARACTERS - individual ~~~~~~~~*/

#CharactersIndividualContent
{
    width: 100%;
}

#CharactersIndividualContent #ContentPosition   {padding: 0px;}

#CharactersIndividualContent #IndividualWhiteBG {background-color: #ffffff; padding: 15px;}

#CharactersIndividualContent #IndividualCharsMenu
{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    font: normal 70% Georgia,Times,Serif;
    color: #cccccc;
	height: 20px;
}

#CharactersIndividualContent h1 {font: bold 100% Georgia,Times,Serif; margin: 0px 0px 10px 0px; padding: 0px; color: #e36519;}
#CharactersIndividualContent p  {font: normal 80% Georgia,Times,Serif; color: #353535; margin: 0px 0px 12px 0px; padding-bottom: 2px;}

#CharactersIndividualContent div.LeftColumn     {float: left; width: 310px;}
#CharactersIndividualContent div.RightColumn    {float: left; width: 322px; text-align: right;}

#CharactersIndividualContent #RightColumnContent    {text-align: left; padding: 20px;}

a.CharLink {text-decoration: none; color: #8ba6ab; border: none;}
a.CharLink:Hover {text-decoration: none; color: #c17566; border: none;}

a.CharOn    {font-weight: bold; color: #507177; border: none;}



/*~~~~~~~~ PRINTABLES ~~~~~~~~*/

#PrintablesContent
{
    width: 100%;
}

#PrintablesContent #ContentPosition   {padding-left: 34px; padding-top: 28px;}

#PrintablesContent h1   {margin: 0px 0px 10px 0px; padding: 0px;}
#PrintablesContent p    {font: normal 80% Georgia,Times,Serif; color: #353535; margin: 0px 0px 6px 0px; padding-bottom: 2px;}

#PrintablesRow1 {}
#PrintablesRow2 {margin-right: 0px; margin-top: -15px;}

#KidsRescueTeamLeft     {float: left; margin-top: 8px;}
#KidsRescueTeamRight    {float: left; margin-top: 73px;}

#ChampAndPeteLeft     {float: right; text-align: right; margin-top: 63px;}
#ChampAndPeteRight    {float: right;}

img.PDFIcon {vertical-align: -7px;}



#ChampAndPeteLeft a       {text-decoration: none; color:#ba5743; border-bottom: 1px dashed #cb977f;}
#ChampAndPeteLeft a:hover {color: #b82e12; border-bottom: 1px dashed #b82e12;}

/*~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~ CLUB ~~~~~~~~*/

#ClubContent
{
    width: 100%;
}

#ClubContent #ContentLeftColumn {margin: 28px 0px 0px 0px;}
#ClubContent #LeftContentPosition   {padding-left: 34px;}

#ClubContent #ContentRightColumn    {padding-left: 34px;}
#ClubContent #RightContentPosition   {padding-left: 40px;}

#ClubContent h1   {margin: 0px 0px 10px 0px; padding: 0px;}

#ClubContent #IntroSentence {}

#ClubContent #ContentLeftColumn h2  {font: bold 80% Georgia,Times,Serif; color: #4f8791; margin: 0px 0px 14px 0px;}
#ClubContent #ContentLeftColumn p   {font: normal 80% Georgia,Times,Serif; color: #353535; margin: 0px 0px 12px 0px; padding-bottom: 2px; padding-right: 20px;}

#ClubImage    {margin-top: 25px;}

/*~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~ BUYNOW ~~~~~~~~*/

#BuyNowContent
{
    width: 100%;
}

#BuyNowContent #ContentLeftColumn   {float: left; margin: 0px 0px 0px 0px;}
#BuyNowContent #LeftContentPosition {padding-left: 34px;}

#BuyNowContent #ContentRightColumn    {float: left; padding: 22px 0px 0px 0px;}
#BuyNowContent #RightContentPosition   {padding-left: 9px;}

#BuyNowContent h1   {margin: 0px 0px 10px 0px; padding: 28px 0px 0px 34px;}

#BuyNowContent #ContentRightColumn h2  {font: bold 80% Georgia,Times,Serif; color: #4f8791; margin: 0px;}
#BuyNowContent #ContentRightColumn p   {font: normal 80% Georgia,Times,Serif; color: #353535; margin: 0px 0px 12px 0px; padding-bottom: 2px; width: 420px;}

#BuyNowContent #ContentRightColumn p.ISBN   {font: bold 60% Arial,Helvetica,Sans-Serif; color: #4f8791; margin: 0px 0px 14px 0px; padding: 0px;}
#BuyNowContent #ContentRightColumn p.Postage{border-top: 1px solid #aecaaf; border-bottom: 1px solid #aecaaf; width: 23em; padding: 6px 0px 7px 0px;}    

span.PostageWidth {width: 16.8em;}

#OrderOnline
{
    background: url(../images/Common/BG_OrderOnline.gif) no-repeat left top;
    padding: 13px 0px 15px 13px;

}

#OrderByMail
{
    background: url(../images/Common/BG_OrderByMail.gif) no-repeat left top;
    padding: 13px 0px 0px 13px;
    
}

#OrderOnline .InnerBG   {background-color: #eef8ee; width: 345px; height: 120px;}
#OrderByMail .InnerBG   {background-color: #eef8ee; width: 345px;}

#BuyNowContent h3   {margin: 0px 0px 10px 0px; padding: 9px 0px 0px 9px;}

#Quantity
{
    float: left;
    padding: 0px 12px 0px 13px;
    font: normal 67% Arial,Helvetica,Sans-Serif;
    color: #999999;
}

#Quantity select {margin-top: 4px; font: normal 110% Arial,Helvetica,Sans-Serif;}

#Postage
{
    float: left;
    padding: 0px 12px 0px 0px;
    font: normal 67% Arial,Helvetica,Sans-Serif;
    color: #999999;
}

#Destinations {font: normal 110% Arial,Helvetica,Sans-Serif; color: #000000; margin: 4px 0px 0px -4px;}

#OrderButton
{
    padding: 10px 0px 0px 20px;
    float: left;
}

#SendCheque
{
    font: normal 80% Georgia,Times,Serif; color: #353535;
    margin: 0px 13px;
}

/*~~~~~~~~~~~~~~~~~~~~~~*/