a
{
    color: #666666;
    font-weight: normal;
    font-size: 100%;
    text-decoration: none;
}

a:hover
{
    color: #74D0FD;
}

p
{
    text-align: left;
}

.error
{
    color: Red;
    font-size: 95%;
}

.topper
{
    background-color:#36434D;
    height:10px;
    width:100%;
}

.wrapper
{
    text-align:center;
    width:740px;
    margin: 0pt auto;
}

/* Top of the Page - logo, navigation, ... */

.pageTop
{
    width: 740px;
    text-align: left;
    margin-bottom: 5px;
}

.pageTop .logo
{
    width: 165px;
    background-image: url('/Graphics/sep_lightGray.gif');
    background-position:  50% bottom;
    background-repeat: no-repeat;
    padding: 5px 0 5px 0;
    float: left;
}

.pageTop .topNavContainer
{
    border-bottom:1px solid #0099FF;
    border-top:1px solid #0099FF;
    width: 550px;
    float: right;
    margin: 10px 0 10px 0;
    text-align: right;
    padding: 3px 0 3px 0;
}

ul.topNavUL
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.topNavUL li
{
    background: url('/Graphics/nav_smallBlueArrow.gif') no-repeat 0 7px;
    padding-left:10px;
    display: inline;
    margin-right:25px;
}

ul.topNavUL li.last
{
    background: url('/Graphics/nav_smallBlueArrow.gif') no-repeat 0 7px;
    padding-left:10px;
    display: inline;
    margin-right: 0;
}

a.topNav
{
    color:#36434D;
    font-size:70%;
}

a.topNav:hover
{
    color: #74D0FD;
}

.middle
{
    width: 740px;
    text-align: left;
}

/* Left Nav content */

.leftNav
{
    width: 165px;
    float: left;
}

.leftNav .bookTitles
{
    background-image: url('/Graphics/sep_lightGray.gif');
    background-position: 50% bottom;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 165px;
}

.leftNav .bookTitles a
{
    color: #36434D;
    font-weight: normal;
    font-size: 75%;
    text-decoration: none;
    padding-left: 5px;
    line-height: 20px;
}

.leftNav .bookTitles a:hover
{
    color: #74D0FD;
}

.leftNav .bookTitles a.selectedTitle
{
    color: #74D0FD;
    font-weight: normal;
    font-size: 75%;
    text-decoration: none;
    padding-left: 5px;
    line-height: 20px;
}


.leftNav .leftNavHeading
{
    background-image: url('/Graphics/bkg_grayTitle.gif');
    background-position: 50% top;
    background-repeat: no-repeat;
    width: 165px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    height: 20px;
    padding: 4px 0 0 0;
    text-indent: 20px;
    text-align: left;
}

ul.BookList
{
    list-style-type:none;
    margin:0pt;
    padding:0pt;
}

.leftNav .newsletter
{
    background-image: url('/Graphics/sep_lightGray.gif');
    background-position: 50% bottom;
    background-repeat: no-repeat;
    width: 165px;
    color: #666666;
    font-weight: normal;
    font-size: 75%;
    text-decoration: none;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.leftNav input.button
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-image: url('/Graphics/nav_smallBlueArrowDbl.gif');
    background-position: left;
    background-repeat: no-repeat;
    color: #666666;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 100%;
    background-color: Transparent;
    display: block;
    text-indent: 7px;
    cursor: pointer;
}

.leftNav .newsletter input.emailBox
{
    color: #74D0FD;
    font-weight: normal;
    border: solid 1px #74D0FD;
    font-size: 75%;
    margin-top: 7px;
}

/* Main Content */
.mainContent
{
    width: 550px;
    float: right;
    background-color: #D1EBF9;
    margin-left: 25px;
}

.mainTop
{
    width: 550px;
    float: right;
    margin: 0;
    padding: 0;
    background: url(../Graphics/bkg_contentTop.jpg) no-repeat top left;
}

.mainBottom
{
    width: 550px;
    padding-bottom: 20px;
    float: right;
    background: url(../Graphics/bkg_contentBtm.jpg) no-repeat bottom left;
}

