/**
 *
 *
 */
body {
   background:url(/images/left-nav-slice.jpg) 0% 0% repeat-y;
   font-size:14px;
   font-family:'Arial','Helvetica',sans-serif;
}

/** main structure **/

div#site-background {
   background:url(/images/background-slice.jpg) 0% 0% repeat-x;
   min-width:995px; /* IE7 toy-town theme */
   min-height:700px;
}

/** LEFT NAVIGATION ------------------------------------------------------- **/

div#left-nav {
   float:left;
   width:162px;
   background:url(/images/left-nav-fade.jpg) 0% 0% no-repeat transparent;
   min-height:600px;
}

div#left-nav ul li {
   list-style:none;
   text-indent:15px;
   font-size:87%;
   line-height:110%;
}

/* deprecated in favour of image with alt */
#site-title {
   text-indent:-5000px;
   background:url(/images/title-tag-line.gif) 50% 0% no-repeat;
   height:114px;
}

/** TOP NAVIGATION ------------------------------------------------------- **/

div#top-nav {
   height:77px;
   margin-left:162px;
}

div#top-nav ul {
   height:77px;
   position:relative;
   top:-15px;
}

div#top-nav li {
   float:left;
   list-style:none;
   position:relative;
   width:23%;
   height:100%;

}
div#top-nav li#icon-prince2-2009 {
   width:30%;
}

div#top-nav li#icon-search {
   width:20%;
}

div#top-nav li a {
   position:relative;
   display:block;
   height:100%;
   width:100%;
   background-position:50% 0%;
   background-repeat:no-repeat;
   text-indent:-10000px;
}

div#top-nav li#icon-prince2-2009 a {
   top:16px;
   background-image:url(/images/icon-prince2-2009.jpg);
}

div#top-nav li#icon-search a {
   background-image:url(/images/icon-search.jpg);
}

div#top-nav li#icon-venues a {
   background-image:url(/images/icon-venues.jpg);
}

div#top-nav li#icon-contact-us a {
   background-image:url(/images/icon-contact-us.jpg);
}


/** HEADER ---------------------------------------------------------------- **/

div#header {
   height:130px;
   overflow:hidden;
   background:url(/images/postit.jpg) 0% 0% no-repeat;

   /**
    * required for div#header div#basket
    */
   position:relative;
   text-align:center /* for new img tag */
}

div#header div#basket-summary {
   width:150px;
   height:130px;
   /**
    * float:right in IE7 produces different results to gecko/webkit
    * Use position:absolute (w/ parent position:relative) to achieve
    * same effect
    */
   position:absolute;
   right:20px;
   padding-top:50px;
   background:url(/images/salesnumber.gif) 50% 0% no-repeat;
}

/** MAIN BODY -------------------------------------------------------------- **/
div#main-body {
   margin-left:168px;
}

#prince2-logo {
   margin-top:20px;
   margin-bottom:5px;
}


div.centre750 {
   width:750px;
   margin-left:auto;
   margin-right:auto;
}