/* style.css - all of the CSS2 styles used for the web site. */

html, body {
    margin:             0;
    padding:            0;
}

body {
    background:         transparent url('../images/header_bg.jpg') repeat-x;
    background-color:   #FFFFFF;
    font-family:        "Lucida Sans", Arial, Sans-serif;
    font-size:          11pt;
    color:              #000;
}

a:link, a:visited {
    color:              #7FC7F2;
    text-decoration:    underline;
}

a:hover {
    color:              #7FC7F2;
    text-decoration:    none;
}

img {
    border:             0;
}

h1, h2, h3 {
    font-weight:        bold;
    color:              #F20000;
    display:            inline;
}

h1 {
    font-size:          18pt;
}

h2 {
    font-size:          14pt;
}

h3 {
    font-size:          12pt;
}

.smalltext {
    font-size:          9pt;
}

.tinytext {
    font-size:          7pt;
}

.justifiedtext {
    text-align:         justify;
}

.centered {
    margin:             0 auto;
    text-align:         center;
}

div#errormsg, div#errorbox, div#successmsg {
    padding:            10px;
    margin:             0px auto 30px auto;
    font-weight:        bold;
    width:              66%;
    text-align:         center;
}

div#errormsg ul, div#errorbox ul {
    text-align:         left;
    margin-left:        50px;
}

div#errormsg, div#errorbox {
    background-color:   #DFBCBF;
    border:             2px solid #CC0000;
    color:              #CC0000;
}

div#successmsg {
    background-color:   #BCDFBF;
    border:             2px solid #1B5128;
    color:              #1B5128;
}

.error {
    color:              #CC0000;
    font-size:          8pt;
}

img.right_align {
    float:              right;
    padding:            0 0 15px 15px;
}

img.left_align {
    float:              left;
    padding:            0 15px 15px 0;
}

/* site specifics */
div#header, div#main, div#footer {
    width:              770px;
    clear:              both;
    margin:             0 auto;
}

div#header div, div#main div {
    float:              left;
}

div#main div.middle div {
    float:              none;
}

div#header {
    height:             204px;
}

div#header .top, div#header .bottom {
    width:              770px;
    clear:              both;
}

div#header .top {
    height:             204px;
    text-align:         center;
}

div#header #front {
    height:             136px;
    /* background:         transparent url('../images/header_bg_top.jpg') repeat-x; */
    text-align:         center;
}

div#header .top div {
    height:             204px;
    overflow:           hidden;
}

div#header #front div {
    height:             136px;
    overflow:           hidden;
}

div#header .top .left, div#header .top .right {
    width:              225px;
}

div#header .top .middle {
    width:              320px;
    font-size:          10pt;
    /* height:             136px;
    overflow:           visible; */
}

div#header .title {
    font-size:          12pt;
    font-weight:        bold;
    margin-top:         10px;
}

div#header .red {
    color:              #F20000;
}

div#header a:link, div#header a:visited, div#header a:hover {
    color:              #7FC7F2;
    text-decoration:    underline;
}

div#header a:hover {
    text-decoration:    none;
}

div#header .bottom {
    width:              770px;
    height:             68px;
}

div#header div.bottom div#bottom_wrapper {
    width:              770px;
    height:             68px;
    background:         transparent url('../images/front_logo_top.jpg') no-repeat scroll bottom center;
}

div#header div.bottom div#bottom_wrapper marquee {
    font-size:          12pt;
    font-weight:        bold;
    color:              #F20000;
    width:              400px;
    padding-top:        8px;
    margin:             0 auto 0 auto;
}

div#top_pics {
    width:              151px;
    padding:            56px 37px 0 37px;
}

div#main .left, div#main .right {
    text-align:         center;
    width:              120px;
}

div#main .left img, div#main .right img {
    margin:             10px 0;
}

div#main .middle {
    width:              530px;
}

div#footer {
    text-align:         center;
}

div#footer img {
    margin:             10px 0;
}

#front_bigtext {
    font-size:          24pt;
    font-weight:        bold;
    color:              #F20000;
}

img#front_logo {
    margin-left:        79px;
}

#front_page p, #front_page img {
    text-align:         center;
}

/* ----------- */

div.box, div.box .top, div.box .bottom {
    width:              208px;
}

div.box {
    margin:             0 auto;
    background:         #FFF url('../images/box_middle.gif') repeat-y;
}

div.box .top {
    height:             12px;
    background:         #FFF url('../images/box_top.gif') no-repeat scroll top left;
}

div.box .content {
    width:              194px;
    padding:            0px 7px;
}

div.box .bottom {
    height:             15px;
    background:         #FFF url('../images/box_bottom.gif') no-repeat scroll bottom left;
    clear:              both;
}

