/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
-------------- fixed styles, bug fixes and global resets ----------------
-------------------------------------------------------------------------
*/
html {
height: 100%;
}

body {
text-align: center;
font-family: "Trebuchet MS", trebuchet, helvetica, arial, sans-serif;
color: #666666;
letter-spacing: 0.02em;
font-size:100%;
background: #E3DCC0;
height: 100%;
}

img {
display: block;
border: 0;
}

* {
padding: 0;
margin: 0;
}

strong {
font-weight: bold;
letter-spacing: 0em;
}

.clearer {
	height: 1px;
	clear: both;
	overflow: hidden;
}
.clearer hr {
display: none;
}

.accessStyle, .hide {
display: none;
}

.accessLink {
/* access keys still react, but visually hidden */
position: absolute;
left: -9999px;
}

select, textarea, input {
font-family: "Trebuchet MS", trebuchet, helvetica, arial, sans-serif;
font-size: 1em;
letter-spacing: 0.02em;
line-height: 1.1em;
}

form {
font-size: 1em;
}

fieldset {
border: 0;
}

iframe {
border: 0;
width: 600px;
margin: 0 auto;
}

.highlight_word{
background-color: #8CA1B9;
color: #fff;
padding: 0 3px;
}

.webArticleListing {
margin: 12px 0;
padding-left: 60px;
}

.webArticleListing li {
border-bottom: 1px solid #DAD9D6;
margin-bottom: 12px;
padding-left: 0px;
padding-bottom: 8px;
}

.webArticleListing li:last-child {
margin-bottom: 0;
}

.webArticleListing ul li {
padding: 0;
margin: 0;
border: 0;
}

.webArticleListing h3 {
padding-left: 12px;
}

.webArticleListing p {
padding-left: 12px;
}

/*
----------------------------------
------- end fixed styles ---------
----------------------------------
*/











/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------- core  structural elements  ------------------------
-------------------------------------------------------------------------
*/


/*please set width and float for wrapper, supplementaryContent and mainContent in columns.css. 
This is for the CMS in the backoffice. It also determines the three column layout for front end
and back office using relative positioning*/

#headerRepeater {
background: url(../images/background-repeater.gif) repeat-x left top;
width: 100%;
height: 100%;
}



#wrapper {
	margin: 0 auto -326px;
	text-align: left;
	font-size: 0.75em;
	line-height:1.4em;
	letter-spacing: 0.04em;
padding: 0;
	position: relative;
  min-height: 100%;

}
#mainContent {
padding: 121px 0 0 0;
}
.supplementaryContent {
padding: 140px 0 0 0;
}

#header {
	height: 111px;
	width: 950px;

	position: absolute;
	top: 0px;
	left: 0px;
}

#newFlashMoviesId {
position: absolute;
left: -725px;
top: 0;
outline: none;
}

#mainBannerHolder {
position: relative;
height: 261px;
}

#footer {
color: #484330;
	background: url(../images/ratcliffe-life-montage.jpg) no-repeat center bottom;
	font-size: 0.75em;
	line-height:1.2em;
	letter-spacing: 0.04em;
	display:block;
text-align: right;
	width:100%;
	height: 326px;
position: relative;
z-index: 1000;
	padding: 0;
}

#footerInner {
width: 950px;
	margin: 0 auto;
}

#stickyFooter {
height: 326px;
clear: both;
position: relative;
z-index: 1;
}

#stickyFooter hr {
display: none;
}

#twitter {
font-family: "courier new", courier, monospace;
color: #484330;
text-align: left;
width: 418px;
float: left;
line-height: 1.1em;
font-size: 0.9em;
}

#twitter blockquote {
background: url(../images/quote-open.gif) no-repeat 69px 33px;
padding: 30px 33px 0 99px;
}

#twitter blockquote p {
background: url(../images/quote-close.gif) no-repeat right bottom;
padding: 0 30px 0 0;
}

#footerLinks {
width: 476px;
float: right;
padding: 8px 6px 0 50px;
font-size: 0.95em;
}

#followUsTwitter:link, #followUsTwitter:visited {
height: 17px;
width: 114px;
text-indent: -9999px;
overflow: hidden;
display: block;
background: url(../images/buttons/follow-us-twitter.gif) no-repeat left top;
margin: 8px 36px 0 98px;
float: left;
}
#followUsTwitter:hover, #followUsTwitter:active, #followUsTwitter:focus {
height: 17px;
width: 114px;
text-indent: -9999px;
overflow: hidden;
display: block;
background: url(../images/buttons/follow-us-twitter.gif) no-repeat right top;
margin: 8px 36px 0 98px;
float: left;
}

#viewTweets:link, #viewTweets:visited {
height: 20px;
width: 91px;
text-indent: -9999px;
overflow: hidden;
display: block;
background: url(../images/buttons/view-tweets.gif) no-repeat left top;
margin: 4px 0 0 0;
}
#viewTweets:hover, #viewTweets:active, #viewTweets:focus {
height: 20px;
width: 91px;
text-indent: -9999px;
overflow: hidden;
display: block;
background: url(../images/buttons/view-tweets.gif) no-repeat right top;
}

#yearsWrapper {
background: url(../images/full-width-fixed-paper.gif) no-repeat left top;
width: 950px;
height: 178px;
}

#pagetheCollege #yearsWrapper, #pageacademicProgramme #yearsWrapper {
position: absolute;
top: 133px;
}

#pagetheCollege #mainContent, #pageacademicProgramme #mainContent {
padding: 304px 0 0 0;
}
#pagetheCollege .supplementaryContent, #pageacademicProgramme .supplementaryContent {
padding: 323px 0 0 0;
}

#yearsWrapper ul {
list-style-type: none;
padding: 20px 0 0 25px;
}

#yearsWrapper li {
float: left;
margin: 0 18px 0 0;
}

#yearsWrapper li#yearsSixth {
margin: 0;
}

#yearsWrapper li h1 a:link, #yearsWrapper li h1 a:visited {
width: 214px;
height: 141px;
display: block;
text-indent: -9999px;
overflow: hidden;
background-repeat: no-repeat;
background-position: left top;
}

#yearsWrapper li h1 a:hover, #yearsWrapper li h1 a:active, #yearsWrapper li h1 a:focus {
width: 214px;
height: 141px;
display: block;
text-indent: -9999px;
overflow: hidden;
background-repeat: no-repeat;
background-position: right top;
}

#yearsNursery h1 a {
background-image: url(../images/years-nursery.jpg);
}
#yearsJunior h1 a {
background-image: url(../images/years-junior.jpg);
}
#yearsSenior h1 a {
background-image: url(../images/years-senior.jpg);
}
#yearsSixth h1 a {
background-image: url(../images/years-sixth-form.jpg);
}


body.pagenurserySchool #yearsWrapper li#yearsNursery h1 a:link, body.pagenurserySchool #yearsWrapper li#yearsNursery h1 a:visited, body.pagetheJuniorDepartment #yearsWrapper li#yearsJunior h1 a:link, body.pagetheJuniorDepartment #yearsWrapper li#yearsJunior h1 a:visited, body.pageseniorSchool #yearsWrapper li#yearsSenior h1 a:link, body.pageseniorSchool #yearsWrapper li#yearsSenior h1 a:visited, body.pagesixthForm #yearsWrapper li#yearsSixth h1 a:link, body.pagesixthForm #yearsWrapper li#yearsSixth h1 a:visited {
background-position: right top;
}

#newsImage {
float: left;
border: 1px solid #dad9d6;
padding: 3px;
margin: 2px 16px 16px 30px;
}

#ratcliffeSport {
padding: 0;
}

#ratcliffeSport a:link, #ratcliffeSport a:visited {
background: url(../images/sport-at-ratcliffe.jpg) no-repeat left top;
width: 725px;
height: 201px;
text-indent: -9999px;
display: block;
overflow: hidden;
}
#ratcliffeSport a:hover, #ratcliffeSport a:active, #ratcliffeSport a:focus {
background: url(../images/sport-at-ratcliffe.jpg) no-repeat right top;
width: 725px;
height: 201px;
text-indent: -9999px;
display: block;
overflow: hidden;
}

#matchReport {
padding: 0 0 35px 0;
}

#matchReport .photo {
background: url(../images/match-bg.gif) no-repeat left top;
width: 339px;
height: 213px;
padding: 8px 0 0 10px;
margin: 0 0 0 26px;
float: left;
}

#matchReport .details {
float: right;
width: 310px;
margin-right: 25px;
}

#matchReport .details h2.sportYear {
font-size: 2.0em;
color: #7E7861;
font-weight: normal;
border-bottom: 1px solid #DAD9D6;
margin: 0;
padding: 5px 5px 12px 5px;
}

#matchReport .details p.date {
text-align: right;
font-size: 1.0em;
border-bottom: 1px solid #DAD9D6;
margin: 0;
padding: 5px 5px;
}

#matchReport .details p.result {
padding: 11px 5px 9px 5px;
text-transform: uppercase;
}

