/*  css/reset.css by Andy Wardley

    Based on Eric Meyer's Reset CSS
    
    http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126
    License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin:                 0;
    padding:                0;
    border:                 0;
    font-size:              100%;
    font:                   inherit;
    vertical-align:         baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display:                block;
}
body {
    line-height:            1;
}
ul {
    list-style:             none;
}
blockquote, q {
    quotes:                 none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:                '';
    content:                none;
}
table {
/*    border-collapse:        separate; 
    border-collapse:        collapse; */
    border-spacing:         0;
}
table {
}
:focus {
    outline: 0;
}

/*------------------------------------------------------------------------
 * css/typography.css
 *------------------------------------------------------------------------*/

@font-face {
    font-family:            'Open Sans';
    src:                    url('../images/fonts/open_sans/OpenSans-Regular-webfont.eot');
    src:                    local('Open Sans'),
                            local('OpenSans'),
                            url('../images/fonts/open_sans/OpenSans-Regular-webfont.eot?#iefix')
                            format('embedded-opentype'),
                            url('../images/fonts/open_sans/OpenSans-Regular-webfont.woff')
                            format('woff'),
                            url('../images/fonts/open_sans/OpenSans-Regular-webfont.ttf')
                            format('truetype'),
                            url('../images/fonts/open_sans/OpenSans-Regular-webfont.svg#OpenSansRegular')
                            format('svg');
    font-weight:            400;
    font-style:             normal;
}

@font-face {
    font-family:            'Open Sans';
    src:                    url('../images/fonts/open_sans/OpenSans-Bold-webfont.eot');
    src:                    local('Open Sans Bold'),
                            local('OpenSans-Bold'),
                            url('../images/fonts/open_sans/OpenSans-Bold-webfont.eot?#iefix')
                            format('embedded-opentype'),
                            url('../images/fonts/open_sans/OpenSans-Bold-webfont.woff')
                            format('woff'),
                            url('../images/fonts/open_sans/OpenSans-Bold-webfont.ttf')
                            format('truetype'),
                            url('../images/fonts/open_sans/OpenSans-Bold-webfont.svg#OpenSansBold')
                            format('svg');
    font-weight:            700;
    font-style:             normal;
}

body {
    font-family:            "Open Sans", Arial, Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size:              14px;
    line-height:            140%;
    color:                  #444;
}

p {
    margin: 0 0 10px 0;
    padding: 0;
    text-align: justify;
}

p.bold {
    font-size: 15px;
    font-weight: bold;
    color: #222;
}

a:focus,
input:focus {
    outline: none;
}

a {
    color: #2195a3;
    text-decoration: none;
}

a sup {
}

a:visited {
    color: #2195a3;
}

a:hover {
    color: #ff7f00;
}

b {
    font-weight: bold;
}

i {
    font-style: italic;
}

