/***************************
 * Body and core
 **************************/
body {
  background-color: #FFF;
  color: #424242;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0px 0px 20px 0px;
  padding: 0px;
}
#container {
    margin: 0px auto;
    width: 960px;
}
#content {
    float: left;
    padding-left: 15px;
    width: 740px;
}
.genericContent {
    border-left: #CCC 1px solid;
    margin-top: 15px;
    padding: 10px 0px 25px 25px;
}
.largerFont {
    font-size: 12px;
}
a {
    color: #336699;
}
/***************************
 * Headings
 **************************/
h1 {
    color: #336699;
    font-family: Georgia, "Times New Roman", Garamond;
    font-size: 28px;
    margin: 0px;
}
h2 {

}
h3 {

}
h4 {
    font-family: "Arial Unicode MS", "Arial", "Helvetica";
    font-size: 24px;
    font-weight: 400;
    line-height: 110%;
    margin: 10px 0px;
}
h4 a {
    background-color: transparent;
    color: #111;
    text-decoration: none;
}
h6 {
    margin: 0px 0px 8px;
}
h6 a {
    color: #003366;
    font-size: 12px;
}
/***************************
 * Header
 **************************/
#header {
    text-align: right;
}
/***************************
 * Top actions
 **************************/
#topActions {

}
#topMenu, #topMenu li {
    float: left;
}
#topMenu {
    font-size:12px;
}
#topMenu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#topMenu li {
    font-weight: 700;
    margin-right:6px;
}
#topMenu li a:link, #topMenu li a:visited, #topMenu li a:hover {
    display: block;
    padding: 10px 30px;
}
#topMenu li a:link, #topMenu li a:visited {
    color: #6D727E;
    text-decoration: none;
}
#topMenu li a:hover {
    background-color: #E1E1E1;
}
#topMenu .activeMenu:link, #topMenu .activeMenu:visited, #topMenu .activeMenu:hover, #topActionsBorder {
    background-color: #424242;
}
#topMenu .activeMenu:link, #topMenu .activeMenu:visited, #topMenu .activeMenu:hover {
    color: #FFF;
}
#searchForm {
    float: right;
}
#searchForm form {
    margin-bottom: 0px;
}
#searchForm button {
    background-color: #FFF;
    border: none;
    cursor: pointer;
    padding: 0px;
}
#searchForm #searchText {
    float: left;
    padding-top: 2px;
}
#searchForm #searchButton {
    float: right;
}
#searchForm .text {
    border: #9C9C9C 1px solid;
    color: #424242;
    font-size: 11px;
    padding: 5px;
}
#topActionsBorder {
    border-top: #383838 1px solid;
    clear: both;
    height: 8px;
}
/***************************
 * Footer
 **************************/
#footer {
    background-color: #CEE2F8;
    clear: both;
    color: #333;
    font-size: 12px;
    margin-top:20px;
    padding: 15px 0px;
}
#footer a {
    color: #003366;
    text-decoration: none;
}
#footer h5 {
    color: #003366;
    font-size: 15px;
    margin: 20px 0px 15px;
    text-transform: uppercase;
}
#footer span {
    color: #003366;
}
#about {
    font-size: 11px;
    font-weight: 700;
}
#about a {
    background: #336699 url(/images/button.jpg) repeat-x;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
#about .row {
    clear: both;
    padding-bottom: 15px;
}
#about .bullet, #about .text {
    float: left;
}
#about .bullet {
    width: 40px;
}
#about .text {
    width: 140px;
}
.centrePanel, .sidePanel {
    float: left;
}
.centrePanel {
    border-left: #003366 2px solid;
    border-right: #003366 2px solid;
    padding: 0px 25px;
    width: 464px;
}
.sidePanel {
    padding: 0px 20px;
    width: 180px;
}
.newsSnippet {
    color: #FFF;
    padding-bottom: 25px;
}
.newsSnippet .date, .newsSnippet .summary {
    float: left;
}
.newsSnippet .date {
    background: #CEE2F8 url(/images/news-date.gif) no-repeat;
    font-weight: 700;
    padding: 3px 10px 6px 3px;
    text-align: center;
    width: 47px;
}
.newsSnippet .summary {
    color: #333;
    font-size: 11px;
    padding-left: 0px;
    width: 325px;
}
.newsSnippet .summary p {
    margin: 0px;
}
#footer .newsSnippet .summary p a {
    color: #000;
    text-decoration: underline;
}
#footer .newsSnippet .date span {
    color: #FFF;
    font-size: 16px;
}
#footerSub {
    color: #000;
    font-weight: 700;
    padding: 15px 0px;
}
#footerSub a {
    color: #000;
    text-decoration: none;
}
#footerSub .copyright {
    float: right;
}
#footerSub .links {
    float: left;
}
/***************************
 * Menu
 **************************/