#matchReport .details p.short_desc {
padding: 0 5px 9px 5px;
}

#matchReport .details p.readMore {
padding: 0 5px;
}

#matchReport .details p.readMore a:link, #matchReport .details p.readMore a:visited {
background: url(../images/buttons/continue-reading.gif) no-repeat left top;
width: 192px;
height: 17px;
text-indent: -9999px;
display: block;
overflow: hidden;
float: right;
}

#matchReport .details p.readMore a:hover, #matchReport .details p.readMore a:active, #matchReport .details p.readMore a:focus {
background: url(../images/buttons/continue-reading.gif) no-repeat right top;
width: 192px;
height: 17px;
text-indent: -9999px;
display: block;
overflow: hidden;
float: right;
}

#resultsFixtures {
padding: 0 35px 0 0;
}

#recentResults {
float: left;
width: 332px;
}

#upcomingFixtures {
float: right;
width: 332px;
}

#recentResults .actionLinks, #upcomingFixtures .actionLinks {
margin: 0 35px;
padding: 6px 0 0 0;
border-top: 1px solid #dad9d6;
}

#upcomingFixtures li, #recentResults li {
padding: 0 0 12px 0;
}

.sportsListings {
padding: 0;
background: url(../images/vert-splitter.gif) repeat-y center top;
}

#wrapper .sportsListings h3.dynamicHeader {
margin: 0 24px;
border-bottom: 8px solid #fff;
}

.sportsListings #recentResults {
margin: 8px 0;
padding: 0;

}

.sportsListings #recentResults ol {
padding: 0;
margin: 0 0 0 24px;
list-style-type: none;
width: 700px;
}

#wrapper .sportsListings #recentResults li {
float: left;
width: 326px;
clear: none;
margin: 0 24px 12px 0;

}



#recentResults p.sport_year, #upcomingFixtures p.sport_year {
background: #7E7861;
color: #fff;
font-family: georgia, palatino, "times new roman", times, serif;
padding: 2px 6px;
font-size: 1.0em;
}

#recentResults p.date, #upcomingFixtures p.date {
padding: 5px 6px 2px 6px;
}

#recentResults p.result, #upcomingFixtures p.result {
padding: 0 6px 2px 6px;
text-transform: uppercase;
}

#recentResults p.link {
padding: 0 6px 2px 6px;
}

#recentResults p.link a:link, #recentResults p.link a:visited {
background: url(../images/buttons/read-match-report.gif) no-repeat left top;
width: 192px;
height: 17px;
text-indent: -9999px;
display: block;
overflow: hidden;
float: right;
}

#recentResults p.link a:hover, #recentResults p.link a:active, #recentResults p.link a:focus {
background: url(../images/buttons/read-match-report.gif) no-repeat right top;
width: 192px;
height: 17px;
text-indent: -9999px;
display: block;
overflow: hidden;
float: right;
}

#mainCatDesc, #teamDetails {
border-top: 1px solid #dad9d6;
border-bottom: 1px solid #dad9d6;
margin: 6px 24px 24px 24px;
padding: 0 0 1px 0;
}

#mainCatDesc p {
padding: 0 0 6px 0;
}

#mainCatDesc img, #teamDetails img {
border-top: 1px solid #fff;
}

.teamListing {
padding: 28px 0 0 0;
}

#wrapper h3.dynamicHeader {
width: 663px;
height: 17px;
background: #002f63;
color: #fff;
padding: 0;
margin: 0;
border-top: 1px solid #fff;
text-transform: uppercase;
font-size: 1.1em;
padding: 4px 7px;
}

#headmasterWelcome h3 {
width: 244px;
height: 26px;
text-indent: -9999px;
overflow: hidden;
background: url(../images/headers/listen-headmaster.gif) no-repeat left top;
padding: 0;
}

#headmasterWelcome {
position: absolute;
right: 26px;
bottom: 22px;
}

#pageHome #contentManaged {
background: url(../images/headmaster-signature.gif) no-repeat 35px 100%;
padding: 0 280px 0 0;
min-height: 300px;
}

#videoFlashWrapper {
margin: 0 0 0 38px;
}

/*
----------------------------------
------- end core structure -------
----------------------------------
*/




/*
-------------------------------------------------------------------------
-------------------------------------------------------------------------
---------------------- global, flexible styles --------------------------
-------------------------------------------------------------------------
*/

h1, h2, h3, h4, h5, h6{
color:#46474A;
padding-bottom:10px;
letter-spacing: 0em;
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
color: #EDEB3A;
font-style: normal;
}

h1{
font-size:1.5em;
line-height:1.2em;
}

h2{
font-size:1.25em;
line-height:1.2em;
}

h3{
font-size:1.2em;
line-height:1.1em;
}

h4, h5, h6{
font-size:1.2em;
line-height:1.1em;
}

#wrapper h1.styledHeader {
width: 450px;
height: 26px;
overflow: hidden;
text-indent: -9999px;
background-position: left top;
background-repeat: no-repeat;
padding: 0;
margin: 0 0 6px 35px;
}

h1.dynamicTitle {
	/* approximate graphical headers for those headings that need to be dynamic, eg. in products.skin */
position: relative;
top: -3px;
padding: 0;
margin: 0 0 6px 35px;
text-transform: uppercase;
font-size: 1.7em;
}

h1.dynamicTitle span {
padding-left: 14px;
}

#wrapper h2.styledHeader {
width: 450px;
height: 18px;
overflow: hidden;
text-indent: -9999px;
background-position: left top;
background-repeat: no-repeat;
padding: 0;
margin: 0 0 8px 35px;
}

p {
padding-bottom:10px;
}

.contentBlock h1, .contentBlock h2, .contentBlock h3, .contentBlock h4, .contentBlock h5, .contentBlock h6 {
/* any content managed pages will sit within this block: */
font-family: "Lucida sans","Trebuchet MS", arial, helvetica, sans-serif;
padding: 0px 35px 6px 35px;
margin: 0;
color: #002F63;
}

.contentBlock p {
padding: 0px 35px 12px 35px;
color: #484330;
}

.contentBlock ul, .contentBlock ol {
padding: 0px 35px 12px 35px;
margin-left: 18px;
color: #484330;
}

#ThreeColLeft {

}

#pageSiteMap .contentBlock ul {
/* site map lists */
list-style-type: none;
margin: 8px 0 12px 2px;
clear: both;
}

#pageSiteMap .contentBlock ul li {
padding-bottom: 5px;
}

#pageSiteMap .contentBlock ul ul {
margin: 3px 0 0 15px;
padding: 0;
}

.contentBlock form {
padding: 0px 35px 12px 35px;
}

.contentBlock table {
margin: 0px 35px 12px 35px;
}

.contentBlock #contentManaged img, #pageBlog .contentBlock img {
display: inline;
}

.contentBlock form h1, .contentBlock form h2, .contentBlock form h3, .contentBlock form h4, .contentBlock form h5, .contentBlock form h6, .contentBlock form p {
padding-left: 0;
}

#contentManaged table p, #contentManaged2 table p {
padding-left: 0;
}

.smaller {
font-size:0.85em;
}



abbr {
border: 0;
}


/*
----------------------------------
-------- end flexible ------------
----------------------------------
*/









/*
-------------------------------------------------------------------------
-------------------------------------------------------------------------
---------------------- main content structural --------------------------
-------------------------------------------------------------------------
*/


/* --------  supplementary content. This creates a 3 column layout -------- */

.supplementaryContent .panel {
width: 225px;
margin-bottom: 6px;
	/* stop long names in the basket breaking the layout: */
	overflow: hidden;
}

#wrapper .supplementaryContent #panelSubNav .panelTop, #wrapper .supplementaryContent #blogPanel .panelTop {
background: url(../images/panel-top1c.gif) no-repeat left top;
}

#wrapper .supplementaryContent #panelSubNav .panelInner, #wrapper .supplementaryContent #blogPanel .panelInner {
padding-top: 16px;
}

#wrapper #sportsPanel .panelTop {
background: url(../images/panel-top1b.gif) no-repeat left top;
}
#wrapper #sportsPanel .panelTop .panelInner {
padding-top: 13px;
}

/* --------  these are mostly the individual panels within the supplementary content -------- */

.supplementaryContent .panel form, .supplementaryContent .panel .panelInner {
padding: 13px 14px 16px 19px;
background: url(../images/panel-bottom.gif) no-repeat left bottom;
}

.supplementaryContent .panel .panelTop {
background: url(../images/panel-top1.gif) no-repeat left top;
}

#wrapper .supplementaryContent #prospectusPanel .panelTop {
background: url(../images/panel-top1b.gif) no-repeat left top;
}
#wrapper .supplementaryContent #prospectusPanel .panelInner {
padding-top: 13px;
}



.supplementaryContent #newsPanel {
margin-top: 10px;
}

.supplementaryContent #eventsPanel .panelTop, .supplementaryContent #newsPanel .panelTop {
background: url(../images/panel-top2.gif) no-repeat left top;
}
.supplementaryContent #eventsPanel .panelInner, .supplementaryContent #newsPanel .panelInner {
padding-top: 21px;
}

