/* Template Styles */

body {font-size:62.5%; font-family:Segoe UI, Arial, Verdana, Sans-Serif}
.clear, .Clear{clear:both; font-size:0; line-height:0; height:0;}

body{background:#ECE8D8 url(../i/back.jpg) repeat-x center top;}

A, h3 { color: #8a3e98; }
h3 {font-size: 1.3em; font-weight: bold;}
li {font-size: 1.3em; font-weight: bold; color:Gray;}


#header{position:relative; width:940px; margin:auto; margin-top: 9px; height: 119px; background:url(../i/header.jpg);}
#header .logo{ display:block; width:150px; height:115px; position:absolute; left: 0; top:0;}
#header #banner{position:absolute; left: 200px; top:14px;}

#mainColumns{width:940px; margin:auto; margin-top:6px;}
#mainColumnsLeft{float:left; width:170px; margin-right:10px;}
#mainColumnsRight{float:left; width:760px;}


#mainMenu{}
#mainMenuTop{height:26px; background:url(../i/mainMenuTop.gif);}
#mainMenuBottom{height:96px; background:url(../i/mainMenuBottom.gif);}

#mainMenu .home .TVI-panelBar-header a{background:url(../i/mainMenuHome.gif);} 
#mainMenu .about .TVI-panelBar-header a{background:url(../i/mainMenuAbout.gif);} 
#mainMenu .services .TVI-panelBar-header a{background:url(../i/mainMenuServices.gif);} 
#mainMenu .subscribe .TVI-panelBar-header a{background:url(../i/mainMenuSubscribe.gif);} 
#mainMenu .search .TVI-panelBar-header a{background:url(../i/mainMenuSearch.gif);} 
#mainMenu .login .TVI-panelBar-header a{background:url(../i/mainMenuLogin.gif);}

#mainMenu .about UL LI {display: block; border-bottom: 1px solid black; height: 25px;}
#mainMenu .about UL LI a {text-decoration: none; height: 15px; padding: 5px; color: Black; font-size: 1.3em; }

/* Hide buttons if user is logged in */
#mainMenu.loggedIn  .login {display: none;}
#mainMenu.loggedIn  .subscribe {display: none;}
#mainMenu.loggedIn .account {display: block;}
#mainMenu.loggedIn .logout {display: block;}
#mainMenu .account {display: none;}
#mainMenu .logout {display: none;}

#mainMenu .logout .TVI-panelBar-header a{background:url(../i/mainMenuLogout.gif);} 
#mainMenu .account .TVI-panelBar-header a{background:url(../i/mainMenuAccount.gif);} 
#mainMenu .recentlyViewed .TVI-panelBar-header a{background:url(../i/mainMenuRecentlyViewed.gif);} 

#mainMenu .TVI-panelBar-header a{display:block; height:25px;} 
#mainMenu .link .TVI-panelBar-header a:hover{background-position:0px -25px;} 
#mainMenu .closed .TVI-panelBar-header a:hover{background-position:0px -25px;}
#mainMenu .open .TVI-panelBar-header a{background-position:0px -50px;}
#mainMenu .open .TVI-panelBar-panel{display:block;}
#mainMenu .closed .TVI-panelBar-panel{display:none;}

#mainMenu .TVI-panelBar-panel{border-left:solid 1px #CEC8B0; border-right:solid 1px #CEC8B0; background:white;}
#mainMenu .inner{width:150px; margin:auto; padding:5px; }
#mainMenu .inner A{ display:block; margin-bottom:4px; font-size:1.1em; font-weight:bold; text-decoration:none; }

#schoolSearch{width:142px; margin:auto;}
#schoolSearch label{display:block; font-size:1.2em; font-weight:bold; color:#9E9A84; margin-bottom:1px;}
#schoolSearch .textBox INPUT{width:132px;}
#schoolSearch .textBox SELECT{width:140px;}
#schoolSearch .advanced{ display:none; }
#schoolSearch #schoolSearchSearch{margin-bottom:8px;}
#schoolSearch #schoolSearchSearch a{width:142px; background-image:url(../i/buttons/schoolSearchSearch.gif);}
#schoolSearch #schoolSearchAdvanced a{width:142px; background-image:url(../i/buttons/schoolSearchAdvanced.gif);}


/* Form Elements */

.field{margin-bottom:4px;}

.textBoxWrapper{height:22px; padding-top:2px; text-align:center; background:url(../i/textBoxWrapper.jpg);}
.textBox input{height:14px; padding:2px; font-size:1.1em; color:#535144; border:solid 1px #71706C; background:white url(../i/textBoxBack.jpg) repeat-x;}
.textBox select{height:20px; font-size:1.1em; color:#535144; border:solid 1px #71706C; }

.button{}
.button a{display:block; height:30px;}
.button a:hover{background-position:0px -30px;}

.errors {font-weight: bold; color: Red; display: block; font-size: 1.2em; margin: 5px;}

/* Main Page Styles */

#mapBoxTop{height:5px; background:url(../i/mapBoxTop.gif);}
#mapBoxMiddle{border-left:solid 1px #CEC8B0; border-right:solid 1px #CEC8B0; background:white;}
#mapBoxBottom{height:7px; background:url(../i/mapBoxBottom.gif)}

#mapWrapper{width:740px; padding:4px 0 8px 0; margin:auto;}
#map_canvas{width:740px; height:160px}

#map_canvas .cluster {
    font-family:Arial, Verdana, Tahoma, Sans-Serif;
    color:#FFFFFF;
    cursor:pointer;
    font-size:15px;
    font-weight:bold;
    line-height:15px;
    position:absolute;
    display:block;
    text-align:center;
    width:48px;
    overflow:visible;
    text-decoration:none;
}

#mapTip{display:none; position:absolute; top:0px; left:0px; width:223px; height:102px; background:url(../i/mapTip.png);}

#mapTip .inner{font-family:Segoe UI, Arial, verdana, Sans-Serif; padding:10px 30px 10px 10px; color:White;}
#mapTip .schoolName{max-height:30px; overflow:hidden; font-size:1.4em; line-height:1em; font-weight:bold; margin-bottom:2px;}
#mapTip .address{font-size:1.1em; margin-bottom:8px;}

#tabOuter{width:760px; height:38px;}
#tabsWrapper{float:left; position:relative; top:8px; width:580px; height:31px;}

.tab{float:left;}
.tab A{display:block; height:31px; text-decoration:none; color:#908C7A; font-family:Segoe UI, Arial, Verdana, Sans-Serif; font-size:13px; font-weight:bold;}
.tab SPAN{display:block; padding:8px 8px 8px 30px;}
.tab.whole{width:580px; height:31px; text-decoration:none; color:#8A3E98; font-family:Segoe UI, Arial, Verdana, Sans-Serif; font-size:13px; font-weight:bold; background:url(../i/tabs.gif) 0px -124px;}
.tab.left{width:111px; margin-right:1px;}
.tab.left A{background:url(../i/tabs.gif) 0px 0px;}
.tab.left A:hover{color:#8A3E98; background:url(../i/tabs.gif) 0px -62px;}
.tab.left.on A{color:#8A3E98; background:url(../i/tabs.gif) 0px -31px;}
.tab.right{width:468px;}
.tab.right A{background:url(../i/tabs.gif) -111px 0px;}
.tab.right A:hover{color:#8A3E98; background:url(../i/tabs.gif) -111px -62px;}
.tab.right.on A{color:#8A3E98; background:url(../i/tabs.gif) -111px -31px;}

#mapExpand{float:right; width:176px;}
#mapExpand a{background:url(../i/buttons/expandMap.gif);}
#mapExpand .expanded{background:url(../i/buttons/shrinkMap.gif);}
#mapExpand a:hover{background-position:0px -30px;}

#mainBoxTop{height:7px; background:url(../i/mainBoxTop.gif);}
#mainBoxBottom{height:8px; background:url(../i/mainBoxBottom.gif)}

#resultsPanel{background:white; border-left:solid 1px #CEC8B0; border-right:solid 1px #CEC8B0;}
#resultsPanel .inner{padding:20px;}
.resultsPanelBottom{height:17px; background:url(../i/resultsPanelBottom.gif);}

/* School Panel */

#schoolPanel{color:#878473; background:url(../i/schoolPanelBack.gif);}
#schoolPanelLeft{float:left; display:block; width:567px; background:white; border-left:solid 1px #CEC8B0;}
#schoolPanelRight{float:left; display:block; width:192px;}
#schoolPanelRight .schoolMenuBottom { height:26px; background:url(../i/schoolMenuWrapperBottom.gif);}{float:left; display:block; width:192px;}
.schoolPanelBottom{height:7px; background:url(../i/schoolPanelBottom.gif) no-repeat;}
#schoolPanelInner{margin:10px 20px;}
#schoolPanel H1{padding:0 0 6px 20px; margin:0 0 10px -20px; font-size:1.8em; font-weight:bold; color:#8A3E98; background:url(../i/h1Underline.gif) no-repeat left bottom;}
#schoolPanel H3{width:520px; height:26px; margin-bottom:8px; background:url(../i/schoolH3.gif);}
#schoolPanel H3 SPAN{display:block; padding:3px 6px; font-size:1.3em; font-weight:bold;}
#schoolPanel P{margin-bottom:16px; line-height:1.3em; font-size:1.2em;}
#schoolPanel A{color:#878473;}
#schoolPanel A:hover{color:#8A3E98;}

.schoolStats{font-size:1.2em; margin:0 0 25px 8px;}
.schoolStats .row{display:inline-block; padding:3px 0 6px 0; background:url(../i/schoolStatsDivider.gif) no-repeat left bottom;}
.schoolStats .row .label{float:left; width:220px; color:#8A3E98; font-weight:bold; margin-right:15px;}
.schoolStats .row .value{float:left; width:265px; padding-left:15px; background:url(../i/schoolStatsArrow.gif) no-repeat left 1px;}

.schoolTableTop{width:520px; height:6px; background:url(../i/schoolTableTop.gif);}
.schoolTable{width:520px;}
.schoolTable TH{background:#ECE8D8; padding:5px; font-size:1.2em; font-weight:bold; color:#8A3E98;}
.schoolTable TD{padding:5px; font-size:1.2em;}
.schoolTable .firstCol{background-image:url(../i/schoolTableSides.gif); background-repeat:repeat-y;}
.schoolTable .lastCol{background-image:url(../i/schoolTableSides.gif); background-repeat:repeat-y; background-position:right;}
.schoolTable .even{background-color:#F1F0E9;}
.schoolTableBottom{width:520px; height:6px; margin-bottom:16px; background:url(../i/schoolTableBottom.gif);}

/* School Panel Menus */

#schoolMenuWrapper{background:white; border-right:solid 1px #CEC8B0;}
#directoryMenuWrapper{background:white; border-right:solid 1px #CEC8B0;}

.schoolMenu .top{height:29px; background:url(../i/schoolMenuTop.jpg) no-repeat right;}
.schoolMenu .TVI-tabMenu-item a{background-image:url(../i/schoolMenu.jpg); background-position:0px -23px;}
.schoolMenu .TVI-tabMenu-item.last{height:4px; line-height:0; font-size:0; background-image:url(../i/schoolMenu.jpg); background-repeat:no-repeat; background-position:0px -207px;}
.schoolMenu .bottom{height:5px; background:url(../i/schoolMenuBottom.gif) no-repeat right;}

.directoryMenu .top{height:29px; background:url(../i/directoryMenuTop.jpg) no-repeat right;}
.directoryMenu .TVI-tabMenu-item a{background-image:url(../i/directoryMenu.jpg); background-position:0px -23px;}
.directoryMenu .TVI-tabMenu-item A SPAN { width:150px; color:#F8D5FF; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.directoryMenu .TVI-tabMenu-item.last{height:4px; line-height:0; font-size:0; background-image:url(../i/directoryMenu.jpg); background-repeat:no-repeat; background-position:0px -207px;}
.directoryMenu .bottom{height:5px; background:url(../i/directoryMenuBottom.gif) no-repeat right;}

.rightMenu{width:185px;}
.rightMenu .TVI-tabMenu-item a{display:block; height:23px; outline:none; text-decoration:none;}
.rightMenu .TVI-tabMenu-item a span{display:block; padding:2px 0 0 23px; font-size:13px; font-weight:bold; color:white;}
.rightMenu .TVI-tabMenu-item.hover a{background-position:0px -138px;}
.rightMenu .TVI-tabMenu-item.afterHover a{background-position:0px -161px;}
.rightMenu .TVI-tabMenu-item.first a{background-position:0px 0px;}
.rightMenu .TVI-tabMenu-item.first.hover a{background-position:0px -115px;}
.rightMenu .TVI-tabMenu-item.first.selected a{background-position:0px -69px;}
.rightMenu .TVI-tabMenu-item.selected a{background-position:0px -69px;}
.rightMenu .TVI-tabMenu-item.afterSelected a{background-position:0px -92px;}
.rightMenu .TVI-tabMenu-item.afterSelected.hover a{background-position:0px -184px;}
.rightMenu .TVI-tabMenu-item.last.afterHover{background-position:0px -215px;}
.rightMenu .TVI-tabMenu-item.last.afterSelected{background-position:0px -211px;}
.rightMenu .TVI-tabMenu-item.selected a span{color:#662E70;}

#toolsMenuWrapper{background:white; border-right:solid 1px #CEC8B0;}

.toolsMenu { width: 174px !important; margin-left: 10px; }
.toolsMenu .top{height:29px; background:url(../i/toolsMenuTop.jpg) no-repeat right;}
.toolsMenu LI A { display: block; width: 174px; background: url(../i/toolsMenuButtons.gif) 0 0; }
.toolsMenu .compare A { height: 43px; background-position: 0 0; }
.toolsMenu .compare A:hover, .toolsMenu .compare A.selected { background-position: -174px 0; }
.toolsMenu .printPage A { height: 23px; background-position: 0 -43px; }
.toolsMenu .printPage A:hover, .toolsMenu .printPage A.selected { background-position: -174px -43px; }
.toolsMenu .printBrochure A { height: 23px; background-position: 0 -66px; }
.toolsMenu .printBrochure A:hover, .toolsMenu .printBrochure A.selected { background-position: -174px -66px; }

.printButton a{display:block; height:23px; color:#878473; text-decoration:none; background-image:url(../i/schoolMenuPrinter.gif);}
.printButton a:hover{background-position:0px -23px; color:#8A3E98;}
.printButton a span{display:block; padding:3px 0 0 23px; font-size:12px; font-weight:bold;}

#schoolMenusBottom{height:15px; background:url(../i/schoolMenusBottom.gif) no-repeat right;}

#comparePanel{background:white; border-left:solid 1px #CEC8B0; border-right:solid 1px #CEC8B0;}
#comparePanel .inner{padding:20px;}
.comparePanelBottom{height:17px; background:url(../i/resultsPanelBottom.gif);}


/* Grid Styles */

#resultsGrid{width:100%;}
#resultsGrid .addressTownCity{width:70px;}
#resultsGrid .distance{width:80px;}

.TVIgrid{}
.TVIgrid .dataID{display:none;}
.TVIgrid TBODY TR{cursor:pointer;}

.TVIgrid TH{vertical-align:top; background:#CCC5B3 url(../i/grids/headerback.gif); font-size:12px; font-weight:bold; color:#8A3E98;}
.TVIgrid TH .content{padding:5px 0 5px 8px;}
.TVIgrid TH.firstCol .content{min-width:7px; height:25px; padding:0; background:url(../i/grids/cornerTopLeft.gif) no-repeat;}
.TVIgrid TH.lastCol .content{min-width:7px; height:25px; padding:0; background:url(../i/grids/cornerTopRight.gif) no-repeat right;}
.TVIgrid .sortable{cursor:pointer;}
.TVIgrid TH.sortColumn .back{background:url(../i/grids/sortColumnHeaderMid.gif) repeat-x;}
.TVIgrid TH.sortColumn .right{padding-right:4px; background:url(../i/grids/sortColumnHeaderRight.gif) no-repeat right;}
.TVIgrid TH.sortColumn .left{background:url(../i/grids/sortColumnHeaderLeft.gif) no-repeat;}
.TVIgrid TH .sort{display:block; float:right; width:7px; height:13px; margin:3px 6px 0 8px; background:url(../i/grids/sortArrow.gif);}
.TVIgrid TH.hover .sort{background-position:-7px 0px;}
.TVIgrid TH.sortColumn.down .sort{background:url(../i/grids/sortArrowChosen.gif) 0px 0px;}
.TVIgrid TH.sortColumn.up .sort{background:url(../i/grids/sortArrowChosen.gif) -7px 0px;}
.TVIgrid TH.sortColumn.hover.down .sort{background:url(../i/grids/sortArrowChosen.gif) -7px 0px;}
.TVIgrid TH.sortColumn.hover.up .sort{background:url(../i/grids/sortArrowChosen.gif) 0px 0px;}

.TVIgrid .odd TD{background:white url(../i/grids/cellBackOdd.gif) repeat-y left;}
.TVIgrid .odd TD.firstCol{background:white url(../i/grids/cellBackOddFirst.gif) repeat-y left;}
.TVIgrid .odd TD.lastCol{background:url(../i/grids/cellBackOddLast.gif) repeat-y right;}
.TVIgrid .even TD{background:#F1F1E9 url(../i/grids/cellBackEven.gif) repeat-y left;}
.TVIgrid .even TD.firstCol{background:#F1F1E9 url(../i/grids/cellBackEvenFirst.gif) repeat-y left;}
.TVIgrid .even TD.lastCol{background:url(../i/grids/cellBackEvenLast.gif) repeat-y right;}
.TVIgrid .hover TD{color:white; background:#8A3E98 url(../i/grids/cellBackHover.gif) repeat-y left;}
.TVIgrid .hover TD.firstCol{background:#8A3E98 url(../i/grids/cellBackHoverFirst.gif) repeat-y left;}
.TVIgrid .hover TD.lastCol{background:url(../i/grids/cellBackHoverLast.gif) repeat-y right;}

.TVIgrid TD .tick{width:14px; height:11px; margin:auto; background-image:url(../i/grids/tick.gif);}
.TVIgrid TR.even TD .tick{background-position:0px -11px;}
.TVIgrid TR.hover TD .tick{background-position:0px -22px;}

.TVIgrid TD{padding:5px 8px; font-size:1.2em; color:#74746C;}
.TVIgrid TD.firstCol{padding:0px 3px;}
.TVIgrid TD.lastCol{padding:0px 0px;}

.TVIgrid .moreInfoButton{display:block; position:relative; left:20px; width:64px; height:13px; background-image:url(../i/grids/moreInfo.gif);} /*top:6px; */
.TVIgrid .even .moreInfoButton{background-position:0px -13px;}
.TVIgrid .hover .moreInfoButton{background-position:0px -26px;}

.TVIgrid tfoot TD{height:26px; padding:0; background:url(../i/grids/footerBack.gif);}
.TVIgrid tfoot .left{height:26px; background:url(../i/grids/footerLeft.gif) no-repeat left;}
.TVIgrid tfoot .right{height:26px; background:url(../i/grids/footerRight.gif) no-repeat right;}
.TVIgrid tfoot .previous{float:left; width:95px;}
.TVIgrid tfoot .previous a{display:block; height:26px; background-image:url(../i/grids/previous.gif);}
.TVIgrid tfoot .previous a:hover{background-position:0px -26px;}
.TVIgrid tfoot .next{float:right; width:95px;}
.TVIgrid tfoot .next a{display:block; height:26px; background-image:url(../i/grids/next.gif);}
.TVIgrid tfoot .next a:hover{background-position:0px -26px;}
.TVIgrid .showing{width:300px; margin:auto; padding-top:5px; text-align:center; font-size:11px; font-weight:bold; color:#8A3E98;}

#resultsGrid .firstCol { width:5px; }
#resultsGrid .schoolName { }
#resultsGrid .address { width:150px; }
#resultsGrid .addressTownCity { width:100px; }
#resultsGrid .distance { width:100px; }
#resultsGrid .button { width:100px; }
#resultsGrid .gcse { width:98px; }
#resultsGrid .lastCol { width:5px; }

/* Direcroty Styles */

#directoryTop{height:51px;}
#directoryColumns{background:white url(../i/directoryColumnsBack.gif);}
#directoryColumnsLeft{float:left; width:575px;}
#directoryColumnsRight{float:left; width:185px;}
#directorySide{height:545px;}
#directorySideMiddle{height:100px; background:url(../i/directorySideMiddle.gif);}
#directorySideBottom{height:11px; background:url(../i/directorySideBottom.gif);}

#directoryTop.schoolUniform{background:url(../i/directory/schoolUniformsTop.jpg);}
#directorySide.schoolUniform{background:url(../i/directory/schoolUniformsSide.jpg);}

#breadCrumbWrapper{height:27px; background:url(../i/directoryBreadCrumbBack.gif);}
#breadCrumb{margin:9px 20px;}
#breadCrumb li{float:left; color:#878471; padding:0 10px 0 11px; font-size:1.2em; background:url(../i/breadCrumbArrow.gif) no-repeat 0px 3px;}
#breadCrumb li a{color:#878471; text-decoration:none;}

#regionsWrapper{margin-left:1px; background:#F5F3EB;}
#regions{padding:10px 20px;}
#regions span{float:left; display:block; width:105px;}
#regions a{color:#878471; text-decoration:none; line-height:1.3em;}
#regions a:hover{text-decoration:underline;}

#categoriesWrapper{}
#categories{padding:10px 20px;}
#categories span{float:left; display:block; padding-left:15px; width:160px; background:url(../i/directoryCatArrow.gif) no-repeat 0px 4px;}
#categories a{color:#8A3E98; text-decoration:none; font-size:1.3em; font-weight:bold;}
#categories a:hover{text-decoration:underline;}

#directoryListings{}
#directoryListings .items{padding:10px 20px 0 20px;}
#directoryListings .item{margin-bottom:16px; padding:12px;}
#directoryListings .item.sponsored{background:#F2EAF3; border:solid 1px #DCC7DF;}
#directoryListings .image{float:left; width:92px;}
#directoryListings .image IMG{border:solid 1px #B7B7B7;}
#directoryListings .details{float:right; width:390px;}
#directoryListings .details H4{color:#8A3E98; font-size:1.3em; font-weight:bold;}
#directoryListings .details P{font-size:1.2em; color:#555555; line-height:1.2em; margin-bottom:5px;}
#directoryListings .details .location{color:#A29C86; font-size:1.2em;}
#directoryListings .details .contact{color:#8A3E98; font-size:1.2em; font-weight:bold;}
#directoryListings .details .contact a{color:#8A3E98; font-size:1.2em;}
#directoryListings .sponsored .details .location{color:#C883D5;}

/* Home Page Styles */




/* Compare Schools */
#compareSchools { padding: 0 9px; }
#compareSchools H1 { font: 2.2em Segoe UI, Arial, Verdana, Sans-Serif; color: #555555;  }
#compareSchools H1 .purple { font-weight: bold; color: #8a3e98; }
#compareSchools TABLE { margin-bottom: 20px; }
#compareSchools THEAD TR.top TH { height: 6px; padding: 0; line-height: 0; overflow: hidden; background: url(../i/comparisonTable_head_top.gif) -190px 0; }
#compareSchools THEAD TR.middle TH { background: url(../i/comparisonTable_head_row.gif) -190px 0; }
#compareSchools THEAD TR.bottom TH { height: 11px; padding: 0; line-height: 0; overflow: hidden; background: url(../i/comparisonTable_head_bottom.gif) -190px 0; }
#compareSchools THEAD TR TH.first { width: 172px; vertical-align: bottom; background-position: 0 0; }
#compareSchools THEAD TR.middle TH.first { padding-bottom: 14px; }
#compareSchools THEAD TR TH.last { background-position: 100% 0; }
#compareSchools THEAD TH { width: 152px; padding: 0px 9px; vertical-align: top; font-size: 1.2em; font-weight: bold; line-height: 1.2em; color: #8a3e98; }
#compareSchools TBODY TD { width: 152px; padding: 6px 9px; font-size: 1.1em; color: #555555; background: url(../i/comparisonTable_row_white.gif) -190px 0; }
#compareSchools TBODY TD DIV { width: 152px; color: #555555; text-decoration: none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#compareSchools TBODY TD.first { width: 172px; font-weight: bold; color: #44433e; background-position: 0 0; }
#compareSchools TBODY TD.last { background-position: 100% 0; }
#compareSchools TBODY TR.even TD { background-image: url(../i/comparisonTable_row_dark.gif); }
#compareSchools TBODY TD A { color: #555555; text-decoration: none; }
#compareSchools TFOOT TD { height: 3px; line-height: 0; overflow: hidden; background: url(../i/comparisonTable_bottom.gif) -190px 0; }
#compareSchools TFOOT TD.first { width: 172px; background-position: 0 0; }
#compareSchools TFOOT TD.last { background-position: 100% 0; }
#compareSchools .removeSchool { display: block; position: relative; left: -2px; width: 101px; height: 17px; margin-bottom: 3px; background: url(../i/buttons/removeSchool.gif); }
#compareSchools .removeSchool:hover { background-position: 0 -17px; }

#schoolCompare { position:relative; height: 58px; padding: 11px 14px; margin: 14px 0 18px; background: url(../i/searchBackground.gif) no-repeat; }
#schoolCompare .textBoxWrapper { float: left; padding: 2px 2px 0; }
#schoolCompare LABEL { display: block; margin-bottom: 5px; font-size: 1.6em; color: #555555; }
#schoolCompare INPUT { width: 541px; }
#schoolCompare .addSchool { float: left; position: relative; top: -3px; width: 116px; height: 29px; margin-left: 5px; background: url(../i/buttons/addSchool.gif); }
#schoolCompare .addSchool:hover { background-position: 0 -29px; }

#schoolCompareResults { position:absolute; top:60px; left:18px; width: 541px; border:1px solid gray; background:white; z-index:100; display:none;}
#schoolCompareResults A { display:block; padding:4px; background:White; color: #8a3e98; text-decoration:none; font-size:1.1em; font-weight:bold;}
#schoolCompareResults A:hover { background:#F1F0E9;}


/* homepage */
#homepageOuterWrapper { background: url(../i/nationalDirectory_bg_middle.gif); }
#homepageWrapper { background: url(../i/nationalDirectory_bg_bottom.jpg) no-repeat 0 100%; }
#homepage { min-height: 300px; width: 520px; overflow: hidden; padding: 81px 210px 20px 29px; background: url(../i/homepage_bg.jpg) no-repeat; }
/* #homepage .col1 { float: left; width: 290px; margin-right: 20px; } */
#homepage .col1 { float: left; width: 535px; margin-right: 20px; }
#homepage .col2 { float: left; width: 210px; }
#homepage P { margin: 0 !important; padding: 3px 0 6px; color:#555555; line-height:1.3em; font-size:1.2em; }
#homepage .imgRight {float: right; margin: 35px 0 5px 5px;}

#homepage .faq { margin: 6px 0; }
#homepage .faq .question { display: inline; padding-left: 15px; font: bold 1.3em Segoe UI, sans-serif; color: #8a3e98; cursor: pointer; background: url(../i/faq_arrows.gif) no-repeat 0 4px; }
#homepage .faq .answer { display: none; margin: 7px 0 0; padding: 8px 10px; font-size: 1.1em; color: #9f78a6; background: #f2eaf3; }

#homepage .panel .top { height: 34px; background: url(../i/homepage_panel_top.gif); }
#homepage .panel .middle { padding: 6px 14px; background: url(../i/homepage_panel_middle.gif); }
#homepage .panel .bottom { height: 8px; line-height: 0; overflow: hidden; background: url(../i/homepage_panel_bottom.gif); }
#homepage .panel LABEL { font-size: 1.4em; color: #676456; }
#homepage .panel INPUT { width: 170px; }
#homepage .panel .searchSchools { position: relative; display: block; width: 182px; height: 29px; margin-top: 10px; background: url(../i/buttons/searchSchools.gif); }
#homepage .panel .searchSchools:hover { background-position: 0 -29px; }
#homepage H1 { font-size: 1.6em; font-weight: bold; margin-bottom:10px; color:#555555; }


/* generic page */

#genericOuterWrapper { background: url(../i/nationalDirectory_bg_middle.gif); }
#genericWrapper { background: url(../i/nationalDirectory_bg_bottom.jpg) no-repeat 0 100%; position:relative; }
#generic { min-height: 600px; width: 520px; overflow: hidden; padding: 100px 210px 20px 29px; background: url(../i/nationalDirectory_bg.jpg) no-repeat; }
#generic P { margin: 0 !important; padding: 3px 0 6px; color:#555555; line-height:1.3em; font-size:1.2em; }
#generic H1 { font: 2.2em Segoe UI, Arial, Verdana, Sans-Serif; color: White; font-weight: bold; position:absolute; top:10px; }


/* POPUPS */

#mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../i/overlay_bg.png); display:none; } /*position: fixed !important; */
#mask .popup { width: 620px; margin: 100px auto 0; }
#mask .popup .bottom { height: 15px; background: url(../i/popUp_bottom.png);}

#mask .popup .tabs { position: relative; top: 1px; height: 31px; z-index: 100; display: inline-block; }
#mask .popup .tab { float: left; margin-right: 1px; }
#mask .popup .tab A { display: block; height: 31px; }
#mask .popup .tabs .genericTab { width: 554px; height: 17px; padding: 7px 33px; font-size: 1.3em; font-weight: bold; color: #8a3e98; background: url(../i/genericTab_bg.png); }

#mask .popup .contentPanel { width:552px; position: relative; z-index: 10; display: inline-block; padding: 21px 33px; background: #ffffff; border: 1px solid #7b796c; border-bottom: 0; }
#mask .popup .contentPanel .closeButton { position: absolute; top: 13px; right: 13px; display: block; width: 13px; height: 12px; background: url(../i/popUp_close.gif); }
#mask .popup .contentPanel .closeButton:hover { background-position: 0 -12px; }
#mask .popup .contentPanel IMG.intro { margin-bottom: 17px; }
#mask .popup .contentPanel .col1 { float: left; width: 340px; margin-right: 10px; }
#mask .popup .contentPanel .col1 LI { padding-left: 27px; font-size: 1.6em; line-height: 1.6em; font-weight: bold; color: #4a3c41; background: url(../i/popUp_listTick.gif) no-repeat 0 50%; }
#mask .popup .contentPanel .col1 P { margin: 15px 0; font-size: 1.8em; font-weight: bold; color: #8a3e98; }
#mask .popup .contentPanel .panel { float: left; width: 200px; }
#mask .popup .contentPanel .panel .top { height: 6px; line-height: 0; overflow: hidden; background: url(../i/popUp_panel_top.gif); }
#mask .popup .contentPanel .panel .middle { padding: 3px 9px 25px; background: url(../i/popUp_panel_middle.gif); }
#mask .popup .contentPanel .panel .bottom { height: 8px; line-height: 0; overflow: hidden; background: url(../i/popUp_panel_bottom.gif); }
#mask .popup .contentPanel .panel .title { font-size: 1.8em; line-height: 1em; font-weight: bold; color: #67535a; }
#mask .popup .contentPanel .panel P { margin: 6px 0; font-size: 1.2em; line-height: 1.3em; color: #555555; }
#mask .popup .contentPanel .panel .login { position: relative; left: -1px; display: block; width: 66px; height: 29px; margin-top: 15px; background: url(../i/buttons/login.gif); }
#mask .popup .contentPanel .panel .login:hover { background-position: 0 -29px; }
#mask .popup .contentPanel .panel .subscribeNowSml { position: relative; left: -1px; display: block; width: 126px; height: 29px; margin-top: 15px; background: url(../i/buttons/subscribeNow_sml.gif); }
#mask .popup .contentPanel .panel .subscribeNowSml:hover { background-position: 0 -29px; }
#mask .popup .contentPanel LABEL { margin-bottom: 3px; font-size: 1.4em; color: #7d7a68; }

#subscribeLoginOverlay { width: 620px; }
#subscribeLoginOverlay .tab A { background: url(../i/subscribeLogin_tabs.png); }
#subscribeLoginOverlay #subscribeTab { width: 101px; }
#subscribeLoginOverlay #subscribeTab A { background-position: 0 0; }
#subscribeLoginOverlay #subscribeTab A.selected { background-position: -178px 0; }
#subscribeLoginOverlay #loginTab { width: 75px; }
#subscribeLoginOverlay #loginTab A { background-position: -102px 0; }
#subscribeLoginOverlay #loginTab A.selected { background-position: -280px 0; }
#mask #subscribeLoginOverlay .hidden { display: none; }
#subscribeLoginOverlay .subscribeNow { display: block; width: 166px; height: 33px; background: url(../i/buttons/subscribeNow.gif); }
#subscribeLoginOverlay .subscribeNow:hover { background-position: 0 -33px; }
#subscribeLoginOverlay .makePayment { display: block; width: 142px; height: 30px; background: url(../i/buttons/makePayment.gif); }
#subscribeLoginOverlay .makePayment:hover { background-position: 0 -30px; }
#subscribeLoginOverlay .checkBox { float: left; margin: 24px 0 0 10px; }
#subscribeLoginOverlay .checkBox INPUT { float: left; height: 12px; width: 12px; }
#subscribeLoginOverlay .checkBox LABEL { display: inline-block; margin-left: 5px; font-size: 1.1em; color: #a09c86; } 
.browserFirefox #subscribeLoginOverlay .checkBox LABEL, .browserSafari #subscribeLoginOverlay .checkBox LABEL { padding-top: 1px; }
#subscribeLoginOverlay .col1 .login { position: relative; left: -1px; clear: both; display: block; width: 166px; height: 33px; margin-top: 15px; background: url(../i/buttons/login_popup.gif); }
#subscribeLoginOverlay .col1 .login:hover { background-position: 0 -33px; }

#popUpLoginForm { display: inline-block; }
#popUpLoginForm .content { font-size:1.4em; color:#555555; margin-bottom:10px; }
#popUpLoginFormName { width: 336px; }
#popUpLoginFormName INPUT { width: 326px; }
#popUpLoginFormPassword { float: left; width: 138px; }
#popUpLoginFormPassword INPUT { width: 128px; }


#popUpSubscribeForm LABEL { color:#555555; }

#popUpSubscribeForm .textBox {width: 336px;}
#popUpSubscribeForm .textBox INPUT {width: 326px;}

#popUpSubscribeForm .dropDownList SELECT { width:100px; font-size:1.1em; color:#555555; }

#popUpSubscribeForm .radioWrapper { width:75px; float:left; position:relative;}
#popUpSubscribeForm .radioWrapper LABEL { position:relative; left:5px; top:-2px;}

#popUpSubscribeForm .checkBoxWrapper { width:100px; float:left; position:relative;}
#popUpSubscribeForm .checkBoxWrapper LABEL { position:relative; left:5px; top:-2px;}

#locationPopup {}
#locationPopup H2 { color: #8a3e98; font-size:2em; font-weight:bold; margin-bottom:10px; }
#locationPopup .locations A { display:block; font-size:1.2em; margin-bottom:5px; }







/* schoolDirectory */

#schoolDirectory { width: 527px; overflow: hidden; }
#schoolDirectory .banner { margin-bottom: 10px; }
#schoolDirectory H2 { font: 2.2em Segoe UI, Arial, Verdana, Sans-Serif; color: #555555;  }
#schoolDirectory H2 .purple { font-weight: bold; color: #8a3e98; }

.subCatList { display: inline-block; width: 600px; margin: 12px 0; }
.subCatList LI { float: left; width: 167px; padding-left: 13px; margin: 3px 0; line-height: 11px; background: url(../i/subCatList_bullet.gif) no-repeat; }
.subCatList LI A { font-size: 1em; font-weight: bold; color: #8a3e98 !important; text-decoration: none; }
.subCatList LI A:hover { color: #878473 !important; }

#directoryListing { margin: 10px 0; }
#directoryListing .tabs { height: 27px; background: url(../i/directoryListing_tabs.gif); }
#directoryListing .tabs .tab { float: left; margin-right: 3px; }
#directoryListing .tabs A { height: 27px; background: url(../i/directoryListing_tabs.gif); }
#directoryListing .tabs .school { width: 167px; background-position: 0 0; }
#directoryListing .tabs .selected .school { width: 167px; background-position: 0 -27px; }
#directoryListing .tabs .postcode { width: 180px; background-position: -170px 0; }
#directoryListing .tabs .selected .postcode { width: 180px; background-position: -170px -27px; }
#directoryListing .tabs .supplier { width: 142px; background-position: -353px 0; }
#directoryListing .tabs .selected .supplier { width: 142px; background-position: -353px -27px; }
#directoryListing .directoryPanel { padding: 9px; border: 1px solid #cec8b0; border-top: 0; }
#directoryListing .item { display: inline-block; padding: 9px; margin-bottom: 18px; border: 1px solid #ffffff; }
#directoryListing .item .col1 { float: left; width: 102px; margin-right: 17px; }
#directoryListing .item .col1 IMG { border: 1px solid #b7b7b7; }
#directoryListing .item .col2 { float: left; width: 380px; }
#schoolDirectory #directoryListing .item .col2 { width: 360px; }
#directoryListing .item .title { margin-bottom: 4px; font-size: 1.3em; line-height: 1em; font-weight: bold; color: #8a3e98; }
#directoryListing .item P { margin: 0; line-height: 1.2em; color: #555555; }
#directoryListing .item P.address { margin: 3px 0 1px; color: #b8b4a4; }
#directoryListing .item P .phone { font-weight: bold; color: #8a3e98; }
#directoryListing .item P A { font-weight: bold; color: #8a3e98; text-decoration: none; }
#directoryListing .featured { border: 1px solid #dcc7df; background: #f2eaf3; }
#directoryListing .featured .col1 IMG { border: 1px solid #be9fc4; }
#directoryListing .featured P { color: #9f78a6; }
#directoryListing .featured P.address { color: #c883d5; }
#directoryListing .empty { font-size:1.2em; color: #c883d5; }

.pagination { width: 600px; margin-top: 10px; padding-top: 7px; border-top: 1px solid #ece8d8; text-align: center; }
.paginationContainer { display: inline-block; width: 200px; }
.pagination .first { float: left; width: 20px; height: 19px; margin-right: 1px; background: url(../i/pagination.gif) 0 0; }
.pagination .first:hover { background-position: 0 -19px; }
.pagination .prev { float: left; width: 20px; height: 19px; background: url(../i/pagination.gif) -21px 0; }
.pagination .prev:hover { background-position: -21px -19px; }
.pagination .next { float: left; width: 20px; height: 19px; margin-right: 1px; background: url(../i/pagination.gif) -122px 0; }
.pagination .next:hover { background-position: -122px -19px; }
.pagination .last { float: left; width: 20px; height: 19px; background: url(../i/pagination.gif) -143px 0; }
.pagination .last:hover { background-position: -143px -19px; }
.pagination UL { float: left; width: 79px; height: 16px; padding-top: 3px; margin: 0 1px; text-align: center; background: url(../i/pagination.gif) -42px 0; }
.pagination UL LI { display: inline; font-size: 1.1em; font-weight: bold; padding:0 2px; }
.pagination UL LI A { color: #ffffff !important; text-decoration: none; }
.pagination UL LI A:hover, .pagination UL LI A.selected { color: #8a3e98 !important; }

/* nationalDirectory */
#nationalDirectoryOuterWrapper { background: url(../i/nationalDirectory_bg_middle.gif); }
#nationalDirectoryWrapper { background: url(../i/nationalDirectory_bg_bottom.jpg) no-repeat 0 100%; }
#nationalDirectory { min-height: 600px; width: 520px; overflow: hidden; padding: 51px 210px 20px 29px; background:no-repeat; position:relative; }
#nationalDirectory .banner { margin-bottom: 10px; }
#nationalDirectory H1 { font: 2.2em Segoe UI, Arial, Verdana, Sans-Serif; color: White; font-weight: bold; position:absolute; top:10px; }
#nationalDirectory H2 { font: 2.2em Segoe UI, Arial, Verdana, Sans-Serif; color: #555555;  }
#nationalDirectory H2 .purple { font-weight: bold; color: #8a3e98; }
#nationalDirectory P { font-size:1.2em; }

#nationalDirectory #breadcrumb { height: 27px; margin-bottom: 16px; }
#nationalDirectory #breadcrumb LI { display: inline; font-size: 1.1em; font-weight: bold; color: #878471; line-height: 27px; }
#nationalDirectory #breadcrumb LI A { padding-right: 18px; color: #878471; text-decoration: none; background: url(../i/breadCrumbArrow.gif) no-repeat 96% 2px; }

#nationalDirectory .pagination { width: 520px; }

#schoolUniformSearch { height: 58px; padding: 11px 14px; margin: 14px 0 18px; background: url(../i/uniformSearchBackground.gif) no-repeat; }
#schoolUniformSearch .textBoxWrapper { float: left; padding: 2px 2px 0; }
#schoolUniformSearch .label { display: block; margin-bottom: 5px; font-size: 1.6em; color: #555555; }
#schoolUniformSearch LABEL { float: left; }
#schoolUniformSearch INPUT { width: 250px; }
#schoolUniformSearch .showResults { float: left; position: relative; top: -3px; width: 116px; height: 29px; margin-left: 5px; background: url(../i/buttons/showResults.gif); }
#schoolUniformSearch .showResults:hover { background-position: 0 -29px; }


/* CONTACT */

#contactForm{width:350px;}
#contactForm LABEL{font-size:1.3em; color:#555555;}
#contactForm INPUT{width:340px;}
#contactForm TEXTAREA{width:340px; padding:2px; font-size:1.1em; color:#535144; border:solid 1px #71706C; background:white url(../i/textBoxBack.jpg) repeat-x;}
#contactForm .textArea .textBoxWrapper{height:77px; padding-top:2px; text-align:center; background:#CAC7B4;}
#contactForm .sendMessage{width:142px; background-image:url(../i/buttons/sendMessage.gif);}


/* ACCOUNT */

#accountForm LABEL { font-size:1.2em; color:#555555; }

#accountForm .textBox {width: 336px;}
#accountForm .textBox INPUT {width: 326px;}

#accountForm .dropDownList SELECT { width:100px; font-size:1.1em; color:#555555; }

#accountForm .radioWrapper { width:75px; float:left; position:relative;}
#accountForm .radioWrapper LABEL { position:relative; left:5px; top:-2px;}

#accountForm .checkBoxWrapper { width:100px; float:left; position:relative;}
#accountForm .checkBoxWrapper LABEL { position:relative; left:5px; top:-2px;}

#accountForm .saveDetails{width:142px; background-image:url(../i/buttons/saveDetails.gif);}


/* FOOTER */ 
#footer { clear: both; width: 590px; margin: 10px auto; margin-bottom:50px; }
.browserFirefox #footer, .browserIE8 #footer  { margin-top: 5px; }
#footer UL { margin: 0 0 0 50px; }
#footer LI { display: inline-block; float: left; }
.browserSafari #footer LI { float: none; }
#footer CANVAS, #footer .IEReflected { margin-top: 5px; }

.sitemap {}
.sitemap H2{ font-size:1.6em; font-weight:bold; color:#555555; margin-bottom:10px;}
.sitemap A{ font-size:1.1em; display:block; margin-bottom:10px;}