/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
    margin: 0;
    padding: 0;
} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
    height: 98%;
    padding-top: 5px;
}

body > #wrap {
    height: auto; 
    min-height: 100%;
}

#main {
    padding-bottom: 20px;
}  /* must be same height as the footer */

#footer {
    position: relative;
    margin-top: -20px; /* negative value of footer height */
    height: 20px;
    clear:both;
} 

/* CLEAR FIX*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix { 
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */

body {
    background: #CCCCCC url(../images/shop_background.jpg) 0 0;
    color: #333333;
    text-align: center;
    padding: 0;
    font-family: "gill sans", "new baskerville", sans-serif;
    font-size: .9em;
}

img {
    border: 0px;
}

#outer, #wrap {
    width: 1000px;
}

#outer {
    text-align: left;
    border: 1px solid #000;
    margin: auto;
}

#header {
    height:150px;
    background: #fff;
    color: #333333;
    text-align: center;
    margin-top: -5px;
}

#header #alternative {
    font-size: 2.4em;
    padding: 3px;
    padding-top: 60px;
}

#firstWord {
    color: #942d2d;
    font-weight: bold;
}

#thirdWord {
}

#navBar {
    background-COLOR: #333333;
    height:25px;
}

/*
#wrapper, #sidebar {
    background: url( "../images/ao_repeating1.jpg" );
    color: #fff;
}*/

#wrap {
    background: #fff url( "../images/ao_repeating1.jpg" ) repeat-y;
    color: #fff;
    border: 1px solid #000;
    margin: auto;
}

#wrapper {
    position: relative;
    padding: 0;
    margin-right: 0px;
}

#sidebar {
    width: 224px;
    float: left;
}

#content {
    width: 754px;
    _width: 750px; /* IE Hack */
    
    background: #ffffff;
    color: #333333;
    text-align: left;
    margin-left: 225px;
    padding: 10px;

    /*min-height: 690px;*/
    _height: 697px; /* IE Hack */
}


/************** Categories list (sidebar) **********************/

#categories ul {
    list-style-type: none;
    margin: 0px;
    padding-left: 30px;
    text-align: left;
}

#categories ul li a {
    color: red;
    text-decoration: none;
    display: block;
    height: 38px;
}

#categories ul li ul {
    display: none;
}

.showMenu {
    display: block !important;
}

/************************ Nav bar (top) ***************************/

#menu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0pt 0pt 4px;
    width: auto;
    margin-top: -1px;
}

#menu ul li {
    display: block;
    float: left;
    margin: 0pt 1px;
    color: #fff;
    width: 140px;
    text-align: center;
}

#menu ul li a {
    color: #fff;
    display: block;
    height: 21px;
    line-height: 195%;
    text-decoration: none;
    padding-right: 3px;
    font-size: .9em;
}

#menu ul li a span {
}

/****************** BASKET ************************/

#basketSummary #view_basket {
    margin: auto;
    background: transparent url('../images/bg_button_a_black.gif') no-repeat scroll top right;
}

#basketSummary .buttonBar {
    width: 103px;
    height: 25px;
    margin: auto;
    margin-top: 10px;
}

#basketSummary #view_basket span {
    background: transparent url('../images/bg_button_span_black.gif') no-repeat;
}

#basketSummary h2 {
    font-size: 90%;
    text-align: center;
}

#basketSummary {
    color: #600a0a;
    font-size: .9em;
    width: 90%;
    margin: auto;
    padding: 10px;
}

#basketSummary .column1 {
    width: 100px;
    text-align: right;
    float: left;
}

#basketSummary .column2 {
    text-align: right;
}

#basketSummary p#vatNotice {
    font-size: .7em;
    text-align: center;
    padding: 3px;
} 

hr {
    background-color: #942d2d;
    width: 85%;
    margin: auto;
    border: 1px solid #942d2d;
}

/*************************************************/

ul.breadcrumbs {
  font-size: 75%;
  margin-top: -6px;
}

*:first-child+html ul.breadcrumbs {
    margin-left: -5px;
}

ul.breadcrumbs li {
  display: inline;
  background: url(../images/crumb.gif) no-repeat 0% 50%;
  padding-left: 10px;
  padding-right: 4px;
}

ul.breadcrumbs li:first-child {
  padding-left: 0px;
  background-image: none;
}

ul.breadcrumbs li a:link    { color: #000; text-decoration: none; }
ul.breadcrumbs li a:visited { color: #000; text-decoration: none; }
ul.breadcrumbs li a:focus   { color: #000; text-decoration: underline; }
ul.breadcrumbs li a:hover   { color: #000; text-decoration: underline; }
ul.breadcrumbs li a:active  { color: #000; text-decoration: underline; }


h1 {
    font-size: 1.5em;
    text-align: center;
}

div#header h1 {
    margin-top: -45px;
}

#hallOutlineContainer #buttonBar {
    height: 25px;
    width: 90px;
    margin: auto;
}

#hallOutlineContainer a.button {
    margin: auto;
    background: transparent url('../images/bg_button_a_black.gif') no-repeat scroll top right;
}

#hallOutlineContainer a.button span {
    background: transparent url('../images/bg_button_span_black.gif') no-repeat;

}

#hallOutline {
    height: 126px;
    width: 126px;
    margin: auto;
    background: url( "../images/halls_outline.gif" ) no-repeat center;
}

#contactDetails {
    color: #600a0a;
    width: 95%;
    height: 200px;
    margin: auto;
}

#contactDetails h2 {
    font-size: 90%;
    text-align: center;
    padding: 3px;
}

#contactDetails address {
    width: 90%;
    margin: auto;
    padding: 3px;
}

#contactDetails span#contactDetailsPhoneImg {
    display: block;
    float: left;
    background: url( "../images/phone.gif" ) no-repeat;
    height: 16px;
    width: 17px;
    margin-left: 10px;
}

#contactDetails dd {
    text-align: right;
    padding: 3px;
}

#contactDetails span#contactDetailsEmailImg {
    display: block;
    float: left;
    background: url( "../images/email.gif" ) no-repeat;
    height: 16px;
    width: 16px;
    margin-left: 10px;
    margin-top: 6px;
}

#contactDetails .buttonBar {
    margin-top: 4px;
    float: right;
}

#contactDetails a.button {
    margin: auto;
    background: transparent url('../images/bg_button_a_black.gif') no-repeat scroll top right;
}

#contactDetails a.button span {
    background: transparent url('../images/bg_button_span_black.gif') no-repeat;

}

#sidebar p {
    text-align: center;
    font-weight: bold;
}

#sidebar ul {
    list-style-type: none;
}

#sidebar ul li a {
    color: #600a0a;
    text-decoration: none;
    display: block;
    height: 30px;
}

hr#hallOutlineBar {
    display: none;
}