* {
   margin: 0; 
   padding: 0;
}

body {
   font-family: verdana, sans-serif;
   background: #7C7C7E;
   font-size: 75%;
   color: #333333;
}

h1 {
   font-weight: normal;
   text-transform: uppercase;
   font-size: 2.0em;
}


h2 {
   font-size: 1.0em;
   font-weight: bold;
   text-transform: uppercase;
}

h3 {
   color: #666666;
   font-weight: normal;
   font-size: 2.2em;

}

h4 {
}

img {
   border: 0px;
}

p {
   margin-bottom: 12px;
}

a {
   color: #333333;
}

form {
   margin: 0;
   padding: 0;
}

input {
   font-family: verdana, sans-serif;
   font-size: 1.0em;
}

textarea {
   font-family: verdana, sans-serif;
   font-size: 1.0em;
}

fieldset {
   margin: 0;
   padding: 0;
   border: 0;
}

#nav-container {
   background: url(../images/bg-nav.jpg) top left repeat-x;
   height: 56px;
}

#nav-container ul {
   margin-left: 0px;
   padding-left: 0px;
   text-indent: 0px;
   list-style-type: none;
   z-index:10000000;
}

#nav {
   margin-left: auto;
   margin-right: auto;
   width: 794px;
}

#nav li.nav-item {
   float: left;
   height: 56px;
}

#nav li.nav-item img {
   display: block;
}

#nav-logo {
   float: right;
}

.sub-nav {
   position: absolute;
   top: 56px;
   background: #B2B3B5;
   visibility: hidden;
   width: 215px;
}

.sub-nav li a {
   display: block;
   font-size: 0.8em;
   font-weight: bold;
   color: #FFFFFF;
   text-decoration: none;
   background: #B4B3B1;
   border-top: 1px solid #D3D3D4;
   border-right: 1px solid #717173;
   border-bottom:  1px solid #4B4B4C;
   border-left: 1px solid #C2C3C5;
   padding-top: 3px;
   padding-right: 10px;
   padding-left: 10px;
   padding-bottom: 4px;
}

.sub-nav li a:hover {
   border-top: 1px solid #FEEA87;
   border-right: 1px solid #9C8C1B;
   border-bottom:  1px solid #665B1B;
   border-left: 1px solid #FFE361;
   color: #000000;
   background: #FDDA36;
}

#main-container {
   background: url(../images/bg-main.jpg) top left repeat-x;
}

#blog-main-container {
   background: #E5E5E5;
}

#background-container {
   background: url(../images/bg-container.jpg) top left no-repeat;
   margin-left: auto;
   margin-right: auto;
   width: 986px;
}

#blog-background-container {
   background: url(../images/bg-blog.jpg) top left repeat-y;
   margin-left: auto;
   margin-right: auto;
   width: 986px;
}

#content-container {
   margin-left: auto;
   margin-right: auto;
   width: 794px;
}

#content-container ul {
   margin-left: 10px;
   padding-left: 5px;
   text-indent: 0px;
   margin-bottom: 12px;
}

#home-container {
   background: url(../images/bg-home.jpg) top left repeat-x;
}

#home-content {
   margin-left: auto;
   margin-right: auto;
   width: 931px;
}

#video-content {
   margin-left: auto;
   margin-right: auto;
   width: 794px;
}

#ticker-container {
   background: url(../images/bg-ticker.jpg) top left repeat-x;
}

#ticker-content {
   margin-left: auto;
   margin-right: auto;
   width: 830px;
}

#breadcrumb {
   padding-top: 11px;
   padding-bottom: 11px;
   padding-left: 11px;
   border-bottom: 1px dotted #666666;
}

#breadcrumb a {
   text-decoration: none;
}

#breadcrumb a:hover {
   text-decoration: underline;
}

#content-container h1 {
   padding-bottom: 15px;
}