sup {
    font-size: 12px;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

sub {
    font-size: 10px;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}

table {
    border: 0px;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
}

td {
    font-family: "Open Sans", Arial, Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 14px;
}



/*------------------------------------------------------------------------*/
/* headings                                                               */
/*------------------------------------------------------------------------*/

h1, h2, h3, h4, h5 {
    font-family: "Open Sans", Arial, Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
    font-weight: bold;
    margin: 0;
    color: #444;
}

h1 {
    font-size: 26px;
    line-height: 140%;
    padding: 10px 0px 4px 0px;
}

h2 {
    font-size: 22px;
    line-height: 140%;
    padding: 10px 0px 3px 0px;
}

h3 {
    font-size: 18px;
    line-height: 140%;
    padding: 4px 0px 2px 0px;
    margin-bottom: 4px;
}

h4 {
    font-size: 16px;
    line-height: 140%;
    padding: 2px 0px 0px 0px;
    margin-bottom: 5px;
}

h5 {
    font-size: 14px;
    line-height: 140%;
    padding: 0px 0px 0px 10px;
    padding: 0px;
    margin-bottom: 5px;
}

.title,
.title h1,
.title h2 {
    font-family: "Open Sans", Arial, Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 24px;
    line-height: 1em;
    font-weight: bold;
    margin: 0px;
    padding: 8px 16px 0px 12px;
    color: #444;
}

.title h1, 
.title h2 {
  padding-top: 0px;
  line-height: 24px;
}

.subtitle {
    font-family: "Open Sans", Arial, Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 0px 2px 0px;
    color: #444;
}

.section {
    font-family: "Open Sans", Arial, Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 20px;
    line-height: 130%;
    margin: 0px;
    padding: 6px 0px 2px 0px;
    color: #444;
}

.subsection {
    font-family: "Open Sans", Arial, Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #444;
}

div.topline {
    clear:                  both;
    position:               relative;
    margin:                 30px -30px 12px -35px;
    padding:                0 30px 6px 35px;
    border:                 1px solid #8FC9D1; 
    border-left:            none;
    border-right:           none;
    background-color:       #ECF5F6;

    -moz-box-shadow:        1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow:     1px 1px 1px rgba(0,0,0,0.1);
    box-shadow:             1px 1px 1px rgba(0,0,0,0.1);

}

.lhs div.topline {
    border-right:           1px solid #2195a3;

    border-radius:          0 5px 5px 0; 
    -moz-border-radius:     0 5px 5px 0; 
    -webkit-border-radius:  0 5px 5px 0;
    -khtml-border-radius:   0 5px 5px 0;
    margin-right:           -20px;
    padding-right:          20px;
}

.rhs div.topline {
    border-left:           1px solid #2195a3;
    margin-right:           -35px;
    padding-right:          35px;
    margin-left:            -20px;
    padding-left:           20px;

    border-radius:          5px 0 0 5px; 
    -moz-border-radius:     5px 0 0 5px; 
    -webkit-border-radius:  5px 0 0 5px;
    -khtml-border-radius:   5px 0 0 5px;
}

div.topline a.top {
    position:               absolute;
    display:                block;
    right:                  10px;
    top:                    5px;
    width:                  100px;
    height:                 20px;
    font-size:              11px;
    line-height:            15px;
    text-align:             right;
    text-decoration:        none;
    font-weight:            bold;
}

.lhs div.related {
    margin-right: 0;
    padding-right: 20px
}

div.related h3 {
    margin-top: 5px;
    font-size: 16px;
    margin-bottom: 10px;
}

/*------------------------------------------------------------------------*/
/* list elements                                                          */
/*------------------------------------------------------------------------*/

ol { 
    margin-left: 20px;
}

dt {
    font-weight: bold;
    margin-bottom: 10px;
}

dd {
    padding-top: 4px;
    padding-bottom: 10px;
    margin-left: 20px;
}

dd p {
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

dd p.last {
    margin: 0px;
}

ul.bullet {
    padding-left: 20px;
    list-style: disc;
}

li {
    margin-bottom: 5px;
}

ul.toc  {
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 20px;
    padding-bottom: 10px;
    border: 1px solid #8FC9D1;
    background-color: #ECF5F6;

    border-radius:          5px; 
    -moz-border-radius:     5px; 
    -webkit-border-radius:  5px;
    -khtml-border-radius:   5px;


    -moz-box-shadow:        2px 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow:     2px 2px 2px rgba(0,0,0,0.1);
    box-shadow:             2px 2px 2px rgba(0,0,0,0.1);

}
div.topline ul.toc {

    -moz-box-shadow:        none;
    -webkit-box-shadow:     none;
    box-shadow:             none;

}
    
ul.top {
    margin-top: 0;
}
ul.related  {
    padding: 0;
    border: 0;
    margin: 5px 0 0 0;
    background-color: transparent !important;
}

ul.toc li {
    padding-bottom: 10px;
    list-style: none;
    padding-left: 14px;
}

ul.toc li a.go,
ul.toc li.go {
    padding-left: 14px;
    background: url('../images/arrows/toc_default.gif') no-repeat 0 4px;
}

ul.toc li a.go {
    margin-left: -14px;
    text-decoration: none;
}

ul.toc li a.go:hover {
/*    background-image: url('../images/icons/toc_roll.gif'); */
    background-position: 0 -96px;
}

ul.toc li.go {
    background-position: 0 -196px;
}

ul.toc li.toc_title {
    font-size: 16px;
    font-weight: bold;
    padding-left: 0;
    padding-bottom: 2px;
    border-bottom: 1px dotted white;
}

ul.features {
    padding: 0;
}

ul.features li {
    list-style: none;
    padding-left: 14px;
    background: url('../images/arrows/toc_default.gif') no-repeat left 4px;
    padding-bottom: 10px;
}

ul.compact {
    padding: 10px;
}

ul.compact li,
ul.compact li a {
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 0;
}



/*------------------------------------------------------------------------*/
/* images                                                                 */
/*------------------------------------------------------------------------*/

.picture {
    position:               relative;
    margin-bottom:          20px;
    overflow:               visible;
    z-index:                99;
}

.rhs .picture {
    float:                  right;
}

.picture div.overlay {
    position:               absolute;
    top:                    -5px;
    left:                   -5px;
    width:                  230px;
    height:                 40px;
    z-index:                100;
}

.midsize div.overlay {
    width:                  255px;
}


.picture div.overlay .icon {
    float:                  left;
    width:                  40px;
    height:                 40px;
    margin-right:           5px;
    z-index:                101;

}

.picture div.overlay .MRS {
    background-image:       url('../images/icons/MR_safe.png');
}
.picture div.overlay .MRC {
    background-image:       url('../images/icons/MR_conditional.png');
}
.picture div.overlay .MRU {
    background-image:       url('../images/icons/MR_unsafe.png');
}
.picture div.overlay .NEW {
    background-image:       url('../images/icons/NEW.png');
    float: right;
}
.picture div.overlay .WSL {
    background-image:       url('../images/icons/WSL.png');
    float: right;
}

/*
.picture img.overlay {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
}
*/

.picture div.overlay span.overtext {
    float: right;
    text-align: right;
    color: black;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    padding-top: 8px;
    margin-right: 25px;

    opacity:                0.7;
    filter:                 alpha (opacity = 70);

    text-shadow:            0 0 2px #fff;

}



.img_left {
    padding: 5px 20px 20px 0px;
/*    background-color: #fff; */
    float: left;
}

.img_right {
    padding: 5px 0px 20px 20px;
    float: right;
/*    background-color: #fff; */
    text-align: center;
}

.imglink_left {
    float: left;
    padding: 4px 10px 10px 0px;
}

.imglink_right {
    float: right;
    padding: 4px 0px 10px 10px;
}

/* old way */
.blueline {
    border: 1px solid #2195A3;
    padding: 1px;
    vertical-align: top;

    border-radius:          5px; 
    -moz-border-radius:     5px; 
    -webkit-border-radius:  5px;
    -khtml-border-radius:   5px;


    -moz-box-shadow:        2px 2px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:     2px 2px 4px rgba(0, 0, 0, 0.15);
    box-shadow:             2px 2px 4px rgba(0, 0, 0, 0.15);

}

a .blueline:hover {
    border: 1px solid #ff7f00;
    padding: 1px;
}

/* new way */
a.imglink,
a.border {
    position: relative;
    display: inline-block;
    background-color: white;
    padding: 1px;
    border: 1px solid #2195A3;
    line-height: 1px;
    vertical-align: top;

    border-radius:          5px; 
    -moz-border-radius:     5px; 
    -webkit-border-radius:  5px;
    -khtml-border-radius:   5px;

}

a.imglink {
    border: 1px solid #fff;
}

a.border,
img.border {
    border: 1px solid #2195A3;

    -moz-box-shadow:        2px 2px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:     2px 2px 4px rgba(0, 0, 0, 0.15);
    box-shadow:             2px 2px 4px rgba(0, 0, 0, 0.15);

}


a.border img,
a.border img.border,
a.border img.blueline {
    padding: 0;
    border: 0;
    margin: 0;

    border-radius:          3px; 
    -moz-border-radius:     3px; 
    -webkit-border-radius:  3px;
    -khtml-border-radius:   3px;

}

NOT_a.imglink:hover,
a.border:hover {
    border-color: #ff7f00;

    -moz-box-shadow:        0px 0px 10px rgba(255, 127, 0, 0.3);
    -webkit-box-shadow:     0px 0px 10px rgba(255, 127, 0, 0.3);
    box-shadow:             0px 0px 10px rgba(255, 127, 0, 0.3);

}

a.imglink .zoom {
    display: none;
}

a.imglink:hover .zoom {
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    right: 5px;
    bottom: 5px;
    background: transparent url('../images/icons/zoom_in.png') no-repeat left top;
}

.caption {
    font-size: 13px;
    color: #2195A3;
    padding-top: 2px;
}


/*------------------------------------------------------------------------*/
/* misc styles                                                            */
/*------------------------------------------------------------------------*/

.intro {
    font-size: 16px;
    color: #222;
    line-height: 150%;
    margin-bottom: 20px;
}

.welcome {
    width: 670px;
    margin: 10px auto 15px auto;
    text-align: justify;
}

.info {
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    color: #2195a3;
}

.small {
    font-size: 12px;
}

.tiny {
    font-size: 9px;
    color: #89b8df;
}

.big {
    font-size: 16px;
}

.vbig {
    font-size: 17px;
}

p.big, p.vbig {
    padding-bottom: 8px;
}

.bold {
    font-weight: bold;
}

.bigbold {
    font-size: 16px;
    font-weight: bold;
}

.bigblue {
    font-size: 16px;
    font-weight: bold;
    color: #305394;
}

.whitebold {
    font-weight: bold;
    color: #fff;
}

.greybold {
    font-weight: bold;
    color: #777;
}

.blackbold {
  font-weight: bold;
  color: #000;
}


.footnote {
    font-size: 12px;
    padding-left: 40px;
    margin-bottom: 10px;
}

.note {
    background-color: #EEE;
    border: 2px solid #aaa;
    padding: 10px;
    margin: 30px 40px 30px 40px;
    color: #305394;
    clear: both;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;

    border-radius:          10px; 
    -moz-border-radius:     10px; 
    -webkit-border-radius:  10px;
    -khtml-border-radius:   10px;


    -moz-box-shadow:        2px 2px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:     2px 2px 4px rgba(0, 0, 0, 0.15);
    box-shadow:             2px 2px 4px rgba(0, 0, 0, 0.15);

}

.guide {
    background-color: #EEE;
    border: 2px solid #aaa;
    padding: 20px;
    margin: 20px 40px;
    clear: both;

    border-radius:          10px; 
    -moz-border-radius:     10px; 
    -webkit-border-radius:  10px;
    -khtml-border-radius:   10px;


    -moz-box-shadow:        2px 2px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:     2px 2px 4px rgba(0, 0, 0, 0.15);
    box-shadow:             2px 2px 4px rgba(0, 0, 0, 0.15);

}

ul.guide {
    list-style: none;
}

ul.guide li {
    padding: 0 0 0 18px;
    margin: 4px 0;
    color: #305394;
    font-size: 13px;
/*    background: url('../images/icons/guide/right2.gif') no-repeat 0 4px; */
    background: url('../images/arrows/toc_default.gif') no-repeat 0 4px;
}

ul.toc li.blank,
ul.features li.blank,
ul.guide li.blank {
    background-image: none;
}

ul.guide li a {
    text-decoration: underline;
}

ul.sub {
    padding-left: 18px;
    margin: 0;
    padding-bottom: 0;
}

ul.features ul.sub {
    margin-top: -10px;
}

ul.sub li {
    padding: 0;
    font-size: 12px;
    line-height: 12px;
    background-image: none;
    list-style: disc;
}

ul.sub li a {
    font-size: 12px;
    line-height: 12px;
}

.indent {
  margin-left: 20px;
}

.reg, .tm {
/*    font-weight: bold; */
}

.left {
  text-align: left;
}
.right {
  text-align: right;
}

.centre,
.mid {
  text-align: center;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.break, .clear {
    clear: both;
}

.todo {
    background: #FFFFFF url('../images/misc/todo.jpg') no-repeat top left;
    border: 1px dashed #faa;
    padding: 26px 10px 10px;
}

.alt {
    display: none;
}

.print {
  display: none;
}

.noprint {
}

@media print {
    .noprint { display: none }
}

.ie {
    display: none;
}

blockquote {
    font-style: italic;
}

.text-right {
    text-align: right;
}



a.continue {
    margin-top: 20px;
    display: block;
    text-align: right;
    padding-right: 80px;
    font-size: 14px;
    line-height: 18px;
    background:     url('../images/arrows/dot_arrow_default.gif') no-repeat right top;
    min-height:     24px;
    text-decoration: none;
}

a.continue:hover {
    background-position: right -100px;
}

a.onward {
    display:        block;
    float: left;
    padding-top:    20px;
    font-size:      14px;
    line-height:    18px;
    background:     url('../images/arrows/dot_arrow_default.gif') no-repeat -7px top;
    min-height:     24px;
    text-decoration: none;
}

a.onward:hover {
    background-position: -7px -100px;
}



a.thumbnail,
a.thumbnail img {
    width: 75px;
    height: 100px;
}

a.thumbnail {
    float: left;
    padding: 1px;
    border: 1px solid #444;
    margin-right: 10px;
}

a.thumbnail:hover {
    border-color: #ff7f00;
}

div.featured {
    clear: both;
    display: block;
    padding: 10px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
    text-align: center;
    border: 3px solid ;
    background-color: #0789c2;
    margin: 20px 0;

    border-radius:          10px; 
    -moz-border-radius:     10px; 
    -webkit-border-radius:  10px;
    -khtml-border-radius:   10px;


    -moz-box-shadow:        2px 2px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:     2px 2px 4px rgba(0, 0, 0, 0.15);
    box-shadow:             2px 2px 4px rgba(0, 0, 0, 0.15);


    text-shadow:            1px 1px 2px ;

}

div.featured p {
    text-align: center;
    padding: 0;
    margin-bottom: 10px;
}

div.featured p.bottom {
    margin-bottom: 0px;
}

div.featured a {
    text-decoration: underline;
}

div.top {
    margin-top: 0;
}

div.maintenance {
    margin-top:             20px;
    padding:                10px;
    border:                 1px solid #ccc;
    text-align:             center;
    font-size:              12px;
    font-weight:            bold;

    border-radius:          5px; 
    -moz-border-radius:     5px; 
    -webkit-border-radius:  5px;
    -khtml-border-radius:   5px;


    -moz-box-shadow:        2px 2px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:     2px 2px 4px rgba(0, 0, 0, 0.15);
    box-shadow:             2px 2px 4px rgba(0, 0, 0, 0.15);

}

.clearfix:before,
.clearfix:after { 
    content:        "";  
    display:        table;
}

.clearfix:after {
    clear:          both;
}

.fll {
    float: left;
}

.flr {
    float: right;
}body {
    background-color:       #AFD3D7;
}
    
#page {
    position:               relative;
    width:                  1015px;
    margin:                 0 auto;
    background:             url('../images/chrome/page_background.gif') 
                            repeat-y left top;
}

#header {
    position:               relative;
    height:                 140px;
    margin:                 0 25px;
    background:             url('../images/chrome/header.jpg') 
                            no-repeat left top;
/*    z-index:                200; */

    -moz-box-shadow:        0 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:     0 1px 2px rgba(0,0,0,0.2);
    box-shadow:             0 1px 2px rgba(0,0,0,0.2);

}

#body {
    margin:                 0 25px;
    padding:                0 30px 20px 35px;
}


/*------------------------------------------------------------------------
 * Header
 *------------------------------------------------------------------------*/

#header a.home {
    display: block;
    width: 380px;
    height: 85px;
    border: 0;
    padding: 3px;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #114B53;
    text-transform: uppercase;

    opacity:                0.8;
    filter:                 alpha (opacity = 80);


}

#header a.home:hover {
    color: white;
/*    color: #D9ECEF; */
}


/*------------------------------------------------------------------------
 * Search form
 *------------------------------------------------------------------------*/

#header #search {
    position:               absolute;
    right:                  15px;
    top:                    15px;
    width:                  285px;
    height:                 30px;
}

#header #search input {
    height:                 20px;
    font-size:              16px;
    line-height:            20px;
    color:                  #114B53;
    width:                  240px;
    padding:                5px 15px 5px 30px;
    border:                 0;
    background:             url('../images/chrome/search_form.gif') 
                            no-repeat right top;
}

#header #search input:focus,
#header #search input:active,
#header #search input:hover {
    background-position:    right -50px;
    color:                  #09262B;
}

#header #search-results {
    position:               absolute;
    top:                    45px;
    right:                  30px;
    width:                  245px;
    height:                 1px;
    overflow:               visible;
    z-index:                202;
}

ul.ui-autocomplete {
    background-color: white;
    border: 3px solid #114B53;
    border-top: 0;
    width: 180px;
    padding: 0 10px;
    z-index: 203 !important;

    border-radius:          0 0 10px 10px; 
    -moz-border-radius:     0 0 10px 10px; 
    -webkit-border-radius:  0 0 10px 10px;
    -khtml-border-radius:   0 0 10px 10px;


}

