/*----- CMS Version 2.0 Compatible -----*/

/*----- CORE ELEMENTS -----*/

body, .text { font-size: 12px} 
html, body, p, .text { font-family: Verdana, Geneva, sans-serif; color: #333; }
#main_body { padding: 0px; margin: 0px; background: #1f1f1f url(../images/bg.gif) repeat-x center top; }
#main_container {  width: 950px; margin-right: auto; margin-left: auto; background: #fff url(../images/bg2.gif) repeat-y left top; }
#main_container_home {  width: 950px; margin-right: auto; margin-left: auto; background:#fff }
#print_header {display:none}
#map h2 {font-size: 16px; line-height: 18px; color: #000; font-weight: normal; margin:0 0px 2px 0px;}
.FTPTable td { padding:5px 0;}

p { margin:0px 0px 10px 0px; }
.PageContent, table {font-size: 1em;}
p, .text, li {line-height: 1.7em}
h1 {font-size: 1.58em; line-height: 1em; color: #0f51c2; font-weight: normal; margin:0px 0px 15px 0px; }
h2 {font-size: 1.33em; line-height: 1.2em; color: #0f51c2; font-weight: normal; margin:0px 0px 10px 0px; }
p + h2 {margin:20px 0px 10px 0px;}
h3 {font-size: 1.25em; line-height: 1.2em; color: #0f51c2; font-weight: normal; margin:0px 0px 7px 0px; }
h4 {font-size: 1.25em; line-height: 1.2em; color: #0f51c2; font-weight: normal; margin:5px 0px 10px 0px; padding-top:5px; border-top: dashed 1px #bebebe; }
h5 {font-size: 1.15em; line-height: 1.2em; color: #0f51c2; font-weight: normal; margin:0px 0px 0px 0px; }
.textColor {color: #0f51c2}

ul { margin-top: 0px; padding-left: 0px; margin-left: 0px; list-style-type: none; }
ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 2px; margin-top: 0px; padding-left: 15px; }
ul li ul { padding-left: 0px; list-style-type: none; margin-left: 0px; }
ul li ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 15px; margin-left: 15px; }

a:link, a:visited, .ValidatorTextClass a:link, .ValidatorTextClass a:visited { color: #d92630; text-decoration: none; }
a:hover, a:active, .ValidatorTextClass a:hover, .ValidatorTextClass a:active { color: #d92630; text-decoration: underline; }

img { border: 0px; }
form { display:inline }
hr { height:0px; border-top:1px solid #bebebe; border-right: 0px; border-bottom: 0px; border-left: 0px; }

.formbox, .formtextarea, .formselect, .ValidatorTextClass input {  border: 1px solid #bebebe; font-size: 11px; line-height:13px; color: #666666;background: url(../images/formboxBG.gif) no-repeat 0 0; }
.formbox, .ValidatorTextClass input { padding: 2px 3px; background-color:#fff}
.formtextarea { padding: 2px 0px; background-color:#fff}
.formselect { padding: 0; }
.formselect option {padding:0 3px; background:#fff;}
.formbutton { padding: 2px 3px; background: #d92630; cursor:pointer; border:none; color:#fff; display:inline; }
.formbutton:hover{background:#000}
.ddGo { padding: 2px 3px; background: #d92630; cursor:pointer; color:#fff; font-size:11px; line-height:13px; border: solid 1px #e20e23; height:20px; font-size:12px; margin-left:5px; }
.subjClass { visibility: hidden; width:1px; height:1px; }

.nobr { white-space: nowrap }
td { empty-cells:show;}
.photoright { float:right; margin:0px 0px 10px 20px; clear:right}
.photoleft { float:left; margin:0px 20px 10px 0px; clear:left}
.phototreatment {}

/*----- PRINT ELEMENTS -----*/

.PrintOnly { display:none; }
.DontPrint { }
.PageContent { width:660px;padding-top:30px; float:left; overflow:hidden}


.header{ width:950px; height:85px; position:relative; background:#000 url(../images/head_bg.gif) no-repeat 0 0; border-bottom:10px solid #d92630}
.identity{position:absolute; left:0; top:19px; width:200px; height:48px}
.searchbox {  font-size: 11px; line-height:13px; border:0; color: #666666;background:#fff url(../images/searchbox_bg.gif) no-repeat 0 0; padding: 2px 3px; width:112px; height:18px; position:absolute; left:810px; top:12px }
.searchbutton { width:22px; height:22px; position:absolute; left:928px; top:12px }

/*----- TIER 0 NAVIGATION ELEMENTS (apply these to td) -----*/

.Tier0 { padding:15px 30px;color:#999;font-size:10px;line-height:10px; }
/* OFF */.Tier0 a:link, .Tier0 a:visited { text-decoration:none;color:#999; }
/* ON */.Tier0 a:hover, .Tier0 a:active { text-decoration:underline; }
.Tier0 a:link.On, .Tier0 a:visited.On, .Tier0 a:hover.On, .Tier0 a:active.On { text-decoration:none; color:#333;}


/*----- TIER 1 NAVIGATION ELEMENTS -----*/

.Tier1 { width:565px; height:26px; position:absolute; left:236px; top:10px; border-left:1px solid #4c4c4c}


/*----- DHTML NAVIGATION ELEMENTS (set ie6 background color in nav.js) -----*/

ul.DHTMLMenu {background: transparent url(../images/navigation/menu_background.png) repeat 0px 0px; padding: 0px;margin: 0px;border: none;position: absolute;z-index: 500;display: none;}
ul.DHTMLMenu li {background: none;padding: 0;margin: 0;line-height: 20px;}
ul.DHTMLMenu li a:link, ul.DHTMLMenu li a:visited {color: #fff;background: transparent;padding: 3px 5px;margin: 0px;text-decoration: none;display: block; }
ul.DHTMLMenu li a:hover, ul.DHTMLMenu li a:active {color: #26350c;background: #f9f6e9;padding: 3px 5px;margin: 0px;text-decoration: none;display: block;}


/*----- SIDE NAVIGATION ELEMENTS -----*/
.leftCol { width:220px; float:left; padding-top:20px; margin-right:34px;}

/* ul */.SideNav { list-style-type: none; margin:0 0 20px 0; padding:0;}
.SideNav li { padding:0; margin:0; display:inline; background:none;}

/* OFF li */.SideNav li a:link, .SideNav li a:visited { width:219px;display:block;border-bottom: 1px solid #bebebe;color:#868889;font-size: 12px; margin-bottom:1px; line-height: 14px;text-decoration:none; }
/* OFF li */.SideNav li a:link span, .SideNav li a:visited span { width:166px;padding:4px 10px 4px 43px;display:block;border-top: 1px solid #bebebe; background: url(../images/navigation/nav.gif) no-repeat 0 0; cursor:pointer}
/* OFF HOVER li */.SideNav li a:hover span, .SideNav li a:active span { background: url(../images/navigation/nav.gif) no-repeat 0 -100px; }
/* ON li */.SideNav li.On a:link, .SideNav li.On a:visited, .SideNav li.On a:hover, .SideNav li.On a:active { width:219px;text-decoration:none;color:#ef1622;display:block;border-bottom:none;font-size: 12px; line-height: 14px; }
/* ON li */.SideNav li.On a:link span, .SideNav li.On a:visited span, .SideNav li.On a:hover span, .SideNav li.On a:active span { width:166px;padding:4px 10px 4px 43px;display:block;border-top: 1px solid #bebebe;background: url(../images/navigation/nav.gif) no-repeat 0 -200px;}

/* OFF li */.SideNav li.On ul li a:link, .SideNav li.On ul li a:visited { width:154px;padding:3px 10px 3px 55px;text-decoration:none;color:#868889;display:block;border-top:none;background: url(../images/navigation/nav.gif) no-repeat 0 -300px; font-size: 11px; line-height: 13px; }
.SideNav li.On ul li { margin:0; border-bottom:none}
/* OFF HOVER li */.SideNav li.On ul li a:hover, .SideNav li.On ul li a:active { background: url(../images/navigation/nav.gif) no-repeat 0 -400px; }
/* ON li */.SideNav li.On ul li.On a:link, .SideNav li.On ul li.On a:visited, .SideNav li.On ul li.On a:hover, .SideNav li.On ul li.On a:active { width:154px;padding:3px 10px 3px 55px;text-decoration:none;color:#000;display:block;border-top:none;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -400px; font-size: 11px; line-height: 13px; }

/* OFF li */.SideNav li.On ul li.On ul li a:link, .SideNav li.On ul li.On ul li a:visited { width:137px;padding:1px 10px 1px 72px;text-decoration:none;color:#868889;display:block;border-top:none;background: url(../images/navigation/nav.gif) no-repeat 0 -500px; font-size: 10px; line-height: 12px; }
/* OFF HOVER li */.SideNav li.On ul li.On ul li a:hover, .SideNav li.On ul li.On ul li a:active { background: url(../images/navigation/nav.gif) no-repeat 0 -600px; }
/* ON li */.SideNav li.On ul li.On ul li.On a:link, .SideNav li.On ul li.On ul li.On a:visited, .SideNav li.On ul li.On ul li.On a:hover, .SideNav li.On ul li.On ul li.On a:active { width:137px;padding:1px 10px 1px 72px;text-decoration:none;color:#000;display:block;border-top:none;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -600px; font-size: 10px; line-height: 12px; }



/*----- PAGE ELEMENTS -----*/

.ShareLinks { margin-top:60px;clear:both; font-size:11px; line-height:13px;float:left; }
.ShareLinks a:link, .ShareLinks a:visited { text-decoration:underline; }
.ShareLinks a:hover, .ShareLinks a:active { text-decoration:none; }


.Footer { color: #666; font-family:Arial, Helvetica, sans-serif; padding:15px 0 20px 0; font-size: 11px; line-height: 13px; }
.Footer a:link, .Footer a:visited { color: #ccc; text-decoration:none; }
.Footer a:hover, .Footer a:active { color: #fff; text-decoration:none; }
.Footer a:link.On, .Footer a:visited.On, .Footer a:hover.On, .Footer a:active.On { text-decoration:underline; color:#fff;}
.fatFooter{background:#000; border-bottom:1px solid #363636; margin-bottom:15px; color:#fff}
.fatFooter table{margin:15px 0}
.fatFooter table td{padding-top:5px; padding-bottom:5px; vertical-align:top;}
.fatFooter table td{padding-left:40px; padding-right:10px}
.fatFooter table td + td{padding-right:40px}
.fatFooter table td + td + td, .fatFooter table td + td + td +td{padding-left:40px; padding-right:40px;}
.fatFooter table td + td + td {border-left:1px solid #4c4c4c; border-right:1px solid #4c4c4c}
.fatFooter table td + td + td + td {border:0;}
.fatFooter ul { list-style-type: none; margin:0; padding:0;}
.fatFooter ul li { padding:0; margin:0; line-height:1.45em; display:block; background:none;}
.fatFooter ul li a:link, .fatFooter ul li a:visited {font-size:11px; line-height:13px; color:#ccc; text-transform:uppercase; text-decoration:none}
.fatFooter ul li a:hover, .fatFooter ul li a:active {color:#fff}
.fatFooter ul li.On a{color:#fff;text-decoration:underline}
.fatFooter ul li ul { padding-left: 0px; list-style-type: none; margin-left: 0px; }
.fatFooter ul li ul li { background-image:none;padding:0 0 0 5px; line-height:1.2em; margin:0 0 0 5px }
.fatFooter ul li ul li a, .fatFooter ul li.On ul li a {font-size:11px; line-height:11px; color:#ccc; text-transform:none; text-decoration:none}
.fatFooter ul li ul li a:hover, .fatFooter ul li ul li a:active, .fatFooter ul li.On ul li a:hover, .fatFooter ul li.On ul li a:active {color:#fff}
.fatFooter ul li ul li.On a, .fatFooter ul li.On ul li.On a{color:#fff;text-decoration:underline}
.Footer_Container { background:#1f1f1f;}
.Footer_Top { height:20px;background:url(../images/footer_top.gif) no-repeat 0 0}
.Footer_Top_Home { height:20px;background:url(../images/home/footer_top.gif) no-repeat 0 0}
.madeInUSA { background:url(../images/flag.jpg) no-repeat 0 4px; padding-left:60px; width:135px; display:block}
.customSolution a:link, .customSolution a:visited{background:url(../images/platt_labonia_arrow.gif) no-repeat 2px 3px; width:220px; margin:15px 0 10px 0; display:block; padding-left:13px; font-size:13px; line-height:15px; color:#fff}
.customSolution p{ font-size:10px; line-height:14px; color:#f0f0f0}


/*----- CUSTOM ELEMENTS -----*/
/* these are custom definitions needed for templates */

.contact { border-top:1px solid #bebebe; border-bottom:1px solid #bebebe; margin-bottom:20px}
.contactInfo { background:#fefefe url(../images/home/contact_bg.gif) repeat-x 0 0; padding:25px 35px 20px 25px}
.contactInfo table td{ vertical-align:top; width:25%; padding-right:50px;font-size:11px; line-height:17px;}
.contactInfo table h2{font-size:19px;margin:0 0 2px 0}
.contactInfo table td, .contactInfo table td p {color:#666}
.contactInfo table td + td + td + td{padding-right:0}
.contactInfo table td.contactLink{background:url(../images/home/contact_arrow.gif) no-repeat 0 4px;padding-left:12px; white-space:nowrap; color:#333}
.contactInfo table td.contactLink a.title{font-size:12px; line-height:20px; font-weight:bold}
.contactInfo table td.contactLink a.title:hover, .contactInfo table td.contactLink a.title:active{text-decoration:none; color:#000}

.flash{width:500px; height:224px; float:left; margin:20px 30px 20px 20px}
.welcome{width:360px;float:left; padding-top:32px}
.welcome h1{margin:0 0 5px 0;}

#breadcrumb {padding-bottom:8px; margin:-21px 0 20px 0; font-size:11px; border-bottom:1px solid #bebebe;}

.productDescription { width:419px; margin-right:20px; float:left}
.productRightCol { width:221px; float:left}
.inquire:link, .inquire:visited{width:221px; height:30px; text-decoration:none; display:block; background:url(../images/inquire.gif) no-repeat 0 0; margin-bottom:5px}
.inquire:hover, .inquire:active{background:url(../images/inquire_hover.gif) no-repeat 0 0}
.email:link, .email:visited { width:221px; height:30px; text-decoration:none; display:block; background:url(../images/email.gif) no-repeat 0 0; margin-bottom:20px}
.email:hover, .email:active { background:url(../images/email_hover.gif) no-repeat 0 0}
.relatedProducts, .accessories{ width:195px; padding:10px 12px 10px 12px; margin-bottom:20px;background:#f5f5f5 url(../images/productBoxBG.gif) repeat-x 0 0; border:1px solid #bebebe;}
.relatedProducts ul li a, .accessories ul li a{ display:block}
.relatedProducts .textColor { font-size:14px;}
.relatedProducts em{font-size:12px; color:#5c5c5c}
.relatedProducts .title, .accessories .title { font-size:14px; color:#000}
.relatedProducts .title{ border-top:1px solid #bebebe; padding:8px 0 5px 0; margin-top:8px; display:block}
.accessories .title{ border-bottom:1px solid #bebebe; padding:0 0 5px 0;margin-bottom:8px;display:block}

.extraImages { font-size:11px; line-height:17px; margin:10px 0 25px 0;}

/*----- CONTENT AREA ELEMENTS -----*/
/* these are custom definitions needed for content areas throughout site */

.findOutMore:link, .findOutMore:visited{ color:#fff; text-decoration:none; font-size:14px; line-height:16px; background:url(../images/find_out_more_bg.gif) no-repeat 0 0; width:250px; height:33px; padding:6px 10px 5px 32px; margin-top:20px; display:block;}
.findOutMore span{ font-size:11px; font-style:italic}
.findOutMore:hover, .findOutMore:active{background:url(../images/find_out_more_bg_hover.gif) no-repeat 0 0;}