.supplementaryContent .panel form {
margin-top:10px;
}

.supplementaryContent .panel fieldset, .supplementaryContent .panel .panelInner p {
padding: 9px 15px 9px 15px;
}

.supplementaryContent .panel .styledInput {
color: #2B2B2C;
background: #fff url(../images/input-repeater.gif) repeat-x left top;
width: 164px;
margin-bottom: 6px;
padding: 2px;
border: 1px solid #ffffff;
}
.supplementaryContent #subscribePanel #privacyLink{
display:block;
padding:10px 0px;
}

/* side panel lists: */
.supplementaryContent .panel ul {
list-style-type: none;
}

.supplementaryContent .panel form ul {
background: none;
}



.supplementaryContent .panel h2 {
width: 192px;
height: 26px;
text-indent: -9999px;
overflow: hidden;
padding: 0;
}



#wrapper .supplementaryContent .panel .graphicalListing, #pageSearchResults #wrapper #searchResultsBlock .graphicalListing {
list-style-type: none;
margin: 6px 0;
padding: 0;
}

#headerRepeater #wrapper .supplementaryContent .panel .graphicalListing a:link, #headerRepeater #wrapper .supplementaryContent .panel .graphicalListing a:visited, #pageSearchResults #wrapper #searchResultsBlock .graphicalListing a:link, #pageSearchResults #wrapper #searchResultsBlock .graphicalListing a:visited {
display: block;
text-indent: -9999px;
overflow: hidden;
width: 192px;
height: 17px;
background-repeat: no-repeat;
background-position: left top;
margin: 0;
border: 0;
}
#headerRepeater #wrapper .supplementaryContent .panel .graphicalListing a:hover, #headerRepeater #wrapper .supplementaryContent .panel .graphicalListing a:active, #headerRepeater #wrapper .supplementaryContent .panel .graphicalListing a:focus, #pageSearchResults #wrapper #searchResultsBlock .graphicalListing a:hover, #pageSearchResults #wrapper #searchResultsBlock .graphicalListing a:active, #pageSearchResults #wrapper #searchResultsBlock .graphicalListing a:focus {
display: block;
text-indent: -9999px;
overflow: hidden;
width: 192px;
height: 17px;
background-repeat: no-repeat;
background-position: right top;
margin: 0;
border: 0;
}

#pageSearchResults #wrapper #searchResultsBlock .searchResultsAll {
margin: 0 0 42px 34px;
padding: 0;
}

#headerRepeater #wrapper #prospectusDownload a {
background-image: url(../images/buttons/prospectus-download.gif);
}
#headerRepeater #wrapper #prospectusRequest a {
background-image: url(../images/buttons/prospectus-request.gif);
}
#headerRepeater #wrapper #moreEvents a {
background-image: url(../images/buttons/more-events.gif);
}
#headerRepeater #wrapper #moreTermDates a {
background-image: url(../images/buttons/more-term-dates.gif);
}

#pageSearchResults #wrapper .graphicalListing .viewPageExcerpt a {
background-image: url(../images/buttons/view-page-excerpt.gif);
float: right;
}

#pageSearchResults #wrapper .graphicalListing #allBlogResults a {
background-image: url(../images/buttons/all-blog-results.gif);
}

#pageSearchResults #wrapper .graphicalListing #allSearchResults a {
background-image: url(../images/buttons/all-page-results.gif);
}

#noticeBoardPanel {
width: 225px;
height: 227px;
background: url(../images/pinboard.jpg) no-repeat left top;
overflow: hidden;
}

#noticeBoardPanel ul {
list-style-type: none;
padding: 26px 0 0 0;
}

#wrapper #noticeBoardPanel #noticeBlog a:link, #wrapper #noticeBoardPanel #noticeBlog a:visited {
width: 172px;
height: 71px;
overflow: hidden;
display: block;
text-indent: -9999px;
background: url(../images/read-our-blog.jpg) no-repeat left top;
margin: 0 0 0 28px;
}
#wrapper #noticeBoardPanel #noticeBlog a:hover, #wrapper #noticeBoardPanel #noticeBlog a:active, #wrapper #noticeBoardPanel #noticeBlog a:focus {
width: 172px;
height: 71px;
overflow: hidden;
display: block;
text-indent: -9999px;
background: url(../images/read-our-blog.jpg) no-repeat right top;
margin: 0 0 0 28px;
}

#wrapper #noticeBoardPanel #noticeCharity a:link, #wrapper #noticeBoardPanel #noticeCharity a:visited {
width: 81px;
height: 103px;
overflow: hidden;
display: block;
text-indent: -9999px;
background: url(../images/charity-work.jpg) no-repeat left top;
float: left;
margin: 0 0 0 28px;
}
#wrapper #noticeBoardPanel #noticeCharity a:hover, #wrapper #noticeBoardPanel #noticeCharity a:active, #wrapper #noticeBoardPanel #noticeCharity a:focus {
width: 81px;
height: 103px;
overflow: hidden;
display: block;
text-indent: -9999px;
background: url(../images/charity-work.jpg) no-repeat right top;
float: left;
margin: 0 0 0 28px;
}

#wrapper #noticeBoardPanel #noticeRatcliffian a:link, #wrapper #noticeBoardPanel #noticeRatcliffian a:visited {
width: 95px;
height: 103px;
overflow: hidden;
float: right;
display: block;
text-indent: -9999px;
background: url(../images/ratcliffian.jpg) no-repeat left top;
margin: 0 21px 0 0;
}
#wrapper #noticeBoardPanel #noticeRatcliffian a:hover, #wrapper #noticeBoardPanel #noticeRatcliffian a:active, #wrapper #noticeBoardPanel #noticeRatcliffian a:focus {
width: 95px;
height: 103px;
overflow: hidden;
float: right;
display: block;
text-indent: -9999px;
background: url(../images/ratcliffian.jpg) no-repeat right top;
margin: 0 21px 0 0;
}

#wrapper .monthYear {
background: #7E7861;
color: #fff;
font-family: georgia, palatino, "times new roman", times, serif;
padding: 2px 6px;
font-size: 1.1em;
position: relative;
}

.monthYear span {
text-align: right;
display: block;
position: absolute;
right: 6px;
top: 2px;
width: 60px;
}

#mainContent .monthYear {
margin: 0 30px;
}

.eventsSummaryListing .vevent .dtstart, .allEventsSummaryListing .vevent .dtstart {
width: 50px;
height: 38px;
font-family: georgia, palatino, "times new roman", times, serif;
background: url(../images/calendar.gif) no-repeat left top;
display: block;
color: #23221C;
font-size: 2.2em;
text-align: center;
padding: 17px 0 0 0;
float: left;
}

#wrapper .eventsSummaryListing, #wrapper #termDatesListing, #wrapper .allEventsSummaryListing {
background: transparent;
color: #484330;
}



#wrapper .supplementaryContent #eventsPanel .graphicalListing {
margin: 0 0 9px 0;
}

#wrapper .allEventsSummaryListing {
list-style-type: none;
padding: 0 31px 0 15px;
}

.eventsSummaryListing .vevent h3.summary {
padding: 0;
font-size: 1.1em;
float: right;
width: 133px;
font-weight: normal;
}

.caseStudyTextBlock {
padding: 3px 0 0 0;
float: right;
width: 590px;
font-weight: normal;
}

.caseStudyTextBlock img {
float: right;
padding: 2px;
border: 1px solid #dad9d6;
margin: 0 0 12px 18px;
position: relative;
top: 3px;
}

.caseStudyTextBlock p.moreLink {
padding: 0;
}



.caseStudyTextBlock p.moreLink a:link, .caseStudyTextBlock p.moreLink a:visited {
background: url(../images/buttons/read-more-event.gif) no-repeat left top;
width: 192px;
height: 23px;
text-indent: -9999px;
display: block;
overflow: hidden;
float: right;
}

.caseStudyTextBlock p.moreLink a:hover, .caseStudyTextBlock p.moreLink a:active, .caseStudyTextBlock p.moreLink a:focus {
background: url(../images/buttons/read-more-event.gif) no-repeat right top;
width: 192px;
height: 23px;
text-indent: -9999px;
display: block;
overflow: hidden;
float: right;
}

.caseStudyTextBlock h3, .caseStudyTextBlock p {
padding-left: 0;
}

#termDatesListing .vevent h3.summary {
padding: 0 6px;
font-size: 1.05em;
font-weight: normal;
color: #484330;
}

#termDatesListing .vevent abbr {
padding: 0 6px;
font-weight: normal;
color: #484330;
}

.eventsSummaryListing .vevent, #termDatesListing .vevent, .allEventsSummaryListing .vevent {
padding: 8px 0;
border-bottom: 1px solid #DAD9D6;

}

.eventsSummaryListing .vevent {
width: 192px;
}

