body,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,select,table,caption,blockquote,img {
   padding:0;
   border:0;
   margin:0;
}
body {
   background-color: #f3f3f3;
   color: #595959;
}
body,textarea {
   font-family:Tahoma, Arial, Helvetica, sans-serif;
   font-size:14px;
}


/*MAIN STYLES*/


a {
   color: #f140a8;
}
a:hover {
   color: #222222;
   text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
   clear:both;
	 color:#454545;
	 margin:20px 0 10px 0;
	 padding:0;
}
h1 {
   font-size:18px;
}
h2 {
   font-size:18px;
}
h3 {
   font-size:16px;
	 color:#f140a8;
}
h4 {
   font-size:14px;
}

blockquote {
   padding:0.3em;
   clear:both;
   margin:1em 0;
	 border:1px solid #DDDDDD;
}
blockquote p {
margin:0;
padding:1em 0;
}
blockquote.valid,blockquote.invalid {
	 padding-left:4em;
	 background-repeat:no-repeat;
	 background-position:top left;
}
blockquote.valid {
   background-image:url(../img/tick1.gif);
}
blockquote.invalid {
   background-image:url(../img/cross1.gif);
}


/* NAVIGATION */


.menubuttons {
   width:100%;
}
.menubuttons ul,ul.inline,#headernav ul {
   list-style:none;
   margin:0;
   padding:0;
}
.menubuttons ul {
   clear:both;
}
.menubuttons li a {
   display:block;
   color:#f140a8;
   padding:9px 0;
   width:100%;
	 font-size:16px;
	 text-decoration:none;
}
.menubuttons li a span {
   position:relative;
	 left:23px;
}
.menubuttons li a:hover {
   color:#222222;
	 background-color:#EFEFEF;
}
.menubuttons li.active a {
   color:#222222;
	 background-color:#EFEFEF;
}
#headernav li {
   display:inline;
}
#headernav li a {
   display:block;
   float:left;
   padding:0px;
	 text-indent:-3000px;
	 overflow:hidden;
	 height:46px;
}
#headernav li.active a {
   color:#f140a8;
}

#headernav li a#menu1 { width:90px;background-image:url(../img/home.gif); }
#headernav li a#menu2 { width:135px;background-image:url(../img/online_shop.gif); }
#headernav li a#menu3 { width:130px;background-image:url(../img/size_guide.gif); }
#headernav li a#menu4 { width:155px;background-image:url(../img/find_a_school.gif); }
#headernav li a#menu5 { width:137px;background-image:url(../img/contact_us.gif); }

#headernav li a#menu1:hover,#headernav li.active a#menu1 { background-position:bottom left; }
#headernav li a#menu2:hover,#headernav li.active a#menu2 { background-position:bottom left; }
#headernav li a#menu3:hover,#headernav li.active a#menu3 { background-position:bottom left; }
#headernav li a#menu4:hover,#headernav li.active a#menu4 { background-position:bottom left; }
#headernav li a#menu5:hover,#headernav li.active a#menu5 { background-position:bottom left; }

ul.inline li {
   float:left;
   padding:0.2em 1em;
   border-left:1px solid #DDDDDD;
}


/* LAYOUT */


#body {
   width:100%;
   float:left;
   text-align:center;
}
#container,#header,#content,#footer {
   width:902px;
}
#container {
   margin:0px auto;
   text-align:left;
   clear:both;
   background-image:url(../img/background.gif);
}
#header {
   position: relative;
   float:left;
   height: 159px;
   clear:left;
   background-image:url(../img/header1.gif);
}
#logo {
   position:absolute;
	 top:0px;
	 left:0px;
}
#basketbrief {
   position:absolute;
	 top:57px;
	 left:546px;
	 width:321px;
	 height:43px;
}
#basketviewbutton a {
   position:absolute;
	 right:22px;
	 bottom:20px;
	 width:80px;
	 height:23px;
	 background-image:url(../img/view2.gif);
	 overflow:hidden;
	 text-indent:-3000px;
}
#basketbrief p {
   margin:0;
	 padding:0;
	 font-size:13px;
}
#footer {
   position: relative;
   clear: both;
   padding:20px 0;
}
#footer p {
   position:relative;
	 left:38px;
}
.footerimage {
   position:relative;
	 left:1px;
}
#content {
   float:left;
   padding: 0px;
   min-height:300px;
	 width:880px;
	 position:relative;
	 left:11px;
	 background-image:url(../img/frame_bg.gif);
}
#contenttop {
   width:880px;
	 height:215px;
	 position:absolute;
	 top:0px;
	 left:0px;
   background-image:url(../img/frame_top.gif);
}
#contentbottom {
   width:880px;
	 height:344px;
	 position:absolute;
	 bottom:0px;
	 left:0px;
   background-image:url(../img/frame_bottom.gif);
}
#innercontent {
   float:left;
   min-height:300px;
	 width:828px;
	 position:relative;
	 left:26px;
	 padding:36px 0 70px 0;
}

* html #content {
   height:400px;
}
#accessibility {
   position:absolute;
   top:0px;
   right:0px;
   text-align:right;
}
#headernav {
   position:absolute;
   top:113px;
   left:11px;
	 height:46px;
	 width:902px;
}
.leftthin,.rightthin {
   width:224px;
}
.leftwide,.rightwide {
   width:530px;
}
.leftmid,.rightmid {
   width:425px;
}
.leftthin,.leftwide,.leftmid {
   float:left;
}
.rightthin,.rightwide,.rightmid {
   float:right;
}
.padder {
	 float:left;
	 width:788px;
	 position:relative;
	 left:20px;
	 padding-top:20px;
}

/*FORMS*/
form {
   clear:both;
}
select,textarea,.textbox1 {
   background-color:#FFFFFF;
   border:1px solid #000000;
   color:#595959;
}
form fieldset {
   border:1px solid #CCCCCC;
   padding:0.5em;
}
form legend {
   background-color:#FFFFFF;
   color:#f140a8;
   padding:0.3em;
}
form label {
   font-weight:bold;
   display:block;
   padding:0.7em 0 0.2em 0;
   color:#f140a8;
}
form label span {
   display:block;
	 font-weight:normal;
}
.textbox1 {
   width:100%;
   height: 22px;
}
.imagebutton {
   float:right;
   border:0;
	 margin:5px 0 0 5px;
	 background-repeat:no-repeat;
	 width:140px;
	 height:36px;
}
.imagebutton span {
   display:none;
}
textarea {
   font-size:1em;
   width:100%;
   height:200px;
}
select.wide,select.multiple1 {
   width: 100%;
}
select.multiple1 {
   height:10em;
}


/*TABLES*/

table {
   width:100%;
   font-size:1em;
   text-align:left;
   border-collapse:collapse;
   clear:both;
}
table caption {
   padding:0.8em 0.2em;
	 background-color:#DDDDDD;
	 text-align:left;
	 border-top:1px solid #BBBBBB;
}
table tr,table td,table th {
   border-bottom:1px solid #EEEEEE;
   padding:0.4em 0.2em;
}
table th,table th a {
   background-color:#a18f9a;
   color:#FFFFFF;
}
tr.dataheadings {
   background-color:#a18f9a;
   color:#FFFFFF;
}