body {
	margin:0; padding:0;/*Opera applies margin and padding to the body*/
	background-color: #555555;
	font: 12px Arial, Helvetica, sans-serif;
	font-size: 12px; 
}

/* div#container centers the page */
.container { font-size: 12px; width: 880px; margin-left: auto; margin-right: auto; background-color: #fafafa; }

/* discount code css styles */
.discountCode_main { padding: 5px 10px 5px 10px; background-color: #e3e3e3; border: 1px solid #cccccc; }
hr.whiteline { border: none 0; border-top: 1px solid #ffffff;/*the border*/ width: 100%; height: 0px;/*whatever the total width of the border-top and border-bottom equal*/ }
input.discountCodeSubmit { font-size: 12px; width: 120px; padding: 5px 10px 5px 10px; background-color: green; color: #ffffff; border: 1px solid #999999; }
input.loginbutton { font-size: 11px; text-transform: uppercase; width: 120px; padding: 5px 10px 5px 10px; background-color: green; color: #ffffff; border: 1px solid #999999; }
.productName { font-size: 13px; font-weight: bold; }

td.discountCodeLetters { padding: 5px 10px 5px 10px; color: #777777; font-size: 13px; font-weight: bold; border: 1px solid #ffffff; }
.discountCodeLetters a:link { color: #777777; }
.discountCodeLetters a:visited { color: #777777; }
.discountCodeLetters a:hover { color: green; }

td.discountCodeLettersSelected { padding: 5px 10px 5px 10px; color: #ffffff; background-color: #f3f3f3; font-size: 13px; font-weight: bold; border: 1px solid #ffffff; }
.discountCodeLettersSelected a:link { color: #555555; }
.discountCodeLettersSelected a:visited { color: #555555; }
.discountCodeLettersSelected a:hover { color: green; }


.discountCodeBox { color: #427496; font-size: 14px; border: 1px solid #adadad; background-color: #c9e0f2; border: 1px solid #aaaaaa; }
.discountCodeBox p { color: #427496; margin: 3px; padding: 4px; }
.discountCodeBox h3 { color: #19374b; font-size: 14px; font-weight: bold; margin: 0; padding: 4px 10px; background-color: #a2b9c8; border-bottom: 1px solid #ffffff; }

.affil_leftHandSide { font-size: 11px; font-weight: bold; margin: 0;  padding: 2px 2px 2px 2px; border: 1px solid #dddddd; }
.affil_productInfoLeft { background-color: #fcfcfc; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.affil_productInfoMiddle { border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.affil_productInfoRight { background-color: #fcfcfc; border: 1px solid #dddddd;}

input { font-size: 14px; width: 300px; color: #555555; border: 1px solid #999999; }

.largegreentext { color: #007000; font-weight: bold; font-size: 14px; }

div#main_container { width: 880px; margin-left: auto; margin-right: auto; background-color: #ffffff; }

div#forums_container { width: 880px; margin-left: auto; margin-right: auto; background-color: #ffffff ;}

/* the gray bar on the header */
.graybar { font-size: 12px; width: 880px; background-color: #efefef; color: #777777; border-top: 1px solid #999999; border-bottom: 1px solid #999999; }

.bigtext { font-size: 15px; }

.header_white_text { color: #ffffff; font-size: 11px; font-weight: bold; }
.header_white_text_large { color: #ffffff; font-size: 20px; font-weight: bold; }

.navbar { font-size: 12px; color: #777777; background-color: #dddddd; height: 20px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; }
.navbar_right { border-right: 1px solid #999999; height: 20px; }

/* used for the menu buttons on the header page */
.navbuttons a:link { color: yellow; }

.newerrorbox { background-color: #f3f3f3; border: 1px solid #408000; padding: 5px 10px 5px 10px; }
.newerrorbox h3 { color: #C00000; font-weight: bold; font-size: 14px; }

/* used for the voucher */
.largeboldtext { font-weight: bold; font-size: 23px; font-family: Verdana; }

/* Used to display the Offer/Deal Voucher */
.voucher { border: 1px solid #a7a6a4; background-color: #ffffff; }
.voucher tr { padding: 4px; background-color: #ffffff; }

.formtrheader { border: 1px solid #000000; font-size: 14px; background-color: #aaddaa; font-weight: bold; height: 26px; color: #000000; }

/* used for the contact us page */
ul.address { list-style-type: none; }

/* Used to style the random comment on the index page*/
.commentbox { margin-left: auto; margin-right: auto; font-size: 10px; }

.newbox { background-color: #fafafa; border: 1px solid #dddddd; padding: 15px 30px 15px 30px; }
.newbox h3 { color: #007000; font-weight: bold; font-size: 14px; }

.regouterbox { background-color: #fafafa; border: 1px solid #dddddd; padding: 15px 30px 15px 30px; }

/* Change the default style of the textarea boxs */
textarea { background-color: #ffffff; border: 2px solid #aaaaaa; width: 300px; height: 120px;}
textarea:focus { background-color: #d7d2ea; }

/* Change the default style of the select boxs */
select:focus { background-color: #d7d2ea; }

hr.reg { border: none 0; border-top: 1px solid #dddddd;/*the border*/ width: 100%; height: 0px;/*whatever the total width of the border-top and border-bottom equal*/ }
.graytext { color: #666666; }

.greentext { color: #007000; font-weight: bold; font-size: 14px; }

/* Used to style the advert boxs */
.advertbox { margin-left: auto; margin-right: auto; border: 1px solid #dddddd; background-color: #fafafa; font-size: 11px; }
.advertbox h3 { font-size: 13px; font-weight: bold; margin: 0;  padding: 4px 10px; background-color: #aaddaa; border-bottom: 1px solid #dddddd; }
.advertbox p { margin: 3px; padding: 4px; }

/* The large blue header text and colour */
.blueheadertext { font-size: 123%; font-weight: bold; color: #000080; }

/* used for the + links on advert searches */
.bluetext { color: #000080; font-size: 105%; font-weight: bold; }

/* used for the quoting on pmsg and forum posts */
fieldset { background-color: #ffffff; border: 1px outset #d7b9c9; }
fieldset.quote { font-style: italic; }
legend { font-weight: bold; background-color: #ffffd7; border: 1px outset #d7b9c9; }

/* Used to put an almost faint line of uniuk blurb at the bottom of each page */
.fainttext { color: #EFEFEF; }

/* A thin horizintal line */
hr.thin { border: none 0; border-top: 1px solid #aaaaaa;/*the border*/ width: 100%; height: 1px;/*whatever the total width of the border-top and border-bottom equal*/ }

/* Big colourful quote for comments */
.bigquote { font-family: serif; font-size: 160%; }

/* Nice small text */
.smalltext { font-size: 9px; font-style: italic; }

ol.smalltext { font-size: 9px; font-style: italic; }

/* used for highlighting an error on the reg pages */
.errortext { color: red; font-weight: bold; }

.redtext { color: #cc0000; font-weight: bold; }

/* some admin form styles */
select.admin { width: 80px; }
input.admin { width: 180px; }

/* Make the default width of the select boxs narrower */
select.datefields { width: 60px; }

/* scrollbox used for admin stuff */
.scrollbox { width: 100%; height: 300px; float: left;  overflow: auto; }


/* some more form styling */
.checkbox { width: 15px; border-width: 0px 0px 0px 0px; }
.radio { width: 15px; border-width: 0px 0px 0px 0px; }
input.datefields { width: 50px; }

/* used for the nav buttons on the header page */
.newnavbuttons2 { display: block; text-transform: uppercase; color:#C00000; font: bold 11px Arial; background-color:#f6f6df; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; width: 160px; padding: 5px 4px 4px 4px; text-align: center; }

/* used to style the form submit buttons */
.smallcoursetext { display: block; color:#0000C0; font: bold 10px Arial; border-right: 1px solid #888888; border-bottom: 1px solid #888888; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background-color:#aaddaa; width: 130px; padding: 5px 4px 4px 4px; text-align: center; }
.coursetext { display: block; color:#0000C0; font: bold 10px Arial; border-right: 1px solid #888888; border-bottom: 1px solid #888888; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; background-color:#aaddaa; width: 180px; padding: 5px 4px 4px 4px; text-align: center; }

input.longbutton { color:#0000C0; font: bold 10px Arial; background-color:#aaddaa; border-right: 1px solid #888888; border-bottom: 1px solid #888888; border-left: 1px solid #eeeeee;border-top: 1px solid #eeeeee; padding: 5px 8px 4px 8px; text-transform: uppercase; width: 200px; }


input.small { background-color: #ccccff; width: 200px; color: black; border-width: 1px; border-color: black; padding: 2px; font-weight: bold; border: 1px outset #d7b9c9; }

/* for the yog images */
p img { float: left; }

/* used for the register and privacy pages */
.redheadertext { font-size: 143%; color: #cc0000; font-weight: bold; }

/* some text formatting */
.bolditalic { font-weight: bold; font-style: italic; }
.underlinetext { text-decoration: underline; }
.boldtext { font-weight: bold; }
.underlineboldtext { font-weight: bold; text-decoration: underline; }
.italictext { font-style: italic; }
.biggertext { font-size: 125%; }
.biggerboldtext { font-size: 125%; font-weight: bold; }
.vattext { font-size: 90%; text-align: center; }

.mainbox { border: 1px solid #adadad; background-color: #fafafa; border: 1px solid #dddddd; }
.mainbox p { margin: 3px; padding: 4px; }
.mainbox h3 { font-size: 14px; font-weight: bold; margin: 0; padding: 4px 10px; background-color: #aaddaa; border-bottom: 1px solid #dddddd; }

.infobox { border: 1px solid #aaaaaa; background-color: #f6f6df; }
.infobox p { margin: 3px; padding: 4px; }
.infobox h3 {font-size: 120%; color: #ffffff; font-weight: bold; margin: 0; padding: 4px 10px; background-color: #006699;}

.errorbox { background-color: #eeeeee; border: 1px solid #dddddd; }
.errorbox p { margin: 3px; padding: 4px; }
.errorbox h3 { font-size: 120%; font-weight: bold; margin: 0; padding: 4px 10px; background-color: #aaddaa; border-bottom: 1px solid #dddddd; }

.hometuition_advertbox { width: 176px; font-family: Arial, Verdana, Helvetica, sans-serif, "MS sans serif"; border: 1px solid #aaaaaa; background-color: #f6f6df; }
.hometuition_advertbox p { margin: 3px; padding: 4px; }

/* used for the comments */
.commentquote { color: #0000cc; font-size: 115%; font-style: italic; }
.commentquotereply { color: green; font-size: 115%; font-style: italic; }

/* used to make the text white when a non-white background */
.whitetext { color: white; }
.smallwhitetext { font-size: 9px; color: white; }

.yellowlinks A:link { color: yellow; text-decoration: none; }
.yellowlinks A:visited { color: yellow; text-decoration: none;}
.yellowlinks A:hover { color: yellow; text-decoration: underline; }

/* used to make hyperlinks white */
.graylinks A:link { color: #cccccc; text-decoration: none; }
.graylinks A:visited { color: #cccccc; text-decoration: none; }
.graylinks A:hover { color: #f0f0f0; text-decoration: underline; }

/* used to make hyperlinks white */
.whitelinks A:link { color: yellow; text-decoration: none; }
.whitelinks A:visited { color: yellow; text-decoration: none; }
.whitelinks A:hover { color: yellow; text-decoration: underline; }

/* used to make hyperlinks green */
.greenlinks { color: #008000; text-decoration: none; font-weight: bold; }
.greenlinks A:link { color: #008000; text-decoration: none; font-weight: bold; }
.greenlinks A:visited { color: #008000; text-decoration: none; font-weight: bold; }
.greenlinks A:hover { color: #008000; text-decoration: underline; font-weight: bold; }

/* used to make hyperlinks red */
.redlinks { color: #C00000; text-decoration: none; font-weight: bold; }
.redlinks A:link { color: #C00000; text-decoration: none; font-weight: bold; }
.redlinks A:visited { color: #C00000; text-decoration: none; font-weight: bold; }
.redlinks A:hover { color: #C00000; text-decoration: underline; font-weight: bold; }

/* used to make hyperlinks blue */
.bluelinks A:link { color: #0000C0; text-decoration: none; font-weight: bold; }
.bluelinks A:visited { color: #0000C0; text-decoration: none; font-weight: bold; }
.bluelinks A:hover { color: #0000C0; text-decoration: underline; font-weight: bold; }

/* default hyperlink colours */
a:link { color: green; text-decoration: none; }
a:visited { color: green; text-decoration: none; }
a:hover { color: #008000; text-decoration: underline; font-weight: bold; }

/* used to format images on yog page */
#imageleft { float:left; padding-right:7px; padding-bottom:7px; }
#imageright { float:right; padding-left:7px; padding-right:7px; padding-bottom:7px; }