body
{
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0px;
	
	padding: 0;
	
	color: #595959;
	background-color: #E6E6E6;

	font-family: Verdana, Sans-Serif;
	font-size: 0.7em;
}

/* IE has a problem where the background colour changes if we scroll so we have styled the form and body tags seperately. */
form
{
	padding-bottom: 20px;

	color: #595959;
	background-color: #E6E6E6;
}

.header
{
	height: 91px;
	
	color: Black;
	background-color: #FEE626;
}

.RecommendedSubjectName
{
	width:45%;
	padding:2px;
	text-align: left;
	vertical-align: top;
}

.RecommendedSubjectNote
{
	width: 95%;
	padding: 2px;
	text-align: left;
	vertical-align: top;
	color: #000099;
}

.RecommendedSubjectNoteOrder
{
	color: #000099;
}

.RecommendedSubjectQty
{
	width: 10%;
	padding:4px;
	text-align: right;
	vertical-align: top;
}

.RecommendedSubjectTitle
{
	background-color: #DADADA;
	color: #595959;
	font-weight:bold;
}

.BorderTopBottom
{
	border-top:solid 1px red;
	border-bottom:solid 1px red;	
}

/*pager*/
.pager
{
	color: red;
}

.navigation
{
	position: relative;
	
	margin: 0;
	padding: .2em 0 .4em 0;

	text-align: center;

	color: Black;
	background-color: #FEE626;
}

.navigation li
{
	display: inline;

	margin: 0 .1em 0 .1em;
	padding: .4em .4em .4em .4em;
	
	list-style: none;

	color: White;
	background-color: Black;
}

.navigation li.on
{
	color: White;
	background-color: #ED2024;
}

.navigation li a
{
	font-weight: bold;
	text-decoration: underline;

	color: White;
	background-color: Black;
}

.navigation li.on a
{
	font-weight: bold;
	text-decoration: underline;

	color: White;
	background-color: #ED2024;
}

.frame
{
	margin-left: 120px;
	margin-right: 126px;
	
	color: Black;
	background-color: White;
}

.leftSideBar
{
	float: left;
	width: 166px;
	
	padding-top: 5px;
	
	color: Black;
	background-color: White;
}

.rightSideBar
{
	float: right;
	width: 166px;
	
	padding-top: 5px;
	
	color: Black;
	background-color: White;
}

.content
{
	position: relative;
	
	margin-left: 46px;
	margin-right: 40px;

	padding: 0px 10px 10px 15px;
	
	color: #595959;
	background-color: White;
}

.footer
{
	clear: both;
	
	margin-left: 46px;
	margin-right: 40px;
	
	text-align: center;
}

.topCurve
{
	height: 14px;
	
	color: Black;
	background-color: White;
}

.bottomCurve
{
	height: 11px;
	
	clear: both;
	
	color: Black;
	background-color: White;
}

/* Content */
.pageTitle
{
	color: #000000;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1.4em;
}

.subTitle
{
	color: #CC6600;
	font-family: Verdana, Sans-Serif;
	font-size: 1.4em;
	font-weight: bold;
}

.subSubTitle
{
	color: #000000;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1.1em;
}

.orderTotal
{
	color: #595959;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1.1em;
}

.noteText
{
	color: #CC6600;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1em;
}

.errorText
{
	color: #ED2024;
	font-family: Verdana, Sans-Serif;
	font-weight: normal;
	font-size: 0.9em;
}