#wrapper .eventsSummaryListing .url, #wrapper .allEventsSummaryListing .url {
border: 0 !important;
}

.eventsSummaryListing .vevent:last-child, #termDatesListing .vevent:last-child, .allEventsSummaryListing .vevent:last-child {
border: 0;
padding-bottom: 0;
}

.eventsSummaryListing .vevent hr, .allEventsSummaryListing .vevent hr {
clear: both;
border: 1px solid #fff;
background: #fff;
padding: 0;
margin: 0;
}

#wrapper .eventsSummaryListing .vevent h3 a:link, #wrapper .eventsSummaryListing .vevent h3 a:visited, #wrapper .allEventsSummaryListing .vevent h3 a:link, #wrapper .allEventsSummaryListing .vevent h3 a:visited {
background: transparent;
color: #484330;
border: 0;
}

#threeSplitPara {
list-style-type: none;
padding-left: 0;
}

#threeSplitPara li {
float: left;
width: 200px;
padding: 0 20px 0 0;
}

#threeSplitPara li p {
padding: 0 0 0 18px;
}

/* --------  breadcrumbs and pagination -------- */

#breadcrumbs {
list-style-type: none;
padding: 5px 5px;
border-top: 1px solid #DAD9D6;
margin: 36px 30px 0 30px;
}


#breadcrumbs li {
display: inline;
}

.paginationBlock {
text-align: right;
padding: 0 0 0 5px;
margin: 6px 30px;
color: #dad9d6;
}


.paginationBlock .showing{
float:left;
}

#topPagination{
border-bottom:1px solid #dad9d6;
margin-bottom:15px;
}
#bottomPagination {
border-top: 1px solid #dad9d6;
padding-top: 8px;
}

.paginationBlock p {
padding: 0 0 4px 0;
margin: 0;
color: #979492;
font-size: 0.8em;
text-transform: uppercase;
}



.pagLinkFirst, .pagLinkPrev, .pagLinkNext, .pagLinkLast {


}

/* --------  CMS pages and login -------- */

.contentBlock {
	/* any content managed pages will sit within this block: */
background: url(../images/paper-repeater.jpg) repeat-y left top;
	position: relative;

	width: 725px;
}

.paperTop {
background: url(../images/paper-top.jpg) no-repeat left top;
}

#pageSports .paperTop {
background: url(../images/sports-paper-top.jpg) no-repeat left top;
}



.paperBottom {
background: url(../images/paper-bottom.jpg) no-repeat left bottom;
padding: 50px 0 36px 0;
min-height: 115px;
color: #484330;
}

#pageSports .paperBottom {
padding-top: 164px;
}

#pageHome .paperBottom {
padding-top: 0;
}

#pageSports #wrapper .sportsHomeIntro {
padding: 8px 0 14px 0;
}

#emergencyAnnouncment {
background: url(../images/emergency-repeater.gif) repeat-y left top;
}

#emergencyAnnouncment #emergencyTitle {
background: url(../images/headers/important-announcement.gif) no-repeat left top;
width: 725px;
height: 47px;
text-indent: -9999px;
margin: 10px 0 0 0;
}

#announcementText {
background: url(../images/emergency-bottom.gif) no-repeat left bottom;
padding: 0 33px 23px 33px;
color: #222E37;
min-height: 110px;
}

#announcementText h2 {
color: #002F63;
text-transform: uppercase;
font-size: 1.5em;
font-weight: normal;
padding: 0 0 3px 0;
}
#headsName {
text-align: right;
padding: 15px 15px 45px 0;
}

#headmastersNewsletter {
padding: 0;
position: absolute;
top: 280px;
right: 15px;
}

#headmastersNewsletter a:link, #headmastersNewsletter a:visited {
display: block;
text-indent: -9999px;
overflow: hidden;
width: 275px;
height: 258px;
background: url(../images/headmasters-newsletter.jpg) no-repeat left top;
}
#headmastersNewsletter a:hover, #headmastersNewsletter a:active, #headmastersNewsletter a:focus {
display: block;
text-indent: -9999px;
overflow: hidden;
width: 275px;
height: 258px;
background: url(../images/headmasters-newsletter.jpg) no-repeat right top;
}

#splitWrapper {
/* used to ensure background repeats for both columns: */
background: #DADADB url(../images/split-repeater.gif) repeat-y center top;
}


#splitLeft, #splitRight{
padding:20px;
width:192px;
border:3px solid #2B2B2C;
margin-top:30px;
position:relative;
}

#splitLeft {
float: left;
/* fix IE double margin bug: */
display: inline;
/* also inherits from .contentBlock */
}

#splitRight {
float: right;
clear: none;
}

#pageSignin #splitRight .actionLinks {
padding-top: 18px;
}

#Wrapper #splitRight .fakebutton{
float: left;
}

#splitLeft h2.styledHeader, #splitRight h2.styledHeader {
width: 100%;
}


/* --------  Alert Boxes and Success Boxes -------- */

.alertBox, .successBox {
border: 1px solid #DADADB;
position: relative;
color: #fff;
margin: 10px 30px;
padding: 12px;
clear: both;
background: #7E7861;
}

.alertBox p, .alertBox ul {
background: url(../images/icons/alert-prompt.gif) no-repeat left top;
padding: 3px 11px 6px 45px;
/* this has a corresponding entry in IE6.css */
min-height: 18px;
color: #fff;
}

.successBox p, .successBox ul {
padding: 3px 11px 6px 45px;
background: url(../images/icons/success-prompt.gif) no-repeat left top;
/* this has a corresponding entry in IE6.css */
min-height: 18px;
color: #fff;
}



#wrapper .helpBox{
background-color: #95B896;
}

#wrapper .helpBox, #wrapper .helpBox a:link, #wrapper .helpBox a:visited, #wrapper .helpBox h2{
color:#FFFFFF;
}

/* horizontal filters:  */
.formProductFilters {
background: url(../images/headers/blank-header.gif) no-repeat left top;
padding: 4px 6px 0 6px;
}

.formProductFilters select.styledSelect {
width: 94px;
border: 1px solid #666666;
color: #2B2B2C;
background: #fff url(../images/input-repeater.gif) repeat-x left top;
margin-bottom: 6px;
padding: 1px 0 0 2px;
height: 20px;

}

.formProductFilters .filterButton {
width: 24px;
height: 20px;
border: 0;
background-position: left top;
background-repeat: no-repeat;
background-color: transparent;
overflow: hidden;
padding: 0;
text-indent: -9999px;
cursor: pointer;
}

.formProductFilters .filterButton.disabled {
background-position: right top;
}

.formProductFilters #horizontalFilterGenderMaleOn {
background-image: url(../images/buttons/filter-gender-male-on.gif);
}

.formProductFilters #horizontalFilterGenderMaleOff {
background-image: url(../images/buttons/filter-gender-male-off.gif);
}

.formProductFilters #horizontalFilterGenderFemaleOn{
background-image: url(../images/buttons/filter-gender-female-on.gif);
}

.formProductFilters #horizontalFilterGenderFemaleOff{
background-image: url(../images/buttons/filter-gender-female-off.gif);
}

.formProductFilters #horizontalFilterOrderPriceAscOn {
background-image: url(../images/buttons/filter-order-price-asc-on.gif);
}

.formProductFilters #horizontalFilterOrderPriceAscOff {
background-image: url(../images/buttons/filter-order-price-asc-off.gif);
}

.formProductFilters #horizontalFilterOrderPriceDescOn {
background-image: url(../images/buttons/filter-order-price-desc-on.gif);
}

.formProductFilters #horizontalFilterOrderPriceDescOff {
background-image: url(../images/buttons/filter-order-price-desc-off.gif);
}

#wrapper #blogListing, #wrapper #newsListing {
list-style-type: none;
padding: 0 30px;
margin: 18px 0 18px 1px;
}

#blogListing li, #newsListing li {
border-bottom: 1px solid #DAD9D6;
margin-bottom: 12px;
}

#blogListing li:last-child, #newsListing li:last-child {
border: 0;
margin-bottom: 0;
}

.newsHeading {
float: left;
width: 216px;
text-align: right;
}

.newsHeading h3 {
padding-right: 8px;
padding-left: 8px;
line-height: 1.3em;
}

.newsHeading p.date {
padding-right: 8px;
}

.newsBody {
float: right;
width: 429px;
}

.newsBody p {
padding-left: 8px;
padding-top: 2px;
}

.newsBody p.moreLink {
padding: 0;
margin: 0;
}

.newsBody p.moreLink a:link, .newsBody p.moreLink a:visited {
width: 192px;
height: 29px;
display: block;
overflow: hidden;
background: url(../images/buttons/read-this-article.gif) no-repeat left top;
text-indent: -9999px;
float: right;
}
.newsBody p.moreLink a:hover, .newsBody p.moreLink a:active, .newsBody p.moreLink a:focus {
width: 192px;
height: 29px;
display: block;
overflow: hidden;
background: url(../images/buttons/read-this-article.gif) no-repeat right top;
text-indent: -9999px;
float: right;
}

