#col2 h1 {
    background: transparent url("../images/bg_title.jpg") left top no-repeat;
    border-bottom: 1px solid #966C43;
    margin: 0 20px 0 0 !important;
    margin /**/: 0 20px 0 2px;
    padding: 6px 0 5px 20px;
    font-size: 9px;
}

#footer a{
    color: #0033ff;
    font-size: 11px;
}

.error { font:Georgia, "Times New Roman", Times, serif; color:#FF0000; }

a {
    color: #39c;
    text-decoration: none;

}

a:hover {
    color: #c30;
}

.displayblock {
    display: block;
}

form {
    margin: 0;
    padding: 0;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

label {

}


/*class for image border hover*/
.imgborder img{
    margin: 0;
    border: 1px solid #630;
}

.imgborder:hover img{
    border: 1px solid #c30;
}

/*hack for border hover to work*/
.imgborder:hover{
    color: red; /* irrelevant definition to overcome IE bug */
}

#flashstory {
    background: none;
    padding: 8px 0 0 25px;
    margin: 0;
}

#flashstory p {
    padding: 0 0 0 12px;
    margin: 0 0 20px 0;
}

#content h2 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 13px;
    color: #c30;
    font-family: Georgia, "Times New Roman", Times, serif;
}

#content h2.no-margin-bottom {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #c30;
    font-family: Georgia, "Times New Roman", Times, serif;
}

#content h2.verdana-red {
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #c30;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content h2.verdana-section {
    margin: 0;
    padding: 4px 0px 4px 0px;
    font-size: 13px;
    color: #09c;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-top: #926E4A 1px solid;
    border-bottom: #926E4A 1px solid;
}

#content p {
    color: #630;
    line-height: 14px;
    margin: 0 0 18px 0;
    padding: 0;
}

#content p.smalltext {
    font-size: 10px;
}

#content p.intro {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 14px;
    color: #c30;
    line-height: 18px;
}

#content p.buddyicon-notext {
    float: left;
    width: 65px;
}

#content p.subtitle {
    margin: 0 40px 20px 0;
    padding: 0;
    font-size: 11px;
    color: #c30;
    font-weight: normal;
    float: left;
}

#content ol  {
    margin: 0 0 16px 20px;
    padding: 0;
}

#content ol li {
    margin: 0;
    padding: 0;
    color: #630;
    line-height: 15px;
}


#content ul  {
    margin: 0 0 16px 20px;
    padding: 0;
}

#content ul li {
    margin: 0;
    padding: 0;
    color: #630;
    line-height: 15px;
}

#content table {
    border: #926E4A 1px solid;
}

#content table thead tr td {
    margin: 0;
    padding: 4px 30px 8px 4px;
    font-size: 13px;
    color: #c30;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    border-right: #926E4A 1px solid;
    background: #dfe6eb;
}

#content table tbody tr td {
    margin: 0;
    padding: 4px 4px 4px 4px;
    vertical-align: top;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #630;
    border-right: #fff 2px solid;
}

#content table tbody tr.even {
    background-color: #477490;
}

#content table tbody tr.odd {
    background-color: #dfe6eb;
    padding-right: 0px;
}

#content table tbody tr td img {
    margin: 0;
    padding: 4px 4px 4px 4px;
    vertical-align: top;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #ddd;
}


/* Features Page */
#content .item {
    float: left;
    width: 240px;
    margin: 0 0 30px 0;
}

#content .item img {
    border: 1px solid #926e4a;
}

#content .item h1 {
    margin: 0 35px 0 0;
    padding: 15px 0 8px 0;
     background: none;
    border: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #c30;
    font-size: 12px;
    line-height: 15px;
}

#content .item p {
    margin: 0 35px 0 0;
    padding: 0;
    line-height: 15px;
    color: #630;
}


/* Story Page */
#dl-story {
    width: 500px;
    margin: 0;
    padding: 0;
}

#dl-story dt {
    float: left;
    width: 135px;
    margin: 0;
    padding: 0;    
}

#dl-story dt p {
    margin: 0 0 60px 0;
    padding: 0;    
}


#dl-story dd {
    float: right;
    width: 340px;
    margin: 0;
    padding: 0;    
}

#dl-story dd p {
    margin: 0 0 20px 0;
    padding: 0;    
    color: #630;
    line-height: 16px;
}



/* Characters Styles */
#characterthumbs {
    padding: 15px 0 20px 0;
}

#characterthumbs p {
    float:left;
    width: 63px;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
    height: 83px;
}

#characterthumbs p a {
    display: block;    
    text-decoration: none;
    font-size: 11px;
    padding: 0;
}

#characterthumbs p#thumb-senel a {
    background: transparent url("../images/thumb_senel.jpg") center top no-repeat;
}

#characterthumbs p#thumb-senel a:hover {
    background: transparent url("../images/thumb_senel_hover.jpg") center top no-repeat;
}

