/*
Version:1.1
Name: David Holes
Date:08.01.10

/* home CSS */
body.mainBackground #wrapper {
    background:#6ec6e8 url(../images/layout/mainBG.jpg) no-repeat scroll 0 120px;
}

body#homePage #islandPreview{
    float:right;
    position:relative;
}

body#homePage #islandPreview #rocketPuffin{
    width:404px;
    height:100px;
    background:url(../images/home/home_RocketPuffin.png) left top no-repeat;
    text-indent:-9999px;
    position:absolute;
    top:0;
    left:0;
}

body#homePage #islandPreview a#island{
    background:url(../images/home/home_Island.png) left top no-repeat;
    width:411px;
    height:650px;
    display:block;
    text-indent:-9999px;
    margin-top:35px;
}

body#homePage #islandPreview #xmasDelivery{
   /* background:url(../images/home/home_xmasDelivery.png) left top no-repeat;*/
    width:339px;
    height:193px;
    text-indent:-9999px;
    position:absolute;
    bottom:-75px;
    right:10px;
}

body#homePage #blackboard{
    margin-top:10px;
    float:left;
    width:478px;
    height:246px;
    background:url(../images/home/home_blackboard.png) left top no-repeat;
    margin-left:35px;
    position:relative;
}

body#homePage #blackboard #blackboardPuffin{
    position:absolute;
    right:-20px;
    bottom:-25px;
    width:192px;
    height:216px;
    background:url(../images/home/home_blackboardPuffin.png) left top no-repeat;
    text-indent:-9999px;
}

body#homePage #blackboard #blackboardButton{
    position:absolute;
    left:150px;
    bottom:-30px;
    width:180px;
    height:67px;
}

body#homePage #blackboard #blackboardButton a{
    width:180px;
    height:67px;
    background:url(../images/home/home_blackboardButton.png) left top no-repeat;
    text-indent:-9999px;
    display:block;
}



#letters{
    float:left;
    width:480px;
    margin:40px 0 0 40px;
}

#letters a.letterSmall{
    display:block;
    float:left;
    margin-right:20px;
    text-indent:-9999px;
    width:218px;
    height:131px;
}

#letters a.letterSmall.buy{
    background:url(../images/buttons/letterSmall_buy.png) left top no-repeat;
}

#letters a.letterSmall.renew{
    background:url(../images/buttons/letterSmall_renew.png) left top no-repeat;
}

body#homePage #magazines{
    float:left;
    width:580px;
    height:300px;
    margin-top:-200px;
}

body#homePage #magazines div{
    float:left;
    margin-right:10px;
    width:270px;
    height:300px;
    position:relative;
}

body#homePage #magazines #pufflings{
    background:url(../images/layout/PufflingMag_large.png) right top no-repeat;
}

body#homePage #magazines #puffins{
    background:url(../images/layout/PuffinMag_large.png) right top no-repeat;
}

body#homePage #magazines #pufflings .magPuffin{
    position:absolute;
    bottom:10px;
    left:0;
    text-indent:-9999px;
    background:url(../images/home/home_pufflingMag.png) left top no-repeat;
    width:219px;
    height:160px;
}

body#homePage #magazines #pufflings .magInside{
    position:absolute;
    bottom:0px;
    left:70px;
    text-indent:-9999px;
    background:url(../images/buttons/buttonLookInside.png) left top no-repeat;
    width:180px;
    height:67px;
}

body#homePage #magazines #puffins .magPuffin{
    position:absolute;
    bottom:60px;
    right:-40px;
    text-indent:-9999px;
    background:url(../images/home/home_puffinMag.png) left top no-repeat;
    width:241px;
    height:140px;
}

body#homePage #magazines #puffins .magInside{
    position:absolute;
    bottom:0px;
    left:70px;
    text-indent:-9999px;
    background:url(../images/buttons/buttonLookInside.png) left top no-repeat;
    width:180px;
    height:67px;
}

/* subscriptions pages CSS */

dl.wideSelect select{
    width:100%;
    font-size:90%;
}

body#subHomePage #content{
    position:relative;
}