#sidebar {
    float: left;
    width: 200px;
}
#sidebar #menus .title {
    border-bottom: #CCC 1px solid;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
}
#sidebar #menus .menu {
    padding: 8px 0px 10px 6px;
}
#sidebar #menus .menu ul {
    list-style-image: url(/images/list-arrow.gif);
    margin: 11px 0px 0px 0px;
    padding-left: 20px;
}
#sidebar #menus .menu li {
    padding-bottom: 3px;
}
#sidebar #menus .menu ul li a {
    color: #666;
    font-size:12px;
    text-decoration: none;
}
#sidebar #menus .menu .subtitle {
    color: #000;
    font-size: 13px;
    font-weight: 700;
}
#logo {
    padding: 25px 0px 47px 10px;
}
#logo img {
    border: none;
}
/***************************
 * Forms
 **************************/
.form .row {
    clear: both;
    padding-bottom: 5px;
}
.form .label, .form .input {
    float: left;
}
.form .label {
    padding-top: 3px;
    width: 125px;
}
.form label {
    color: #666;
    font-weight: 700;
}
.form .text {
    border: #CCC 1px solid;
    font-size: 11px;
    padding: 3px;
}
/***************************
 * Login
 **************************/
#login {
    background: #FFF url(/images/login-bg.gif) no-repeat;
    border-top: #CCC 1px solid;
    margin-bottom: 20px;
    padding: 10px;
}
#login label, #login .links a {
    color: #666;
}
#login label {
    font-weight: 700;
}
#login form .label {
    padding-top: 3px;
}
#login form .text {
    padding: 3px;
    width: 175px;
}
#login form .row, #login #links {
    clear: both;
}
#login form .row {
    padding-bottom: 5px;
}
#login .links {
    float: left;
    width: 120px;
}
#login .submit {
    float: right;
    margin-top: 8px;
}
#login .title {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
}
/***************************
 * Account panel
 **************************/
#accountPanel, #accountPanel a {
    color: #FFF;
}
#accountPanel {
    background-color: #4476A9;
    padding: 10px;
}
#accountPanel a, #accountPanel .title, #accountPanel .email span {
    font-weight: 700;
}
#accountPanel a {
    border-bottom: #FFF 1px dotted;
    text-decoration: none;
}
#accountPanel .title {
    font-size: 16px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
#accountPanel .email span {
    color: #99CCFF;
}
#accountPanel .actions {
    padding-top: 10px;
}
/***************************
 * Generic form
 **************************/
.genericContent form a {
    background: #336699 url(/images/button.jpg) repeat-x;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.genericContent form label {
    color: #666;
    font-weight: 700;
}
.genericContent form .text {
    padding: 3px;
}
.genericContent form .submit {
    float: right;
    margin-top: 8px;
}
/***************************
 * Basket
 **************************/
#basket {
    border-bottom: #CCC 1px solid;
    border-left: #CCC 1px solid;
    border-right: #CCC 1px solid;
    color: #666;
    margin-bottom: 20px;
    padding: 10px;
}
#basket a, #basket .title {
    font-weight: 700;
}
#basket a {
    color: #4476A9;
    text-decoration: none;
}
#basket .title {
    color: #000;
    font-size: 16px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
#basket .row {
    clear: both;
}
#basket .item {
    float: left;
    width: 125px;
}
#basket .priceVal {
    float: right;
    font-weight: 700;
}
#basket .actions {
    padding-top: 10px;
}
#basket .total {
    padding-top: 8px;
}
/***************************
 * Crumb trail
 **************************/
#crumbTrail {
    padding-bottom: 15px;
}
#crumbTrail a {
    text-decoration: none;
}
/***************************
 * Introduction
 **************************/
#intro {
    background: #FFF url(/images/intro-bg.gif) no-repeat right top;
    border-left: #CCC 1px solid;
    height: 134px;
    font-family: Georgia, "Times New Roman", Garamond;
    font-size: 12px;
    margin: 15px 0px;
    padding: 15px 0px 0px 25px;
}
/***************************
 * Home page
 **************************/
#homeBanner {
}
.fadeshow {
    float: left;
}
/***************************
 * Product listings
 **************************/
#productListings {
    border-left: #CCC 1px solid;
    margin-top: 15px;
    padding: 10px 0px 25px 25px;
}
#productListings .header .title, #productListings .product .image, #productListings .product .form {
    float: left;
}
#productListings .pagination {
    float: right;
}
#productListings .pagination a {
    color: #666;
    text-decoration: none;
}
#productListings .pagination .next, #productListings .pagination .prev {
    color: #336699;
    font-weight: 700;
}
#productListings .header .title h2 {
    margin: 0px;
    text-transform: uppercase;
}
#products, .productRow {
    clear: both;
}
.productRow {
    padding: 25px 0px 10px 10px;
}
.productRow .first {
    margin-right: 60px;
}
.product {
    border-bottom: #F3F3F3 2px solid;
    border-right: #F3F3F3 2px solid;
    color: #000;
    float: left;
    min-height: 153px;
    padding-bottom: 10px;
    width: 280px;
}
form select, form .text {
    border: #CCC 1px solid;
    font-size: 11px;
}
.product form select {
    cursor: pointer;
    width: 100px;
}
.product form .submit {
    padding-top: 12px;
}
form .submit a {
    background: #336699 url(/images/button.jpg) repeat-x;
    color: #FFF;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.product form .row, .product form .submit {
    clear: both;
}
.product form .row {
    padding-top: 4px;
}
.product .image {
    width: 120px;
}
.product .image img {
    border: #E1E1E1 1px solid;
}
.product .form {
    width: 160px;
}
.product .name {
    font-weight: 700;
}
.product .form .field, .product .form .label {
    float: left;
}
.product .form .label {
    width: 50px;
}
.product .price, .product .more {
    padding-top: 5px;
}
.product .more {
    padding-bottom: 10px;
}
.product .more a {
    background: #FFF url(/images/list-arrow-padded.gif) no-repeat;
    color: #003366;
    font-weight: 700;
    padding-left: 10px;
    text-decoration: none;
}
/***************************
 * Department categories
 **************************/
