/* +------------------------------------------------------------------------+ */
/* | General XHTML Elements                                                 | */
/* +------------------------------------------------------------------------+ */

body {
     width: 900px;
     background: #393E3C url(images/bkg-body.jpg) repeat-x scroll top;
     margin: 0px auto 0px auto; /* sets site 0px down from top and central in page */
     padding: 0px;
     color: #DDDFB9;
     font-family: Trebuchet MS;
     font-size: 12px;
}
a, address, blockquote, div, fieldset, form, h1, img, input, label, li, p, table, textarea, tr, ul { /* remove borders, margin and padding */
     border: none;
     margin: 0px;
     padding: 0px;
}
input, textarea {
     background: #DDDFB9;
}
a {
     color: #DDDFB9;
     text-decoration: none;
}
a:hover {
     text-decoration: underline;
}
address {
     font-style: normal;
}
h1 {
     padding: 10px 0px 10px 0px;
     font-size: 24px;
}
legend { /* removes legend text and border from around contact form fieldset */
     display: none;
}
table {
	border-collapse: collapse;
}

/* +------------------------------------------------------------------------+ */
/* | General Classes                                                        | */
/* +------------------------------------------------------------------------+ */

.alignCenter {
     text-align: center;
}
.paddingBottom10px {
     padding-bottom: 10px;
}
.paddingBottom20px {
     padding-bottom: 20px;
}
.textRed {
     color: #ED1C24;
}

/* +------------------------------------------------------------------------+ */
/* | Page Layout Elements                                                   | */
/* +------------------------------------------------------------------------+ */

#container {
     width: 880px; /* 880px plus 2 x 10px borders = 900px */
     background: #391614 url(images/bkg-container.jpg) repeat-x scroll top;
     padding: 10px; /* provides border around wrapper to let gradient show through */
}
#wrapper {
	float: left; /* must be floated to force nested divs to be full height */
     background: #391614;
     padding: 10px;
}
#content {
     float: left; /* must be floated to force nested divs to be full height */
     width: 860px;
     padding-bottom: 30px;
}
#colLeft {
	float: left;
     width: 410px;
}
#colRight {
	float: right;
     width: 410px;
}

/* +------------------------------------------------------------------------+ */
/* | Header Elements                                                        | */
/* +------------------------------------------------------------------------+ */

#header {
     border-bottom: 1px solid #DDDFB9;
     padding: 0px 0px 40px 0px;
}
#header img {
     margin: 5px 0px 10px 0px;
}
#header ul {
     text-align: right;
}
#header li {
     display: inline;
}
#header a {
	color: #FFFFFF;
     padding: 0px 4px 0px 1px;
}
#headerLeft {
/*     background: light blue; */
     float: left;
}
#headerRight {
/*     background: yellow; */
     float: right;
}
#headerStrap {
     clear: both; /* clears headerLeft and headerRight floats */
/*     background: pink; */
}

/* +------------------------------------------------------------------------+ */
/* | Footer Elements                                                        | */
/* +------------------------------------------------------------------------+ */

#footer {
	clear: both;
	background: #7C3D38 url(images/bkg-footer.jpg) repeat-x scroll top;
     height: 98px;
     text-align: center;
     color: #D0655D;
}
#footer p {
	margin: 12px 0px 12px 0px;
}
#footer a {
     color: #D0655D;
}
#footerLeftRight { /* div to hold footerLeft and footerRight - allows footerAddress to appear below */
     height: 42px;
}
#footerLeft {
     background: #391614 url(images/bkg-footer-lr.jpg) repeat-x scroll top;
     float: left;
     width: 410px;
     height: 42px;
     margin: 0px 0px 0px 10px;
}
#footerRight {
     background: #391614 url(images/bkg-footer-lr.jpg) repeat-x scroll top;
     float: right;
     width: 410px;
     height: 42px;
     margin: 0px 10px 0px 0px;
}
#footerAddress {
     margin: 10px 10px 0px 10px;
}
#footerAddress p {
	margin: 0px;
     padding: 0px;
}

/* +------------------------------------------------------------------------+ */
/* | Page Specific Elements                                                 | */
/* +------------------------------------------------------------------------+ */
/* +------------------------------------------------------------------------+ */
/* | Global Styleing for Forms                                              | */
/* +------------------------------------------------------------------------+ */

.formLabel {
     float: left;
	clear: left;
	width: 90px;
     text-align: right;
	margin: 2px 10px 0px 0px;
}
.formInput {
     width: 270px;
     background: #FFFFFF url(images/bkg-input.jpg) repeat-x bottom left;
     border: 1px solid #FFFFFF;
     margin: 2px 10px 10px 0px;
     font-family: Trebuchet MS;
     font-size: 14px;
}
button {
     width: 115px;
	background: #FFFFFF url(images/bkg-input.jpg) repeat-x bottom left;
     font-family: Trebuchet MS;
     font-size: 12px;
}
.formButtons {
     width: 272px; /* width of input boxes plus borders of input boxes */
     margin-left: 100px;
}
.formButtonLeft {
     float: left;
}
.formButtonRight {
     float: right;
}