body#subHomePage p#subText{
    float:left;
    display:block;
    text-indent:-9999px;
    background:url(../images/subscription/subText_subscriptions.png) top left no-repeat;
    width:890px;
    height:84px;
    margin:5px 0 0 35px;
}

body#subHomePage a#planePuffin{
    position:absolute;
    right:10px;
    top:-25px;
    text-indent:-9999px;
    width:412px;
    height:117px;
    display:block;
    background:url(../images/subscription/subscriptions_planePuffin.png) top left no-repeat;
}

body#subHomePage ul.magInfo{
    float:left;
    width:450px;
    margin-top:15px;
}

body#subHomePage ul.magInfo#pufflingInfo{
    margin-left:30px;
}

body#subHomePage ul.magInfo li{
    float:left;
}

body#subHomePage ul.magInfo li.magCover{
    text-indent:-9999px;
    display:block;
    width:224px;
    height:275px;
}

body#subHomePage ul.magInfo li.magInfo{
    text-indent:-9999px;
    display:block;
    width:224px;
    height:278px;
}

body#subHomePage ul.magInfo li.lookInside,body#subHomePage ul.magInfo li.buyLetter{
    width:225px;
}

body#subHomePage ul.magInfo#pufflingInfo li.magCover{
    background:url(../images/layout/PufflingMag_large.png) left top no-repeat;
}

body#subHomePage ul.magInfo#pufflingInfo li.magInfo{
    background:url(../images/subscription/subscriptions_infoPuffling.png) left top no-repeat;
}

body#subHomePage ul.magInfo#puffinInfo li.magCover{
    background:url(../images/layout/PuffinMag_large.png) left top no-repeat;
}

body#subHomePage ul.magInfo#puffinInfo li.magInfo{
    background:url(../images/subscription/subscriptions_infoPuffin.png) left top no-repeat;
}

body#subHomePage ul.magInfo li.lookInside a.magInside{
    text-indent:-9999px;
    background:url(../images/buttons/buttonLookInside.png) left top no-repeat;
    width:180px;
    height:67px;
    display:block;
    margin-left:20px;
}

body#subHomePage ul.magInfo li.buyLetter a.letterLong{
    text-indent:-9999px;
    background:url(../images/buttons/letterLong_buy.png) left top no-repeat;
    width:212px;
    height:92px;
    display:block;
    margin:-25px 0 0 5px;
}

body#subHomePage a#islandMap{
    width:832px;
    float:left;
    margin:20px 0 0 55px;
}

body#subHomePage a#renewScroll{
    width:784px;
    float:left;
    margin:20px 0 10px 70px;
}

/** Renew page styles **/
body#renewHomePage p#subText{
    float:left;
    width:689px;
}

body#renewHomePage p#subText a{
    background:url(../images/renew/subText_renew.png) left top no-repeat;
    display:block;
    width:644px;
    height:84px;
    text-indent:-9999px;
    margin:5px 0 0 35px;
}

body#renewHomePage a#renewLetter{
    float:right;
    display:block;
    width:212px;
    height:93px;
    text-indent:-9999px;
    background:url(../images/buttons/letterLong_renew.png) left top no-repeat;
    margin-right:15px;
}

body#renewHomePage a#islandMap{
    width:832px;
    float:left;
    margin:20px 0 20px 55px;
}

/** Shop page styles **/
#shopPage .shopBox{
    margin-bottom:20px;
    position:relative;
}

#shopPage .shopBox h3{
    float:left;
    margin-left:5px;
}

#shopPage .shopBox p{
    float:left;
    margin:30px 45px 0 40px;
    font-size:14px;
    width:370px;
}

#shopPage #PBCBox{
    float:left;
    margin-left:20px;
    margin-top:20px;
    width:457px;
    height:326px;
    text-align:left;
    background:url(../images/content/contentBox_shop_buyABook.png) left 30px no-repeat;
}

#shopPage #PBCBox p{
    
}

#shopPage #PBCBox a.boxButton{
    background:url(../images/buttons/buttonVisitPBC.png) left top no-repeat;
    display:block;
    text-indent:-9999px;
    width:230px;
    height:67px;
    position:absolute;
    left:110px;
    bottom:-15px;
}