.bookCover
{
    width: 190px;
    float: left;
    text-align: center;
    padding: 25px 0 0 5px;
    height: 400px;
}

.mainText
{
    width: 340px;
    float: right;
    color: #666666;
    font-weight: normal;
    font-size: 75%;
    text-decoration: none;
    padding: 30px 5px 0 5px;
}

.mainTextFull
{
    width: 530px;
    float: right;
    color: #666666;
    font-weight: normal;
    font-size: 75%;
    text-decoration: none;
    padding: 20px 20px 0 10px;
}

p.isbn
{
    color:#666666;
    font-size:90%;
    font-weight:bold;
    width:300px;
}

.mainTextFull p
{
    text-align: left;
    padding: 0 10px;
}

.mainTextFull h1.pageTitle
{
    color: #0099FF;
    font-size: 120%;
    font-weight: bold;
    padding: 0 10px;
    margin: 0 0 5px 0;
}

.quote
{
    font-size: 90%;
    font-style: italic;
    color: #0090DD;
    font-weight: bold;
}

.quotePerson
{
    font-size: 80%;
    font-style: normal;
    color: #36434D;
    font-weight: bold;
}

.btnBuy{
    background: url(../Graphics/btn_buy.gif) no-repeat;
    color: #FFFFFF;
    font-size: 95%;
    font-weight: bold;
    float: right;
    height: 29px;
    padding: 3px 0px 0px 4px;
    width: 48px;
    margin-right: 30px;
    cursor: pointer;
}

