﻿.standalone,
.documentEditable * .standalone {
    background: #dee7ec url(http://www.kelo-cote.co.uk/images/linkOpaque.gif) 9px 1px no-repeat;
    cursor: pointer;
    font-size: 85%;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}
.context,
.documentEditable * .context {
    background: transparent url(http://www.kelo-cote.co.uk/images/linkTransparent.gif) 9px 1px no-repeat;
    cursor: pointer;
    font-size: 85%;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}
.destructive,
.documentEditable * .destructive {
    background: #ffce7b url(http://www.kelo-cote.c.uk/images/linkTransparent.gif) 9px 1px no-repeat;
    border: 1px solid #ffa500;
    cursor: pointer;
    font-size: 85%;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}
input.searchButton {
    margin-bottom: 1px ! important;
    font-size: 85%;
    background: White url(http://www.kelo-cote.co.uk/images/search_icon.gif) 2px 1px no-repeat;
    cursor: pointer;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;

}
.noborder,
.documentEditable * .noborder {
    border: none;
    margin: 0;
    background-color: transparent;
}
.add,
.documentEditable * .add {
}
.quickSearch {
}
.notify,
.documentEditable * .notify {
    border: 1px solid #ffa500;
}

.card {
    background-color: #dee7ec;
    border-color: #8cacbb;
    border-width: 1px;
    border-style: solid;
    float: left;
    margin: 1em;
    text-align: center;
    width: 110px;
    padding: 1em 0;
}

.card a {
    text-decoration: none;
}

.portrait {
    background-color: #dee7ec;
    border-color: #8cacbb;
    border-width: 1px;
    border-style: solid;
    font-size: 85%;
    margin: 0.5em;
    padding: 1em 0 0.5em 0;
    text-align: center;
    width: 100px;
}
.portraitPhoto {
    border: 1px solid black;
}

.listing,
.stx table {
    /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
    border-collapse: collapse;
    border-left: 1px solid #8cacbb;
    border-bottom: 1px solid #8cacbb;
    font-size: 85%;
    margin: 1em 0em 1em 0em;
}
.listing th,
.stx table th {
    background: #dee7ec;
    border-top: 1px solid #8cacbb;
    border-bottom: 1px solid #8cacbb;
    border-right: 1px solid #8cacbb;
    font-weight: normal;
    padding: 0.25em 1em;
    text-transform: lowercase;
}
.listing .top {
    border-left: 1px solid White;
    border-top: 1px solid White ! important;
    border-right: 1px solid White ! important;
    text-align: right ! important;
    padding: 0em 0em 1em 0em;
}
.listing .listingCheckbox {
    text-align: center;
}
.listing td,
.stx table td {
    border-right: 1px solid #8cacbb;
    padding: 0.25em 1em;
}

.listing a {
    text-decoration: none;
}

.listing a:hover {
    text-decoration: underline;
}
.listing img {
    vertical-align: middle;
}

/* Vertical addition class */

.vertical {
    background-color: White;	
}
.vertical th {
    padding: 0.5em;
}

.vertical td {
    border-top: 1px solid #8cacbb;
    padding: 0.5em;
}



ul.configlets {
    margin: 1em 0;
    list-style-image: none;
    list-style: none;
}

ul.configlets li {
    margin-bottom: 1em;
}

ul.configlets li a {
    text-decoration: none;
    border: none;
}

ul.configlets li a:visited {
    color: #436976;
    background-color: transparent;
}

ul.configlets li a:active {
    color: #436976;
    background-color: transparent;
}

ul.configlets li label {
    font-weight: bold;
}

ul.configletDetails {
    margin: 0em 1em 1em 4em;
    list-style-image: none;
    list-style: none;
}

ul.configletDetails li {
    margin-bottom: 1em;
    display: inline;
}

ul.configletDetails li a {
	text-decoration: none;
}

ul.configletDetails li label {
    font-weight: bold;
}

/* List classes without markers */

ul.visualNoMarker,
ol.visualNoMarker {
    list-style-type: none;
    list-style-image: none;
    margin: 0.5em 0 0 0;
}



/* Additional STX workaround classes */
.stx table p /* stupid STX table workaround */
{
    margin: 0;
    padding: 0;
}
.stx table  /* stupid STX table workaround */
{
    border: 1px solid #8cacbb ! important;
}
.stx table td {
    border-bottom: 1px solid #8cacbb;
}

.reviewHistory {
    display: inline;
    font-size: 110% !important; 
    color: Black;
}

.comment {
    background: #eef3f5; 
    border: 1px solid #8cacbb; 
    padding: 0.25em 1em 0.5em 1em;
    margin-bottom: 1em;
}

.comment h1,
.comment h2,
.comment h3,
.comment h4, 
.comment h5,
.comment h6 {
    border-bottom: 1px solid #76797c;
    font-weight: normal;
}

.commentBody {
    margin: 0 1em 1em 1em;
}

.spacer {
    margin: 1em;
}
.alignrightonly 
{
    text-align: right;
}
.contentViews {
    background-color: transparent;
    padding-left: 1em;
    line-height: normal;
    margin: 0;
    list-style: none;
    border: 1px solid #74ae0b;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}
.contentViews li {
    display: inline;
    padding-top: 0.5em;
}
.contentViews li a {
    background-color: transparent;
    border: 1px solid #74ae0b;
    border-style: solid;
    color: #578308;
    height: auto;
    margin-right: 0.5em;
    padding: 0em 1em;
    line-height: normal;
    text-decoration: none;
    text-transform: lowercase;
    z-index: 1;
}
.contentViews .selected a {
    background-color: #cde2a7;
    border-bottom: #cde2a7 1px solid;
    color: #578308;
}
.contentViews li a:hover {
    background-color: #cde2a7;
    color: #578308;
}


.configlet .contentViews {
    font-size: 90%;
}

/*
** begin ECMAScript Content Action Menus
*/

.contentActions {
    background-color: #cde2a7;
    border-left: 1px solid #74ae0b;
    border-right: 1px solid #74ae0b;
    color: #578308;
    text-align: right;
    text-transform: lowercase;
    padding: 0 0 0 1em;
    z-index: 2;
    height: 1.6em;
}

.contentActions ul,
.contentActions li {
    margin: 0;
    list-style: none;
    list-style-image: none;
    display: inline;
    color: Black;
    text-align: left;
}

.contentActions ul {
    line-height: 1.6em;
    padding: 0;
    margin: 0;
}
.contentActions li {
    float: right;
    z-index: 4;
    border-left: 1px solid #74ae0b;
    line-height: 1.6em;
}

.actionItems li {
    background-image: none;
}

.contentActions a {
    text-decoration: none;
    color: #578308;
    padding: 0 0.5em;
}

.actionMenu {
    /*  The spec says we can't put this on an element with a float (although
        Opera is the only one that cares) and we need it in order to catch
        the position:absolute bubbling up */

    position: relative;
    margin: 0;
    padding: 0;
}

.actionMenu .actionMenuHeader {
    margin: 0;
    padding: 0;
    font-weight: normal;
    cursor: pointer;
}

.actionMenu .activated .actionMenuHeader {
    position: relative;
    z-index: 10;
}

.actionMenu .actionMenuHeader a {
    display: block;
}

.actionMenu.activated .actionMenuHeader a,
.actionMenu.deactivated .actionMenuHeader a {
    background-image: url(http://www.kelo-cote.com/arrowDownAlternative.gif);
    background-repeat: no-repeat;
    background-position: 95% 60%;
    padding: 0 1.6em 0 0.5em !important;
    cursor: pointer;
}

.actionMenuDisabled {
    padding: 0 0.5em 0 0.5em !important;
    cursor: pointer;
}

.actionMenu .actionMenuContent {
    display: none;
    z-index: 5;
    position: absolute;
    top: 1.6em;
    right: -1px;
    height: auto;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.actionMenu .actionMenuContent ul {
    display: block;
    background: #cde2a7;
    border: 1px #74ae0b;
    border-style: none solid solid solid;
    margin: -2px 0 0 0;
    padding: 0;
    cursor: pointer;
}

.actionMenu.activated .actionMenuContent {
    display: block !important;
}
.actionMenu.activated .actionMenuContent {
    /* this one will be ignored by IE, it is here to fix the cut-off error in
       Firefox */
    display: table !important;
    border-collapse: collapse;
    border-spacing: 0;
}

.actionMenu.deactivated .actionMenuContent {
    display: none !important;
}

.actionMenu .actionMenuContent li {
    float: none;
    background-color: transparent;
    display: inline;
    padding: 0;
    margin: 0;
    border: 0;
}

.actionMenu .actionMenuContent li a {
    display: block;
    white-space: nowrap;
    padding: 0 0.5em;
    margin: 0.2em 0;
}

.actionMenu .actionMenuContent .selected {
    display: block;
    white-space: nowrap;
    padding: 0 0.5em;
    margin: 0.2em 0;
}

.actionMenu .actionMenuContent li a:hover {
    background-color: #74ae0b;
    color: White;
}

.actionMenu .actionMenuContent .actionSeparator a {
    margin-top: 0.2em;
    padding-top: 0.2em;
    border-top: 1px solid #74ae0b;
}

.actionMenu .actionMenuContent .actionSeparator div.currentDefaultPage {
    margin-top: 0.2em;
    padding: 0.2em 0.5em 0em 0.5em;
    white-space: nowrap;
    border-top: 1px solid #74ae0b;
}

.actionMenu .actionMenuContent .actionSeparator div.actionLabel {
    margin-top: 0.2em;
    padding: 0.2em 0.5em 0em 0.5em;
    white-space: nowrap;
    border-top: 1px solid #74ae0b;
    background-color: #74ae0b;
    color: #cde2a7;
    cursor: default;
}


.contentBatchAction {
    float: left !important;
    padding: 0 0.5em;
    border-top: 1px solid #74ae0b;
    border-right: 1px solid #74ae0b;
    border-left: none !important;
    border-collapse: collapse;
    position: relative;
    top: -1px;
    margin-left: -0.5em !important;
}

#objectMenu.actionMenu .actionMenuContent li {
    display: block;
}

#objectMenu.actionMenu .actionMenuContent li,
#objectMenu.actionMenu .actionMenuContent li a:hover {
    background-position: 3px 50%;
    margin-left: 0;
}

#objectMenu.actionMenu .actionMenuContent li a {
    padding-left: 22px;
}

.actionMenuSelected {
    display: block;
    cursor: default;
    background-image: url(http://www.kelo-cote.com/bullet_icon.gif);
    background-repeat: no-repeat;
    background-position: 0% 3px;
    padding-left: 16px !important;
}

#templateMenu li a {
    padding-left: 16px;
}


/*
** end ECMAScript Content Action Menus
*/


/* Collapsible elements */

dl.collapsible {
    border: 1px solid #8cacbb !important;
    margin: 1em 0 0 0;
    padding: 0;
}

dl.collapsible dt.collapsibleHeader {
    display: block;
    float: left;
    background: White;
    line-height: 1.2em;
    vertical-align: middle;
    font-size: 90%;
    position: relative;
    top: -0.6em;
    width: auto;
    margin: 0 0 -0.6em 1em;
    padding: 0 0.5em;
}

dl.collapsible dd.collapsibleContent {
    margin: 0;
    padding: 0 1em;
    clear: left;
}

/* for IE the following isn't needed, that's why the css2 selector is used */
dl.collapsible dd.collapsibleContent > dl {
    margin: 0;
    padding: 0;
}

dl.expandedInlineCollapsible dt.collapsibleHeader,
dl.expandedBlockCollapsible dt.collapsibleHeader {
    padding: 0 6px 0 22px;
    background: White url(treeExpanded.gif) no-repeat 6px 50%;
    cursor: pointer;
}

dl.collapsedBlockCollapsible {
    border: none !important;
    height: 1em;
    width: auto;
}

dl.collapsedBlockCollapsible dt.collapsibleHeader {
    float: none;
    position: static;
    margin: 0;
    padding: 0 0 0 22px;
    line-height: 1em;
    background: transparent url(treeCollapsed.gif) no-repeat 6px 50%;
    cursor: pointer;
}

dl.collapsedInlineCollapsible dd.collapsibleContent,
dl.collapsedBlockCollapsible dd.collapsibleContent {
    display: none;
}

dl.collapsedInlineCollapsible {
    border: none !important;
    height: 1em;
    width: auto;
    display: inline;
}

dl.collapsedInlineCollapsible dt.collapsibleHeader {
    position: static;
    float: none;
    margin: 0;
    padding: 0 0 0 22px;
    line-height: 1em;
    background: transparent url(treeCollapsed.gif) no-repeat 6px 50%;
    cursor: pointer;
    display: inline;
}

.documentEditable {
    padding: 0em 2em 1em 2em !important;
}

.configlet .documentEditable {
    padding: 0em !important;
}

.documentEditable .documentContent {
    border: 1px solid #74ae0b;
    padding: 0;
}

.label {
    font-weight: bold;
    display: inline;
    padding-right: 0.5em;
}

.optionsToggle {
    border: 1px solid #8cacbb;
    color: Black;
    background-color: #dee7ec;
    font-weight: normal !important;
    font-size: 85%;
}

.portalNotLoggedIn {} /* Used on all descriptions relevant to those not logged in */

#portal-column-content fieldset > * input:focus,
#portal-column-content fieldset > * textarea:focus {
    border-color: #ffa500;
    border-width: 1px;
}

.visualOverflow {
    overflow: auto;
    margin: 0 0 1em 0;
}

.visualOverflow pre,
.visualOverflow table,
.visualOverflow img {
    margin: 0;
}

.visualFontSizeCorrection { /* Correction for WYSIWYG editors */
    font-size: 75%;
    background: transparent;
    background-image: none;
}


/* for highlighting of search terms */

.highlightedSearchTerm {
   background-color: #feff82;
}

/* for greying out inherited roles */

.noInheritedRoles {
    color: #a0a0a0;
}

/* for highlighting current items, like the language or today in the calendar */

.currentItem {
    border-collapse: collapse;
    border: 2px solid #ffa500;
    padding: 1px;
}

/* Styles to make the editing widgets look more like their view counterparts */

#archetypes-fieldname-title input {
    font-size: 160%;
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-weight: normal;
    width: 99%;
}

