/**
 * colours
 */

/*
#157782 Turquoise
#922850 Burgundy
#EDF5F7 Turquoise light

*/

/**
 * ----------------------------------------------------------------
 * selectors and generic styles
 * ----------------------------------------------------------------
 */

a img      { border: 0; }
a          { color: #157782; }
a:hover    { color: #999999; }

h1,h2,h3,h4,h5,h6 {
    margin: 1em 0 1em 0;
    color: #333333;
}

h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

ul li {
    list-style-type : square;
    margin: 0.3em 0;
}

ol li { margin: 0.2em 0;}

img { border: 0; }

.bold   { font-weight: bold; }
.fleft  { float: left; }
.fright { float: right; }
.clear  { clear: both; }
.right  { text-align: right; }
.top    { vertical-align: top; }
.center { text-align: center; }
.middle { vertical-align: middle; }
.fw     { width: 100%; }

.error-heading {
    background: #bb0000;
    color: #ffffff;
    padding: 2px 3px;
    font-weight: bold;
}

.error {
    color: #bb0000;
}

.img-right {
    float: right;
    margin: 0 0 1em 1em;
}

/**
 * ----------------------------------------------------------------
 * font sizes and main structure
 * ----------------------------------------------------------------
 */

html, body, #container {
	min-height: 100%;
	height: 100%;
}

html>body, html>body #container {
	height: auto;
}

html {
    font-size: 1.25em;
}

body {
    margin: 0;
    background: #157782 url(../images/presau_bg1.gif);
    cursor: default;
    color: #333333;
    font:  50% arial,verdana,sans-serif;
    text-align: center;
}

html > body {
    font-size: 10px;
}

#container {
	position: absolute;
	top: 0;
	left: 50%;
    margin: 0 0 0 -385px;
    font-size: 1.2em;
    text-align: left;
    width: 770px;
    background: #FFFFFF url("../images/bg4.gif");
    line-height: 1.4em;
    border-left: 2px solid #015B64;
    border-right: 2px solid #015B64;
}

#top-space {
    height: 20px;
    background: #FFFFFF;
    margin-left: 1px;
}

#left-col {
    float: left;
    width: 519px;
    border-right: 1px solid #157782;
	height: auto;
}

#right-col {
    width: 250px;
    height: 550px;
    float: left;
    background: transparent url("../images/bg_sidebar.gif") no-repeat center 90px;
}

#right-col #news {
    padding: 0 1em;
}

#right-col #news h1 {
    color : #922850;
    letter-spacing: 0.1em;
}

#logo {
    background: #FFFFFF url("../images/logo2.gif") no-repeat center center;
    height: 65px;
}

#contact {
    margin: 0 1em 11em 0;
    font-size: 0.9em;
    text-align: right;
}

#contact a {
    text-decoration: none;
    margin: 0 0.2em;
}

#contact span {
    color: #157782;
    font-weight: bold;
}

#copy {
    font-size: 0.8em;
    margin-left: 2em;
    position: absolute;
    bottom: 10px;
}

#top-bar {
    height: 23px;
    background: #922850;
    margin-bottom: 10px;
}

#top-bar div {
    border-left: 18px solid #157782;
    width: 18px;
    height: 23px;
    background: #FFFFFF;
}

#window {
    background: transparent url("../images/window.jpg") right no-repeat;
    height: 211px;
}

#home-flash1 {
    height: 30px;
    background: #157782;
    padding-left: 17px;
    margin-bottom: 7px;
}

#home-flash2 {
    height: 30px;
    background: #9F2A56;
    border-left: 6px solid #FFFFFF;
}

#content {
    margin: 2em 20px 2em 29px;
}

#content li {
    margin: 0 0 0.6em 0;
}

#content dl {
    margin: 3em 0 2em 0;
}

#content dd {
    padding: 0 0 0.5em 3em;
}

#left-col h1 {
    border-left: 21px solid #157782;
    font-size: 1.3em;
    color: #802145;
    padding-left: 8px;
    margin: 2em 0 0 0;
}

#left-col h2 {
    font-size: 1.1em;
    color: #000000;
}

#left-col h3 {
    font-size: 1em;
    color: #000000;
}

#nav {
    margin-top: 30px;
    border-right: 9px solid #157782;
    height: 50px;
    text-align: right;
}

#nav ul {
    margin: 0;
}

#nav a {
    display: block;
    float: right;
    text-decoration: none;
    color: #157782;
    height: 40px;
    margin: 0;
    padding: 5px 5px 5px 20px;
    background: transparent url("../images/nav_bg.jpg") repeat-x;
    border-right: 1px solid #157782;
}

#nav a:hover {
    background: transparent url("../images/nav_bg.jpg") 0 -50px repeat-x;
}

.subnav {
    margin: 0 0 1em 0;
    border-left: 12px solid #157782;
    background: #D9E9EB;
    padding: 8px;
    width: 222px;
}