ul.ui-autocomplete li {
    margin: 0;
    padding: 0;
    z-index: 203;
}

ul.ui-autocomplete li a {
    display: block;
    margin: 0 -10px;
    font-size: 13px;
    line-height: 17px;
    padding: 1px 10px 4px 10px;
    color: #114B53;
    border-bottom: 1px solid #D9ECEF;
/*    z-index: 104; */
}

ul.ui-autocomplete li:last-child a {
    border-bottom: 0;

    border-radius:          0 0 6px 6px; 
    -moz-border-radius:     0 0 6px 6px; 
    -webkit-border-radius:  0 0 6px 6px;
    -khtml-border-radius:   0 0 6px 6px;

}

ul.ui-autocomplete li a.ui-state-hover {
    background-color: #19707B;
    color: white;
}

/*------------------------------------------------------------------------
 * Breadcrumb trail
 *------------------------------------------------------------------------*/

#header ul.trail {
    display:                block;
    position:               absolute;
    bottom:                 0px;
    left:                   20px;
    height:                 40px;
    width:                  420px;
    margin:                 0;
    padding:                0;
/*    border: 1px solid red; */
/*    z-index:                105; */
}

#header ul.trail li {
    list-style:             none;
    display:                inline;
    float:                  left;
    margin:                 0 10px 0 0;
    padding:                0;
}

#header ul.trail li a {
    display:                block;
    float:                  left;
    height:                 20px;
    padding:                10px 0 10px 12px;
    margin:                 0;
    font-size:              12px;
    line-height:            20px;
    text-decoration:        none;
    color:                  white;
    background:             url('../images/chrome/header.jpg') no-repeat -1000px bottom;

    opacity:                0.8;
    filter:                 alpha (opacity = 80);


    text-shadow:            -1px -1px 1px #19707B;

}

#header ul.trail li a:hover {
/*    background-image: url('url('../images/chrome/')/trail_roll.gif');
    color: #ff7f00; */

    opacity:                1;
    filter:                 alpha (opacity = 100);

}


/*------------------------------------------------------------------------
 * Tabs
 *------------------------------------------------------------------------*/
    
#header ul.tabs {
    display:                block;
    position:               absolute;
    bottom:                 40px;
    right:                  30px;
    height:                 40px;
    width:                  480px;
    margin:                 0;
    padding:                0;
}

#header ul.tabs li {
    list-style:             none;
    display:                inline;
    float:                  left;
    margin:                 0 5px 0 0;
    padding:                0;
}

#header ul.tabs li a {
    display:                block;
    float:                  left;
    width:                  105px;
    height:                 32px;
    padding:                4px 5px;
    margin:                 0;
    font-family:            "Open Sans", Arial, Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size:              12px;
    font-weight:            bold;
    line-height:            14px;
    text-align:             center;
    text-decoration:        none;
    border:                 0;

    color:                  white;

    text-shadow:            -1px -1px 0px rgba(0,0,0,0.3);


    opacity:                0.8;
    filter:                 alpha (opacity = 80);

}

#header ul.tabs li a.warm {

    opacity:                0.9;
    filter:                 alpha (opacity = 90);


    color:                  white;

    text-shadow:            -1px -1px 0px rgba(0,0,0,0.3);

}

#header ul.tabs li a:hover {

    opacity:                1;
    filter:                 alpha (opacity = 100);

}

/*------------------------------------------------------------------------
 * Sub-menu
 *------------------------------------------------------------------------*/

#section_menu {
    display:        block;
    position:       absolute;
    bottom:         0;
    right:          20px;
    height:         40px;
    width:          700px;
}

#header ul.menu {
    float:          right;
    height:         40px;
    margin:         0;
    padding:        0;
}

#header ul.menu li,
#footer ul.menu li {
    list-style:     none;
    display:        inline;
    margin:         0;
    padding:        0;
    padding:        0;
}

#header ul.menu li a,
#footer ul.menu li a {
    display:                block;
    float:                  left;
    margin:                 12px 0;
    height:                 16px;
    padding:                0 5px;
    font-size:              11px;
    line-height:            16px;
    text-decoration:        none;
    color:                  #D9ECEF;
    border-left:            1px solid #19707B;
    border-right:           1px solid #58AFBA;


    text-shadow:            -1px -1px 1px #19707B;

}

#header ul.menu li.first a,
#footer ul.menu li.first a {
    border-left:           0;
    padding-left:          0;
}

#header ul.menu li.last a,
#footer ul.menu li.last a {
    border-right:           0;
    padding-right:          0;
}

#header ul.menu li a.warm,
#footer ul.menu li a.warm {
    font-weight:            bold;
    color:                  #e5eeff;

}

#header ul.menu li a:hover,
#footer ul.menu li a:hover {
    color: white;

}


/*------------------------------------------------------------------------
 * section headline
 *------------------------------------------------------------------------*/

#headline {
    margin:                 -10px -30px 20px -35px;
    padding:                10px 30px;
    background-color:       #ECF5F6;
    border-bottom:          1px solid #58AFBA;
    overflow:               visible;

    -moz-box-shadow:        0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow:     0 2px 2px rgba(0,0,0,0.1);
    box-shadow:             0 2px 2px rgba(0,0,0,0.1);

}

#headline h3 {
    font-size:              14px;
    font-weight:            normal;
    margin-bottom:          0;
}

#headline .nav-arrow {
    display:                block;
    width:                  24px;
    height:                 14px;
    padding-top:            20px;
    margin-top:             10px;
    background-position:    left top;
    background-repeat:      no-repeat;
    font-size:              11px;
}

#headline span.nav-arrow {
    color: #CCC;
}

#headline a.nav-arrow {
    font-size: 11px;
    text-decoration: none;
}

#headline a.nav-arrow:hover {
}

#headline .back {
    float: left;
    background: url('../images/arrows/back_default.gif') no-repeat left -200px;
}

#headline a.back {
    background-position: left top;
}

#headline a.back:hover {
    background-position: left -100px;
}

#headline .next {
    float: right;
    background: url('../images/arrows/next_default.gif') no-repeat left -200px;
}

#headline a.next {
    background-position: left top;
}

#headline a.next:hover {
    background-position: left -100px;
}


/*------------------------------------------------------------------------
 * footer
 *------------------------------------------------------------------------*/

#footer {
    clear:                  both;
    position:               relative;
    margin-bottom:          0px;
    padding:                0 360px 20px 30px;
    height:                 120px;
    background:             #AFD3D7 url('../images/chrome/footer.jpg') 
                            no-repeat left top;
}

#footer .logo {
    display:                block;
    position:               absolute;
    bottom:                 0px;
    right:                  0px;
    height:                 120px;
    width:                  360px;
}

#footer address,
#footer #contact {
    font-style:             normal;
    margin:                 5px;
    padding:                4px 0 0 0;
    float:                  left;
    font-size:              12px;
    width:                  280px;
    line-height:            16px;
    color:                  #D9ECEF;
}

#footer #contact {
    float: right;
}

#footer #trademarks {
    display:                none;
    padding-top:            6px;
    font-size:              10px;
    line-height:            13px;
    color:                  #888;
}

#footer #contact a {
    font-weight:            bold;
    color:                  #09262B;
}

#footer #contact a:hover {
    color:                  #ECF5F6;
}

#footer #contact span.key {
    display:                block;
    float:                  left;
    width:                  4em;
    padding-right:          4px;
    font-weight:            bold;
    text-align:             right;
}

#footer #copyright {
    position:               absolute;
    bottom:                 0px;
    left:                   0px;
    width:                  100%;
    height:                 20px;
    font-size:              12px;
    text-align:             center;
    color:                  #19707B;

}

#footer ul.menu {
    display:                block;
    position:               absolute;
    bottom:                 12px;
    right:                  24px;
    text-align:             right;
    width:                  20em;
    height:                 24px;
    margin-bottom:          0;
}


/*------------------------------------------------------------------------
 * grid.css
 * Written by Andy Wardley based on blueprint grid.css
 * See http://code.google.com/p/blueprintcss/
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Grid Specification:
 *   Number of cells:      15
 *   Width of each cell:   55px
 *   Margin between cells: 5px
 *------------------------------------------------------------------------*/

.span, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-n { 
    float:              left; 
    margin-right:       5px;
}

.pull, .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-n {
    float:              left; 
    position:           relative;
}

.push, .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-n {
    float:              right; 
    position:           relative;
}

.span-1 {
    width:              55px;
}
.skip-1, a.skip-1 {
    margin-left:        60px;
}

.pull-1 {
    margin-left:        -60px;
}

.push-1 {
/*    margin-left:        -60px; */
    margin-right:       -60px;
}
.span-2 {
    width:              115px;
}
.skip-2, a.skip-2 {
    margin-left:        120px;
}

.pull-2 {
    margin-left:        -120px;
}

.push-2 {
/*    margin-left:        -120px; */
    margin-right:       -120px;
}
.span-3 {
    width:              175px;
}
.skip-3, a.skip-3 {
    margin-left:        180px;
}

.pull-3 {
    margin-left:        -180px;
}

.push-3 {
/*    margin-left:        -180px; */
    margin-right:       -180px;
}
.span-4 {
    width:              235px;
}
.skip-4, a.skip-4 {
    margin-left:        240px;
}

.pull-4 {
    margin-left:        -240px;
}

.push-4 {
/*    margin-left:        -240px; */
    margin-right:       -240px;
}
.span-5 {
    width:              295px;
}
.skip-5, a.skip-5 {
    margin-left:        300px;
}

.pull-5 {
    margin-left:        -300px;
}

.push-5 {
/*    margin-left:        -300px; */
    margin-right:       -300px;
}
.span-6 {
    width:              355px;
}
.skip-6, a.skip-6 {
    margin-left:        360px;
}

.pull-6 {
    margin-left:        -360px;
}

.push-6 {
/*    margin-left:        -360px; */
    margin-right:       -360px;
}
.span-7 {
    width:              415px;
}
.skip-7, a.skip-7 {
    margin-left:        420px;
}

.pull-7 {
    margin-left:        -420px;
}

.push-7 {
/*    margin-left:        -420px; */
    margin-right:       -420px;
}
.span-8 {
    width:              475px;
}
.skip-8, a.skip-8 {
    margin-left:        480px;
}

.pull-8 {
    margin-left:        -480px;
}

.push-8 {
/*    margin-left:        -480px; */
    margin-right:       -480px;
}
.span-9 {
    width:              535px;
}
.skip-9, a.skip-9 {
    margin-left:        540px;
}