#backTo:link, #backTo:visited {
width: 192px;
height: 17px;
display: block;
overflow: hidden;
background: url(../images/buttons/back-to-news.gif) no-repeat left top;
text-indent: -9999px;
margin: 0 0 0 35px;
}
#backTo:hover, #backTo:active, #backTo:focus {
width: 192px;
height: 17px;
display: block;
overflow: hidden;
background: url(../images/buttons/back-to-news.gif) no-repeat right top;
text-indent: -9999px;
margin: 0 0 0 35px;
}

#pageBlog #backTo:link, #pageBlog #backTo:visited {
background: url(../images/buttons/back-to-blog.gif) no-repeat left top;
}
#pageBlog #backTo:hover, #pageBlog #backTo:active, #pageBlog #backTo:focus {
background: url(../images/buttons/back-to-blog.gif) no-repeat right top;
}

#wrapper h2.newsDetailHeader {
font-size: 2.5em;
color: #7E7861;
font-weight: normal;
border-bottom: 1px solid #DAD9D6;
margin: 0 30px;
padding: 0 5px 12px 5px;
}

p.newsDetailDate {
text-align: right;
font-size: 1.2em;
border-bottom: 1px solid #DAD9D6;
margin: 0 30px 12px 30px;
padding: 5px 5px;
}

#blogCommentsBox {
border-top: 1px solid #dad9d6;
border-bottom: 1px solid #dad9d6;
margin: 20px 30px;
padding: 5px 5px;
background: #FCF8F4;
}

#blogCommentsBox h3 {
padding: 10px 0 18px 0;
}

#blogCommentsBox ol {
padding-left: 0;
padding-right: 0;
list-style-type: none;
margin: 0;
}

#blogCommentsBox li p {
padding: 0;
}

#blogCommentsBox li p.auth {
text-align: right;
color: #002F63;
padding: 0 0 15px 0;
font-size: 0.9em;
}

/*
----------------------------------
-------end structural-------------
----------------------------------
*/











/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
------------------ Table stylings for checkout etc  ---------------------
-------------------------------------------------------------------------
*/

.styledTable {
border-collapse: collapse;
font-size: 1em;
width: 500px;
margin: 0px 0px 30px 0px;
background:#fff;
border: 1px solid #DADADB;
position: relative;
color: #1E1E1E;
clear: both;
margin: 0px 0px 30px 0px;
}

#pageWish .styledTable {
margin: 0px 0px 10px 0px;
}

.tableWrapperFixedInner{
position:relative;
}
.tableWrapperFixedWidth{
width:502px;
}
.styledTable th {
color: #ffffff;
padding: 4px 7px;
background: #2B2B2C;
border-bottom: 1px solid #DADADB;
}

.styledTable td {
	padding: 8px 7px;
	border-bottom: 1px solid #DADADB;
	height: 23px;
}


.styledTable .styledInput, .contentBlock .styledInput {
border: 1px solid #666666;
color: #2B2B2C;
background: #fff url(../images/input-repeater.gif) repeat-x left top;
margin: 3px 0 6px 0;
padding: 1px 0 0 2px;
}

.styledTable .fixedWidthHead {
/* standardise tables with <th>s in the left column: */
width: 120px;
}

.styledTable .againstInput {
float: right;
margin: 6px 0 0 7px;
}

#wrapper .styledRadioSelectForm .styledTable {
/* tables in checkout process forms: */
width: 658px;
border: 1px solid #46474A;
}

.styledRadioSelectForm .styledTable th, .styledRadioSelectForm .styledTable td {
border-bottom: 1px solid #46474A;
}

.contentBlock .styledTable {
/* tables in account pages within contentBlock: */
width: 694px;
border-top: 1px solid #fff;
border-left: 0;
border-right: 0;
border-bottom: 0;
margin: 3px 0;
}

.contentBlock .styledTable tr:last-child td, .contentBlock .styledTable tr:last-child th {
border-bottom: 1px solid #AFAFB0;
}

#pageBasket .contentBlock #basket_message {
width: 470px;
margin: 6px 0 10px 15px;
padding: 0;
}

#pageManageAccount .styledTable {
/* lots of tables on the account management page, so split them apart visually: */
margin-top: 26px;
margin-bottom: 6px;
}


#pageMyAccount .styledTable, #pageMyOrders .styledTable {
width: 480px;
margin: 0px 10px 10px 10px;
background:none;
border: 1px solid #DADADB;
background:none;
}


#pageMyAccount .accountSubHead, #pageMyOrders .accountSubHead{
	color:#ffffff;
	display:block;
	padding:10px 5px;
	margin-top: 10px;
	margin-left:9px;
  width:471px;
	background:#333333;
}

#pageMyAccount .styledTable th, #pageMyOrders .styledTable th{
color:#333333;
background: none;
border-bottom: none;
}

#pageMyAccount .styledTable td, #pageMyOrders .styledTable td{
padding: 4px 15px;
border-bottom: none;
position:relative;
}

#pageMyAccount .styledTable .styledInput, #pageMyAccount .contentBlock .styledInput, #pageMyOrders .styledTable .styledInput, #pageMyOrders .contentBlock .styledInput {
color: #2B2B2C;
background: none;
}

/*non defaults look smaller*/
#pageMyAccount div + .tableWrapperFixedWidth .tableWrapperFixedInner .styledTable, #pageMyAccount div + .tableWrapperFixedWidth .tableWrapperFixedInner .styledTable th {
display:block;
color:#999999;
}

/*
----------------------------------
-------end styled tables----------
----------------------------------
*/











/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------- styling for mini basket  ------------------------
-------------------------------------------------------------------------
*/

#pageBasket #basketPanel {
/* hide mini basket on basket page: */
display: none;
}

#basketPanel img {
	border: 1px solid #B5ADA9;
	margin: 10px;
}

#basketPanel ol {
list-style-type: none;
margin-bottom: 6px;
}

#basketPanel li {
border-bottom: 1px solid #595A5D;
}

#basketPanel h3 {
padding: 8px 12px 6px 16px;
}

#basketPanel p {
padding: 0 12px 9px 16px;
}

.supplementaryContent .panel .panelInner a:link, .supplementaryContent .panel .panelInner a:visited {
color: #ffffff;
text-decoration: none;
font-weight: normal;
font-size: 0.9em;
}

.supplementaryContent .panel .panelInner a:hover, .supplementaryContent .panel .panelInner h3 a:active, .supplementaryContent .panel .panelInner h3 a:focus {
color: #e75823;
text-decoration: none;
}

/*
----------------------------------
------- end mini basket ----------
----------------------------------
*/




/* ratings styling */

#ratingSelect {
float: left;
width: 120px;
}

#ratingSelect ul {
list-style-type: none;

}

#ratingSelect input {
margin: 3px 0 0 0;
}

#ratingSelect li {
display: block;
clear: left;
}

#ratingSelect label {
width: 90px;
height: 18px;
display: block;
text-indent: -9999px;
margin: 0 14px 4px 0;
float: left;
cursor: pointer;
}

#ratingForm {
background: #fff;
padding: 0;
margin: 24px 0;
}

#ratingForm fieldset {
padding: 0;
}

#ratingsCommentBlock {
float: right;
width: 476px;
background: #E2E2E2 url(../images/panel-repeater.gif) repeat-x left bottom;
padding: 12px;
}

#ratingsCommentBlock #ratingComments {
height: 205px;
}

#ratingForm #ratingSubmit {
float: right;
}

#ratingForm p {
padding: 0 0 12px 0;
}

#ratingForm .contextHelp {
float: none;
}

/* ---------------------------- */

#productRatingsList {
list-style-type: none;
margin: 12px 0;
}

#pageReviews #productRatingsList {
background: url(../images/dot-repeater.gif) repeat-x left top;
padding-top: 18px;
}

#productRatingsList li {
padding: 0 0 12px 0;
margin: 0 0 12px 0;
background: url(../images/dot-repeater.gif) repeat-x left bottom;
}

#pageReviews #productRatingsList li {
padding: 0 0 12px 0;
margin: 0 0 18px 0;
}

#productRatingsList li:last-child {
margin: 0;
}

#productRatingsList .item .fn {
position: absolute;
left: -9999px;
display: block;
}

#productRatingsList .summary {
color: #3E3E3E;
}

#productRatingsList p.moreLink {
text-align: right;
float: right;
}

#productRatingsList p.moreLink a {
text-transform: uppercase;
font-weight: normal;
}

#averageRating .rating {
width: 90px;
height: 18px;
display: block;
text-indent: -9999px;
float: left;
margin: 0 8px 8px 0;
}

#productRatingsList .rating {
width: 90px;
height: 18px;
display: block;
text-indent: -9999px;

margin: 0 14px 4px 0;
}

#averageRating {
margin: 8px 0;
}

#averageRating .item {
font-weight: bold;
color: #3E3E3E;
}

#averageRating .fn {
padding: 2px 6px 0 0;
}