#archetypes-fieldname-description textarea {
    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-weight: bold;
}


/*  */


h1.documentFirstHeading {
   font-size: 16px;
      font-family: Arial, Helvetica;
         margin-bottom: 0.5em;
	    padding-left:0px !important;
	    }


sup {
  font-size: 11px;
  vertical-align:top;
}

div.formControls {
padding-top: 10px;
}

div.copyright {
   width: 800px;
}

body,
#portal-top,
#portal-footer,
#portal-colophon {
  width: 810px;
}

body {
  background: #fdfdfd; 
  color: #54401F;
  font: 12px Helvetica, Verdana, sans-serif;
  margin: 0 auto;
} 
 
a img {
  border:0;
}

img,
table.HomeBannerText td {
  border: none;
  margin: 0px;
  padding: 0px;
}

div.payment_error {
  background-color: white;
  background-image: url('input_background.gif');
  background-repeat: repeat-x;
  background-attachment: scroll;
  padding: 5px;
  border: 1px solid #C00000;
  color: #C00000;
  font-weight: bold;
}

div.portalMessage {
  font-weight: bold;
  color: #C00000;
  position: relative;
  top: -60px;
  left: 3px;
  width: 560px;
  border: 1px solid #C00000;
  background-color: white;
  background-image: url('input_background.gif');
  background-repeat: repeat-x;
  background-attachment: scroll;
  padding: 5px;
  margin-bottom: -28px;
} 


