﻿html,body
{
	font-family: Georgia;
	height: 100%;
	min-width: 992px;
	background: #000000 url(../images/repeat-BG.jpg) repeat-y center 24px;
}

strong
{
    font-weight: bold;
}
.main-home
{
    background:#000000 none repeat scroll 0 0;
}

.registration #top-bg
{
    background: transparent url(../images/register-header.jpg) no-repeat center top;
}

.userdetails #top-bg
{
    background: transparent url(../images/Edit-profile_header.jpg) no-repeat center top;
}

.registration #main-home-bg
{
    background: transparent url(../images/register-main-BG.jpg) no-repeat center 419px;
}

.userdetails #main-home-bg
{
    background: transparent url(../images/Edit-profile_BG.jpg) no-repeat center 419px;
}

.registration #masterFooterHome
{
    background: transparent url(../images/register-footer.jpg) no-repeat center top;
    height: 175px;
}

.userdetails #masterFooterHome
{
    background: transparent url(../images/Edit-profile-footer.jpg) no-repeat center top;
    height: 175px;
}

.main-home #top-bg
{
    background: transparent url(../images/home/mainHomeHeader.jpg) no-repeat center top;
}

.main-home #main-home-bg
{
    background: #000000 url(../images/home/mainHomeBG.jpg) no-repeat center 172px;
}

a
{
    color: #000;
}

a:hover, a:active
{
    color: #B4051F;
}

p
{
    font-size: 100%;
    line-height: 131%;
}

h1
{
    font-size:93%;
}

h2
{
    font-size:123.1%;
    font-weight: bold;
    padding-top:20px;
    padding-bottom:5px;
    background: transparent url(../images/books/maincontent_hr.gif) no-repeat left bottom;
    margin-bottom: 5px;
}

.funstuff h2
{
    font-size:138.5%;
}

h3
{
    font-size:123.1%;
    font-weight: bold;
    padding-top:20px;
    padding-bottom:5px;
}

.hiccupandfriends h3
{
    font-size:138.5%;
}

.green
{
    /* color: #33ff00; */
    color: #880303;
}

.boldRed
{
    font-weight: bold;
    color: #C4091F;
}

.boldWhite
{
    color: #fff;
    font-weight: bold;
    font-size: 93%;
    float: left;
}
.clear
{
    clear:both;
}

.btn
{
    text-decoration: none;
    font-weight: bold;
    width: 132px;
    height: 24px;
    display:block;
    background: transparent url(../images/profile-btn.png) no-repeat left top;
    text-align: center;
    padding-top: 5px;
}

.right
{
    float: right;
}

.left
{
    float: left;
}

.center
{
    text-align: center;
}

#top-bg 
{
    background: transparent url(../images/header-BG.jpg) no-repeat center top;
}

#wrapper
{
    width:992px;
    margin: 0 auto;
}

#masterHeader
{ 
    position: relative; 
    height:161px; 
    width:100%;
}

#header-ad a
{
    position: absolute;
    top: 4px;
    right: 100px;
    display: block;
    /*background: transparent url(../images/banner/break-a-dragons-heart.gif) no-repeat;
    background: transparent url(../images/banner/Hiccup-email-tag.gif) no-repeat;
	background: transparent url(../images/banner/dragoneseday.gif) no-repeat;*/
	background: transparent url(../images/banner/tour.gif) no-repeat;
    width: 536px;
    height: 81px;
}

/* NAV */
#masterNav
{
    position: absolute; 
    top: 108px; 
    right: 76px;
    height:40px;
}

#masterNav ul li a
{
    height: 56px;
    display: block;
}

#masterNav ul li a:hover, #masterNav ul li.current a, .main-home #masterNav ul li a:hover, .main-home #masterNav ul li.current a
{
    background-position: 0 -56px;
}

#masterNav ul li span
{
    display: none;
}

#masterNav .nav-home a
{
    width: 63px;
    background: transparent url(../images/topnav/navHome.jpg) no-repeat left top;
}

#masterNav .nav-friends a
{
    width: 92px;
    background: transparent url(../images/topnav/navFriends.jpg) no-repeat left top;
}

#masterNav .nav-fun a
{
    width: 69px;
    background: transparent url(../images/topnav/navFun.jpg) no-repeat left top;
}

#masterNav .nav-books a
{
    width: 69px;
    background: transparent url(../images/topnav/navBooks.jpg) no-repeat left top;
}

#masterNav .nav-about a
{
    width: 84px;
    background: transparent url(../images/topnav/navAbout.jpg) no-repeat left top;
}

#masterNav .nav-registration a
{
    width: 84px;
    background: transparent url(../images/topnav/navRegister.jpg) no-repeat left top;
}