#shopPage #PBCMerchBox{
    float:left;
    margin-left:10px;
    margin-top:20px;
    width:457px;
    height:326px;
    text-align:left;
    background:url(../images/content/contentBox_shop_buyMerchandise.png) left 30px no-repeat;
}

#shopPage #PBCMerchBox a.boxButton{
    background:url(../images/buttons/buttonVisitPBC.png) left top no-repeat;
    display:block;
    text-indent:-9999px;
    width:230px;
    height:67px;
    position:absolute;
    left:115px;
    bottom:-15px;
}

#shopPage #subBox{
    float:left;
    margin-left:20px;
    width:456px;
    height:297px;
    text-align:left;
    background:url(../images/content/contentBox_shop_buyASub.png) left 30px no-repeat;
}

#shopPage #subBox a.boxButton{
    background:url(../images/buttons/buttonBuySub.png) left top no-repeat;
    display:block;
    text-indent:-9999px;
    width:218px;
    height:67px;
    position:absolute;
    left:50%;
    margin-left:-109px; /*Half of width to center*/
    bottom:-15px;
}

#shopPage #freeBox{
    float:left;
    margin-left:10px;
    width:456px;
    height:295px;
    text-align:left;
    background:url(../images/content/contentBox_shop_freeBook.png) left 30px no-repeat;
}

#shopPage #freeBox a.boxButton{
    background:url(../images/buttons/buttonFreeBook.png) left top no-repeat;
    display:block;
    text-indent:-9999px;
    width:218px;
    height:67px;
    position:absolute;
    left:50%;
    margin-left:-109px; /*Half of width to center*/
    bottom:-15px;
}

/** Access denied styles **/

#accessDenied{
    width:784px;
    height:304px;
    margin:0 auto 20px;
}

#accessDenied a{
    display:block;
    text-indent:-9999px;
    width:784px;
}

#accessDenied a.top{
    background:url(../images/island/accessDeniedTop.png) left top no-repeat;
    height:174px;
}

#accessDenied a.bottom{
    background:url(../images/island/accessDeniedBottom.png) left top no-repeat;
    height:130px;
}

/** Form page styles **/
body.subSection #wrapper {
    background:#6EC6E8 url(../images/subscription/subsBG.jpg) no-repeat scroll 0 120px;
}

body#activatesub.subSection #wrapper{
    background:transparent url(../images/layout/SubsActivateBG.jpg) no-repeat scroll 0 120px;
}

body.subSection .top {
    background:transparent url(../images/subscription/formSubsTop.png) no-repeat scroll left top;
    height:21px;
}
body.subSection .content {
    background:transparent url(../images/subscription/formSubsContent.png) repeat-y scroll left top;
    padding:5px 25px;

}
body.subSection .bottom {
  background:transparent url(../images/subscription/formSubsBottom.png) no-repeat left top;
    height:28px;

}
body.subSection .innerContent {
_background-color:#FBE98A;
}

/** Staged Fieldset **/
fieldset.staged{
    width:700px;
    padding-bottom:30px;
    min-height:130px;
    margin:5px 10px 0;
}


fieldset.staged.one{
    background:url(../images/subscription/stage1.png) left 25px no-repeat;
}
#renwalPackPage fieldset.staged.one{
    height:117px;
}

fieldset.staged.two{
    background:url(../images/subscription/stage2.png) left 25px no-repeat;
    height:117px;
}

fieldset.staged.three{
    background:url(../images/subscription/stage3.png) left 25px no-repeat;
}

fieldset.staged.four{
    background:url(../images/subscription/stage4.png) left 25px no-repeat;
    height:117px;
}

body:last-child fieldset.staged{
    background-position:left 5px;
}

fieldset.staged dl{
    margin-left:150px;
    width:550px;
}

fieldset.staged dl dt{
    width:100px;
}

fieldset.staged dl dd{

    margin-left:110px;
}

fieldset.staged dl dd input, fieldset.staged dl dd select{
    width:195px;
}

fieldset.staged dl dd textarea{
    width:350px;
    height:120px;
}

fieldset.staged dl dd.extra{
    color:#595858;
    font-style:italic;
}

fieldset.staged dl.checkRadio{
    margin-left:100px;
    width:600px;
}

fieldset.staged dl.checkRadio dt{
    width:250px;
}

