﻿body {
    background:         #29161b url('/media/images/bg-strip.gif') repeat-x left top;
    color:              #888888;
    font:               0.69em/1.4em Arial, Sans-serif;
    margin:             0;
    padding:            0;
}

/* Page Elements */

img {
    border:             0;
}

a {
    color:              #785b6b;
    outline:            none;
}

p {
    margin:             0;
    padding:            6px 0;
}

.clear {
    clear:              both;
    font-size:          1px;
    height:             1px;
    line-height:        0;
}

/* Headings */

h1 {
    margin:             0;
    padding:            0;
}

h2 {
    color:              #785b6b;
    font:               1.82em Georgia, Serif;
    margin:             0;
    padding:            5px 0;
}

h3 {
    border-bottom:      1px solid #f1eeef;
    color:              #785b6b;
    font:               1.82em Georgia, Serif;
    margin:             0 0 5px 0;
    padding:            0 0 5px 0;
}

h4 {
    color:              #785b6b;
    font:               1.27em Georgia, Serif;
    margin:             6px 0 0 0;
    padding:            0;
}

h4 a {
    color:              #785b6b;
    text-decoration:    none;
}

h4 span {
    color:              #888888;
}

/* Content Page Structure */

#container {
    background:         url('/media/images/bg.jpg') no-repeat left top;
    height:             792px;
    width:              870px;
}

#container .left-strip {
    float:              left;
    margin:             0 0 0 32px;
    width:              256px;
}

#container .left-strip .content {
    padding:            0 16px;
}

#container .left-strip .content p {
    padding:            3px 0;
}

#container .right-content {
    background:         #FFF;
    float:              left;
    height:             712px;
    margin:             20px 0 0 20px;
    padding:            20px;
    position:           relative;
    width:              467px;
}

#container .right-content .triangle {
    background:         url('/media/images/triangle.png') no-repeat;
    height:             30px;
    left:               -15px;
    position:           absolute;
    width:              15px;
}

#container .right-content.products .triangle {    
    top:                350px;
}

#container .right-content.news .triangle {    
    top:                400px;
}

#container .right-content.about .triangle {    
    top:                450px;
}

#container .right-content.press-releases .triangle {    
    top:                500px;
}

#container .right-content.contact .triangle {    
    top:                550px;
}

/* Main Navigation */

ul.main-navigation {
    border:             1px solid #f1eeef;
    border-width:       1px 0;
    list-style:         none;
    margin:             0 0 5px 0;
    padding:            0;
    width:              256px;
}

ul.main-navigation li {
    padding:            0;
    margin:             0;
}

ul.main-navigation li a {
    border:             1px solid #f1eeef;
    border-width:       1px 0;
    color:              #785b6b;
    display:            block;
    font:               1.27em Georgia, Serif;
    padding:            8px 16px;
    text-decoration:    none;
}

ul.main-navigation li a span {
    color:              #98818e;
    font:               0.79em Arial, Sans-serif;
}

ul.main-navigation li.purple a {
    background:         #f6f4f5;
    border:             1px solid #FFF;
    border-width:       1px 0;
}

ul.main-navigation li a:hover {
    background:         #482932;
    color:              #FFF;
}

ul.main-navigation li a:hover span {
    color:              #FFF;
}

/* News (Sidebar) */

.content.news p.title {
    font-weight:        bold;
    padding:            0;
}

.content.news p.title a {
    color:              #888888;
    text-decoration:    none;
}

.content.news p.title a:hover {
    text-decoration:    underline;
}


.content.news p.title span {
    color:              #bab0b6;
    font:               italic normal 0.91em Arial, Sans-serif;
}

.content.news .hr {
    background:         #f6f4f5;
    font-size:          1px;
    height:             1px;
    line-height:        1px;
    margin:             0 -16px 6px -16px;
    padding:            0;
    width:              256px;
}

/* Products */

.product {
    height:             590px;
    overflow:           hidden;
    width:              467px;
}

.product .item {
    display:            none;
}

.product .item.current {
    display:            block;
}

.item .description {
    height:             100px;
    overflow:           auto;
}

.product-images-small {
    float:              left;
    margin:             10px 10px 0 10px;
    width:              90px;
}

.product-images-large {
    float:              right;
    margin:             10px 0 0 0;
    overflow:           hidden;
    text-align:         right;
    width:              357px;
}

