/* Save Our Friends */

#navbot {
	position:absolute;
	height: 30px;
	bottom: -50px;
	width: 100%;
}
body, h1, h2, h3, h4, label, ul, ol, li, dl, dt, dd, p, div, span, table, td, th, hr, input, label, a {background-repeat:no-repeat;}
body, h1, h2, h3, h4, label, ul, ol, li, dl, dt, dd, p, div, span, img, label, a {padding:0px; border:0px; margin:0px;}
table, tr, td, th {border-spacing:0px; padding:0px; border:0px; margin:0px; vertical-align:top;} 
td, th {empty-cells:hide;}
input {margin:0px; padding:0px;}
body {font-size:62.5%; color:#000; font-family:Helvetica, Arial, Sans-Serif; background-image:url(/Images/Default/paper-bg.jpg); background-repeat:repeat; background-position:center top}
.CheckBox, .Radio {position:relative; left:-4px; top:1px;}
.Radio2 {margin-left:12px; margin-right:7px;}

/* common basic */
h1 {font-size:1.7em; margin-bottom:10px; font-weight:normal; color:#000}
h1.PageTitle  {font-size:1.7em; margin-bottom:10px; font-weight:normal; color:#000}
h1.PageTitle2 {font-size:1.7em; margin-bottom:5px;  font-weight:normal; color:#000}
h2 {font-size:1.4em; font-weight:normal}
h2.PageTitle {font-size:1.4em; font-weight:normal;}
a {color:#152027; text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin-top:10px; margin-bottom:10px; font-size:1.2em; line-height:17px; color:#152027;}
p a {color:#152027; font-weight:bold}
.Red {color:#c00 !important;}
.Bold   {font-weight:bold !important;}
.Italic {font-style:italic !important;}
ul {margin:10px 0px 0px 40px; color:#152027;}
ol {margin:10px 0px 0px 40px; color:#152027;}
ul li {margin:1px 0px 0px 0px; font-size:1.2em; line-height:1.5em;}
ol li {margin:1px 0px 0px 0px; font-size:1.2em; line-height:1.5em;}
dl {margin:15px 0px 10px 0px; color:#152027;}
dl dt {margin:1px 0px 0px 0px; font-size:1.1em; line-height:1.5em; color:#036; font-weight:bold;}
dl dd {margin:1px 0px 10px 20px; font-size:1.1em; line-height:1.5em;}

.BottomFixer {clear:both; height:1px; font-size:1px; width:20px;}
.DisplayNone {display:none;}
.NoMargin {margin:0px !important;}
.ParagraphImitation {margin-top:5px; margin-bottom:10px; font-size:1.2em; line-height:13px; color:#152027; width:400px}
  .ParagraphImitation a {color:#152027; font-weight:bold}

.BlackLink {color:#152027 !important}
.BlackLink2 {color:#152027 !important; text-decoration:underline}

/* page structure */
.MainDiv {width:846px; height:437px; padding:138px 0px 0px 150px; margin:0px auto 0px auto; position:relative; left:0px; background-color:#F2F2F2;}
  .MainDiv .Footer {} /*Footer down below*/
.TopSpacer {position:relative; width:996px; height:10px; margin:0px auto; background-image:url(/Images/Default/top-spacer.gif); font-size:1px;}

.Header {position:absolute; top:0px; left:0px; width:996px; height:120px;}
  .Header .CompanyLogo {z-index:1; display:block; position:absolute; top:11px; left:123px; height:148px; width:145px; background-image:url(/Images/Default/logo.gif)}
  .Header .RainLogo {z-index:1; display:none; position:absolute; top:25px; left:123px; height:118px; width:175px; background-image:url(/Images/Default/logo-rain.gif)}
  .Header .SnowLogo {z-index:1; display:none; position:absolute; top:43px; left:143px; height:105px; width:123px; background-image:url(/Images/Default/logo-snow.gif)}
  .Header .OceanLogo {z-index:1; display:none; position:absolute; top:33px; left:143px; height:117px; width:124px; background-image:url(/Images/Default/logo-ocean.gif)}
  .Header .AfricanLogo {z-index:1; display:none; position:absolute; top:42px; left:143px; height:108px; width:142px; background-image:url(/Images/Default/logo-african.gif)}
  .Header .HeaderLinks {}

/*Header Links*/
.HeaderLinks {position:absolute; top:0px; right:0px}
  .HeaderLinks a {font-size:1.2em; margin-left:20px}
  .HeaderLinks a:hover {text-decoration:none}
  
/*Footer*/  
.Footer {position:absolute; top:55px; left:304px; width:450px;}
  .Footer div {position:relative; margin-right:45px; float:left; display:block; }
  .Footer a {display:none; }
  .Footer .CharityLinkDiv {width:108px; height:44px; background-image:url(/Images/Default/charity-partners.gif)}  
  .Footer .LinksLinkDiv {width:46px; height:19px; margin-top:15px; background-image:url(/Images/Default/links.gif)}  
  .Footer .AboutLinkDiv {width:60px; height:35px; margin-top:6px; background-image:url(/Images/Default/about-us.gif)}  
  .Footer .ContactLinkDiv {width:98px; height:27px; margin-top:9px; margin-right:0px; background-image:url(/Images/Default/contact-us.gif)}  
  .Footer .CharityLink {width:108px; height:44px; background-image:url(/Images/Default/charity-partners-lime.gif)}  
  .Footer .LinksLink {width:46px; height:19px; background-image:url(/Images/Default/links-lime.gif)}  
  .Footer .AboutLink {width:60px; height:35px; background-image:url(/Images/Default/about-us-lime.gif)}  
  .Footer .ContactLink {width:98px; height:27px; background-image:url(/Images/Default/contact-us-lime.gif)}  
.Footer2 {display:none; position:absolute; top:515px; left:880px; width:100px; height:100px}
  .Footer2 .SoundOn {display:block; height:21px; width:21px; margin:10px 0px 0px 53px; background-image:url(/Images/Default/speaker_on.gif)}
  .Footer2 .SoundOff {display:block; height:28px; width:26px; margin:5px 0px 0px 49px; background-image:url(/Images/Default/speaker_mute.gif)}

/*GlobalNav*/
.GlobalNav {position:absolute; top:106px; left:0px; height:30px; width:933px}
  .GlobalNavInner {float:right}
    .GlobalNavInner .LeftEnd {display:block; float:left; height:60px; width:10px; background-color:#BECD0D; border:solid 1px #A2B000; border-bottom:none; border-right:none}
    .GlobalNavInner .Centre {display:block; float:left; height:52px; padding-top:8px; background-color:#BECD0D; border-top:solid 1px #A2B000; }
      .GlobalNavInner .Centre a {font-size:1.3em}
    .GlobalNavInner .RightEnd {display:block; float:left; height:60px; width:10px; margin-right:2px; background-color:#BECD0D; border:solid 1px #A2B000; border-bottom:none; border-left:none}
    .GlobalNavInner .Active .LeftEnd {background-color:#A2B000; height:60px;}
    .GlobalNavInner .Active .Centre {background-color:#A2B000; height:60px;}
      .GlobalNavInner .Active .Centre a {}
    .GlobalNavInner .Active .RightEnd {background-color:#A2B000; height:60px}

/*LocalNav*/
.LocalNav {position:absolute; top:140px; left:-39px; height:43px; width:996px; margin:0px auto; background-image:url(/Images/Default/local-nav.gif)}
  .LocalNavInner {float:right; padding:15px 30px 0px 0px}
    .LocalNavInner .LeftEnd {display:block; float:left; height:20px; width:10px;}
    .LocalNavInner .Centre {display:block; float:left; height:20px;}
      .LocalNavInner .Centre a {font-size:1.1em; color:#000}
      .LocalNavInner .Centre a:hover {text-decoration:none; color:#fff}
    .LocalNavInner .RightEnd {display:block; float:left; height:30px; width:10px; margin-right:2px;}
    .LocalNavInner .Active .LeftEnd {}
    .LocalNavInner .Active .Centre {}
      .LocalNavInner .Active .Centre a {color:#fff;}
    .LocalNavInner .Active .rightEnd {}
    .LocalNavInner .Between {display:block; float:left}


/* some not finished */
.RbHorizontalList {}
  .RbHorizontalList input {} 
  .RbHorizontalList label {margin-right:7px; margin-left:3px;}

.RbVerticalList {}
  .RbVerticalList input {} 
  .RbVerticalList label {margin-left:4px;}
  
.CbHorizontalList {}
  .CbHorizontalList input {} 
  .CbHorizontalList label {}

.CbVerticalList {} 
  .CbVerticalList input {} 
  .CbVerticalList label {margin-left:4px;}

/**** Forms ****/
.FormTable  {width:500px; margin:0px auto 0px auto; background-color:#B7C600;}
.FormTable a {font-weight:bold;}
.FormTable .Col1       {width:204px; padding:7px 7px 10px 22px; color:#152027; font-weight:bold; border-left:solid 1px #A2B000; font-size:1.2em;}
.FormTable .Col1v2     {width:449px; padding:7px 7px 10px 22px; color:#152027; font-weight:bold; border-left:solid 1px #A2B000; font-size:1.2em;}
.FormTable .Col1v3     {width:429px; padding:7px 7px 10px 42px; color:#152027; font-weight:normal; border-left:solid 1px #A2B000; font-size:1.2em;}
.FormTable .Col1-2     {width:449px; padding:6px 0px 6px 22px;  color:#152027; font-weight:bold; border-left:solid 1px #A2B000; font-size:1.2em;}
.FormTable .Col1-2L    {width:449px; padding:0px 0px 6px 22px;  color:#555; text-align:right; border-left:solid 1px #A2B000; font-size:1.1em;}
.FormTable .Col1-2T    {width:449px; padding:0px 0px 1px 22px;  color:#152027; font-weight:bold; border-left:solid 1px #A2B000; font-size:1.2em;}
.FormTable .Col1-2v3   {width:449px; padding:4px 0px 1px 22px;  color:#152027; font-size:1.1em; border-left:solid 1px #A2B000;}
.FormTable .Col1-3     {width:449px; padding:4px 0px 1px 22px;  color:#152027; font-size:1.1em; border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
.FormTable .Col2       {width:240px; padding:4px 0px 4px 0px; color:#152027; line-height:19px; font-size:1.1em;}
  .FormTable .Col2 a   {text-decoration:none}
  .FormTable .Col2 a:hover {text-decoration:underline}
.FormTable .Col2v2     {width:16px; padding:4px 0px 4px 0px; color:#152027; line-height:19px; font-size:1.1em;}
.FormTable .Col3       {width:25px; padding:6px 0px 0px 4px; border-right:solid 1px #A2B000;}
.FormTable .EditBox    {width:234px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#444;}
.FormTable .EditBoxShorter    {width:221px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#444; margin-right:5px}
.FormTable .EditBox2   {width:233px; font-size:11px; height:90px; padding-top:1px; font-family:Verdana; color:#444;}
.FormTable .EditBox-YN {width:145px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#444;}
.FormTable .EditBoxNd1 {width:50px;  font-size:11px; height:15px; padding-top:1px;  font-family:Verdana; color:#444;}
.FormTable .EditBoxNd2 {width:168px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#444;}
.FormTable .EditBoxNd1v2 {width:109px;  font-size:11px; height:15px; padding-top:1px;  font-family:Verdana; color:#444;}
.FormTable .EditBoxNd2v2 {width:109px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#444;}
.FormTable .DropDown   {width:238px; font-size:11px; height:19px; padding-top:1px; font-family:Verdana; color:#444;}
.FormTable .ListBox    {width:238px; font-size:11px; font-family:Verdana; height:200px; color:#444;}
.FormTable .ListBox2    {width:238px; font-size:11px; font-family:Verdana; height:120px; color:#444;}
.FormTable .ListBox3    {width:443px; font-size:11px; font-family:Verdana; height:148px; color:#444;}
.FormTable .CheckBoxText            {text-indent:-30px; margin-left:26px;}
.FormTable .CheckBoxCol             {padding:15px 7px 10px 22px; color:#003366; font-weight:bold; border-left:solid 1px #A2B000; font-size:1em;}
.FormTable .TextArea   {width:235px; font-size:11px; font-family:Verdana; color:#444;}
.FormTable .TextArea2  {width:443px; font-size:11px; font-family:Verdana; color:#444;}
.FormTable .TextArea3  {width:443px; height:320px; font-size:11px; font-family:Verdana; color:#444;}
.FormTable .FileUpload {width:237px; font-size:11px; height:20px; font-family:Verdana; color:#444;}
.FormTable .GreyLink                {color:#444; text-decoration:underline}
.FormTable .BarTop     {height:8px; border:solid 1px #A2B000; border-bottom:none;}
.FormTable .BarBottom  {height:8px; border:solid 1px #A2B000; border-top:none;}
.FormTable .BarMiddle1 { border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
.FormTable .BarMiddle1 img {height:6px; width:1px;}
.FormTable .BarMiddle2 { border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
.FormTable .BarMiddle2 img {height:12px; width:1px;}
.FormTable .LineMiddle1 {border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;  border-bottom:solid 1px #A2B000;}
.FormTable .LineMiddle1 img {height:1px; width:1px;}
.FormTable .LineMiddle2 {background-image:url(/Images/Default/table-hr-on-dark-bg.gif); background-position:15px 0px; border-left:solid 1px #A2B000; border-right:solid 1px #A2B000; }
.FormTable .LineMiddle2 img {height:2px; width:1px;}
.FormTable .Nd1      {float:left; width:55px; font-size:0.9em; color:#444;}
.FormTable .Nd2      {float:left; width:173px; font-size:0.9em; color:#444;}
.FormTable .Nd1v2      {float:left; width:114px; font-size:0.9em; color:#444;}
.FormTable .Nd2v2      {float:left; width:114px; font-size:0.9em; color:#444;}
.FormTable .NdSpacer {float:left; width:11px;}
.FormTable .Col1AdditionalInfo {font-size:0.9em; padding-top:3px;}

.FormTablev3  {width:500px; margin:0px auto 0px auto; background-color:#B7C600;}
  .FormTablev3 th {text-align:left; font-size:1.1em; color:#152027; font-weight:bold; padding-bottom:5px;}
  .FormTablev3 td {color:#152027; line-height:19px; font-size:1.1em; padding-top:2px; padding-bottom:2px; padding-right:7px; }
.FormTablev3 .Col1       {width:80px; padding-left:22px; border-left:solid 1px #A2B000; }
.FormTablev3 .Col2       {width:208px;}
.FormTablev3 .Col3       {width:40px;}
.FormTablev3 .Col4       {width:60px; padding-right:22px; border-right:solid 1px #A2B000;}
.FormTablev3 .BarTop     {height:8px; border:solid 1px #A2B000; border-bottom:none;}
.FormTablev3 .BarBottom  {height:8px; border:solid 1px #A2B000; border-top:none;}


.FormTableProduct {border:solid 1px #A2B000 !important;}

.LightTable {background-color:#C4C100 !important;}

.PublicFormTable  {float:left; width:400px; background-color:#C4C100;}
.PublicFormTable .Col1       {width:150px; padding:7px 7px 10px 22px; color:#152027; border-left:solid 1px #A2B000; font-size:1.1em;}
  .PublicFormTable .Col1 div {font-size:10px !important; color:#444}
.PublicFormTable .Col2       {width:190px; padding:4px 0px 4px 0px; color:#444; line-height:19px; font-size:1.1em;}
.PublicFormTable .Col3       {width:25px; padding:6px 0px 0px 4px; border-right:solid 1px #A2B000;}
.PublicFormTable .Col1-2     {width:345px; padding:6px 0px 6px 22px;  color:#152027; font-weight:bold; border-left:solid 1px #A2B000; font-size:1.2em;}
.PublicFormTable .Col1-2v2   {width:345px; padding:6px 0px 6px 22px;  color:#152027; font-weight:normal; border-left:solid 1px #A2B000; font-size:1.1em;}
.PublicFormTable .Col1-2L    {width:345px; padding:0px 0px 6px 22px;  color:#818D00; text-align:right; border-left:solid 1px #A2B000; font-size:1.2em;}
.PublicFormTable .Col1-2T    {width:345px; padding:0px 0px 1px 22px;  color:#152027; font-weight:bold; border-left:solid 1px #A2B000; font-size:1.2em;}
.PublicFormTable .EditBox    {width:188px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#444;}
.PublicFormTable .DropDown   {width:192px; font-size:11px; height:20px; padding-top:1px; font-family:Verdana; color:#444;}
.PublicFormTable .ListBox    {width:188px; font-size:11px; font-family:Verdana; height:200px; color:#444;}
.PublicFormTable .TextArea   {height:50px; width:185px; font-size:11px; font-family:Verdana; color:#444;}
.PublicFormTable .TextArea2  {width:343px; height:60px; font-size:11px; font-family:Verdana; color:#444;}
.PublicFormTable .FileUpload {width:187px; font-size:11px; height:20px; font-family:Verdana; color:#444;}
.PublicFormTable .BarTop     {height:8px; border:solid 1px #A2B000; border-bottom:none;}
.PublicFormTable .BarBottom  {height:8px; border:solid 1px #A2B000; border-top:none;}
.PublicFormTable .BarBottom2  {height:13px; border:solid 1px #A2B000; border-top:none;}
.PublicFormTable .BarMiddle1 { border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
.PublicFormTable .BarMiddle1 img {height:6px; width:1px;}
.PublicFormTable .BarMiddle2 { border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
.PublicFormTable .BarMiddle2 img {height:20px; width:1px;}
.PublicFormTable .BarMiddle3 { border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
.PublicFormTable .BarMiddle3 img {height:40px; width:1px;}
.PublicFormTable .BarMiddle4 { border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
.PublicFormTable .BarMiddle4 img {height:80px; width:1px;}
.PublicFormTable .BarMiddle5 { border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
.PublicFormTable .BarMiddle5 img {height:46px; width:1px;}
.PublicFormTable .BarMiddle6 { border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
.PublicFormTable .BarMiddle6 img {height:110px; width:1px;}
.PublicFormTable .LineMiddle1 {border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;  border-bottom:solid 1px #A2B000;}
.PublicFormTable .LineMiddle1 img {height:1px; width:1px;}
.PublicFormTable .Col1AdditionalInfo {font-size:0.9em; padding-top:3px;}

.PublicFormTable2  {float:left; width:400px; background-color:#C4C100;}
.PublicFormTable2 .Col1       {width:150px; padding:4px 7px 7px 22px; color:#152027; border-left:solid 1px #A2B000; font-size:1.2em;}
  .PublicFormTable2 .Col1 div {font-size:10px !important; color:#444}
.PublicFormTable2 .Col2       {width:190px; padding:1px 0px 1px 0px; color:#333; line-height:19px; font-size:1.1em;}
.PublicFormTable2 .Col3       {width:25px; padding:2px 0px 0px 4px; border-right:solid 1px #A2B000;}
.PublicFormTable2 .Col1-2     {width:345px; padding:3px 0px 3px 22px;  color:#333; font-weight:bold; border-left:solid 1px #A2B000; font-size:1.2em;}
.PublicFormTable2 .Col1-2v2   {width:345px; padding:3px 0px 3px 22px;  color:#333; font-weight:normal; border-left:solid 1px #A2B000; font-size:1.2em;}
.PublicFormTable2 .Col1-2L    {width:345px; padding:0px 0px 5px 22px;  color:#333; text-align:right; border-left:solid 1px #A2B000; font-size:1em;}
.PublicFormTable2 .Col1-2T    {width:345px; padding:0px 0px 1px 22px;  color:#333; font-weight:bold; border-left:solid 1px #A2B000; font-size:1.2em;}
.PublicFormTable2 .EditBox    {width:188px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#333;}
.PublicFormTable2 .DropDown   {width:192px; font-size:11px; height:19px; padding-top:1px; font-family:Verdana; color:#333;}
.PublicFormTable2 .ListBox    {width:188px; font-size:11px; font-family:Verdana; height:200px; color:#333;}
.PublicFormTable2 .TextArea   {height:50px; width:185px; font-size:11px; font-family:Verdana; color:#333;}
.PublicFormTable2 .TextArea2  {width:343px; height:45px; font-size:11px; font-family:Verdana; color:#333;}
.PublicFormTable2 .FileUpload {width:187px; font-size:11px; height:20px; font-family:Verdana; color:#333;}
.PublicFormTable2 .BarTop     {height:6px; border:solid 1px #A2B000; border-bottom:none;}
.PublicFormTable2 .BarBottom  {height:8px; border:solid 1px #A2B000; border-top:none;}
.PublicFormTable2 .BarBottom2  {height:3px; border:solid 1px #A2B000; border-top:none;}
.PublicFormTable2 .BarMiddle1 { border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
.PublicFormTable2 .BarMiddle1 img {height:6px; width:1px;}
.PublicFormTable2 .BarMiddle2 { border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
.PublicFormTable2 .BarMiddle2 img {height:20px; width:1px;}
.PublicFormTable2 .BarMiddle3 { border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
.PublicFormTable2 .BarMiddle3 img {height:40px; width:1px;}
.PublicFormTable2 .BarMiddle4 { border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
.PublicFormTable2 .BarMiddle4 img {height:74px; width:1px;}
.PublicFormTable2 .BarMiddle5 { border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
.PublicFormTable2 .BarMiddle5 img {height:46px; width:1px;}
.PublicFormTable2 .BarMiddle6 { border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
.PublicFormTable2 .BarMiddle6 img {height:110px; width:1px;}
.PublicFormTable2 .LineMiddle1 {border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;  border-bottom:solid 1px #A2B000;}
.PublicFormTable2 .LineMiddle1 img {height:1px; width:1px;}
.PublicFormTable2 .Col1AdditionalInfo {font-size:0.9em; padding-top:3px;}

.BasketTable {width:500px; margin-bottom:10px; background-color:#C4C100}
  .BasketTable th {text-align:left; font-size:1.1em !important; font-weight:normal;}
  .BasketTable .Col1 {width:70px; padding:0px 6px 0px 22px; color:#152027; border-left:solid 1px #A2B000; }
    .BasketTable td.Col1 img {height:60px; width:60px; border:solid 1px #A2B000}
  .BasketTable .Col2 {width:150px; padding:0px 6px 0px 5px; font-size:1.2em}
    .BasketTable .Col2 a {color:#152027 !important}
    .BasketTable .Col1-6 {padding-left:150px; font-size:1.2em; border-right:solid 1px #A2B000; border-left:solid 1px #A2B000; color:#c00; }
  .BasketTable .Col3 {width:90px;}
    .BasketTable .Col3 .EditBox {width:50px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#444;}
  .BasketTable .Col4 {width:90px; padding-right:5px; padding-top:3px}
  .BasketTable th.Col4 {padding-top:0px}
  .BasketTable .Col5 {width:30px; font-size:1.1em; padding-top:3px}
    .BasketTable .Col5 a {color:#CC0000 !important}
  .BasketTable .Col6 {width:25px; border-right:solid 1px #A2B000;}
  .BasketTable .BarTop     {height:8px; border:solid 1px #A2B000; border-bottom:none;}
  .BasketTable .BarTop2     {height:1px; border:solid 1px #A2B000; border-bottom:none;}
  .BasketTable .BarBottom  {height:8px; border:solid 1px #A2B000; border-top:none;}
  .BasketTable .BarMiddle1 { border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
  .BasketTable .BarMiddle1 img {height:6px; width:1px;}
  .BasketTable .LineMiddle1 {border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;  border-bottom:solid 1px #A2B000;}
  .BasketTable .LineMiddle1 img {height:1px; width:1px;}

.TabularData {width:500px; background-color:#C4C100; margin-top:5px}
  .TabularData th {text-align:left; font-size:1.2em; font-weight:bold; color:#152027; border-bottom:solid 1px #A2B000}
  .TabularData td {color:#152027; font-size:1.2em;}  
  .TabularData .BarTop     {height:1px; border:solid 1px #A2B000; border-bottom:none;}
  .TabularData .BarBottom  {height:8px; border:solid 1px #A2B000; border-top:none;}
  .TabularData .Col1 {padding:3px 3px 3px 22px; width:185px; border-left:solid 1px #A2B000}
  .TabularData .Col2 {padding:3px 3px 3px 0px; width:50px;}
  .TabularData .Col3 {padding:3px 3px 3px 0px; width:77px}
  .TabularData .Col4 {padding:3px 3px 3px 0px; width:77px; border-right:solid 1px #A2B000}
  .TabularData .BarMiddle1 { border-left:solid 1px #A2B000; border-right:solid 1px #A2B000;}
  .TabularData .BarMiddle1 img {height:6px; width:1px;}

.FormTableMargin {margin-left:30px}
.FormTableSpacer {height:20px;}
.OverTableHeading {width:500px; margin:0px auto 0px auto; margin-bottom:6px;}
.ParentLabel {width:500px; margin:0px auto 0px auto; margin-bottom:6px; font-size:1.2em; font-weight:normal; font-style:italic}
.OverTableLabel {width:500px; margin:0px auto 10px auto; font-size:1.2em; font-weight:normal}
  .OverTableLabel a {color:#003366; font-weight:bold; text-decoration:none;}
  .OverTableLabel a:hover {text-decoration:underline}
.UnderTableLabel {width:500px; margin:0px auto 0px auto; font-weight:normal}
.NextToTableLabel {float:left; width:280px; margin:0px 0px 0px 30px; font-size:1.2em}
  .NextToTableLabel a {font-weight:bold}
.UnderPublicTableLabel {clear:both; width:400px; padding:5px 0px 0px 0px; font-size:1.2em; color:#152027}
  .UnderPublicTableLabel input {}

/* Page Turner */
.PageTurnBG {position:relative; clear:both; background-color:#C4C100; width:500px; height:21px; margin-top:0px; margin-bottom:10px; border:solid 1px #A2B000}
.PageTurnBG .ButtonStd {position:absolute; top:0px; left:0px; margin:3px 0px 1px 3px;}
.PageTurner {position:absolute; top:0px; right:0px; text-align:right; padding: 1px 5px 4px 0px;}
.PageTurner .Counter {color:#444; font-size:0.9em; font-weight:bold;}
.PageTurner .Active a {color:#222; text-decoration:none;}
.PageTurner .Active a:hover {color:#222; text-decoration:underline;}
.PageTurner .Active {color:#222; font-size:0.9em; font-weight:bold; text-decoration:none;}
.PageTurner .Inactive {color:#CCDC00; font-size:0.9em; font-weight:bold; text-decoration:none}
.PageTurner .Inactive a {color:#CCDC00; text-decoration:none}
.PageTurner .Separator {color:#444; font-size:1.3em; font-weight:normal;}
.PageJumper {float:left; margin-top:2px;margin-left:3px; margin-right:20px; }
  .PageJumper .Go {color:#FFFFFF; font-size: 0.9em; background-color:#484637; padding:2px 1px 2px 1px; text-decoration:none}
    .PageJumper .Go:hover {text-decoration:underline}
  .PageJumper .DropDown {height:16px; width:47px; font-size:0.9em}
  .PageJumper .DropDownText {float:left; padding:2px 8px 0px 5px}
.PageJumper2 {background-color:#B7C600; width:143px; padding-top:2px; margin:0px auto 0px auto}
  .PageJumper2Inner {float:left; width:124px}
  .PageJumper2 .Go {display:block; float:left; width:15px; color:#FFFFFF; font-size: 0.9em; background-color:#003366; padding:2px 1px 2px 2px; margin-top:1px; margin-right:0px; text-decoration:none}
    .PageJumper2 .Go:hover {text-decoration:underline}
  .PageJumper2 .DropDown {height:16px; width:47px; font-size:0.9em}
  .PageJumper2 .DropDownText {float:left; padding:2px 8px 0px 0px}
.PageSortBy {float:left; background-color:#F1F1F1; margin-top:2px;margin-left:3px; margin-right:25px}
  .PageSortBy .DropDown {height:16px; width:80px; font-size:0.9em; font-size:10px; font-family:Verdana; color:#444;}
  .PageSortBy .DropDownText {float:left; padding:2px 8px 0px 5px}
  .PageSortBy .Go {color:#FFFFFF; font-size: 0.9em; background-color:#003366; padding:2px 1px 2px 1px; text-decoration:none}
    .PageSortBy .Go:hover {text-decoration:underline}

/* buttons */
.FormButtons {width:500px; height:16px; font-weight:normal; margin:15px auto 0px auto; padding-bottom:20px;}
  .FormButtons div.Info {float:left; color:#444;}
.PublicFormButtons {clear:both; width:400px; height:16px; font-weight:normal; margin:0px auto 0px 430px; padding-top:10px; padding-bottom:10px;}
  .PublicFormButtons div.Info {float:left; color:#444;}
.PublicFormButtons2 {clear:both; width:400px; height:16px; font-weight:normal; margin:0px auto 0px 0px; padding-top:15px; padding-bottom:20px;}
  .PublicFormButtons2 div.Info {float:left; color:#444;}
.PublicFormButtons3 {clear:both; width:500px; height:16px; font-weight:normal; margin:0px auto 0px 0px; padding-top:15px; padding-bottom:10px;}
  .PublicFormButtons3 div.Info {float:left; color:#444;}
.PublicFormButtons4 {clear:both; width:550px; height:16px; font-weight:normal; margin:10px auto 0px 0px; padding-top:0px; padding-bottom:20px;}
  .PublicFormButtons4 div.Info {float:left; color:#444; font-size:1.1em}
.RightAlignedButtons       {height:16px; font-size:10px; font-weight:normal; margin:30px auto 25px auto;}
.AlmostRightAlignedButtons {height:16px; font-size:10px; font-weight:normal; margin:30px 20px 25px auto;}
.CheckoutButtons {width:500px; height:23px;}
.ThankYouButtons {width:450px; height:16px; font-weight:normal; margin:15px 0px 0px 0px; padding-bottom:20px;}
.ButtonContainer {width:830px; margin-top:20px}

.ButtonStd {float:right;}
  .ButtonStd .LeftEnd  {float:left; height:16px; width:0px; display:block;}
  .ButtonStd .Centre   {float:left; height:16px; display:block;  background-color:#484637; }
  .ButtonStd .Centre a {font-weight:bold; font-size:1.1em; color:#fff; padding:1px 8px 2px 8px; display:block; text-decoration:none;}
  .ButtonStd .Centre a:hover {text-decoration:underline;}
  .ButtonStd .RightEnd {float:left; height:16px; width:0px; display:block;}

.ButtonAddBasket {position:relative; top:-2px; float:right;}


.ButtonStdSpacer      {float:right; height:16px; width:10px;}
.ButtonStdSpacer2      {float:left; height:16px; width:10px;}

.ButtonSearch {height:16px;}

/* Validation */
.Asterisk {color:#c00;}
.ValidationImage {width:15px; height:15px; background-image:url(/Images/Default/validation-image.gif);}

/* Heals up if no text is displayed */
.ValidationMessage1 {width:560px; color:#c00; font-size:1.1em; margin-left:auto; margin-right:auto; font-weight:bold;}
.ValidationMessage1 span {margin:0px auto 8px 0px; display:block;}
.ValidationMessage1 a {color:#c00; text-decoration:underline;}

.ValidationMessageContainer {clear:both;}
.ValidationMessageContainer h1 {float:left}
.ValidationMessageContainer .Title {float:left}
.PublicValidationMessage1 {float:left; color:#c00; font-size:1.1em; margin-left:0px; margin-right:auto; font-weight:bold;}
.PublicValidationMessage1 span {margin:5px auto 8px 8px; display:block;}
.PublicValidationMessage1 a {color:#c00; text-decoration:underline;}

/* Heals up if no text is displayed, for remove pages, list pages */
.ValidationMessage2 {width:auto; color:#c00; font-size:1.1em; margin-left:auto; margin-right:auto; font-weight:bold;}
.ValidationMessage2 span {margin:0px auto 8px 0px; display:block;}
.ValidationMessage2 a {color:#c00; text-decoration:underline;}

/* Validation images rollovers for general use */
.ValidationInfo   {position:relative; text-indent:0px; white-space:nowrap;}
.ValidationInfo img {position:relative;}
.ValidationInfo div{ position:absolute; white-space:normal; font-weight:normal; overflow:hidden; padding:2px 2px 2px 4px; top:-85px; left:17px; width:140px; height:80px; font-size:11px; border:solid 1px #ccc; background-color:#fff; color:#444; display:none;}

/**** List Page Styles ****/
.List {font-size:1.2em; margin-left:0px; margin-right:auto; margin-bottom:5px; width:710px;}
  .List td {vertical-align:top; padding-top:3px; padding-bottom:5px; padding-right:3px;}
  .List td input {}
  .List td.HeaderUnselected   {text-align:left; font-weight:bold; background-color:#AFBD0E; padding-top:3px; padding-bottom:3px;}
  .List td.HeaderUnselected a {color:#000; text-decoration:none;}
  .List td.HeaderUnselected a:hover {color:#fff;}
  .List td.HeaderSelected     {text-align:left; font-weight:bold; background-color:#AFBD0E; padding-top:3px; padding-bottom:3px;}
  .List td.HeaderSelected a   {color:#fff; text-decoration:none;}
  .List td.HeaderSelected span.Up   {margin-left:5px; width:10px; height:10px; background-image:url(/Images/Default/list-up-arrow.gif); display:inline-block;}
  .List td.HeaderSelected span.Down {margin-left:5px; width:10px; height:10px; background-image:url(/Images/Default/list-down-arrow.gif); display:inline-block;}
  .List td.HeaderSelected span img {width:10px;}

.ListFooter {height:21px; text-align:left; font-size:10px; margin-left:auto; margin-right:-3px; border-bottom:solid 1px #A2B000; border-top:solid 1px #A2B000; padding-top:4px;}
  .ListFooter .Left {float:left;}
    .ListFooter .Left a {text-decoration:none; font-weight:bold;}
    .ListFooter .Left a:hover {text-decoration:underline}
    .ListFooter .SelectAll {padding:2px 5px 3px 5px; background-color:#484637; color:#fff; margin-right:6px; display:block; float:left;}
    .ListFooter .SelectAll:hover {}
    .ListFooter .Reset     {padding:2px 5px 3px 5px; background-color:#484637; color:#fff; margin-right:60px; display:block; float:left;}
    .ListFooter .Reset:hover     {}
    .ListFooter .GotoText  {padding:2px 0px 3px 5px; margin-right:6px; display:block; float:left; }
    .ListFooter .PageJumper{height:18px; font-size:11px; width:45px; padding:0px; margin:0px; float:left;}
    .ListFooter .Go        {padding:2px 5px 3px 5px; background-color:#484637; color:#fff; margin-left:6px; display:block; float:left;}
    .ListFooter .Go:hover  {}
  .ListFooter .Right {float:right;}
    .ListFooter .Right a {text-decoration:none; font-weight:bold;}
    .ListFooter .Right a:hover {text-decoration:underline}
    .ListFooter .PreviousActive   {background-color:#484637; color:#fff; padding:2px 5px 3px 5px; margin-right:5px; display:block; text-decoration:none;  float:left;}
    .ListFooter .PreviousActive:hover {}
    .ListFooter .PreviousInactive {background-color:#D0DA57; color:#eee; padding:2px 5px 3px 5px; margin-right:5px; display:block; float:left; font-weight:normal; font-style:italic}
    .ListFooter .PageNumber       {padding:2px 5px 3px 5px; margin-right:4px; display:block; float:left;}
    .ListFooter .NextActive       {background-color:#484637; color:#fff; padding:2px 5px 3px 5px; display:block; text-decoration:none; float:left;}
    .ListFooter .NextActive:hover {}
    .ListFooter .NextInactive     {background-color:#D0DA57; color:#eee; padding:2px 5px 3px 5px; display:block; float:left; font-weight:normal; font-style:italic}

.Capture img {background-color:#fff}
.Capture div {text-align:center; background-color:#fff; margin-bottom:5px}

/* Admin Access Page */
.AccessGlobalButtons {float:right; margin-right:20px; width:300px;}
.AccessItemContainer {border-top:solid 1px #A2B000; width:300px; padding:0px 5px 0px 20px}
h2.AccessItem {font-size:1.4em; color:#152027; margin:10px auto 3px 0px; width:300px; text-decoration:underline}
.AccessItemButtons {height:21px;}
  .AccessItemButtons a {font-weight:bold; margin-right:8px;}
.AccessCBList {margin-top:0px;}
.AccessCBList input {margin-right:1px;}
.AccessCBList label {margin-right:8px; font-size:1.1em;}

/*Image Animations*/
.ImageSwap {float:left; position:relative; width:317px; height:304px; padding:20px 0px 0px 0px; margin-right:20px}
  .ImageSwap h1 {text-align:center}
.WonkyPic {position:absolute; top:20px; left:0px}
  .WonkyPic img {width:347px; height:314px}
.PhotoChange {position:relative; z-index:0; height:300px; width:300px; padding:0px; margin:0px 0px 0px 28px}
  .PhotoChange .PhotoChangeImg {position:relative; margin:24px 0px 0px 0px; padding:10px; background-image:url(/Images/Default/paper-white-bg.gif); background-repeat:repeat}
  .PhotoChange .PhotoChangeImg img {background-color:#eee; width:280px; height:238px; cursor:pointer}
.HelpUs {position:absolute; top:215px; left:225px; z-index:1; height:70px; width:94px; border:none; background-color:Transparent}
.HelpUs2 {position:absolute; top:60px; left:45px; z-index:1; height:70px; width:94px; border:none; background-color:Transparent}

.HomePageImageContainer {position:absolute; top:130px; left:410px; width:585px}
.ImageSwap2 {float:left; position:relative; width:251px; height:241px; padding:20px 0px 0px 0px;}
  .ImageSwap2 h1 {text-align:center}
.WonkyPic2 {position:absolute; top:20px; left:6px}
  .WonkyPic2 img {width:281px; height:254px}
.PhotoChange2 {position:relative; z-index:0; height:234px !important; width:234px !important; padding:0px; margin:00px 0px 0px 28px}
  .PhotoChange2 .PhotoChangeImg {position:relative; margin:24px 0px 0px 0px; height:182px !important; width:234px !important; padding:10px; background-image:url(/Images/Default/paper-white-bg.gif); background-repeat:repeat}
  .PhotoChange2 .PhotoChangeImg img {background-color:#eee; width:214px; height:182px; cursor:pointer}
.PhotoChange3 {position:relative; z-index:0; height:234px !important; width:234px !important; padding:0px; margin:00px 0px 0px 28px}
  .PhotoChange3 .PhotoChangeImg {position:relative; margin:24px 0px 0px 0px; height:182px !important; width:234px !important; padding:10px; background-image:url(/Images/Default/paper-white-bg.gif); background-repeat:repeat}
  .PhotoChange3 .PhotoChangeImg img {background-color:#eee; width:214px; height:182px; cursor:pointer}


.Gallery {position:relative; padding-top:25px; width:830px; height:350px; margin:0px auto;}
  .Gallery h1 {text-align:center}
  .Gallery .MainImage {position:relative; float:left; width:327px; height:282px; padding:12px; background-image:url(/Images/Default/paper-white-bg.gif); background-repeat:repeat}
    .Gallery .MainImage img {width:325px; height:280px; background-color:#eee; border:solid 1px #ccc;}
    .Gallery .MainImage .HelpUs {top:20px; left:20px; height:85px; width:114px; border:none; background-color:Transparent}
  .Gallery .Thumbnails {position:absolute; width:544px !important; height:300px !important; margin-left:20px; margin-top:10px;}
  .Gallery .Thumbnails .Thumbnail {position:relative; float:left; width:105px; height:90px; margin:0px 0px 50px 30px; background-color:#EEE; padding:4px; background-image:url(/Images/Default/paper-white-bg.gif); background-repeat:repeat}
    .Gallery .Thumbnails .Product {width:105px !important; height:90px !important; background-color:#F2F2F2; }
    .Gallery .Thumbnails .InfoBox {position:absolute; top:100px; left:0px; height:48px; width:113px}
      .Gallery .Thumbnails .InfoBox span {display:block; color:#fff; font-weight:bold; font-size:1.1em; line-height:13px}
.Pin1 {top:-8px; left:90px}
.Pin2 {top:-8px; left:90px}
.Pin3 {top:-8px; left:6px}
.Pin4 {top:-8px; left:6px}
.Pin5 {top:-8px; left:6px}
.Pin6 {top:-8px; left:90px}
.Pin7 {top:-8px; left:6px}
.Pin8 {top:-8px; left:6px}
.Pin9 {top:-8px; left:6px}

.ImagePin {position:absolute; width:16px; height:22px; border:none; background-color:transparent}

.GalleryNav {width:474px !important; height:300px !important; }

.GalleryContainer {position:relative; float:left; width:444px; height:350px;}

.NavigationContainer {margin-top:20px; width:384px; height:30px; padding-left:60px;}
  .NavigationContainer .Buttons {float:right; padding-top:5px}
    .NavigationContainer .Buttons a {color:#fff; font-size:1.2em; cursor:pointer; }
    .NavigationContainer .Buttons a:hover {text-decoration:none}
    .NavigationContainer .Buttons .PrevButton {float:left; margin-right:5px}
    .NavigationContainer .Buttons .NextButton {float:left; margin-left:5px}
  .NavigationContainer .GalleryNavigationBar {float:left; text-align:center; padding-top:0px; height:20px;}
  .NavigationContainer .GalleryNavigationBar a {border: 1px solid #ccc; background: #fc0; text-decoration: none; margin: 0 5px; padding: 1px 5px;}
  .NavigationContainer .GalleryNavigationBar a.activeSlide { background: #d80 }
  .NavigationContainer .GalleryNavigationBar a:focus { outline: none; }

/*Friend Areas*/

.CentreColumnPlaceHolder {float:left; width:340px; height:315px; padding:15px 0px 0px 20px}
.ProductListPlaceHolder {float:right; width:258px; height:140px;}

.AboutFriends {position:relative; float:left; width:475px; padding:5px 0px 0px 20px;}
  .AboutFriends p {color:#fff; font-size:1.3em; line-height:15px; margin:7px 0px 7px 0px}
.AboutFriends2 {width:340px; height:315px;}
  .AboutFriends2 p a {font-weight:normal; text-decoration:underline}
  .AboutFriends2 p {color:#222; font-size:1.2em;}

.FriendAreas {position:absolute; z-index:1; top:20px; right:0px; float:right; width:233px; padding:5px 5px 15px 10px}
  .FriendAreas a:hover {text-decoration:none}
  .FriendAreas .TopImage {position:relative;}
  .FriendAreas .TopImage div {position:absolute; top:-7px; left:8px}
    .FriendAreas .TopImage div img {width:16px; height:22px;}
  .FriendAreas .TopImage .TopImageImage {width:225px; height:89px; border:solid 4px #fff !important}
  .FriendAreas .TopImage .BuyUsSpan {font-size:1.3em; color:#fff; font-weight:bold}
  .FriendAreas .BottomImage {padding-top:30px; }
  .FriendAreas .BottomImage div {position:relative; float:left; height:57px; width:71px; margin-right:10px}
    .FriendAreas .BottomImage div div {float:none; position:absolute; top:-9px; left:5px; }
    .FriendAreas .BottomImage div div img {width:16px; height:22px; background-color:transparent}
    .FriendAreas .BottomImage .BottomImageImage {height:57px; width:67px; background-color:#F2F2F2; border:solid 2px #fff !important}
    .FriendAreas .BottomImage span {display:block; color:#fff; padding-top:8px; font-size:1.2em; font-weight:bold}
 .CategoryTextShow {z-index:0}
 
/*Product page*/
.ProductPrice {position:absolute; top:15px; left:255px; width:80px; text-align:right}
  .ProductPrice span {display:block; font-weight:bold; font-size:1.2em}

.FlashContent {position:absolute; top:150px; left:45px; width:110px}
  .FlashContent .BuyToys {display:none; position:absolute; top:5px; left:15px; width:67px; height:76px;}
    .FlashContent .BuyToys img {width:67px; height:76px}
  .FlashContent #FlashContent0 {position:absolute; top:0px; left:5px}
  .FlashContent #FlashContent1 {position:absolute; top:80px; left:15px}
  .FlashContent #FlashContent2 {position:relative; top:120px; left:19px}
  .FlashContent #FlashContent3 {position:relative; top:110px; left:19px; }
  .FlashContent #FlashContent4 {position:relative; top:100px; left:10px; }

.FourBoxMenu {float:left; padding-top:65px; padding-left:20px; width:108px; height:300px; }
  .FourBoxMenu .MenuRow {height:150px}
  .FourBoxMenu .ImageContainer {position:relative; float:left}
  .FourBoxMenu .ImageContainer2 {position:relative; float:left; margin-left:30px}
    .FourBoxMenu .RowImage {height:100px; width:100px; border:solid 4px #fff !important; background-color:#fff}
    .FourBoxMenu span {position:absolute; top:112px; left:0px; font-weight:bold;}
    
.ProductPriceBox3 {width:500px; border:solid 1px #A2B000; border-left:none; border-right:none; padding-top:3px; padding-bottom:7px; }
.BasketPriceTotal {display:block; padding-top:2px; font-size:1.1em; font-weight:bold; color:#222; margin:0px auto 0px auto;}
  .BasketPriceTotal .BasketPriceMoney {padding-left:10px;}
  
  /****WhatsThis****/  
.WhatsThisContainer {position:relative; float:right}
  .WhatsThis {background-color:#A2B000; color:#000 !important; text-decoration:none; margin-left:3px; padding:1px 2px 1px 2px; border:dotted 1px #333}
    .WhatsThis:hover {text-decoration:none}
  .WhatsThisImagePopup {display:none; position:absolute; top:0px; right:13px;  width:150px; height:94px; border:solid 1px #CCC; background-color:#fff; background-image:url(/Images/Default/card-code.jpg)}   

.PostLink {color:#152027 !important}
  .PostLink:hover {text-decoration:none}
.PostLinkPopup {display:none; position:absolute; top:200px; left:535px; z-index:1; color:#fff; font-size:1.1em; padding:20px; text-align:left; width:230px; border:solid 1px #A79355; background-color:#B5A468}   
 
.FixedHeightDiv {height:240px; width:770px; overflow:auto}
  .FixedHeightDiv .PublicFormTable {float:none}
.FixedHeightDiv2 {height:310px; width:750px; overflow:auto; padding-right:20px}
  .FixedHeightDiv2 .PublicFormTable {float:none}
.FixedHeightDiv3 {position:relative; height:300px; width:820px; overflow:auto;}
  
.CharitySection {float:left; width:405px;}
  .CharitySection p {color:#152027; line-height:14px; font-family:Helvetica;}
.CharityBox1 {padding-right:15px} 
.CharityBox3 {clear:both;}
  .CharityBox3 h2 {width:830px; padding-bottom:0px; padding-top:5px; border-top:solid 1px #A2B000}
  .CharityBox3 div {float:left; width:405px; height:20px; font-size:1.1em;}
    .CharityBox3 a {font-size:1.1em; color:#152027; } 
  .CharityBox3 .Div1 {margin-right:15px}
.CharityBox4 {clear:both; width:830px; padding-top:5px; border-top:solid 1px #A2B000}
  .CharityBox4 h2 {padding-bottom:0px; margin-bottom:0px}
  .CharityBox4 p {color:#152027;line-height:13px; }
 
 h2.PageTitleWasRed {color:#222; font-size:1.4em; margin-bottom:10px;}

.Legal {border-top:solid 1px #A2B000; width:830px; padding-top:4px}
  .Legal p {font-size:1em; line-height:12px; margin-top:0px; font-family:Helvetica;}


.ShoppingBasketContainer {position:relative; top:-10px; float:right; width:187px; height:119px; margin-left:30px; padding-top:20px; background-image:url(/Images/Default/shopping-basket-tag.gif)}
  .ShoppingBasketContainer a {position:absolute; top:75px; left:12px; display:block; width:76px; height:18px;}
.BasketBox {position:absolute; top:70px; left:120px; height:27px; width:52px;}
  .BasketBox .BasketSpan {display:block; height:19px; width:50px; padding-top:6px; text-align:center; font-size:1.1em; font-weight:bold; color:#000; border:solid 1px #444}


.ProductPageImageHolder {float:left; position:relative; left:8px; padding:12px; width:327px; height:282px; margin:25px 25px 0px 0px; background-image:url(/Images/Default/paper-white-bg.gif); background-repeat:repeat}
  .ProductPageImageHolder img {width:325px; height:280px; border:solid 1px #ccc !important}

.ProductInfoBox {float:left; position:relative; left:0px; width:450px; margin:15px 0px 0px 0px;}
  .ProductInfoBox h1 {color:#fff; margin-bottom:14px; margin-top:6px; font-size:1.6em; font-weight:bold;}
  .ProductInfoBox h1 .Price {margin-left:10px;}
  .ProductInfoBox p {font-size:1.2em; padding-top:0px; color:#fff; width:450px; height:279px; overflow:auto;}
  .ProductInfoBox p a {color:#fff;}
  .ProductInfoBox span span {float:left; display:block; padding-left:20px; padding-top:3px; font-size:1.4em; color:#fff}

.ProductButtons {clear:both; width:790px; }

.PromoCodeBox {width:500px; padding-bottom:20px}
  .PromoCodeBox input {width:310px; font-size:11px; height:15px; padding-top:1px; margin-left:20px; font-family:Verdana; color:#444;}
  .PromoCodeBox .Text {font-size:1.3em}
  .PromoCodeBox {}
  .PromoCodeBox {}

.NewSpacer {height:18px; width:20px; font-size:2px}

/*Titles*/
.TitleHomePage {width:200px; height:53px; background-image:url(/Images/Default/title-homepage.gif); margin-bottom:3px; margin-left:30px;}
.TitleHomePage2 {width:240px; height:25px; background-image:url(/Images/Default/title-homepage2.gif)}
.TitleHomePage3 {width:130px; height:25px; background-image:url(/Images/Default/title-homepage3.gif); margin-bottom:7px; padding-top:0px !important}
.TitleCharity {width:132px; height:26px; background-image:url(/Images/Default/title-charity-partners.gif); margin-bottom:15px}
.TitleAboutUs {width:56px; height:19px; background-image:url(/Images/Default/title-about-us.gif); margin-bottom:15px}
.TitleAboutSOF {width:137px; height:19px; background-image:url(/Images/Default/title-about-sof.gif); margin-bottom:7px; }
.TitleAboutRain {display:none; width:150px; height:18px; background-image:url(/Images/Default/title-rainforest.gif); margin-bottom:7px; margin-top:7px; padding-top:0px !important}
.TitleAboutPolar {display:none; width:115px; height:25px; background-image:url(/Images/Default/title-polar.gif); margin-bottom:7px; margin-top:7px; padding-top:0px !important}
.TitleAboutOcean {display:none; width:115px; height:19px; background-image:url(/Images/Default/title-ocean.gif); margin-bottom:7px; margin-top:7px; padding-top:0px !important}
.TitleAboutAfrican {display:none; width:115px; height:19px; background-image:url(/Images/Default/title-african.gif); margin-bottom:7px; margin-top:7px; padding-top:0px !important}
.TitleContactUs {width:176px; height:26px; background-image:url(/Images/Default/title-contact-us.gif);}
.TitleLinks {width:85px; height:33px; background-image:url(/Images/Default/title-links.gif); position:absolute; top:170px; left:250px}
.TitleRegister {width:76px; height:26px; background-image:url(/Images/Default/title-register.gif);}
.TitleRegisterComplete {width:138px; height:26px; background-image:url(/Images/Default/title-register-complete.gif);}
.TitleEdit {width:90px; height:26px; background-image:url(/Images/Default/title-edit-my-details.gif); margin-bottom:15px}
.TitleLogIn {width:94px; height:26px; background-image:url(/Images/Default/title-login.gif); margin-bottom:15px}
.TitleShoppingBasket {width:125px; height:26px; background-image:url(/Images/Default/title-shopping-basket.gif); margin-bottom:10px}
.TitleDelivery {width:101px; height:26px; background-image:url(/Images/Default/title-delivery.gif); margin-bottom:10px}
.TitleBilling {width:85px; height:26px; background-image:url(/Images/Default/title-billing.gif); margin-bottom:10px}
.TitlePurchase {width:98px; height:26px; background-image:url(/Images/Default/title-purchase.gif); margin-bottom:3px; }
.TitlePayment {width:98px; height:26px; background-image:url(/Images/Default/title-payment.gif); margin-bottom:3px}
.TitlePurchaseConfirm {width:142px; height:26px; background-image:url(/Images/Default/title-purchase-confirm.gif);}
.TitleOrderConfirm {width:120px; height:19px; background-image:url(/Images/Default/title-order-confirm.gif); margin-bottom:10px}
.TitleBornFree {width:138px; height:19px; background-image:url(/Images/Default/title-born-free.gif); margin-bottom:15px}
.TitleMarineConserve {width:129px; height:19px; background-image:url(/Images/Default/title-marine-conserve.gif); margin-bottom:15px}
.TitleMarineConserveSociety {width:178px; height:26px; background-image:url(/Images/Default/title-marine-conserve2.gif); margin-bottom:8px}
.TitleWorldTrust {width:104px; height:19px; background-image:url(/Images/Default/title-world-land-trust.gif); margin-bottom:15px}
.TitleThankYou {width:69px; height:26px; background-image:url(/Images/Default/title-thank-you.gif); margin-bottom:15px}
.TitleSorry {width:36px; height:19px; background-image:url(/Images/Default/title-sorry.gif); margin-bottom:15px}
.TitleCatRain {width:191px; height:51px; background-image:url(/Images/Default/title-category-rain.gif); margin-bottom:15px}
.TitleCatRain2 {width:194px; height:45px; background-image:url(/Images/Default/title-category-rain2.gif); margin-bottom:15px}
.TitleToysRain {width:130px; height:25px; background-image:url(/Images/Default/title-toys-rainforest.gif); margin-bottom:15px}
.TitleConditions {width:110px; height:19px; background-image:url(/Images/Default/title-conditions.gif); }
.TitleOurFriends {width:67px; height:19px; background-image:url(/Images/Default/title-our-friends.gif);  margin-bottom:3px; margin-left:30px; }
.TitleWLT {width:121px; height:19px; background-image:url(/Images/Default/title-wlt.gif);  margin-bottom:3px; margin-left:30px;}
.TitleBF {width:153px; height:19px; background-image:url(/Images/Default/title-born-free.gif); margin-bottom:3px; margin-left:30px;}
.TitleMCS {width:191px; height:25px; background-image:url(/Images/Default/title-mcs.gif); margin-bottom:3px; margin-left:30px;}


.TitleCategory {width:155px; height:26px; margin-bottom:15px;}

.AboutUsSection {position:relative; padding-bottom:10px}
  .AboutUsSection h2 a {color:#000;}
  .AboutUsSection div {position:relative; display:none; width:700px; padding:0px 0px 0px 20px}
  .AboutUsSection p {position:relative; margin:0px; padding:10px 0px 0px 0px; font-size:1.1em}


.TermsDiv {width:500px; padding:20px 40px 0px 40px; margin:0px auto 0px auto; background-image:url(/Images/Default/terms-bg.jpg); background-repeat:repeat-y;}
  .TermsSection {padding-top:20px}
    .TermsSection h2 {color:#000 !important; font-size:1.4em !important}
    .TermsSection div.TermsInner {padding:0px 0px 0px 20px; width:450px;}
    .TermsSection div.TermsInnerSection {}
    .TermsSection p {position:relative; margin:0px; padding:10px 0px 0px 0px; font-size:1.2em}

.TermsInnerSection {position:relative; padding-top:10px}
  .TermsInnerSection h2 {color:#000 !important; font-size:1.3em !important;}
  .TermsInnerSection div {position:relative; padding:0px 0px 0px 20px}
  .TermsInnerSection p {position:relative; margin:0px; padding:10px 0px 0px 0px; font-size:1.2em}


.RegisterLink {display:block; width:47px; height:21px; background-image:url(/Images/Default/register-text.gif);}
.EditDetailsLink {display:block; width:78px; height:21px; background-image:url(/Images/Default/edit-my-details-text.gif);}
.LoginLink {display:block; width:33px; height:20px; background-image:url(/Images/Default/log-in-text.gif);}
.LogoutLink {display:block; width:45px; height:20px; background-image:url(/Images/Default/log-out-text.gif);}

.LinksContainer {float:right}
  .LinksContainer div {float:left; }

.TextNav {}
  .TextNav div {float:left; width:42px; margin-right:15px }
  .TextNav a {cursor:pointer;}
  .TextNav a:hover {text-decoration:none}
  .TextNav .MainPagePrev {}


.BorderDotGreen  {position:relative; padding-top:40px; width:268px; height:279px; background-image:url(/Images/Default/border-dot-green.gif); background-position:0px 30px;       }
.BorderDotGreen2 {position:relative; padding-top:50px; width:286px; height:269px; background-image:url(/Images/Default/border-dot-green2.gif); background-position:0px 30px; margin-left:40px}
.BorderDotCategory {float:left; position:relative; left:-10px; top:-12px; margin-right:0px; padding-top:33px; padding-left:15px; width:381px; height:336px; background-position:0px 20px}

.BorderDotGreen .VerticalTextScroller {position:relative; width:235px !important; padding:0px 0px 0px 0px; /*height:245px !important;*/             }
  .BorderDotGreen .VerticalTextScroller div {padding-left:30px;}
  .BorderDotGreen .VerticalTextScroller p {width:200px; margin-top:5px;}
  .BorderDotGreen .Buttons {position:absolute; top:255px; left:245px}
.BorderDotGreen2 .VerticalTextScroller {position:relative; width:265px !important; padding:0px 0px 0px 0px;}
  .BorderDotGreen2 .VerticalTextScroller div {padding-left:30px;}
  .BorderDotGreen2 .VerticalTextScroller p {width:230px;  line-height:16px;}
  .BorderDotGreen2 .Buttons {position:absolute; top:60px; left:265px}

.BorderDotCategory .HorizontalTextScroller {width:310px; height:270px; padding:0px 0px 0px 0px; overflow:auto;}
  .BorderDotCategory .HorizontalTextScroller div {width:290px; padding-top:2px;}
  .BorderDotCategory .HorizontalTextScroller p {width:290px; line-height:11px; color:#fff}
  .BorderDotCategory .HorizontalTextScroller a {color:#fff; font-weight:normal}
  .BorderDotCategory .Buttons {display:none; position:absolute; top:255px; left:15px}
  .BorderDotCategory .WorldLandLink {display:none; height:76px; width:206px; position:absolute; top:289px; left:115px; background-image:url(/Images/Default/charity-friend-wlt.gif)}
    .BorderDotCategory .WorldLandLink a {position:absolute; top:0px; left:107px; display:block; height:76px; width:98px;}
  .BorderDotCategory .BornFreeLink {display:none; height:76px; width:206px; position:absolute; top:289px; left:115px; background-image:url(/Images/Default/charity-friend-bf.gif)}
    .BorderDotCategory .BornFreeLink a {position:absolute; top:0px; left:107px; display:block; height:76px; width:98px;}
  .BorderDotCategory .MarineLinkOcean {display:none; height:76px; width:201px; position:absolute; top:289px; left:115px; background-image:url(/Images/Default/charity-friend-mcs-ocean.gif)}
    .BorderDotCategory .MarineLinkOcean a {position:absolute; top:0px; left:107px; display:block; height:76px; width:98px;}
  .BorderDotCategory .MarineLinkPolar {display:none; height:76px; width:201px; position:absolute; top:289px; left:115px; background-image:url(/Images/Default/charity-friend-mcs-polar.gif)}
    .BorderDotCategory .MarineLinkPolar a {position:absolute; top:0px; left:107px; display:block; height:76px; width:98px;}

.DivEntryRain {position:absolute; top:72px; left:15px; display:none; width:auto !important; padding:0px !important;}
.DivEntryOcean {position:absolute; top:72px; left:15px; display:none; width:auto !important; padding:0px !important;}
.DivEntryPolar {position:absolute; top:72px; left:15px; display:none; width:auto !important; padding:0px !important;}
.DivEntryAfrican {position:absolute; top:72px; left:15px; display:none; width:auto !important; padding:0px !important}

.BorderDotGreen .Buttons .ArrowUp {display:block; height:9px; width:9px; background-image:url(/Images/Default/arrow-up.gif); margin-bottom:5px}
.BorderDotGreen .Buttons .ArrowDown {display:block; height:9px; width:9px; background-image:url(/Images/Default/arrow-down.gif)}
.BorderDotGreen2 .Buttons .ArrowUp {display:block; height:9px; width:9px; background-image:url(/Images/Default/arrow-up.gif); margin-bottom:5px}
.BorderDotGreen2 .Buttons .ArrowDown {display:block; height:9px; width:9px; background-image:url(/Images/Default/arrow-down.gif)}
.BorderDotCategory .Buttons .ArrowUp {float:left; display:block; height:16px; width:14px;}
  .BorderDotCategory .Buttons .ArrowUp img {height:16px; width:14px;}
.BorderDotCategory .Buttons .ArrowDown {float:left; display:block; height:13px; width:12px; margin-right:8px;}
  .BorderDotCategory .Buttons .ArrowDown img {height:13px; width:12px;}

.DownloadPDF {position:absolute; top:290px; left:80px; z-index:10000; width:146px; height:44px; background-image:url(/Images/Default/download-pdf.gif)}
  .DownloadPDF img {width:146px; height:44px;}

.OurFriends {position:absolute; display:block; top:385px; left:570px; width:399px; height:121px; background-image:url(/Images/Default/our-friends.gif);}

/* NG-Kids page*/

.NGKidsBg {position:absolute; top:160px; left:145px; width:828px; height:321px; background-image:url(/Images/Default/ng-kids-bg.gif);}
.NGKidsP1 {position:absolute; top:175px; left:160px; width:225px; height:320px;}
  .NGKidsP1 .Title {position:relative; top:0px; left:0px; width:200px; height:47px; margin-bottom:7px; background-image:url(/Images/Default/title-ng-kids2.gif);}
  .NGKidsP1 p {line-height:13px; margin-top:6px;}
.NGKidsP2 {position:absolute; top:182px; left:424px; width:255px; height:320px;}
  .NGKidsP2 .Title {position:relative; top:0px; left:0px; width:250px; height:25px; margin-bottom:7px; background-image:url(/Images/Default/title-excited.gif);}
  .NGKidsP2 p {line-height:13px;  margin-top:6px;}
.NGKidsP3 {position:absolute; top:175px; left:724px; width:235px; height:320px;}
  .NGKidsP3 .Title {position:relative; top:0px; left:0px; width:200px; height:25px; margin-bottom:7px; background-image:url(/Images/Default/title-exclusive2.gif);}
  .NGKidsP3 p {line-height:13px;  margin-top:6px;}

.Papers {position:absolute; top:310px; left:358px; width:360px; height:188px; background-image:url(/Images/Default/NG-Kids-papers.gif);}


.NGKids {position:absolute; top:380px; left:430px; width:123px; height:121px; background-image:url(/Images/Default/ng-kids-logo.gif);}
  .NGKids a {display:block; width:123px; height:121px;}
  .NGKids .ExclusiveOffer {display:block;position:absolute; top:80px; left:-5px; width:140px; height:28px; background-image:url(/Images/Default/exclusive-offer.gif);}


.CategoryGallery {position:absolute; left:480px; top:130px; float:left; width:530px; height:350px;}
  .CategoryGallery .BuyToysArrow {position:absolute; top:40px; left:194px; width:105px; height:58px;}
    .CategoryGallery .BuyToysArrow img {width:105px; height:58px;}
  
  .CategoryGallery .LeftColumn {float:left; padding-top:30px; padding-left:0px; width:240px; height:331px;}
    .CategoryGallery .LeftColumn .LargeImg {width:218px; padding:6px; background-color:#fff;}
      .CategoryGallery .LeftColumn .LargeImg img {width:218px; height:259px;}
    .CategoryGallery .LeftColumn .SmallImgs {padding-top:8px}
      .CategoryGallery .LeftColumn .SmallImgs div {float:left; width:37px; height:43px; padding:3px; background-color:#fff; margin-right:4px;}
        .CategoryGallery .LeftColumn .SmallImgs img {width:37px; height:43px}
  .CategoryGallery .RightColumn {float:left; padding-top:30px; padding-left:20px; width:240px; height:290px;}
    .CategoryGallery .RightColumn .LargeImg {width:218px; padding:6px; background-color:#fff;}
      .CategoryGallery .RightColumn .LargeImg img {width:218px; height:259px;}
    .CategoryGallery .RightColumn .SmallImgs {padding-top:8px}
      .CategoryGallery .RightColumn .SmallImgs div {float:left; width:37px; height:43px; padding:3px; background-color:#fff; margin-right:4px;}
        .CategoryGallery .RightColumn .SmallImgs img {width:37px; height:43px}

.AddThis {position:absolute; top:525px; left:840px}

.TermsMain {position:absolute; top:548px; right:35px}
  .TermsMain a {font-size:1em; cursor:pointer;}
  .TermsMain a:hover {text-decoration:underline;}

.BelowTableInfo {width:560px; margin:0px auto 0px auto; color:#444; font-size:11px;}
.TermsByTheBasket {clear:both; font-size:1.1em; padding-top:6px; text-align:right;}

.OurFriendsLarge {position:absolute; top:160px; left:480px; width:441px; height:301px; background-image:url(/Images/Default/our-friends-large.gif)}
  .OurFriendsLarge a {position:absolute; display:block;}
  .OurFriendsLarge .WLT {top:53px; left:90px; width:167px; height:123px;}
  .OurFriendsLarge .BF {top:60px; left:274px; width:163px; height:118px}
  .OurFriendsLarge .NGK {top:168px; left:84px; height:120px; width:160px;}
  .OurFriendsLarge .MCS {top:178px; left:266px; width:167px; height:120px;}
  
  
.CrampedList {margin-left:10px; margin-top:5px; padding-top:0px}
  .CrampedList li {line-height:11px; padding-bottom:6px}
  
.CharityWonkyPicHolder {position:absolute; left:570px; top:170px}
  .CharityWonkyPicHolder .CharityWonkyPic {position:absolute; top:0px; left:0px; z-index:0; height:294px; width:336px;}
    .CharityWonkyPicHolder .CharityWonkyPic .WonkyPicimg {height:294px; width:336px;}
  .CharityWonkyPicHolder .ImageHolder {position:absolute; top:23px; left:20px; z-index:1; height:248px; width:290px; padding:8px 0px 0px 8px; background-image:url(/Images/Default/paper-white-bg.gif); background-repeat:repeat}
    .CharityWonkyPicHolder .ImageHolder img {height:240px; width:282px; }
    .CharityWonkyPicHolder img.WonkyPicPin {position:absolute; top:-5px; left:20px; height:25px; width:25px; }
  .WonkyPicCharityLogo {position:absolute; top:180px; left:-60px; z-index:2; width:172px; height:130px; }
    .WonkyPicCharityLogo a {position:absolute; top:0px; left:0px; display:block; width:172px; height:130px; z-index:3; }
    .WonkyPicCharityLogo a img {width:172px; height:130px;}

.WonkyCaption {position:absolute; top:295px; left:115px; width:250px}
  .WonkyCaption span {display:block; font-size:1.2em}

.CharityBoxLink {padding: 5px 0px 0px 0px; font-size:1.3em; width:150px; text-align:center}
.OurCharityFriends {
	padding:40px 0px 0px 55px;
	position:absolute;
	top:220px;
	left:180px;
	width:230px;
	height:213px;
	background-image:url(/Images/Default/our-charity-friends.gif)
}
.OurCreativeFriends {padding:40px 0px 0px 28px; position:absolute; top:220px; left:480px; width:208px; height:191px; background-image:url(/Images/Default/our-creative-friends.gif)}
.OurMediaFriends {padding:40px 0px 0px 22px; position:absolute; top:220px; left:740px; width:188px; height:274px; background-image:url(/Images/Default/our-media-friends.gif)}
 
 
.AboutUsWhyWorry {position:absolute; top:150px; left:150px; padding:44px 12px 0px 17px; width:242px; height:383px; background-image:url(/Images/Default/aboutus-why-worry.gif);}
  .AboutUsWhyWorry p {line-height:11px; margin-top:3px; margin-bottom:7px;}
.AboutUsEthical {position:absolute; top:150px; left:430px; padding:49px 12px 0px 17px; width:240px; height:145px; background-image:url(/Images/Default/aboutus-ethical.gif);}
  .AboutUsEthical p {line-height:13px; margin-top:3px; margin-bottom:7px;}
.AboutUsGuarantee {position:absolute; top:350px; left:430px; padding:32px 12px 0px 17px; width:238px; height:145px; background-image:url(/Images/Default/aboutus-guarantee.gif);}
  .AboutUsGuarantee p {line-height:16px; margin-top:3px; margin-bottom:7px;} 
.AboutUsDonations {position:absolute; top:160px; left:720px; padding:42px 12px 0px 17px; width:228px; height:145px; background-image:url(/Images/Default/aboutus-donations.gif);}
  .AboutUsDonations p {line-height:16px; margin-top:3px; margin-bottom:7px;} 
.AboutUsLegal {position:absolute; top:280px; left:720px; padding:37px 20px 12px 13px; width:230px; height:145px; background-image:url(/Images/Default/aboutus-legal.gif);}
  .AboutUsLegal p {line-height:16px; margin-top:3px; margin-bottom:7px; line-height:14px;} 
.AboutUsAddress {position:absolute; left:760px; top:400px; width:210px; text-align:right; font-size:1em; line-height:9px;}  
  
  
.BorderDotTable {float:left; padding:10px 0px 0px 0px; margin-right:20px; width:388px; height:227px; background-image:url(/Images/Default/contact-us-table.gif)}
  .BorderDotTable table {float:none !important; width:370px; background-color:transparent; font-family:Comic Sans MS, Cursive; font-weight:bold;}
  .BorderDotTable td {border:none !important;}
  .BorderDotTable .Col1 {width:120px;}
  .BorderDotTable .Col1-2T {width:315px;}
  .BorderDotTable .Col1-2L {width:315px;}
  .BorderDotTable .Col2 {width:170px;}
  .BorderDotTable .EditBox {width:170px;}
  .BorderDotTable .Capture .EditBox {width:190px;}
  .BorderDotTable .TextArea {width:168px !important;}
  .BorderDotTable .TextArea2 {width:315px !important;}