#content-nav {
   float: left;
   width: 221px;
   margin-top: 24px;
   margin-bottom:  24px;
   padding-right: 24px;
   padding-bottom: 10px;
   padding-left: 10px;
}

#content-nav ul {
   margin-left: 0px;
   padding-left: 0px;
   text-indent: 0px;
   list-style-type: none;
}

#content-nav li {
   padding-top: 3px;
   padding-bottom: 3px;
   border-bottom: 1px dotted #666666;
}

#content-nav li.last {
   border: 0px;
}

#content-nav li a {
   font-size: 0.9em;
   display: block;
   font-weight: bold;
   padding-bottom: 1px;
   text-decoration: none;
}

#content-nav li a:hover, #content-nav li a.selected {
   color: #FFFFFF;
   background: #333333 url(../images/bg-arrow.jpg) top left no-repeat;
   padding-left: 12px;
}

#content-main {
   min-height: 235px; 
   height: auto !important; 
   height: 235px;
   border-left: 1px dotted #666666;
   float: left;
   width: 514px;
   padding-left: 24px;
   margin-top: 24px;
   margin-bottom: 24px;
   _margin-bottom: 12px; /* HACK FOR IE6 TO PREVENT DOUBLE MARGIN */
   font-size: 0.9em;
}

#content-main-no-border {
   min-height: 235px; 
   height: auto !important; 
   height: 235px;
   width: 784px;
   padding-left: 10px;
   margin-top: 24px;
   font-size: 0.9em;
}

#content-main h1 {
   color: #666666;
   font-size: 2.3em;
}

#content-main a.selected {
   color: #666666;
}

#featured-main-container {
   background: url(../images/bg-featured.jpg) top left repeat-x;
}

#featured-container {
   margin-left: auto;
   margin-right: auto;
   width: 794px;
}

#featured-main {
   float: left;
   width: 598px;
}

#featured-main-content {
   margin-top: 20px;
   font-size: 0.9em;
}

#featured-main-content p {
   margin-bottom: 0px;
}

.featured-main-content-item {
   float: left;
   width: 162px;
   padding-right: 36px;
}

.featured-main-content-item img {
   display: block;
}

.last-feature {
   border-right: 1px dotted #666666;
}

#featured-blog {
   float: left;
   padding-left: 15px;
   width: 179px;
   font-size: 0.9em;
}

#featured-blog img.blog-box {
   margin-left: 3px;
   display: block;
}

#featured-blog-items {
   margin-left: 3px;
   margin-right: 3px;
   background: #8C8D8F url(../images/wcb-blog-box-mid.jpg) top left repeat-y;
}

#featured-blog-items a {
   display: block;
   color: #FDD104;
   font-weight: bold;
   background: #8C8D8F;
   border-bottom: 1px dotted #FFFFFF;
   padding: 11px 10px 14px 10px;
   margin-left: 1px;
   margin-right: 1px;
}

#featured-blog-items a:hover, #featured-blog-items a:focus {
   background: #545556;
}

.blog-item {
   padding-top: 10px;
   padding-left: 15px;
}

.blog-section-title {
   padding-top: 20px;
}

.blog-item a {
   color: #000000;
}

.phone {
   margin-top: 110px;
   padding-top: 14px;
   border-top: 1px dotted #666666;
   text-transform: uppercase;
   font-size: 1.1em;
}

#contact-fields .form-field {
   clear: both;
   padding-bottom: 8px;
}

#contact-fields .form-field label {
   width: 70px;
   display: block;
   float: left;
}

#contact-fields .form-field input {
   width: 351px;
}

#contact-fields .form-field-text {
   clear: both;
   padding-bottom: 15px;
}

#contact-fields .form-field-text label {
   display: block;
   padding-bottom: 10px;
}

#contact-fields .form-field-text textarea {
   width: 421px;
   height: 50px;
}

.blog-content {
   border-bottom: 1px dotted #666666;
   padding-bottom: 15px;
}

.blog-content img {
   float: left;
   padding-right: 10px;
   padding-bottom: 10px;
}

