/* YUI Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Northbrook Specific */

body {
    background-color: #EEEEEE;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 16px;
    color: #666666;
}

#header {
    background-image: url('../images/header_banner.jpg');
    background-repeat: no-repeat;
    width: 1024px;
    height: 218px;
    margin: 0 auto;
    position: relative;
}

#header #header_nav ul {
    font-size: 16px;
    height: 50px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-left: 10px;
    position: absolute;
    bottom: 0px;
}

#header #header_nav ul li {
    float:left;
}

#header #header_nav ul a {
    color: #FFFFFF;
    display: block;
    float: left;
    height: 50px;
    margin-right: 6px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    padding-left: 30px;
    text-decoration: none;
}

#header #header_nav ul a:hover {
    background-image: url('../images/tab.gif');
    background-position: left top;
}

#header #header_nav ul a:hover span {
    background-image: url('../images/tab.gif');
    background-position: right top;
    color: #52268A;
    line-height: 40px;
    padding-top: 10px;
}

#header #header_nav ul a.active, #header #header_nav ul a.active:hover {
    background-image: url('../images/tab.gif');
    background-position: left top;
}

#header #header_nav ul a.active span, #header #header_nav ul a.active:hover span {
    background-image: url('../images/tab.gif');
    background-position: right top;
    color: #52268A;
    line-height: 40px;
    padding-top: 10px;
}

#header #header_nav ul span {
    display: block;
    line-height: 50px;
    padding-right: 30px;
}

p {
    padding: 10px 0px;
}

p a {
    color:#666666;
}

strong {
    font-weight:bold;
    color:#52268A;
}

em {
    font-style:italic;
}

h1 {
    font-size: 32px;
    color: #52268A;
    padding-bottom: 20px;
}

h1 a {
    text-decoration:none;
    color: #52268A;
}

h2 {
    font-size: 24px;
    color: #52268A;
    padding-bottom: 15px;
    padding-top: 5px;
}

h3 {
    font-size: 20px;
    color: #52268A;
    padding-bottom: 0px;
    padding-top: 5px;
}

#content-how-it-works h2 {
    padding-bottom: 5px;
}

.logout_text {
    float: right;
}

.h2home {
    font-size: 38px;
}

.free_gift_text {
    padding-left: 225px;
    padding-top: 6px;
}

form#gift label {
    padding-top: 5px;
}

form#gift #submit-label {
    height: 10px;
}

.small_link{
    font-size: 11px;
    text-decoration: none;
}

.info_file {
    width: 47%;
    float: left;
    margin-right: 20px;
    padding-bottom:10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
    color: #52268A;
    font-weight:bold;
}
.info_file a {
    color: #52268A;
    text-decoration:none;
}

.product_image {
    display: block;
    width:192px;
    height:192px;
    overflow: hidden;
}

#body_wrapper {
    background-color: white;
    width: 1024px;
    margin: 0 auto;
}

.order_head {
    /*background-color: white;
    width: 1024px;
    margin: 0 auto;*/
    clear: both;
}

.order_buttons{
    margin-top: 20px;
    padding-left: 250px;
}

#body_content {
    background-color: white;
    padding-top: 40px;
    margin: 0 auto;
    width: 914px; /* Miles' visuals are wider '*/
    position: relative;
}

#home_box_left {
    background-image: url('../images/home_box_left.jpg');
    background-repeat: no-repeat;
    height: 338px;
    width: 190px;
    padding: 10px 10px 0px 218px;
}

#home_box_right {
    background-image: url('../images/home_box_right.jpg');
    background-repeat: no-repeat;
    height: 338px;
    width: 378px;
    position: absolute;
    left: 490px;
    top: 254px;
    padding: 10px 20px 0px 20px;
}

#home_box_right p {
    width: 180px;
}

.purple_button {
    background-image: url('../images/purple_button.gif');
    width: 182px;
    height: 50px;
    display: block;
    color: white;
    text-decoration: none;
    line-height: 50px;
    text-align:center;
}