#averageRating .showHuman {
padding: 2px 0 0 0;
display: block;
text-align: right;
}

#productRatingsList .nonMicroFormat {
text-align: left;
font-size: 0.9em;
margin: 6px 0 0 0;
color: #818181;
}

#pageReviews #productRatingsList .nonMicroFormat {
text-align: right;
}

#wrapper #ratingsAction {
float: right;
margin-top: 0;

}

#ratingsAction li a {
color: #FB560E;
}

#stars10 {
background: url(../images/stars/10-stars.gif) no-repeat left top;
}
#stars9 {
background: url(../images/stars/9-stars.gif) no-repeat left top;
}
#stars8 {
background: url(../images/stars/8-stars.gif) no-repeat left top;
}
#stars7 {
background: url(../images/stars/7-stars.gif) no-repeat left top;
}
#stars6 {
background: url(../images/stars/6-stars.gif) no-repeat left top;
}
#stars5 {
background: url(../images/stars/5-stars.gif) no-repeat left top;
}
#stars4 {
background: url(../images/stars/4-stars.gif) no-repeat left top;
}
#stars3 {
background: url(../images/stars/3-stars.gif) no-repeat left top;
}
#stars2 {
background: url(../images/stars/2-stars.gif) no-repeat left top;
}
#stars1 {
background: url(../images/stars/1-stars.gif) no-repeat left top;
}
/* end ratings */





/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------- dynamic products styling --------------------------
-------------------------------------------------------------------------
*/

#wrapper .productListing .offer-sell {
list-style-type: none;
padding: 0 30px;
margin: 0;
}

#wrapper .productListing .item {
	float: left;
	margin: 0 23px 6px 0;
	width: 198px;
border: 1px solid #dad9d6;
padding: 2px;

	/* width needs fixing for IE because of the border - in separate IE6.css */
position: relative;
	color: #1E1E1E;
		/* stop long names breaking the layout: */
	overflow: hidden;
}

#wrapper .productListing .offer-sell .lastItem {
margin-right: 0;
}

#wrapper .productListing .offer-sell .photo {
position: relative;

}

#wrapper .productListing .offer-sell .photo .new {
/* new or offer strip */
position: absolute;
left: 0;
top: 0;
}



#wrapper .productListing .nonMicroformatWrapper {

}

#wrapper .productListing h3 {

padding: 0;
margin: 0;


}

#wrapper .productListing h3 a:link, #wrapper .productListing h3 a:visited {
background: #7E7861;
color: #fff;
display: block;
text-decoration: none;
padding: 4px 6px;
font-size: 0.8em;
margin: 1px 0 2px 0;
font-weight: normal;
font-family: georgia, palatino, "times new roman", times, serif;
}
#wrapper .productListing h3 a:hover, #wrapper .productListing h3 a:active, #wrapper .productListing h3 a:focus {
background: #656961;
color: #fff;
display: block;
text-decoration: none;
padding: 4px 6px;
font-size: 0.8em;
margin: 1px 0 2px 0;
font-weight: normal;
font-family: georgia, palatino, "times new roman", times, serif;
}

#wrapper .productListing p.teamDetails {
padding: 4px 0 0 0;
margin: 0;
}

#wrapper .productListing p.teamDetails a:link, #wrapper .productListing p.teamDetails a:visited {
background: url(../images/buttons/team-details.gif) no-repeat left top;
width: 192px;
height: 17px;
text-indent: -9999px;
display: block;
overflow: hidden;
float: right;
margin: 0 0 4px 0;
}

#wrapper .productListing p.teamDetails a:hover, #wrapper .productListing p.teamDetails a:active, #wrapper .productListing p.teamDetails a:focus {
background: url(../images/buttons/team-details.gif) no-repeat right top;
width: 192px;
height: 17px;
text-indent: -9999px;
display: block;
overflow: hidden;
float: right;
margin: 0 0 4px 0;
}



#wrapper .productListing p {
color: #1E1E1E;
padding-bottom: 0;
}

#wrapper .productListing .price {
color: #1E1E1E;
font-weight: bold;
float: left;
width: 120px;
padding-top: 5px;
padding-bottom: 8px;
text-align: left;
} 

#wrapper .productListing .price del {
/* pre-sale price: */
text-decoration: line-through;
}

#wrapper .productListing .price ins {
/* sale price: */
text-decoration: none;
}

#wrapper .productListing .stockMessage {
font-size: 0.85em;
padding-top: 5px;
float: left;
width: 72px;
padding-bottom: 8px;
}
.item .styledSubmit{
margin:3px 3px 10px 3px;
}
.item .description{
font-size:0.9em;
}

#wrapper .productListing .versionsWrapper {
/* if versions are used for this product: */
padding: 6px 0 6px 11px;
}

#wrapper .productListing .styledSelect {
/* if versions are used for this product: */
width: 133px;
border: 1px solid #e75823;
background: #fff url(../images/input-repeater.gif) repeat-x left top;
}

/* hide microformat details without disabling them: */
#wrapper .productListing .tagLink, #wrapper .productListing .vcard {
position: absolute;
left: -9999px;
}

#wrapper .productListing form {
clear: both;
}



/*customers also bought*/
#wrapper #customersAlsoBought {
margin:15px 0px 10px 0px
}



/*
----------------------------------
------ end dynamic products ------
----------------------------------
*/











/*
-------------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------- product details styling ---------------------------
-------------------------------------------------------------------------
*/

#currentProductDetails .offer-sell {
margin: 12px 0 20px 0;
background: #fff url(../images/product-repeater.gif) repeat-y center top;
}

#currentProductDetails .item {
border: 1px solid #DADADB;
width: 500px;
position: relative;
color: #1E1E1E;
}

#currentProductDetails .offer-sell .photo {
	position: relative;
	float: left;
	width: 250px;
	border-bottom: 2px solid #fff;
	clear: left;
}

#currentProductDetails .offer-sell .photo .new {
/* new or offer strip */
position: absolute;
left: 0;
top: 0;
}

#currentProductDetails .offer-sell .photo .new img {
border: 0;
}

#currentProductDetails .offer-sell .photo img {
border: 1px solid #B5ADA9;
}

#currentProductDetails .nonMicroformatWrapper {
	/* not required for microformat, but useful for keeping prod details together */
width: 218px;
	float: right;
	padding: 16px;
	position: relative;
	top: 0px;
		background: #DADADB url(../images/dyn-description-repeater.gif) repeat-x left top;
	clear: none;
	/* stop long names breaking the layout: */
	overflow: hidden;
}

#currentProductDetails .nonMicroformatWrapper p {
padding-bottom: 6px;
}

#currentProductDetails .hlisting h3 {
padding-bottom: 6px;
}

#currentProductDetails h3.fn a {
font-family: "Lucida Sans", arial, helvetica, sans-serif;
color: #1E1E1E;
text-decoration: none;

}

#currentProductDetails #pv_id_label{
margin:0px;
float:left;
}

#currentProductDetails .hlisting p {
color: #1E1E1E;
padding-bottom: 0;
}

#currentProductDetails .price {
	color: #1E1E1E;
	font-weight: bold;
	padding: 5px 0;
	margin: 4px 0 12px 0;
	text-align: left;
	border-top: 1px solid #949495;
	border-bottom: 1px solid #949495;
	font-size: 1.3em;
	clear: both;
} 

#currentProductDetails .price del {
/* pre-sale price: */
text-decoration: line-through;
}

#currentProductDetails .price ins {
/* sale price: */
text-decoration: none;

}

#currentProductDetails .versionsWrapper {
	/* if versions are used for this product: */
padding: 3px 0px;
	float: left;
	clear: left;
}

#currentProductDetails .versionsWrapper label {
float: left;
width: 155px;
padding-top: 4px;
}

#currentProductDetails .styledSelect {
/* if versions are used for this product: */
color: #2B2B2C;
width: 100px;
margin: 0 0 6px 0;
float: left;
padding: 1px 0 0 2px;
border: 1px solid #e75823;
background: #fff url(../images/input-repeater.gif) repeat-x left top;
}

#currentProductDetails .versionsWrapper br {
clear: both;
}

#currentProductDetails .stockMessage {
font-size: 0.85em;
padding-top: 5px;
padding-bottom: 8px;
}

/* hide microformat details without disabling them: */
#currentProductDetails .tagLink, #currentProductDetails .vcard {
position: absolute;
left: -9999px;
}

#currentProductDetails .actionLinks {
margin-top: 28px;
}

#currentProductDetails .clearer {
background: #292929;
height: 28px;
border-top: 1px solid #fff;
}

#currentMatchDetails {
margin: 8px 0 0 15px;
padding: 20px 0 0 0;
}

.imageAndThumbsContainer {
/* wrapper for main image and any thumb images */
float:left;
width: 299px;
height: 331px;
background: url(../images/match-photo-bg.gif) no-repeat left top;
padding: 9px 0 0 9px;
}

.reportTextBlock {
float: right;
width: 350px;
margin-right: 25px;
}

