/* Black border for right-hand bar image links */
img {
border-color: #000000;
border-top: 0!important;
}

/* Product page div contains changing content */
#product_page {
display: block;
background-color: #ffffff;
font-family: Verdana, sans-serif;
font-size:10pt;
width: 578px!important;
margin: 0;
padding: 0;
}

#product_page h1 {
margin: 0 0 0.5em 0;
}

a.blue_button {
  padding: 5px;
  background-color: rgb(204,255,255);
  text-decoration: none;
  font-size: 18pt;
}
a.blue_button:link, a.blue_button:visited {
	color: blue;
}
a.blue_button:hover {
	background-color: yellow;
}

#product_page table {
border-collapse: collapse;
}

#product_page table td, #product_page table th {
font-family: Verdana, sans-serif;
font-size:10pt;
}

#title {
padding-bottom:1em;
text-align: center;
}

#photo1, #photo2 {
width:185px;
padding-right: 10px;
vertical-align: top;
text-align: right;
}

#bullet {
vertical-align: top;
padding-top: 1em;
background-image: url(eu-gradient.jpg);
background-repeat: no-repeat;
border: solid #eeeeee 2px;
height: 300px;
}
#bullet li {
padding-top:0.5em;
}
#bullet ul {
padding-right: 0.5em;
}

table2 {
width: 400px;
background-color: yellow;
}

#picto {
vertical-align: top;
width: 155px;
}
#picto a {
text-decoration: none;
}
#picto img {
border: 0;
}

#desc {
width: 215px;
vertical-align: top;
padding: 0.5em 0.5em 0.5em 0.5em;
background-image: url(gray-gradient.jpg);
background-repeat: no-repeat;
border: solid #eeeeee 2px;
}

#perf {
padding: 1em 1em 1em 2px;
text-align:center;
}

#info, #app {
vertical-align: top;
padding: 0.5em 0.5em 0 0.5em;
font-size:80%;
width: 50%;
background-image: url(gray-gradient.jpg);
background-repeat: no-repeat;
border: solid #cccccc 2px;
}
a.button {
  padding:2px;
  border-bottom: solid #006600 2px;
  border-right: solid #006600 2px;
  border-top: solid #99cc99 2px;
  border-left: solid #99cc99 2px;
  background-color: rgb(99,255,99);
  text-decoration: none;
  font-weight:bold;
}
a.button:link, a.button:visited {
	color: black;
}
a.button:hover {
	background-color: rgb(204,255,153);
	color: rgb(102,0,0);
}

.bodyText {
vertical-align: top;
padding: 0.5em 0.5em 0.5em 0.5em;
background-image: url(gray-gradient.jpg);
background-repeat: no-repeat;
border: solid #eeeeee 2px;
}

.greybox {
vertical-align: top;
padding: 0.5em 0.5em 0.5em 0.5em;
background-image: url(gray-gradient.jpg);
background-repeat: no-repeat;
border: solid #eeeeee 2px;
}

/* CE Standards page styling */

td.greenbox {
vertical-align: top;
padding: 0.5em 0.5em 0.5em 0.5em;
background-image: url(green-gradient.jpg);
background-repeat: no-repeat;
border: solid #ddffdd 2px;
}

td.greenbox img {
margin-right: 0.5em;
}

td.type_comment {
vertical-align: top;
text-align: center;
font-size: 8pt!important;
padding: 0.5em 0.5em 0.5em 0.5em;
}

td.use_garment {
vertical-align: middle;
font-weight: bold;
font-size: 12 pt!important;
padding: 0.3em, 0.5em, 0.2em, 0.5em;
background-image: url(orange-gradient.jpg);
}

td.use_garment a {
  padding: 1px;
  text-decoration: underline;
}
td.use_garment a:link, td.use_garment a:visited {
	color: rgb(0,102,51);
}
td.use_garment a:hover {
	background-color: yellow;
}

/* Chem Perm Guide styling */
table.chem, table.chem tr, table.chem td {
border: 2px solid #555;
}
table.chem {
background-image: url(green-gradient.jpg);
background-repeat: no-repeat;
margin-bottom: 12px;
}

/* CE Cert Download Page styling */
table.certs {
background-image: url(green-gradient.jpg);
background-repeat: no-repeat;
margin-top: 15px;
border: 2px solid #ada;
}

table.certs td {
padding: 5px;
}

/* Garment Selection pages styling */
table#question_table {
width:470px;
background-image: url(gray-gradient.jpg);
background-repeat: repeat-x;
}

#gs_heading {
font-size: 20pt;
text-align: center;
font-weight: bold;
}

#gs_logo {
float: left;
}

#gs_question p{
background-color: rgb(255,153,51);
border: solid rgb(153,51,0) 2px;
font-size: 14pt;
font-weight: bold;
padding: 5px;
text-align: center;
margin-bottom: 8px;
}

#gs_warning p{
background-color: rgb(0,153,255);
border: solid black 1px;
font-size: 10pt;
padding: 5px;
}

#gs_logos p{
margin-bottom: 20px;
}

#gs_green, #gs_red {
font-weight: bold;
text-align: center;
padding: 10px;
width: 50%;
}