.pull-9 {
    margin-left:        -540px;
}

.push-9 {
/*    margin-left:        -540px; */
    margin-right:       -540px;
}
.span-10 {
    width:              595px;
}
.skip-10, a.skip-10 {
    margin-left:        600px;
}

.pull-10 {
    margin-left:        -600px;
}

.push-10 {
/*    margin-left:        -600px; */
    margin-right:       -600px;
}
.span-11 {
    width:              655px;
}
.skip-11, a.skip-11 {
    margin-left:        660px;
}

.pull-11 {
    margin-left:        -660px;
}

.push-11 {
/*    margin-left:        -660px; */
    margin-right:       -660px;
}
.span-12 {
    width:              715px;
}
.skip-12, a.skip-12 {
    margin-left:        720px;
}

.pull-12 {
    margin-left:        -720px;
}

.push-12 {
/*    margin-left:        -720px; */
    margin-right:       -720px;
}
.span-13 {
    width:              775px;
}
.skip-13, a.skip-13 {
    margin-left:        780px;
}

.pull-13 {
    margin-left:        -780px;
}

.push-13 {
/*    margin-left:        -780px; */
    margin-right:       -780px;
}
.span-14 {
    width:              835px;
}
.skip-14, a.skip-14 {
    margin-left:        840px;
}

.pull-14 {
    margin-left:        -840px;
}

.push-14 {
/*    margin-left:        -840px; */
    margin-right:       -840px;
}
.span-15 {
    width:              895px;
}

.span-15,
.last {
    margin-right:       0 !important;
}

/*------------------------------------------------------------------------*/
/* tool tips                                                              */
/*------------------------------------------------------------------------*/

a.tip {
    position:           relative;
    overflow:           visible;
    text-decoration:    none;
}

span.tip {
    display:            none;
    position:           absolute;
    overflow:           visible;
    padding:            3px 6px;
    width:              101px;
    bottom:             27px;
    left:               0px;
    font-size:          10px; 
    line-height:        14px;
    text-align:         center; 
    text-decoration:    none;
    text-transform:     none;
    font-weight:        bold;
    z-index:            1000;

    border-radius:          3px; 
    -moz-border-radius:     3px; 
    -webkit-border-radius:  3px;
    -khtml-border-radius:   3px;


    opacity:                0.9;
    filter:                 alpha (opacity = 90);


    -moz-box-shadow:        3px 3px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow:     3px 3px 5px rgba(0,0,0,0.2);
    box-shadow:             3px 3px 5px rgba(0,0,0,0.2);

}

a:hover span.tip,
body.debugging a span.tip {
    display:            block;
    background-color:   #D9ECEF;
    border:             1px solid #2195A3;
    color:              #19707B;
    z-index:            1001;
    text-decoration:    none;
}

a:hover span.tip span.arrow,
body.debugging a span.tip span.arrow {
    display:            block; 
    position:           absolute;
    bottom:             -5px; 
    left:               10px;
    width:              10px; 
    height:             5px;
    background:         url('../images/arrows/tooltip_down_home.gif')
                        no-repeat top left;
}

#headline span.tip {
    width:              216px;
/*    width:              156px; */
    bottom:             34px;
}

#headline a.back:hover span.tip {
/*    text-align: left; */
}

#headline a.next:hover span.tip {
/*    text-align: right; */
    left: auto;
    right: 0;
}

#headline a.next:hover span.tip span.arrow {
    right: 10px;
    left: auto;
}

table.spec td.mr_rating div.overlay span.tip {
    bottom: 20px;
    left: -6px;
}

.picture a:hover span.tip {
    bottom: 39px;
    left: -5px;
}

.picture a:hover span.tip span.arrow {
    left: 20px;
}

/*------------------------------------------------------------------------*/
/* elements for specification tables                                      */
/*------------------------------------------------------------------------*/

table.spec {
    border: 1px solid #2195A3;
    padding: 1px;
    border-spacing: 1px;
    margin: 20px 0;

    border-radius:          7px; 
    -moz-border-radius:     7px; 
    -webkit-border-radius:  7px;
    -khtml-border-radius:   7px;


    -moz-box-shadow:        2px 2px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:     2px 2px 4px rgba(0, 0, 0, 0.15);
    box-shadow:             2px 2px 4px rgba(0, 0, 0, 0.15);

}

table.spec .top {

    border-radius:          5px 5px 0 0; 
    -moz-border-radius:     5px 5px 0 0; 
    -webkit-border-radius:  5px 5px 0 0;
    -khtml-border-radius:   5px 5px 0 0;

}

table.spec .bottom {

    border-radius:          0 0 5px 5px; 
    -moz-border-radius:     0 0 5px 5px; 
    -webkit-border-radius:  0 0 5px 5px;
    -khtml-border-radius:   0 0 5px 5px;

}

table.spec .tl {

    border-radius:          5px 0 0 0; 
    -moz-border-radius:     5px 0 0 0; 
    -webkit-border-radius:  5px 0 0 0;
    -khtml-border-radius:   5px 0 0 0;

}

table.spec .tr {

    border-radius:          0 5px 0 0; 
    -moz-border-radius:     0 5px 0 0; 
    -webkit-border-radius:  0 5px 0 0;
    -khtml-border-radius:   0 5px 0 0;

}

table.spec .br {

    border-radius:          0 0 5px 0; 
    -moz-border-radius:     0 0 5px 0; 
    -webkit-border-radius:  0 0 5px 0;
    -khtml-border-radius:   0 0 5px 0;

}

table.spec .bl {

    border-radius:          0 0 0 5px; 
    -moz-border-radius:     0 0 0 5px; 
    -webkit-border-radius:  0 0 0 5px;
    -khtml-border-radius:   0 0 0 5px;

}

table.spec .tl.bl {

    border-radius:          5px 0 0 5px; 
    -moz-border-radius:     5px 0 0 5px; 
    -webkit-border-radius:  5px 0 0 5px;
    -khtml-border-radius:   5px 0 0 5px;

}

table.spec .tr.br {

    border-radius:          0 5px 5px 0; 
    -moz-border-radius:     0 5px 5px 0; 
    -webkit-border-radius:  0 5px 5px 0;
    -khtml-border-radius:   0 5px 5px 0;

}

table.spec .tl.tr.br.bl {

    border-radius:          5px; 
    -moz-border-radius:     5px; 
    -webkit-border-radius:  5px;
    -khtml-border-radius:   5px;

}

table.spec td,
table.spec th {
    font: 12px "Open Sans", Arial, Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
    line-height: 16px;
    padding: 2px 4px;
    vertical-align: middle;
}

table.spec th {
    background-color: #58AFBA;
    padding: 4px;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
}

table.spec td.key {
    background-color: #C6E3E8;
    font-weight: bold;
    color: #114B53;
    width: 30%;
}

table.dimensions td.key {
    width: 50%;
}

table.auto td.key {
    width: auto;
}

table.spec td.value {
    background-color:   #D9ECEF;
    color:              #09262B;
}

table.spec th.left,
table.spec td.left {
    text-align: left;
}

table.spec td.mid {
    text-align: center;
}

table.spec td.right {
    text-align: right;
}

table.spec th .info {
    color: #09262B;
}

table.spec td.bold {
    font-weight: bold;
}

table.spec td.whitebold {
    font-weight: bold;
    color: white;
}

table.spec td.blackbold {
    font-weight: bold;
    color: black;
}

table.spec td.mr_rating {
/*    padding: 2px; */
    background-color: white;
    width: 20px;
    
}

table.spec td.mr_rating div.overlay {
    width: 20px;
    height: 20px;
    text-align: center;
}

table.spec td.mr_rating .icon {
    float:                  left;
    width:                  20px;
    height:                 20px;
    margin:                 0px;
    padding: 0;
}

table.spec td.mr_rating .MRS {
    background-image:       url('../images/icons/MR_safe_20.gif');
}

table.spec td.mr_rating .MRC {
    background-image:       url('../images/icons/MR_conditional_20.gif');
}

table.spec td.mr_rating .MRU {
    background-image:       url('../images/icons/MR_unsafe_20.gif');
}

table.padless {
    margin: 0 0 10px 0;
}

table.wide {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

table.lowspec {
  border: 0px;
  padding: 0px;
  border-spacing: 2px;
  margin: 4px 0px 4px 30px;
}

td.chead {
    padding: 4px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #C6E3E8;
}

}

td.bold {
    padding: 4px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    background-color:   #8FC9D1;
    color:              #09262B;
}

}

td.cbold {
  background-color: #777;
  padding: 4px;
  font-size: 14px;
  font-weight: bold;
  color: #444;
  text-align: center;
}


td.lvalue {
  background-color: #CCC;
  padding: 4px;
  font-size: 13px;
  color: #000;
  text-align: left;
}

td.rvalue {
  background-color: #CCC;
  padding: 4px;
  font-size: 13px;
  color: #000;
  text-align: right;
}

td.blank {
  padding: 4px;
  background-color: #fff;
}

td.error {
  background-color: #CCAAAA;
  padding: 4px;
  font-size: 13px;
  color: #CC4444;
}

td.success {
  background-color: #AAFFAA;
  padding: 4px;
  font-size: 13px;
  color: #66AA66;
}

td.message {
  background-color: #EEE;
  padding: 4px;
  font-size: 12px;
  color: #89b8df;
}

td.mandatory {
  background-color: #CCC;
  padding: 4px;
  font-size: 14px;
  font-weight: bold;
  color: #CC4444;
}


/*------------------------------------------------------------------------
 * Other tables
 *------------------------------------------------------------------------*/

table.refs {
  clear: left;
  margin: 20px 0 10px 20px;
}
  
table.refs td {
    font-size: 13px;
    line-height: 17px;
    color: #777;
    padding: 2px 6px 1px 0;
}

table.refs td.code {
    padding-right: 20px;
    font-weight: bold; 
}

table.refs td.mr_rate,
span.mr_rate {
    padding-left: 20px;
    font-weight: bold; 
    color: #305394;
}

table.premac {
    background-color: white;
    border-spacing: 2px;
}

table.premac th {
    background-color: white;
    margin: 2px;
    padding: 5px;
}

table.premac td {
    color: white;
    margin: 2px;
    padding: 5px;
}

table.premac th.unsatisfactory {
    color: #1d3259;
    color: #054562;
}

table.premac th.partial {
    color: #305394;
    color: #066792;
}

table.premac th.satisfactory {
    color: #b5cbf4;
    color: #0789C2;
}

table.premac td.unsatisfactory {
    background-color: #1d3259;
    background-color: #054562;
}