#currentMatchDetails h2.sportYear {
font-size: 2.0em;
color: #7E7861;
font-weight: normal;
border-bottom: 1px solid #DAD9D6;
margin: 0;
padding: 5px 5px 12px 5px;
}

#currentMatchDetails p.date {
text-align: right;
font-size: 1.0em;
border-bottom: 1px solid #DAD9D6;
margin: 0;
padding: 5px 5px;
}

#currentMatchDetails p.result {
padding: 11px 5px 9px 5px;
text-transform: uppercase;
}

#currentMatchDetails .sportH3 {
background: #7E7861;
color: #fff;
font-family: georgia, palatino, "times new roman", times, serif;
padding: 2px 6px;
font-size: 1.0em;
margin: 12px 0 0 0;
}

#currentMatchDetails .scoreBlock {
float: left;
width: 164px;
}

#currentMatchDetails .bookingBlock {
float: right;
width: 164px;
}

#currentMatchDetails .scoreBlock ul, #currentMatchDetails .bookingBlock ul {
list-style-type: none;
padding: 2px 0 0 6px;
margin: 0;
}

#currentMatchDetails #reportDetails {
padding: 18px 0 0 6px;
}

#currentMatchDetails #reportDetails p {
padding: 0 0 6px 0;
}

#wrapper p.previousPage {
padding: 38px 0 6px 0;
}

#wrapper #mainContent p.teamDetailsPage, #wrapper #mainContent p.eventDetailsPage {
padding-left: 35px;
}

#wrapper p.previousPage a:link, #wrapper p.previousPage a:visited {
background: url(../images/buttons/previous-page.gif) no-repeat left top;
width: 192px;
height: 17px;
text-indent: -9999px;
display: block;
overflow: hidden;
}

#wrapper p.previousPage a:hover, #wrapper p.previousPage a:active, #wrapper p.previousPage a:focus {
background: url(../images/buttons/previous-page.gif) no-repeat right top;
width: 192px;
height: 17px;
text-indent: -9999px;
display: block;
overflow: hidden;
}
/*
----------------------------------
------- end product list ---------
----------------------------------
*/















/*
-------------------------------------------------------------------------
-------------------------------------------------------------------------
------------------------ global links styling ---------------------------
-------------------------------------------------------------------------
*/

a:link, a:visited {
color: #2B2B2C;
font-weight: bold;
text-decoration: underline;
letter-spacing: 0em;
}

a:hover, a:active, a:focus {
color: #262626;
font-weight: bold;
text-decoration: underline;
letter-spacing: 0em;
}

#footer a:link, #footer a:visited {
color: #484330;
font-weight: normal;
text-decoration: none;
}

#footer a:hover, #footer a:active, #footer a:focus {
color: #484330;
font-weight: normal;
text-decoration: underline;
}

.supplementaryContent .panel ul a:link, .supplementaryContent .panel ul a:visited {
/* fix IE bug: */
display: inline-block;
}

#wrapper .supplementaryContent .panel ul a:link, #wrapper .supplementaryContent .panel ul a:visited {
display: block;
border-bottom: 1px solid #DAD9D6;
margin: 0;
text-decoration: none;
color: #484330;
font-weight: normal;
}

#wrapper .supplementaryContent .panel ul a:hover, #wrapper .supplementaryContent .panel ul a:active, #wrapper .supplementaryContent .panel ul a:focus {
display: block;
border-bottom: 1px solid #DAD9D6;
margin: 0;
color: #002F63;
text-decoration: none;
font-weight: normal;
background: #E4E8EA;
}

#wrapper .supplementaryContent .panel ul li:last-child a {
border: 0;
}

.supplementaryContent .panel ul a span {
display: block;
padding: 4px 15px 4px 7px;
}




/* sub category links: */

#wrapper .supplementaryContent .panel ul ul a:link, #wrapper .supplementaryContent .panel ul ul a:visited {
background: url(../images/action-arrow.gif) no-repeat 7px 8px;
}
#wrapper .supplementaryContent .panel ul ul a:hover, #wrapper .supplementaryContent .panel ul ul a:active, #wrapper .supplementaryContent .panel ul ul a:focus {
background: #E4E8EA url(../images/action-arrow.gif) no-repeat 7px 8px;
}

.supplementaryContent .panel ul ul a span {
display: block;
padding: 4px 15px 4px 24px;
}


#wrapper .supplementaryContent .panel ul ul li:last-child a {
border-bottom: 1px solid #DAD9D6;
}

/* sub sub category links: */

#wrapper .supplementaryContent .panel ul ul ul a:link, #wrapper .supplementaryContent .panel ul ul ul a:visited {
background: url(../images/action-arrow.gif) no-repeat 24px 8px;
}
#wrapper .supplementaryContent .panel ul ul ul a:hover, #wrapper .supplementaryContent .panel ul ul ul a:active, #wrapper .supplementaryContent .panel ul ul ul a:focus {
background: #E4E8EA url(../images/action-arrow.gif) no-repeat 24px 8px;
}

.supplementaryContent .panel ul ul ul a span {
display: block;
padding: 4px 15px 4px 42px;
}


#wrapper .supplementaryContent .panel ul ul ul li:last-child a {
border-bottom: 1px solid #DAD9D6;
}

.supplementaryContent .panel li#RSSLink a span {
background: url(../images/rss-icon.gif) no-repeat 93% center;
}





.styledTable a:link, .styledTable a:visited {
font-weight: normal;
text-decoration: none;
color: #2B2B2C;
}

.styledTable a:hover, .styledTable a:active, .styledTable a:focus {
font-weight: normal;
text-decoration: underline;
color: #2B2B2C;
}

.actionLinks {
list-style-type: none;
margin: 8px 0 12px 0;
clear: both;
}

p + .actionLinks {
margin-top: 0;
}

.actionLinks li {
padding-bottom: 5px;
}

#wrapper .styledLink{
padding:2px 15px;
}

/*this is to make the submit button appear like other links. for example, add to my wishlist in product details. Separate fix in IE.css*/
#wrapper .actionLinks .styledLink{
padding:2px 0px 0px 12px;
font-size:1.05em;
}

.actionLinks a:link, .actionLinks a:visited, .actionLinks .styledLink {
border:0px;
background: url(../images/action-arrow.gif) no-repeat 0 6px;
padding: 2px 2px 2px 15px;
text-decoration: none;
color: #292929;
font-weight: normal;
}

.actionLinks a:hover, .actionLinks a:active, .actionLinks a:focus, .actionLinks .styledLink:hover {
cursor:pointer;
background: url(../images/action-arrow.gif) no-repeat 2px 6px;
padding: 2px 2px 2px 15px;
text-decoration: none;
color: #292929;
font-weight: normal;
}


#pageSiteMap .contentBlock ul a:link, #pageSiteMap .contentBlock ul a:visited {
background: url(../images/action-arrow.gif) no-repeat 0 6px;
padding: 2px 2px 2px 15px;
text-decoration: none;
color: #292929;
font-weight: normal;
}

#pageSiteMap .contentBlock ul a:hover, #pageSiteMap .contentBlock ul a:active, #pageSiteMap .contentBlock ul a:focus {
background: url(../images/action-arrow.gif) no-repeat 2px 6px;
padding: 2px 2px 2px 15px;
text-decoration: none;
color: #292929;
font-weight: normal;
}

.contentBlock .actionLinks {
padding-left: 11px;
}

#pageForgotPassword .contentBlock .actionLinks {
padding-left: 12px;
}



#breadcrumbs a:link, #breadcrumbs a:visited {
color: #002f63;
font-weight: normal;
text-decoration: none;
padding-right: 15px;
margin-right: 3px;
background: url(../images/action-arrow.gif) no-repeat right center;
}

#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus {
color: #002f63;
font-weight: normal;
text-decoration: underline;
padding-right: 15px;
margin-right: 3px;
background: url(../images/action-arrow.gif) no-repeat right center;
}

.paginationBlock a:link, .paginationBlock a:visited {
color: #fff;
font-weight: normal;
text-decoration: none;
background: #6E89A6;
border: 1px solid #6E89A6;
padding: 0 4px;

}

.paginationBlock a:hover, .paginationBlock a:active, .paginationBlock a:focus {
color: #fff;
font-weight: normal;
text-decoration: none;
background: #002F63;
border: 1px solid #6E89A6;
padding: 0 4px;

}

.currentPage {
color: #6E89A6;
font-weight: normal;
text-decoration: none;
background: #fff;
padding: 0 4px;
border: 1px solid #6E89A6;
}

.paginationBlock a span {
/* style the next/prev/first/last links differently: */
font-weight: normal;
}

#bestSellersPanel h3 a:link, #bestSellersPanel h3 a:visited {
color: #666;
text-decoration: none;
}

#bestSellersPanel h3 a:hover, #bestSellersPanel h3 a:active, #bestSellersPanel h3 a:focus {
color: #666;
text-decoration: none;
}


/*
----------------------------------
----------- end links ------------
----------------------------------
*/