fieldset.staged dl.checkRadio dd{
    width:340px;
    margin-left:260px;
}

/* Activation pages start */
#activateForm{
    width:385px;
    float:right;
}

body#activatesub #wrapper {
    background:transparent url(../images/subscription/subsActivateBG.jpg) no-repeat scroll 0 120px;
    height:831px;
}
body#activatesub .formBox {
    margin:10px 0 0 215px;
    padding-bottom:400px;
    width:655px;
}
body#activatesub .top {
    background:transparent url(../images/subscription/formActivateTop.png) no-repeat scroll left top;
    height:53px;
   
}
body#activatesub .content {
    background:transparent url(../images/subscription/formActivateContent.png) repeat-y scroll left top;
    padding:5px 30px;
    overflow: auto;
}
body#activatesub .bottom {
  background:transparent url(../images/subscription/formActivateBottom.png) no-repeat scroll left bottom;
    height:30px;

}
body#activatesub .innerContent {
_background-color:body#activatesub;
}
body#activatesub .buttonRight {
    border:none;
    width:153px;
    float:right;
    height:62px;
    margin:10px 10px 0 0;
}
body#confirmAct #content {
  margin-bottom:50px;
}
body#confirmAct #wrapper {
    background:transparent url(../images/subscription/confActivationBG.jpg) no-repeat scroll 0 120px;

}
body#confirmAct .formBox {
    width:881px;

 
}
body#confirmAct .top {
    background:transparent url(../images/subscription/formConfActTop.png) no-repeat left top;
    height:21px;
    width:881px;
}
body#confirmAct .content {
    background:transparent url(../images/subscription/formConfActContent.png) repeat-y scroll left top;
    padding:0px 25px 0px;
   
}
body#confirmAct .bottom {
      background:transparent url(../images/subscription/formConfActBottom.png) no-repeat left bottom;
      height:23px;
      width:881px;
}
body#confirmAct .innerContent {
_background-color:#F99F1F;
}
body#confirmAct #leftDiv, body#confirmAct #rightDiv {
    padding:10px 5px;
    margin:0;
    height:auto;
}
body#confirmAct .buttonEnterIsland {
    position:relative;
    width:199px;
    height:52px;
    border:none;
    left:5px;
    top:30px;
}

#secretQuestion {
    font-size:smaller;
}

#existingDetails {
   overflow:hidden;
   margin-bottom:20px;
}

#activateSection {
   overflow:hidden;
   margin-bottom:20px;
   padding: 0;
}

#activatedetailsForm{
}

#existingDetails input, #existingDetails textarea {
    width: 80%;
}

#epostsignupForm .checkRareldio dt {
    width: 60%;
}

#legalRules .checkRadio dt {
    text-align: left;
    padding-left: 10px;
}
/* activation end */

/** Where is my book starts **/

body#locateBook #homepage {
    height:auto;
    padding-bottom:10px;
}

body#locateBook #content h2,body#islandAccount #content h2{
    padding:10px 0 10px 10px;
}

body#locateBook #content p{
    padding:5px 10px;
    font-size:120%;
}

body#locateBook #content p.postedOn{
    font-size:140%;
}

#whereDetails{
    background:transparent url(../images/island/1pxFade.png) repeat scroll 0 0;
    height:auto;
    padding:10px 10px;
    width:540px;
    margin-left:10px;
}

/** Where is my book ends **/

/** Modify account **/

body#islandAccount #updatePage p.mandatory{
    font-size:80%;
    text-align:right;
    padding-right:165px;
}

body#islandAccount #updatePage span.asterisk{
    color:#ffffff;
}

body#islandAccount #updatePage .buttons{
    margin-top:10px;
}

body#islandAccount #updatePage .cancelBtn{
    margin-left:290px;
}

/** Help pages **/

#helpPage #helpContent{
    border:3px solid #5395D0;
    background:#FFFFFF none repeat scroll 0 0;
    margin:auto;
    width:960px;
    text-align:left;
    padding-bottom:10px;
    overflow:hidden;
}

#helpContent h3{
    clear:left;
    font-size:1.3em;
    font-weight:bold;
    padding:0;
}