.dashedbar
{
	background-image: url(Images/dashes.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.dashedVertical
{
	background-image: url(Images/dashes_long.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.schoolSearchBox
{
	border: solid 1px #CC6600;
	background-color: #FFF5A8;
	padding: 8px;
	color: Black;
}

.schoolSearchBox span
{
	float: left;
	
	padding-right: 1em;
	
	line-height: 23px;
}

.schoolSearchBox .input
{
	float: left;
	width: 30%;
}

.schoolSearchBox .submit
{
	padding-left: 3px;
	border-right:solid 1px #000000;
}

.schoolSearchResults td
{
	padding: 10px;
}

.bodyLink, a.Show
{
	color: #ED2024;

	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1em;
	
	text-decoration: underline;
}

a.bodyLink:link, a.bodyLink:visited, a.bodyLink:active, a.bodyLink:hover
{
	color: #ED2024;

	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1em;
	
	text-decoration: underline;
}

/* School search results pop up */
.results p
{
    margin-top:2px;
    margin-bottom:2px
}
.results a
{
    font-weight:bold;
    color:red;
    text-decoration:none;
}
.results a:hover
{
    color:black;
    text-decoration:none;
}
.resultsNone{
    display:none;
}
.results {
    height:100px;
    width:40%;
    border: solid 1px #CC6600;
    overflow-y:auto;
    background-color: #FFF5A8;
    padding: 8px;
    position: absolute;
}


/* Data Lists */
.dlContent
{
	padding: 10px;
}

/* Forms */
.formContentFields
{
	width: 100%;
}

.qtyField
{
	width: 1.5em;
}

.codeField
{
	width: 60px;
}

.searchBox
{
	width: 110px;
}

/* Cart & Checkout Pages */
.tableTitle
{
	width: 100%;
	background-color: #737373 !important;
	padding: 7px !important;
	color: #ffffff;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1.1em;
}

.cart .header
{
	height: auto;
	vertical-align: middle;
	background-color: #DADADA;
	padding: 3px;
	border: solid 1px #ffffff;
	border-collapse: collapse;
	color: #000000;
	font-family: Verdana, Sans-Serif;
	font-size: .9em;
	font-weight: bold;
}

.cart .productcode
{
	width: 15%;
}

.cart .prdouctname
{
	width: 25%;
}

.cart .unitprice
{
	width: 15%;
}

.cart .qty
{
	width: 15%;
}

.cart .total
{
	width: 15%;
}

.cart .action
{
	width: 15%;
}

.cart .item
{
	padding: 5px;
	border: solid 1px #DADADA;
	border-collapse: collapse;
}

.itemRecommendedName
{
	padding: 5px;
	border-left: solid 1px #DADADA;
	border-bottom: solid 1px #DADADA;
	width:100%;
}

.itemRecommendedItem
{
	padding: 5px 55px 5px 5px;
	border-right: solid 1px #DADADA;
	border-bottom: solid 1px #DADADA;
}

.cart .footer
{
	color: #000000;
	font-family: Verdana, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
	text-align: right;
	padding: 5px;
	border-left: solid 1px #DADADA;
	border-right: solid 1px #DADADA;
	border-bottom: solid 1px #DADADA;
}

.checkoutProgressOn
{
	background-color: #ED2024;
	color: #ffffff;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1em;
	vertical-align: middle;
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
}

.checkoutProgressOff
{
	background-color: #737373;
	color: #ffffff;
	font-family: Verdana, Sans-Serif;
	font-weight: normal;
	font-size: 1em;
	vertical-align: middle;
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
}

.deliveryConfirmationDetails th
{
	vertical-align: top;
	font-weight: normal;
	text-align: left;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 0px;
	width: 50%;
}

.deliveryConfirmationDetails td
{
	vertical-align: top;
	color: #000000;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 0px;
	width: 50%;
}

.creditCardForm
{
	margin-right: 10px;
}

.creditCardForm .field
{
	width: 45%;
}

.creditCardForm .separator
{
	width: 10%;
}

.checkoutBar
{
	text-align: center;
}

.checkoutBar table
{
	margin-left: auto;
	margin-right: auto;
}

.checkoutBar div
{
	float: left;
	
	height: 17px;
	line-height: 17px;
	vertical-align: middle;
}

.checkoutBar img
{
	float: left;
}

.productListTitle
{
	color: #ED2024;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1em;
}

/* Delivery address form */
.deliveryAddressForm
{
}

.deliveryAddressForm .field
{
	width: 45%;
}

.deliveryAddressForm .field input,
.deliveryAddressForm .field select,
.deliveryAddressForm .field textarea
{
	padding: 0;
	margin: 0;
	width: 96%;
}

.deliveryAddressForm .bigField input,
.deliveryAddressForm .bigField select,
.deliveryAddressForm .bigField textarea
{
	padding: 0;
	margin: 0;
	width: 98%;
}

.deliveryAddressForm .separator
{
	width: 10%;
}


/* Curriculum Page */
.subjectMatrix
{
	border-collapse: collapse;
}

.subjectMatrix th
{
	background-color: #DADADA;
	border: solid 1px White;

	padding: 3px;
	
	text-align: left;
}

.subjectMatrix th.year
{
	text-align: center;
}

.subjectMatrix td
{
	background-color: White;
	border: solid 1px #DADADA;
	
	padding: 5px;
}

.subjectMatrix td.option
{
	text-align: center;
}


/* School List Page*/
.shoppingList .itemTable
{
	border-collapse: collapse;
	background-color: White;
	border-bottom: solid 1px #DADADA;
	border-right: solid 1px #DADADA;
}

.shoppingList .itemTable th
{
	text-align: left;
	background-color: #DADADA;
	padding: 5px;
	color: Black;
	border: solid 1px White;
}

.shoppingList .itemTable td
{
	vertical-align: top;
	padding: 5px;
	border: solid 1px #DADADA;
	border-collapse: collapse;
}

.shoppingList .itemTable .code
{
	width: 10%;
}

.shoppingList .itemTable .thumb
{
	width: 10%;
}

.shoppingList .itemTable .name
{
	width: 40%;
}

.shoppingList .itemTable .price
{
	width: 10%;
}

.shoppingList .itemTable .qty
{
	width: 10%;
}

.shoppingList .itemTable .total
{
	width: 10%;
}

.shoppingList .itemTable .action
{
	width: 10%;	
}

/* Order Form Page */
.orderForm .itemTable
{
	border-collapse: collapse;
	background-color: White;
}

.orderForm .itemTable th
{
	text-align: left;
	background-color: #DADADA;
	padding: 3px;
	color: Black;
}

.orderForm .itemTable td
{
	vertical-align: top;
	padding: 5px;
	border: solid 1px #DADADA;
	border-collapse: collapse;
}

.orderForm .code
{
	width: 10%;
}

.orderForm .code input
{
	width: 3em;
}

.orderForm .thumb
{
	width: 15%;
}

.orderForm .name
{
	width: 40%;
}

.orderForm .price
{
	width: 15%;
}

.orderForm .qty
{
	width: 10%;
}

.orderForm .qty input
{
	width: 3em;
}

/* Specials Page */
.specialsTable
{
	background-color: #ffffff;
	border-top: solid 1px #DADADA;
	border-bottom: solid 1px #DADADA;
	border-left: solid 1px #DADADA;
	border-right: solid 1px #DADADA;
}

.specialsTable .details
{
	padding: 3px;
}

.specialsTable .products
{
	width:170px;	
}

.specialsTable .quantity
{
	background-color: #E6E6E6;
	padding: 3px;
}

.specialsTable .image
{
	text-align: center;
	border-left: solid 1px #DADADA;
}

.specialsTable .add
{
	text-align: center;
	color: #ffffff;
	font-family: Verdana, Sans-Serif;
	font-weight: normal;
	font-size: 0.9em;
	background-color: #737373;
}

.specialsTable .add table
{
	margin-left: auto;
	margin-right: auto;
}

.specialsTable .selectedspecial
{
    background-Color:red;
}
/* FAQ Page */
a.FAQLink:link, a.FAQLink:visited, a.FAQLink:active
{
	color: #ED2024;

	font-family: Verdana, Sans-Serif;
	font-weight: normal;
	font-size: 1em;
	
	text-decoration: underline;
}

.FAQTitle
{
	color: Black;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1em;
}

.FAQText
{
	color: Black;
	font-family: Verdana, Sans-Serif;
	font-weight: normal;
	font-size: 1em;
}
/*Catalogues*/
a.catalogueLink
{
	color: #ED2024;

	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1em;
	
	text-decoration: underline;
}
/* Articles*/
a.articleLink:link, a.articleLink:visited, a.articleLink:active
{
	color: #ED2024;

	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1em;
	
	text-decoration: underline;
}
a.articleLink:hover
{
	text-decoration: none;
}
.articleBody
{
	padding-top:3px;
}
.articleTitle
{
	font-weight:bold;
}

.BreadCrumbs
{
	font-size:13px;
	font-weight:bold;
}

.BreadCrumbs a.SelectedPage
{
	color:#000000;	
}

.BreadCrumbs a
{
	color: #ED2024;
}

/* Side Panel */
a.sideBarLink:link, a.sideBarLink:visited, a.sideBarLink:active, a.sideBarLink:hover
{
	color: #ED2024;

	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 0.8em;
	
	text-decoration: underline;
}

.schoolRocksPanel
{
	background-image: url(Images/doublerewards.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.sidebarItemLeft
{
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 4px;
	background-color: #FEE626;
}

.sidebarItemRight
{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 3px;
	padding-bottom: 4px;
	background-color: #FEE626;
}

.sidebarSpacer
{
	width: 100%;
	height: 6px;
	background-color: White;
}

.featuredProductTitle
{
	background-color: #737373;
	color: #ffffff;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 0.9em;
	padding: 3px;
}

.cartSummary
{
	background-color: White;
}

.cartSummary .title
{
	background-color: #ED2024;
	padding-top: 6px;
	padding-left: 10px;
	padding-bottom: 6px;
	padding-right: 0px;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1em;
	color: #ffffff;
}

.cartSummary .content
{
	color: Black;
	font-family: Verdana, Sans-Serif;
	font-size: 1em;
	
	padding-top: 13px;
	padding-left: 9px;
	padding-right: 5px;
	padding-bottom: 4px;
}

.cartSummary .viewcart
{
	float: left;
	padding-top: 5px;
}

.cartSummary .checkout
{
	float: right;
	padding-top: 5px;
}

.orderSummary .left
{
	padding-right: 10px;
	vertical-align: top;
	width: 50%;
}

.orderSummary .right
{
	padding-left: 10px;
	vertical-align: top;
	width: 50%;
}

/* Footer */
a.footerLink:link, a.footerLink:visited, a.footerLink:active
{
	color: #595959;

	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 0.9em;
	
	text-decoration: none;
}

.footer div
{
	margin-top: 4px;
}

a.footerLinkIce:link, a.footerLinkIce:visited, a.footerLinkIce:active
{
	color: #AAAAAA;
	
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 0.9em;
	
	text-decoration: none;
}

a.footerLinkIce:hover
{
	color: #AAAAAA;

	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 0.9em;
	
	text-decoration: underline;
}

a.footerLink:hover
{
	color: #595959;

	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 0.9em;
	
	text-decoration: underline;
}

/* Validation Summary */
.Validator
{
}

.ValidatorError
{
	font-weight: bold;
	color: Black;
}

.ValidationSummary
{
	padding: 14px 6px 14px 6px;
	border: 1px solid Black;
	margin-bottom: 10px;
}

.ValidationSummary, .ValidationSummary td
{
	color: #CC6600;
	font-weight: bold;
	line-height: 1.6em;
	font-size: 1em;
	background-color: #FFF5A8;
}

.ValidationSummary ul
{
	color: Black;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	background-color: #FFF5A8;
}

.ValidationSummary li
{
	height: 15px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
}

.ECardBorder
{
	border:solid 1px #000000;
}

.ECardSelect
{
	background-color: #fef5a8;
	padding: 0 3px 0 3px;
	border-left: solid 3px #FFFFFF;
}

.ECardTextBox
{
	width:50%;	
}
.ECardLabel
{
	font-weight:bold;	
}

.MailOrderForm
{
	width:558px;	
}

.MailOrderForm table
{
	width:100%;	
}

.contentMail
{
	padding:10px;
	background-color:#FFFFFF;
	width: 558px;
}

.MailOrderFormTitle
{
	background-color:#595959;
	color:#FFFFFF;
	font-weight:bold;
	padding:4px;
	text-align:center;
	margin-top:10px;
}

.MailOrderFormCentre
{
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	padding:4px;
}

.MailOrderForm table th, .MailOrderForm table td
{
	font-size: 0.6em;
	height:17px;
}

.MailOrderForm td
{
	padding-top:5px;	
}

.MailOrderForm table td.entry
{
	border-bottom:solid 1px #595959;
	
}
.MailOrderForm table th
{
	
	padding:0;	
	text-align:left;
}

.NumberBox
{
	border:solid 1px #595959;
	width:15px;
}

.SeperatorBox
{
	width:1px;
	border:0;	
}

.SpacerBox
{
	width:15px;
	border:0;	
}

.CreditCardNumber
{
}

.MailOrderPrice
{
	border-top:solid 4px #595959;
	border-bottom:solid 4px #595959;
	padding-top:4px;
	padding-bottom:4px;
	font-size:0.8em;
}

.MailOrderCartGrid
{
	width:558px;
	font-size:11px;
	border:none;
}

.MailOrderCartGrid TD
{
	border:solid 1px #595959;
	padding:3px;
}

.MailOrderCartGrid .HeadStyle TD
{
	color:#595959;
	font-weight:bold;
	background-color:#E6E6E6;	
}

.MailOrderFormTotal
{
	text-align:right;
	font-weight:bold;
	font-size:11px;
	padding:5px;
	border-bottom:solid 1px #595959;
}

.StudentEntryForm
{
	background-color: #DADADA;
	width:340px;
}

.StudentEntryForm th
{
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 10px 2px 4px;
	background-color: #737373;
	text-align:left;
	border-bottom:solid 1px #FFFFFF;
	font-size:12px;
}

.StudentEntryForm td input
{
	font-size:12px;
	width:145px;
}

.StudentEntryForm td
{
	border-bottom:solid 1px #FFFFFF;
	padding:2px 6px 2px 4px;
	width:100%;
	font-weight:bold;
	color:#000000;
}

.SubTotal
{
	font-weight:bold;
	color:#000000;
	font-size:12px;
	text-align:right;
	text-transform:uppercase;	
}

.CollapseTable
{
	border-collapse:collapse;
	border:0;	
}

.FeesLabelPadding
{
	padding:5px;
}

@media print  /* print for Mail Order Form */
{
	#viewPrintTop
	{
		visibility:hidden;
	}
	#viewPrintBottom
	{
		visibility:hidden;
	}	
}

.MySchoolRewardsTop
{
	float:right;
	width:361px;
	height:88px;
	background-image:url(Images/BackToSchoolTop.png);
	background-repeat:no-repeat;
	margin-top: 3px;
}

.MySchoolRewardsContent
{
	height: 88px;
	background-image:url(Images/BackToSchoolContent.jpg);
	background-repeat:no-repeat;
}

.FeesReceipt
{
	width:100%;	
}

.FeesReceipt td
{
	line-height:17px;
	vertical-align: top;
	padding: 2px;
}

.FeesReceipt td.Label
{
	width:25%;	
}

.FeesReceipt .tblHeader
{
	padding-top:15px;	
}

.SingleSeperator
{
	border-bottom:dashed 1px #DADADA;
		
}

.DoubleSeperator
{
	border-bottom:solid 2px #DADADA;
}

/* store location page */
.storeLocationsTable td
{
	padding: 5px 0px 5px 0px;
	width: 50%;
}
.storeLocationsTable
{
	width: 100%;
}

.storeLocationsTable .storeMapButton
{
	float: left;
	width: 80px;
}
.storeLocationsTable .storeLocationDetails
{
	float: left;
	width: 200px;
}

.mapDetails span
{
	font-size: 1.3em;
}

.storeLocationDetails span, .mapDetails span
{
	display: block;
}

.storeLocationDetails .city, .mapDetails .city
{
	font-weight: bold;
}

.HolidayActivities
{
	line-height:17px;	
}

.HolidayActivities ul, .HolidayActivities ol
{
	margin:0;
	margin-left:24px;
}

.HolidayActivities .TypeTitle
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	margin-bottom:5px;
}

.HolidayActivities b
{
	text-transform:uppercase;
}

.HolidayActivities .Left
{
	width:70%;	
}

.HolidayActivities .Right
{
	padding-left:30px;	
}


/*
 * BEGIN: IE Windows Only
\*/

/* Remove extra 3px gap between sidebar and content */
* html .leftSideBar
{
	margin-right: -3px;
}

/* Remove extra 3px gap between sidebar and content */
* html .rightSideBar
{
	margin-left: -3px;
}

/* Remove extra 3px padding added to content by sidebar */
* html .content
{
	height: 1%;
	margin-left: 0;
	margin-right: 0;
}

/*
 * END: IE Windows Only
 */


/* Leaderboard styles on front page */
ol.leaderList
{
	margin: 2px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
}
ol.leaderList li
{
	margin: 0px;
	padding: 0px;
}

.ContentContainer
{
    display:inline-block; 
    vertical-align:middle; 
    width:445px;
}

.FlyerContainer
{
    display:inline-block; 
    vertical-align:middle;
}