.grey_button {
    background-image: url('../images/grey_button.gif');
    width: 131px;
    height: 50px;
    display: block;
    color: white;
    text-decoration: none;
    line-height: 50px;
    text-align:center;
}

.purple_button.home {
    position: absolute;
    bottom: 25px;
    left: 20px;
}

#content-how-it-works a.purple_button {
    display:inline-block;
    margin-right: 10px;
}

#left_column .blue_box_narrow.top {
  background-image:url(../images/box_blue_top_narrow.gif);
  background-repeat:no-repeat;
  background-position:top left;
  height:10px;
}
#left_column .blue_box_narrow.middle {
  background-image:url(../images/box_blue_middle_narrow.gif);
  background-repeat:repeat-y;
  background-position:top left;
  padding:10px 20px;
}
#left_column .blue_box_narrow.bottom {
  background-image:url(../images/box_blue_bottom_narrow.gif);
  background-repeat:no-repeat;
  background-position:top left;
  height:10px;
  margin-bottom:20px;
}


.blue_box.top {
    background-image: url('../images/box_top.gif');
    background-repeat: no-repeat;
    height: 10px;
    line-height: 10px;
}

.blue_box.middle {
    background-image: url('../images/box.gif');
    background-repeat:repeat-y;
    padding: 25px;
    position: relative;
    min-height: 400px;
    height:100%;
}

.blue_box.middle.shipping {
    min-height: 400px;
    padding-top: 0px;
}

.blue_box.bottom {
    clear:both;
    height: 10px;
    background-image: url('../images/box_bottom.gif');
    background-repeat: no-repeat;
    padding-bottom: 20px;
}


.box_left_image {
    float: left;
    margin: 0px 30px 0px -25px;
}


#footer {
    background-color: white;
    width: 1024px;
    margin: 0 auto;
    padding-top: 40px;
    clear: both;
}

#credits {
    width: 1024px;
    margin: 0 auto;
    padding: 20px 0px;;
}

#credits #banners p {
    text-align: center;
    margin-bottom: 20px;
}

#credits p {
    font-size: 12px;
    padding: 0px;
}

#credits #credit {
    float: right;
    margin-top: -16px;
    font-size: 12px;
}

#credits #credit a {
   color: #666666;
}



#left_column {
  float:left;
  width:218px;
}

#left_column h2 {
  color:#cc33cc;
  border-bottom:1px solid #cccccc;
  padding:0px;
  margin:0px;
  font-size:16px;
  font-weight:bold;
}

#content_column {
  margin-left:250px;
}

#content_column a.active{
  font-weight:bold;
}

.product_image_link {
    width: 192px;
    height: 192px;
    display:  block;
}
.product_image_link.paper {
    height: 134px;
}
.product_grid {
  float:left;
  padding:28px 28px 0px 0px;
  width: 192px;
}
.product_grid_options {
  border-top:1px solid #cccccc;
  margin-top:10px;
  padding-top:4px;
  font-size:14px;
  color:#333333;
}
.product_grid h4 a {
  color:#52268A;
  font-size:16px;
  text-decoration:none;
}
a.more_information {
  text-decoration:none;
  color:#333333;
  font-size:14px;
}
a.enlarge {
  background-image:url(../images/enlarge.gif);
  background-repeat:no-repeat;
  background-position:100% 2px;
  padding-right:18px;
  margin-right:8px;
  text-decoration:none;
  color:#333333;
}
a.addtobasket {
  background-image:url(../images/addtobasket.gif);
  background-repeat:no-repeat;
  background-position:100% 2px;
  padding-right:16px;
  margin-left:8px;
  text-decoration:none;
  color:#333333;
}

input.qty_input {
  width:20px;
  padding:2px;
}

.left_nav li {
  border-bottom:1px solid #cccccc;
  padding:0px 0px 10px 0px;
  margin:0px 0px 10px 0px;
}
.left_nav li:last-child {
  border-bottom:none;
  margin:0px;
}
.left_nav li a {
  color:#52268A;
  text-decoration:none;
}
.left_nav li a.active {
  font-weight:bold;
}

