/* generic styles */
* {
    border:none;
    margin:0;
    padding:0;
    text-decoration:none;
    list-style:none;
}
body {
    text-align: center;
    background-color:#0082CB;
    font-family:Arial,Helvetica,sans-serif;
    font-size:80%;
}
a{
    outline:none;
}
fieldset {
    padding: 0 0 10px 0;
    border:none;
}
#updatePage fieldset {
   clear:both;
}
legend {
    clear:left;
    font-size:1.3em;
    font-weight:bold;
    margin:0 0 5px;
}

input {
    border:1px solid #CDCDCD;
    height:22px;
    width:60%;
    padding-left:2px;
}

input.check{
    width:auto;
    margin-left:5px;
    border:none;
}

textarea{
    border:1px solid #CDCDCD;
    width:60%;
    padding-left:2px;
}

select{
    border:1px solid #CDCDCD;
    width:60%;
    padding-left:2px;
}

dl.inlineSelect select{
    width:auto;
}

h2 {
    font-size:180%;
}
h3, .formWrapper legend {
    font-size:140%;
    margin:5px 0;
    color:#000;
}


/* error handling */

.errorList {
    background:#AF2B2B url(../images/subscription/icon-error.png) no-repeat scroll 10px 6px;
    color:#FFDAD3;
    display:block;
    margin:5px;
    padding:5px 2px 5px 45px;
    width:270px;
    font-size:12px;
    text-align:left;
    font-weight:bold;
    height:auto;
}
body#confirmAct .errorList {
    margin:0 5px 5px;

}
body#confirmAct .errorList p {
    line-height:2em;
}
.errorPuffin {
    background:#AF2B2B url(../images/subscription/icon-error.png) no-repeat scroll 10px 6px;
    color:#FFDAD3;
}
.errors {
    display:inline-block;
    width:19px;
    height:20px;
    background:url(../images/subscription/icon-errorMini.png) no-repeat scroll;
    vertical-align:top;
    margin-top:1px;
    margin-left:3px;
}

#IslandArrivals .errorList,#resetPasswordForm .errorList{
    height:auto;
    width:auto;
    background:none;
    padding:0;
    color:#ff0000;
    margin:0;
    text-align:center;
}

#IslandArrivals .errorList p,#resetPasswordForm .errorList p{
    padding-bottom:0;
}

/* temporary display none use */
.displayNone {
    display:none;
}
.floatLeft {
    float:left;
    clear:none;
}
.floatRight {
    float:right;
    clear:none;
}

/* simple id and classes used for single change */

.asterisk {
    color:#CC3300;
    font-weight:bold;
}
p.blue {
    color:#1E84C7;
}
span.purple {
    color:#A011FC;
}
span.orange {
    color:#F17825;
}
span.green {
    color:#15B728;
}
p.left {
    text-align:left;
    color:#FFFFFF;
    float:left;
    font-size:120%;
    margin:10px 0 10px 10px;
    width:200px;
}
.red {
    color:#C00;
    font-weight:bold;
}
.highlight {
    display:none;
    padding: 10px;
    width:85%;
    margin:10px 7% 0;
    background-color:#FFF;
    border:solid 1px #FDB143;
}
.renewHead {
    color:#0082CB;
}
.twoColumn input {
    width:75%;
}
input.postcode {
    width:90px;
}
element.style {
    background-image:none;
}
ul.inline {
    _margin-top:-3px;
    
}
.inline li {
    float:left;
    display:inline;
}
div.overlay {
    background-image:url(../images/overlay/white.png);
    display:none;
    height:470px;
    padding:55px;
    width:600px;
}

div.overlay .scrollBox{
    height:455px;
    overflow:auto;
}

div.overlay p{
    margin-bottom:10px;
}

#usernameOverlay.overlay, #passwordOverlay.overlay, #ccvOverlay.overlay{
    background-image:url(../images/overlay/popUp.png);
    height:auto;
    width:260px;
    height:130px;
    padding:35px;
    position:relative;
}

#ccvOverlay.overlay{
    padding:25px 35px 35px;
}

#subStartOverlay.overlay{
    width:400px;
    height:321px;
    padding:30px;
}

#subStartOverlay.overlay table{
    width:400px;
    margin-top:10px;
}

#subStartOverlay.overlay table th{
    padding:2px;
}

#subStartOverlay.overlay table td{
    padding:2px;
}

#subPackDeliveryOverlay.overlay{
    width:320px;
    height:251px;
    padding:30px;
}

#subPackDeliveryOverlay.overlay button.overlayClose{
    bottom:35px;
}

#subDeliverToOverlay.overlay{
    width:270px;
    height:211px;
    padding:25px;
}

#subDeliverToOverlay.overlay button.overlayClose{
    bottom:30px;
}

#renStartOverlay.overlay{
    width:180px;
    height:141px;
    padding:20px;
}

#renStartOverlay.overlay button.overlayClose{
    bottom:20px;
    right:15px;
}

#renPackDeliveryOverlay.overlay{
    width:190px;
    height:149px;
    padding:20px;
}

