@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0; list-style:none; outline:none}
body, html{ height:100%; width:100%}
p{ margin:10px 0}
img{ border:none}
a{ text-decoration:none} 
body{ background: #fafafa url(images/bg.png) repeat-x top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666}
table td{ vertical-align:top}

.clear{ clear:both}
.wrapper{ text-align:left; width:890px}
.header{ height:110px}
.logo{ float:left;}
.slogannav{ float:right; background:url(images/topnavbg.png) no-repeat; width:240px; height:90px}
.body{ margin-top:20px}
.navbar{ background:url(images/navbg.png) repeat-x top;}
.navbarl{ background:url(images/navlc.png) no-repeat left top; height:100%; width:100%}
.navbarr{ background:url(images/navrc.png) no-repeat right top}
.navbar .nav { float:left}
.navbar .search{ float:right; position:relative; right:10px; top:10px} 
.navbar .nav li{ float:left; background:url(images/navdevider.png) no-repeat right center}
.navbar .nav li a{ display:block; float:left; padding:17px 25px; text-transform:uppercase; color:#CCC}
.navbar .nav li.active, .navbar .nav li:hover{ background:url(images/navhover.png) repeat-x top}
.navbar .nav li.active a, .navbar .nav li:hover a{ color:#FFF}
.navbar .nav li.active a.firsta, .navbar .nav li:hover a.firsta{background:url(images/navhoverlc.png) no-repeat left top; color:#FFF}


.search input{ display:block; border:none; background:none}
.search .searchbg{ background:url(images/searchbg.png) repeat-x top; width:246px}
.search .searchlc{ background:url(images/searchlc.png) no-repeat left top}
.search .searchrc{ background:url(images/searchrc.png) no-repeat right top; height:27px}
.search .inputtext{ float:left; width:200px; margin:0 10px; position:relative; top:5px}
.search .inputbutton{ float:right; width:26px; height:100%}

.feature{background:url(images/productsBg.jpg) no-repeat top center; margin-top:7px}
.featureimages{ width:893px}

.triggers{ margin:20px 0}
.trigger{ float:left; width:292px; height:99px}
.triggerfirst{ margin-right:7px}
.triggerlast{ float:right}

.leftCol{ background:url(images/nav/navbg.png) repeat-y; width:262px; float:left;}
.leftCol .navtop{ background:url(images/nav/navtop.png) no-repeat top}
.leftCol .navbot{ background:url(images/nav/navbot.png) no-repeat bottom}
.leftCol .navpadding{ padding:20px}
.navleft li{ border-bottom:1px dotted}
.navleft li a{ display:block; padding:5px 0; cursor:pointer; text-decoration:none; color:black}
.navleft li ul{ display:none;}
.navleft li li{ border:none; padding-left:15px; background:url(images/bullet.png) no-repeat  left top;}
.navleft li li a{ font-size:11px; color:#0077AF}
.navleft li ul.openul{ display:block}
.hosja{ background:white; -moz-border-radius:3px; padding:5px}

.rightCol { width:600px; float:right}
.footer{ margin-top:10px; padding-top:10px; border-top:1px solid #CCC; margin-bottom:50px; text-align:center}

.tabletop{ background:url(images/navbg.png) repeat-x top}
.tabletop .tl{background:url(images/navlc.png) no-repeat top left}
.tabletop .tr{background:url(images/navrc.png) no-repeat top right}
.tabletop .tr h3{ color:#FFF; padding:17px; font-weight:normal; font-size:12px}