.footnotes {
  font-size: 10px !important;
  border-top: 1px solid rgb(100, 89, 67);
  padding-top: 5px;
  color: rgb(100, 89, 67);
}

div.documentContent div h1 {
   font-size: 16px;
   font-family: Arial, Helvetica;
   margin-bottom: 0.5em;
   padding-left: 10px;
}

div.documentContent div form {
   padding-left: 15px;
}

div.documentDescription {
 padding-left: 10px;
}

h2.Heading {
   font-size: 16px;
   font-family: Arial, Helvetica;
   margin-bottom: 0.5em;
   padding-left:0px !important;
}

a h2 {
  color: #54401F !important;
  margin-bottom: 0.5em;
}

h2 {
  font-size: 13px;
  font-family: Arial, Helvetica;
  margin-bottom: 0.1em;
}

p {
  margin-top: 0.3em;
}

/* portal-top */
.hiddenStructure {
  display:none;
}

table.HomeBannerText {
  border-spacing: 0;
  width: 573px;
  margin: 0;
}


.ScarHome {
  vertical-align: top;
}

#portal-searchbox {
  float: right;
  clear: right;
  white-space: nowrap;
  z-index: 2;
  top: 20px;
}

#portal-logo {
  background: url('logo.jpg') no-repeat;
  height: 53px;
  margin: 15px 0 0 0;
  padding: 0;
  width: 200px;
}