/* for removing strange IE spacing */
div.box .top, div.box .bottom, div.box2 .top, div.box2 .bottom,
div.box3 .top, div.box3 .bottom {
    font-size:          0px;
    line-height:        0px;
}

div.box2, div.box2 .top, div.box2 .bottom {
    width:              298px;
}

div.box2 {
    margin:             0 auto;
    background:         #FFF url('../images/box2_middle.gif') repeat-y;
}

div.box2 .top {
    height:             10px;
    background:         #FFF url('../images/box2_top.gif') no-repeat scroll top left;
    clear:              both;
}

div.box2 .content {
    width:              278px;
    padding:            0 10px;
}

div.box2 .bottom {
    height:             11px;
    background:         #FFF url('../images/box2_bottom.gif') no-repeat scroll bottom left;
    clear:              both;
}

div.box3, div.box3 .top, div.box3 .bottom {
    width:              450px;
}

div.box3 {
    margin:             0 auto;
    background:         #FFF url('../images/box3_middle.gif') repeat-y;
}

div.box3 .top {
    height:             10px;
    background:         #FFF url('../images/box3_top.gif') no-repeat scroll top left;
    clear:              both;
}

div.box3 .content {
    width:              430px;
    padding:            0 10px;
}

div.box3 .bottom {
    height:             11px;
    background:         #FFF url('../images/box3_bottom.gif') no-repeat scroll bottom left;
    clear:              both;
}

div.box_right {
    margin:             0 0 0 auto;
    float:              right;
}

img#front_cpr {
    margin-bottom:      10px;
}

div.glove_kit_box {
    background:         #FFF url('../images/glove_kits_bg.jpg') no-repeat scroll top center;
    width:              456px;
    height:             269px;
    margin:             0 auto;
    overflow:           hidden;
}

div.glove_kit_box div {
    position:           relative;
    font-size:          11px;
    overflow:           hidden;
}

div.glove_kit_box .text1 {
    width:              193px;
    height:             250px;
    left:               9px;
    top:                10px;
}

div.glove_kit_box .text2 {
    width:              193px;
    height:             250px;
    left:               256px;
    top:                -242px;
}


table.glove_kits, table.glove_kits2 {
    border:             0;
}

table.glove_kits2 {
    width:              100%;
}

table.glove_kits tr td {
    width:              265px;
    vertical-align:     top;
}

table.glove_kits2 tr td {
    vertical-align:     top;
}

table.glove_kits2 tr td.diagram {
    width:              150px;
    text-align:         right;
}

div.glove_kit {
    font-size:          10pt;
}

div.glove_kit_big {
    margin-top:         10px;
    font-size:          18pt;
    text-align:         center;
}

div.glove_kit_whiteline {
    margin:             0 auto;
    text-align:         center;
}

table.first_aid_kits img, img.manikin_shields {
    display:            block;
    margin:             0 auto;
    text-align:         center;
}

table.first_aid_kits tr.top td.first, table.first_aid_kits tr.top td.third {
    vertical-align:     top;
    width:              208px;
}

table.first_aid_kits tr.top td.second {
    width:              114px;
}

table.first_aid_kits tr.bottom div {
    margin:             0 auto;
}

table.first_aid_kits ul {
    margin-top:         0;
    margin-bottom:      0;
}

table.first_aid_kits ul li {
    margin-left:        -1em;
}

div.key_chains {
    background:         #FFF url('../images/key_chains_bg.jpg') no-repeat scroll top center;
    width:              456px;
    height:             269px;
    margin:             0 auto;
}

div.key_chains div {
    position:           relative;
    font-size:          11px;
    overflow:           hidden;
}

div.key_chains .text1 {
    width:              190px;
    height:             65px;
    left:               10px;
    top:                200px;
}

div.key_chains .text2 {
    font-size:          14px;
    text-align:         center;
    width:              95px;
    height:             50px;
    margin-left:        175px;
    margin-top:         85px;
    background-color:   #fff;
}

div.key_chains .text3 {
    width:              190px;
    height:             65px;
    left:               257px;
    top:                2px;
}


table.key_chains tr td.first, table.key_chains tr td.third {
    vertical-align:     top;
    text-align:         center;
}

table.key_chains tr td.first {
    width:              208px;
    padding-left:       40px;
}

table.key_chains tr td.second {
    width:              34px;
}

table.key_chains tr td.third {
    width:              208px;
    padding-right:      40px;
}

.key_chains_big {
    font-size:          18pt;
}

table.summary tr td {
    vertical-align:     top;
}

div#pocket_mask_box {
    background:         #FFF url('../images/pocket_mask_box.gif') no-repeat scroll top center;
    width:              500px;
    height:             147px;
    margin:             0 auto;
    overflow:           hidden;
    font-size:          12px;
    text-align:         center;
    padding-top:        12px;
}