#categories {
    background: #CEE2F8 url(/images/categories-bg.gif) no-repeat bottom right;
    padding: 15px 30px;
}
#categories a {
    color: #666;
    font-weight: 700;
    text-decoration: none;
}
#categories ul {
    list-style-image: url(/images/list-arrow.gif);
    margin: 0px;
    padding-left: 20px;
}
#categories li {
    padding: 3px 0px;
}
#categories .categoryList {
    float: left;
    padding-right: 60px;
}
/***************************
 * Product details
 **************************/
#displaybox {
    z-index: 10000;
    filter: alpha(opacity=90); /*older IE*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE */
    -moz-opacity: .90; /*older Mozilla*/
    -khtml-opacity: 0.9;   /*older Safari*/
    opacity: 0.9;   /*supported by current Mozilla, Safari, and Opera*/
    background-color:#000000;
    position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; vertical-align:middle;
}
#prodDetails {
    background-color: #FFF;
    color: #000;
    left: 30%;
    right: 30%;
    min-width: 40%;
    margin-top: 100px;
    position: absolute;
    padding:15px;
    width: 517px;
    z-index: 10001;
}
#prodDetails #prodText {
    padding: 15px 0px 0px 15px;
    text-align: center;
}
#prodDetails #prodName {
    font-size: 16px;
    font-weight: 700;
}
#prodDetails img {
    border: #000 1px solid;
}
#prodClose {
    position: absolute;
    margin-top: 80px;
    right: 25%;
    z-index: 10002;
}
#prodClose img {
    border: none;
}
/***************************
 * News
 **************************/
.newsHeading {
    text-transform: capitalize;
}
.newsHeading a {
    text-decoration: none;
}
.newsHeadingDate {
    color: #666;
}
.newsSummary {
    padding-bottom: 15px;
}
.newsSummary .link span {
    color: #666;
}
.newsSummary .title {
    text-transform: capitalize;
}
.newsSummary .title a {
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}
/***************************
 * Contact
 **************************/
#openingTimes .row {
    clear: both;
}
#openingTimes .day, #openingTimes .time {
    float: left;
}
#openingTimes .day {
    width: 125px;
}
/***************************
 * Site Map
 **************************/
#siteMap ul {
    list-style-image: url(/images/list-arrow.gif);
    margin: 0px;
    padding: 0px 0px 0px 20px;
}
#siteMap li {
    padding-bottom: 10px;
}
#siteMap li a {
    text-decoration: none;
}
#siteMap .sub {
    list-style: none;
    padding-left: 10px;
}
#siteMap .sub li {
    padding: 0px 0px 3px 0px;
}
/***************************
 * Blog
 **************************/
.blogContent {
    border-left: #CCC 1px solid;
    border-right: #CCC 1px solid;
    float: left;
    font-family: Georgia, "Times New Roman", Garamond;
    margin-top: 15px;
    padding: 10px 25px 25px;
    width: 468px;
}
.sidebar {
    float: left;
    padding: 25px 0px 0px 20px;
    width: 200px;
}
.post {
    background: #FFF url(/images/intro-bg.gif) bottom right no-repeat;
    border-bottom: #CCC 1px solid;
    padding-bottom: 40px;
}
.outerTitle h1 {
    color: #000;
    font-size: 18px;
}
.entry-title a {
    color: #336699;
    font-size: 28px;
    margin: 0px;
    text-decoration: none;
}
.post h1 {
    margin: 13px 0px;
}
.entry-meta, .entry-utility {
    color: #989FA9;
}
.entry-content {
    font-size: 12px;
}
.sidebar ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#searchform label {
    color: #000;
    font-weight: 700;
}
#searchform .searchText {
    float: left;
    padding-top: 2px;
}
#searchform .searchButton {
    float: left;
}
#searchform .text {
    clear: both;
    font-size: 11px;
    padding: 5px;
}
#searchform button {
    background-color: #FFF;
    border: none;
    cursor: pointer;
    padding: 0px;
}
#commentform .text, #commentform textarea {
    border: #9C9C9C 1px solid;
    padding: 5px;
}
#commentform .input, #commentform .label {
    float: left;
}
#commentform .label {
    padding-top: 5px;
    width: 70px;
}
#commentform p {
    clear: both;
    padding-top: 5px;
}
/***************************
 * Miscellaneous
 **************************/
.clear {
    clear: both;
}

#optInRow {
	width:400px;
	padding-bottom:20px;
}