#category_columns_wrapper {
  padding:25px 0px;
  overflow:visible;
}
.category_column {
  overflow:visible;
  padding-top:1px;
  margin-bottom:20px;
  position:relative;
  float:left;
  background-image:url(../images/category_column.gif);
  background-repeat:no-repeat;
  background-position:top left;
  width:242px;
  height:193px;
  margin-right:30px;
}
.category_title {
  position:absolute;
  bottom:0px;
  left:0px;
  width:242px;
  text-align:center;
  padding:18px 0px;
  font-weight:bold;
}
.category_image {
  text-align:center;
  overflow:visible;
}
.category_link {
  position:absolute;
  top:0px;
  left:0px;
  display:block;
  height:194px;
  width:242px;
  z-index:100;
}
.category_column a {
  text-decoration:none;
  color:#ffffff;
}

.left_image {
  float:left;
}
.text_right {
  margin-left:220px;
}

.clear {
  clear:both;
  height:0px;
}

form#organiserlogin label {
  float:none;
  padding: 5px 0px;
}

form#organiserlogin dl label {
  color:#52268A;
  font-size:14px;
  font-weight:bold;
}

form#organiserlogin dl dd#Login-element input {
  cursor:pointer;
  width:auto;
  background-image:url(../images/purple_button.gif);
  color:white;
  display:block;
  height:50px;
  line-height:50px;
  text-align:center;
  text-decoration:none;
  width:182px;
  border:none;
}

form#class dl label, form#pupil dl label, form#checkout dl label, form#reset dl label, form#register dl label, form#school dl label, form#organisers dl label, form#contact dl label {
  color:#52268A;
  font-size:14px;
  font-weight:bold;
  width:300px;
}
form#class dl input, form#pupil dl input, form#checkout dl input, form#checkout dl select, form#reset dl input, form#register dl select, form#register dl input,
form#school dl select, form#organisers dl select, form#school dl input, form#organisers dl input, form#contact dl input {
  padding:2px;
  width:380px;
}
















/* organisers edit my school form */
h2.right_position {position:absolute;top:25px;left:484px;}

form#register dl dt#name-label {position:absolute;top:80px;left:25px;}
form#register dl dd#name-element {position:absolute;top:100px;left:25px;}

form#register dl dt#address-label {position:absolute;top:150px;left:25px;}
form#register dl dd#address-element {position:absolute;top:170px;left:25px;}
form#register dl dd#address-element textarea {height:60px;width:370px;}

form#register dl dt#postcode-label {position:absolute;top:260px;left:25px;}
form#register dl dd#postcode-element {position:absolute;top:280px;left:25px;}

form#register dl dt#telephone-label {position:absolute;top:330px;left:25px;}
form#register dl dd#telephone-element {position:absolute;top:350px;left:25px;}

form#register dl dt#email-label {position:absolute;top:400px;left:25px;}
form#register dl dd#email-element {position:absolute;top:420px;left:25px;}

form#register dl dt#pupils-label {position:absolute;top:400px;left:25px;}
form#register dl dd#pupils-element {position:absolute;top:420px;left:25px;}

form#register dl dt#organiser-label {position:absolute;top:80px;left:484px;}
form#register dl dd#organiser-element {position:absolute;top:100px;left:484px;}

form#register dl dt#home-label {position:absolute;top:150px;left:484px;}
form#register dl dd#home-element {position:absolute;top:170px;left:484px;}
form#register dl dd#home-element textarea {height:60px;width:370px;}

form#register dl dt#organiserTel-label {position:absolute;top:330px;left:484px;}
form#register dl dd#organiserTel-element {position:absolute;top:350px;left:484px;}

form#register dl dt#organiserEmail-label {position:absolute;top:400px;left:484px;}
form#register dl dd#organiserEmail-element {position:absolute;top:420px;left:484px;}

form#register dl dt#organiserpostcode-label {position:absolute;top:260px;left:484px;}
form#register dl dd#organiserpostcode-element {position:absolute;top:280px;left:484px;}

form#register dl dt#hear-label {position:absolute;top:470px;left:484px;}
form#register dl dd#hear-element {position:absolute;top:490px;left:484px;}