.blog-content a {
   font-weight: bold;
}

.blog-info {
   border-bottom: 1px dotted #666666;
   padding-top: 15px;
   padding-bottom: 15px;
   margin-bottom: 15px;
}

.blog-author {
   float: left;
}

.blog-next {
   float: right;
}

.blog-options {
   margin-top: 15px;
   float: right;
}

.blog-options img {
   padding: 0px;
   margin: 0px;   
}

.blog-options a {
   font-weight: normal;
   text-decoration: none;
}

.blog-option {
   float: left;
}

#send-to-friend {
   width: 343px;
   height: 319px;
   padding-top: 20px;
   padding-left: 23px;
   padding-right: 23px;
   font-size: 0.9em;
   background: #DEDEDE url(../images/bg-send-to-friend.jpg) top left no-repeat;
}

#send-to-friend #close-window {
   padding-left: 328px;
}

#send-to-friend #intro-text {
   padding-top: 45px;
}

#send-to-friend-fields {
   padding-top: 22px;
}

#send-to-friend-fields .form-field {
   clear: both;
   padding-bottom: 11px;
}

#send-to-friend-fields .form-field label {
   width: 110px;
   display: block;
   font-weight: bold;
   float: left;
   padding-top: 2px;
}

#send-to-friend-fields .form-field input {
   width: 167px;
   border: 1px solid #CCCCCC;
   padding: 2px;
}

#send-to-friend-fields .form-field textarea {
   width: 171px;
   height: 55px;
   border: 1px solid #CCCCCC;
}

#send-to-friend-fields .form-field-submit {
   padding-left: 112px;
}

#send-to-friend-fields .form-field-submit input {
   width: 86px;
}

#send-to-friend-fields #error-message {
   margin-top: 24px;
   color: #BD0000;
   font-weight: bold;
}

#step-navigation {
   float: right;
}

.step-info {
   font-weight: bold;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 2px;
   float: left;
}

.step-button {
   float: left;
}

#step-content {
   min-height: 223px; 
   height: auto !important; 
   height: 223px;
}

#poster-image {
   padding-top: 15px;
   padding-bottom: 15px;
}

#poster-preview {
   float: left;
   padding-top: 15px;
   padding-right: 16px;
}

#poster-preview img {
   padding-bottom: 6px;
}

#poster-action {
   padding-top: 15px;
   float: left;
}

#poster-action img {
   padding-right: 15px;
}

#poster-action textarea {
   width: 326px;
   height: 120px;
}

#poster-image input.file {
   padding-top: 2px;
   padding-bottom: 3px;
}

#ecard-preview {
   float: left;
   padding-right: 16px;
}

#ecard-preview img {
   padding-bottom: 6px;
}

#ecard-action {
   float: left;
}

#ecard-action input {
   margin-top: 7px;
   margin-bottom: 7px;
}

#ecard-action input.info-form {
   width: 333px;
}

#ecard-action input.email-form {
   width: 190px;
   float: left;
}

#ecard-action label {
   padding-top: 8px;
   width: 143px;
   float: left;
}

#ecard-action textarea {
   margin-top: 7px;
   margin-bottom: 7px;
   width: 333px;
   height: 76px;
}

.step-option {
   width: 160px;
   padding-right: 16px;
   padding-bottom: 0px;
   float: left;
   text-align: left;
}

.step-option p {
   margin-top: 10px;
}

.step-option img {
   padding-bottom: 5px;
}

.step-option-last {
   padding-right: 0px;
}

#step-content .required {
   padding-top: 5px;
   padding-right: 1px;
   font-size: 0.9em;
   float: right;
}

#sitemap {
   padding-left: 10px;
   margin-top: 24px;
}

#sitemap ul {
   margin-left: 0px;
   padding-left: 0px;
   text-indent: 0px;
   list-style-type: none;
}

#sitemap a {
   display: block;
   width: 237px;
   color: #000000;
   text-decoration: none;
   font-weight: bold;
}