/* +------------------------------------------------------------------------+ */
/* | index page                                                             | */
/* +------------------------------------------------------------------------+ */

.index #colLeft {
     width: 390px;
     padding-left: 20px;
}
.index #colRight {
     width: 390px;
     padding-right: 20px;
}
.index #homeImageText { /* style for div holding rotating images and text on home page */
     height: 280px; /* set to height of homeImage */
     padding-bottom: 30px; /* sets gap between homeImageText and accordionContainer */
}
.index #homeImage {  /* style for div holding rotating images on home page */
     float: left;
     width: 555px;
     height: 280px;
}
.index #homeText { /* style for div holding text next to rotating images on home page */
     float: right;
     width: 285px;
     padding: 10px 10px 0px 10px
}
.index #homeTestimonial {
	float: right;
     width: 265px;
     padding: 0px 25px 0px 15px;
}
.index imageQuoteOpen {
}
.index .imageQuoteClose {
}
.index .testimonialQuote {
	text-align: center;
     font-style: italic;
}
.index .testimonialAuthor {
     text-align: right;
     padding: 7px 0px 0px 0px;
}

.index .accordionPanelTabImage { /* style for image in accordion panel tab */
	float: left;
     padding: 7px 10px 5px 7px;
}
.index .accordionPanelTabHeadMain { /* style for main heading in accordion panel tab */
	color: #000000;
     font-weight: bold;
     line-height: 22px;
     padding: 5px 7px 0px 7px;
}
.index .accordionPanelTabHeadSub { /* style for sub heading in accordion panel tab */
	color: #666666;
     line-height: 14px;
     padding: 0px 7px 0px 7px;
}
.index .accordionPanelContentContainer { /* container for accordion panel content - needed because you can't set padding for class .AccordionPanelContent in the SpryAccordion.css */
     padding: 3px 7px 0px 7px;
}
.index .accordionPanelContentHead { /* style for main heading in accordion panel content */
     color: #000000;
     font-weight: bold;
     padding: 0px 0px 3px 0px;
}
.index .accordionPanelContentHead a {
     color: #000000;
}
.index .accordionPanelContentBody { /* style for body text in accordion panel content */
     color: #666666;
     line-height: 14px;
     padding: 0px 0px 10px 0px;
}
.index .accordionPanelContentBody a {
	color: #666666;
}

.index .openClose {  /* style for table containing opening times in accordion panel content */
	color: #666666;
     margin: 0px 0px 10px 0px;
}
.index .openClose tr {
     line-height: 14px;
}
.index .day {
     width: 62px;
}
.index .open {
     width: 45px;
}
.index .space {
     width: 10px;
}
.index .close {
     width: 30px;
}

/* +------------------------------------------------------------------------+ */
/* | about-us page                                                          | */
/* +------------------------------------------------------------------------+ */



/* +------------------------------------------------------------------------+ */
/* | store-locator page                                                     | */
/* +------------------------------------------------------------------------+ */

.storeLocator #colLeft {
	width: 425px;
}
.storeLocator #colRight {
     width: 390px;
}
.storeLocator .collapsiblePanelTabImage { /* style for image in collapsible panel tab */
	float: left;
     padding: 7px 10px 5px 7px;
}
.storeLocator .collapsiblePanelTabHeadMain { /* style for main heading in collapsible panel tab */
	color: #000000;
     font-weight: bold;
     line-height: 22px;
     padding: 2px 7px 0px 7px;
}
.storeLocator .collapsiblePanelContentContainer { /* container for collapsible panel content - needed because you can't set padding for class .CollapsiblePanelContent in the SpryCollapsiblePanel.css */
}
.storeLocator .collapsiblePanelContentBody { /* style for body text in collapsible panel content */
     color: #666666;
     line-height: 14px;
     padding: 0px 0px 10px 0px;
}

/* +------------------------------------------------------------------------+ */
/* | faq page                                                               | */
/* +------------------------------------------------------------------------+ */

.faq .CollapsiblePanel {
     width: 410px;
}
.faq .CollapsiblePanelTab { /* overrides height set in SpryCollapsiblePanel.css */
     height: 40px;
}
.faq .collapsiblePanelTabHeadMain { /* style for main heading in collapsible panel tab */
	color: #000000;
     font-weight: bold;
     padding: 2px 7px 0px 7px;
}
.faq .collapsiblePanelContentContainer { /* container for collapsible panel content - needed because you can't set padding for class .CollapsiblePanelContent in the SpryCollapsiblePanel.css */
     padding: 3px 7px 0px 7px;
}
.faq .collapsiblePanelContentBody { /* style for body text in collapsible panel content */
     color: #666666;
     line-height: 14px;
     padding: 0px 0px 10px 0px;
}

/* +------------------------------------------------------------------------+ */
/* | contact-us page                                                        | */
/* +------------------------------------------------------------------------+ */

.contactUs #addressLeft {
     float: left;
}
.contactUs #addressRight {
     float: right;
     padding-right: 50px;
}
.contactUs address {
     margin-bottom: 10px;
}

/* +------------------------------------------------------------------------+ */
/* | end                                                                    | */
/* +------------------------------------------------------------------------+ */