/* addaptation of Eric Meyer's START BASELINE RESET */
/* BASELINE RESET: adjust for each new project */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, caption, tbody, tfoot, thead th
{
    margin: 0; /* resets all margins to none */
    padding: 0; /* resets all padding to none */
    border: 0; /* resets all borders to none */
    font-weight: normal; /* should be obvious */
    font-style: normal; /* should be obvious */
    font-size: 100%; /* Overides browser deafult control */
    line-height:1.5; /* line height = font height */
    font-family: 'Arial'; /* default font (most generic) */
    text-align: left; /* default reading style */
    vertical-align: baseline; /* aligns different sized text to the same baseline */
}

table
{
    border-collapse: separate; /* default border method compatible with most browsers */
    border-spacing: 0; /* no 3D borders today */
}
table, tr, td
{
    margin: 0; /* resets all margins to none */
    padding: 0; /* resets all padding to none */
    border: 0; /* resets all borders to none */
    text-align: left; /* default reading/rendering style */
    vertical-align: middle; /* verticaly aligns middle different sized text, img or objects */
}


a img, :link img, :visited img
{
    border: 0; /* resets all borders to none */
}
ol, ul
{
    list-style: none; /* default list style */
}
q:before, q:after, blockquote:before, blockquote:after
{
    content: ""; /* Sets null quotes for each type as default */
}
/* END BASELINE RESET */

html
{
    /*    font-size: 0.800em; /* BASELINE FONT SIZE 0.800em -> 10pt:1em:19.2*/
    font-size: 1.0em; /* BASELINE FONT SIZE 1.000em -> 12pt:1em:16*/
    overflow: scroll; /* */
}

/* */
body
{
    margin: 0em; /* */
    padding: 0em; /* */
    background: #808080 url('../pic/slate-b.png') repeat; /*  */
}


kbd, p, b, i, em
{
    /*    font-size: 0.8em; /*  */
    font-family: 'Arial'; /*  */
    color: Black; /*  */
    line-height: 1.5; /* */
}


.document-width /* Note: webpage-width (-) 2em border */
{
    width: 47.875em; /* Note: Do not overide on any page (47.875em 766px default) */
}
.document-area /* Note: Content table/page section height */
{
    width: 47.875em; /* Note: Do not overide on any page (47.875em 766px default) */
    background-color: #03012D; /* */
    border-left: solid 0.0625em #C2C2C2; /* */
    border-right: solid 0.0625em #C2C2C2; /* */
    border-bottom: solid 0.0625em #C2C2C2; /* */
}
.document-height /* Note: Documenet area height */
{
    height: 31.5625em; /* Note: em overide may exist in the page header 31.5625em 505px default:(6em + content height) */
}
.content-height /* Note: Content area height */
{
    height: 25.5625em; /* Note: em overide may exist in the page header 25.562em default:409px */
}
.content-box /* Note: Content area height */
{
    background-color: #5A6172; /* */
/*    background-color: #4F5667; /* */
    border: solid 0.0625em #B2B2B2; /* */
}
.content-box-2A /* Note: Content area height */
{
    background-color: #747376; /* */
}
.content-box-2 /* Note: Content area height */
{
    background-color: #747376; /* */
    border: solid 0.0625em #B2B2B2; /* */
}
.content-box-3 /* Note: Content area height */
{
    background-color: #747376; /* */
    border-top: solid 0.0625em #333333; /* */
}
.content-width /* change default document height here */
{
    width: 39.562em; /* Note: em overide exists on each page header (39.562emdefault) */
}

#wrapper
{
    margin-left: auto; /* */
    margin-right: auto; /* */
    width: 48em; /* mandatory to be centered (document-width + (page: border x2) 49.000em 784px */
    position: relative; /* */
}
#page
{
    /*     border: solid  0.500em #292929; /* */ /* border: solid  0.500em #122; /* */ /*   border: solid  0.500em #28251F; /* */
}







/* Page Border: Start */
.blend-r
{
    width: 0.5em; /*  */
    background-color:#292929; /*  */
}
.blend-l
{
    width: 0.5em; /*  */
    background-color:#292929; /*  */
}
.blend-b
{
    left:-0.5em; /* use absolute width value in blend-l (-) */
    height: 0.5em; /*  */
    bottom:-0.5em; /* use absolute value height in blend-b (-) */
    width:49.0em; /* document width */
    background-color:#292929; /*  */
}
/* Page Border: End */