form#register dl dt#cheques-label {position:absolute;top:470px;left:25px;}
form#register dl dd#cheques-element {position:absolute;top:510px;left:25px;}

form#register dl dd#submit-element {position:absolute;top:550px;left:470px;}



/* add class form */
form#class dl dt#name-label {position:absolute;top:80px;left:25px;}
form#class dl dd#name-element {position:absolute;top:100px;left:25px;}

form#class dl dd#submit-element {position:absolute;top:75px;right:20px;}

/* add pupil form */
form#pupil dl dt#name-label {position:absolute;top:120px;left:25px;}
form#pupil dl dd#name-element {position:absolute;top:120px;left:120px;}

form#pupil dl dt#surname-label {position:absolute;top:155px;left:25px;}
form#pupil dl dd#surname-element {position:absolute;top:155px;left:120px;}

form#pupil dl dd#submit-element {position:absolute;top:135px;right:20px;}



/* reset password form */
form#reset dl dt#email-label {position:absolute;top:80px;left:25px;}
form#reset dl dd#email-element {position:absolute;top:100px;left:25px;}

form#reset dl dd#submit-element {position:absolute;top:75px;right:20px;}



/* organisers delivery date and address form */
form#checkout dl dt#name-label {position:absolute;top:10px;left:25px;}
form#checkout dl dd#name-element {position:absolute;top:30px;left:25px;}

form#checkout dl dt#address-label {position:absolute;top:80px;left:25px;}
form#checkout dl dd#address-element {position:absolute;top:100px;left:25px;}
form#checkout dl dd#address-element textarea {height:60px;width:370px;}

form#checkout dl dt#postcode-label {position:absolute;top:200px;left:25px;}
form#checkout dl dd#postcode-element {position:absolute;top:220px;left:25px;}

form#checkout dl dt#telephone-label {position:absolute;top:250px;left:25px;}
form#checkout dl dd#telephone-element {position:absolute;top:270px;left:25px;}

.delivery_note { margin-left: 461px;}

form#checkout dl dt#date-label, form#checkout dl dt#fixeddate-label {position:absolute;top:10px;left:484px;}
form#checkout dl dd#date-element, form#checkout dl dd#fixeddate-element {position:absolute;top:30px;left:484px;}

form#checkout dl dt#notes-label {position:absolute;top:80px;left:484px;}
form#checkout dl dd#notes-element {position:absolute;top:100px;left:484px;}
form#checkout dl dd#notes-element textarea {height:60px;width:370px;}

form#checkout dl dt#pupils-label {position:absolute;top:185px;left:484px;}
form#checkout dl dd#pupils-element {position:absolute;top:205px;left:484px;}

form#checkout dl dd#submit-element {position:absolute;top:250px;right:50px;}



/* organisers edit my account form */
form#organisers dl dt#name-label {position:absolute;top:80px;left:25px;}
form#organisers dl dd#name-element {position:absolute;top:100px;left:25px;}

form#organisers dl dt#address-label {position:absolute;top:150px;left:25px;}
form#organisers dl dd#address-element {position:absolute;top:170px;left:25px;}
form#organisers dl dd#address-element textarea {height:60px;width:370px;}

form#organisers dl dt#telephone-label {position:absolute;top:260px;left:25px;}
form#organisers dl dd#telephone-element {position:absolute;top:280px;left:25px;}

form#organisers dl dt#email-label {position:absolute;top:320px;left:25px;}
form#organisers dl dd#email-element {position:absolute;top:340px;left:25px;}

form#organisers dl dt#hear-label {position:absolute;top:390px;left:25px;}
form#organisers dl dd#hear-element {position:absolute;top:410px;left:25px;}