/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------------- button styles -------------------------------
-------------------------------------------------------------------------
*/


#wrapper .styledSubmit {
border: 1px solid #4A4A2C;
background: #2B2B2C;
color: #ffffff;
padding: 3px 12px;
cursor: pointer;
line-height: 16px;
/* stop IE adding its own padding: */
overflow: visible;
}

#wrapper .styledSubmit:hover, #wrapper .styledSubmit:active, #wrapper .styledSubmit:focus {
border: 1px solid #000;
}

#whlBasket{
	float:right;
	margin: 4px 0px 0px 0px;
}

.fakeButton:link, .fakeButton:visited {
background: #2B2B2C;
color: #ffffff;
overflow: hidden;
display: block;
line-height: 16px;
padding: 5px 12px;
float: left;
margin: 3px;

/* the padding is adjusted in IE6.css */
cursor: pointer;
text-decoration: none;
font-weight: normal;
}

.fakeButton:hover, .fakeButton:active, .fakeButton:focus {
	background: #2B2B2C;
	color: #ffffff;
	overflow: hidden;
	display: block;
	line-height: 16px;
	padding: 5px 12px;
	/* the padding is adjusted in IE6.css */
cursor: pointer;
	text-decoration: none;
	font-weight: normal;
}

#pageCheckout3 #wrapper .fakeButton{
float:right!important;
}


.contentBlock .fakeButton:link, .contentBlock .fakeButton:visited, .contentBlock .fakeButton:hover, .contentBlock .fakeButton:active, .contentBlock .fakeButton:focus {
/* IE6 needs all the :link etc writing out */
float: left;
margin-left: 8px;
}

.contentBlock .fakeButtonCancel:link, .contentBlock .fakeButtonCancel:visited, .contentBlock .fakeButtonCancel:hover, .contentBlock .fakeButtonCancel:active, .contentBlock .fakeButtonCancel:focus {
/* cancel buttons used in the Accounts pages: */
float: left;
}

.supplementaryContent .panel .fakeButton, .supplementaryContent .panel .styledSubmit {
float: left;
}


#search_phrase {
width: 134px;
background: url(../images/styled-input.gif) no-repeat left top;
border: 0;
float: left;
color: #484330;
padding: 18px 0 30px 15px;
}


.panel #accountPanelSubmit {
width: 58px;
height: 25px;
}

#pageBasket #basketUpdate {
float: left;
}

#pageBasket #basketCheckout {
float: right;
}

/*override the fakebutton styles for the edit buttons*/
.editThis{
	position:absolute;
	width:170px;
	right:8px;
	top: 7px;
	z-index:150;
}

#pageMyAccount .styledTable .fakeButton, #pageMyAccount #wrapper .addButton, #pageMyOrders .styledTable .fakeButton, #pageMyOrders #wrapper .addButton{
	background:none;
	text-indent:0px;
	color:#666666;
	float:left;
	padding-left:35px;
	overflow:auto;
	margin-left: 8px;
	margin-bottom:5px;
}


/*
----------------------------------
--------- end buttons ------------
----------------------------------
*/










/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
----------------------------- Form Styles -------------------------------
-------------------------------------------------------------------------
*/

.styledForm {
clear: both;
}

#pageCheckout1 .styledRadioSelectForm fieldset {
/* split checkout 'steps' up: */
border-bottom: 1px solid #666;
padding-bottom: 18px;
margin-bottom: 18px;
}

#pageCheckout1 .styledRadioSelectForm fieldset:last-child {
border: 0;
padding-bottom: 0;
margin-bottom: 0;
}

.styledForm br, .styledForm .clearer {
clear:both;
width:100%;
}

.styledForm label {
float: left;
width: 220px;
padding-top: 4px;
}

.styledForm .fakeLabel {
float: left;
width: 218px;
padding-top: 4px;
}

.styledForm label.checkboxLabel {
width: auto;
}

.styledForm select, .styledForm textarea, .styledForm input{
display:block;
float:left;
margin-bottom:8px;
padding:2px;
}

.styledForm .styledInput, .styledForm .styledTextArea {
border: 1px solid #ACAAA2;
background: #fff url(../images/input-repeater.gif) no-repeat left top;
width: 240px;
margin-bottom: 6px;
padding: 1px 0 0 2px;
color: #484330;
}

.styledForm .styledSelect {
border: 1px solid #666666;
color: #2B2B2C;
background: #fff url(../images/input-repeater.gif) repeat-x left top;
width: 168px;
margin-bottom: 6px;
padding: 1px 0 0 2px;
}

.styledForm .styledCheckbox {
margin: 5px 12px 0 0;
float: left;
}

.styledForm .styledSubmit {
margin-top: 12px;
}

/* for split 50/50 forms: */
#splitWrapper .styledForm label {
float: left;
width: 150px;
}

.styledForm .contextHelp {
	font-size: 0.85em;
	padding-left: 8px;
	line-height: 20px;
	float: left;
}

.styledRadioSelectForm ol, .styledRadioSelectForm ul {
list-style-type: none;
}

.styledRadioSelectForm li {
padding-bottom: 8px;
}

.styledRadioSelectForm li label {
float: right;
width: 430px;
display: block;
}

.styledRadioSelectForm li span {
/* radio button holder */
float: left;
width: 20px;
}

.styledRadioSelectForm span input {
/* radio button */
margin-top: 3px;
}

.styledRadioSelectForm br {
width: 100%;
clear: both;
}

.styledRadioSelectForm .styledSubmit, .styledRadioSelectForm .fakeButton {
float: right;
margin-bottom: 12px;
}

.styledRadioSelectForm .fakeLabel {
float: left;
width: 200px;
padding-top: 4px;
}

/* fix firefox bug where it borders hidden input fields */
input[type=hidden] {
display: none;
} 


/*
----------------------------------
------- end form elements --------
----------------------------------
*/





/*
-----------------------------------------------
------- start jquery lightbox styling: --------
-----------------------------------------------
*/

#lightbox, #lightbox-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom:auto;
	right:auto;
	z-index:100;
	width:100%;
	height:auto;
	text-align:center;
	font-size: 100%;
}

#lightbox-overlay {
	background-color:#000;
	height: 100%;
	position:fixed;
	opacity: 0.6;
}
#lightbox-overlay-text {

display: none !important;
}


#lightbox img, #lightbox a img, #lightbox a {
border:none;
outline:none;
}

#lightbox-imageBox {
	position:relative;
	background-color: #000;
	width:400px;
	height:400px;
	margin:0 auto;
}

#lightbox-imageContainer {
	padding:6px;
	background: #fff;
}

#lightbox-loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}

#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}



#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display:block;
	width:49%;
	height: 100%;
	background:transparent url("../images/blank.gif") no-repeat; /* Trick IE into showing hover */
	padding:0px;
	margin:0px;
}
#lightbox-nav-btnPrev { 
	left:0;
	right:auto;
	float:left;
}
#lightbox-nav-btnNext { 
	left:auto;
	right:0;
	float:right;
}

#lightbox-infoBox {
background: #000;
	margin:0 auto;
	padding: 0;
position: relative;
}

#lightbox-infoContainer {
margin: 4px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
background: #002f63;
color: #fff;
position: relative;
}
#lightbox-infoHeader {

	text-align:left; 
	
}
#lightbox-caption {
	text-align:left;
}
#lightbox-caption-title {
	font-weight:normal;
	font-size: 0.8em;
	text-transform: uppercase;
	padding: 8px 12px;
	color: #fff;
	float: left;
}
#lightbox-caption-description {
	font-weight:normal;
	display: none;
}



#lightbox-currentNumber {

	width:49%;
	float:left;
	text-align:left;
	display: none;
}

#lightbox-infoFooter {


}

#lightbox-close {
float: right;
padding: 10px 12px;
}
#lightbox-close-button:link, #lightbox-close-button:visited {
width: 14px;
height: 13px;
text-indent: -9999px;
display: block;
background: url(../images/lightbox-close.gif) no-repeat left top;
overflow: hidden;
}
#lightbox-close-button:hover, #lightbox-close-button:active, #lightbox-close-button:focus {
width: 14px;
height: 13px;
text-indent: -9999px;
display: block;
background: url(../images/lightbox-close.gif) no-repeat right top;
overflow: hidden;
}


#lightbox-infoContainer-clear {
	clear:both; 
	visibility:hidden;
}

#lightbox-loading-link {
/* hide preloader */
display: none;
}
/* ----------------------------------------- */








/* 
-------------------------------------------------------------------------
-------------------------------------------------------------------------
--------------------------- TinyMCE Styles ------------------------------
-------------------------------------------------------------------------
*/

#mainContent .ImageLeft {
float: left;
margin: 0 12px 12px 0;
display: block;
}

#mainContent .ImageRight {
float: right;
margin: 0 0 12px 12px;
display: block;
}

#mainContent .clearImages {
clear: both;
}

/*
----------------------------------
------------ TinyMCE -------------
----------------------------------
*/