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

body
{
	background: #f7f35b url(../images/Common/BG_Body.gif) repeat-y 50% 0px;
	text-align: center;
	margin: 0px;
}

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


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

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

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

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

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

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

	
#Main
{
	width: 748px;
	text-align: left;
	margin: 0 auto;
}

#TopBar
{
    height: 238px;
}

#Logo
{
    float: left;
    width: 414px;
}

#HomeMenu   {float: left; width: 334px; height: 238px; background: #ffffff url(../images/Home/BG_Menu_Home.gif) no-repeat left top;}
#AuthorMenu   {float: left; width: 334px; height: 238px; background: #ffffff url(../images/Common/BG_Menu_Author.gif) no-repeat right bottom;}
#CharactersMenu   {float: left; width: 334px; height: 238px; background: #ffffff url(../images/Common/BG_Menu_Characters.gif) no-repeat right bottom;}
#PrintablesMenu   {float: left; width: 334px; height: 238px; background: #ffffff url(../images/Common/BG_Menu_Printables.gif) no-repeat right bottom;}
#ClubMenu   {float: left; width: 334px; height: 238px; background: #ffffff url(../images/Common/BG_Menu_Club.gif) no-repeat right bottom;}
#BuyNowMenu   {float: left; width: 334px; height: 238px; background: #ffffff url(../images/Common/BG_Menu_BuyNow.gif) no-repeat right bottom;}



#MenuPosition
{
    margin: 26px 0px 0px 25px;
}

#PageContent
{
    background: #94d4e2 url(../images/Common/BG_PageContent.gif) repeat-x left top;
}

#PageContentPale
{
    background: #c8e9cb url(../images/Common/BG_PageContentPale.gif) repeat-x left top;
}

#BuyTheBook
{
    background: #6e99a1 url(../images/Common/BG_BuyTheBook.gif) repeat-x left top;
    width: 100%;
}

#BuyTheBookPale
{
    background: #6e99a1 url(../images/Common/BG_BuyTheBookPale.gif) repeat-x left top;
    width: 100%;
}

#BuyTheBookLeftColumn
{
    float: left;
    width: 410px;
    font: normal 75% Arial,Helvetica,Sans-Serif;
    color: #ffffff;
}

#BookImage
{
    float: left;
    padding-left: 11px;
}

#OrderLink
{
    float: left;
    margin-top: 47px;
    padding-bottom: 2px;
}

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

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

#BuyTheBookRightColumn
{
    float: left;
    width: 323px;
}

#RescueHelicopters
{
    margin: 48px 0px 22px 33px;
    background: #62888f url(../images/Common/BG_RescueHelicopters.gif) no-repeat right bottom;
    padding: 12px 16px 14px 16px;
    font: normal 75% Arial,Helvetica,Sans-Serif;
    color: #ffffff;
}

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

span.Quoted {font: normal 100% Arial,Helvetica,Sans-Serif;}

#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%;
    background: url(../images/Home/BG_HomeContentBG.jpg) no-repeat right top;
}

#HomeContent #ContentLeftColumn {float: left; width: 444px; margin: 28px 0px 0px 0px;}
#HomeContent #ContentPosition   {padding-left: 34px;}
#HomeContent #ContentRightColumn    {float: left; width: 290px;}
#HomeContent #Quote    {background-color: #8ab4bd; margin-top: 345px; margin-bottom: 14px; padding: 12px 16px 16px 16px; color: #ffffff; font: normal 83% Georgia,Times,Serif; line-height:140%;}
#HomeContent h2                     {font: bold 80% Georgia,Times,Serif; color: #4f8791; margin: 0px 0px 14px 0px;}
#HomeContent h3                     {margin: 45px 0px 12px;}
#HomeContent h3#LaunchHeading       {font: 110%; font-weight: bold; color: #ffffff; margin: 0px 0px 4px 0px;}
#HomeContent p                      {font: normal 80% Georgia,Times,Serif; color: #353535; width: 354px; margin: 0px 0px 12px 0px; padding-bottom: 2px;}

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


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