h1.pocketIssue {
    color: #0099FF;
    font-size: 100%;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

h1.pageTitle{
    color: #0099FF;
    font-size: 120%;
    font-weight: bold;
    padding: 0;
    margin: 0 0 5px 0;
}

/* For the Homepage */
.content2
{
    width: 550px;
    color: #666666;
    font-size: 100%;
    font-weight: normal;
    background-color: #FFFFFF;
}

.content2 .hometop
{
    font-size: 95%;
    margin: 0 15px 10px 15px;
}

.content2 h2
{
    padding: 0;
    margin: 10px 0 5px 0;
    font-size: 120%;
    font-weight: bold;
    display: block;
}

.contentPanels
{
    width: 555px;
    background-color: #FFFFFF;
}

.leftCol
{
    width: 275px;
    float: left;
    font-size: 100%;
}

.rightCol
{
    width: 275px;
    float: right;
    font-size: 100%;
}

.leftCol .panel, .rightCol .panel
{
    border: solid 1px #0099CC;
    width: 268px;
    font-size: 95%;
    margin-bottom: 10px;
}

.rightCol .panel
{
    background-color: #D1EBF8;
}

.panel p
{
    padding: 5px 10px 10px 10px;
    font-size: 80%;
    font-family: Verdana;
}

.lPanelImage
{
    float: right;
    width: 65px;
    height: 65px;
    position: relative;
    display: inline;
    margin: 5px 3px 5px 3px;
}

.lPanelImage .specialOffer
{
    background: url(../Graphics/SpecialOfferStar.jpg) no-repeat;
    font-size: 10px;
    font-weight: bold;
    height: 65px;
    width: 65px;
    color: #FFFFFF;
    text-align: center;
    padding: 15px 0 0 0;
}

.rPanelText
{
    padding: 5px 10px 10px 0;
    font-size: 100%;
    float: left;
    width: 150px;
    position: relative;
	top: -5px;
    display: inline;
    background-color: #FFFFFF;
}

.rPanelImage
{
    float: right;
    width: 98px;
    position: relative;
    display: inline;
    text-align: center;
    padding: 0;
	margin: 0;
}

.leftCol h2, .rightCol h2
{
    background-image: url(../Graphics/home_title_bkg.jpg);
    background-repeat: repeat-x;
    padding: 5px 10px 0 10px;
    margin: 0;
    height: 32px;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 110%;
    text-align: center;
    
}

.rPanelTextTitle
{
    color: #0099CC;
    display: inline;
}

.quote2
{
    width: 510px;
    background-color: #D1EBF8;
    padding: 20px;
    margin-top: 10px;
    text-align: center;
    font-size: 75%;
    color: #0099CC;
    font-weight: bold;
}

.quotePerson2
{
    color: #3C3C3C;
    font-size: 80%;
    margin-right: 50px;
    float: right;
    font-weight: normal;
    text-align: right;
}

.audioPlayer
{
    margin: 20px 0 0 110px;
}

.audioPlayer li, ul
{
    padding: 0;
    margin: 0;
}

.audioPlayer ul
{
    margin-top: 10px;
}

/* Footer */

.footer
{
    margin-top: 10px;
    display: block;
    width: 740px;
    font-size: 100%;
    height: 55px;
    text-align: left;
    background: url(../Graphics/logo_smallBriefs.png) no-repeat left bottom;
    padding-left: 175px;
}

.footer .copyright
{
    color: #3C3C3C;
    font-size: 8pt;
    padding-top: 40px;
    padding-left: 10px;
}

.footer .copyright a
{
    color: #36434D;
    text-decoration: none;
}

.footer .copyright a:hover
{
    color: #74D0FD;
}

/* Buy Page */
.buy
{
    width: 300px;
    background-color: #F6FBFD;
    padding: 0px;
    margin: 0px;
    font-size: 100%;
    color: #666666;
    text-align: left;
}

table.data
{
    background-color: #FFFFFF;
    border: 1px solid #008FFF;
    display: block;
    font-size: 95%;
    width: 300px;
}

input.buyQuantity
{
    width: 20px;
    border: 1px solid #E4E4E4; 
}

input.buyBookBtn
{
    background-color: #FFFFFF;
    border: 1px solid #008FFF;
    font-size: 100%;
    color: #008FFF;
    padding: 2px;
    float: right;
    margin: 5px 40px 10px 0;
    display: block;
    font-weight: bolder;
    cursor: pointer;
}

.total
{
    margin-top: 3px;
    margin-bottom: 10px;
    border-top: solid 1px #008FFF;
    font-size: 110%;
    font-weight: bolder; 
}

.data th
{
    color: #CCCCCC;
    font-weight: bolder;
    padding: 5px 0px 5px 5px;
}

.data td
{
    padding: 1px 0px 3px 5px;
}

.data td.col1
{
    width: 50px;
    text-align: center;
}

.data td.col2
{
    width: 150px;
    text-align: left;
    padding-top: 2px;
}

.data td.col3
{
    width: 100px;
    text-align: center;
}

.data td.totalCol1
{
    border-top: solid 1px #008FFF;
    font-size: 110%;
    font-weight: bolder;
    padding: 5px 0px 3px 5px;
    margin-top: 3px;
    width: 50px;
}

.data td.totalCol2
{
    border-top: solid 1px #008FFF;
    font-size: 110%;
    font-weight: bolder;
    padding: 5px 0px 3px 5px;
    margin-top: 3px;
    text-align: center;
}

.data td.totalCol3
{
    margin-top: 3px;
    margin-bottom: 10px;
    border-top: solid 1px #008FFF;
    font-size: 110%;
    font-weight: bolder; 
    width: 100px;
    text-align: center;
}

.data td.subTotalCol1
{
    border-top: solid 1px #008FFF;
    font-size: 100%;
    font-weight: bold;
    padding: 5px 0px 3px 5px;
    margin-top: 3px;
    width: 50px;
}

.data td.subTotalCol2
{
    border-top: solid 1px #008FFF;
    font-size: 100%;
    font-weight: bold;
    padding: 5px 0px 3px 5px;
    margin-top: 3px;
    width: 150px;
    text-align: center;
}

.data td.subTotalCol3
{
    border-top: solid 1px #008FFF;
    margin-top: 3px;
    margin-bottom: 10px;
    font-size: 100%;
    font-weight: bold; 
    width: 100px;
    text-align: center;
}

.data select
{
    width: 100px;
    height: 20px;
}

.data option
{
    font-size: 80%;
    color: #666666;
}