.subnav h2 {
    font-size: 1em;
    color: #802145;
    margin: 0.5em 0 0.5em 0;
}

.subnav ul, .subnav li ul {
    margin: 0;
    padding: 0;
}

.subnav li {
    list-style-type: none;
    padding: 0;
    margin: 0.3em 0;
    color: #802145;
    font-size: 0.9em;
}

.subnav a {
    color: #802145;
    text-decoration: none;
}

.subnav ul li a:hover {
    color: #666666;
}

.subnav li ul li {
    list-style-type: none;
    padding: 0;
    margin: 0.3em 1em;
}

.subnav li ul li a {
    color: #666666;
    text-decoration: none;
    font-size: 1.1em;
}

.subnav ul li ul li a:hover {
    color: #888888;
}

#prod-range {
    margin-left: 6em;
}

dt {
    font-weight: bold;
    float: left;
}

dd {
    padding: 0 0 1em 3em;
    padding-top: 0;
}

#event {
    border: 1px solid #157782;
    padding: 1em;

}

#event h1 {
    border: 0;
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 1.1em;
}

#poly-range {
    border: 1px solid #CCCCCC;
    border-right: 0;
    border-bottom: 0;
    width: 100%;
}

#poly-range th, #poly-range td {
    padding: 2px 4px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

/*
#9F2A56 dk
#C8397A med

#CF95AB pnk dk
#E49CBD pnk lt

#CCF5EB gn lt

*/

#home-feature {
    height: 30px;
    border-left: 18px solid #015B64;
    background: #FFF;
}

#home-feature .band {
    height: 30px;
    background: #922850;
    border-left: 5px solid #FFF;
    border-bottom: 1px solid #FFF;
}

#feature {
    height: 100px;
    border-left: 18px solid #015B64;
    background: #CF95AB url(../images/bg_pink.png) repeat-x;
    text-align: right;
    overflow: hidden;
}

#feature #border-right {
    width: 11px;
    height: 100px;
    float: right;
    background: #CF95AB url(../images/feature_rt_border.png) no-repeat;
}

#feature #arrow {
    float: left;
    background: #CCF5EB url(../images/arrow.gif) no-repeat center center;
    width: 18px;
    height: 100px;
    border-left: 6px solid #FFF;
}

#feature #cur_feature {
    position: relative;
    float: left;
    width: 330px;
    height: 100px;
    background: #9F2A56 url(../images/bg_burg.png) repeat-x;
    border-right: 1px solid #FFF;
    color: #FFF;
}

#cur_feature #text {
    color: #FFF;
    text-align: left;
}

#cur_feature #text a {
    display: block;
    color: #FFF;
    text-decoration: none;
    margin: 0;
    width: 300px;
    height: 70px;
    padding: 20px 10px 10px 20px;
}

#cur_feature #text a:hover {
    background: #C9316E;
}

#cur_feature #bottom {
    position: absolute;
    bottom: 0;
    left: 0;
}

#cur_feature #bottom a {
    display: block;
    border-top: 1px solid #FFF;
    background: #C8397A url(../images/arrow_more.png) no-repeat right 3px;
    line-height: 19px;
    padding: 0 24px;
    color: #FFF;
    text-decoration: none;
    width: 282px;
    height: 19px;
}

#cur_feature #bottom a:hover {
    background: #E49CBD url(../images/arrow_more.png) no-repeat right -30px;
}

#feature #blank_bottom {
    float: left;
    width: 135px;
    margin-top: 80px;
    border-top: 1px solid #FFF;
    background: #E49CBD;
    height: 19px;
}

#left-col h2.highlight {
    color: #922850;
}

.notes {
    padding: 3em 1em 1em 1em;
}

.notes ul {
    margin: 1em 0;
    padding: 0 0.5em 0 1em;
}

.style_guide {
    margin: 3em 0;
    text-align: center;
}

.back {
    margin: 2.5em 2em 0 0;
    font-weight: bold;
    float: right;
}

#prod-range, .prod-range {
    margin-left: 2em;
}

.prod-list {
    margin: 0;
    padding: 0 0 0 1.5em;
}

.product {
    margin: 2em 0;
}

#content .product dl {
    margin-top: 0;
}

.product .img {
    float: left; 
    width: 45%;
}

.product .left-img {
    margin-right: 3em;
}

#left-col .product h2 {
    color: #802145;
}

table.saleT {
	background-color: #FFFFFF;
	border: 1px #4c4c4c solid;
	border-collapse: collapse;
	border-spacing: 5px;
	margin-top: 0px;
}


table.saleT td.saleHd { 
	border-bottom: 1px solid #4c4c4c;
	background-color: #d9e9e9;
	text-align: left;
}


table.saleT td { 
	border-bottom: 1px dotted #4c4c4c;
	border-right: 1px dotted #4c4c4c;
	background-color: #FFFFFF;
	text-align: left;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: text-top;
} 

span.padding10 {
	padding-left: 10px;
}