#kc-ssl
{
    background: url('../pic/dummy-z.png') no-repeat; /*  */
}
#kc-ssl:hover
{
    background: url('../pic/kc-ssl-z.png') no-repeat; /*  */
    cursor: default; /*  */
}


#kc-login
{
    background: url('../pic/dummy-z.png') no-repeat; /*  */
    position: absolute; /*  */
    bottom: -0.0625em;
    left: 0.125em; /*  */
}
#kc-login:hover
{
    background: url('../pic/kc-login-z.png') no-repeat; /*  */
    cursor: default; /*  */
}


.info
{
    background: url('../pic/dummy-z.png') no-repeat; /*  */
    position: absolute; /*  */
    bottom: -0.0625em;
    left: 0.125em; /*  */
}
.info:hover
{
    background: url('../pic/info-z.png') no-repeat; /*  */
    cursor: default; /*  */
}
.home-g
{
    /*   background: url('../pic/header-g.png') repeat-x; /*  */
    border-bottom: solid 0.0625em #b2b2b2; /*  */
    cursor: default; /*  */
}

/* ********************************************************************************** */



.form-field
{
    margin: 0 0 0 0.8em; /* */
    padding: 0.25em; /* */
    border: solid 0.0625em #808080; /* */
    background-color: #00003E; /*  */
    color: #F4F4F4; /* */
    font-size: 0.9em; /* */
    font-family: 'Arial'; /*  */
    height: 1.25em; /*  */
    width: 23em; /*  */
}
.form-block
{
    margin: 0 0 0 0.8em; /* */
    padding: 0.25em; /* */
    border: solid 0.0625em #808080; /* */
    background-color: #00003E; /*  */
    color: #F4F4F4; /* */
    font-size: 0.9em; /* */
    font-family: 'Arial'; /*  */
    height: 6.875em; /*  */
    width: 23em; /*  */
}
.form-b
{
    border-top: solid 0.0625em #808080; /* */
}
.form-b1
{
    background-color: #00003E; /*  */
    border-left: solid 0.0625em #808080; /* */
    border-right: solid 0.0625em #808080; /* */
    border-bottom: solid 0.0625em #808080; /* */
}
.form-b2
{
    background-color: #737373; /*  */
    border-right: solid 0.0625em #808080; /* */
    border-bottom: solid 0.0625em #808080; /* */
}

textarea#form-1
{
    width: 28.5em; /* */ /*	width: 436px; /* */ /*	height: 115px; /* */
    height: 11.0em; /* */ /*	border: 2px solid #f0f; /* */
    padding: 0.25em; /* */
    font-family: Arial, Tahoma, sans-serif; /* */ /*	font-family:   Sans-Serif /* */
    font-size: 0.95em; /* */
    line-height: normal; /* */ /*	background-image:url('../pic/form-0.png'); /* */ /*	background-position: center; /* */ /*	background-repeat: no-repeat; /* */
    margin: 0 0 0 0.8em; /* */
    overflow: scroll; /* */
}

/* ********************************************************************************** */

.header-text-01
{
    font-family: 'Arial'; /*  */
    font-size: 1.2em; /*  */
    color: #F4F4F4; /* */
/*    line-height: 1.7em; /* */
    vertical-align: baseline; /* */
}


.text-sm
{
    color: #F4F4F4; /* */
    font-size: 0.8em; /* */
    font-family: 'Arial'; /*  */
 /*   line-height: 1.5; /* */
}
.text-n, .text-b
{
    color: #F4F4F4; /* */
    font-size: 0.9em; /* */
    font-family: 'Arial'; /*  */
  /*  line-height: 1.5; /* */ /*   line-height:normal; /* */ /*   vertical-align:  middle; /* */
}
.text-b
{
    font-weight: bold; /* */
}
.text-u
{
    text-decoration: underline /* */;
}

