*
{
    margin: 0;
    padding: 0;
}



body
{
    background: #CDE9FF url(images/bg.gif) top left repeat-x;
    color: #333;
    font: normal 13px arial, "Trebuchet MS" ,sans-serif;
}

#hiddenOnPageContent
{
    visibility: hidden;
        padding-bottom: 5;
}

#schooltitle
{
position: absolute;
}
#logo
{
    color: #52ACD2;
    font-weight: bold;
    font: normal 110% "Lucida Sans Unicode" ,sans-serif;
}

#quicksearch
{
    margin: 0px;
    vertical-align: top;
    padding: 0px;
    float: right;
    color: #52ACD2;
    font-weight: bold;
    width: 100%;
    text-align: right;
}



#navigation
{
    text-align: center;
    font: normal 100% "Trebuchet MS" , "Lucida Sans Unicode" ,sans-serif;
    font-size: 13px;
margin :0px 5px 0px 5px;
}




#quickcart a
{
    color: #52ACD2;
    text-decoration: none;
    font: normal 13px "Trebuchet MS" , "Lucida Sans Unicode" ,sans-serif;
}

#quickcart a:hover
{
    color: #52ACD2;
    text-decoration: underline;
}

#navigation a
{
    color: #52ACD2;
    text-decoration: none;
}

#navigation a:hover
{
    color: #52ACD2;
    text-decoration: underline;
}

#navigation .greenlink
{
    color: #009966;
}

img
{
    border: 0;
    padding: 0;
    margin: 0;
}

ul
{
    margin: 0px 0px 0px 20px;
    padding: 0px;
}


.AddToCartButton, .AddToWishButton, #Quantity
{
    font-size: 1em;
}

/* input{
    border: 1px solid #CCC;
    font-size: 11px;
    padding: 3px;
	background-color: #F3FFFF;
	margin: 0px 0px 0px 3px;
}

*/

#sa
{
    color: #999999;
    border: 1px solid #CCC;
    font-size: 11px;
    padding: 3px;
    background-color: #F3FFFF;
    margin: 0px 0px 0px 3px;
}


/* button{
    background-color:#EFEFEF;
    line-height:11px;
    color: #000;
    border: 1px solid #CCC;
    font-size: 11px;
    height:20px;
    margin: 0;
    padding: 0 5px;
} */



form p
{
    padding: 2px 0;
}



#locator
{
    width: 90%;
    text-align: left;
    margin-left: 10px;
}







/* these are the other three spans. classes were used to allow multiuse on a page */



.tr, .bl, .br
{
    position: absolute;
    width: 39px;
    height: 39px; /* corner images are 40x40 */
    display: block;
    margin-bottom: -1px; /* this is for IE */
}







/* change position and image: top-right */





/* change position and image: top-right */



.tr
{
    background: transparent url(images/csc_tr2.png) no-repeat;
    top: 0;
    right: 0;
}



/* change position and image: bottom-left */



.bl
{
    background: transparent url(images/csc_bl2.png) no-repeat;
    bottom: 0;
    left: 0;
}



/* change position and image: bottom-right */



.br
{
    background: transparent url(images/csc_br2.png) no-repeat;
    right: 0;
    bottom: 0;
}



strong.bt, strong.bt strong, strong.bb, strong.bb strong
{
    display: block;
    height: 10px;
    font-size: 1px;
    background: url(/images/grey3.gif) no-repeat;
    position: relative;
}

strong.ot, strong.ot strong, strong.ob, strong.ob strong
{
    display: block;
    height: 10px;
    font-size: 1px;
    background: url(/images/grey.gif) no-repeat;
    position: relative;
}



strong.bt
{
    top: -3px;
    left: -3px;
}
strong.bt strong
{
    background-position: 100% -10px;
    left: 6px;
}
strong.bb
{
    background-position: 0 -20px;
    top: 3px;
    left: -3px;
}
strong.bb strong
{
    background-position: 100% -30px;
    left: 6px;
}