#portal-logo a {
  display: block;
  overflow: hidden;
  border: 0;
  margin: 0;
  padding: 53px 0 0 0;
  height: 0px !important;
  height /**/: 53px;
  width: 150px;
  cursor: pointer;
}
#portal-menu {
  list-style-type: none;
  background-color: #E0D6B5;
  padding: 0; 
  margin: 0;
  margin-bottom: 1px;
  height: 24px;
  width: 100%;
  border-right: 2px solid #fdfdfd;
}

#portal-globalnav {
  list-style-type: none;
  background-color: #E0D6B5;
  padding: 0; 
  margin: 0;
  margin-bottom: 1px;
  height: 24px;
  width: 100%;
  border-bottom: 2px solid #fdfdfd;
}

#portal-globalnav li {
   float: left;
   padding: 0;
   margin: 0;
   height: 25px;
   background-color: transparent;
   border-left: 1px solid white;
}

#portal-globalnav > li {
   height: 24px;
}

#portal-globalnav li a {
  color: #54401f;
  margin: 0;
  padding: 5px 10px;
  font-family: Helvetica, Arial;
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
}


/* columns */
#portal-column-one {
  margin: 0;
  padding: 0;
  float: left;
}

#portal-column-one .visualPadding {
  padding: 0px;
  width: 170px;
}