#renPackDeliveryOverlay.overlay button.overlayClose{
    bottom:20px;
    right:15px;
}

#renDeliverToOverlay.overlay{
    width:200px;
    height:156px;
    padding:20px;
}

#renDeliverToOverlay.overlay button.overlayClose{
    bottom:20px;
    right:15px;
}


div.overlay button.overlayClose{
    width:70px;
    height:28px;
    display:block;
    text-indent:-9999px;
    background:url(../images/buttons/buttonClose.png) top left no-repeat;
    position:absolute;
    bottom:40px;
    right:30px;
}

#usernameOverlay.overlay button.overlayClose, #passwordOverlay.overlay button.overlayClose,  #ccvOverlay.overlay button.overlayClose{
    bottom:30px;
    right:30px;
}

 .formBox {
    display:block;
    height:auto;
    text-align:center;
    margin:0 auto;
    width:845px;
}

a.moreInfo img{
    vertical-align:top;
}

.innerContent {
    clear:both;
    text-align:left;
}
#wrapper {
    text-align:left;
    margin:0 auto;
    width:960px;
}
#buy {
    width:100%;
    clear:both;
}
#securitycode {
    width:15%;
}
dl.giftMessage input {
    width:50%;
}
#giftMessage {
    width:75%;
}
#address {
    width:60%;
}
/* form wrapper styles including definition lists */
.formWrapper input.radioButton {
    width:10%;
    border:none;
    height:auto;
}
 h4 {
    font-size:120%;
    padding:0;
}
.formWrapper, #subSelectForm {
        width:100%;
	}

.formWrapper p {
    width:auto;
    padding:10px;
    text-align:left;
}

.subSection .formWrapper p.mandatory{
    text-align:right;
    font-size:85%;
    clear:both;
}

.formWrapper dl {
    width:100%;
    padding-top:10px;
    clear:both;
    margin:0 auto;
}

#subSelPage .formWrapper #leftDiv dl.checkRadio{
    padding-top:0;
    padding-bottom:10px;
}

dl#recipientAddressSection{
    padding-top:0;
}

.formWrapper dl dt {
    margin-top:3px;
    padding:3px 0 0 0;
    width:40%;
    float:left;
    text-align:right;
    clear: left;

}
.formWrapper dl dd {
    margin-left:41%;
    padding:3px 0 0 0;
    text-align:left;
    margin-top:3px;
}

html>body .formWrapper dl dd span{
   *line-height:24px;
}

.formWrapper dl dd.offSet{
    margin-top:3px;
}

.formWrapper .twoColumn dl dt {
    margin-top:3px;
    padding:3px 0 0 0;
    width:35%;
    float:left;
    text-align:right;
    clear: left;

}
.formWrapper .twoColumn dl dd {
    margin-left:36%;
    padding:3px 0 0 0;
}

/* dl.checkRadio > * {
    margin:0;
    line-height:1.5em;
    vertical-align:middle;
} */

.formWrapper dl.checkRadio dt {
    width:60%;
}
.formWrapper dl.checkRadio dd {
    margin-left:61%;
}

.formWrapper .checkRadio input {
    width:20px;
    border:none;
    height:1.5em;
}

.formWrapper .short, #issueNumber {
    width:10%;
}
#detailSection .formWrapper dl dt {
     margin: 0;
     padding:0;

}
#detailSection .formWrapper dl dd {
    padding:0;
    margin-left:43%;
}
#checkoutAddress .formWrapper dl dt {
    width:20%;
}
#checkoutAddress .formWrapper dl dd {
    margin-left:21%;
}
#checkoutAddress .formWrapper p {
    padding:0;
}
 /* form stuff stop */

body.subSection .formBox .content .buttons {
    clear:both;
    height:40px;
    margin:0 5px;
}
.nextBtn, .prevBtn, .buyBtn {
    border:none;
    width:90px;
    height:40px;
    cursor:pointer;
}

.prevBtn {
    background:transparent url(../images/buttons/buttonBack.png) no-repeat scroll 0 0 ;

}
.nextBtn {
    background:transparent url(../images/buttons/buttonNext.png) no-repeat scroll 0 0 ;
}

.buyBtn {
    background:transparent url(../images/buttons/buttonBuy.png) no-repeat scroll 0 0 ;
    width:115px;
    height:41px;
    float:right;
}
.buttonEnterIsland {
    background:transparent url(../images/buttons/buttonEnterIsland.png) no-repeat scroll 0 0 ;
   
}
#activatesub .activate {
    background:transparent url(../images/subscription/buttonActivate.gif) no-repeat scroll 0 0 ;
    border:none;
    height:52px;
    cursor:pointer;
    text-indent:-29999px;


}
.cancelBtn {
    border:none;
    width:111px;
    height:41px;
}

.saveBtn {
    border:none;
    width:95px;
    height:41px;
}

body.subSection .formBox .content .buttons .prevBtn {
    float:left;

}
body.subSection .formBox .content .buttons .nextBtn {
    float:right;

}

#subSelectForm fieldset {
    width:95%;
    border:none;
    padding:0;
}