/* Testing background colors #d9dbf0 #d9ebf0 #d9f0e3 */

/* Default Text */
body { background-color:#fffdeb; margin: 0; padding: 0; font-style: normal; color: #000000; letter-spacing: normal; line-height: normal;}

/* Text */
.hTxtLarge {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold;  font-style:italic; color: #532f64}
.hTxtHead {  font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bold; color: #532f64}
.hTxtSub {  font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #532f64}

.hTxtBlack {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000}
.hTxtBlackSmall {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal;}

.hTxtPurple {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #532f64}
.hTxtPurpleBold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #532f64}
.hTxtPurpleHead {  font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bold; color: #532f64}
.hTxtPurpleSubHead {  font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #532f64}
.hTxtPurpleSmall {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; color: #532f64}

.hTxtBlue {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #72afb6}

.hTxtRed {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #D00000}
.hTxtRedBold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #D00000}
.hTxtRedGrid { color: #D00000}




.hTxtReg {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal;}
.hTxtRegBold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold;}
.hTxtRegSmall {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal;}

.hTxtGreen {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #532f64}
.hTxtGreenBold {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #532f64}
.hTxtGreenSmall {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #532f64}


.hTxtCartSum {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal;}
.hTxtFootLarge {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt;  font-weight: normal; color: #444;}
.hTxtFootSmall {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: normal; color: #444;}

/* Images */
img.hImgReg {float: left; margin: 2px 10px 0px 0px;}
img.hImgRt {float: right; margin: 2px 0px 0px 10px;}

/* Misc */
.hide, hr {display: none;}
input { vertical-align: middle;}

/* Links */
a:link {color: #2b1037;}
a:visited {color: #532f64;}
a:hover{text-decoration: none; color: #72afb6;}

/* Paragraphs */
p { margin: 0 0 .5em 0;}

/* Lists */
ul, ol { margin-left:1.5em; padding-left:10px; }
li { margin-bottom:1px; }

.zNavHead {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;}
.zNavTxt {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal;}
.zNavTxt p {margin: 0 0 8px 4px;}


/******************************/

/* Content container - Whole page */
#zMain {margin-left: auto; margin-right: auto; width:900px;}

/* Content container - Top */
#zTop1 {float: left; width: 900px; height: 115px; background: url('ztop1.gif') no-repeat top left;}
#zTop2 {float: left; width: 900px; height: 115px; background: url('ztop2.gif') no-repeat top left;}
#zTop3 {float: left; width: 900px; height: 115px; background: url('ztop3.gif') no-repeat top left;}
#zTop4 {float: left; width: 900px; height: 115px; background: url('ztop4.gif') no-repeat top left;}
#zTop5 {float: left; width: 900px; height: 115px; background: url('ztop5.gif') no-repeat top left;}
#zTop6 {float: left; width: 900px; height: 115px; background: url('ztop6.gif') no-repeat top left;}
#zTop7 {float: left; width: 900px; height: 115px; background: url('ztop7.gif') no-repeat top left;}
#zTop8 {float: left; width: 900px; height: 115px; background: url('ztop8.gif') no-repeat top left;}
#zTop9 {float: left; width: 900px; height: 115px; background: url('ztop9.gif') no-repeat top left;}

/* Content Top - Header 1 */
#zHead1 {float: left; width: 880px; height: 40px; padding: 15px 0px 0px 0px; text-align:right;}

/* Content Top - Header 2 */
#zHead2 {float: left; width: 882px; height: 30px; text-align:right;}

/* Content Top - Header 3 */
#zHead3 {float: left; width: 900px; height: 30px; text-align:left;}
#zTabNav a {margin:0; padding:0; text-decoration:none;}
#zTabNav a i {visibility:hidden;}
a#about {float:left; width:100px; height:30px; text-align:center;}
a#info {float:left; width:142px; height:30px; text-align:center;}
a#elem {float:left; width:111px; height:30px; text-align:center;}
a#junior {float:left; width:108px; height:30px; text-align:center;}
a#senior {float:left; width:110px; height:30px; text-align:center;}
a#book {float:left; width:111px; height:30px; text-align:center;}
a#testing {float:left; width:93px; height:30px; text-align:center;}
a#account {float:left; width:116px; height:30px; text-align:center;}

/* Content container - Middle */
#zMiddle {float: left; width: 900px; height: 100%; background: url('zback.gif') repeat-y top left;}
#zNav {float: left; width: 150px; margin: 15px 0px 0px 10px; padding: 0px;}
#zBody {float: left; width: 715px; margin: 15px 0px 10px 0px; padding: 0px;}
#zWide {float: left; width: 865px; margin: 15px 0px 10px 10px; padding: 0px; text-align:left;}
#zCrumb {clear: both; width: 100%; margin-bottom: 10px; text-align:left;}
.MinHighProp {float:right; height:450px; width:1px;}

/* Content container - Bottom */
#zBottom {float: left; width: 900px; height: 100px; background: url('zfoot.gif') no-repeat top left;}
#zFooterLeft {float: left; width: 298px; height:65px; margin: 5px 0px 0px 0px; text-align:center;}
#zFooterMiddle {float: left; width: 298px; height:65px; margin: 5px 0px 0px 0px; text-align:center;}
#zFooterRight {float: left; width: 298px; height:65px; margin: 5px 0px 0px 0px; text-align:center;}
#zCopyright {float: left; width: 894px; text-align:center;}

/******************************/

/***** Home Page *****/

/* Content - Home */
div.aHomeHead {clear: both; width: 600px; height: 50px; margin-left: 200px; margin-bottom: 5px;}
div.aHomeLeft {float: left; width: 272px; height: 425px; margin-left: 25px;  text-align: left;}
div.aHomeCenter {float: left; width: 272px; height: 425px; text-align: left;}
div.aHomeRight {float: left; width: 272px; height: 425px; text-align: left;}
div.aHomeSpacer {clear: both; width: 715px; height: 15px;}
div.aHomeLowerPic {float: left; width: 150px; height: 215px; margin-left: 25px; text-align: left;}
div.aHomeLower {float: left; width: 600px; height: 215px; margin-left: 25px; text-align: left;}
div.aHomePic {width: 220px; height: 170px;}




/***** About Tab *****/

/* Content Container Middle Body - About/aMain */
div.aMainBody {clear: both; width: 625px; margin-bottom: 15px; text-align:left;}
div.aMainSpacer {clear: both; width: 715px; height: 15px;}



/***** Senior High Tab *****/

/* Content Container Middle Body - Senior/sMain */
div.sMainBody {clear: both; width: 675px; margin-bottom: 15px; text-align:left;}
div.sMainIndent {clear: both; width: 600px; padding-left: 25px; margin-bottom: 15px; text-align:left;}
div.sMainSpacer {clear: both; width: 715px; height: 15px;}








/***** Curriculum Tab *****/

/* Content Container Middle Body - Materials/mMain */
div.mMainBody {clear: both; width: 625px; margin-bottom: 15px; text-align:left;}
div.mMainLeft {float: left; width: 325px; margin-bottom: 15px;  margin-right: 40px; text-align:left;}
div.mMainRight {float: left; width: 325px; margin-bottom: 15px; text-align:left;}

div.mMainTxtLeft {float: left; margin-bottom: 5px; text-align:left;}
div.mMainTxtRight {float: Right; margin-bottom: 5px; text-align:right;}
div.mMainTxtCenter {clear: both; width: 680px; margin-bottom: 25px; text-align:center;}
div.mMainSpacer {clear: both; width: 100%; height: 12px;}
div.mMainRule {clear: both; width: 680px; height: 1px; margin: 15px 0px 10px 0px; background-color: #72afb6;}

/* Content Container Middle Body - Materials/mItem */
div.hItemTitle {clear: both; width: 100%; margin-bottom: 10px; text-align:left;}
div.hItemSingleImg {float: left; width: 114px; height: 140px; margin-top: 2px; text-align:center;}
div.hItemSingleInfo {float: left; width: 350px; height: 140px; text-align:left;}
div.hItemPackImg {clear: both; width: 100%; margin:  0px 0px 15px 0px; text-align:left;}
div.hItemPackInfo {float: left; width: 185px; height: 120px; text-align:left;}
div.hItemCart {float: left; width: 250px;}
div.hItemCartLeft {float: left; width: 80px; margin-right: 5px; text-align: right;}
div.hItemCartMid {float: left; width: 65px; text-align: left;}
div.hItemCartRight {float: left; width: 100px; text-align: left;}
div.hItemCartSpacer {clear: both; width: 100%; height: 8px;}
div.hItemCartHrule {clear: both; width: 245px; height: 1px; background-color: #336633;}
div.hItemBody {clear: both; width: 715px; margin-bottom: 15px; text-align:left;}

/* Content Container Middle Body - Materials/mSrchGrade, mSrchSubject, Grade level searches */
div.hItemSrchHead {clear:both; width: 400px; height: 20px; text-align:left;}


/***** Testing Tab *****/

/* Content Container Middle Body - Testing/tMain */
div.tMainOrderBtn {width: 715px; padding: 30px 0px 25px 0px; text-align: left;}

/* Content Container Middle Body - Testing/tOrder */
div.tOrderHead {width: 715px; text-align: left;}
div.tOrderExplain {clear: both; width: 715px; margin: 5px 0px 5px 160px; text-align: left;}
div.tOrderLeft {float: left; width: 150px; height: 28px; padding-right: 10px; text-align: right;}
div.tOrderRight {float: left; width: 555px; height: 28px; text-align: left;}
div.tOrderSpacer {clear: both; width: 715px; height: 20px;}
div.tOrderAddBtn {clear: both; width: 415px; margin: 60px 0px 0px 0px; text-align: right;}


/***** User Account Tab *****/

/* Content Container Middle Body - Account/Main */
div.uMainCartHead {clear:both; width: 689px; height: 20px; text-align:left; border-bottom:solid; border-bottom-width:1px; border-bottom-color:#000000;}
div.uMainCartFoot {clear:both; width: 689px; height: 1px; text-align:left; border-top:solid; border-top-width:1px; border-top-color:#000000;}
div.uMainCartFootBtn {float:left; width: 690px; margin-top: 7px; text-align:right; }


div.uMainBookHead {clear:both; width: 689px; height: 20px; text-align:left;}
div.uMainBookText {float:left; width: 100%; margin-top: 5px; text-align:left; }
div.uMainBookGrid {clear:both; width: 715px; text-align: left;}
div.uMainBookTotal {float:left; width: 480px; margin-top: 7px; text-align:left; }

div.uMainTstHead {clear:both; width: 689px; height: 20px; text-align:left;}
div.uMainTstGrid {clear:both; width: 715px; text-align: left;}
div.uMainTstText {float:left; width: 320px; margin-top: 7px; text-align:left; }
div.uMainTstBtn {float:left; width: 270px; margin-top: 7px; text-align:right; }



div.uMainSpacer {clear:both; width: 100%; height: 15px;}

/* Content Container Middle Body - Account/Login */
div.uLoginSignin {float: left; width: 375px; text-align: left; border-right: solid; border-right-width: 1px; border-right-color: #000000;}
div.uLoginHead {clear: both; width: 375px; margin-bottom: 15px; text-align: left;}
div.uLoginLeft {float: left; width: 70px; height: 28px; padding-right: 10px; text-align: right;}
div.uLoginRight {float: left; width: 285px; height: 28px; text-align: left;}
div.uLoginBtnSignin {float: left; width: 360px; margin: 15px 15px 15px 0px; text-align: right;}
div.uLoginRegister {float: left; width: 319px; margin-left: 20px; text-align: left;}
div.uLoginBtnRegister {float: left; width: 319px; margin: 15px 15px 0px 0px; text-align: right;}

/* Content Containers Middle Body - Account/Register */
div.uRegisterHead {width: 715px; text-align: left;}
div.uRegisterSection {clear: both; width: 600px; height: 20px; margin-bottom: 10px; border-bottom:solid; border-bottom-width:1px; border-bottom-color:#336633; text-align:left;}
div.uRegisterExplain {clear: both; width: 545px; margin-bottom: 10px; padding-left: 170px; text-align: left;}
div.uRegisterBoxesLeft {float: left; width: 160px; height: 50px; padding-right: 10px; text-align: right;}
div.uRegisterBoxesRight {float: left; width: 545px; height: 50px; text-align: left;}
div.uRegisterLeft {float: left; width: 160px; height: 28px; padding-right: 10px; text-align: right;}
div.uRegisterRight {float: left; width: 545px; height: 28px; text-align: left;}
div.uRegisterSpacer {clear: both; width: 715px; height: 15px;}
div.uRegisterBtnCreate {width: 715px; padding: 30px 0px 25px 365px; text-align: left;}

/* Content Containers Middle Body - Account/Checkout */
div.uCheckoutHead {width: 715px; text-align: left; margin-bottom: 20px;}
div.uCheckoutSection {clear: both; width: 450px; height: 20px; margin-bottom: 10px; border-bottom:solid; border-bottom-width:1px; border-bottom-color:#532f64; text-align:left;}
div.uCheckoutExplain {clear: both; width: 545px; margin-bottom: 10px; padding-left: 170px; text-align: left;}
div.uCheckoutLeft {float: left; width: 100px; height: 25px; padding-right: 10px; text-align: right;}
div.uCheckoutRight {float: left; width: 600px; height: 25px; text-align: left;}
div.uCheckoutSpacer {clear: both; width: 715px; height: 15px;}
div.uCheckoutRule {clear: both; width: 600px; height: 1px; margin: 15px 0px 10px 0px; background-color: #72afb6;}
div.uCheckout2Text {width: 715px; text-align: left;}

div.uCheckout3Text {width: 715px; text-align: left;}

div.uCheckout4Explain {clear: both; width: 715px; padding: 5px 0px 5px 135px; text-align: left;}
div.uCheckout4Cards {clear: both; width: 300px; height: 40px; padding-left: 135px;text-align: left;}
div.uCheckout4Left {float: left; width: 125px; height: 25px; padding-right: 10px; text-align: right;}
div.uCheckout4Right {float: left; width: 580px; height: 25px; text-align: left;}
div.uCheckout4RightCcv1 {float: left; width: 55px; height: 27px; text-align: left;}
div.uCheckout4RightCcv2 {float: left; width: 90px; height: 27px; text-align: left;}
div.uCheckout4RightCcv3 {float: left; width: 400px; height: 27px; text-align: left;}
div.uCheckout4Spacer {clear: both; width: 715px; height: 30px;}
div.uCheckout4LeftCom {float: left; width: 125px; height: 50px; padding-right: 10px; text-align: right;}
div.uCheckout4RightCom {float: left; width: 580px; height: 50px; text-align: left;}
div.uCheckout5Head {width: 100%; height: 20px; margin-bottom: 3px; text-align:left;}
div.uCheckout5Addr1 {float: left; width: 350px; height: 100px; padding-right: 10px; text-align:left;}
div.uCheckout5Addr2 {float: left; width: 350px; height: 100px; text-align:left;}
div.uCheckout5Foot1 {float: left; width: 370px; height: 75px; padding-right: 10px; text-align: left;}
div.uCheckout5Foot2 {float: left; width: 90px; height: 75px; text-align: right;}
div.uCheckout5Foot3 {float: left; width: 90px; height: 75px; text-align: right;}
div.uCheckout5Notes {clear: both; width: 570px; text-align: left;}
div.uCheckoutBtnLeft {float: left; width: 500px; padding: 30px 0px 25px 0px; text-align: left;}
div.uCheckoutBtnRight {float: left; width: 100px; padding: 30px 0px 25px 0px; text-align: right;}

/* Content Containers Middle Body - Account/Order */
div.uOrderBtn {float: left; width: 480px; padding: 30px 0px 25px 0px; text-align: right;}

/* Content Containers Middle Body - Account/OrderPrint */
div.uOrderPrintBody {width: 715px; text-align: left; margin-bottom: 20px;}
div.uOrderPrintSpacer {clear: both; width: 715px; height: 30px;}