#characterthumbs p#thumb-shirley a {
    background: transparent url("../images/thumb_shirley.jpg") center top no-repeat;
}

#characterthumbs p#thumb-shirley a:hover {
    background: transparent url("../images/thumb_shirley_hover.jpg") center top no-repeat;
}
#characterthumbs p#thumb-will a {
    background: transparent url("../images/thumb_will.jpg") center top no-repeat;
}

#characterthumbs p#thumb-will a:hover {
    background: transparent url("../images/thumb_will_hover.jpg") center top no-repeat;
}
#characterthumbs p#thumb-chloe a {
    background: transparent url("../images/thumb_chloe.jpg") center top no-repeat;
}

#characterthumbs p#thumb-chloe a:hover {
    background: transparent url("../images/thumb_chloe_hover.jpg") center top no-repeat;
}
#characterthumbs p#thumb-norma a {
    background: transparent url("../images/thumb_norma.jpg") center top no-repeat;
}

#characterthumbs p#thumb-norma a:hover {
    background: transparent url("../images/thumb_norma_hover.jpg") center top no-repeat;
}
#characterthumbs p#thumb-moses a {
    background: transparent url("../images/thumb_moses.jpg") center top no-repeat;
}

#characterthumbs p#thumb-moses a:hover {
    background: transparent url("../images/thumb_moses_hover.jpg") center top no-repeat;
}
#characterthumbs p#thumb-jay a {
    background: transparent url("../images/thumb_jay.jpg") center top no-repeat;
}

#characterthumbs p#thumb-jay a:hover {
    background: transparent url("../images/thumb_jay_hover.jpg") center top no-repeat;
}
#characterthumbs p#thumb-grune a {
    background: transparent url("../images/thumb_grune.jpg") center top no-repeat;
}

#characterthumbs p#thumb-grune a:hover {
    background: transparent url("../images/thumb_grune_hover.jpg") center top no-repeat;
}




#dl-characterlist {
    width: 500px;
    margin: 0;
    padding: 0;
}

#dl-characterlist dt {
    float: left;
    width: 225px;
    margin: 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #926f4b;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    color: #c30;
}

#dl-characterlist dt b {
    display: block;
    padding: 0 0 20px 0;
    
}

#dl-characterlist dd {
    float: left;
    width: 274px;
    margin: 0;
    padding: 45px 0 0 0;
    border-top: 1px solid #926f4b;
    clear: right;
    min-height: 350px;
    height: auto !important;
    height /**/: 400px;
    height: 350px;
}

#content #dl-characterlist dd h1 {
    margin: 0;
    padding: 0 0 13px 0;
    background: none;
    font-size: 11px;
    font-weight: bold;
    color: #c30;
    border: none;
    font-weight: normal;
}

#content #dl-characterlist dd p {
    font-size: 11px;
    line-height: 14px;
}

#content #dl-characterlist dd p a {
    text-decoration: none;
}

#content #dl-characterlist dd p a.character-movie {
    background: transparent url("../images/icon_movie.gif") 0px 0px no-repeat;
    padding: 3px 5px 3px 25px;
}

#content #dl-characterlist dd p a.character-movie:hover {
    background: transparent url("../images/icon_movie_hover.gif") 0px 0px no-repeat;
}

#content #dl-characterlist dd p a.character-audio {
    background: transparent url("../images/icon_audio.gif") 0px 0px no-repeat;
    padding: 3px 5px 3px 25px;
}

#content #dl-characterlist dd p a.character-audio:hover {
    background: transparent url("../images/icon_audio_hover.gif") 0px 0px no-repeat;
}

.two-col {
    float: left;
    width: 248px;
}

.two-col-padding {
    padding: 0 20px 0 0px;
}

#content .two-col .two-col-padding h2 {
    margin: 0 0 3px 0;
    padding: 0;
}

#content .two-col .two-col-padding p {
    margin: 0 0 20px 0;
    padding: 0;
}



#infobox-holder {
    float: right;
    padding-left: 20px;
}

#infobox-bordertop {
    width: 233px;
    position: relative;
    background: transparent url("../images/infobox_bordertop.gif") left top no-repeat;
}

#infobox-borderbottom {
    background: transparent url("../images/infobox_borderbottom.gif") left bottom no-repeat;
    padding: 36px 0 17px 0;
}

#infobox-bordersides {
    background: transparent url("../images/infobox_bordersides.gif") left top repeat-y;
}

/* Peek-a-boo fixes \*/
* html #infobox-bordertop, * html #infobox-borderbottom, * html #infobox-bordersides { height: 1%; }
/* End fixes */

#infobox-content {
    padding: 8px 18px 5px 18px;
}

#infobox-content h1 {
    position: absolute;
    left: 19px;
    top: 14px;
    margin: 0;
    padding: 0;
    border: none;
    background: none;

}