p.required_organisers {position:absolute;top:30px;left:300px;color:#666666;font-size:14px;}

form#organisers dl dd#submit-element {position:absolute;top:420px;left:10px;}

/* organisers edit my school form */
form#school dl dt#name-label {position:absolute;top:80px;left:25px;}
form#school dl dd#name-element {position:absolute;top:100px;left:25px;}

form#school dl dt#long_name-label {position:absolute;top:150px;left:25px;}
form#school dl dd#long_name-element {position:absolute;top:170px;left:25px;}

form#school dl dt#address-label {position:absolute;top:220px;left:25px;}
form#school dl dd#address-element {position:absolute;top:240px;left:25px;}
form#school dl dd#address-element textarea {height:60px;width:370px;}

form#school dl dt#postcode-label {position:absolute;top:330px;left:25px;}
form#school dl dd#postcode-element {position:absolute;top:350px;left:25px;}

form#school dl dt#telephone-label {position:absolute;top:400px;left:25px;}
form#school dl dd#telephone-element {position:absolute;top:420px;left:25px;}

form#school dl dt#email-label {position:absolute;top:470px;left:25px;}
form#school dl dd#email-element {position:absolute;top:490px;left:25px;}

form#school dl dt#fao-label {position:absolute;top:540px;left:25px;}
form#school dl dd#fao-element {position:absolute;top:560px;left:25px;}

form#school dl dt#cheques-label {position:absolute;top:610px;left:25px;}
form#school dl dd#cheques-element {position:absolute;top:630px;left:25px;}

form#school dl dt#print-label {position:absolute;top:680px;left:25px;}
form#school dl dd#print-element {position:absolute;top:700px;left:25px;}

form#school dl dt#pupils-label {position:absolute;top:750px;left:25px;}
form#school dl dd#pupils-element {position:absolute;top:770px;left:25px;}

form#school dl dt#schooltype-label {position:absolute;top:820px;left:25px;display:none;}
form#school dl dd#schooltype-element {position:absolute;top:840px;left:25px;display:none;}


p.required_school {position:absolute;top:30px;left:300px;color:#666666;font-size:14px;}

form#school dl dd#submit-element {position:absolute;top:820px;left:10px;}

.blue_box_smaller.top {background: url('../images/box_top_smaller.gif') no-repeat;height: 10px;line-height: 10px;}
.blue_box_smaller.middle {background: url('../images/box_smaller.gif') repeat-y;padding: 25px;position: relative;min-height: 400px;height:100%;}
.blue_box_smaller.bottom {clear:both;height: 10px;background: url('../images/box_bottom_smaller.gif') no-repeat;padding-bottom: 20px;}

#contact_form .blue_box.middle {
    height: 600px;
    min-height: 600px;
}

form#contact dl dt {display:block;}
form#contact dl dt label {float:none;}
form#contact dl dd {display:block;margin-bottom:10px;}

form#contact dl dd#message-element textarea {margin-top:0px;width:834px;height:60px;color:#000000;}

form#contact dl dt#submit-label {display:none;}

form#contact dl dd#submit-element input {
  cursor:pointer;
  width:auto;
  background-image:url(../images/purple_button.gif);
  color:white;
  display:block;
  height:50px;
  line-height:50px;
  text-align:center;
  text-decoration:none;
  width:182px;
  border:none;
}

p.required {
  color:#666666;
  font-size:14px;
}

/* Organiser Area */
#organiser_box_left {
    border-right: 1px solid #CCCCCC;
    width: 380px;
    padding: 20px;
}

#organiser_box_right {
    position: absolute;
    top: 25px;
    left: 450px;
    width: 380px;
    padding: 20px;
}

/* Shopping Basket */
.standard_list {
  font-size:14px;
  width:100%;
}
.standard_list tr {
  border-bottom:1px solid #cccccc;
}
.standard_list th {
  padding:10px;
  font-weight:bold;
}
.standard_list td {
  padding:10px;
}
.standard_list .align_right {
  text-align:right;
}
.standard_list a {
  color:#333333;
}
a.basket_product_title {
  text-decoration:none;
  font-weight:bold;
}
.product_price {
  color:#cc33cc;
  font-weight:bold;
}
.purple_text {
  color:#52268A;
}

#basket_buttons {
  padding-top:40px;
  padding-left:260px;
}
#basket_buttons .purple_button {
  float:left;
  margin-left:20px;
}

