/* CSS Document */

* {margin: 0; padding: 0;}

body {font-family: Arial, Helvetica, sans-serif; text-align: center; background-color: #434343;}

.super  {
    line-height: 1em;
    font-size: 0.75em;
    vertical-align: top;
  }
#hp {}

.componentheading, .contentheading, h1 {color: #000; font-size: 20px; font-weight: bold;}
h2 {font-size: 14px; color: #006f3c; margin-bottom: 10px; font-weight: bold; text-transform: uppercase;}
h3 {font-size: 14px; color: #000 !important; font-weight: normal; }
table.blog h3 { padding-left: 0px !important; }
p, ul {font-size: 12px; line-height: 16px; margin: 0 0 20px 0;}

.contentheading, .jdeheading { padding-left: 15px; }

p.intro { font-size: 14px; line-height: 20px; }
#main-photo-slider div.panel { width: 943px; background-color: transparent !important; height: 330px;  overflow: hidden;}
#main-photo-slider div.panel div.wrapper { margin-top: 0px; padding: 0px !important; width: 943px; height: 330px; }

.font11 {font-size: 11px;}
.font12 {font-size: 12px;}
.font14 {font-size: 14px;}
.black {color: black;}
.red {color: #ae2100;}
.white {color: white;}
.gray1 {color: #898989;}

.left-col {float: left;}
.right-col {float: right;}

#mcu { float: left; font-size: 24px; font-weight: bold; color: #87b09d; margin-top: 20px;  }

table#subcategorylist a.category { display: block; margin-bottom: 5px; margin-top: 5px; font-size: 15px; color: #000; text-decoration: none; font-weight: bold; text-transform: capitalize; }
table#subcategorylist a.category-more { font-size: 11px; text-transform: uppercase; text-decoration: none; display: block; margin-top: 5px; margin-bottom: 5px;}
table#subcategorylist td.col-1 { border-right: solid 1px #cacaca; padding-right: 7px; width: 355px;}
table#subcategorylist td.col-2 { padding-left: 5px; width: 355px;}
table#subcategorylist td p { margin-top: 5px; margin-bottom: 5px; text-align: justify;}

table#subcategorycontent { width: 355px; }

#homelink { width: 15px; height: 13px; padding-bottom: 6px; float: right; clear: none; margin-right: 10px; position: relative; top: 10px;  margin-right: 10px; }


a {color: #62900c;}
a img { border: none !important; }

.businessunit { font-weight: bold; margin-top: 10px; margin-bottom: 5px; font-size: 14px; }
.sub-column a { font-size: 11px; text-transform: uppercase;  text-decoration: none; font-weight: bold;}
.phonelabel { display: block; float: left; margin-right: 5px; min-width: 75px; font-size: 11px; text-transform: uppercase; font-weight: bold; }
.businessaddress { text-transform: capitalize; font-size: 12px; }
.last-column { float: left !important; padding: 0 10px !important; width: auto !important; border-right: none !important; }
.sub-column { font-size: 12px; }
/*
  SLIDER
*/
.slider-wrap                { width: 419px; position: absolute; top: 87px; left: 40px; }      
.stripViewer .panelContainer 
.panel ul                  { text-align: left; margin: 0 15px 0 30px; }
.stripViewer                { position: relative; overflow: hidden; width: 419px; height: 285px; }
.stripViewer .panelContainer        { position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel      { float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav      { display: none; }
.nav-thumb                   { border: 1px solid black; margin-right: 5px; }
#movers-row                  { margin: -43px 0 0 62px; z-index: 1; position: relative; }
#movers-row div                { width: 20%; float: left; }
#movers-row div a.cross-link         { float: right; }
.cross-link                  { display: block; width: 62px; margin-top: -14px; 
                        position: relative; padding-top: 15px; z-index: 9999; }

#mod_search_searchword { color: #989898; text-transform: capitalize; }

#divider { float: right; background-image: url('../../../images/inside-divider.jpg'); background-repeat: repeat-y; background-position: bottom left;  width: 180px; margin-top: 15px;}

#right-frame { width: 160px; float: right; background-image: url('../../../images/right-sidebar.jpg'); background-repeat: repeat-y; margin-bottom: 15px; }

#feature-box { background-color: transparent !important; width: 160px !important; background-image: url('../../../images/right-sidebar-top.jpg'); background-repeat: no-repeat; background-position: top left; padding: 0px; margin-top: 0px; padding-top: 10px; margin-bottom: 0px;}

#feature-box ul { width: 140px; padding: 0px; padding-left: 15px; margin-left: 0px; background-image: url('../../../images/right-sidebar-bottom.jpg'); background-repeat: no-repeat; background-position: bottom left; margin-bottom: 0px; padding-bottom: 15px; }

#feature-box ul li { list-style-type: none; margin-left: 0px; border-bottom: solid 1px #c1c1c1; width: 146px; margin-right: 15px; font-weight: bold; line-height: 26px;}

#feature-box ul li.active a { color: #000; }
#feature-box ul li.active ul li a { color: #62900c; }
#feature-box ul li.active ul li.active a { color: #000; }
#feature-box ul li ul { width: 140px; padding-left: 0px; padding-bottom: 10px; background-image: none;  }

#feature-box ul li ul li { width: 130px; margin-right: 0px; margin-left: 10px; font-weight: normal; }

#feature-box ul li a { text-decoration: none; }

.download-box {float: right; margin: 0 0 10px 10px; padding: 10px 10px 0 10px; width: 125px; font-size: 11px; background-color: #e7eeeb;}

.ad {float: left; margin: 4px 0 0 -60px; display: block; font-size: 11px; text-transform: uppercase; color: #04542E; width: 453px; height: 20px; }
.ad a { text-decoration: none; color: #04542E; font-size: 10px; }
.ad ul li { float: left; padding-left: 0px; padding-right: 5px; clear: none; margin-left: -10px; margin-right: 30px; font-weight: bold; }
.ad li.item95 { list-style-type: none; }
#logoutlink a { font-weight: bold; }
.qt-icon {background: url(../images/icon_quicktime.gif) no-repeat; padding-left: 20px; font-size: 11px; padding-bottom: 10px; display: block;}
.pdf-icon {background: url('../../templates/laird-default/images/icon_pdf.gif') no-repeat; padding-left: 20px; font-size: 11px; padding-bottom: 10px; display: block;}
.word-icon {background: url(../images/icon_word.gif) no-repeat; padding-left: 20px; font-size: 11px; padding-bottom: 10px; display: block;}
.rss-icon {background: url(../images/icon_rss.gif) no-repeat; padding-left: 20px; font-size: 11px; padding-bottom: 10px; display: block;}

.front-page #inner-wrap {background-color: #fff; background-image: url('../../../images/inner-shade.jpg'); background-repeat: repeat-x; background-position: bottom left; }

#inner-wrap {float: left; width: 980px; margin-left: 1px;}

#content-wrap {width: 982px; padding-left: 3px; padding-right: 3px; background-color: white; margin: 0 auto; text-align: left; background-image: url('../../../images/frame.jpg'); background-position: top left; background-repeat: repeat-y; float: left; padding-top: 0px !important; padding-bottom: 0px !important;}

#toolbox a { color: #04542e; text-decoration: none; text-transform: uppercase; font-size: 10px; }
#toolbox #logincontainer { clear: none; height: 25px; line-height: 25px; width: 110; position: relative; right: 75px; }
#toolbox #logincontainer ul {  margin: 0; padding: 0; }
#toolbox #logincontainer ul li {  list-style-type: none; display: inline; }


/* --- Header and Navigation --- */
#header {width: 979px; height: 168px; margin: 0 auto; margin-left: 2px; #434343; background-image: url('../../../images/header.jpg'); background-repeat: repeat-x; background-position: 4px 15px;}

#laird-logo {height: 70px; float: left; width: 321px; text-align: center; margin-top: 30px; margin-bottom: -30px;}

#navigation { width: 960px; padding-left: 10px; padding-right: 10px; clear: both; position: relative; right: 0px; top: 13px; float: right; z-index: 3; }
#navigation ul { float: right; margin-bottom: 0px; margin-right: 12px;}
#navigation ul li { float: left; clear: none; font-size: 16px; height: 36px; line-height: 36px; text-align: center; width: 123px; list-style-type: none; margin-left: 0px; font-weight: bold;}

#navigation ul li.active { 
  background-image: url('../../../images/top-link-background.jpg'); 
  background-repeat: repeat-x; 
  background-position: top left; 
  width: 147px; 
} 

#navigation ul li.active a{ 
  display: block; 
  background-image: url('../../../images/left-link-active.jpg'); 
  background-repeat: no-repeat; 
  background-position: top left;
  color: #62900c; 
}
#navigation ul li.active a span{
  display: block; 
  background-image: url('../../../images/right-link-active.jpg');
        background-repeat: no-repeat;
        background-position: top right;
  color: #62900c; 
}

/*#navigation ul li.active a { display: block; background-image: url('../../../images/left-link-active.jpg'); background-repeat: no-repeat; background-position: top left; color: #62900c; }

#navigation ul li.active a span { display: block; background-image: url('../../../images/right-link-active.jpg'); background-repeat: no-repeat; background-position: top right; } 
*/

#navigation ul li a { color: #000; text-decoration: none; }

#toolbox fieldset.input { background-color: #04542e; width: 201px; padding-left: 6px; padding-right: 6px; left: -30px; position: absolute; z-index: 9999; padding-top: 32px; top: 0px; padding-bottom: 1px !important; display: none; }

#toolbox div#loginlink, div#logoutlink { position: relative; z-index: 10000; width: 65px; padding-left: 5px; right: 61px; border-left: solid 0px #b1c9be; display:inline; float: right;}
#toolbox div#passwordreset { position: relative; z-index: 10001; width: 112px; padding-right: 10px; float: left; background: #04542e; color: #FFF; display:none; }
#toolbox span#login { position: relative; z-index: 10000; width: 168px; padding-left: 9px; border-left: solid 1px #b1c9be;}
#toolbox span#reset { position: relative; z-index: 10000; width: 168px; padding-right: 1px; border-left: solid 0px #b1c9be; color: #fff;}

#toolbox fieldset.input ul li { list-style-type: none; margin-left: 0px; }

#toolbox fieldset.input a { color: #fff; text-transform: none; }


#toolbox fieldset { border: none; }

/*#toolbox fieldset.input p { margin-bottom: 6px !important; width: 199px; border: solid 1px #e0e0e0; background: #fff; height: 21px; line-height: 21px; }*/
#toolbox fieldset.userdata p  {  margin: 0 0 5px 0; } 
#form-login-username .inputbox { margin-bottom: 6px !important; width: 199px; border: solid 1px #e0e0e0; background: #fff; height: 21px; line-height: 21px; }
#form-login-username .watermark { color: #e0e0e0; margin-bottom: 6px !important; width: 199px; border: solid 1px #e0e0e0; background: #fff; height: 21px; line-height: 21px; }
#form-login-password .inputbox {  font-size: 12px; width: 162px; border: solid 1px #e0e0e0; background: #fff; height: 21px; line-height: 21px;}
#form-login-password .watermark {  color: #e0e0e0; font-size: 12px; width: 162px; border: solid 1px #e0e0e0; background: #fff; height: 21px; line-height: 21px;}

/*#toolbox fieldset.input .inputbox .watermark { width: 199px; border: solid 1px #e0e0e0; background: #fff; height: 21px; line-height: 21px; }*/

/*.watermark { color: #e0e0e0; font-size: 12px; } */
/*#toolbox fieldset.input p { margin-bottom: 6px !important; }*/
/*.watermark { color: #e0e0e0; font-size: 12px; width: 199px; border: solid 1px #e0e0e0; background: #fff; height: 21px; line-height: 21px; }*/
/*#modlgn_passwd { width: 166px !important; margin-right: 4px; }*/

#toolbox fieldset.input .button { float: right; position: relative; top: 0px; }

@-moz-document url-prefix() {
    #toolbox fieldset.input .button {
        position: absolute; right: 12px; top: 61px; }
    }

#divider #contact-info { width: 140px; float: right; font-size: 12px; line-height: 18px; padding-left: 10px; padding-right: 10px; }
#divider #contact-info h2 { color: #000; text-transform: none; }
#divider #contact-info div.label { font-size: 10px; text-transform:uppercase; font-weight: bold; }
#divider #contact-info span.label { font-size: 10px; text-transform: uppercase; font-weight: bold; display: block; float: left; margin-right: 10px; }
#divider #contact-info a { font-size: 11px; }


#toolbox div.menu-open { background-color: #fff; border-right: solid 1px #b1c9be; border-left: none; }

.front-page #sub-navigation { height: 26px; line-height: 26px; margin-bottom: 5px; }

#sub-navigation ul.menu { position: absolute; right: 0px; z-index: 1; height: 27px; width: 982px; text-align: center; margin: 0px auto; padding-right: 10px;}
#sub-navigation ul a { color: #62900c; background-image: none;}
#sub-navigation ul li { list-style-type: none; float: right; font-size: 12px; padding-left: 0px; padding-right: 0px; line-height: 22px; height: 22px; font-weight: normal; padding-left: 10px; padding-right: 10px; height: 27px; line-height: 27px; } /*text-align: center; }*/
#sub-navigation ul li ul li { float: left; height: 18px !important; line-height: 18px !important; padding-left: 5px !important; padding-right: 5px !important; font-size: 10px }
#sub-navigation ul li.active { padding-left: 0px; padding-right: 0px; }
#sub-navigation ul li.active { background-color: #fff; background-image: url('/images/active-submenu-left.jpg'); background-repeat: no-repeat; background-position: top left; height: 32px; line-height: 22px; position: relative; top: 4px; padding-left: 10px; }
#sub-navigation ul li.active ul li { height: 18px !important; line-height: 18px !important; background-image: none !important; }
#sub-navigation ul li.active ul li a { display: inline; padding: 0px !important; height: 18px; line-height: 18px; }
#sub-navigation ul li.active ul li.active { height: 18px !important; line-height: 18px !important; background-image: none !important; top: 0px !important; background-color: transparent !important;}
#sub-navigation ul li.active ul li a { background-image: none !important; }
#sub-navigation ul li.active ul li.active a { background-image: none !important; }
#sub-navigation ul li div.djsubwrap { background-color: #fff !important; color: #62900c !important; }
#sub-navigation ul li a { color: #000; text-decoration: none; }
#sub-navigation ul li ul li a { color: #62900c !important; }
#sub-navigation li a span { background-image: none !important; }
#sub-navigation ul li.parent ul { position: relative; background-color: #fff !important; min-width: 125px; line-height: 27px; border: solid 1px #aeaeae; background-image: url('/images/hovermenuback.jpg'); background-position: top left; background-repeat: repeat-x; padding-top: 5px; overflow: hidden; z-index: 999 !important; max-width: 982px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}
#sub-navigation ul li.item134 ul { margin-left: -255px !important; }

table.contentpane { margin-left: 15px; }

#sub-navigation ul li.active ul { margin-top: -9px !important; margin-left: 40px }
#sub-navigation ul li ul { margin-top: -9px !important; margin-left: 40px }
#sub-navigation ul li.parent ul li { background-image: none !important; height: 27px; line-height: 18px; float: none; display: inline; width: auto !important; text-align: center; position: static; top: 0px;}
#sub-navigation ul li.parent ul li a { color: #62900c; display: inline; background-image: none; display: block; width: 125px; float: left; }

table.blog td img { margin-right: 10px; margin-bottom: 10px; }

.dj-mtmenu { z-index: 999;}

.dj-mtmenu li:hover div.djsubwrap {
        padding: 0;
        background: none;
        position: absolute;
        top: 37px;
        z-index: 300;
        color: #62900c;
        background-color: #fff;
        border: solid 1px #aeaeae;
        margin-top: -13px;
        background-image: url('/images/hovermenuback.jpg');
        background-position: top left;
        background-repeat: repeat-x;
        padding-top: 5px;
}
.dj-mtmenu div.djsubwrap .cols_4 {
        padding: 5px;
}

#sub-navigation li.active a { display: block; color: #62900c; background-image: url('/images/active-submenu-right.jpg'); background-repeat: no-repeat; background-position: top right; position: relative; top: 0px; height: 32px; top: 0px; padding-right: 10px; }
#sub-navigation li.active ul li a { height: 18px; line-height: 18px; }
#sub-navigation { width: 939px; padding-left: 20px; padding-right: 20px; margin: 0px auto; height: 32px; line-height: 32px; background-image: url('/images/subnav.jpg'); background-repeat: repeat-x; display: block; clear: both; position: relative; top: 8px; z-index: 2;}

/*.front-page #sub-navigation { height: 26px; line-height: 26px; }*/

#HLhandle { background: none !important; height: 25px; line-height: 25px; width: 65px; text-align: center; border-left: solid 1px #b1c9be; }

#HLhandle a { color: #04542e !important; font-size: 10px !important; text-transform: uppercase; }

#toolbox { height: 50px; width: 244px; float: right; clear: right; position: relative; right: -1px;}

.recycle-tab { width: 125px; height: 50px; float: right; position: relative; right: 1px; top: -25px;}
.recycle-tab a { display: block; height: 50px; width: 125px; background-image: url('../../../images/recycle-tab-cold.png'); background-repeat: no-repeat; background-position: top left; text-decoration: none; }
.recycle-tab a:hover { background-image: url('../../../images/recycle-tab-hot.png'); }

#cat-children ul { list-style-type: none; }

/*
Navigation styles moved to: /includes/css/navigation/plastics_nav.css 
*/

#frame { width: 988px; margin: 0px auto; }

#shadow { width: 988px; margin: 0px auto; height: 9px; background-image: url('../../../images/frame-bottom.jpg'); background-repeat: no-repeat; background-position:top left; clear: both; }
  
#search-box {width: 330px; float: right; padding: 5px 0 0 10px; font-size: 11px; font-weight: bold; height: 43px; clear: right; background-color: transparent !important;}
  #search-box #search-field {width: 100px;}
  #search-box span {display: block; font-weight: normal;}
  
.breadcrumbs { font-size: 12px; padding-left: 15px; position: relative; /*z-index: 25;*/ }
  
  table.blog { width: 741px; margin: 0px auto; }
#search-box .inputbox { width: 269px; height: 25px; line-height: 25px; border: solid 1px #e6e7e8; background: transparent; background-image: url('../../../images/search.jpg'); background-repeat: no-repeat; background-position: top left; vertical-align: middle; margin-right: 10px; padding-left: 2px; padding-right: 2px;}
#search-box .button { vertical-align: middle; }
#quote-request { float: left; position: relative; z-index: 0; width: 457px; text-align: center; margin-left: 263px; margin-right: 262px; margin-top: 7px; margin-bottom: -7px; }
#quote-link { display: block; width: 457px; height: 54px; padding-top: 7px; margin: 0px auto; position: relative;  background-image: url('../../../images/recycling-bottom.png'); background-repeat: no-repeat; background-position: top left; text-decoration: none;}
/*#quote-link:hover { background-image: url('/images/req-quote-hot.png');}
/* html #search-box {width: 215px !important; height: 48px;}*/

/* --- End Header and Navigation --- */

#new-quote { float: right; position: relative; width: 191px; top: -120px; height: 39px; z-index: 1;}
#new-quote-link { display: block; float: right; position: relative; width: 171px; height: 39px; background-image: url('../../../images/quote-cold.png'); background-repeat: no-repeat; background-position: middle left; text-decoration: none; }
#new-quote-link:hover { background-image: url('../../../images/quote-hot.png'); }

#main-content {float: left; width: 771px; padding: 0 6px 0 5px; /*background: url(../images/main-content-bg.gif);*/ background: none !important; margin-top: 10px;}
  #main-content h1, #main-content .componentheading { padding: 10px 0 5px 15px;}

#main-photo-slider div.panel img { display: block; float: left; clear: none; }
.photo-meta-data { float: right !important; position: relative; top: -330px; font-size: 36px; font-weight: bold; color: #000 !important;  z-index: 100; right: 10px; margin-top: 10px !important; width: auto;}
.slide-overlay { background: #fff; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; width: 943px; height: 60px; position: relative; top: 270px; left: 19px; margin-bottom: -60px; z-index: 0; };
.slide-item-thumb { float: left; clear: none; padding-left: 10px; padding-right: 10px; height: 60px; width: 49px; }
.slide-overlay-items { position: relative; width: 942px; height: 60px; line-height: 60px; top: -60px; margin-bottom: -60px; }
.slide-overlay-items .first img { padding-left: 0px; }
.slide-overlay-items img{ float: left; clear: none; display: block; padding: 10px; padding-left: 5px; padding-right: 5px; padding-top: 11px; background:transparent; border: none;  }
.slide-overlay-items .left-nav a.inactive { background-image: url('../../../images/leftarrow-inactive.png');}
.slide-overlay-items .left-nav a.active { background-image: url('../../../images/leftarrow-active.png');}
.slide-overlay-items .navcell a{display: block; float: left; margin-right: 10px; height: 60px; width: 30px;  background-repeat:no-repeat; background-position: center; text-decoration: none; }
.slide-overlay-items .right-nav a.inactive {background-image: url('../../../images/rightarrow-inactive.png'); }
.slide-overlay-items .right-nav a.active { background-image: url('../../../images/rightarrow-active.png');}
#main-photo-slider { background-image: url('../../../images/slideshowbox.jpg'); background-repeat: repeat-x; background-position: top left; }
#content {width: 481px; margin: 5px 15px 0 20px; padding-top: 10px; display: inline; font-size: 12px; line-height: 16px; }
#content a {color: #ae2100;}
#content .contentheading,
#content h2 {font-size: 16px !important; color: #ae2100; margin-bottom: 10px !important; padding: 0 !important; font-weight: bold;}
a.active-thumb { border: solid 2px #62900c; margin-top: -2px !important; }
#movers-row div { width: auto !important; position: relative; top: -10px; margin-right: 10px; } 
.cross-link { width: 50px !important; padding-top: 0px !important; margin-top: 0px !important; }
#sidebar {float: right; padding-right: 5px;}
  #sidebar div {border-bottom: 1px solid #ccc; float: left; width: 216px; clear: both;}
  #sidebar p {margin: 0 0 10px 0;}
  
#login-box {background-color: #fff2df; float: left; padding: 10px; width: 195px !important; margin: 0 0 1px 1px; border: none !important; float: left; display: inline;}
#login-box td {padding-bottom: 5px;}
#login-box #user, #login-box #password {width: 125px;}

/* html #login-box {width: 215px !important;}*/

/* --- Homepage CSS --- */
#hp-main-content {width: 1003px; float: left; height: 330px; overflow: hidden;}

#main-photo-slider{ width: 943px; float: left; margin-left: 19px; height: 330px; position: relative; z-index: 0; margin-bottom: -40px; }

/*#main-feature {width: 518px; height: 230px; background: url(../images/hp_feature-img.jpg); float: left;}
  #main-feature div {margin-top: 148px; padding: 7px 10px 0 10px; float: left;}
  #main-feature h1 {color: #ff0000;}
  #main-feature p {color: white; margin-bottom: 0;}
  #main-feature a {color: #ff0000;}*/
  
#hp-sub-content {margin: 5px 5px 0 5px; float: left; display: inline; position: relative; top: -190px; margin-bottom: -190px;}
  #hp-sub-content p, #hp-sub-content ul {margin-bottom: 8px;}
  #hp-sub-content .column {width: 275px; padding: 10px; float: left; min-height: 190px;}
  #hp-sub-content .column .feature-link { font-weight: bold; color: #000; text-decoration: none; font-size: 15px; }
  #hp-sub-content .column .feature-caption { text-transform: uppercase; font-size: 10px; line-height: 16px; }
  #hp-sub-content .column .column-content { margin-top: 30px; }
  #hp-sub-content .center{background-image: url('/images/vert-bar.png'); background-repeat: no-repeat; background-position: right 20px; position: relative; top: 40px; z-index: 7; margin-left: 5px; padding-top: 40px; }
  .contentpaneopen p.introtext { margin-left: 0px; }
  .contentpaneopen td { padding-right: 5px; }
  #hp-sub-content ul li {margin: 0 0 8px 15px; list-style: url(../images/bullet_arrow.gif);}
  #hp-sub-content #login-box {float: left; margin-top: 1px;}
  #hp-sub-content .rss-icon {display: inline; font-size: 12px;}
  #hp-sub-content .hp-location-block, #hp-sub-content #contact-info { height: 289px; width: 268px; background-image: url('../../../images/hp-globe.png'); background-repeat: no-repeat; background-position: center bottom; position: relative; top: 0px; left: 70px; }
  #hp-sub-content #contact-info { background-image: none; }
  #hp-sub-content div.local #contact-info { margin-left: -10px; margin-top: 40px; }
  #hp-sub-content #contact-info h2 { min-width: 98px; padding-left: 10px; text-transform: none; color: #000; font-size: 14px; padding-right: 10px; text-align: right; margin-top: -52px; position: relative; z-index: 10; margin-bottom: -5px; float: right; padding-left: 10px; margin-right: -10px; background-color: #fff; }
  #hp-sub-content #contact-info table { margin-top: -40px; width: 330px; margin-left: -50px; }
  #hp-sub-content #contact-info { font-size: 12px; line-height: 18px; }
  #hp-sub-content #contact-info div.label { font-size: 10px; text-transform: uppercase;  font-weight: bold;}
  #hp-sub-content #contact-info img { display: block; position: relative; left: -53px; top: -35px; }
  #sub-content-top { position: relative; z-index: 0; top: 71px;}
  .morelink { text-transform: uppercase; text-decoration: none; font-size: 10px; line-height: 15px; font-weight: normal; }
  .location { position: relative; z-index: 10; right: -10px; width: 350px; }
  .hp-location-link { width: 350px; height: 72px; background-image: url('../../../images/location-overlay.png'); background-postion: top left; background-repeat: no-repeat; position: relative; z-index: 12; top: 185px; left: -45px; }
  .hp-location-link a { display: block; clear: none; width: 350px; height: 72px; text-decoration: none; position: relative; z-index: 15; }
/* --- End Homepage CSS --- */

/* --- Footer --- */  
#footer {clear: both; margin: 0px auto; width: 965px; padding-left: 18px; padding-top: 6px; border-top: none !important; background: none !important;}
  #footer .left-col {padding-top: 10px;font-size: 11px ;}
  #footer .right-col img {margin-left: 25px;margin-top: 3px;}
  #footer #links { height: 16px; line-height: 16px; float: left;}
  #footer #links a { display: block; float: left; clear: none; margin-right: 10px; color: #999999; text-transform: uppercase; font-weight: bold; text-decoration: none;}
  #footer #captions { color: #ccc; float: left; clear: left; }
  #footer #links #twitter {height: 16px; width: 16px; background-image: url('../../../images/tw-small-cold.jpg'); background-repeat: no-repeat; background-position: top left; margin-right: 5px; }
  #footer #links #twitter:hover { background-image: url('../../../images/tw-small-hot.jpg'); }
  #footer #links #facebook {height: 16px; width: 16px; background-image: url('../../../images/fb-small-cold.jpg'); background-repeat: no-repeat; background-position: top left; margin-right: 5px;}
  #footer #links #facebook:hover { background-image: url('../../../images/fb-small-hot.jpg');}
  #footer #links #linkedin {height: 16px; width: 16px; background-image: url('../../../images/li-small-cold.jpg'); background-repeat: no-repeat; background-position: top left; margin-right: 10px;}
  #footer #links #linkedin:hover { background-image: url('../../../images/li-small-hot.jpg'); }  
#linkedin { position: relative; top: 0px; left: 0px; margin-right: 0px !important; }    

#product-table
{
    border-bottom: 1px solid #898989;
    border-collapse: collapse;
    border-top: 1px solid #898989;
    float: left;
    font-size: 12px;
    line-height: 21px;
  margin: 0px auto;
    margin-bottom: 10px;
    width: 760px;
}

#product-table .prod-name .name-col
{
   font-weight: bold;
    padding-right: 5px;
    width: 270px !important;  
}

#product-table ul li span
{
    display: block;
    float: left;
    padding: 2px 0 3px;  
}

#product-table span.item-num-col
{
  width: 150px;  
}

#product-table .prod-info td
{
  padding: 5px;
}

#product-table thead th
{
    border-bottom: 1px solid #898989;
    color: #888888;
    padding: 0 5px;
    text-align: left;  
}

#product-table thead th.name-col
{
    padding-left: 30px;
    width: 265px;  
}

#product-table thead th.item-num-col
{
    width: 150px;  
}

#product-table .prod-info ul
{
  list-style-type: none;
}

#product-table .prod-info ul li
{
  float: left;
}


/* --- End Footer --- */
  
/* --- Float Hack --- */
.cf:after { content: "."; display: block;   height: 0;  clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
/* End hide from IE-mac */

#main-content ul {margin-left: 20px;}

h3 {padding: 10px 0 10px 15px; color: #006f3c; font-size: 14px;}
.left-col-2 {width: 390px; margin: 0 15px 0 15px; display: inline; float: left;}
.right-col-2 {width: 350px; float: right;}
.app-chooser {float: right; padding: 10px 0 0 15px; font-size: 12px; height: 49px;}
.right-col-2 .caption {padding: 10px 0;}
.right-col-2 .table-style {font-size: 12px; padding: 10px 0; border-top: 1px solid #ccc; margin: 10px 0;}
.right-col-2 .table-style table {margin: 10px 0; font-size: 11px; border-bottom: 1px solid #ccc;}
.right-col-2 .table-style table th {padding: 5px; border: 1px solid #ccc; border-right: none; border-left: none;}
.right-col-2 .table-style table td {padding: 5px; border-right: 1px solid white;}
.right-col-2 .table-style .row1 {background-color: #e7eeeb;}
.right-col-2 .table-style .right {border-right: none; text-align: right;}

.contentpaneopen, .contentheading {width: 100%; border-collapse: collapse;}

table.blog .contentpaneopen div.maintext { margin-left: 0px; }
table.blog .contentpaneopen div.maintext p { margin-bottom: 0px; }

table.blog table.contentpaneopen .contentheading { font-size:  13px; padding-left: 0px; }
table.blog table.contentpaneopen a { font-size: 11px; text-transform: uppercase; text-decoration: none;}
 
.arrow-list li {margin: 0 0 8px 0px; list-style: url(../images/bullet_arrow.gif);}

/* Center Locater */
#hp-locator {padding: 15px 10px 0 10px; float: left; width: 201px; height: 215px; background: url(../images/hp-locator-bg.jpg) !important; margin: 0;}

* html #hp-locator  p {letter-spacing: -0.05em;}
#hp-locator p {line-height: 18px; margin-bottom: 10px;}
#hp-locator #locator-field { width: 129px;}

.locator {padding: 15px 10px; float: left; width: 195px; background: url(../images/locator-bg.jpg); margin-left: 1px; margin-bottom: 1px;}
.locator label {font-size: 16px; color: #c4df9b;} 
.locator input {float: left; margin-top: 8px;}
.locator #locator-field {font-size: 13px; font-weight: bold; color: #9a9a9a; height: 13px; padding: 2px; background: url(../images/locator-magnifying-glass.gif) 1px 1px no-repeat white; padding-left: 20px; width: 119px; margin-right: 3px;}

/* Homepage Feature Tabs */
#tickerwrapper {
  float: left;
  width:760px;
  height:230px;
  background: url(../../../images/stories/homepage/feature_bg/hp_feature-img.0.jpg) no-repeat 264px;
}
#tickerwrapper #buttonwrapper {
  width:264px;
  height:230px;
  background-color:#000000;
  float:left;
}
#tickerwrapper #buttonwrapper .button, 
#tickerwrapper #buttonwrapper .hover_button {
  width:234px;
  height:46px;
  float:left;
  background-color:#cecece;
  cursor: pointer;
  margin-bottom:1px;
  background-repeat: repeat-x;
  padding: 15px;
}
#tickerwrapper #buttonwrapper .button {background-image: url("../images/button_bg.gif"); color: #464646;}
#tickerwrapper #buttonwrapper .hover_button {background-image: url("../images/buttonhover_bg.jpg"); color: white;}

#tickerwrapper #buttonwrapper .button h2, 
#tickerwrapper #buttonwrapper .hover_button h2 {font-size: 16px; margin-bottom: 0;}
#tickerwrapper #buttonwrapper .hover_button h2 {color: white;}
#tickerwrapper #buttonwrapper .button p,
#tickerwrapper #buttonwrapper .hover_button p {font-size: 11px; line-height: 16px;}

#tickerwrapper #panelwrapper {width:495px; height:230px; float:right;}

.panel {
  width:518px;
  height:230px;
  background-color: gray;
  overflow: hidden;
}
  .panel div {margin-top: 148px; padding: 7px 10px 0 15px; float: left; z-index: 0;}
  .panel h1 {color: #ff0000;}
  .panel p {color: white; margin-bottom: 0;}
  .panel a {color: #ff0000;}

#tickerwrapper #panelwrapper #panel0 {display:block;}
#tickerwrapper #panelwrapper #panel1, #tickerwrapper #panelwrapper #panel2 {display:none;}

.inv {
  position: absolute;
  clear:both;
  width:13px;
  height:76px;
  margin-left:264px;
  background-image:url("../images/buttonhover_bg_tip.png");
}
.inv0 {margin-bottom:1px;}
.inv1 {display: none; margin-top:77px; margin-bottom:1px;}
.inv2 {display: none; margin-top:152px;}
div.social { float: left; margin-right: 5px;  width: 85px; margin-right: -17px;}
/* System Standard Messages */
#system-message { margin:10px 0 20px 0; padding: 0 !important; background:#fff; border:solid 0px; }
#system-message dt.message { display: none; }
#system-message dt.error { display: none; }
#system-message dt.notice { display: none; }
#system-message dd.message ul { background: url(../../system/images/notice-info.png)  4px center no-repeat; margin:0px; padding-left: 40px; text-indent:0px; height: 30px;}
#system-message dd.error ul { color: #c00; url(../../system/images/notice-alert.png) 4px center no-repeat; margin:0px; padding-left: 40px; text-indent:0px; height: 30px;}
#system-message dd.notice ul { color: #c00; background: url(../../system/images/notice-note.png)  4px center no-repeat; margin:0px; padding-left: 40px; text-indent:0px; height: 30px; line-height: 30px;}
#system-message dd.notice ul li { list-style-type: none; height: 30px; line-height: 30px; }
#form-login-remember label { color: #fff; }
#form-login-remember #modlgn_remember { width: auto !important; border: none !important; background-color: transparent !important; height: auto !important; }

/* ++++++++++++++  position  ++++++++++++++ */

.clr{
        clear:both;
}

.pagination ul li {
display: inline;
padding:0px 5px 5px 5px;
}

.pagination ul {
list-style-type: none; }

.blog-featured
{
        padding: 0;
}

.items-leading
{
        padding:0px 5px 10px 5px;
        overflow:hidden;
        margin-bottom:10px
}

.row-separator
{
        display: block;
        clear: both;
        margin: 0;
        border: 0px;
        height:1px
}

.item-separator
{
        display: none;
        margin: 0px;
}

.shownocolumns
{
        width:98% !important;
}

#top
{
        margin:0 0 20px 0;
        overflow:hidden
}

/* ++++++++++++++  blog  ++++++++++++++ */
.blog { padding-left: 15px !important; }

.cols-1
{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1
{
        width:46%;
        float:left;
}

.cols-2 .column-2
{
        width:46%;
        float:right;
        margin:0
}

.cols-3 .column-1
{
        float:left;
        width:29%;
        padding:0px 5px;
        margin-right:4%

}
.cols-3 .column-2
{
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3
{
        float:right;
        width:29%;
        padding:0px 5px
}

.category-desc
h2 {font-size: 14px; color: #006f3c; margin-bottom: 10px; font-weight: bold; text-transform: uppercase;}
img { padding-right: 15px }

.readmore { text-transform: uppercase; }


.items-row
{
        overflow:hidden;
        margin-bottom:10px !important;
}
h2 {font-size: 14px; color: #000; margin-bottom: 10px; font-weight: bold;}
h3 {font-size: 14px; color: #000 !important; font-weight: normal; }
table.blog h3 { padding-left: 0px !important; }
p, ul {font-size: 12px; line-height: 16px; margin: 0 0 20px 0;}

.column-1,
.column-2,
.column-3
{
        padding:10px 5px
}


.column-2
{
        width:55%;
        margin-left:40%;
}

.column-3
{
        width:30%
}

.blog-more
{
        padding:10px 5px
}

/***********************************************************************
  jQuery Coda-Slider v3.0 - kevinbatdorf.github.com/codaslider
  Copyright (c) 2012 Kevin Batdorf
  This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
************************************************************************/
/********************************************
SASS stylesheet.

No idea what CSS preprocessing is all about? No problem... just use the style.css file instead.
If you want to learn more, check out this article by Chris Coyier

css-tricks.com/musings-on-preprocessing/

********************************************/

.coda-slider-wrapper {
  /*******************************************************
  *
  * Most common stuff you'll need to change 
  * will be below this line.
  *
  ********************************************************/
  /******************************************************
  * 
  * Main wrapper padding 
  *
  *******************************************************/
  padding: 20px 0; 
}
  
  .coda-slider-wrapper .coda-slider {
    /******************************************************
    * 
    * Inner wrapper styles 
    *
    *******************************************************/
    background: #f2f2f2;
    /******************************************************
    * 
    * Width of the container. Typically you will want to 
    * match this with the width of the panel as well. 
    *
    *******************************************************/
    width: 700px; 
  }
    
    .coda-slider-wrapper .coda-slider .panel {
      /******************************************************
      * 
      * Width of each individual panel. 
      * Typically you will want to match this with the width 
      * of the container as well. 
      *
      *******************************************************/
      width: 700px; 
    }
      
      .coda-slider-wrapper .coda-slider .panel .panel-wrapper {
        /******************************************************
        * 
        * Panel wrapper styles 
        *
        *******************************************************/
        padding: 20px; 
      }
  
  .coda-slider-wrapper .coda-nav {
    /******************************************************
    * 
    * Tab styles 
    *
    *******************************************************/ 
  }
    
    .coda-slider-wrapper .coda-nav .current {
      /******************************************************
      * 
      * Current tab styles 
      *
      *******************************************************/
      background: #0090FF; 
    }
    
    .coda-slider-wrapper .coda-nav a {
      /******************************************************
      * 
      * Tab styles 
      *
      *******************************************************/
      background: #000;
      color: #fff;
      margin-right: 1px;
      padding: 3px 6px; 
    }
    
    .coda-slider-wrapper .coda-nav a:hover {
      /******************************************************
      * 
      * Tab styles 
      *
      *******************************************************/
      background: #000;
      color: #fff;
      text-shadow: none; 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {
    /******************************************************
    * 
    * Arrow Styles 
    *
    *******************************************************/ 
  }
    
    .coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {
      /******************************************************
      * 
      * Arrow Styles 
      *
      *******************************************************/
      background: #000;
      color: #fff;
      padding: 5px;
      width: 100px; 
    }
  
  .coda-slider-wrapper .coda-nav-left-arrow {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 25px;
    height: 25px;
    background: url(../img/arrow.png) no-repeat top left; 
    margin-top:50px;
  }

.coda-slider-wrapper .coda-nav-left-arrow a {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 0;
    height: 0;
    border:none;
  }

  .coda-slider-wrapper .coda-nav-left-arrow:hover {
    /************************************************
    * 
    * Graphical arrows hover left
    *
    *************************************************/
    background: url(../img/arrow.png) no-repeat bottom left; 
  }
  
  .coda-slider-wrapper .coda-nav-right-arrow {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 25px;
    height: 25px;
    background: url(../img/arrow.png) no-repeat top right; 
    margin-top:50px;
  }
.coda-slider-wrapper .coda-nav-right-arrow a {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 0;
    height: 0;
    background: none; 
    margin-top:0;
    border:none;
  }

  .coda-slider-wrapper .coda-nav-right-arrow:hover {
    /************************************************
    * 
    * Graphical arrows hover right
    *
    *************************************************/
    background: url(../img/arrow.png) no-repeat bottom right; 
  }

  .coda-slider-wrapper .coda-nav-left-arrow:active, .coda-slider-wrapper .coda-nav-right-arrow:active {
    /************************************************
    * 
    * Graphical arrows active
    *
    *************************************************/
    margin-top: 55px; 
  }
  
  .coda-slider-wrapper .loading {
    /******************************************************
    * 
    * Style for preloader 
    *
    *******************************************************/
    height: 100%;
    padding: 20px;
    text-align: center; 
  }

  


.arrows .coda-slider {
  /******************************************************
  * 
  * Margin between slider and arrows 
  *
  *******************************************************/
  margin: 0 10px; 
}

/**********************************************************************
*
* Don't change anything below here unless you know what you're doing 
*
***********************************************************************/

.coda-slider-wrapper {
  /************************************************
  * 
  * Wrapper styles 
  *
  *************************************************/
  clear: both;
  overflow: auto; 
}
  
  .coda-slider-wrapper .coda-slider {
    /************************************************
    * 
    * slider styles 
    *
    *************************************************/
    float: left;
    overflow: hidden;
    position: relative; 
  }
    
    .coda-slider-wrapper .coda-slider .panel-container {
      /************************************************
      * 
      * Panel container styles 
      *
      *************************************************/
      position: relative; 
    }
      
      .coda-slider-wrapper .coda-slider .panel-container .panel {
        /************************************************
        * 
        * Panel styles 
        *
        *************************************************/
        display: block;
        float: left; 
      }
  
  .coda-slider-wrapper .coda-nav {
    /************************************************
    * 
    * Navigation tabs 
    *
    *************************************************/ 
  }
    
    .coda-slider-wrapper .coda-nav ul {
      /************************************************
      * 
      * Navigation tabs 
      *
      *************************************************/
      padding:0;
      clear: both;
      display: block;
      margin: auto;
      overflow: hidden; 
    }
      
      .coda-slider-wrapper .coda-nav ul li {
        /************************************************
        * 
        * Navigation tabs 
        *
        *************************************************/
        display: inline; 
      }
        
        .coda-slider-wrapper .coda-nav ul li a {
          /************************************************
          * 
          * Navigation tabs 
          *
          *************************************************/
          display: block;
          float: left;
          text-decoration: none; 
        }
  
  .coda-slider-wrapper .coda-nav-left-arrow, .coda-slider-wrapper .coda-nav-right-arrow {
    /************************************************
    * 
    * Graphical arrows 
    *
    *************************************************/
    cursor: pointer;
    float: left;
  }
    
    .coda-slider-wrapper .coda-nav-left-arrow a, .coda-slider-wrapper .coda-nav-right-arrow a {
      /************************************************
      * 
      * Graphical arrows 
      *
      *************************************************/
      display: block; 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {
    /************************************************
    * 
    * Html arrows 
    *
    *************************************************/
    float: left; 
  }
    
    .coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {
      /************************************************
      * 
      * Html arrow styles 
      *
      *************************************************/
      display: block;
      text-align: center;
      text-decoration: none; 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-left-arrow {
    /************************************************
    * 
    * Html and graphical arrow styles 
    *
    *************************************************/
    clear: both; 
  }