#masterNav .nav-userdetails a
{
    width: 84px;
    background: transparent url(../images/topnav/navEditProfile.jpg) no-repeat left top;
}

#masterNav .nav-competitions a
{
    width: 123px;
    background: transparent url(../images/topnav/navCompetitions.jpg) no-repeat left top;
}

/* main-home navigation */
.main-home #masterNav .nav-home a
{
    width: 63px;
    background: transparent url(../images/topnav/navMainHome.jpg) no-repeat left top;
}

.main-home #masterNav .nav-friends a
{
    width: 92px;
    background: transparent url(../images/topnav/navMainFriends.jpg) no-repeat left top;
}

.main-home #masterNav .nav-fun a
{
    width: 69px;
    background: transparent url(../images/topnav/navMainFun.jpg) no-repeat left top;
}

.main-home #masterNav .nav-books a
{
    width: 69px;
    background: transparent url(../images/topnav/navMainBooks.jpg) no-repeat left top;
}

.main-home #masterNav .nav-about a
{
    width: 84px;
    background: transparent url(../images/topnav/navMainAbout.jpg) no-repeat left top;
}

.main-home #masterNav .nav-registration a
{
    width: 84px;
    background: transparent url(../images/topnav/navMainRegister.jpg) no-repeat left top;
}

.main-home #masterNav .nav-userdetails a
{
    width: 84px;
    background: transparent url(../images/topnav/navEditProfile.jpg) no-repeat left top;
}

.main-home #masterNav .nav-competitions a
{
    width: 123px;
    background: transparent url(../images/topnav/navMainCompetitions.jpg) no-repeat left top;
}


#masterNav ul
{
    list-style: none;
}

#masterNav li 
{
    float: left;
}


/* Left Navigation */

.leftNav 
{
    width:190px; 
}

#leftNav-inner
{
    padding: 52px 30px 10px 25px;
    background: transparent url(../images/leftnav-top.jpg) no-repeat left top;
}

.funstuff #leftNav-Title
{
    height: 22px;
    width: 105px;
    background: transparent url(../images/leftNav-funstuff.jpg) no-repeat 15px 0;
}
.herosguide #leftNav-Title
{
    height: 22px;
    width: 105px;
    background: transparent url(../images/leftNav-herosguide.jpg) no-repeat 15px 0;
}
.books #leftNav-Title
{
    height: 20px;
    width: 109px;
    background: transparent url(../images/leftNav-thebooks.jpg) no-repeat 12px top;
}

#leftNav-content
{
    margin-top: 10px;
}

.leftNav-bottom
{
    width: 190px;
    height: 56px;
    background: transparent url(../images/leftnav-bottom.png) no-repeat 1px bottom;
}

.leftNav ul
{
    list-style: none;
}

.leftNav ul li.current a
{
    color: #B4051F;
}

.leftNav ul li 
{
    padding-left: 15px;
    padding-top:5px;
    background: transparent url(../images/leftNav-arrow.gif) no-repeat left 10px;
}

.leftNav ul li a 
{
    text-decoration: none;
    font-weight: bold;
    display: block;
    background: transparent url(../images/leftNav-hr.gif) no-repeat bottom left;
    padding-bottom:10px;
}

.noshow
{
	display:none;
}

/* Profile */

#LeftLoginControl
{
	display: none;
    /*width:190px;*/
    
}

#leftProfileBgStretch
{
    background: transparent url(../images/profileBgBtm.png) no-repeat left bottom;
    padding-bottom: 60px;
}

#leftProfileTopWrap
{
    background: transparent url(../images/profileBgTop.png) no-repeat left top;
}

/* Main Content */
#masterBodyHome
{
    height: 100%;
    width:100%;
    position: relative;
}

.main-home #masterBodyHome
{
    padding-top: 11px;
    padding-left: 147px;
    height: 575px;
    width: 800px;
}

.trainyourdragon #masterBodyHome, .writedragonesse #masterBodyHome, .herosguidetodeadlydragons #masterBodyHome
{
    text-align: center;
}

.registration #masterBodyHome, .userdetails #masterBodyHome
{
    height: 804px;
}

#masterBody
{
    height: 100%;
    width:100%;
    background: transparent url(../images/content-repeat-bg.jpg) repeat-y 227px 200px;
}

