/* CONFIG--------------------------------------------------------------------------------  */
/* colors */
/* grey  #5a5b5e */

* {padding: 0px;margin: 0px;}
html, body {height: 100%;}
body {font-family: Arial, Helvetica, sans-serif;font-size: 67.5%;color: #5a5b5e;background: #DDDEDE;}

/* COMMON--------------------------------------------------------------------------------  */
.hidden{display:none;}
.clear{clear:both;}
.grey {color: #5a5b5e;}
.blue {color: #AAB5C9}
.small {font-size: .8em;}
.big {font-size: 1.1em;}
.floatR {float: right;}
.floatL {float: left;}
.pointer {cursor: pointer;}
.underline {text-decoration: underline;}


/* TEXT---------------------------------------------------------------------------------  */
h1 {font-size: 18px;font-weight: bold;}
h2 {color: #5a5b5e;font-size:1.5em;}
h3 {}
p {padding: 10px 0px;font-size: 1.1em;line-height: 1.3em;}
p.lead {font-weight: bold;font-size: 1.4em;color: #5a5b5e;}
a {color: #5a5b5e;text-decoration: none;font-weight: bold;}
a:hover {text-decoration: underline;}
a:focus, div:focus, img:focus, input:focus, object:focus { outline:none }
a img {border: 0px;}

#content ul {padding-left: 15px;font-size: 1.1em;list-style-type: circle;}
#content ul li {padding-top: 5px;}

/* STACKING ----------------------------------------------------------------------------  */
.overlaytrans {z-index:950}
#wrapper #body {z-index: 900}
#wrapper #hdr {z-index:1000}
#wrapper #nav-cont {z-index:1000}

/* LAYOUT-------------------------------------------------------------------------------  */

#pageFold {position: absolute;top: 0px;left: 0px;z-index: 9999;background: url(../img/only-from-trimproof.png);width: 98px;height: 98px;}
*html #pageFold {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_library/img/only-from-trimproof.png',sizingMethod='scale');}



.overlaytrans {background: #000;opacity: .6;-moz-opacity: .6;filter:alpha(opacity=.6);position: fixed;left: 0px;width: 100%;display: none;min-height: 100%;}
* html .overlaytrans {height: 100%;position: absolute;}
#wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -97px;background: url(../img/bg-bdy.gif) repeat-x #C2C5CE;}
#wrapper .ctr-pnl {width: 985px;margin: 0 auto;position: relative;}
#wrapper #hdr {background: url(../img/bg-hdr.gif) repeat-x;height: 135px;position: relative;}
#wrapper #hdr #logo {background: url(../img/lgo-large.png) no-repeat;width: 373px;height: 67px;position: absolute;top: 40px;left: 0px;}
*html #wrapper #hdr #logo {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_library/img/lgo-large.png',sizingMethod='scale');}
#wrapper #hdr #flash-mod {position: absolute;top: 0px;right: 0px;}
#wrapper #body {position: relative;z-index: 900;}
#wrapper #body #banner {width: 985px;height: 252px;}
/*#wrapper #body #feature-flash {background: url(../img/bnr-chieftain.png);width: 985px;height: 252px;}
*html #wrapper #body #feature-flash {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_library/img/bnr-chieftain.png',sizingMethod='scale');}*/
#wrapper #body #content {float: left;width: 650px;margin-top: 0px;}
#wrapper #body #sidebar {float: left;width: 325px;margin-left: 10px;margin-top: 15px;}
#wrapper #body #sidebar .med, .med .title  {width: 315px;}
#wrapper #body #sidebar .med .content {width: 323px;}
#wrapper #body #sidebar .lrg, .lrg .title  {width: 640px;}
#wrapper #body #sidebar .lrg .content {width: 323px;}
#wrapper #body .box .title .label  {padding: 4px 25px;}
#wrapper #body .box .title .label a:hover {text-decoration: none;}
#wrapper #body .box .content {border: solid 1px #ccc;}

#content #next {float:right;text-align:right;width: 50%;line-height: 12px;margin-top: 20px;}
#content #prev {float:left;text-align:left;width: 50%;line-height: 12px;margin-top: 20px;}

#content #next .button {float: right;margin-left: 10px;display: block;background: url(../img/btn-next.png);width: 27px;height: 26px;}
#content #prev .button {float: left;margin-right: 10px;display: block;background: url(../img/btn-prev.png);width: 27px;height: 26px;}

.footer-container, .push {height: 97px;}
.footer-container {background: url(../img/bg-ftr.gif) repeat-x;height: 86px;border-top: 1px solid #eee;margin-top: 10px;}
.footer-container #footer {margin: 0 auto;width: 985px;position: relative;height: 86px;}
.footer-container #footer #logo {background: url(../img/lgo-small.png) ;width: 201px;height: 37px;float: left;margin-top: 10px;}
*html .footer-container #footer #logo {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_library/img/lgo-small.png',sizingMethod='scale');}
.footer-container #footer #nav {float: left;width:550px;margin-left: 20px;padding-top: 25px;}
.footer-container #footer #nav a {color: #5a5b5e;font-weight: normal;}
.footer-container #footer #address {padding-top: 5px;} 




.footer-container #footer #seal-iso {position: absolute;top: 25px;right: 220px;background: url(../img/seal-iso.png) no-repeat;width: 56px;height: 38px;}
*html .footer-container #footer #seal-iso {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_library/img/seal-iso.png',sizingMethod='scale');}

.footer-container #footer #seal-bcfa {position: absolute;top: 25px;right: 145px;background: url(../img/seal-bcfa.png);width: 71px;height: 50px;}
*html .footer-container #footer #seal-bcfa {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_library/img/seal-bcfa.png',sizingMethod='scale');}


.footer-container #footer #care {position: absolute;top: 25px;right: 0px;background: url(../img/ftr-care.jpg);width: 140px;height: 38px;}



/* TEMP STYLES ---------------------------------------------------------------------------  */
#swatch {background: url(../img/tmp-swatch.png);width: 650px;height: 249px;}
*html #swatch {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_library/img/tmp-swatch.png',sizingMethod='scale');}


/* accordian */
#accordian .block {height: 25px;color: #3F3F3F;font-size: 1.3em;border-bottom: 1px solid #ccc;cursor:pointer;background: url(../img/accordian-non-active.gif)}
#accordian .title-selected {height: 25px;color: #557eca;font-size: 1.3em;border-bottom: 1px solid #ccc;background: url(../img/accordian-active.gif);}
#accordian .block .label {float: right;margin-top: 3px}
#accordian .block .inner{padding: 4px 10px;}
#accordian .content {border-left: 1px solid #3333;border-right: 1px solid #333;border-bottom: 1px solid #333;color: #8d8e90}
#accordian .content .inner {padding: 0px 10px;}
#accordian table tr {height: 20px;}
#accordian table td {border-bottom: 1px #ccc dotted;}
#accordian table .titletd {border-bottom: 2px #ccc solid;}