#sitemap a:hover, #sitemap a:focus {
   background: #000000;
   color: #FFFFFF;
}

.full-panel {
   float: left;
   padding-left: 14px;
   padding-right: 14px;
   margin-bottom: 14px;
   border-right: 1px dotted #666666;
}

.full-panel-inner {
   float: left;
   width: 237px;
   min-height: 180px; 
   height: auto !important; 
   height: 180px;
   border-bottom: 1px dotted #666666;
}

.full-panel-first {
   padding-left: 0px;
}

.full-panel-last {
   border-right: 0px;
}

.full-panel-bottom {
   border-bottom: 0px;
}

.full-panel h1 {
   color: #666666;
   font-size: 1.8em;
}

.three-panel {
   float: left;
   width: 182px;
   padding-top: 15px;
}

.three-panel h2 {
   margin-bottom: 15px;
}

.three-panel-last {
   width: 139px;
}

#footer-container {
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   background: url(../images/bg-footer.jpg) top left repeat-x;
   text-align: left;
   padding-bottom: 10px;

}

#footer-container li {
   display: inline;
}

#footer-container ul {
   margin-left: 0px;
   padding-left: 0px;
   text-indent: 0px;
   list-style-type: none;
}

#footer-container a {
   font-size: 0.8em;
   text-decoration: none;
   text-transform: uppercase;
}

#footer-container a:hover {
   text-decoration: underline;
}

#footer {
   margin-left: auto;
   margin-right: auto;
   width: 986px;
}

#footer-copyright {
   color: #555555;
   font-size: 0.75em;
   float: left;
   width: 595px;
   text-align: left;
   padding-left: 96px;
   padding-top: 15px;
   padding-bottom: 15px;

}

#footer-links {
   float: left;
   text-align: right;
   padding-top: 13px;
   padding-bottom: 15px;
}

#footer li {
   display: inline;
}

#footer a {
   font-size: 0.8em;
   text-decoration: none;
   text-transform: uppercase;
}

#footer a:hover {
   text-decoration: underline;
}

#flash-hazard-sign {
   position: absolute;
   top: 56px;
   margin-left: 310px;
}

#flash-hazard-snow {
   position: absolute;
   top: 0px;
   margin-left: 260px;
}

#flash-hazard-fishguy {
   position: absolute;
   top: 180px;
   margin-left: 265px;
}

#flash-hazard-forklift {
   position: absolute;
   top: 270px;
   margin-left: 155px;
}

#flash-hazard-lightbulb {
   position: absolute;
   top: 56px;
   margin-left: 310px;
}

#flash-hazard-pipe {
   position: absolute;
   top: 211px;
   margin-left: 200px;
}

#flash-hazard-waterdrip {
   position: absolute;
   top: 56px;
   margin-left: 150px;
}

#flash-hazard-wobblingbox {
   position: absolute;
   top: 180px;
   margin-left: 250px;
}

.ecard {
   float: right;
   padding-right: 15px;
}

.red {
   color: red;
}

.green {
   color: green;
}

#error-message {
   padding-top: 10px;
   color: red;
}

.clear {
   clear: both;
}


table{border-spacing:3px; border: 2px transparent; font:10px 'Verdana', Arial, Helvetica, sans-serif;}
td, th{padding:8px;}
thead th{text-align:left;background:#000000;color:#FFFFFF;border-color:transparent; }
tbody th{font-weight:normal;}
tbody tr{background:#b5b5b5;text-align:left;border-color:transparent;}
tbody tr.odd{background:#d1d1d1;}

tbody tr td{height:10px;background:#b5b5b5;border-color:transparent; }
tbody tr.odd td{background:#d1d1d1;}

th td{background:#000000;color:#FFFFFF;);text-align:left;font-weight:bold;}

tfoot td{text-align:left;font:10px;font-weight:normal;}
tfoot th{text-align:left;font:10px;font-weight:bold;}