#pageTitle
{
    position: absolute;
    top: 90px;
    left: 85px;
    width: 500px;
    height: 26px;
}
.herosguide #pageTitle{ background: transparent url(../images/pagetitle/title_herosguide.jpg) no-repeat left top; }
.books #pageTitle{ background: transparent url(../images/pagetitle/title_the_books.jpg) no-repeat left top; }
.funstuff #pageTitle{ background: transparent url(../images/pagetitle/title_fun_stuff.jpg) no-repeat left top; }
.hiccupandfriends #pageTitle{ background: transparent url(../images/pagetitle/title_hairy_hooligan.jpg) no-repeat left top; }
.about #pageTitle{ background: transparent url(../images/pagetitle/title_about_cressida.jpg) no-repeat left top; }
.competitions #pageTitle{ background: transparent url(../images/pagetitle/title_competition.jpg) no-repeat left top; }
.gallery #pageTitle{ background: transparent url(../images/pagetitle/title_gallery.jpg) no-repeat left top; }
.downloads #pageTitle{ background: transparent url(../images/pagetitle/title_downloads.jpg) no-repeat left top; }
.ecards #pageTitle{ background: transparent url(../images/pagetitle/title_ecards.jpg) no-repeat left top; }
.videos #pageTitle{ background: transparent url(../images/pagetitle/title_videos.jpg) no-repeat left top; }
.dragoneseday #pageTitle{ background: transparent url(../images/pagetitle/title_dragoneseday.jpg) no-repeat left top; }
/*.jokes #pageTitle{ background: transparent url(../images/pagetitle/title_jokes.jpg) no-repeat left top; }*/
.jokes #pageTitle
{
    background: transparent url(../images/pagetitle/title_jokeslong.jpg) no-repeat left top;
    height:61px;
    left:47px;
    top:57px;
    width:644px;
}


.books.a-how-to-train-your-dragon #pageTitle{ background: transparent url(../images/pagetitle/title_book_train.jpg) no-repeat left top; }
.books.b-how-to-be-a-pirate #pageTitle{ background: transparent url(../images/pagetitle/title_book_pirate.jpg) no-repeat left top; }
.books.c-how-to-speak-dragonese #pageTitle{ background: transparent url(../images/pagetitle/title_book_speak.jpg) no-repeat left top; }
.books.d-how-to-cheat-a-dragons-curse #pageTitle{ background: transparent url(../images/pagetitle/title_book_cheat.jpg) no-repeat left top; }
.books.e-how-to-twist-a-dragons-tale #pageTitle{ background: transparent url(../images/pagetitle/title_book_twist.jpg) no-repeat left top; }
.books.f-a-heros-guide-to-deadly-dragons #pageTitle{ background: transparent url(../images/pagetitle/title_book_deadly.jpg) no-repeat left top; }
.books.g-how-to-ride-a-dragon-storm #pageTitle{ background: transparent url(../images/pagetitle/title_book_ride.jpg) no-repeat left top; }
.books.h-how-to-break-a-dragons-heart #pageTitle{ background: transparent url(../images/pagetitle/title_book_heart.jpg) no-repeat left top; }

.updated #pageTitle{ background: transparent url(../images/pagetitle/title_profileupdated.jpg) no-repeat left top; }
.registered #pageTitle{ background: transparent url(../images/pagetitle/title_profilecreated.jpg) no-repeat left top; }
.privacy #pageTitle{ background: transparent url(../images/pagetitle/title_privacy.jpg) no-repeat left top; }
.terms #pageTitle{ background: transparent url(../images/pagetitle/title_terms.jpg) no-repeat left top; }
.howtoinstall #pageTitle{ background: transparent url(../images/pagetitle/title_howtoinstall.jpg) no-repeat left top; }

.funstuff.writedragonesse #pageTitle, .funstuff.trainyourdragon #pageTitle, .funstuff.herosguidetodeadlydragons #pageTitle
{
    background: none;
}



#masterBodyTopBG
{
    background: transparent url(../images/content-header-bg.jpg) no-repeat 183px top;
}

#masterBodyLeft
{ 
    width:190px;
    display:block;
    *display:inline;
    float:left;
    min-height:300px;
    padding-top: 38px;
    margin-left: 7px;
}

#masterBodyRight
{
    width:792px;
    display:block;
    float:left;
    position: relative;
}

#masterBodyRightContent
{
    padding:150px 80px 20px 77px;
    
}

#masterBodyRightContent hr
{
    border: none;
    height: 4px;
    background: transparent url(../images/books/maincontent_hr.gif) no-repeat left bottom;
}