#visual-column-wrapper {
  width: 810px;
}
#portal-column-content {
  float: right;
  width: 572px;
  margin: 0;
  font-family: Arial, Verdana;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

#visual-column-wrapper > #portal-column-content {
  width: 575px;
}

#region-content {
  background-color: transparent;
}

/* remove the padding for the homepage image*/
.documentContent {
  padding: 0 !important;
  padding-top: 2px !important;
  line-height: 16px;
}

.documentContent a {
  color: #005E7D;
}

a:visited {
  color: #005E7D;
}


/* add it afterwards for every other document */
#cookedBody {
  padding: 1em;
}

#content {
  padding: 0;
}

#subnavigation {
  background-color: #bbb3a5;
  color: black;
  height: 30px;
  display: block;
  margin: 0;
  padding: 0;
}

#portal-column-content > #subnavigation {
  margin-left: 3px;
}

#subnavigation ul,
#subnavigation dd {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#subnavigation ul {
  padding: 5px 8px;
  padding-top: 6px;
}

#subnavigation li {
  float: left;
  padding: 0 5px;
  overflow: hidden;
}

#subnavigation li a {
  text-decoration: none;
  color: black;
  border: 0;
  display: inline;
}

#subnavigation li a.navTreeCurrentItem {
  text-decoration: underline;
  background-color: transparent;
  border: 0 !important;
}

#subnavigation .Splitter {
  padding-left: 3px;
  margin: 0px;
  color: #6f695d
}

#portal-globalnav li.selected a{
  margin: 0;
}

#portal-personaltools,
#portal-siteactions,
ul.contentViews,
div.contentActions,
#portal-breadcrumbs,
hr,
#portal-column-two, div.documentActions{
  display: none;
}

