/*************************************************************************/
/*                             HTML Defenitions                          */
/*************************************************************************/
body
{
	font-family: Arial;
	background-color: #aaa7a7;
	font-size: 14px;
	margin-top: 5px;
}
a
{
	color: #9d0b0f;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
a:visited
{
	color: #9d0b0f;
	text-decoration: none;
	font-weight: bold;
}

/*************************************************************************/
/*                         Global Colors/Settings                        */
/*************************************************************************/
.headerBGColor
{
	background-color: #9d0b0f;
}
.headerForeColor
{
	color: White;
}
.gridLists
{
	background-image: url(../images/box_title.gif);
	color: blue;
}
.gridLists a
{
	color: white;
}
.errorColor
{
	color: Red;
}

/*************************************************************************/
/*                         All Pages Defenitions                         */
/*************************************************************************/
#wrap
{
	width: 769px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/background.jpg);
}
#header
{
    height: 180px;
    width: 766px;
	background-image: url(../images/banner.jpg);
}
.bannerOverlay
{
    position: absolute; 
	z-index: 10px; 
    float: right; 
    width: 746px;
    padding-top: 10px; 
    padding-right: 20px; 
    text-align: right;
}
#menu
{
	width: 762px;
	height: 30px;
	background-image: url(../images/menubg.jpg);
}
#leftColumn
{
	float: left;
	width: 212px;
	border-right: solid 1px silver;
}
#leftEvents
{
	width: 202px;
	height: 200px;
	background-image: url(../images/eventbox.jpg);
	padding: 5px;
	color: #ffffff;
}
.eventFontSize
{
	font-size: 11px;
}
#vanRoutes
{
	margin: 10px 0px 10px 10px;
	border: solid 1px silver;
	padding: 5px;
	width: 182px;
	height: 75px;
}
#logInBox
{
	margin: 10px 0px 10px 10px;
	border: solid 1px silver;
	padding: 5px;
	padding-bottom: 10px;
	width: 182px;	
	height: 230px;
	background-image: url(../images/login_bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#goGreen
{
	width: 202px;
	text-align: center;
	padding: 5px;
}
#byTeachersforTeachers
{
	width: 202px;
	text-align: center;
	padding: 5px;
}
.loginMenu
{
	padding-top: 5px;
	text-align: right;
	font-size: 14px;
}
#rightColumn
{
	float: left;
	width: 549px;
}
#rightWrap
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}
#index
{
	height: 204px;
	border-bottom: solid 1px silver;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}
#indexWishlist
{
	width: 275px;
	height: 27px;
	border-right: solid 1px silver;
	text-align: center;
	padding-top: 8px;
}
#indexParentPackages
{
	width: 273px;
	height: 27px;
	text-align: center;
	padding-top: 8px;
}
#pageBottom
{
	background-image: url(../images/footer.jpg);
	height: 17px;
}
#footer
{
	text-align: center;
	width: 760;
	color: #ffffff;
	background-color: #aaa7a7;
	font-size: 12px;
	padding-top: 5px;
}

/*************************************************************************/
/*                                My Profile                             */
/*************************************************************************/
.profileMessage
{
	/*background-image: url(../images/profile_message.gif);*/
	background-color: #b1171b;
	font-weight: bold;
	font-size: 13px;
	padding: 10px;
	margin-top: 10px;
}

/*************************************************************************/
/*                         Login Page Defenitions                        */
/*************************************************************************/
.loginBox
{
	float: left;
	margin-right: 6px;
	border: solid 1px #cecece;
	width: 250px;
}
.loginBoxTitle
{
	background-image: url(../images/box_title.gif);
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	padding: 3px;
}
.createMemberBox
{
	float: left;
	margin-left: 6px;
	border: solid 1px #cecece;
	width: 260px;
}
.profileBox
{
	float: left;
	margin-left: 6px;
	border: solid 1px #cecece;
	width: 250px;
}
.changePasswordBox
{
	float: left;
	margin-left: 6px;
	border: solid 1px #cecece;
	width: 260px;
}
.loginBoxContents
{
	padding: 10px;
}
.lblMessage
{
	color: Maroon;
	font-weight: bold;
	text-decoration: blink;
}
/*************************************************************************/
/*                               Classes                                 */
/*************************************************************************/
.title
{
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
}
.titleUnderline
{
	border-bottom: solid 1px black;
}
.titleOverline
{
	margin-top: 5px;
	border-top: solid 1px black;
}
.button
{
	background-image: url(../images/box_title.gif);
	cursor: pointer;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	border-color: #9d0b0f;
}
.whiteForeColor
{
	color: White;
	text-decoration: underline;
}
.requestTeacherRole
{
    color: White;
    text-decoration: underline blink;  
    font-size: 15px;
    font-weight: bold;
}
.titleBG
{
	height: 40px;
	background-image: url(../images/titleBG.jpg);
	border-bottom: solid 1px silver;
}
.indexSupplyColumns
{
	float: left; 
	width: 90px; 
	height: 280px; 
	border-right: solid 1px silver;
}
.indexSupplyColumnHeaders
{
	height: 30px; 
	border-bottom: solid 1px silver; 
	text-align: center; 
	font-weight: bold;
}
.indexSupplyColumns ul
{
	padding-left: 11px;
	margin-left: 11px;
}
/*************************************************************************/
/*                            Shopping Cart                              */
/*************************************************************************/
.searchArea
{
	padding: 10px 10px 0px 10px; 
	color: #7d5426; 
	font-weight: bold; 
	font-size: 11px;
}
.search
{
	color: #9d0b0f; 
	font-weight: bold; 
	text-transform: uppercase; 
	padding-bottom: 5px; 
	font-size: 12px;
}
.line
{
	border-bottom: dotted 1px gray; 
	padding-top: 10px;
}
.leftHeading
{
	padding: 10px 10px 0px 10px; 
	color: #9d0b0f; 
	font-weight: bold; 
	text-transform: uppercase;
}
/*////Category Screen//////*/

.categoryTD
{
	vertical-align: bottom;
	text-align: center;
	border: solid 1px #cecece;
	background-color: #f7f4ed;
}
.categoryTD a img
{
	border-left: solid 2px #cecece;
	border-top: solid 2px #cecece;
	border-right: solid 2px #7b7a76;
	border-bottom: solid 2px #7b7a76;
	padding: 5px;
	background-color: White;
}
.categoryTD a
{
	text-decoration: none;
	color: #9d0b0f;
}
/*////BreadCrumbs////*/

.breadCrumbs
{
	font-size: 12px;
	font-weight: bold;
	border: solid 1px #e0dedc;
	padding: 5px;
	background-color: #f9fbe8;
	margin-bottom: 5px;
	color: #434343;
}
.breadCrumbs a
{
	color: #b22b31;
}

/*/////Products Screen//////*/
.productsListingTable
{
	border: solid 1px #b2b2b2;
}
.productTitle
{
	font-size: 13px;
}
.productTitle a
{
	color: #9d0b0f;
	text-decoration: none;
}
.productTitle a:hover
{
	text-decoration: underline;
}
.imageTD
{
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	width: 150px;
	text-align: center;
	border-bottom: solid 1px #b2b2b2;
	background-color: #f7f4ed;
	border-right: solid 1px #b2b2b2;
}
.imageTD img
{
	border-left: solid 2px #cecece;
	border-top: solid 2px #cecece;
	border-right: solid 2px #7b7a76;
	border-bottom: solid 2px #7b7a76;
	padding: 5px;
	background-color: White;
}
.productTD
{
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	width: 250px;
	padding-left: 10px;
	padding-right: 10px;
	border-right: solid 1px #b2b2b2;
	border-bottom: solid 1px #b2b2b2;
}
.productTeaser
{
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 10px;
	color: #444444;
}
.readMore
{
	padding-top: 5px;
}
.readMore a
{
	color: #9d0b0f;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
.readMore a:hover
{
	text-decoration: underline;
}
.priceTD
{
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	color: #444444;
	font-weight: bold;
	font-size: 12px;
	text-align:right;
	width: 130px;
	padding-right: 10px;
	border-right: solid 1px #b2b2b2;
	border-bottom: solid 1px #b2b2b2;
	background-color: #f7f4ed;
}
.oldPrice
{
	text-decoration: line-through;
}
.salePrice
{
	color: red;
}
.addCartTD
{
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	width: 116px;
	text-align: right;
	padding-right: 10px;
	border-bottom: solid 1px #b2b2b2;
}
.CartButton
{
	background-color: #7d5426;
	color:White;
	font-size: 12px;
	font-weight: bolder;
	padding: 3px;
	width: 130px;
	cursor: pointer;
}

/*/////ProductDetail Screen/////*/

.productDetailTD
{
	vertical-align: top;
	width: 445px;
}
.productDetailTitle
{
	color: #9d0b0f;
	font-size: 15px;
	padding-bottom: 15px;
	padding-right: 10px;
}
.productDetailImagesTD
{
	vertical-align: top;
	width: 230px;
	padding-left: 10px;
	text-align: center;
	color: #444444;
	font-size: 13px;
}
.productDetailImagesTD img
{
	border: 0px;
	padding-bottom: 5px;
	
}
.shopCartBox
{
	width: 160px;
	text-align: center;
	border: outset 2px #e0dedc;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}
.ddlColor
{
	margin-bottom: 7px;
}
.ddlSize
{
	margin-bottom: 7px; 
	margin-top: 7px;
}
.availability
{
	margin-bottom: 5px;
}
.lblMessageBox
{
	width: inherit;
	background-color: #9d0b0f;
	color: White;
	padding: 5px;
	margin-bottom: 10px;
}
/*/////Shopping Cart Screen//////*/
.deleteBtn
{
	padding-left: 5px;
}
.lblErrorMessageBox
{
	width: 390px;
	background-color: #9d0b0f;
	color: White;
	padding: 5px;
	margin-bottom: 10px;
}
.SCProductHeader
{
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px; 
	color: #9d0b0f;
}
.SCTable
{
	clear: both; 
	width: 100%; 
	font-weight: normal;
}
.lineTD
{
	border-bottom: solid 1px #646464; 
	padding-bottom: 5px; 
	line-height: 0px; 
	font-size: 0px; 
}
.SCproductTD
{
	width: 205px; 
	font-weight: bold;
}
.scTD
{
	width: 80px;
	font-weight:bold;
}

.updateButton
{
	margin-top: 10px;
	text-align: right;
}
.totals
{
	margin-top: 15px;
	text-align: right
}
.amounts
{
	font-weight: normal;
	color: #444444;
	/*width: 200px;*/
	padding-left: 20px;
}
.grandtotals
{
	color:#9d0b0f; 
	font-size: 14px; 
	padding-top: 5px;
}
.underline
{
	border-bottom: solid 1px #646464;
}
.totalsTable
{
	float: right;
	margin-bottom: 15px;
}
.checkoutButton
{
	float: left;
	width: 90px;
	margin-left: 9px;
	border: outset 2px #e0dedc;
	text-align: center;
	padding:3px;
	background-color: #7d5426;
	color: White;
	cursor:pointer;
}
.checkoutButton a
{
	color: White;
}
.checkoutButton a:hover
{
	color: White;
}
.contShopping
{
	float:left;
	width: 120px;
	margin-left: 290px;
	border: outset 2px #e0dedc;
	text-align: center;
	padding:3px;
	background-color: Buttonface;
	display:inline;
}
.contShopping a
{
	color: black;
}
.contShopping a:hover
{
	color: Black;
}
.shopCartBar
{
	width: 90px;
	height: 30px;
	vertical-align:middle;
	font-weight: bold;
}
.shopCartBar a
{
	color: black;
	font-size: 12px;
}
.shopCartCounter
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
}
.shopCartTable
{
	border: solid 1px #e0dfe3;
	margin-bottom: 5px;
	float:right;
}
.shopCartImgTD
{
	width: 40px; 
	text-align:right;
}
.emptyCart
{
	width: 200px;
	border: outset 1px #e0dfe3;	
	padding: 8px;
	margin-left: 200px;
}
/*/////Checkout Screen/////*/
.couponBox
{
	clear: both; 
	border: solid 1px #9d0b0f; 
	padding: 5px; 
	margin-bottom: 20px; 
	background-color: #f9fbe8;
}
.code
{
	font-weight: bold; 
	color: #9d0b0f;
}
.sameInfoBTN
{
	width: 200px;
	border: outset 2px #e0dedc;
	text-align: center;
	padding:0px 3px 0px 3px;
	background-color: Buttonface;
	cursor: pointer;
}
.editSCLink
{
	float:right;
	width: 120px;
	border: outset 2px #e0dedc;
	text-align: center;
	padding:3px;
	background-color: Buttonface;
	display:inline;
}
.editSCLink a
{
	color: black;
}
.editSCLink a:hover
{
	color: black;
}
.scCheckOutProductHeader
{
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px; 
	color: #7d5426;
}
.scCheckOutTables
{
	clear: both; 
	width: 100%; 
	font-weight: normal;
	border: solid 2px #646464; 
	padding-left: 5px;
}
.scCheckOutTableInstructions
{
	font-weight: bold; 
	height: 35px;
	padding-top: 5px;
}
.scCheckOutButtonArea
{
	margin-left: 360px;
	padding-bottom: 20px;
}
.scLblMessageArea
{ 
	clear:both; 
}
.scLblMessageBox
{
	width: 350px;
	background-color: #9d0b0f;
	color: White;
	padding: 5px;
	margin-bottom: 10px; 
	margin-top: 15px;
}
.crossOut
{
	text-decoration: line-through;
}
/*""""""""""""""""""""""""""""""""""""*/
/*"""""""""""""" STORE """""""""""""""*/
/*""""""""""""""""""""""""""""""""""""*/
.moreOptionsTable
{
	margin-top: 10px;  
	border: solid 1px gray;
	width: 100%;
}
.moreOptionsTable a
{
	color: white;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bolder;
}
.moreOptionsTable a:hover
{
	text-decoration: none;
}
.dropDownOptionBox
{
	width: 506px; 
	background-color: #f9fbe8; 
	border: solid 1px #646464; 
	padding: 10px;
}
.dropDownOptionLeftColumn
{
	float: left; 
	width: 267px; 
	border-right: solid 1px black; 
	padding-right: 5px;
}
.dropDownOptionRightColumn
{
	float: left; 
	padding-left: 10px;
}
.drownDownOptionHeaders
{
	font-size: 14px; 
	font-weight: bolder; 
	padding-bottom: 7px; 
	color: maroon;
}
.dropDownOptionDirections
{
	font-weight:normal; 
	font-style: italic
}
.crossOut
{
	text-decoration: line-through;
}
#buttons
{
	text-align: center;
	padding-bottom: 10px;
}
.headerTitle
{
	background-color: #e5dcd3; 
	border: solid 1px #cecece; 
	color: #7d5426;
    padding: 5px; 
    font-weight: bold; 
    font-size: 14px;
    margin-bottom: 10px;
}
.fieldTD
{
	font-weight: bold;
}
.litTD
{
	padding-right: 55px;
	padding-left: 10px;
}
/*/////Common Class//////*/
.qtyInStock
{
	padding-top: 5px;
}

/*************************************************************************/
/*                    Calendar specific formatting                       */
/*************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    border: 1px solid silver;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid silver;
    border-collapse: collapse;
}
.dayNumber
{
    float: right;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    clear: none;
    padding: 2px;
}
.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth
{
    background-color: #dbdbdb;
}
.calcurrentday
{
    background-color: #f3f2f0;
}
.calweekend
{
    /*background-color: blue;*/
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 2px solid silver;
    height: 80px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position: relative;
    border-collapse: separate;
    border-spacing: 5px;
     
}

/*************************************************************************/
/*                            Quick Menu                                 */
/*************************************************************************/
.qmclear
{
	font-size: 1px;
	height: 0px;
	width: 0px;
	clear: left;
	line-height: 0px;
	display: block;
}
.qmmc
{
	position: relative;
}
.qmmc a
{
	float: left;
	display: block;
	white-space: nowrap;
}
.qmmc div a
{
	float: none;
}
.qmmc div
{
	visibility: hidden;
	position: absolute;
}

/*"""""""" (MAIN) Container """"""""*/
#qm0
{
	background-color: Transparent;
	padding-left: 10px;
	padding-bottom: 3px;
}

/*"""""""" (MAIN) Items """"""""*/
#qm0 a
{
	color: #ffffff;
	background-color: transparent;
	font-size: 14px;
	text-decoration: none;
	text-align: left;
	padding: 0px 6px 0px 6px;
	margin-top: 6px;
	border-right-style: solid;
	border-right-width: 1px;
}


/*"""""""" (MAIN) Hover State """"""""*/
#qm0 a:hover
{
	background-color: transparent;
	color: #fffd00;
	border-right-color: #ffffff;
}

/*"""""""" (MAIN) Active State """"""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
	background-color: Transparent;
	color: #9d0b0f;
	text-decoration: none;
}

/*"""""""" (MAIN) Parent Items """"""""*/
#qm0 .qmparent
{
	background-repeat: no-repeat;
	background-position: 92%;
}

/*"""""""" [SUB] Containers """"""""*/
#qm0 div
{
	background-color: #ffffff;
	padding: 2px 15px 2px 5px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #9d0b0f;
	margin-top: 3px;
}


/*"""""""" [SUB] Items """"""""*/
#qm0 div a
{
	font-size: 12px;
	color: #9d0b0f;
	border-width: 1px;
	border-right: 0px;
	padding: 3px 3px 3px 3px;
	text-align: left;
}

/*"""""""" [SUB] Hover State """"""""*/
#qm0 div a:hover
{
	color: red;
	background-color: #ffffff;
	text-decoration: underline;
}

/*""""""""[SUB] Active State """"""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
	text-decoration: underline;
	background-image: url(images/s3_arrow.gif);
}

/*"""""""" [SUB] Parent Items """"""""*/
#qm0 div .qmparent
{
	background-image: url(images/s3_arrow.gif);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*									    	Sub Menu										  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*"""""""" (MAIN) Container """"""""*/
#qm1
{
	background-color: Transparent;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
}

/*"""""""" (MAIN) Items """"""""*/
#qm1 a
{
	color: #9d0b0f;
	background-color: transparent;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	padding-right: 50px;
	margin-top: 6px;
	border-bottom: solid 1px red;
}


/*"""""""" (MAIN) Hover State """"""""*/
#qm1 a:hover
{
	background-color: transparent;
	color: red;
}

/*"""""""" (MAIN) Active State """"""""*/
body #qm1 .qmactive, body #qm0 .qmactive:hover
{
	background-color: Transparent;
	color: #9d0b0f;
	color: Red;
	text-decoration: none;
}

/*"""""""" (MAIN) Parent Items """"""""*/
#qm1 .qmparent
{
	background-repeat: no-repeat;
	background-position: 92%;
}

/*"""""""" [SUB] Containers """"""""*/
#qm1 div
{
	background-color: #ffffff;
	padding: 2px 15px 10px 5px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #9d0b0f;
	margin-top: 0px;
}


/*"""""""" [SUB] Items """"""""*/
#qm1 div a
{
	font-size: 12px;
	color: #9d0b0f;
	border-width: 1px;
	border-right: 0px;
	padding: 1px 3px 1px 3px;
	text-align: left;
}

/*"""""""" [SUB] Hover State """"""""*/
#qm1 div a:hover
{
	color: red;
	background-color: #ffffff;
	text-decoration: none;
}

/*""""""""[SUB] Active State """"""""*/
body #qm1 div .qmactive, body #qm0 div .qmactive:hover
{
	text-decoration: underline;
	background-image: url(images/s3_arrow.gif);
}

/*"""""""" [SUB] Parent Items """"""""*/
#qm1 div .qmparent
{
	background-image: url(images/s3_arrow.gif);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                                            SEO                                             */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.SEOHeader
{
	font-weight: bold; 
	font-size: 14px; 
	text-align: center; 
	color:#9d0b0f;
    height: 40px; 
    text-decoration: underline; 
    background-color:#f8f6f3;	 
    border-bottom: solid 1px #9d0b0f;
}
.SEOTable
{
	border: solid 2px #9d0b0f;
}
.SEOTitle
{
	width: 100px; 
	padding-left:10px;
}
.SEOInfo
{
	vertical-align: top; 
	padding-left:10px;
}
.SEOSubmit
{
	text-align: right; 
	padding-right: 10px; 
	height: 30px;
}
.SEOLabel
{
	text-align: center;
	color:Maroon;
	vertical-align: top;
}