#helpContent .FAQContainer{
    border:1px solid #5395D0;
    float:right;
    background:#D4E5F0;
    height:auto;
    margin:10px 20px 10px 10px;
    padding:5px;
    width:275px;
}

#helpContent .questionContainer {
    float:left;
    margin:10px 0 20px 20px;
    width:300px;
}

#helpContent ul.questions {
    float:left;
    margin:0 0 20px;
    padding:10px;
}

#helpContent h3 a {
text-decoration:none;
color:#5395D0;
}
#helpContent h3 a:hover {
text-decoration:underline;
}

#helpContent ul.questions li {
color:#5395D0;
line-height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin:0 0 0 20px;
padding:0 0 0 10px;
}

#helpContent a{
    text-decoration:underline;
}

#helpContent ul.questions li a{
    text-decoration:underline;
}

#helpContent ul.questions li a:hover {
color:#ED1C24;
text-decoration:none;
}

#helpContent .questionsList {
margin:10px 0 20px 50px;
width:850px;
}
#helpContent .questionsList h3 {
font-size:1.5em;
padding:0 0 10px;
}
#helpContent .questionsList ul.questions {
float:left;
margin:10px 0 0;
padding:0;
}
#helpContent .questionsList ul.questions li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-transform:uppercase;
}
#helpContent .questionsList ul.questions li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D4E5F0 none repeat scroll 0 0;
display:block;
font-weight:bold;
margin:0 0 2px;
padding:0 0 0 20px;
text-decoration:none;
width:830px;
}
#helpContent .questionsList ul.questions li a:hover {
background:#FFFFFF none repeat scroll 0 0;
color:#ED1C24;
text-decoration:none;
}

/* member login pages start */
body#islandGateway #wrapper {
    background:transparent url(../images/island/IslandGatewayBG.jpg) no-repeat scroll 0 0;
}
#islandGateway #blurb {
    display:none;
}
#IslandArrivals {
    background:transparent url(../images/island/formIslandArrivals.png) no-repeat scroll left top;
    display:block;
    float:right;
    padding:140px 0px 40px;
    width:462px;
    height:220px;
}
#IslandloginForm {
    width:90%;
    margin:0 auto;
}
#IslandArrivals a {
    color:#CC3300;
}
#islandGateway .buttonTour {
    border:none;
    display:inline;
    float:left;
    margin:305px 0 0 220px;
}
#islandGateway .buttonMore {
    border:none;
    clear:both;
    display:inline;
    float:left;
    margin:30px 0 0 390px;
}
#islandGateway .buttonRingtone {
    border:none;
    clear:both;
    display:inline;
    float:right;
    margin:100px 35px 0 0;
}


/* member login end */

#content {
    width:960px;
    /* Was 954, not sure why */
    text-align:center;
    margin-top:20px;
}

#subSelPage #detail-box {
    background: #FFFFFF;
    border: 1px solid #F47A20;
    float: left;
    margin: 10px;
    padding: 10px;
    width: 300px;
    clear:left;
}

#subSelPage .formWrapper dl.checkRadio dt {
    margin-left:5%;
    width:80%;
    text-align:left;
}

#subSelPage .formWrapper dl.checkRadio dd {
    margin-left:81%;
}

#rightDiv, #youraddressForm  {
    padding:0 22px 10px 0;
    width:47%;
    float:right;
    clear:none;
    margin:10px 0;
}
#leftDiv, #yourdetailsForm  {
    padding:0 0px 10px 22px;
    width:47%;
    float:left;
    clear:none;
    margin:10px 0;
}

#findRecipientForm #membershipNumber {
    width:20%;
}
#findRecipientForm dl dd input {
    width:50%;
}

#addressListOverlay {
    background-image:url(../images/overlay/address.png);
    height:450px;
    width:350px;
    padding:45px;
}

#addressListOverlay dl dt{
    margin-bottom:5px;
    font-weight:bold;
}

#addressListOverlay select {
    width: 350px;
    height:420px;
}

#addressListOverlay .overlayButtons{
    margin-top:15px;
}

#addressListOverlay .overlayButtons button{
    float:left;
}