/* Checkout - Shipping Address */
.columns2 {
  float:left;
  width:45%;
  margin-right:3%;
  padding-right:1%;
  overflow:hidden;
}

.columns2.image {
  width:35%;
}

.columns2.border_right {
  border-right:1px solid #cccccc;
}
#shipping_address_form legend {
  display:none;
}
#shipping_address_form label {
  float:none;
  color:#52268A;
  font-weight:bold;
  font-size:14px;
  width:auto;
  margin-top:20px;
}
#shipping_address_form input {
  width:340px;
}
#shipping_address_form p {
  font-size:14px;
}

/* Product Enlargement */
.view_product_price {
  font-size:24px;
  color:#52268A;
}

/* Generic*/

label{display:block;float:left;}
form input{margin-bottom:2px;font-size:100%;}
form input.default{font-weight:700;font-size:105%;}
#formbutton{margin-left:100px;}
#message{color:red;margin:10px 0;}
div.flash{color:#000;background:#FFD;border:1px solid #FFD700;margin:1em 0;padding:1em;}
table.grid{border-collapse:collapse;margin:0;padding:0;}
table.grid td,table.grid th{color:#525b37;background:#fff;border:1px solid #d1cdab;padding:6px 6px 6px 12px;}
table.grid th{color:#505767;background:#e3e9ba;text-align:left;}
table.grid .alt td{background:#f8f8f0;}

/* forms in general */
ul.errors{color:red;margin-bottom:10px;font-size:12px;}
textarea, input[type="text"], input[type="password"], select {background:#FFFFFF url(../images/bg-form-field.gif) repeat-x scroll left top;border:1px solid #D5D5D5;padding:6px;}

/* register school form */
form#register label, form#school label, form#organisers label {width:300px;}
form#register textarea, form#school textarea, form#organisers textarea{width:400px;height:150px;}

/* organisers admin */
ul.admin{list-style-type: square;color:red;}
ul.admin a{color:red;}

/* organisers order legend */
ul.legend{list-style-type: none;font-size: 14px; background-color:#DDDDDD;width:300px;padding: 10px}
li.expand{background-image: url('../images/icons/expand-big.png');background-repeat:no-repeat;background-position:0em; padding-left: 2em;}
li.add{background-image: url('../images/icons/plus-big.png');background-repeat:no-repeat;background-position:0em; padding-left: 2em;}
li.addpupil{background-image: url('../images/icons/plus-big-yellow.png');background-repeat:no-repeat;background-position:0em; padding-left: 2em;}
li.delete{background-image: url('../images/icons/icon-remove-big.gif');background-repeat:no-repeat;background-position:0em; padding-left: 2em;}
li.print{background-image: url('../images/icons/printer-big.png');background-repeat:no-repeat;background-position:0em; padding-left: 2em;}

/* organisers order */
a.expand {background:url('../images/icons/expand-big.png') no-repeat center;text-decoration: none;width:16px;height:16px;padding:0px 5px 0px 5px;display:block;float:left;}
a.collapse {background:url('../images/icons/collapse-big.png') no-repeat center;text-decoration: none;width:16px;height:16px;padding:0px 5px 0px 5px;display:block;float:left;}
a.add {background:url('../images/icons/plus-big.png') no-repeat center;text-decoration: none;width:16px;height:16px;padding:0px 5px 0px 5px;display:block;float:right;}
a.addpupil {background:url('../images/icons/plus-big-yellow.png') no-repeat center;text-decoration: none;width:16px;height:16px;padding:0px 5px 0px 5px;display:block;float:right;}
a.print {background:url('../images/icons/printer-big.png') no-repeat center;text-decoration: none;width:16px;height:16px;padding:0px 5px 0px 5px;display:block;float:right;}
a.delete {background:url('../images/icons/icon-remove-big.gif') no-repeat center;text-decoration: none;width:16px;height:16px;padding:0px 5px 0px 5px;display:block;float:right;}
a.reload {background:url('../images/icons/reload.png') no-repeat center;text-decoration: none;width:10px;height:10px;padding:0px 5px 0px 5px;}
a.pay {background:url('../images/icons/wallet.gif') no-repeat center;text-decoration: none;width:10px;height:10px;padding:0px 5px 0px 5px;}
table.grid td.user {background:url('../images/icons/user-blue.gif') no-repeat 20px;padding-left:35px;}
table.grid td.userHighlight {background:#f7f7f7 url('../images/icons/user-blue.gif') no-repeat 20px;padding-left:35px;}
table.grid td.class {background:#f2ffe1;font-size:11px;font-weight:bold;}
    table.grid td.class input{font-weight:bold;}
table.grid td.highlight {background:#f7f7f7;}
table.grid input[type="text"].input{font-family:"Consolas", serif;width:25px;border:none;padding:0;background:none;}


/* Radek: tooltip description of product in organiser admin */
span.hover{border-bottom:1px dotted #52278a;cursor:help;}

/* Radek: pink Northbrook table */
table.pink{border-collapse:collapse;margin:0;padding:0;font-size:12px;}
table.pink td,table.pink th{color:#52268a;background:#fff;border:1px solid #cccccd;padding:6px 6px 6px 6px;}
table.pink th{color:#52278a;background:#c1b1d5;text-align:left;}
table.pink .alt td{background:#f2e9fd;}
table.pink td.user {background:url('../images/icons/user-blue.gif') no-repeat 20px;padding-left:35px;}
table.pink td.userHighlight {background:#f7f7f7 url('../images/icons/user-blue.gif') no-repeat 20px;padding-left:35px;}
table.pink td.class {background:#e9f3fb;font-size:12px;font-weight:bold;}
    table.pink td.class input{font-weight:bold;}
table.pink td.highlight {background:#f7f7f7;}
table.pink input[type="text"].input{font-family:"Consolas", serif;width:100%;border:1px solid #dddddd;padding:0;background:none;text-align:center;}
table.pink .vertical_text {
    writing-mode: tb-rl;
    filter: flipv fliph;
    /*block-progresion:tb;*/
    vertical-align: bottom;
    text-align: left;
    height: 100px;
}

table.pink .faint {color:#CCC;}

/* Radek: button */
.pinkButton {
    font-size: 15px;
	margin-right:15px;
	cursor:pointer;
  width:auto;
  background-image:url(../images/purple_button.gif);
  color:white;
  height:50px;
  line-height:50px;
  text-align:center;
  text-decoration:none;
  width:182px;
  border:none;
}
.floated {float:left;margin-right:11px;}
h1 span.pink {color:#CC33CC;}

/* Radek: Zend Form custom violet button */
form#checkout input[type="submit"], form#reset input[type="submit"], form#register input[type="submit"], form#school input[type="submit"], form#organisers input[type="submit"], form#shipping_address_form input[type="submit"], form#class input[type="submit"], form#pupil input[type="submit"] {background-image: url('../images/purple_button.gif');background-repeat:no-repeat;width: 182px;height:50px;border:none;color:white;cursor:pointer;margin-left:15px;font-family:Arial,Helvetica,Verdana,sans-serif;}

/* Radek: organiser index with orders listing */
table.orders {width:97.5%;}
table.orders th, table.orders td {line-height:30px;font-size:14px;color:black;}
table.orders th {color:#52268A;font-weight:bold;font-size:14px;}
table.orders tr {border-bottom:1px solid #ccc;}





/* /home boxes */

#home_friday_right {
    float:right;
    background-image: url('../images/home_box_right.jpg');
    background-repeat: no-repeat;
    height: 338px;
    width: 380px;
    padding: 10px 20px 0px 20px;
    position:relative;
}

#home_friday_left {
    background-image: url('../images/home_box_left.jpg');
    background-repeat: no-repeat;
    height: 338px;
    width: 190px;
    padding: 10px 10px 0px 218px;
}

#home_friday_right p {
    width: 180px;
}

a.friday_left {
    position:absolute;
    bottom:35px;
    left:20px;
}

a.friday_right {
    position:absolute;
    bottom:35px;
    left:20px;;
}

input {
    background: none;
}