table.premac td.partial {
    background-color: #305394;
    background-color: #066792;
}

table.premac td.satisfactory {
    background-color: #b5cbf4;
    background-color: #0789C2;
}

table.outline {
    border: 1px solid #ccc;
    border-right: 0;
    border-bottom: 0;
    margin: 10px auto;
}

table.outline td,
table.outline th {
    text-align: left;
    vertical-align: top;
    padding: 2px 4px;
    border: 1px solid #ccc;
    border-left: 0;
    border-top: 0;
    font-size: 11px;
    line-height: 14px;
}

table.outline td.bare {
    border-bottom: 0;
    padding-bottom: 10px;
}

table.outline th {
    background-color: #ddd;
    font-weight: bold;
}

div.news {
    padding-right: 170px;
}

div.news ul li {
    margin-bottom: 20px;
}

a.newsletter {
    float: right;
    margin-right: -160px;
    width: 130px;
    height: 60px;
    padding-top: 115px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    background: url('../images/misc/newsletter.png') no-repeat top left;
}

a.newsletter:hover {
    background-position: -130px 0;
}

ul.pdfs li {
  list-style: none;
  margin-bottom: 10px;
}

a.pdf {
    display: block;
    height: 32px;
    padding-left: 40px;
    background: url('../images/misc/pdficon.gif') no-repeat top left;
}

#debug {
    display: block;
    position: absolute;
    top: 180px;
    right: 50px;
    height: 20px;
    width: 20%;
    margin: 0;
    padding: 0;
    text-align: right;
}

#debug a {
    font-family: "Open Sans", Arial, Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #666;
}

.new {
    display: none;
    border: 1px dashed #8c8;
}

.old {
    border: 1px dashed #faa;
}

div.bespoke-montage {
    position: relative;
    display: block;
    float: right;
    margin: 0 0 20px 40px;
    width: 500px;
    height: 560px;
    background: url('../images/products/large/bespoke/montage.jpg') no-repeat top left;
}

div.bespoke-montage a {
    display: block;
    position: absolute;
    right: 0;
    width: 260px;
    height: 130px;
    background: url('../images/products/large/bespoke/montage.jpg') no-repeat -240px 0;
}

div.bespoke-montage a.engineers {
    top: 20px;
    background-position: -240px -20px;
}
div.bespoke-montage a.engineers:hover {
    background-position: -500px -20px;
}
div.bespoke-montage a.wheelchairs {
    top: 150px;
    background-position: -240px -150px;
}
div.bespoke-montage a.wheelchairs:hover {
    background-position: -500px -150px;
}
div.bespoke-montage a.welding {
    top: 280px;
    background-position: -240px -280px;
}
div.bespoke-montage a.welding:hover {
    background-position: -500px -280px;
}
div.bespoke-montage a.engineering {
    top: 410px;
    background-position: -240px -410px;
}
div.bespoke-montage a.engineering:hover {
    background-position: -500px -410px;
}


div.leftcol h3, 
div.rightcol h3 {
    line-height: 22px;
    margin-bottom: 6px;
}

div.leftcol {
    padding: 0 320px 0 280px;
}

div.leftcol p {
    padding-left: 0;
    margin-left: 0;
}

div.rightcol {
    padding: 0 300px 0 300px;
}

div.rightcol h3,
div.rightcol p {
    text-align: right;
}

ul.accredits {
}

ul.accredits li {
    min-height: 80px;
    margin-left: 0;
    padding-top: 10px;
    padding-left: 100px;
    list-style: none;
    background-position: left top;
    background-repeat: no-repeat;
}

ul.accredits li.sgs {
    background-image: url('../images/orgs/sgs.png');
}

ul.accredits li.iso13485 {
    background-image: url('../images/orgs/SGS_ISO_13485.png');
}

ul.accredits li.chas {
    background-image: url('../images/orgs/chas.png');
    background-position: left 10px;
}

ul.accredits li.safecontractor {
    background-image: url('../images/orgs/safecontractor.png');
}

div.map_side {
    position:           relative;
    padding-right:      520px;
    min-height:         550px;
}

div.map_side h4 {
    margin-bottom: 10px;
}

div.map_side div.map_holder {
    position:           absolute;
    top:                0;
    right:              0;
    width:              500px;
    height:             500px;
    padding:            2px;
    border:             1px solid #888;
    background-color:   #eee;

    border-radius:          5px; 
    -moz-border-radius:     5px; 
    -webkit-border-radius:  5px;
    -khtml-border-radius:   5px;


    -moz-box-shadow:        2px 2px 2px #ccc;
    -webkit-box-shadow:     2px 2px 2px #ccc;
    box-shadow:             2px 2px 2px #ccc;

}

div.map_side #map_canvas {
    width:              500px;
    height:             500px;
}

#map_canvas .indent {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
}

div.contact {
    margin-bottom: 20px;
}

div.contact p.address {
    font-size: 14px;
    line-height: 18px;
}

div.contact p.address b {
    font-size: 16px;
    line-height: 20px;
}

div.contact div.detail {
    font-size:      12px;
    line-height:    16px;
}

div.contact div.detail .key {
    font-weight: bold
}

div.pending,
div.see,
div.see a {
    font-size: 14px;
    font-style: italic;
}

h4.contact {
    padding-bottom: 5px;
    border-bottom: 1px dashed #8FC9D1;
    margin-bottom: 5px;
    font-weight: normal; 
    font-size: 16px;
    color: #666;
    color: #19707B;
}div.tombstone {
    float: left;
    width: 420px;
/*    margin-right: 5px;
    margin-bottom: 25px; */
    margin: 0 15px 20px 15px;
    height: 205px;
    background: url('../images/tombstones/tombstones.jpg') no-repeat left -200px;

    border-radius:          5px 13px 5px 5px; 
    -moz-border-radius:     5px 13px 5px 5px; 
    -webkit-border-radius:  5px 13px 5px 5px;
    -khtml-border-radius:   5px 13px 5px 5px;
 

    -moz-box-shadow:        2px 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:     2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow:             2px 2px 2px rgba(0, 0, 0, 0.1);

}

div.tombstone h2 {
    margin: 0;
    padding: 0;
}

div.tombstone h2 a {
    display: block;
    color: #484647;
    color: #ECF5F6;
    margin: 0;
    padding: 6px 0 8px 7px;
    font-size: 16px;
    line-height: 16px;
    height: 16px;
    text-align: left;
    background: url('../images/tombstones/tombstones.jpg') no-repeat left top;

    border-radius:          5px 14px 0 0; 
    -moz-border-radius:     5px 14px 0 0; 
    -webkit-border-radius:  5px 14px 0 0;
    -khtml-border-radius:   5px 14px 0 0;


}

div.tombstone a.picture {
    display:                block;
    float:                  left;
    width:                  173px;
    height:                 174px;
    margin:                 0;
    padding:                0;
    border:                 1px solid #2195A3;
    border-top:             0;
    background:             white url('../images/tombstones/pictures.jpg')
                            no-repeat right top;

    border-radius:          0 0 0 5px; 
    -moz-border-radius:     0 0 0 5px; 
    -webkit-border-radius:  0 0 0 5px;
    -khtml-border-radius:   0 0 0 5px;

}

div.tombstone div.info {
    float:                  right;
    width:                  244px;
    height:                 174px;
    overflow:               hidden;
    border:                 1px solid #2195A3;
    border-top:             0;
    border-left:            0;


    border-radius:          0 0 5px 0; 
    -moz-border-radius:     0 0 5px 0; 
    -webkit-border-radius:  0 0 5px 0;
    -khtml-border-radius:   0 0 5px 0;

}


div.tombstone div.info p {
    padding:                5px;
    margin:                 0;
    font-size:              12px;
    line-height:            15px;
    text-align:             left;
    color:                  #444;
}

ul.minitoc {
    margin:                 0;
    padding:                0 10px;
    color:                  #444;
}

ul.minitoc li {
    list-style:             none;
    padding:                0;
    margin:                 0;
    font-size:              12px;
    line-height:            16px;
}

ul.minitoc li a {
    padding:                0 0 0 14px;
    background:             url('../images/arrows/toc_default.gif')
                            no-repeat left 4px;
}

ul.minitoc li a:hover {
    background-position:    left -96px;
}



/*
div.tombstones div.tomb-right {
    margin-left: 55px;
}
*/




div.tombstone#company {
/*    border-color: #58AFBA; */
}

div.tombstone#company h2 a {
    background-position: left -0px;

    color: #ECF5F6;

    text-shadow:            -1px -1px 0px #19707B;


}


div.tombstone#company h2 a:hover,
div.tombstone#company:hover h2 a {
    background-position: left -200px;
    color: white;

    text-shadow:            -1px -1px 0px #814100;

}


div.tombstone#company a.picture {
    background-image:       url('../images/tombstones/company175s.jpg');
    border-color: #58AFBA;
}
div.tombstone#company div.info {
    border-color:           #58AFBA;
}

div.tombstone#company:hover a.picture,
div.tombstone#company:hover div.info {
    border-color:           #ff7f00;
}

div.tombstone#company ul.minitoc li a {
    background-image: url('../images/arrows/toc_default.gif');
    color: #19707B;
}
div.tombstone#company ul.minitoc li a:hover {
    color: #ff7f00;
}

div.tombstone#structural {
/*    border-color: #45A6D1; */
}

div.tombstone#structural h2 a {
    background-position: left -40px;

    color: #E9F4F9;

    text-shadow:            -1px -1px 0px #066792;


}


div.tombstone#structural h2 a:hover,
div.tombstone#structural:hover h2 a {
    background-position: left -200px;
    color: white;

    text-shadow:            -1px -1px 0px #814100;

}


div.tombstone#structural a.picture {
    background-image:       url('../images/tombstones/structural175s.jpg');
    border-color: #45A6D1;
}
div.tombstone#structural div.info {
    border-color:           #45A6D1;
}

div.tombstone#structural:hover a.picture,
div.tombstone#structural:hover div.info {
    border-color:           #ff7f00;
}

div.tombstone#structural ul.minitoc li a {
    background-image: url('../images/arrows/toc_structural.gif');
    color: #066792;
}
div.tombstone#structural ul.minitoc li a:hover {
    color: #ff7f00;
}

div.tombstone#mr {
/*    border-color: #81BB7D; */
}

div.tombstone#mr h2 a {
    background-position: left -80px;

    color: #EFF7EF;

    text-shadow:            -1px -1px 0px #427C3E;


}


div.tombstone#mr h2 a:hover,
div.tombstone#mr:hover h2 a {
    background-position: left -200px;
    color: white;

    text-shadow:            -1px -1px 0px #814100;

}