#infobox-content h2 {
    margin: 0 0 3px 0;
    padding: 0;
}

#infobox-content p {
    margin: 0 0 15px 0;
    padding: 0;
}

#infobox-content p.note {
    line-height: 11px;
    font-size: 10px;
    margin: 0;
    padding: 0;
}

#infobox-content p.note b {
    font-size: 11px;
}





/* Tales of Series */
.tales-logos {
    width: 167px;
    text-align: center;
    float: left;
}

.tales-logos p a{
    text-decoration: none;
}


/* Downloads page */



/* Videos Page */
#exclusive-video-form {
    margin: 0 0 10px 0;
}

#exclusive-video-form label {
    float: left;
    font-weight: bold;
    color: #c30;
    padding: 2px 5px 0 0;
}

#txtboxpasscode {
    width: 90px;
    float: left;
    margin: 0 5px 0 0;
    font-size: 11px;
}

.video-two-col-padding {
    padding: 0 20px 0 10px;
}

#content .two-col .video-two-col-padding p {
    margin: 0 0 20px 0;
    padding: 0;
    
}

a.playvideo {
    background: transparent url("../images/icon_play.gif") 0px 1px no-repeat;
    padding: 0 0 0 16px;
}

a.playvideo:hover {
    background: transparent url("../images/icon_play_hover.gif") 0px 1px no-repeat;
}

a.downloadvideo {
    background: transparent url("../images/icon_download.gif") 0px 3px no-repeat;
    padding: 0 0 0 12px;
}

a.downloadvideo:hover {
    background: transparent url("../images/icon_download_hover.gif") 0px 3px no-repeat;
}


/* Screens Page */
#content .screenthumb {
    float: left;
    width: 162px;
    text-align: right;
    padding: 0 0 22px 0;
    margin: 0;
}



/*Fan Site Building Kit page */
#content .two-col .two-col-padding p.para-indented {
    margin: 0 0 0 40px;
    padding: 10px 0 30px 0;
}


/* Press Links page */
#content p .comment-source {
    display: block;
    text-align: right;
    padding: 2px 0 0 0;
}



/* Wallpaper page */
#dl-wallpaper {
    width: 500px;
    margin: 0;
    padding: 0;
}

#dl-wallpaper dt {
    float: left;
    width: 235px;
    margin: 0;
    padding: 30px 0 0 0;
    border-top: 1px solid #926e4a;
}

#dl-wallpaper dd {
    border-top: 1px solid #926e4a;
    float: left;
    width: 265px;
    margin: 0;
    padding: 30px 0 22px 0;
    clear: right;
}

#dl-wallpaper dd h2 {
    margin: 0 0 10px 0;
    padding: 0;    
}

#dl-wallpaper dd p {
    margin: 0;
    padding: 0 0 17px 15px;    
}


/* Character Art page */
#content p.character-art-thumb {
    width: 170px;
    float: left;
    margin-bottom: 35px;
}

/* Buddy Icon page */
#content p.buddyicon {
    float: left;
    width: 110px;
}

#content p.buddyicon span.buddyicon-label {
    display: block;
    width: 49px;
    text-align: center;
}


/* Popup Content */

#popup-content {

}

#popup-arrow-line-separator-top h1 {
    background: transparent url("../images/bg_title.jpg") left top no-repeat;
    border-bottom: 1px solid #966C43;
    margin: 0 40px 0 0;
    padding: 6px 0 5px 20px;
    font-size: 9px;
}

#form-tellyourfriend {
    
}

#form-tellyourfriend fieldset p {
    margin: 0;
    padding: 0 0 15px 0;
}

#form-tellyourfriend fieldset p label {
    color: #c30;
    font-weight: bold;
    display: block;
}

#form-tellyourfriend fieldset p.inline-field {
    float: left;
    margin: 0 0 18px 0;
    padding: 0;
    width: 195px;
}

#form-tellyourfriend fieldset p.birthmonth {
    float: left;
    margin: 0 0 18px 0;
    padding: 0;
    width: 100px;
}

#form-tellyourfriend fieldset p.birthday {
    float: left;
    margin: 0 0 18px 0;
    padding: 0;
    width: 60px;
}

#form-tellyourfriend fieldset p.birthyear {
    float: left;
    margin: 0 0 18px 0;
    padding: 0;
    width: 70px;
}

.txtboxmessage {
    width: 235px;
    height: 80px;
    font-size: 11px;
    
}

.txtbox150 {
    width: 170px;
    font-size: 11px;
}

.txtbox100 {
    width: 100px;
    font-size: 11px;
}

.txtbox85 {
    width: 85px;
    font-size: 11px;
} 

.txtbox45 {
    width: 45px;
    font-size: 11px;
} 

.txtbox65 {
    width: 65px;
    font-size: 11px;
} 

.sign-newsletter {
    float: left;
    width: 300px;
    display: block;
    padding: 2px 0 15px 0;
}