#addressListOverlay .overlayButtons #lookupAddressResultsCloseButton{
    width:70px;
    height:28px;
    display:block;
    text-indent:-9999px;
    background:url(../images/buttons/buttonClose.png) top left no-repeat;
}

#addressListOverlay .overlayButtons #lookupAddressResultsOkButton{
    width:51px;
    height:28px;
    display:block;
    text-indent:-9999px;
    background:url(../images/buttons/buttonOK.png) top left no-repeat;
    margin-right:5px;
}

.findAddressButton {
    background:transparent url(../images/buttons/buttonFindAddress.png) no-repeat;
    width:107px;
    height:28px;
    display:inline;
    text-indent:-299px;
    margin-left:2px;
    vertical-align:top;
   
}
.findAddressButton > span {
    display:none;
}


/* payment page */
#topContainer {
    width:795px;
}
.topDetail, #paymentdetailsForm, #confirmyourdetailsForm {
    margin:10px 0 5px 20px;
    width:47%;
}

.topDetail ul{
    margin-bottom:5px;
}

.topDetail ul li{
    margin-bottom:3px;
}
/*#yourSub, #paySched {
    height:115px;
}*/
#yourSub, #delTo, #paymentdetailsForm {
    float:left;
    clear:left;
}
/*#delTo, #memPack {
   _height:auto;
   max-height:165px;
}*/
/*
#yourSub ul li {
    padding-bottom:5px;
    font-size:110%;
}
*/
#paySched, #memPack, #confirmyourdetailsForm {
    float:right;  
}

#subSelectForm #rightDiv #paySched{
    float:left;
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #F47A20;
    padding:5px 10px;
    margin:10px 0 10px 10px;
    width:300px;
}

#subSelectForm #rightDiv #paySched h4{
    margin:0 0 5px 0;
}

#subSelectForm #rightDiv #paySched table{
    margin-left:10px;
}

#paySched table {
    width:100%;
    text-align:left;
}
#paySched caption {
    text-align:left;
    padding:0;
    font-weight:bold;
    font-size:120%;
}

#paySched th {
    color:#CC0000;
    text-align:left;
}

dl.promoCode dt{
    width:100px;
    margin-top:5px;
}

dl.promoCode dd{
    margin-left:105px;
}

body#subSelPage dl.promoCode input#_eventId_redeemCode.promoBtn{
    display:inline;
    margin:0 0 0 5px;
}

/* island content start */

#enterIsland {
    width:115px;
    height:28px;
    border:none;
    margin-top:5px;
    background:url(../images/buttons/buttonEnterIslandSmall.png) no-repeat;
}

#resetPasswordForm input#submit{
    width:82px;
    height:28px;
    border:none;
    margin-top:5px;
    background:url(../images/buttons/buttonSubmit.png) no-repeat;
    text-indent:-9999px;
    font-size:0px;
    color:#dd870e;
}

#islandGateway #content {
    border:none;
}
.islandSection #content {
    margin-top:10px;
   border:4px solid #A3201C;
   height:auto;
   width:953px;
}
body.islandSection #wrapper {
    width:965px;

}
#islandAccount #homepage {
    padding-bottom:0;
    overflow:hidden;
}

#islandAccount.subs #homepage {
    padding-bottom:15px;
    height:auto;
}

#island #homepage {
    background:#4185AA;
    clear:both;
    margin-bottom:0;
    padding-bottom:15px;
    _padding-bottom:0px;
    width:953px;
    height:484px;
 
}

.islandSection .islandContent {
    text-align:left;
    margin:0 auto;
    _margin:0 auto;
    background:transparent url(../images/island/back_freebooks.jpg) repeat scroll 0 0;
}

.islandSection .islandContent h3 {
    margin-left:10px;
    margin-top:0;
    padding-top:5px;
    font-size:0;
}
#FreeBookBountyHeaderImg {
    background:transparent url(../images/island/headerback_freebooks.jpg) no-repeat scroll 0 0;
}
#FreeBookBountyFade {
    background:transparent url(../images/island/cornerimg_freebooks.png) no-repeat scroll right top;

    
    
}
#FreeBookBountyHeader {
    background:transparent url(../images/island/disc_freebooks.png) no-repeat scroll 0 0;
}