div.tombstone#mr a.picture {
    background-image:       url('../images/tombstones/mr175s.jpg');
    border-color: #81BB7D;
}
div.tombstone#mr div.info {
    border-color:           #81BB7D;
}

div.tombstone#mr:hover a.picture,
div.tombstone#mr:hover div.info {
    border-color:           #ff7f00;
}

div.tombstone#mr ul.minitoc li a {
    background-image: url('../images/arrows/toc_mr.gif');
    color: #427C3E;
}
div.tombstone#mr ul.minitoc li a:hover {
    color: #ff7f00;
}

div.tombstone#xray {
/*    border-color: #C069B5; */
}

div.tombstone#xray h2 a {
    background-position: left -120px;

    color: #F8EDF5;

    text-shadow:            -1px -1px 0px #812A76;


}


div.tombstone#xray h2 a:hover,
div.tombstone#xray:hover h2 a {
    background-position: left -200px;
    color: white;

    text-shadow:            -1px -1px 0px #814100;

}


div.tombstone#xray a.picture {
    background-image:       url('../images/tombstones/xray175s.jpg');
    border-color: #C069B5;
}
div.tombstone#xray div.info {
    border-color:           #C069B5;
}

div.tombstone#xray:hover a.picture,
div.tombstone#xray:hover div.info {
    border-color:           #ff7f00;
}

div.tombstone#xray ul.minitoc li a {
    background-image: url('../images/arrows/toc_xray.gif');
    color: #812A76;
}
div.tombstone#xray ul.minitoc li a:hover {
    color: #ff7f00;
}

div.tombstone#bespoke {
/*    border-color: #AAA7A9; */
}

div.tombstone#bespoke h2 a {
    background-position: left -160px;

    color: #F4F5F5;

    text-shadow:            -1px -1px 0px #6B686A;


}


div.tombstone#bespoke h2 a:hover,
div.tombstone#bespoke:hover h2 a {
    background-position: left -200px;
    color: white;

    text-shadow:            -1px -1px 0px #814100;

}


div.tombstone#bespoke a.picture {
    background-image:       url('../images/tombstones/bespoke175s.jpg');
    border-color: #AAA7A9;
}
div.tombstone#bespoke div.info {
    border-color:           #AAA7A9;
}

div.tombstone#bespoke:hover a.picture,
div.tombstone#bespoke:hover div.info {
    border-color:           #ff7f00;
}

div.tombstone#bespoke ul.minitoc li a {
    background-image: url('../images/arrows/toc_support.gif');
    color: #6B686A;
}
div.tombstone#bespoke ul.minitoc li a:hover {
    color: #ff7f00;
}

div.tombstone#servicing {
/*    border-color: #AAA7A9; */
}

div.tombstone#servicing h2 a {
    background-position: left -160px;

    color: #F4F5F5;

    text-shadow:            -1px -1px 0px #6B686A;


}


div.tombstone#servicing h2 a:hover,
div.tombstone#servicing:hover h2 a {
    background-position: left -200px;
    color: white;

    text-shadow:            -1px -1px 0px #814100;

}


div.tombstone#servicing a.picture {
    background-image:       url('../images/tombstones/servicing175s.jpg');
    border-color: #AAA7A9;
}
div.tombstone#servicing div.info {
    border-color:           #AAA7A9;
}

div.tombstone#servicing:hover a.picture,
div.tombstone#servicing:hover div.info {
    border-color:           #ff7f00;
}

div.tombstone#servicing ul.minitoc li a {
    background-image: url('../images/arrows/toc_support.gif');
    color: #6B686A;
}
div.tombstone#servicing ul.minitoc li a:hover {
    color: #ff7f00;
}



#overlay {
    display:            none;
    position:           absolute;
    top:                0;
    left:               0;
    z-index:            90;
    width:              100%;
    background-color:   black;

    opacity:                0.7;
    filter:                 alpha (opacity = 70);

}

#loading {
    position:           absolute;
    z-index:            150;
}

#lightbox {
    background-color:   #eee;
    padding:            5px;
    border:             5px solid black;
    display:            none;
    position:           absolute;
    z-index:            100;
    overflow:           visible;

    border-radius:          10px; 
    -moz-border-radius:     10px; 
    -webkit-border-radius:  10px;
    -khtml-border-radius:   10px;


    -moz-box-shadow:        5px 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow:     5px 5px 5px rgba(0,0,0,0.3);
    box-shadow:             5px 5px 5px rgba(0,0,0,0.3);

}

#lightbox a.hero {
    float: none;
    display: block;
    margin:             0 0 5px 0;
    padding:            0px;
    border:             1px solid #666;
    line-height:        0;

    border-radius:          3px; 
    -moz-border-radius:     3px; 
    -webkit-border-radius:  3px;
    -khtml-border-radius:   3px;


    -moz-box-shadow:        1px 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:     1px 1px 2px rgba(0,0,0,0.2);
    box-shadow:             1px 1px 2px rgba(0,0,0,0.2);

} 


#lightbox a.hero img {
    margin:             0;
    padding:            0;

    border-radius:          3px; 
    -moz-border-radius:     3px; 
    -webkit-border-radius:  3px;
    -khtml-border-radius:   3px;

}

#lightbox .caption {
    position:           relative;
    display:            block;
    height:             24px;
    padding:            0;
    margin:             0;
    background-color:   #ddd;
    border:             1px solid #888;

    border-radius:          3px; 
    -moz-border-radius:     3px; 
    -webkit-border-radius:  3px;
    -khtml-border-radius:   3px;


    -moz-box-shadow:        1px 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:     1px 1px 2px rgba(0,0,0,0.2);
    box-shadow:             1px 1px 2px rgba(0,0,0,0.2);

}   

#lightbox .caption .title { 
    font-size:          13px;
    height:             20px;
    line-height:        24px;
    color:              #444;
    padding:            0 0 0 5px;
    margin:             0 230px 0 0;
    font-weight:        normal;
    overflow:           hidden;
}

#lightbox .caption .message { 
    width:              220px;
    text-align:         right;
    height:             20px;
    font-size:          11px;
    line-height:        24px;
    color:              #777;
    padding:            0 5px 0 0;
    margin:             0;
    position:           absolute;
    top:                0;
    right:              0;
}

#lightbox div.examples {
    margin:             0px;
}

#lightbox div.examples div.example {
    float:              left;
    margin:             0px 5px;
}

#lightbox div.examples div.example .model {
    font-size:          11px;
    margin:             0;
    padding:            0 0 0 18px;
    color:              #444;
    background:         url('../images/rvimages/gallery/down_arrow.png')
                        no-repeat 4px 4px;
}

#lightbox div.examples div.example img {
    border:             1px solid #AAA;

    border-radius:          1px; 
    -moz-border-radius:     1px; 
    -webkit-border-radius:  1px;
    -khtml-border-radius:   1px;


    -moz-box-shadow:        1px 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:     1px 1px 2px rgba(0,0,0,0.2);
    box-shadow:             1px 1px 2px rgba(0,0,0,0.2);

}

#lightbox #ceiling_examples div.example img {
    background-color:   white;
    padding:            5px;
}
/*------------------------------------------------------------------------
 * Section-specific styles
 *------------------------------------------------------------------------*/

body.home #header,
body.home #header ul.trail li a {
    background-image: url('../images/chrome/header_home.jpg');
}

body.home #header ul.trail li a {

    text-shadow:            -1px -1px 1px #19707B;

}

body.home #header ul.menu li a,
body.home #footer ul.menu li a {
    color:                  #D9ECEF;
    border-left:            1px solid #19707B;
    border-right:           1px solid #58AFBA;

    text-shadow:            -1px -1px 1px #19707B;

}

body.home #header ul.menu li.first a,
body.home #footer ul.menu li.first a {
    border-left:           0;
}

body.home #header ul.menu li.last a,
body.home #footer ul.menu li.last a {
    border-right:           0;
}

body.home #header ul.menu li a.warm,
body.home #footer ul.menu li a.warm,
body.home #header ul.menu li a:hover,
body.home #footer ul.menu li a:hover {
    color:                  white;

}

body.home p,
body.home p.intro,
body.home dt,
body.home dd,
body.home li {
    color: #0B2528;
}

body.home h1,
body.home h2,
body.home h3,
body.home h4,
body.home h5,
body.home h6,
body.home .subtitle,
body.home ul.toc .toc_title {
    color: #114B53;
}



body.home .section {
    color: #19707B;
    text-shadow: 2px 2px 2px rgba(17, 75, 83, 0.07); 
}

body.home .caption {
    color: #19707B;
}

body.home .caption:hover {
    color: #ff7f00;
}

body.home .tiny {
    color: #2195A3;
}

body.home div.topline {
    border-color:           #8FC9D1; 
    background-color:       #ECF5F6;
}

body.home table.spec {
    border-color: #2195A3;
}

body.home table.spec th {
    background-color: #58AFBA;
}

body.home table.spec td.key {
    background-color: #C6E3E8;
    color:              #114B53;
}

body.home table.spec td.bold {
    background-color:   #8FC9D1;
    color:              #09262B;
}

body.home table.spec td.value {
    background-color:   #D9ECEF;
    color:              #09262B;
}

body.home table.spec td.chead {
    background-color: #C6E3E8;
}

body.home div.featured {
    border-color: #19707B;
    background-color: #629CA3;
    color: white;

    text-shadow:            1px 1px 2px #114B53;

}

body.home div.featured p {
    color: white;
}


body.home ul.toc {
    border-color:           #8FC9D1;
    background-color:       #ECF5F6;
}


body.home ul.toc li.toc_title {
    border-color: #C6E3E8;
}

body.home ul.guide li.blank,
body.home ul.features li.blank,
body.home ul.toc li.blank,
body.home ul.sub li {
    background-image: none !important;
}

body.home #headline {
    background-color:       #ECF5F6;
    border-color:           #58AFBA;
}

body.home a.continue,
body.home a.onward {
    color: #2195A3;
    background-image:     url('../images/arrows/dot_arrow_home.gif');
}

body.home a.continue:hover,
body.home a.onward:hover {
    color: #ff7f00;
}

body.home #headline a {
    color:  #2195A3;
}

body.home #headline a:hover {
    color: #ff7f00;
}

body.home #headline .back {
    background-image: url('../images/arrows/back_home.gif');
}

body.home #headline .next {
    background-image: url('../images/arrows/next_home.gif');
}

body.home div.maintenance {
    border-color:           #19707B;
    color:                  #114B53;
    background-color:       #ECF5F6;
}

