@charset "utf-8";
/* Tru Count CSS */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000;
background: url(/graphics/global/bk.png) top left repeat-x #fff;
text-align: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#all {
position: relative;
width: 930px;
margin: 0px auto 0px auto;
text-align: left;
}
#header {
margin: 0px 0px 20px 0px;
/*z-index:11;*/
}

#header img {
border: none;
}

#banner {
width: 930px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 300px;
}

#content {
width: 930px;
margin: 10px 0px 0px 0px;
z-index:10;
}

#content .twocolumns, #content .threecolumns {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 930px;
z-index:10;
}
/* 2 columns 620|300 */
#content .twocolumns #oc {
width: 620px;
float: left;
}
.columnshp {
position: relative;
float:left;
width: 130px;
height: 300px;
margin: 0px 20px 0px 0px;
}
.columnshp img { border: none; }
.columnshp h3 {
padding: 5px 0px 10px 5px;
margin: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
text-align: left;
}
.columnshp h3 a:link { text-decoration: none; color: #000; font-weight: bold; }
.columnshp h3 a:visited { text-decoration: none; color: #000; font-weight: bold; }
.columnshp h3 a:hover { text-decoration: underline; color: #000; font-weight: bold; }
.columnshp h3 a:active { text-decoration: none; color: #000; font-weight: bold; }

.columnshp .bbtn {
position: absolute;
bottom: 0px;
left: 0px;
width: 130px;
text-align: center;
padding: 0px 0px 10px 0px;
}
.columnshp .bbtn a:link { text-decoration: underline; color: #4B80B6; font-size: 11px; }
.columnshp .bbtn a:visited { text-decoration: underline; color: #4B80B6; font-size: 11px; }
.columnshp .bbtn a:hover { text-decoration: none; color: #4B80B6; font-size: 11px; }
.columnshp .bbtn a:active { text-decoration: none; color: #4B80B6; font-size: 11px; }

#content .twocolumns #tc {
width: 300px;
float: right;
}

.rows {
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.rows h3 {
padding: 5px 0px 10px 5px;
margin: 0px 0px 0px 0px;
background: url(/graphics/global/bk_heading300.png) top left no-repeat #fff;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #596675;
}
.rows p {
padding: 0px 0px 0px 10px;
}
.rows .more {
text-align: right;
}
.rows .more img { text-decoration: none; border: none; }

.rows .more a:link { text-decoration: underline; color: #000; font-weight: bold; }
.rows .more a:visited { text-decoration: underline; color: #1A5189; font-weight: bold; }
.rows .more a:hover { text-decoration: underline; color: #1A5189; font-weight: bold; }
.rows .more a:active { text-decoration: none; color: #1A5189; font-weight: bold; }

/* Spotlight module */

.spot {
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.spot h3 {
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #596675;
text-align:center;
}
.spot p {
padding: 10px 10px 0px 10px;
margin: 0px 0px 0px 0px;
}
.spot .more {
padding: 23px 15px 10px 10px;
margin: 0px 0px 0px 0px;
text-align: right;
}

.spot .more a:link { text-decoration: underline; color: #000; font-weight: bold; }
.spot .more a:visited { text-decoration: underline; color: #000; font-weight: bold; }
.spot .more a:hover { text-decoration: underline; color: #000; font-weight: bold; }
.spot .more a:active { text-decoration: none; color: #000; font-weight: bold; }

.spot .more2 {
padding: 8px 15px 10px 10px;
margin: 0px 0px 0px 0px;
text-align: right;
}

.spot .more2 a:link { text-decoration: underline; color: #000; font-weight: bold; }
.spot .more2 a:visited { text-decoration: underline; color: #000; font-weight: bold; }
.spot .more2 a:hover { text-decoration: underline; color: #000; font-weight: bold; }
.spot .more2 a:active { text-decoration: none; color: #000; font-weight: bold; }

/* 2 columns 184|753 */

#content .twocolumns #onec {
position: relative;
width: 184px;
border: 1px solid #88AFD4;
float: left;
}

#content .twocolumns #onec h2 {
background:url(/graphics/global/bk_lheaders.png) top left no-repeat;
padding: 3px 0px 3px 5px;
margin: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
#content .twocolumns #onec ul { list-style-type: none; }
#content .twocolumns #onec ul li {
list-style:url(../graphics/global/bl_leftnav.png);
}

#content .twocolumns #onec ul li a:link { text-decoration: none; color: #23415F; font-size: 12px; }
#content .twocolumns #onec ul li a:visited { text-decoration: none; color: #23415F; font-size: 12px; }
#content .twocolumns #onec ul li a:hover { text-decoration: underline; color: #23415F; font-size: 12px; }
#content .twocolumns #onec ul li a:active { text-decoration: none; color: #23415F; font-size: 12px; }

#content .twocolumns #twoc {
width: 743px;
float: right;
border-top: 1px solid #88AFD4;
}

#content .twocolumns #twoc a:link { text-decoration: none; color: #23415F; }
#content .twocolumns #twoc a:visited { text-decoration: none; color: #23415F; }
#content .twocolumns #twoc a:hover { text-decoration: underline; color: #23415F; }
#content .twocolumns #twoc a:active { text-decoration: none; color: #23415F; }

#content .twocolumns #twoc #breadcrumbs {
padding: 0px 0px 0px 10px;
color: #000;
font-weight: bold;
font-size:10px;
}
#content .twocolumns #twoc #breadcrumbs a:link { text-decoration: none; color: #000; font-weight: bold; font-size:10px; }
#content .twocolumns #twoc #breadcrumbs a:visited { text-decoration: none; color: #000; font-weight: bold; font-size:10px; }
#content .twocolumns #twoc #breadcrumbs a:hover { text-decoration: underline; color: #000; font-weight: bold; font-size:10px; }
#content .twocolumns #twoc #breadcrumbs a:active { text-decoration: none; color: #000; font-weight: bold; font-size:10px; }

#content .twocolumns #twoc h1 {
color: #3F74AA;
font-size: 18px;
padding: 0px 0px 0px 10px;
}

#content .twocolumns #twoc h2 {
color: #131313;
font-size: 14px;
padding: 0px 0px 0px 10px;
}
#content .twocolumns #twoc h3 {
color: #131313;
font-size: 12px;
padding: 0px 0px 0px 10px;
}
#content .twocolumns #twoc img {
border: none;
}
#content .twocolumns #twoc p, #content .twocolumns #twoc ul {
line-height: 24px;
padding: 0px 10px 0px 10px;
}

/* 3 columns 184|563|180 */
#content .threecolumns #lc {
position: relative;
width: 184px;
border: 1px solid #88AFD4;
float: left;
}
#content .threecolumns #cc {
position: relative;
width: 563px;
float: left;
border-top: 1px solid #88AFD4;

}
#content .threecolumns #rc {
position: relative;
width: 180px;
float: left;
border-top: 1px solid #88AFD4;
padding: 10px 0px 0px 0px;

}

/* left nav */
#content .threecolumns #lc h2 {
background:url(/graphics/global/bk_lheaders.png) top left no-repeat;
padding: 3px 0px 3px 5px;
margin: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
#content .threecolumns #lc ul { list-style-type: none; }
#content .threecolumns #lc ul li {
list-style:url(/graphics/global/bl_leftnav10.png);
}

#content .threecolumns #lc ul li a:link { text-decoration: none; color: #23415F; font-size: 12px; }
#content .threecolumns #lc ul li a:visited { text-decoration: none; color: #23415F; font-size: 12px; }
#content .threecolumns #lc ul li a:hover { text-decoration: underline; color: #23415F; font-size: 12px; }
#content .threecolumns #lc ul li a:active { text-decoration: none; color: #23415F; font-size: 12px; }

/* center content */
#content .threecolumns #cc a:link { text-decoration: none; color: #23415F; }
#content .threecolumns #cc a:visited { text-decoration: none; color: #23415F; }
#content .threecolumns #cc a:hover { text-decoration: underline; color: #23415F; }
#content .threecolumns #cc a:active { text-decoration: none; color: #23415F; }

#content .threecolumns #cc #breadcrumbs {
padding: 0px 0px 0px 10px;
color: #000;
font-weight: bold;
font-size:10px;
}
#content .threecolumns #cc #breadcrumbs a:link { text-decoration: none; color: #000; font-weight: bold; font-size:10px; }
#content .threecolumns #cc #breadcrumbs a:visited { text-decoration: none; color: #000; font-weight: bold; font-size:10px; }
#content .threecolumns #cc #breadcrumbs a:hover { text-decoration: underline; color: #000; font-weight: bold; font-size:10px; }
#content .threecolumns #cc #breadcrumbs a:active { text-decoration: none; color: #000; font-weight: bold; font-size:10px; }

#content .threecolumns #cc h1 {
color: #3F74AA;
font-size: 18px;
padding: 0px 0px 0px 10px;
}

#content .threecolumns #cc h2 {
color: #3F74AA;
font-size: 16px;
padding: 10px 0px 0px 10px;
}

#content .threecolumns #cc h3 {
color: #131313;
font-size: 13px;
padding: 10px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}

#content .threecolumns #cc p {
line-height: 24px;
padding: 0px 10px 0px 10px;
}

#content .threecolumns #cc ul {
line-height: 24px;
padding: 0px 10px 0px 10px;
margin: 0px 20px 0px 20px;
}
#content .threecolumns #cc #productlist {
position: relative;
}
#content .threecolumns #cc #productlist .products {
float: left;
width: 45%;
margin: 0px 0px 0px 10px;
}

