/* Color Glossary
background blue - 263F96
blue stripe - 101D7A
white - ffffff
black - 000000
red - 980201
*/

a img { border: 0; }
.mceContentBody { background: #ffffff; }
.mceContentBody img { height: auto !important; width: auto !important; }
body { background: #8BA8F0; font-family: arial, helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; }
h1, h2, h3, h4 { margin-top: 0; color: #101D7A; }
h1 { font-size: 1.8em; }
a, a:visited, a:link, a:active { text-decoration: none; color: #263F96; }
a:hover { text-decoration: underline; }

#outercontainer { width: 100%; background: url('images/background.gif') repeat-x;}
#innercontainer { margin-left: auto; margin-right: auto; width: 1250px; }
#innershadow { margin-left: auto; margin-right: auto; width: 1254px; background: url('images/quickshadow.gif'); padding-bottom: 2px;}

#header { height: 127px; background: url('images/bgswirl.jpg') no-repeat #263F96; }
#header img { margin: 35px 0 0 30px; clear: none; }
#header a, #header a:link, #header a:active, #header a:visited { color: #ffffff; text-decoration: none; }
#header a:hover { text-decoration: underline; }

#menubar { height: 26px; background: #0F1967; font-size: 14px; background: url('images/gradient.gif'); border-bottom: 1px solid #A6A6A6; border-top: 1px solid #A6A6A6;}
#menubar div { float: left; height: 22px; padding-top: 4px;  border-right: 1px solid #A6A6A6;  }
div.address { border: 0; float: right; margin-right: 15px; color: #ffffff; padding: 10px 0px 5px 5px; text-align: right; position: relative;}

#menubar a, #menubar a:link, #menubar a:active, #menubar a:visited { color: #ffffff; padding: 5px 5px 0px 5px; text-decoration: none; }
#menubar a:hover { text-decoration: underline; background: #980201; padding-bottom: 6px; }

#content { background: #ffffff; min-height:400px; height:auto !important; height:400px;  }
#content div.left { width: 46%; padding: 15px 15px 15px 20px; float: left; font-size: 14px; }

div.right { width: 595px; padding: 15px 15px 25px 5px; float: right; }
div.text { float: right; color: #ffffff; text-align: right; width: 70%; padding-right: 8px;}
div.text h2 { color: #ffffff; font-size: 1.4em; margin-top: 8px;}

#content div.centre { padding: 25px 15px 15px 20px; float: left; font-size: 14px; width: 96%; }
#content div.feature { text-align: justify; font-size: 12px; background: #dddddd; }
#content div.feature h2 { margin: 0; padding: 0;background: url('images/gradient.gif'); color: #ffffff; text-align: center; font-size: 1.3em; height: 26px; padding-top: 5px; padding-left:20px; border: 1px solid #a6a6a6; }
#content div.feature p { padding: 0px 15px 0px 15px; }
#content div.feature img { margin: 10px 15px 15px 15px; float: left; }
#content div.feature div.body { float: right; width: 320px;; padding-top: 15px; margin-right: 15px;}

div.category-homepage { margin-bottom: 5px; background: #263F96; padding: 5px; color: #ffffff; font-size: 12px; text-align: justify; height: 120px; position: relative; }
div.category-homepage img {float: left;  border: 1px solid #c0c0c0; padding: 2px;}
div.category-homepage img.box { float: right; border:0; margin-bottom: 5px; }
div.category-homepage h1, div.category-homepage h2, div.category-homepage h3, div.category-homepage h4 { color: #ffffff; }
div.category-homepage p { margin: 0; padding: 0; }
div.category-homepage div.text img { float: left; border:0; margin: 0px 0px 0px 88px; }

div.category-short-description { clear: both; text-align: justify; width: 320px; margin: 0px 0px 0px 88px; padding-top:8px; }

div.more-details-right { text-align: right; position: absolute; bottom: 5px; right: 10px; }

div.category-homepage a, div.category-homepage a:link, div.category-homepage a:active, div.category-homepage a:visited { color: #ffffff; text-decoration: none; }
div.category-homepage a:hover { text-decoration: underline; }

div.supporting-file { padding:5px; background: #394180; margin: 0 15px 10px 0; height: 15px; font-size: 0.9em; width: 270px; float: left; text-align: center; }
div.supporting-file a, div.supporting-file a:active, div.supporing-file a:link, div.supporting-file a:visited { color: #ffffff; text-decoration: underline; }
div.supporting-file a:hover { background: #ffffff; color: #394180; }
.supporting-file img { padding:0; margin:0; border:0;}

#footer { background: #0F1967; padding: 10px 10px 5px 10px; }

#footer img { padding-left:5px; }

.clear { clear: both; height: 1px;}

form.searchForm input, select { width: 150px; }
form.searchForm ul.errorlist { float: right; margin: 0; padding: 0 0 0 15px; list-style: none; color: #ff0000; font-weight: bold;}
form.searchForm table th { vertical-align: top; text-align: left; }
form.searchForm table th label { margin-right: 15px;}

span.errorlist { color: #ff0000; font-weight: bold; }

.productSearchResults { width: 100%; background: #e0e0e0; clear: both; }
.productSearchResults td { padding: 5px; text-align: center;  }
.productSearchResults td.header { padding: 0px; height: 25px; background: #263F96; color: #ffffff; background: #0F1967; font-size: 14px; background: url('images/gradient.gif'); border-bottom: 1px solid #A6A6A6; border-top: 1px solid #A6A6A6;}
.productSearchResults td.selected { background: #0F1967; color: #ffffff; }

div.bottom { padding: 15px; padding-top: 0px;}
div.category-row { margin-bottom: 10px; }

.suds-rollover { background: #0F1967; color: #ffffff; width: 515px; padding: 5px; position: absolute; font-size: 0.9em; }
.suds-rollover h1, .suds-rollover h2, .suds-rollover h3, .suds-rollover p { margin: 0 0 5px 0; padding: 0; color: #ffffff; }
.suds-rollover h1, .suds-rollover h2, .suds-rollover h3 { font-size: 1.2em; }
.suds-rollover a, .suds-rollover a:active, .suds-rollover a:visited, .suds-rollover a:link { color: #ffffff; text-decoration: underline; }
.suds-rollover a:hover { color: #c0c0c0; }
.suds-rollover div.close { float: right; font-weight: bold; }
div.centered { text-align: center; }

ul.suds-list { list-style: none; margin: 0; padding: 0; margin-right: auto; margin-left: auto; width: 74%; }
ul.suds-list li { float: left; margin: 5px 10px 5px 0px; padding: 5px 12px; background: #394180; color: #ffffff; }
div.short-menu a { color: #ffffff;}
div.short-menu { width: 100%; margin-top: 15px; margin-bottom: 15px; }

.image-right { margin: 0px 0px 15px 15px; }
.image-left { margin: 15px 15px 0px 0px; }

table.contact-form th { width: 200px; }
table.contact-form ul { list-style: none; margin: 0; padding: 0; }
table.contact-form ul li { margin: 5px 15px 5px 0px; padding: 0; float: left; width: 270px; }
table.contact-form input[type="checkbox"] { margin: 0 3px 0 0; padding: 0; width: auto;  }

div.quicklinks {float: right; width: 308px; color: #ffffff; background: #263F96; padding: 10px; margin: 0 20px 15px 15px; clear: both; font-size: 0.9em;}
div.quicklinks h1, div.quicklinks h2, div.quicklinks h3, div.quicklinks h4 { color: #ffffff; }
div.quicklinks ul { margin: 15px; padding: 0; }
div.quicklinks ul li { margin-bottom: 5px; }
div.quicklinks a { color: #ffffff; }

div.brochure-container { clear: both; padding:5px; background: #394180; margin: 0 0 15px 15px; font-size: 0.9em; float: right; text-align: center; }
div.brochure-container a img { border: 0; }
div.brochure-container a, div.brochure-container a:link, div.brochure-container a:active, div.brochure-container a:visited, div.brochure-container a:hover { color: #ffffff; }

div.outer-bottom { width: 100%; text-align: center; clear: both; padding-top: 5px; }
div.inner-bottom { width: 70%; text-align: center; clear: both; margin-left: auto; margin-right: auto; }
div.inner-bottom img { margin: 0; padding: 0; float: left; }
div.inner-bottom div { font-size: 1.6em; float: right; margin-top: 5px; }

div.category-homepage-width { width: 48%; }

/*table.design-request td, table.design-request th { border: 1px solid red;}*/
table.design-request { width: 90%; margin-left: auto; margin-right: auto; text-align: left; }
table.design-request th { width: 20%; }
table.design-request input[type="text"] { width: 95%; }
input.small-textbox { width: 80px !important; }
textarea.large-textarea { width: 100%; }
.middle { text-align: center; }
table.design-request ul { margin: 0; padding: 0; list-style: none; }
table.mini-table { float: right; }
table.mini-table th { width: 200px; }

.right { text-align: right; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
#latestnews { padding-left: 3px; }
div.footerbox-body { text-align: justify; margin: 0 0 0 0px; float: left;}
.footer-moredetails-link { text-align: right; float: right; }
/* .footerbox-container { float: right;  } */
.footerbox a img { border: 1px solid #FF0000; }
div.footerbox-header-img {
    float: left;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #c0c0c0;
    border-right-color: #c0c0c0;
    border-bottom-color: #c0c0c0;
    border-left-color: #c0c0c0;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}
.footer-moredetails-link a { text-decoration: none; font-size: 12px; }


/* this has an inline style to force stuff to pay attention */
.footerbox-logo-image { float: left; margin-bottom: 15px; padding-left: 10px; }

div.footertext { float: right; color: #ffffff; text-align: left; width: 78%; padding-right: 10px; font-size: 12px; }

.headwall_menulink {color:#FFFFFF;}

.errorlist {color: #FF0000; }

/*
.headwall_menulink a, .headwall_menulink a:visited, .headwall_menulink a:link, .headwall_menulink a:active {text-decoration: none; color:#FFFFFF;}
.headwall_menulink a:hover {}
*/