strong.ot
{
    top: -3px;
    left: -3px;
}
strong.ot strong
{
    background-position: 100% -10px;
    left: 6px;
}
strong.ob
{
    background-position: 0 -20px;
    top: 3px;
    left: -3px;
}
strong.ob strong
{
    background-position: 100% -30px;
    left: 6px;
}



div.grey_border
{
    border: #ddd 3px solid;
}



#content div.grey_border p
{
    padding: 5px;
}



#content .greycenter
{
    text-align: center;
    padding: 5px;
}



.answer
{
    display: none;
    margin: 0px 0px 0px 20px;
}

.liheader
{
    font-weight: bold;
    font-size: larger;
    font-style: italic;
}



.imgheader
{
    font-style: italic;
    color: #060;
    text-align: left;
}



.note
{
    font-style: italic;
}




.num
{
    font: normal 150% "Trebuchet MS" , "Helvetica Neue" ,sans-serif;
}



.imgbox
{
    float: left;
    margin: 0px;
    display: inline;
    text-decoration: none;
    padding: 5px;
}



.imgbox a
{
    text-decoration: none;
    border: 0px;
}



.imgbox p
{
    text-align: center;
    text-decoration: none;
    border: 0px;
}



div.spacer
{
    clear: both;
}







acronym
{
    border-bottom: none;
}



.PTAwelcome
{
    position: relative;
    float: left;
    margin: 10px;
    width: 95%;
}

.activities
{
    position: relative;
    float: left;
    margin: 20px;
    width: 35%;
}




.activities h3
{
    font: normal 150% "Trebuchet MS" , "Helvetica Neue" ,sans-serif;
}







.formlabel
{
    width: 50%;
    text-align: right;
}



.formelem
{
    width: 50%;
    text-align: left;
}



.underline
{
    text-decoration: underline;
}



div.row
{
    clear: both;
    padding-top: 10px;
}



div.row span.label
{
    float: left;
    width: 90px;
    text-align: right;
}



div.row span.formw
{
    float: right;
    width: 435px;
    text-align: left;
}



table.minicart
{
    /*	  margin-left:		3%;     */ /*	  margin-right:		30px;	*/
    padding: 3px;
    border: 0;
    border-collapse: collapse;
    font: small Arial, Helvetica, sans-serif;
    width: 100%;
}


table.minicarttable
{
    /*	  margin-left:		3%;     */ /*	  margin-right:		30px;	*/
    padding: 3px;
    border: thin solid #dddddd;
    border-collapse: collapse;
    font: small Arial, Helvetica, sans-serif;
    width: 100%;
}

table.minicarttable a,a:visited
{
   text-decoration:none;
}

#minicarttitle
{
    color: #0C8849;
    position: relative; 
    font: normal 125% "Trebuchet MS" , "Helvetica Neue" ,sans-serif;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    text-align: center;
}

#ordertable
{
    /*  margin-top:        480px;*/
    padding: 3px;
    border: thin solid #dddddd;
    border-collapse: collapse;
    font: small Arial, Helvetica, sans-serif;
    width: 100%;
}







tr.room
{
    border: thin dotted gray;
    padding: 3px;
}
.room
{
    border: thin dotted gray;
    font-weight: bold;
}
tr.cart
{
    border: thin solid #DDD;
    padding: 3px;


}
.cart
{
    border-bottom: thin dotted #DDD;
    padding: 3px;


}




.showsavings
{
    font-weight: bold;
    text-align: center;
    font-size: 125%;
}

th
{
    background-color: #cde9ff;
    text-decoration: underline;
}


th.reports
{
    background-color: #cde9ff;
text-decoration: none;
}


a.reports
{
    text-decoration: none;
}















.cellcolor
{
    background-color: #EFFAFD;
}















.center
{
    text-align: center;
}















.right
{
    text-align: right;
}















.righttext
{
    padding-right: 10px;
    text-align: right;
}















.lefttext
{
    padding-left: 40px;
    text-align: left;
}















.seemore
{
    font-style: italic;
    text-align: center;
}