#gs_green a, #gs_red a {
text-decoration: none;
font-size: 18pt;
padding: 4px 20px;
border: solid black 2px;
}
#gs_green a:link, #gs_green a:visited {
color: white;
background-color: rgb(41,85,0);
}

#gs_red a:link, #gs_red a:visited {
color: white;
background-color: #990000;
}
#gs_green a:hover {
background-color: rgb(153,204,102);
border: solid black 2px;
}
#gs_red a:hover {
background-color: rgb(255,102,102);
border: solid black 2px;
}


#gs_back a {
font-weight: bold;
text-align: center;
margin-top: 20px;
text-decoration: none;
font-size: 8pt;
padding: 4px 10px;
border: solid black 2px;
}
#gs_back a:link, #gs_back a:visited {
color: white;
background-color: rgb(0,153,204);
}
#gs_back a:hover {
background-color: rgb(0,204,255);
border: solid black 2px;
}

/* ChemMAX chemical permeation table */

table#chemmax {
background-color: #fcc;
border: 2px solid #000;
}

table#chemmax td {
padding: 4px;
font-size:70%;
}

table#chemmax td + td + td {
color: #f70;
text-align: center;
}

table#chemmax a {
color: #292;
text-decoration: none;
}

table#chemmax a:hover {
text-decoration: underline;
}

/* ChemMAX mini menu */
#chemmax_menu {
float: right;
}

#chemmax_menu p {
font-size: 0.8em;
font-weight: bold;
background-color: rgb(204,153,51);
color: #555;
border-top: 2px solid #ffa!important;
border-bottom: 2px solid rgb(150,103,25)!important;
list-style-type: none;
margin: 0;
width: 200px;
height: 20px;
padding: 6px 7px 0 2px;
text-align: right;
}

#chemmax_menu a {
text-decoration: none;
color: #ffa;
}

#chemmax_menu a:hover {
text-decoration: underline;
color: #fff;
}

/* Gloves styling */
table.glove_groups th a {
color: #000;
text-decoration: none;
}
table.glove_groups th a:hover {
color: #333;
text-decoration: underline;
}
table.glove_groups td, table.glove_groups th {
border: 2px solid #777!important;
}

.glove_title {
border: solid #fff 4px;
margin: 0;
padding: 0 3px;
}
.glove_title p {
margin: 0;
padding: 0;
}
.glove_bullet {
vertical-align: top;
padding: 1em 0 0 0  ;
margin: 0;
background-color: rgb(0,132,132);
background-image: url(blue_vert_fade.jpg);
border: solid #fff 4px;
}
.glove_bullet p {
padding: 10px;
}
.glove_app {
vertical-align: top;
padding: 0.5em 0.5em 0 0.5em;
margin: 0;
background-color: #000;
color: #fff;
border: solid #fff 4px;
}
.glove_bullet li, .glove_app li {
padding-bottom:0.5em;
}
.glove_bullet ul, .glove_app ul {
list-style-position: outside;
margin: 0 0 0 2em;
padding: 0 0.5em 0 0;
}
.glove_en_list, .glove_en_symbol {
border: solid #fff 4px;
background-image: url(orange_fade.jpg);
padding: 5px 2px;
vertical-align: top;
font-size: 10px!important;
}
.glove_img {
border: solid #fff 4px;
background-color: rgb(252,201,80);
padding:0;
text-align: center;
}
.glove_en_list table th {
font-size: 9px!important;
font-weight: bold;
border-bottom: 1px solid #000;
padding-bottom: 2px;
text-align: left;
}
.glove_en_list table td {
font-size: 9px!important;
padding: 1px;
text-align: left;
}
.glove_en_symbol {
padding-right: 8px;
}
.glove_en_symbol .left {
float: left;
margin: 0 7px;
text-align: center;
height: 75px;
}
.glove_en_symbol .bottom {
clear: both;
text-align: center;
margin-top: 5px;
}
.glove_en_symbol p {
margin: 0;
}

/* Contact Us / Contact Form pages */
.contact {
font-family: Arial, Helvetica, sans-serif;
}
.contact p {
font-size: 14pt;
margin-top: 0;
}
.contact h2 {
font-size: 20pt;
margin-top: 0;
text-align: left!important;
}
.contact h3 {
margin-top: 0;
margin-bottom: 5px;
color: #CC0000;
font-size: 10pt;
text-align: left!important;
}
.contact td {
padding: 5px;
}
p.email a {
text-decoration: none;
color: #000;
}
p.email a:hover {
text-decoration: underline;
}
.formErrors {
color: #e00;
}

/* Accessories Pages */

table.accessories {
border-collapse: collapse;
}
table.accessories h3 {
background-color: #a4bf96;
font-size: 12pt;
padding: 2px;
text-align: center;
}
table.accessories td {
background-color: #d5dfcd;
width: 50%;
vertical-align: top!important;
border: 5px solid #fff !important;
padding: 3px 3px 8px 3px;
}
table.accessories img {
float:left;
margin-right:7px;
}
table.accessories a {
font-weight: bold;
}