#FreeBookBountyHeader #legendBG {
    background:transparent url(../images/island/Legend.png) no-repeat scroll 662px 70px;
}

#updatePage {
    height:auto;
    padding-bottom:20px;
}
#subHeader {
    width:auto;
}
#subHeader p {
    padding:15px 0 25px 115px;
    line-height:1.5em;
    color:#FFF;
    font-weight:bold;
}
body#islandAccount #magBooks .top {
    background:transparent url(../images/island/islandYellowTop.jpg) no-repeat scroll left top;
    height:26px;
    width:954px;
}
body#islandAccount #magBooks .content {
    background:transparent url(../images/island/islandYellowContent.jpg) repeat-y scroll left top;
    width:954px;
    overflow:hidden;
    
}
body#islandAccount #magBooks .bottom {
    background:transparent url(../images/island/islandYellowBottom.jpg) no-repeat;
    height:26px;
    width:954px;
}
#magBooks {
    font-weight:bold;
}
#magBooks a {
    color:#CC0000;
    text-decoration:none;
}
.placeHolder {
    height:auto;
    width:128px;
    float:left;
}
#arrow .placeHolder img {
    margin:0;
}
.placeHolder img {
   margin:53px 0;
}
#magazines, #books, #arrow {
    display:block;
    width:100%;
    margin-bottom:5px;
}
#magazines {
    height:185px;
    padding:0;
}
#books {
    padding:0;
    margin:0;
    height:200px;
}
 .mags, .books, .arrow {
    display:block;
    width:825px;
    float:right;
}
.mags li, .books li, .arrow li {
    text-align:center;
    margin-right:5px;
    height:185px;
    width:130px;
    -width:125px;
}
.books li {
    height:200px;   
}
#arrow, .arrow {
    height:54px;
    padding:0;
    margin:0;
}
.arrow li {
    height:auto;
    padding:0;
    margin-bottom:0;  
}
.mags li img {
    margin:0;
}
.mags li.last {
    margin-right:0;
}

div.message{
    color:#FFFFFF;
    font-weight:bold;
    margin:20px 0 0 22px;
}

#detailSection {
    padding:10px 0 0;
    clear:both;
    overflow:hidden;
}
#detailSection #leftDiv {
    clear:both;
}
#updateDetails {
    height:auto;
    font-size:14px;
    padding:10px 15px 30px;
    background:transparent url(../images/island/1pxFade.png) repeat;
    width:75%;
    margin:0 auto;
}

#updateDetails.puffin{
    padding:0;
}

#updateDetails.puffin #puffinBG{
    padding:10px 15px 30px;
    background:url(../images/content/puffin_Reader.gif) right bottom no-repeat;
}

#yourDetails {
    height:auto;
    font-size:14px;
    padding:10px 15px 30px;
    background:transparent url(../images/island/1pxFade.png) repeat;
    line-height:1.8em;
}

#yourNewsletter p {
    clear:both;
}
#yourAccount {
    margin-top:10px;
    font-size:14px;
    padding:10px 15px 30px;
    background:transparent url(../images/island/1pxFade.png) repeat scroll 0 0;
    height:auto;
    line-height:1.8em;
}
#yourNewsletter {
    margin-bottom:30px;
    padding:10px 15px 30px;
    background:transparent url(../images/island/1pxFade.png) repeat scroll 0 0;
    height:auto;
    font-size:13px;
}

.bookPuffin {
    display:block;
    margin:0 auto 0;
    padding:0;
}

.editAccount, .findOutButton, .editAddress {
    border:none;
    clear:both;
    float:right;
}
.editAccount, .editAddress {
    width:82px;
    height:28px;

}
.findOutButton {
    width:115px;
    height:28px;
}

/* Bounty pages */
.fadeWhiteBox {
    background:transparent url(../images/island/1pxFade.png) repeat scroll 0 0;
    padding:15px;
    width:600px;
    text-align:left;
}

#FreeBookBountyHomeCenter {
    text-align:center;
    }
.PuffinFullContent {
   margin-left:15px;
    }
#puffinPirate {
    float:left;
    margin-top:-30px;
    position:relative;
}
.fadeWhiteBox p {
    padding-left:180px;
    margin-top:4px;
    line-height:140%;
    color:#fff;
}