.text-yellow
{
    color: #F4F400; /* */
}
.text-white, .text-white-09, .text-white-10, .text-white-11, .text-white-12
{
    color: #F4F4F4; /* */
}
.text-red
{
    color: #F40000; /* */
}
.text-bold
{
    font-weight: bold; /* */
}
.text-underline
{
    text-decoration: underline; /* */
}
.text-size-07
{
    font-family: 'Arial'; /*  */
    font-size: 0.55em; /* */
/*    line-height: normal; /* */
}
.text-size-08
{
    font-family: 'Arial'; /*  */
    font-size: 0.7em; /* */
/*    line-height: normal; /* */
}
.text-size-09, .text-white-09
{
    font-family: 'Arial'; /*  */
    font-size: 0.75em; /* */
/*    line-height: normal; /* */
}
.text-size-10, .text-white-10
{
    font-family: 'Arial'; /*  */
    font-size: 0.8em; /* */
/*    line-height: normal; /* */
}
.text-size-11, .text-white-11
{
    font-family: 'Arial'; /*  */
    font-size: 0.95em; /* */
/*    line-height: normal; /* */
}
.text-size-12, .text-white-12
{
    font-family: 'Arial'; /*  */
    font-size: 1.0em; /* */
 /*   line-height: normal; /* */
}
.text-size-13
{
    font-family: 'Arial'; /*  */
    font-size: 1.05em; /* */
 /*   line-height: normal; /* */
}
.text-size-14
{
    font-family: 'Arial'; /*  */
    font-size: 1.2em; /* */
  /*  line-height: normal; /* */
}
.text-size-15
{
    font-family: 'Arial'; /*  */
    font-size: 1.3em; /* */
  /*  line-height: normal; /* */
}
.text-size-16
{
    font-family: 'Arial'; /*  */
    font-size: 1.4em; /* */
  /*  line-height: normal; /* */
}
.text-size-17
{
    font-family: 'Arial'; /*  */
    font-size: 1.45em; /* */
  /*  line-height: normal; /* */
}
.text-size-18
{
    font-family: 'Arial'; /*  */
    font-size: 1.5em; /* */
  /*  line-height: normal; /* */
}
.text-size-19
{
    font-family: 'Arial'; /*  */
    font-size: 1.55em; /* */
 /*   line-height: normal; /* */
}
.text-size-20
{
    font-family: 'Arial'; /*  */
    font-size: 1.6em; /* */
  /*  line-height: normal; /* */
}
.text-size-22
{
    font-family: 'Arial'; /*  */
    font-size: 1.8em; /* */
  /*  line-height: normal; /* */
}
.text-size-24
{
    font-family: 'Arial'; /*  */
    font-size: 2.0em; /* */
  /*  line-height: normal; /* */
}
.text-size-28
{
    font-family: 'Arial'; /*  */
    font-size: 2.3em; /* */
   /* line-height: normal; /* */
}
.text-size-32
{
    font-family: 'Arial'; /*  */
    font-size: 2.55em; /* */
  /*  line-height: normal; /* */
}
.text-size-36
{
    font-family: 'Arial'; /*  */
    font-size: 3.0em; /* */
  /*  line-height: 1.5em; /* */
}

/* ********************************************************************************** */

.pannel-box
{
    background-color: #1C1C1C; /* */
    border: solid 0.0625em #B2B2B2; /* */
    vertical-align: baseline; /* */
}

.header
{
    background-color: #1C1C1C; /* */
    border: solid 0.0625em #DDDDDD; /* */
    vertical-align: baseline; /* */
}

.header-text
{
    font-family: 'Arial'; /*  */
    font-size: 1.4em; /*  */
    color: #F4F4F4; /* */
    line-height: 1.7em; /* */
    vertical-align: baseline; /* */
}

.header-text-lg
{
    font-family: 'Arial'; /*  */
    font-size: 1.6em; /*  */
    color: #F4F4F4; /* */
    line-height: 1.9em; /* */
    vertical-align: baseline; /* */
}

.dft-b
{
    font-family: 'Arial'; /*  */
    font-size: 1.000em; /*  */
    vertical-align: baseline; /* */
}
/* ************************************************************************************** */

/* ************************************************************************************** */

.hyperlink-selection-yellow, .hyperlink-selection-yellow:visited
{
    text-decoration: underline; /*  */ /*    line-height:  normal; /*  */
    color: #F4F400; /* */
    font-size: 0.9em; /* */
    font-family: 'Arial'; /*  */
}

.hyperlink-selection-yellow-sm, .hyperlink-selection-yellow-sm:visited
{
    text-decoration: underline; /*  */ /*    line-height:  normal; /*  */
    color: #F4F400; /* */
    font-size: 0.8em; /* */
    font-family: 'Arial'; /*  */
}

