/* colours:
  red: #D46D63
  blue grey: #7089A6
  olive: #494C3A
  puce: #665250
  grey: #999999
*/

body {
    background: url(../images/back_fade.jpg) repeat-x #666;
    color: #fff;
}
h1, h2, h3, h4, h5, h6 {
    color: #D46D63;
}
a {
    color: #7089A6;
}
a:hover {
    color: #665250;
}
.front_hats {
    background: url(../images/front_7.jpg) no-repeat transparent;
    height: 200px;
}
.front_accessories {
    background: url(../images/front_2.jpg) no-repeat transparent;
    height: 200px;
}
.front_contact {
    background: url(../images/front_8.jpg) no-repeat transparent;
    height: 200px;
}
/* ----- navigation ------ */
ul#navigation {
    margin: 30px 0;
    font-size: 150%;
}
ul#navigation li {
    display: inline;
    list-style: none;
    margin: 0;
}
ul#navigation li.current a {
    color: #D46D63;
}
ul#navigation li.current a:hover {
    color: #494C3A;
    border-left: 1px dotted #7089A6;
}
ul#navigation a {
    display: block;
    padding: 2px 10px;
    margin: 3px 0;
    float: left;
    color: #7089A6;
    text-decoration: none;
    border-left: 1px dotted #494C3A;
}
ul#navigation a:hover {
    color: #494C3A;
    border-left: 1px dotted #7089A6;
}
div.top_margin {
    margin-top: 20px;
}
div.top_margin h2 {
    margin-top: 0;
}
div.faq h4 {
    font-size: 15px;
    margin-bottom: 0;
}
div.faq p {
    margin: 0 0 20px;
    line-height: 1.2;
}
div.faq p b {
    color: #333;
    font-size: 15px;
}
div.testimonials p {
   background: url(../images/quote.png) no-repeat transparent 0 -5px;
   text-indent: 30px;
   margin: 1.2em 0 0.6em;
}
div.testimonials p span {
   background: url(../images/close-quote.png) no-repeat transparent right 5px;
   padding: 12px 13px;

}
div.testimonials div {
    font-size: 11px;
    text-align: right;
    margin-top: 0;
}
p.address {
    margin-left: 30px;
    line-height: 1.3;
}
b.emphasis {
    color: #D46D63;
}
/* form elements */
form {
    border: 1px dashed #D46D63;
    padding: 0.8em 1.4em;
    margin-bottom: 1em;
}
label {
    padding-right: 0.6em;
    font-weight: bold;
}
input.initial {
    color: #999;
    font-style: italic;
}
#map_canvas h4 {
    margin: 0;
}
div.shopImage {
    float: right;
    background: transparent url(../images/back-shadow.png) no-repeat;
    padding: 0 5px 5px 0;
    width: 240px;
}
/* ----- footer ------ */
div.footer {
    text-align: center;
    font-size: 85%;
}
/* ----- right hand column ------ */
div.emp_box {
    font-size: 85%;
    border: 1px dashed #D46D63;
    margin-bottom: 10px;
    padding: 5px;
}
div.emp_box h2 {
    font-size: 19px;
    margin: 0;
}
div.emp_box p {
    text-align: justify;
}
/* ------- pop-up photo ------ */
#photobox {
    position: absolute;
    width: 320px;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
    text-align: center;
    background: #665250;
    padding: 10px 0;
}
#closer {
    font-weight: bold;
    font-size: 16px;
    color: #D46D63;
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 16px;
}
/* ------- accessories gallery ------ */
#accessoriesGallery {
    background: #7089A6 url(../images/accessories/backdrop.jpg) no-repeat;
    padding: 0 10px;
}
#accessoriesGallery div {
    width: 600px;
    overflow: hidden;
    position: relative;
    height: 120px;
}
#accessoriesGallery ol {
    position: absolute;
    left: 0px;
    width: 5000px;
    margin: 0;
}
#accessoriesGallery ol li {
    list-style: none;
    margin: 10px 5px;
    float: left;
}
#mask {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #666;
    display: none;
}
#largeAccessory {
    position: absolute;
    display: none;
    background: #ccc;
}
#imageHolder img {
    border: 5px solid #D46D63;
    display: block;
}
#goPrev, #goNext {
    position: absolute;
    top: 0;
    padding: 0 10px;
    cursor: pointer;
}
#goPrev {
    left: -80px;
}
#goNext {
    right: -80px;
}