#AuthorContent
{
    width: 100%;
}

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

#AuthorContent #ContentRightColumn    {float: left; 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: 0px 0px 14px 0px;}
#AuthorContent #ContentRightColumn p   {font: normal 80% Georgia,Times,Serif; color: #353535; margin: 0px 0px 12px 0px; padding-bottom: 2px; width: 303px;}

#AuthorPhoto    {margin-top: 29px;}

#WetaLink   {padding: 0px 0px 20px 34px; font: normal 80% Georgia,Times,Serif; color: #353535;}
#WetaLink a.Victory {border: none; display: inline-block; margin-top: 20px;}

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


/*~~~~~~~~ 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 25px;}
#PeteSmall  {vertical-align: top; margin: 31px 10px 0px 31px;}
#PiperSmall {vertical-align: top; margin: 14px 10px 0px 0px;}
#PoppaSmall {vertical-align: top; margin: 16px 3px 0px 5px;}
#ZoomSmall  {vertical-align: top; margin: 64px 7px 0px 5px;}
#ScratchSmall {vertical-align: top; margin: 22px 0px 0px 0px;}

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


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

#CharactersIndividualContent
{
    width: 100%;
    background: url(../images/Common/BG_CharactersIndividualContentBG.gif) no-repeat left top;
}

#CharactersIndividualContent #ContentPosition   {padding: 41px;}

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

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

#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: 90px; 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 {float: left; width: 387px; margin: 28px 0px 0px 0px;}
#ClubContent #LeftContentPosition   {padding-left: 34px;}

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

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

#ClubContent #IntroSentence {padding-left: 81px; margin: 25px 0px 25px 0px; background: url(../images/Common/BG_KidsRescueLogo.gif) no-repeat left top;}

#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; width: 231px; 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: 460px;}

#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 0px 13px;
    height: 239px;
}

#OrderByMail
{
    background: url(../images/Common/BG_OrderByMail.gif) no-repeat left top;
    padding: 13px 0px 20px 13px;
    height: 200px;
    font: normal 100% Georgia,Times,Serif;
}

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

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

#PayPalNote
{
    padding: 0px 12px 12px 13px;
    font: normal 67% Arial,Helvetica,Sans-Serif;
    color: #353535;
}

#PayPalNote b   {color: #000000;}

div.OrderOnlineRow
{
    width: 328px;
    height: 49px;
    margin-left: 13px;
}


div.Customers
{
    float: left;
    padding: 9px 0px 0px 0px;
    font: normal 80% Georgia,Times,Serif;
    color: #353535;
    width: 160px;
}

div.Customers span {    font: normal 85% Arial,Helvetica,Sans-Serif; color: #666666;}

div.BuyButton
{
    float: left;
}

/*
#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;
}

/*~~~~~~~~~~~~~~~~~~~~~~*/
div#RescueHelicopters 		{font: normal 73% Georgia,Times,Serif;}
div#RescueHelicopters h3 	{font-size:100%;line-height:140%;}
div.KidsToTheRescue			{margin-top:50px; margin-bottom: 50px;}
img.champTheChopper			{margin:12px 0 0 22px;}
img.kidsToTheRescue			{margin:45px 0 0 22px;}
img.AddToCart               {margin-left: -3px;}

div#ShoppingCart            {height: 53px; margin-bottom: 10px; margin-left: 34px;}
div#ShoppingCart h1         {float: left; width: 500px; margin-left: 0px; padding-left: 0px !important;}
div#ShoppingCart div        {float: left; width: 190px; text-align: right; margin-top: 28px; font: normal 100% Georgia,Times,Serif;}
div#ShoppingCart div a      {color: #000; border: none;}
div#ShoppingCart div a img  {vertical-align: -3px; margin-right: 3px;}