body.home a:hover span.tip {
    background-color:   #D9ECEF;
    border-color:       #2195A3;
    color:              #19707B;
}

body.home a:hover span.tip span.arrow {
    background-image:   url('../images/arrows/tooltip_down_home.gif');
}

body.home .blueline,
body.home a.border {
    border-color: #19707B;
}

body.home a.border:hover {
    border-color: #ff7f00;
}

/* home links */
body.home a,
#home a {
    color: #19707B;
}
body.home a:hover,
#home a:hover {
    color: #ff7f00;
}
body.home div.featured a {
    color: #C6E3E8;
}
body.home div.featured a:hover {
    color: #ff7f00;
}
body.home ul.toc li a.go,
body.home ul.toc li.go,
body.home ul.features li,
#home ul.features li,
body.home ul.guide li {
    background-image: url('../images/arrows/toc_home.gif');
}

body.structural #header,
body.structural #header ul.trail li a {
    background-image: url('../images/chrome/header_structural.jpg');
}

body.structural #header ul.trail li a {

    text-shadow:            -1px -1px 1px #066792;

}

body.structural #header ul.menu li a,
body.structural #footer ul.menu li a {
    color:                  #D5EAF4;
    border-left:            1px solid #066792;
    border-right:           1px solid #45A6D1;

    text-shadow:            -1px -1px 1px #066792;

}

body.structural #header ul.menu li.first a,
body.structural #footer ul.menu li.first a {
    border-left:           0;
}

body.structural #header ul.menu li.last a,
body.structural #footer ul.menu li.last a {
    border-right:           0;
}

body.structural #header ul.menu li a.warm,
body.structural #footer ul.menu li a.warm,
body.structural #header ul.menu li a:hover,
body.structural #footer ul.menu li a:hover {
    color:                  white;

}

body.structural p,
body.structural p.intro,
body.structural dt,
body.structural dd,
body.structural li {
    color: #0B1F28;
}

body.structural h1,
body.structural h2,
body.structural h3,
body.structural h4,
body.structural h5,
body.structural h6,
body.structural .subtitle,
body.structural ul.toc .toc_title {
    color: #054562;
}



body.structural .section {
    color: #066792;
    text-shadow: 2px 2px 2px rgba(5, 69, 98, 0.07); 
}

body.structural .caption {
    color: #066792;
}

body.structural .caption:hover {
    color: #ff7f00;
}

body.structural .tiny {
    color: #0789C2;
}

body.structural div.topline {
    border-color:           #83C3E0; 
    background-color:       #E9F4F9;
}

body.structural table.spec {
    border-color: #0789C2;
}

body.structural table.spec th {
    background-color: #45A6D1;
}

body.structural table.spec td.key {
    background-color: #C1E0EF;
    color:              #054562;
}

body.structural table.spec td.bold {
    background-color:   #83C3E0;
    color:              #042332;
}

body.structural table.spec td.value {
    background-color:   #D5EAF4;
    color:              #042332;
}

body.structural table.spec td.chead {
    background-color: #C1E0EF;
}

body.structural div.featured {
    border-color: #066792;
    background-color: #64A6C2;
    color: white;

    text-shadow:            1px 1px 2px #054562;

}

body.structural div.featured p {
    color: white;
}


body.structural ul.toc {
    border-color:           #83C3E0;
    background-color:       #E9F4F9;
}


body.structural ul.toc li.toc_title {
    border-color: #C1E0EF;
}

body.structural ul.guide li.blank,
body.structural ul.features li.blank,
body.structural ul.toc li.blank,
body.structural ul.sub li {
    background-image: none !important;
}

body.structural #headline {
    background-color:       #E9F4F9;
    border-color:           #45A6D1;
}

body.structural a.continue,
body.structural a.onward {
    color: #0789C2;
    background-image:     url('../images/arrows/dot_arrow_structural.gif');
}

body.structural a.continue:hover,
body.structural a.onward:hover {
    color: #ff7f00;
}

body.structural #headline a {
    color:  #0789C2;
}

body.structural #headline a:hover {
    color: #ff7f00;
}

body.structural #headline .back {
    background-image: url('../images/arrows/back_structural.gif');
}

body.structural #headline .next {
    background-image: url('../images/arrows/next_structural.gif');
}

body.structural div.maintenance {
    border-color:           #066792;
    color:                  #054562;
    background-color:       #E9F4F9;
}

body.structural a:hover span.tip {
    background-color:   #D5EAF4;
    border-color:       #0789C2;
    color:              #066792;
}

body.structural a:hover span.tip span.arrow {
    background-image:   url('../images/arrows/tooltip_down_structural.gif');
}

body.structural .blueline,
body.structural a.border {
    border-color: #066792;
}

body.structural a.border:hover {
    border-color: #ff7f00;
}

/* structural links */
body.structural a,
#structural a {
    color: #066792;
}
body.structural a:hover,
#structural a:hover {
    color: #ff7f00;
}
body.structural div.featured a {
    color: #C1E0EF;
}
body.structural div.featured a:hover {
    color: #ff7f00;
}
body.structural ul.toc li a.go,
body.structural ul.toc li.go,
body.structural ul.features li,
#structural ul.features li,
body.structural ul.guide li {
    background-image: url('../images/arrows/toc_structural.gif');
}

body.mr #header,
body.mr #header ul.trail li a {
    background-image: url('../images/chrome/header_mr.jpg');
}

body.mr #header ul.trail li a {

    text-shadow:            -1px -1px 1px #427C3E;

}

body.mr #header ul.menu li a,
body.mr #footer ul.menu li a {
    color:                  #E1EFE1;
    border-left:            1px solid #427C3E;
    border-right:           1px solid #81BB7D;

    text-shadow:            -1px -1px 1px #427C3E;

}

body.mr #header ul.menu li.first a,
body.mr #footer ul.menu li.first a {
    border-left:           0;
}

body.mr #header ul.menu li.last a,
body.mr #footer ul.menu li.last a {
    border-right:           0;
}

body.mr #header ul.menu li a.warm,
body.mr #footer ul.menu li a.warm,
body.mr #header ul.menu li a:hover,
body.mr #footer ul.menu li a:hover {
    color:                  white;

}

body.mr p,
body.mr p.intro,
body.mr dt,
body.mr dd,
body.mr li {
    color: #0D280B;
}

body.mr h1,
body.mr h2,
body.mr h3,
body.mr h4,
body.mr h5,
body.mr h6,
body.mr .subtitle,
body.mr ul.toc .toc_title {
    color: #2C532A;
}



body.mr .section {
    color: #427C3E;
    text-shadow: 2px 2px 2px rgba(44, 83, 42, 0.07); 
}

body.mr .caption {
    color: #427C3E;
}

body.mr .caption:hover {
    color: #ff7f00;
}

body.mr .tiny {
    color: #58A552;
}

body.mr div.topline {
    border-color:           #AAD1A8; 
    background-color:       #EFF7EF;
}

body.mr table.spec {
    border-color: #58A552;
}

body.mr table.spec th {
    background-color: #81BB7D;
}

body.mr table.spec td.key {
    background-color: #D3E7D3;
    color:              #2C532A;
}

body.mr table.spec td.bold {
    background-color:   #AAD1A8;
    color:              #162A16;
}

body.mr table.spec td.value {
    background-color:   #E1EFE1;
    color:              #162A16;
}

body.mr table.spec td.chead {
    background-color: #D3E7D3;
}

body.mr div.featured {
    border-color: #427C3E;
    background-color: #7EA57B;
    color: white;

    text-shadow:            1px 1px 2px #2C532A;

}

body.mr div.featured p {
    color: white;
}


body.mr ul.toc {
    border-color:           #AAD1A8;
    background-color:       #EFF7EF;
}


body.mr ul.toc li.toc_title {
    border-color: #D3E7D3;
}

body.mr ul.guide li.blank,
body.mr ul.features li.blank,
body.mr ul.toc li.blank,
body.mr ul.sub li {
    background-image: none !important;
}

body.mr #headline {
    background-color:       #EFF7EF;
    border-color:           #81BB7D;
}

body.mr a.continue,
body.mr a.onward {
    color: #58A552;
    background-image:     url('../images/arrows/dot_arrow_mr.gif');
}

body.mr a.continue:hover,
body.mr a.onward:hover {
    color: #ff7f00;
}

body.mr #headline a {
    color:  #58A552;
}

body.mr #headline a:hover {
    color: #ff7f00;
}

body.mr #headline .back {
    background-image: url('../images/arrows/back_mr.gif');
}

body.mr #headline .next {
    background-image: url('../images/arrows/next_mr.gif');
}

body.mr div.maintenance {
    border-color:           #427C3E;
    color:                  #2C532A;
    background-color:       #EFF7EF;
}

body.mr a:hover span.tip {
    background-color:   #E1EFE1;
    border-color:       #58A552;
    color:              #427C3E;
}

body.mr a:hover span.tip span.arrow {
    background-image:   url('../images/arrows/tooltip_down_mr.gif');
}

body.mr .blueline,
body.mr a.border {
    border-color: #427C3E;
}

body.mr a.border:hover {
    border-color: #ff7f00;
}

/* mr links */
body.mr a,
#mr a {
    color: #427C3E;
}
body.mr a:hover,
#mr a:hover {
    color: #ff7f00;
}
body.mr div.featured a {
    color: #D3E7D3;
}
body.mr div.featured a:hover {
    color: #ff7f00;
}
body.mr ul.toc li a.go,
body.mr ul.toc li.go,
body.mr ul.features li,
#mr ul.features li,
body.mr ul.guide li {
    background-image: url('../images/arrows/toc_mr.gif');
}

body.xray #header,
body.xray #header ul.trail li a {
    background-image: url('../images/chrome/header_xray.jpg');
}

body.xray #header ul.trail li a {

    text-shadow:            -1px -1px 1px #812A76;

}

body.xray #header ul.menu li a,
body.xray #footer ul.menu li a {
    color:                  #F1DCED;
    border-left:            1px solid #812A76;
    border-right:           1px solid #C069B5;

    text-shadow:            -1px -1px 1px #812A76;

}

body.xray #header ul.menu li.first a,
body.xray #footer ul.menu li.first a {
    border-left:           0;
}

body.xray #header ul.menu li.last a,
body.xray #footer ul.menu li.last a {
    border-right:           0;
}

body.xray #header ul.menu li a.warm,
body.xray #footer ul.menu li a.warm,
body.xray #header ul.menu li a:hover,
body.xray #footer ul.menu li a:hover {
    color:                  white;

}