.product-hr {
    background:         #F1EEEF;
    clear:              both;
    font-size:          1px;
    height:             1px;
    line-height:        1px;
    margin:             4px 0 10px 0;
    padding:            0;
}

.price {
    background:         #F1EEEF;
    color:              #765868;
    display:            block;
    font:               1.82em/1em Georgia, Serif;
    padding:            10px;
}

.price span {
    color:              #757472;
    font-size:          0.60em;
}

.price .enquiry-button {
    float:              right;
    margin:             3px 0 0 0;
}

h3.thumbnail-title {
    font-size:          1.45em;
    margin:             10px 0 0 0;
}

a.thumbnail {
    cursor:             pointer;
    display:            block;
    float:              left;
    height:             90px;
    margin:             0;
    width:              10px;
}

a.prev {
    background:         url('/media/images/prev.gif') no-repeat !important;    
}

a.prev.disabled {
    background:         url('/media/images/prev-disabled.gif') no-repeat !important;   
    cursor:             default; 
}

a.next {
    background:         url('/media/images/next.gif') no-repeat;  
}

a.next.disabled {
    background:         url('/media/images/next-disabled.gif') no-repeat;   
    cursor:             default; 
}

.product-thumbnails {
    float:              left;
	height:             90px;
	margin:             0 auto;
	overflow:           hidden;
    position:           relative; 
	width:              440px;
}

.product-thumbnails .scrollable {
    position:           absolute;
    width:              20000em;
}

.scrollable .thumbnail {
    cursor:             pointer;
    float:              left;
    margin:             0 5px;
    text-align:         center;
    width:              100px;
}

/* News & Press Releases */

.news-list {
    height:             672px;
    overflow:           auto;
    padding:            0 10px 0 0;
    width:              457px;
}

.news-hr {
    background:         #F1EEEF;
    clear:              both;
    font-size:          1px;
    height:             1px;
    line-height:        1px;
    margin:             10px 0;
    padding:            0;
}

p.read-more {
    padding:            0;
    text-align:         right;
}

img.press-release-image {
    float:              left;
    margin:             5px 10px 10px 0;
}

img.press-release-image2 {
    float:              right;
    margin:             10px 0 10px 10px;
}

/* Contact Form */

.form-intro {
    float:              left;
    margin:             8px 10px 0 0;
    width:              230px;
}

.form {
    float:              left;
    width:              220px;
}

.form label {
    color:              #29161b;
    display:            block;
    font:               1.27em Georgia, Serif;
    padding:            8px 0 3px 0;
}

.form input.text-input {
    color:              #888888;
    border:             1px solid #F1EEEF;
    font:               1em Arial, Sans-serif;
    height:             15px;
    margin:             0;
    padding:            3px;
    width:              220px;
}

.form input.text-input:focus, .form textarea:focus {
    border:             1px solid #888888;
}

.form textarea {
    color:              #888888;
    border:             1px solid #F1EEEF;
    font:               1em Arial, Sans-serif;
    height:             80px;
    margin:             0;
    padding:            3px;
    width:              220px;
}

.form input.submit {
    color:              #FFF;
    background:         #754B5F;
    border:             0;
    margin:             10px 0 0 0;
    padding:            3px 5px;
}

/* Footer */

#footer {
    background:         #29161b;
    border-top:         1px solid #241317;
    clear:              both;
    padding:            10px 0;
    width:              100%;
}

#footer p.contact-details {
    color:              #857e80;
    font:               1.46em/1.5em Georgia, Serif;
    float:              left;
    margin:             0;
    padding:            0 0 0 50px;
}

#footer p.contact-details span {
    color:              #754b5f;
}

#footer p.contact-details a {
    color:              #615458;
    text-decoration:    none;
}

#footer p.sub-menu {
    color:              #49393d;
    float:              left;
    margin:             0 0 0 360px;
    padding:            0;
}

#footer p.sub-menu a {
    color:              #5f5054;
    text-decoration:    none;
}

#footer p.sub-menu a:hover {
    text-decoration:    underline;
}

body .message-box
{
    margin: 5px 0px 5px 0px;
    border: 2px solid #F8BCC8;
    background: #F9DCE0;
    padding: 5px;
    font-size: 100%;
    line-height: normal;
}