.hyperlink-selection-sm, .hyperlink-selection-sm:visited
{
    text-decoration: underline; /*  */ /*    line-height:  normal; /*  */
    color: #F4F4F4; /* */
    font-size: 0.8em; /* */
    font-family: 'Arial'; /*  */
}
.hyperlink-selection-sm:hover, .hyperlink-selection-sm:visited:hover
{
    text-decoration: underline; /*  */ /*    color:#E8AA00; /*  */ /*   color:#45B; /*  */
    background-color: Blue;
    color: #F4F4F4; /*  */
    cursor: pointer; /*  */
}




.hyperlink-selection, .hyperlink-selection:visited
{
    text-decoration: underline; /*  */ /*    line-height:  normal; /*  */
    color: #F4F4F4; /* */
    font-size: 0.9em; /* */
    font-family: 'Arial'; /*  */
}
.hyperlink-selection:hover, .hyperlink-selection:visited:hover, .hyperlink-selection-yellow:hover, .hyperlink-selection-yellow:visited:hover, .hyperlink-selection-yellow-sm:hover, .hyperlink-selection-yellow-sm:visited:hover
{
    text-decoration: underline; /*  */ /*    color:#E8AA00; /*  */ /*   color:#45B; /*  */
    background-color: Blue;
    color: #F4F4F4; /*  */
    cursor: pointer; /*  */
}




.hyperlink-footer, .hyperlink-footer:visited
{
    background-color: #1A1A1A; /*  */
    font-size: 0.75em; /*  */
    font-family: Arial; /*  */
    text-decoration: none; /*  */
    text-decoration: underline; /*  */
    color: #AAA; /*  */
    line-height: normal; /*  */ /*  height:0.5em; /*  */
}
.hyperlink-footer:hover, .hyperlink-footer:visited:hover
{
    text-decoration: underline; /*  */ /*    color:#E8AA00; /*  */ /*   color:#45B; /*  */
    color: #F4F4F4; /*  */
    cursor: default; /*  */
}

.watermark
{
    /*  text-align: center; /*  */
    font-size: 0.55em; /*  */
    font-family: 'Arial'; /*  */
    color: #AAA; /*  */
    background-color: #1A1A1A; /*  */ /*   opacity:0.6; /*  */ /*   filter:alpha(opacity=60); /*  */ /*  line-height: 17em; /*  */ /*  width:12.000em; /* 192px 12.000em default */
    cursor: default; /* */
}

.watermark2
{
    font-size: 0.55em; /*  */
    font-family: 'Arial'; /*  */
    color: #AAA; /*  */
    background-color: #1A1A1A; /*  */ /*   opacity:0.6; /*  */ /*   filter:alpha(opacity=60); /*  */ /*  line-height: 17em; /*  */ /*  width:12.000em; /* 192px 12.000em default */
    cursor: default; /* */
    text-decoration: none; /*  */ /*    color:#E8AA00; /*  */ /*   color:#45B; /*  */
}
.watermark2:hover, .watermark2:visited:hover
{
    color: #F4F4F4; /*  */
    background-color: #1A1A1A; /*  */ /*   opacity:0.6; /*  */ /*   filter:alpha(opacity=60); /*  */ /*  line-height: 17em; /*  */ /*  width:12.000em; /* 192px 12.000em default */
    cursor: default; /* */
    text-decoration: none; /*  */ /*    color:#E8AA00; /*  */ /*   color:#45B; /*  */
}



/* ************************************************************************************** */

/* ************************************************************************************** */

#slideshow
{
    position: absolute; /* */
    bottom: 0em; /* */
    right: 0em; /* */
}

#slideshow IMG
{
    position: absolute; /* */
    top: -9.9em; /* */
    right: 1.6em; /* */
    z-index: 8; /* */
    display: none; /* */
}

#slideshow IMG.active
{
    z-index: 10; /* */
    display: block; /* */
}

#slideshow IMG.last-active
{
    z-index: 9; /* */
}


/* ************************************************************************************** */
/*  Products Selector Grid */
/* ************************************************************************************** */
.grid-map, .grid-map:visited
{
    background: url('../pic/dummy-z.png') no-repeat; /* */ /*  border: solid 0.0625em #333399; /* */
}
.grid-map:hover, .grid-map:visited:hover
{
    background: url('../pic/dummy-z.png'); /* */
    border: solid 0.0625em #333399; /* */
}
/* ************************************************************************************** */