.blankrow
{
    height: 50%;
    background-color: #EFFAFD;
}































input.quantity
{
    width: 30px;
    color: black;
}







.sorter
{
    background: #F0FCF7;
    padding: 10px;
    margin: 0px 10px 10px 10px;
    width: 545px;
}

.drilldown
{
    background: #F0FCF7 url(images/dropboxbg.gif) no-repeat;
    text-decoration: none;
    color: black;
    padding: 3px 3px 0px 3px;
    float: left;
    margin: 0px;
    display: inline;
    width: 125px;
    height: 18px;
    overflow: hidden;
    font-size: 10px;
}


.dropmenudiv
{
    position: absolute;
    line-height: 18px;
    z-index: 100;
}

.dropmenudiv a
{
    display: block;
    text-indent: 3px;
    border: 1px solid gray; /* border-top: 0px; */
    padding: 0px;
    text-decoration: none;
    background: white;
    text-decoration: none;
    color: black;
    float: left;
    margin: 0px;
    display: inline;
    font-weight: normal;
    width: 120px;
    height: 18px;
    font-size: 10px;
}

.dropmenudiv a:hover
{
    /*hover background color*/
    background-color: #F0FCF7;
}

.boldtext
{
    font-weight: bold;
}

#container
{
    background: #fff url(images/csc_tl2.png) no-repeat;
    height: auto;
    position: relative;
    padding: 30px 20px 10px 20px;
    margin: auto;
    width: 885px;
}

#content

{
    background: #FFFBEE url(images/csc_tl2.png) no-repeat;
    height: auto;
    position: relative;
    padding: 0px 10px 48px 10px;
    margin: 10px;
    width: 625px;
}

#cartcontent
{
    background: #FFFBEE url(images/csc_tl2.png) no-repeat;
    height: auto;
    position: relative;
    padding: 0px 10px 48px 10px;
    margin: 10px;
    width: 90%;
}


#secondarycontent
{
    background: #F0FCF7 url(images/csc_tl2.png) no-repeat;
    height: auto;
    position: absolute;
    padding: 0px 0px 20px 0px;
    margin: 10px 0px 20px 675px;
    width: 229px;
    float: right;
    font: normal 95% "Trebuchet MS" , "Helvetica Neue" ,sans-serif;
}

#secondarycontent h2
{
    color: #0C8849;
    position: relative; /*    font: normal 200% "Helvetica Neue","Lucida Sans Unicode",sans-serif; */
    font: normal 150% "Trebuchet MS" , "Helvetica Neue" ,sans-serif;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    text-align: center;
}

#secondarycontent h2 a,a:visited
{
    color: #0C8849;
    position: relative; /*    font: normal 200% "Helvetica Neue","Lucida Sans Unicode",sans-serif; */
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}

#secondarycontent h2 a:hover
{
    color: #0C8849;
    position: relative; /*    font: normal 200% "Helvetica Neue","Lucida Sans Unicode",sans-serif; */
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    text-align: center;
    text-decoration: underline;
}


#secondarycontent h3
{
    color: #FEA700;
    position: relative;
    font: normal 100% "Trebuchet MS" , "Helvetica Neue" ,sans-serif;
    font-weight: bold;
    margin: 5px 5px 5px 0px;
    padding: 5px;
}

#secondarycontent p
{
    margin: 5px;
    padding: 0px 0px 0px 5px;
}

#secondarycontent a
{
    font-weight: bold;
}

#secondarycontent ul
{
    margin: 5px 5px 10px 10px;
    padding: 10px 3px 10px 10px;
}


#main
{
    width: 580px;
    position: relative;
    padding: 0px 0px 10px 0px;
    margin: 10px 0px 10px 0px;
}

#cartmain
{
    width: 100%;
    position: relative;
    padding: 0px 0px 10px 0px;
    margin: 10px 0px 10px 0px;
}











#content h2
{
    color: #FEA700;
    position: relative;
    font: normal 200% "Helvetica Neue" , "Lucida Sans Unicode" ,sans-serif;
    margin: 5px 5px 5px 0px;
    padding: 0;
}