body.xray p,
body.xray p.intro,
body.xray dt,
body.xray dd,
body.xray li {
    color: #280B24;
}

body.xray h1,
body.xray h2,
body.xray h3,
body.xray h4,
body.xray h5,
body.xray h6,
body.xray .subtitle,
body.xray ul.toc .toc_title {
    color: #571C4F;
}



body.xray .section {
    color: #812A76;
    text-shadow: 2px 2px 2px rgba(87, 28, 79, 0.07); 
}

body.xray .caption {
    color: #812A76;
}

body.xray .caption:hover {
    color: #ff7f00;
}

body.xray .tiny {
    color: #AB389D;
}

body.xray div.topline {
    border-color:           #D59ACD; 
    background-color:       #F8EDF5;
}

body.xray table.spec {
    border-color: #AB389D;
}

body.xray table.spec th {
    background-color: #C069B5;
}

body.xray table.spec td.key {
    background-color: #EACBE5;
    color:              #571C4F;
}

body.xray table.spec td.bold {
    background-color:   #D59ACD;
    color:              #2D0E28;
}

body.xray table.spec td.value {
    background-color:   #F1DCED;
    color:              #2D0E28;
}

body.xray table.spec td.chead {
    background-color: #EACBE5;
}

body.xray div.featured {
    border-color: #812A76;
    background-color: #AB71A4;
    color: white;

    text-shadow:            1px 1px 2px #571C4F;

}

body.xray div.featured p {
    color: white;
}


body.xray ul.toc {
    border-color:           #D59ACD;
    background-color:       #F8EDF5;
}


body.xray ul.toc li.toc_title {
    border-color: #EACBE5;
}

body.xray ul.guide li.blank,
body.xray ul.features li.blank,
body.xray ul.toc li.blank,
body.xray ul.sub li {
    background-image: none !important;
}

body.xray #headline {
    background-color:       #F8EDF5;
    border-color:           #C069B5;
}

body.xray a.continue,
body.xray a.onward {
    color: #AB389D;
    background-image:     url('../images/arrows/dot_arrow_xray.gif');
}

body.xray a.continue:hover,
body.xray a.onward:hover {
    color: #ff7f00;
}

body.xray #headline a {
    color:  #AB389D;
}

body.xray #headline a:hover {
    color: #ff7f00;
}

body.xray #headline .back {
    background-image: url('../images/arrows/back_xray.gif');
}

body.xray #headline .next {
    background-image: url('../images/arrows/next_xray.gif');
}

body.xray div.maintenance {
    border-color:           #812A76;
    color:                  #571C4F;
    background-color:       #F8EDF5;
}

body.xray a:hover span.tip {
    background-color:   #F1DCED;
    border-color:       #AB389D;
    color:              #812A76;
}

body.xray a:hover span.tip span.arrow {
    background-image:   url('../images/arrows/tooltip_down_xray.gif');
}

body.xray .blueline,
body.xray a.border {
    border-color: #812A76;
}

body.xray a.border:hover {
    border-color: #ff7f00;
}

/* xray links */
body.xray a,
#xray a {
    color: #812A76;
}
body.xray a:hover,
#xray a:hover {
    color: #ff7f00;
}
body.xray div.featured a {
    color: #EACBE5;
}
body.xray div.featured a:hover {
    color: #ff7f00;
}
body.xray ul.toc li a.go,
body.xray ul.toc li.go,
body.xray ul.features li,
#xray ul.features li,
body.xray ul.guide li {
    background-image: url('../images/arrows/toc_xray.gif');
}

body.support #header,
body.support #header ul.trail li a {
    background-image: url('../images/chrome/header_support.jpg');
}

body.support #header ul.trail li a {

    text-shadow:            -1px -1px 1px #6B686A;

}

body.support #header ul.menu li a,
body.support #footer ul.menu li a {
    color:                  #EBEBEB;
    border-left:            1px solid #6B686A;
    border-right:           1px solid #AAA7A9;

    text-shadow:            -1px -1px 1px #6B686A;

}

body.support #header ul.menu li.first a,
body.support #footer ul.menu li.first a {
    border-left:           0;
}

body.support #header ul.menu li.last a,
body.support #footer ul.menu li.last a {
    border-right:           0;
}

body.support #header ul.menu li a.warm,
body.support #footer ul.menu li a.warm,
body.support #header ul.menu li a:hover,
body.support #footer ul.menu li a:hover {
    color:                  white;

}

body.support p,
body.support p.intro,
body.support dt,
body.support dd,
body.support li {
    color: #280B20;
}

body.support h1,
body.support h2,
body.support h3,
body.support h4,
body.support h5,
body.support h6,
body.support .subtitle,
body.support ul.toc .toc_title {
    color: #484647;
}



body.support .section {
    color: #6B686A;
    text-shadow: 2px 2px 2px rgba(72, 70, 71, 0.07); 
}

body.support .caption {
    color: #6B686A;
}

body.support .caption:hover {
    color: #ff7f00;
}

body.support .tiny {
    color: #8E8A8D;
}

body.support div.topline {
    border-color:           #C6C4C5; 
    background-color:       #F4F5F5;
}

body.support table.spec {
    border-color: #8E8A8D;
}

body.support table.spec th {
    background-color: #AAA7A9;
}

body.support table.spec td.key {
    background-color: #E2E1E1;
    color:              #484647;
}

body.support table.spec td.bold {
    background-color:   #C6C4C5;
    color:              #252424;
}

body.support table.spec td.value {
    background-color:   #EBEBEB;
    color:              #252424;
}

body.support table.spec td.chead {
    background-color: #E2E1E1;
}

body.support div.featured {
    border-color: #6B686A;
    background-color: #8E8C8D;
    color: white;

    text-shadow:            1px 1px 2px #484647;

}

body.support div.featured p {
    color: white;
}


body.support ul.toc {
    border-color:           #C6C4C5;
    background-color:       #F4F5F5;
}


body.support ul.toc li.toc_title {
    border-color: #E2E1E1;
}

body.support ul.guide li.blank,
body.support ul.features li.blank,
body.support ul.toc li.blank,
body.support ul.sub li {
    background-image: none !important;
}

body.support #headline {
    background-color:       #F4F5F5;
    border-color:           #AAA7A9;
}

body.support a.continue,
body.support a.onward {
    color: #8E8A8D;
    background-image:     url('../images/arrows/dot_arrow_support.gif');
}

body.support a.continue:hover,
body.support a.onward:hover {
    color: #ff7f00;
}

body.support #headline a {
    color:  #8E8A8D;
}

body.support #headline a:hover {
    color: #ff7f00;
}

body.support #headline .back {
    background-image: url('../images/arrows/back_support.gif');
}

body.support #headline .next {
    background-image: url('../images/arrows/next_support.gif');
}

body.support div.maintenance {
    border-color:           #6B686A;
    color:                  #484647;
    background-color:       #F4F5F5;
}

body.support a:hover span.tip {
    background-color:   #EBEBEB;
    border-color:       #8E8A8D;
    color:              #6B686A;
}

body.support a:hover span.tip span.arrow {
    background-image:   url('../images/arrows/tooltip_down_support.gif');
}

body.support .blueline,
body.support a.border {
    border-color: #6B686A;
}

body.support a.border:hover {
    border-color: #ff7f00;
}






a.home:hover span.tip {
    background-color:   #D9ECEF    !important;
    border-color:       #2195A3     !important;
    color:              #19707B    !important;
}

a.home:hover span.tip span.arrow {
    background-image:   url('../images/arrows/tooltip_down_home.gif') !important;
}
a.structural:hover span.tip {
    background-color:   #D5EAF4    !important;
    border-color:       #0789C2     !important;
    color:              #066792    !important;
}

a.structural:hover span.tip span.arrow {
    background-image:   url('../images/arrows/tooltip_down_structural.gif') !important;
}
a.mr:hover span.tip {
    background-color:   #E1EFE1    !important;
    border-color:       #58A552     !important;
    color:              #427C3E    !important;
}

a.mr:hover span.tip span.arrow {
    background-image:   url('../images/arrows/tooltip_down_mr.gif') !important;
}
a.xray:hover span.tip {
    background-color:   #F1DCED    !important;
    border-color:       #AB389D     !important;
    color:              #812A76    !important;
}

a.xray:hover span.tip span.arrow {
    background-image:   url('../images/arrows/tooltip_down_xray.gif') !important;
}
a.support:hover span.tip {
    background-color:   #EBEBEB    !important;
    border-color:       #8E8A8D     !important;
    color:              #6B686A    !important;
}

a.support:hover span.tip span.arrow {
    background-image:   url('../images/arrows/tooltip_down_support.gif') !important;
}


body.mr a.MRC span.tip {
    background-color:   #fcb034;
    border-color:       #222;
    color:              #222;
    width:              150px;
/*    left:               -6px; */
}

body.mr a.MRC span.tip span.arrow {
    background-image:   url('../images/arrows/tooltip_down_conditional.gif');
}

body.mr a.MRU span.tip {
    background-color:   #fff;
    border-color:       #f00;
    color:              #222;
}

body.mr a.MRU span.tip span.arrow {
    background-image:   url('../images/arrows/tooltip_down_unsafe.gif');
}


#debugger {
    width:              945px;
    clear:              both;
    padding:            10px;
    margin:             20px auto;
    background-color:   #D9ECEF;
    border:             1px solid #19707B;
    color:              #114B53;

    border-radius:          10px; 
    -moz-border-radius:     10px; 
    -webkit-border-radius:  10px;
    -khtml-border-radius:   10px;


    -moz-box-shadow:        3px 3px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow:     3px 3px 4px rgba(0,0,0,0.2);
    box-shadow:             3px 3px 4px rgba(0,0,0,0.2);


    opacity:                0.3;
    filter:                 alpha (opacity = 30);

}

#debugger:hover {

    opacity:                1;
    filter:                 alpha (opacity = 100);

}

body.debugging #page {
    background:         white url('../images/chrome/page_grid.gif') 
                        repeat-y left top;
}

#debugger a.debug_switch {
}

.debug_on,
body.debugging .debug_off {
    display:            none;
}

body.debugging .debug_on {
    display:            inline;
}
#debugger a.debug_switch {
    color:              #19707B;
}

#debugger a.debug_switch:hover {
    color:              #ff7f00;
    color:              #09262B;
}

#debugger a.debug_switch span.debug_on {
    color:              green;
}

#debugger a.debug_switch span.debug_off {
    color:              red;
}

.red {
    background-color:   #faa;
}

body.debugging .dummy {

    opacity:                0.5;
    filter:                 alpha (opacity = 50);

}