#portal-globalnav li.selected, 
#portal-globalnav li:hover, 
#portal-globalnav li.selected:hover,
#subnavigation li.selected a,
#subnavigation li a:hover,
#subnavigation li.selected a:hover {
  background-color: #bbb3a5;
  color: black;
}

.documentActions ul li {
  float:left;
  list-style-type: none;
}

.documentActions ul li a span {
  border: none;
  padding:3px;
  margin:0;
}

.documentActions ul li a span img {
  padding: 3px 3px 3px 3px;
}

.visualGhosted {
    filter:alpha(opacity=20);
    opacity: 0.2;
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
}

.documentActions ul li a span.currentItem img {
   background-color:#bbb3a5;
}
.IE8fix
{
        z-index:1000;
}

#portal-footer {
  border: 0;
  background-color: transparent;
  padding: 0;
  clear: both;
}

#portal-footer ul {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
  height: 16px;
  background-color: #8599A8;
}

#portal-footer ul li {
  float: left;    
  margin-left: 10px;
}

#portal-footer ul li a {
  font-size: 10px;
  color: #FFF;
  text-transform: uppercase;
  font-weight: normal;
  text-decoration: none;
}

#portal-footer img {
position:relative;
top: 0px;
left: 685px;
}

input.searchButton { 
    background-color: #8599A8;
  background-image: none;
    border: 0;
  padding: 2px;
  text-transform: uppercase;
  color: black;
  width: 100px;
}


input#searchGadget {
  width: 150px;
}

.copyright {
  float: right;
    color: #8599A8;
    text-align: right;
  width: 300px;
  text-decoration: none; 
  background-color: transparent;
  font-size: 10px;
  margin-top: 10px;
}

#static-portlet {
width: 180px;
color: #8599A8;
}

#static-portlet h4 {
  width: 180px;
}

#static-portlet p {
  text-align: left;
  font-size: 10px;
  line-height: 1.8em;
  font-family: Arial, Verdana, sans-serif;
  width: 180px;
}

/* special treadment for the first tab */
#portal-globalnav li#portaltab-buy-kelo-cote {
  height: 24px;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: 11px;
  background-color: #8599A8;
  border-right: 0px solid #fdfdfd;
  width: 171px;
}

#portal-globalnav li#portaltab-buy-kelo-cote a {
  color: white;
  display: block;
  padding-top: 6px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-color: transparent;
  margin: 0;
}

#portal-globalnav li#portaltab-buy-kelo-cote a:hover,
#portal-globalnav li#portaltab-buy-kelo-cote.selected {
  background-color: #005E7D;
}
form.productForm {
padding-left:0px !important;
}

table.variationTitle {
    background-color: #005E7D;
    color:white;
    line-height: 18px;
    font-size: 13px;
    font-weight: bold;
    margin-left: 0px;
    width: 550px;
}
td.left {
   padding-left: 10px;
}
td.right {
   text-align: right;
   padding-right: 10px;
}


tr.dark {
   background-color: #E0D6B5;
}

tr.light {
   background-color: #f1eee0;
}

#cart_review tr td,#cart_review tr th {
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  padding-left: 2px;
  padding-right: 2px;
}

#cart_review {
   width: 536px;
   margin-left: -24px;

}

td.first, th.first {
   padding-left: 9px !important;
}

#cart_review thead tr th.left {
   text-align: left; 
}
#cart_review thead tr th.right {
   text-align: right;
}
#cart_review tfoot tr th.left {
   text-align: left; 
}
#cart_review tfoot tr th.right {
   text-align: right;
}

#cart_review tbody tr td.right {
   text-align: right;
}
#cart_review tfoot tr td.right {
   text-align: right;
}


table.productVarDesc {
width: 550px;
}

table.productVarDesc tr td {
   padding-top: 8px;
   padding-bottom: 8px;
}

.ProductInsideImage {
    float: right;
}
.DocumentInsideImage {
    float: right;
    margin: 1.9em;
}



/* LiveSearch styles */
.LSResult {
    position:relative;
    display: block;
    text-align:right;
    padding-top: 5px;
    margin: 0;
    left: 3px;
    z-index: 3;
}

.LSShadow {
    position:relative;
    text-align:right;
}