#pnlEmailToFriend h2
{
    color: #FEA700;
    position: relative;
    font: normal 200% "Helvetica Neue" , "Lucida Sans Unicode" ,sans-serif;
    margin: 5px 5px 5px 0px;
    padding: 0;
}



#content h3
{
    color: #2671C1;
    position: relative;
    font: normal 150% "Trebuchet MS" , "Helvetica Neue" ,sans-serif;
    font-weight: bold;
    margin: 5px 5px 5px 0px;
    padding: 0;
}



#content h4
{
    color: #0C8849;
    position: relative;
    font-weight: bold;
    margin: 5px 5px 5px 0px;
    padding: 0;
}



#content p
{
    text-align: justify;
    padding: 5px 5px 5px 0px;
}


fieldset
{
    border: 0px;
}

.faqitem
{
    padding: 0px 0px 0px 20px;
}

.faqitem a
{
    color: blue;
}

.faqitem a:hover
{
    text-decoration: underline;
    background: #ffffff;
}

.faqitem h3
{
    color: #060;
    position: relative;
    font: normal 150% "Trebuchet MS" , "Helvetica Neue" ,sans-serif;
    font-weight: bold;
    margin: 5px 5px 5px 0px;
    padding: 0;
}

a.question
{
    color: #009900;
    text-decoration: none;
}


select
{
    margin: 5px;
    width: 120px;
    font-size: 11px;
}

.pop
{
    position: absolute;
    visibility: hidden;
    width: 400px;
    height: 350px;
    left: 20px;
    top: 300px;
    background-color: #CDE9FF;
    border: 1px solid #000;
    padding: 10px;
}

.free
{
    color: #0C8849; /*    font: normal 200% "Helvetica Neue","Lucida Sans Unicode",sans-serif; */
    font: normal 150% "Trebuchet MS" , "Helvetica Neue" ,sans-serif;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    text-align: center;
}
.messages
{
    position: relative;
    float: left;
    width: 45%;
    padding: 10px;
}


.blueTitle
{
    color: #06c;
    border-bottom: 2px solid #ece9d8;
    margin: 25px 0 10px 0;
    padding-bottom: 2px;
    font-size: 12pt;
    font-weight: bold;
}

.blueTitleTop
{
    color: #06c;
    border-bottom: 2px solid #ece9d8;
    margin: 0 0 10px 0;
    padding-bottom: 2px;
    font-size: 12pt;
}

.FreeShippingThresholdPrompt
{
    margin-bottom: 5px;
    font-size: 125%;
         color: #0C8849;

}

.PaymentPageContinueCheckoutButton
{
    text-align: right;
}

#footer
{
    margin-top:5px;
    text-align: justify;
    width: 100%;
    position: absolute;
}

#footer a,a:visited
{
    text-decoration: none;
color:blue;
font-weight:normal;
margin:0px;
padding:0px;
}

#footer a:hover
{
    text-decoration: underline;
}

.footersection
{
    position: relative;
    float: left;
    margin: 15px;
    margin-top: 15px;
    margin-left:30px;
   text-align: left;
 }

.footertopic
{
color:#0000A0;
 font-weight:bold;

}


.clickme
{
border: 3px;
border-color:  #0C8849;

}

.AuthorizeNetSeal
{
    position: relative;
    float: left;
    margin: 5px;
    margin-left:30px;
   text-align: left;
 }
 
.schooltext
{
font-size: 110%;
}

.receiptheader
{
PADDING: 5px 10px; 
BACKGROUND-COLOR: green;
width:95%; 
text-align:left;
color:white;
FONT-WEIGHT:bold;
}

.receiptmessage
{
PADDING: 5px 10px; 
width:70%; 
text-align:left;
font-size:17px;

}

.email {
background-image: none;
background-color: white;

}

#schoollogo
{
    padding-top:3px;
    padding-bottom:5px;
    
}

.RegularPrice {text-decoration:line-through;}