/* pagination */
ul.pagination{ text-align:right;}
ul.pagination li{ display:inline; padding:5px; }
ul.pagination li.current a{ color:#F2AB27; }
ul.pagination li a img{ vertical-align:middle; }
ul.pagination li a{ text-decoration:none; }

/* Reg form */
table.registration{ width:669px; border-collapse:collapse;}
table.registration table.regdetail{ width:375px; }
table.registration table.beastdetail{ width:209px; }

table.registration label
{
    color: #c4091f;
    font-weight: bold;
}

table.registration td
{
	text-align:left;
	padding:6px 0;
}

table.registration td input, table.registration td span
{
	display:block;	
}

table.registration td span.radiobox input
{
	display:inline;
	margin-right:5px;	
}

table.registration td input.textbox
{
    background-color:#fff;
	width:130px;
	padding:2px;
}

table.registration td span.beastname
{
	background-color:#fff;
	width:230px;
    height:15px;
    padding:5px;
    font-family:Arial, Sans-Serif;
    font-size:12px;
	overflow:hidden;
    color:#000000;
    
}

.controlContainer
{
    display:block;
    text-align:center;
}

#leftProfileBottom
{
    color: #fff;
    font-weight: bold;
}

#leftProfileBottom .btn, #leftProfileBottom .btn:active, #leftProfileBottom .btn:hover
{
    color: #000;
    font-weight: bold;
    font-size: 108%;
}

.loginPassword
{
}

.validation
{
    width: 135px;
    font-weight: bold;
    font-size: 85%;
}

#leftProfileBottom .loginPassword a, #leftProfileBottom .loginPassword a:hover, #leftProfileBottom .loginPassword a:active
{
    padding-top: 10px;
    color: #fff;
    font-weight: normal;
    font-size: 85%;
}

#loginPanel input
{
    width: 126px;
}

#loginPanel #loginBtnWrap
{
    padding-top: 0;
}

#leftProfileInnerTop p, #leftProfileNameTitle p
{
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 146.5%;
    padding-left: 18px;
    padding-right: 22px;
}

#leftProfileNameTitle
{
    *margin-top: 160px;
}

#leftProfileInnerTop img
{
    margin-left:23px;
    margin-top:12px;
}

#leftProfileWeapon
{
    height: 32px;
    padding-left:27px;
    padding-top: 15px;
}

#leftProfileWeapon img
{
    margin-right: 30px;
    margin-top:-12px;
}

#leftProfileBottom
{
    width: 140px;
    padding:10px 0 0 30px;
}

#leftProfileBottom input
{
    margin: 0 0 5px;
    width: 126px;
}


#leftProfileContainerLogin #leftProfileBottom
{
    padding: 0 0 0 30px;
}

#leftProfileTopText
{
    width: 100%;
    height: 54px;
    background: transparent url(../images/profile-yourprofile.jpg) no-repeat 60px 20px;
}

#leftProfileTopImage
{
    width: 100%;
    height: 157px;
    background: transparent url(../images/profile-flag.jpg) no-repeat 27px 0px;
}

#leftProfileContainerLogin
{
    width: 190px;
}

#leftProfileContainerLogin #leftProfileTopText
{
    background: transparent url(../images/profile-joinnow.jpg) no-repeat 63px 25px;
}

#leftProfileContainerLogin #leftProfileTopImage
{
    height: 93px;
    background: transparent url(../images/profile-traindragon.jpg) no-repeat 12px 0;
}

#leftProfileContainerPassword #leftProfileTopText
{
    background: transparent url(../images/profile-forgottenpassword.jpg) no-repeat 58px 17px;
}

#leftProfileContainerPassword #leftProfileTopImage
{
    height: 80px;
    background: transparent url(../images/profile-oops.jpg) no-repeat 18px 0;
}


/* Home page content */

body.main-home #flash
{
    left:147px;
    _left: 221px;
    *left: 147px;
    
    position:absolute;
    top:11px;
}

body.main-home #flash #no-flash
{
    width: 662px;
    height: 372px;
    background: transparent url(../images/home/flashAlt.jpg) no-repeat left top;
    position: relative;
}

body.main-home #flash #no-flash a
{  
    position: absolute;
    top: 228px;
    left: 295px;
    width: 160px;
    height: 40px;
}

.train-dragon-link a
{
    position: absolute;
    top: 445px;
    left: 69px;
    display: block;
    width: 250px;
    height: 130px;
}

.books-link a
{
    position: absolute;
    top: 445px;
    left: 352px;
    display: block;
    width: 250px;
    height: 130px;
}

.dragonese-link a
{
    position: absolute;
    top: 445px;
    left: 639px;
    display: block;
    width: 250px;
    height: 130px;
}

body.hiccupandfriends .sendToFriend, body.trainyourdragon .sendToFriend
{
    visibility:hidden;
}

body.writedragonesse .sendToFriend, body.herosguidetodeadlydragons .sendToFriend
{
    position: absolute;
    top:605px;
    left: 440px;
    text-decoration: none;
    font-weight: bold;
    width: 132px;
    height: 24px;
    display:block;
    background: transparent url(../images/profile-btn.png) no-repeat left top;
    text-align: center;
    padding-top: 5px;
}

body.herosguidetodeadlydragons .sendToFriend
{
    top: 680px;
}

/* Registration Page */

#registration-wrap
{
    position: relative;
    padding-left: 95px;
    padding-top: 270px;
}

#registration-wrap .validation
{
    width: 355px;
}

.avatarChoice
{
    height:241px;
    left:505px;
    top:370px;
    width:185px;
    position: absolute;
    display: block;
}

.weaponChoice
{
    position: absolute;
    top: 525px;
    left: 730px;
    display: block;
    width: 137px;
    height: 104px;
}

.register-btn
{
    position: absolute;
    left: 740px;
    top: 695px;
}

/* Fun Stuff Landing Page */

#funstuff-landing-wrap
{
}

.back-to-funstuff
{
    left:70px;
    position:absolute;
    top:600px;
}

.herosguidetodeadlydragons .back-to-funstuff
{
    top:680px;
}

.back-to-funstuff a
{
    display: block;
    width: 138px;
    height: 31px;
    background: transparent url(../images/buttons/btnBackToFunStuff.png) no-repeat top left;
}

body.funstuff #flash
{
    padding-top: 50px;
    padding-bottom: 68px;
    padding-left:25px;
    
}

body.funstuff #flash #no-flash
{
    width: 662px;
    height: 372px;
    background: transparent url(../images/funstuff/flashAltGame.jpg) no-repeat 271px 62px;
    position: relative;
}

body.funstuff #flash #no-flash a
{
    position: absolute;
    left:374px;
    top:256px;
    width: 160px;
    height: 40px;
}

.funstuff #illustration-btm
{
    float: right;
    width: 100%;
    height: 114px;
    background: transparent url(../images/funstuff/Fun-Stuff-illustration-btm.jpg) no-repeat right top;
}

.funstuff #illustration-btm-two
{
    margin-top: 0;
    padding-left: 100px;
    float: left;
    width: 514px;
    height: 439px;
    background: transparent url(../images/funstuff/funstuff-illus-bottom.png) no-repeat right top;
}

.funstuff-landing-link
{
    float:left;
    width:310px;
}

.funstuff-landing-link p
{
    margin:0 10px 20px;
}

.funstuff-landing-link a
{
    float: left;
    width: 310px;
    height: 168px;
    padding: 5px 5px 0 0;
}
/* herosguide Landing */
.herosguide-landing-link
{
    float:left;
    width:310px;
}

.herosguide-landing-link p
{
    margin:0 10px 20px;
}

.herosguide-landing-link a
{
    float: left;
    width: 310px;
    height: 168px;
    padding: 5px 5px 0 0;
}
.comp-illustration
{
    background: transparent url(../images/illustrations/comp-illus.jpg) no-repeat center top;
    width: 584px;
    height: 310px;
}

a.gallery-link
{
    background: transparent url(../images/lozenges/loz-comp-gallery.jpg) no-repeat center top;

}
a.readathon-link
{
    background: transparent url(../images/lozenges/loz-comp-readathon.jpg) no-repeat center top;
}

a.giraffe-link
{
    background: transparent url(../images/lozenges/loz-comp-giraffe.jpg) no-repeat center top;
}

a.collectors-link
{
    background: transparent url(../images/lozenges/loz-comp-col.png) no-repeat center top;
}
a.nintendo-link
{
    background: transparent url(../images/lozenges/loz-comp-nintendo.jpg) no-repeat center top;
}

a.dragonesegallery-link
{    background: transparent url(../images/funstuff/loz-gallerydd.jpg) no-repeat center top;
}
a.dragonesetour-link
{    background: transparent url(../images/funstuff/loz-tourdd.png) no-repeat center top;
}
a.dragonesevideo-link
{
    background: transparent url(../images/funstuff/Fun-Stuff-videos-dd.jpg) no-repeat center top;
}
a.dragonesedayfull-link
{
    background: transparent url(../images/lozenges/lozenges_fullpack.png) no-repeat center top;
}

a.dragonesedaysection-link
{
    background: transparent url(../images/lozenges/lozenges_section.png) no-repeat center top;
}
a.goodybag-link
{
    background: transparent url(../images/lozenges/loz-comp-goodybag.jpg) no-repeat center top;
    height: 177px;
}

a.download-link
{
    background: transparent url(../images/funstuff/Fun-Stuff-downloads.jpg) no-repeat center top;
}

a.traindragon-link
{
    background: transparent url(../images/funstuff/Fun-Stuff-train-dragon.jpg) no-repeat center top;
}

a.learnwrite-link
{
    background: transparent url(../images/funstuff/Fun-Stuff-learn-write.jpg) no-repeat left top;
}

a.jokes-link
{
    background: transparent url(../images/funstuff/Fun-Stuff-jokes.jpg) no-repeat center top;
}

a.ecards-link
{
    background: transparent url(../images/funstuff/Fun-Stuff-ecards.jpg) no-repeat center top; 
}

a.bookofdragons-link
{
    background: transparent url(../images/funstuff/Fun-Stuff-book-of-dragons.jpg) no-repeat center top;
}

a.videos-link
{
    background: transparent url(../images/funstuff/Fun-Stuff-videos.jpg) no-repeat center top;
}
a.dragoneseday-link
{
    background: transparent url(../images/funstuff/Fun-Stuff-dragoneseday.jpg) no-repeat center top;
}
a.hooligantribe-link
{
    background: transparent url(../images/funstuff/Fun-Stuff-hooligantribe.jpg) no-repeat center top;
}

.funstuff-landing-link a.video-movie
{
    padding: 5px 0 0 0;
    height: 180px;
    background: transparent url(../images/lozenges/loz-movie.jpg) no-repeat center top;
}

.funstuff-landing-link a.video-fest
{
    padding: 5px 0 0 0;
    height: 180px;
    background: transparent url(../images/lozenges/loz-lit-fest.jpg) no-repeat center top;
}



.funstuff.jokes #illustration-bottom
{
    background: transparent url(../images/funstuff/illus-jokes.jpg) no-repeat top left;
    width: 600px;
    height: 400px;
}

.goodybagcomp #illustration-bottom
{
    background: transparent url(../images/illustrations/goody_bag_illus.jpg) no-repeat top left;
    width: 600px;
    height: 400px;
}

/* About Cressida */

.about #top-illustration
{
    float: left;
    width: 276px;
    height: 112px;
    padding-bottom: 25px;
    background: transparent url(../images/about/About-Cressida-top-dragon.jpg) no-repeat left top;
}

.about #content-text
{
    padding-top: 10px;
}

.about #right-illustration
{
    float: right;
    width: 332px;
    height: 438px;
    background: transparent url(../images/about/About-Cressida-portrait.jpg) no-repeat left top;
    position: relative;
}

.about #cressida-download a
{
    position: absolute;
    top: 360px;
    left: 50px;
    display: block;
    width: 209px;
    height: 31px;
    background: transparent url(../images/buttons/cressida-qa.png) no-repeat left top;
}

.about #cressida-website a
{
    position: absolute;
    top: 390px;
    left: 50px;
    display: block;
    width: 209px;
    height: 31px;
    background: transparent url(../images/buttons/cressida-website.png) no-repeat left top;
}

.about .about-container
{
    height: 310px;
    clear: both;
}
/* Side Illustrations */

.funstuff.writedragonesse #bg-right-illustration, .funstuff.trainyourdragon #bg-right-illustration, .funstuff.herosguidetodeadlydragons #bg-right-illustration, .funstuff.ecardslanding #bg-right-illustration
{
    background: transparent url(../images/illustrations/illus-background.png) no-repeat center 368px;
}

.funstuff #bg-right-illustration
{
    background: transparent url(../images/illustrations/illus-funstuff.png) no-repeat center 500px;
}

.books #bg-right-illustration
{
    background: transparent url(../images/illustrations/illus-books.png) no-repeat center 884px;
}

.about #bg-right-illustration
{
    background: transparent url(../images/illustrations/illus-about.png) no-repeat center 500px;
}

.hiccupandfriends #bg-right-illustration
{
    background: transparent url(../images/illustrations/illus-about.png) no-repeat center 1300px;
}

.hiccupandfriends #bg-right-illustration-two
{
    background: transparent url(../images/illustrations/illus-funstuff.png) no-repeat center 2300px;
}

/* Books */


#book-series-content
{
    padding: 0 10px 0 20px;
}

#otherBookListContainer
{
    padding-top:30px;
}

#otherBookListContainer .otherBookListItem
{
    float: left;
    padding-bottom:20px;
    text-align:center;
    width:210px;
}

#bookListContainer .bookListItem
{
    float: left;
    width:301px;
}

#bookListContainer .bookListItem-inner .more-btn
{
    padding-left: 25px;
}

#bookListContainer .bookListItem-inner h3
{
    text-align: left;
}

.book-descr
{
    padding: 25px 0 40px;
}

.buy-now-wrap
{
    width: 288px;
    height: 190px;
    background: transparent url(../images/books/books_left_illustration.gif) no-repeat left top;
}

.buy-now-wrap a:hover
{
    
}

.jokes #masterBodyRightContent p
{
    color: #b4051f;
}

.jokes #masterBodyRightContent p.joke-size-bold
{
    font-weight: bold;
    font-size: 123.1%;
}

.jokes #masterBodyRightContent p.joke-size-bold a
{
    text-decoration: none;
}

.jokes #masterBodyRightContent p.joke-size
{
    font-size: 123.1%;
    color: #000;
}

.jokes #masterBodyRightContent hr
{
    background-position: left 50%;
}

/* Hiccup and Friends */
.hiccupandfriends #masterBodyRightContent hr
{
    padding-top: 20px;
    padding-bottom: 20px;
    background-position: left 50%;
}

#friends-outer-wrap
{
    padding-top: 50px;
}

.friends-wrap
{
    padding-top: 10px 0;
}

.friends-wrap .friends-pic
{
    text-align: center;
    width: 270px;
    padding: 0;
}

.friends-wrap .friends-text
{
    padding-right:25px;
    text-align:justify;
    width:340px;
}

.friends-wrap .friends-text h3
{
    color: #880303;
    padding-top: 0;
}

/* Downloads Page */

.downloads #masterBodyRightContent
{
    padding: 150px 70px 20px 60px;
}

.downloads-container
{
    
}

.download-item
{
    float:left;
    padding:15px 0 0;
    width:215px;
}

.download-icon-item
{
    float:left;
    padding:15px 0 0;
    width:105px;
}


/* E-Cards */

.modalBackground
{
    background: #000;
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
}

.modalPopup
{
    background: transparent url(../images/popup/popup-bg.jpg) no-repeat left top;
    width: 635px;
    height: 421px;
}

.modalPopup .modalSent
{
    padding-top: 30px;
    padding-left: 50px;
}

#popupTop
{
    width:100%;
    height:55px;
    background: transparent url(../images/popup/send-to-a-friend.jpg) no-repeat 50px 30px;
}

.ecards #popupTop
{
    width:100%;
    height:55px;
    background: transparent url(../images/popup/popup-email.jpg) no-repeat 50px 30px;
}

.ecards #message-box
{
    position: absolute;
    left: 320px;
    top: 225px;
}

.ecards #message-box textarea
{
    width: 250px;
    height: 90px;
}

#popupBottom
{
    width:100%;
    min-height:100px;
    padding-left: 50px;
    *text-align: left;
}

#popupCloseBtn
{
    float:right;
    padding: 5px 5px 0 0;
}

#popupCloseBtn a
{
    display: block;
    background: transparent url(../images/popup/popup-close.jpg) no-repeat left top;
    width: 60px;
    height: 25px
}

#popupBottom .popup-ecard
{
    padding: 20px 110px 0 0;
}

table.ECard th, table.formSendToFriend th
{
    color: #c4091f;
    font-weight: bold;
    display: block;
    padding-bottom: 5px;
}

table.ECard td, table.formSendToFriend td
{
    padding-bottom:15px;
}


table.ECard td input, table.formSendToFriend td input
{
    width: 200px;
    padding: 2px 0;
}

#popupBottom .popup-btnsubmit
{
    left:440px;
    position:absolute;
    top:350px;
}

#popupBottom .friendBgImage
{
    background: transparent url(../images/popup/friendBgImage.jpg) no-repeat left top;
    position: absolute;
    top: 160px;
    left: 315px;
    width: 290px;
    height: 184px;
}

/* Gallery Page */

.gallery-item
{
    float: left;
    width: 300px;
    height: 250px;
    margin-right: 10px;
}

.gallery-item img
{
    border: 1px solid #dadada !important;
}
/* Home Left Lozenges */
.HomeleftLozenges
{
    width: 245px;
	margin-left: -250px;
}


/* Lozenges */
.leftLozenges
{
    width: 190px;
}

#leftLozenges .lozenges-wrap a
{
    width: 190px;
    height: 113px;
    display: block;
}

#leftLozenges .loz-books a
{
    background: transparent url(../images/lozenges/lozenges_thebooks.png) no-repeat left top;
}
#leftLozenges
{
    width: 190px;
}

#leftLozenges .lozenges-wrap a
{
    width: 190px;
    height: 113px;
    display: block;
}

#leftLozenges .loz-books a
{
    background: transparent url(../images/lozenges/lozenges_thebooks.png) no-repeat left top;
}

#leftLozenges .loz-write a
{
    background: transparent url(../images/lozenges/lozenges_write.png) no-repeat left top;
}

#leftLozenges .loz-train a
{
    background: transparent url(../images/lozenges/lozenges_train.png) no-repeat left top;
}

#leftLozenges .loz-bookofdragons a
{
    background: transparent url(../images/lozenges/lozenges_bookofdragons.png) no-repeat left top;
}

#leftLozenges .loz-ecards a
{
    background: transparent url(../images/lozenges/lozenges_ecards.png) no-repeat left top;
}
#leftLozenges .loz-dragoneseday a
{
    background: transparent url(../images/lozenges/lozenges_dragonesedaysml.png) no-repeat left top;
}

/* E-Card Items */

.ecard-wrap
{
    padding-left: 40px;
}

.ecard-wrap .ecard-item
{
    width: 290px;
    float: left;
}

.ecards-illus-bottom
{
    clear: both;
    background: transparent url(../images/ecards/illus-bottom.jpg) no-repeat left top;
    width: 550px;
    height: 700px;
}

/* Decoration */

span.ink-splat
{
    background: transparent url(../images/inkSplat.gif) no-repeat left top;
    padding:0 13px;
}

/* New Footer */

.footer-container
{
    
}

.footer-container.foot-hodder
{
    float: left;
    width: 40px;
    height: 70px;
}

.footer-container.foot-hodder a
{
    display: block;
    width: 40px;
    height: 70px;
}

.footer-container.foot-text
{
    float: left;
    padding-top: 5px;
}

.footer-container.foot-text p.footer-text
{
    font-size: 77%;
    font-weight: bold;
}

.footer-container.foot-social
{
    display: inline;
    float: left;
    padding-top: 15px;
    padding-left: 30px;
}

.footer-container.foot-social ul li
{
    display: inline;
}

.footer-content
{
    width: 925px;
    margin: 0 auto;
    height: 70px;
    padding-top:130px;
    padding-left: 15px;
}

.footer-content .footer-container.foot-social ul li
{
    display: inline;
    padding: 10px 5px 10px 30px;
    font-weight: bold;
}

.footer-content .footer-container.foot-social ul li a
{
    font-size: 77%;
    color: #000000;
    text-decoration: none;
}

.footer-content .footer-container.foot-social ul li.facebook
{
    background: transparent url(../images/socialbookmarks/facebook-icon.png) no-repeat 0 3px;
}

.footer-content .footer-container.foot-social ul li.delicious
{
    background: transparent url(../images/socialbookmarks/delicious-icon.png) no-repeat 0 3px;
}

.footer-content .footer-container.foot-social ul li.digg
{
    background: transparent url(../images/socialbookmarks/digg-icon.png) no-repeat 0 3px;
}

.footer-content .footer-container.foot-social ul li.stumble
{
    background: transparent url(../images/socialbookmarks/stumble-icon.png) no-repeat 0 3px;
}

/* Footer Background Images*/

#footer-info p.footer-text
{
    font-size: 77%;
    font-weight: bold;
}

#masterFooterHome
{
    height:130px; 
    width:100%; 
    background: transparent url(../images/home-footer-bg.jpg) no-repeat center bottom;
}

.main-home #masterFooterHome .footer-content
{
    padding-top: 45px;
}

.registration #masterFooterHome .footer-content, .userdetails #masterFooterHome .footer-content
{
    padding-top: 90px;
}

#masterFooter
{
    height:214px; 
    width:100%; 
    background: transparent url(../images/footer-BG.jpg) no-repeat center bottom;
}

.trainyourdragon #masterFooterHome, .writedragonesse #masterFooterHome, .herosguidetodeadlydragons #masterFooterHome, .ecardslanding #masterFooterHome
{
    height:214px; 
    width:100%; 
    background: transparent url(../images/footer-BG-game.jpg) no-repeat center bottom;
}

.pagination
{
    text-align: center;
    font-size: 123.1%;
}

.pagination h2
{
    text-align: left;
    font-size: 123.1%;
    margin-bottom: 10px;
}

.pagination table tr td
{
    width: 20px;
}
.DDGallery {
	width: 630px;
	float: left;
	padding: 0;
	}
.DDGallery li {
	display: inline;
	list-style: none;
	width: 198px;
	min-height: 158px;
	float: left;
	margin: 0 9px 9px 0;
	text-align: center;
	background-image:   url(../images/ddgallery/ddgallerybg.png);
	padding-top: 30px;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	}
.DDvideos {
	width: 605px;
	height: 500px;
	background-image:   url(../images/ddvideo/ddvideobg.jpg);
	background-repeat: no-repeat;
    margin-left: 10px;
    margin-top: 10px;
}
body.DDvideos #flash
{
    padding-top: 26px;
    padding-bottom: 68px;
    padding-left:25px;
    
}

body.DDvideos #flash #no-flash
{
    width: 662px;
    height: 372px;
    background: transparent url(../images/funstuff/flashAltGame.jpg) no-repeat 271px 62px;
    position: relative;
}

body.DDvideos #flash #no-flash a
{
    position: absolute;
    left:374px;
    top:256px;
    width: 160px;
    height: 40px;
}

.standard-content p 
{
    margin-bottom: 1em;
}