#FreeBookList {
    margin-left:25px;
    clear:both;
}
.FreeBookItem {
    float:left;
    margin:20px;
    width:176px;
}
.FreeBookImg {
    background:#FFFFFF none repeat scroll 0 0;
    border:8px solid #F1AD27;
    padding:15px;
}
body.islandSection .FreeBookImg a {
    color:#CC0000;
    text-align:center;
}
#selectBook {
    border:none;
    width:164px;
    height:41px;
    margin:0 6px;
}
#sendBook {
    border:none;
    width:218px;
    height:41px;
}

body.islandSection a {
    color:#FFFF00;
    text-decoration:underline;
}
.selectBook {
    background:#F1AD27 none repeat scroll 0 0;
}

.bookIcons {
    margin-left:8px;
    padding-bottom:8px;
}
.bookIcons li {
    display:inline;
    margin-right:3px;
}
body.islandSection .PuffinFooter {
    display:block;
    font-size:14px;
    clear:both;
    height:30px;
    padding:10px 10px 0;

}
.backtotop {
    float:right;
    clear:both;
}
.backtotop a {
    background:transparent url(../images/island/arrow-up.png) no-repeat scroll left center;
    display:block;
    font-weight:bold;
    padding-bottom:0;
    padding-left:24px;
    padding-top:2px;
}
.back {
   float:left;
}

.back a {
    background:transparent url(../images/island/arrow-back.png) no-repeat scroll left center;
    display:block;
    font-weight:bold;
    padding-bottom:6px;
    padding-left:28px;
    padding-top:2px;

}
#FreeBookItemMoreInfo {
    padding-bottom:15px;
}
.bookBox {
    background:#F1AD27 url(../images/island/orangestar_big.gif) no-repeat scroll right top;
    color:#790000;
    margin-right:16px;
    margin-top:20px;

}

ul#FreeBookDetails li.booktitle{
    margin:0 0 5px 0;
    padding-top:20px;
}

ul#FreeBookDetails li.bookauthor{
    margin:0 0 10px 0;
}

ul#FreeBookDetails li.descripton{
    margin-bottom:10px;
}

#FreeBookItemMoreInfo .FreeBookImg {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #CF8800;
    float:left;
    margin:16px;
    padding:15px;
    text-align:center;
    width:222px;
}
.FreeBookImg a {
    color:#CC0000;
    text-align:center;
}
#checkoutAddress {
    margin-left:300px;
    padding-top:10px;
}
#checkoutAddress ul {
    background-image:url(../images/island/1pxFade.png);
    margin:20px 75px 25px 0;
    padding:0 15px 15px;

}
#checkoutAddress li {
    font-weight:bold;
    margin-top:3px;
}
#checkoutAddress li strong {
    display:block;
    padding-top:12px;
    }
body.islandSection .bookBox a {
    color:#CC0000;
    text-decoration:none;
}
#FreeBookOrderPlaced {
    margin:60px auto 0;
    width:700px;
}
#FreeBookOrderPlaced p, #FreeBookOrderPlaced h4 {
    padding-left:180px;
    
}
#FreeBookOrderPlaced h4 {
     font-size:140%;
     color:#FFF;
}
#editCheckoutAddress .buttons {
    clear:both;
  
}
#editCheckoutAddress .buttons input {
    border:none;
    margin-bottom:10px;
    width:131px;
    height:41px;
    display:inline;
}

#editCheckoutAddress .buttons input#_eventId_back{
    width:141px;
    height:26px;
    vertical-align:top;
    margin-top:10px;
    margin-left:130px;
}
/* island content end */

/* confirmation and email pages */
#subConfirmationPage .printBox{
    margin:0 auto;
    width:845px;
}
#subConfirmationPage .buttonBuy{
    position:relative;
    top:40px;
    
}
#subConfirmationPage p {
    margin:0 auto;
    font-size:130%;
    width:80%;
    padding:10px;
}

/* error page */
div.errorMessage{
    background:url(../images/layout/error.jpg) left top no-repeat;
    width:720px;
    height:38px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#ffffff;
    text-align:left;
    padding:11px 10px 10px 73px;
    line-height:18px;
    margin:10px auto;
}