.livesearchContainer {
    background-color: #fdfdfd;
    margin-top: 0;
    padding: 0 !important;
    position: absolute;
    right:0px;
    /* Currently exposes a rendering bug in Mozilla */
    top: -17px;
    white-space: normal;
    visibility: visible;
    text-align:left;
    background-color: transparent;
    border: 1px solid black;
    width:300px;
    text-transform: none;
}

/*form styling */
fieldset {
  border:none;
}

textarea, input {
  background-image: url('input_background.gif');
  background-repeat: repeat-x;
  background-attachment: scroll;
  border: 1px solid #bbb3a5;
}

input.context, input.standalone {
  background-image: url('input_background.gif');
  background-repeat: repeat-x;
  background-attachment: scroll;
  border: 1px solid #bbb3a5;
  text-transform: none;
  padding: 0px 5px 0px 5px; 
  font-size: 13px;
}

legend {
  display: none;
}
div.field {
  padding-top: 15px;
}

div.error {
  background-color: yellow;
}

div.errorMsg {
  color:red;
}

div.field label {
  font-weight: bold;
}

div.field div.formHelp {
  font-size: 9px;
}

/* Workaround for Internet Explorer's broken z-index implementation */
.LSIEFix {
    background-color: #fdfdfd;
    padding: 0.5em !important;
    z-index: 20;
}

.LSBox {
    clear: left;
    float: left;
    text-align: right;
    padding-right: 1px;
    display:block;
}

#LSNothingFound {
    text-align: center;
    padding: 2px;
}

.LSRes {
    visibility: visible;
    vertical-align: middle;
    display:block;
    list-style-image: none;
    list-style-type: none;
    text-align: left; 
    min-width: 16.5em;
    text-transform: none;
    margin-left: 0; 
    line-height: 1.1em;
}   

#LSHighlight {
    background-color: #ded2bd;
    border: 1px solid #635942;
    color: #635942;
}

.LSRow {
    white-space: normal;
    padding:0;
    margin: 0;
    list-style-image: none;
    list-style-type: none;
}   
    
.LSRow a {
    text-decoration: none;
    font-weight:bold;
    white-space:nowrap
}

.LSDescr {
    padding-left:2.1em;
    margin-top:0.1em;
}


h3.Subheading {
    font-size: 14px;
    font-weight: bold;
}
.GeneralButton
{
	color: #5D7B9D;
	background-color: #E0D6B5;
	border-color: gray;
	border-style: solid;
	border-width: 3px;
	border-style:outset;
	text-decoration: none;
}
.Producttext
{
    width: 203px;
    color: #005e7d;
    background-color: white;
    font-weight:bold;
    text-decoration: underline;
    font-size: 16px; 
}
.Producttextsmall
{
    width: 203px;
    color: #005e7d;
    background-color: white;
    font-weight:normal;
    font-size: 14px; 
    text-align:right;
}
.ProducttextsmallL
{
    width: 203px;
    color: #005e7d;
    background-color: white;
    font-weight:normal;
    font-size: 14px; 
    text-align:left;
}
.menualign 
{
     text-align: left; 
}
/*Modal Popup 99cc00*/
.modalBackground {
	background-color: #ff9900;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.modalPopup {
	background-color: #ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
.modalPopupnew {
	background-color: #ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}
.WaterBackground 
{
    color: #ff9900;
    background-color;;
    -moz-filter: alpha(opacity=40);
    -moz-opacity:.40;
	opacity:0.5;
	filter:alpha(opacity=50);
}

#pscroller1{
width: 800px;
height: 15px;
border: 2px solid gray;
padding: 5px;
background-color: #E0D6B5;
color: #5D7B9D;
text-decoration: none;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}
#someclass
{
    font-size:large;
}
    .text0 {
        font-family:'Arial','Helvetica','Sans-serif';
        font-size:12px;
        font-weight:bold;
        text-decoration:none;
        color:#5f688f;
        text-align:left;
    }
        .paragraphheader {
        font-family:'Arial','Helvetica','Sans-serif';
        font-size:16px;
        font-weight:bold;
        text-decoration:none;
        color:#5f688f;
    }