#content .threecolumns #cc #productlist .products a:link { text-decoration: none; color: #3F74AA; font-weight: bold; font-size:14px; }
#content .threecolumns #cc #productlist .products a:visited { text-decoration: none; color: #3F74AA; font-weight: bold; font-size:14px; }
#content .threecolumns #cc #productlist .products a:hover { text-decoration: underline; color: #3F74AA; font-weight: bold; font-size:14px; }
#content .threecolumns #cc #productlist .products a:active { text-decoration: none; color: #3F74AA; font-weight: bold; font-size:14px; }

#content .threecolumns #cc #productlist .products .bbtn a:link { text-decoration: underline; color: #4B80B6; font-size: 11px; }
#content .threecolumns #cc #productlist .products .bbtn a:visited { text-decoration: underline; color: #4B80B6; font-size: 11px; }
#content .threecolumns #cc #productlist .products .bbtn a:hover { text-decoration: none; color: #4B80B6; font-size: 11px; }
#content .threecolumns #cc #productlist .products .bbtn a:active { text-decoration: none; color: #4B80B6; font-size: 11px; }

#content .threecolumns #cc #productlist .products img {
border: 1px solid #ccc;
float: left;
margin: 0px 10px 0px 0px;
}

#content .threecolumns #rc img {
border: 1px solid #88AFD4;
}

#footer {
position: relative;
width: 930px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
background:url(/graphics/global/bk-footer.png) top left no-repeat;
height: 36px;
clear:both;
margin: 10px 0px 0px 0px;
}
#footer a:link { text-decoration: none; color: #fff; font-weight: bold; }
#footer a:visited { text-decoration: none; color: #fff; font-weight: bold; }
#footer a:hover { text-decoration: underline; color: #fff; font-weight: bold; }
#footer a:active { text-decoration: none; color: #fff; font-weight: bold; }

#footer #copy { position: absolute; right: 10px; top: 8px; }
#footer #bmenu { position: absolute; left: 10px; top: 8px; }
