﻿body { margin: 0px; background-color: #fff; /*#EEF3FA;*/ font-family: Verdana; color: #555; background-image: url("/Images/Background.jpg"); background-repeat: no-repeat; background-position: top center; font-size: 10pt; }



ul { margin: 10px; }
ul li { font-size: 1em;   list-style-position: outside; list-style-type: disc; list-style-image: url("/Images/Misc/Bullet.gif"); }


#container { /*width: 1200px;*/ width: 930px; margin: auto; min-height: 766px;  }
#header { height: 134px; }

#logo { float: left; margin-top: 60px; margin-left: 12px; }
#logo a { display: block; width: 372px; height: 60px; }
#logo a span { display: none; }

#content { margin: auto; width: 928px; min-height: 580px; background-color: #fff; margin-top: 16px; }

#footer { width: 1200px; margin: auto; background-image: url("/Images/FooterBackground.gif"); background-repeat: repeat-x; min-height: 64px; padding-top: 22px; margin-top: 40px; }
#footerContent { margin-left: 154px; font-family: Verdana; font-size: 0.7em; color: #828282; line-height: 1.8em; }


h1 { font-family: Times New Roman; font-style: italic; font-size: 2.2em; color: #464646; margin-bottom: 10px; margin-top: 10px; background-image: url("/Images/Misc/NavigationDottedLine.gif"); padding-bottom: 10px; background-repeat: repeat-x; background-position: bottom left; }
h2 { font-family: Arial; color: #444; font-size: 1.3em; line-height: 1.4em; margin-bottom: 0.1em; margin-top: 1em; }
h3 { font-family: Arial; color: #8F8F8F; font-size: 0.8em; margin-bottom: 0.6em; color: #464646; font-weight: bold; }

#content { font-family: Verdana; font-size: 1em; color: #555; line-height: 1.6em; margin-bottom: 0.6em; overflow: hidden; }

.contentColumn1 { float: left; width: 436px; margin-right: 15px; }
.contentColumn2 { float: left; width: 215px; margin-right: 15px; }
.contentColumn3 { float: left; width: 215px; }

div.dottedLine { background-image: url("/Images/DottedLine.gif"); background-repeat: repeat-x; height: 1px; margin-bottom: 0.6em; }

#hygieneLinks { float: right;  }
#hygieneLinks ul { margin: 0px; }
#hygieneLinks ul li { float: left; margin: 0px 12px 0px 12px; height: 38px; padding-top: 4px; list-style: none; }
#hygieneLinks ul li a { text-decoration: none; color: #fff; font-family: Verdana; font-size: 0.8em; }
/*
#hygieneLinks ul li.contactUs { background-image: url("/Images/ContactUsBackground.gif"); }
#hygieneLinks ul li.contactUs a { color: #000; }
*/


a { color: #A8529B; text-decoration: none; }

#content ul li { margin-bottom: 16px; }
#content ul li a { color: #A8529B; text-decoration: none;  }


#subNavigation { float: left; background-image: url("/Images/NavigationBackground.gif"); background-repeat: repeat-x; width: 215px; min-height: 576px; }
#subNavigation div.inThisSection { margin-top: 13px; margin-left: 17px; background-image: url("/Images/Misc/NavigationDottedLine.gif"); background-repeat: no-repeat; background-position: bottom left; height: 30px; }
#subNavigation ul { margin: 0px; margin-left: 18px; }
#subNavigation ul li { list-style: none; background-image: url("/Images/Misc/NavigationDottedLine.gif"); background-repeat: no-repeat; background-position: bottom left; margin: 0px; margin-top: 5px; margin-bottom: 5px; }
#subNavigation ul li a { font-family: Arial; font-size: 11.5pt; text-decoration: none; color: #000; line-height: 1.8em;  padding: 0; }
#subNavigation ul li.active { font-weight: bold; }

blockquote { font-style: italic; margin: 0px; margin-top: 20px; background-image: url("/Images/Misc/QuoteLeft.gif"); background-repeat: no-repeat; padding: 20px; padding-left: 30px; padding-right: 30px; padding-bottom: 10px;}
cite { font-weight: bold; font-family: Verdana; font-size: 0.8em; color: #464646; }

label { width: 263px; display: block; float: left; line-height: 27px; }
input.textbox, input.textboxSmall { background-color: #F5F7F6; border: 2px solid #DEE7E4; font-family: Verdana; font-size: 1em; float: left; width: 267px; height: 27px; line-height: 30px; }
textarea.textbox { background-color: #f5f7f6; border: 2px solid #dee7e4; font-family: Verdana; font-size: 0.8em; width: 357px; height: 97px; }
select { background-color: #f5f7f6; border: 2px solid #Dee7e4; font-family: Verdana; font-size: 1em; width: 267px; height: 27px; }
input.textboxSmall { width: 75px !important; height: 27px; }

p { margin-bottom: 12px; }

#mainNavigation { background-image: url("/Images/NavigationMain.jpg"); background-repeat: no-repeat; width: 519px; height: 40px; float: right; clear: right; margin-top: 42px; }
#mainNavigation ul { margin: 0px; }
#mainNavigation ul li { margin: 0px; list-style: none; float: left; }
#mainNavigation ul li a {}
#mainNavigation ul li a span { display: none; }

#mainNavigation ul li a#chaircovers { display: block; width: 113px; height: 40px; }
#mainNavigation ul li a#accessories { display: block; width: 103px; height: 40px; }
#mainNavigation ul li a#gallery { display: block; width: 74px; height: 40px; }
#mainNavigation ul li a#testimonials { display: block; width: 110px; height: 40px; }
#mainNavigation ul li a#contactus { display: block; width: 102px; height: 40px; }



#homeGallery { overflow: hidden; margin-bottom: 10px; }
#homeGalleryThumbs { float: right; }
#homeGalleryThumbs ul { margin: 0px; }
#homeGalleryThumbs ul li { margin: 0px; list-style: none;  }
#homeGalleryThumbs ul li a {}
#homeGalleryImage { float: left; position: relative; }
#homeGalleryImage div { position: absolute; top: 0; left: 0; }


.galleryImageContainer { float: left; width: 158px; height: 120px; margin-right: 12px; margin-bottom: 54px; }

div.dottedLine { background-image: url("/Images/Misc/NavigationDottedLine.gif"); background-repeat: repeat-x; height: 1px; margin-bottom: 16px; }

strong { font-weight: bold; }
ol li { margin-bottom: 30px; list-style-type: decimal; list-style-position: inside; }

.eventDateDay { width: 80px; }
.eventDateMonth { width: 100px; }
.eventDateYear { width: 80px; }

.formRow { overflow: hidden; margin-bottom: 4px; }
.formRow span { font-weight: bold; font-size: 12pt; }

        .colourSamples { overflow: hidden; margin-left: 40px; margin-top: 30px; }
        .colourSampleColumn { width: 80px; float: left; margin-right: 20px; }
        .colourSampleColumn div { text-align: center; margin-bottom: 20px; white-space: nowrap; }