* {margin: 0; padding: 0; list-style-type: none; border: none; text-decoration: none;}
body {text-align: center; background-image: url(../images/layout/bckgrd.jpg); background-repeat: repeat-x; background-color: #CCCCCC; background-position: top; font-family: Helvetica, Arial; font-size: 100%;}

/* Headings */
h1 {font-size: 1.1em; text-transform: uppercase; color: #FF9C00; margin: 0 0 10px 0; padding: 20px 5px 10px 0;}
h2 {background-color: #F0F0F0; border: 1px solid #CCCCCC; color: #333333; font-weight: bold; font-size: 0.7em; padding: 5px; letter-spacing: 0.05em; text-transform: uppercase; margin: 20px 0;}
h2 a {color:204f95;}
h3 {font-size: 0.72em; color: #333333; padding: 10px 0 5px 0;}
h4 {font-size: 0.72em; color: #666666;}
h5 {font-size: 0.75em; color: #000000; letter-spacing: normal; padding: 15px 0 10px 0;}

a {color: #204f95;}
a:visited {color: #336699;}

/* Layout */
#container {width: 750px; text-align: left; margin: 0 auto; background-image: url(../images/layout/container.gif); background-repeat: repeat-y; float: none; overflow: auto;}
#left {min-height: 100%; width: 500px; float: left;}
#right {min-height: 100%; width: 250px; float: right;}
#top-left {width: 500px; height: 375px; background-image: url(../images/layout/top-left.jpg); position: absolute; top: 0;}
#top-right {width: 250px; height: 225px; padding: 122px 0 0 0; background-image: url(../images/layout/top-right.jpg); position: absolute; top: 0;}
#featurebar-left {height: 200px; border-top: 5px solid #204f95; border-bottom: 5px solid #204f95; overflow: hidden; clear: left;}
#body-left {width: 440px; padding: 375px 30px 0 30px; min-height: 400px;}
#body-right {width: 210px; padding: 375px 20px 0 20px;}

.footer {margin: 20px 20px 10px 30px; padding: 10px; background-color: #333333; min-height: 50px; height: 60px; border: 1px solid #666666; background-image: url(../images/layout/footer.gif); background-repeat: repeat-x; clear: both;}
.footer p {font-size: 0.7em; line-height: 1.3em; padding: 5px 0 0 0;}
.footer, .footer a, .footer a:visited {color: #FFFFFF;}
.footer li {display: inline; padding: 0 20px 0 0; font-size: 0.7em; font-weight: bold;} 

/* Paragraphs */
sup {line-height: 1.8em;}
p {font-size: 0.72em; line-height: 2em;}
p.contact {color: #333333; line-height: 1.3em; font-size: 0.7em; font-weight: bold; text-transform: uppercase;}
.contact a {color: #333333;}

/* Forms */
input, select, textarea {padding: 5px; font-size: 11px; border: 1px solid #CCC; background-color: #FFF;}
input[type=text], select, textarea, input[type=submit] {color: #666;}
input[type=submit] {background: #FFF url(../images/layout/submit.gif) bottom left repeat-x;}
textarea {font-family: Helvetica, Arial; width: 250px;}
span {font-size: 0.7em;}

input.search {padding: 3px; width: 140px; margin: 0 0 0 15px; font-size: 12px; float: left;}
input.searchsubmit {padding: 3px; margin: 0 0 0 5px; float: left;}

/* Lists */
ul.hornav {width: 485px; padding: 120px 0 0 15px;}
.hornav li {height: 23px; width: 97px; background-color: #333333; float: left; color: #FFFFFF; font-size: 0.65em; font-weight: bold; text-transform: uppercase; text-align: center; margin: 2px 0 0 0; overflow: hidden; line-height: 1.8em;}
.hornav a {color: #FFFFFF; display: block; width: 97px;}
.hornav a:visited {color: #FFFFFF;}
.hornav li:hover {background-color: #222222;}
a.selected {height: 24px; width: 95px; border: 1px solid #204f95; border-bottom: none; background-image: url(../images/layout/hornav.jpg); background-repeat: repeat-x;}

ul.vertnav {padding: 40px 0 0 0;}
.vertnav li {font-size: 0.7em; padding: 5px 15px;}

.products li {display: inline; width: 140px; float: left; padding: 10px 5px; text-align: center; font-size: 0.7em; height: 195px;}
.products img {margin: 20px 0; border: none;}

.news li {padding: 10px 0; font-size: 0.72em; line-height: 1.4em;}
.news span.date {font-size: 11px;}

.awards li {padding: 10px 0 5px 0; font-size: 0.72em; border-bottom: 1px dashed #CCCCCC;}

/* Tables */
table {table-layout: auto; padding: 5px; border-collapse: collapse; table-layout: auto;}

table#productLinks tr, table#productLinks td {border-bottom: 1px dotted #F0F0F0;}
table#productLinks td, table#productLinks th {font-size: 12px;}

table.contact td {padding: 5px; font-size: 12px;}

table.samples {width: 100%; margin: 5px 0 5px 0; border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0;}
.samples th {background-color: #F0F0F0; border-bottom: 1px solid #F0F0F0; padding: 5px; text-transform: uppercase;}
.samples tr {border-bottom: 1px solid #F0F0F0; font-size: 0.7em;}
.samples td {border-bottom: 1px solid #F0F0F0; padding: 5px; line-height: 1.0em; }
.samples tr:hover {background-color: #F0F0F0;}
.samples td.warning {line-height: 1.6em;}

table.locations {width: 450px; margin: 10px 0 0 0;}
.locations th {background-color: #F0F0F0; border: 1px solid #CCCCCC; color: #336699; font-weight: bold; font-size: 0.7em; padding: 5px; letter-spacing: 0.05em; text-transform: uppercase;}
.locations td {padding: 10px; vertical-align: top;}
.locations tr.multiple {border-bottom: 1px dashed #CCCCCC;}
.locations td.multiple {border-bottom: 1px dashed #CCCCCC;}
.locations tr {border-bottom: 1px dashed #CCCCCC;}
.locations p {font-size: 0.7em; line-height: 1.5em;}

table.benefits {font-size: 0.72em;}
.benefits td {padding: 5px 25px;}

table.news {font-size: 0.7em;}
.news th {background-color: #F0F0F0; border: 1px solid #CCCCCC; padding: 5px;}
.news td {padding: 5px;}

/* Cut Corners */
.cutcorner {height: 100%; background: url(../images/layout/highlight2.gif) no-repeat top left; overflow: hidden;}

.lcutcorner {width: 190px; float: left; padding: 0 10px 10px 10px;}
.lcutcorner h2 {text-align: center; padding: 0 0 5px 0; margin: 20px 0 20px 0; border: none; font-size: 12px; text-transform: uppercase; color: #666; background: none;}
.lcutcorner ul {list-style-image: url(../images/icons/bullet.gif); margin: 0 0 0 25px;}
.lcutcorner li {font-size: 12px; padding: 0 0 10px 0; list-style-image: url(../images/icons/bullet.gif);}
.lcutcorner p {font-size: 0.7em; padding: 0 10px;}

.rcutcorner {width: 190px; float: left; margin: 0 0 0 10px; padding: 0 10px 10px 10px;}
.rcutcorner h2 {text-align: center; padding: 0 0 5px 0; margin: 20px 0 20px 0; border: none; font-size: 12px; text-transform: uppercase; color: #666; background: none;}
.rcutcorner ul {list-style-image: url(../images/icons/bullet.gif); margin: 0 0 0 25px;}
.rcutcorner li {font-size: 12px; padding: 0 0 10px 0;}
.rcutcorner p {font-size: 0.7em; padding: 0 10px;}

span.postDate {font-size: 11px;}
span.more {font-size: 11px; padding-left: 10px;}
span.important a {font-weight: bold; color: #FF0000;}

/* Product Tabs */
.tabber {display: none;}
.tabberlive .tabbertabhide {display: none;}

ul.tabbernav {border-bottom: 1px solid #999999;padding: 0 0 0 5px;}
.tabbernav li {display: inline; font-weight: bold; margin: 0 1px; padding: 0; font-size: 8.5pt;}
.tabbernav a {color: #666666; border: 1px solid #999999; border-bottom: 1px solid #999999; padding: 10px 3px 8px 3px; line-height: 30px; background-image: url(../images/layout/tab_up.gif); background-repeat: repeat-x; background-position: top;}
.tabbernav a:hover {color: #336699; background-image: url(../images/layout/tab_up.gif); background-repeat: repeat-x; background-position: top;}
.tabberactive a {color: #336699; border-top: 1px solid #999999; background-image: url(../images/layout/tab_up.gif); background-repeat: repeat-x; background-position: top; background-color: #FFFFFF; padding: 10px 3px 8px 3px;  border-bottom: 1px solid #fff;}

.tabbertab {padding: 20px 10px; border: 1px solid #999999; min-height: 250px; background-image: url(../images/layout/tab_dn.gif); background-repeat: repeat-x; background-position: bottom; border-top: 0; background-color: #FFFFFF;}
.tabbertab p {margin: 0 10px; font-size: 0.7em;}
.tabbertab h5 {font-size: 0.7em; text-transform: uppercase; padding: 5px; margin: 5px 0 5px 0; background-color: #F0F0F0;}
.tabbertab li {margin: 0 2px; font-size: 0.7em;}
.tabbertab table {margin: 5px; }

.nodisplay {display: none;}

img.awards {border: none; padding: 5px 0 10px 0;}
img.awards#diversity {padding: 5px 0 10px 0;}

#clear {clear: left;}

p.news {font-size: 0.7em;}
p.alert {border: 1px solid #CCCCCC; background-color: #F0F0F0; padding: 10px;color: red; margin: 0 0 10px 0;}

#blogpost {font-size: 0.72em; line-height: 1.8em;}
#blogpost img {border: 1px solid #CCCCCC; padding: 5px; width: 400px;}
#blogcomments {font-size: 0.7em; line-height: 1.5em;}
#blogsign {font-size: 0.7em;}
.blogrecent li {font-size: 0.6em;}
.syndicate li {display: block; float: left; font-size: 0.6em; text-transform: uppercase; padding: 3px; border: 1px solid #CCCCCC; margin: 0 5px 0 0; height: 15px;}
.syndicate a {color: #666666;}

#gloveU {background: url(../images/layout/gloveU.gif) no-repeat top left; margin-top: 20px; padding: 25px 10px 10px 100px; height: 75px;}
#gloveU h2 {border: none; text-decoration: none; background: none; font-size: 12px; margin: 0; padding: 0 10px 5px 0; color: #666;}
#gloveU h2 a {text-transform: none;}
#gloveU p {font-size: 12px; line-height: 15px;}