﻿body
{
BACKGROUND-COLOR: #C4CCDB;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 8pt;
COLOR: #4C4C4C;
MARGIN: 0px 0px 0px 0px;
BACKGROUND-IMAGE: url('/images/bck_slc.gif');
BACKGROUND-REPEAT: repeat-y;
BACKGROUND-POSITION: center top;
PADDING-BOTTOM:3em;
/* overflow-y:hidden; */
}
#shell
{
Z-INDEX: 2;
text-align: center;
POSITION: absolute;
TOP: 0;
LEFT: 0;
text-align: center;
width: 100%;
height: 100%;
}
#holder
{
width: 778px;
text-align: left;
margin: 0px auto;
}
#m_holder
{
width: 778px;
text-align: left;
margin: 0px auto;
}


#background
{
Z-INDEX: 1;
text-align: center;
POSITION: absolute;
TOP: 0;
LEFT: 0;
HEIGHT: 100%;
WIDTH:100%;
}

#background div
{
WIDTH: 778px;
HEIGHT: 100%;
BACKGROUND-IMAGE: url('/images/hm_back.jpg');
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: right top;
}

a
{
COLOR: #A70303;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
}

a:link
{
COLOR: #A70303;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
}
a:visited
{
COLOR: #A70303;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
}
a:active
{
COLOR: #A70303;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
}
a:active:visited
{
COLOR: #A70303;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
}
a:hover
{
COLOR: #FF8A00;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
}
a:visited:hover
{
COLOR: #FF8A00;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
}

/*---------------
TOP nav styles
----------------*/
#header
{
HEIGHT: 73px;
BACKGROUND-IMAGE: url('/images/header.jpg');
BACKGROUND-REPEAT: repeat-y;
BACKGROUND-POSITION: right top;
WIDTH: 778px;
}

#nav
{
BACKGROUND-COLOR: #F2F5FB;
BACKGROUND-IMAGE: url('/images/TOP_slc.jpg');
BACKGROUND-REPEAT: repeat-y;
BACKGROUND-POSITION: left top;
border-width: 1px 0px 1px 0px;
border-color: #A9BDE3;
border-style: solid;
TEXT-ALIGN: left;
PADDING: 4px 0px 0px 25px;
HEIGHT: 1.6em;
WIDTH: 753px;
}
#nav ul
{
LIST-STYLE-TYPE: none;
MARGIN: 0px;
PADDING: 0px;
}
#nav li
{
DISPLAY: inline;
LIST-STYLE-TYPE:none;
}
#nav a
{
PADDING: 0px 15px 0px 10px;
TEXT-TRANSFORM: uppercase;
TEXT-DECORATION: none;
BACKGROUND-IMAGE: url('/images/TOP_div.gif');
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: center left;
FONT-WEIGHT: bold;
}

#nav a:link
{
COLOR: #000000;
TEXT-TRANSFORM: uppercase;
FONT-WEIGHT: bold;
}
#nav a:hover
{
COLOR: #2A5DBB;
FONT-WEIGHT: bold;
CURSOR: pointer;
}
#nav  a:visited:hover
{
COLOR: #2A5DBB;
FONT-WEIGHT: bold;
CURSOR: pointer;
}
#nav a:visited
{
COLOR: #000000;
TEXT-TRANSFORM: uppercase;
FONT-WEIGHT: bold;
}

#nav a:active
{
COLOR: #02A3AD;
FONT-WEIGHT: bold;
CURSOR: pointer;
}
#nav a:visited:active
{
COLOR: #02A3AD;
FONT-WEIGHT: bold;
CURSOR: pointer;
}
/*---------------
left nav styles
----------------*/
#left
{
FLOAT: left;
PADDING-LEFT: 0px;
WIDTH: 170px;
BACKGROUND-IMAGE:url('/images/nav_bck.gif');
BACKGROUND-REPEAT:repeat-y;
TEXT-ALIGN: right;
MARGIN-TOP: 20px;
}
h4
{
WIDTH: 170px;
MARGIN: 0px 0px 0px 0px;
PADDING: 3px 0px 3px 0px;
FONT-SIZE: 100%;
TEXT-TRANSFORM: uppercase;
LETTER-SPACING: 0px;
FONT-WEIGHT: normal;
BACKGROUND-COLOR: #C8D3E6;
COLOR: #275594;
}
#left ul
{
WIDTH: 170px;
FONT-SIZE: 100%;
LIST-STYLE-TYPE:none;
MARGIN: 0px 0px 0px 0px;
PADDING: 0px;
LETTER-SPACING: 0px;
}
#left li a:hover, #left li a:visited:hover
{
BORDER-TOP: 2px solid #C8D3E6;
BORDER-BOTTOM: 1px solid #C8D3E6;
BACKGROUND-COLOR: #EDF1F9;
CURSOR: pointer;
PADDING: 2px 20px 3px 0px;
}
#left ul ul a:link:hover, #left ul ul a:visited:hover {
FONT-SIZE: 100%;
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
TEXT-TRANSFORM: capitalize;
COLOR: #3474CB;
CURSOR: pointer;
BACKGROUND-COLOR: #f2f5fb;
PADDING: 1px 20px 6px 0px;
}
#left ul ul li
{
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
}
#left ul li a:link, #left ul li a:visited 
{
PADDING: 2px 20px 3px 0px;
BACKGROUND-COLOR: #EDF1F9;
COLOR: #18355e;
TEXT-TRANSFORM: uppercase;
BORDER-TOP: 2px solid #C8D3E6;
BORDER-BOTTOM: 1px solid #C8D3E6;
BACKGROUND-IMAGE: none;
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: right top;
}
#left ul li a:active
{
PADDING: 2px 20px 3px 0px;
BACKGROUND-COLOR: #EDF1F9;
COLOR: #18355e;
TEXT-TRANSFORM: uppercase;
BORDER-TOP: 2px solid #C8D3E6;
BORDER-BOTTOM: 1px solid #C8D3E6;
BACKGROUND-IMAGE: url('/images/lnav_arrax.gif');
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: right top;
}
#left ul ul li a:link, #left ul ul li a:visited 
{
BACKGROUND-IMAGE: url('/images/lnav_arra.gif');
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: right top;
BACKGROUND-COLOR: #F2F5FB;
PADDING: 1px 20px 6px 0px;
COLOR: #275594;
TEXT-TRANSFORM: capitalize;
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
}
#left ul ul li a:active 
{
BACKGROUND-IMAGE: url('/images/lnav_arrax.gif');
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: right top;
BACKGROUND-COLOR: #F2F5FB;
PADDING: 1px 20px 6px 0px;
COLOR: #275594;
TEXT-TRANSFORM: capitalize;
BORDER-TOP: 0px;
BORDER-BOTTOM: 0px;
}

#left a
{
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
DISPLAY:block;
}
/*---------------
home styles
----------------*/

#hm_content1
{
FLOAT: left;
PADDING-RIGHT: 24px; /*-- Something wrong here --*/
WIDTH: 370px;
TEXT-ALIGN: left;
MARGIN: 20px 0px 0px 40px;
PADDING: 0px 0px 10px 0px;
BACKGROUND-COLOR: transparent;

}
#hm_content2
{
FLOAT: right;
WIDTH: 308px;
TEXT-ALIGN: left;
PADDING: 0 0 0 0;
}

#hm_content2 ul
{
LIST-STYLE-TYPE:none;
MARGIN: 0px 0px 0px 0px;
}
#hm_content2 li
{
MARGIN: 10px 0px 0px 0px;
}
h3
{
COLOR: #4F6A9B;
WIDTH: 294px;
HEIGHT: 10px;
FONT-SIZE: 110%;
BACKGROUND-IMAGE: url('/images/hm_dots.gif');
BACKGROUND-REPEAT: repeat-x;
BACKGROUND-POSITION: center bottom;
PADDING: 0px 12px 10px 1px;
MARGIN: 0px 0px 0px 0px;
FONT-WEIGHT: normal;
}
h3 a
{
FONT-SIZE: 90%;
}

.newsl
{
WIDTH: 160px;
float: left;
margin: 0px auto;
}
.newsr
{
WIDTH: 140px;
float: right;
TEXT-ALIGN: right;
margin: 0px auto;
}
#hm_content2 a
{
BACKGROUND-IMAGE: url('/images/sq_but.gif');
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: left center;
PADDING: 3px 0px 6px 14px;
TEXT-DECORATION: none;
}
#hm_content2 a:link
{
COLOR: #A70303;
FONT-WEIGHT: normal;
}
#hm_content2 a:visited
{
COLOR: #A70303;
FONT-WEIGHT: normal;
}
#hm_content2 a:hover, #hm_content2 a:visited:hover
{
BACKGROUND-IMAGE: url('/images/sq_but_on.gif');
COLOR: #FF8A00;
CURSOR: pointer;
FONT-WEIGHT: normal;
}

/*---------------
content styles
----------------*/
#content
{
FLOAT: left;
WIDTH: 525px;
TEXT-ALIGN: left;
MARGIN: 0px 0px 0px 0px;
PADDING: 20px 20px 0px 35px;
}
#contentfull
{
FLOAT: left;
WIDTH: 680px;
TEXT-ALIGN: left;
MARGIN: 0px 0px 0px 0px;
PADDING: 20px 20px 0px 40px;
}
#list
{
WIDTH: 540px;
PADDING: 0px 0 0 0;
}
#list li
{
LIST-STYLE-IMAGE:url('/images/bullet.gif');
MARGIN: 0px 0px 8px 0px;
DISPLAY:block;
}
.list2 ul
{
PADDING: 0px 0px 0px 19px;
MARGIN: 0px 0px 0px 0px;
}
.list2 li
{
LIST-STYLE-IMAGE:url('/images/bullet.gif');
PADDING: 0px 0px 0px 0px;
MARGIN: 0px 0px 8px 0px;
}
td
{
FONT-SIZE: 100%;
}

h1
{
COLOR: #33609F;
WIDTH: 100%;
LETTER-SPACING: 2px;
FONT-SIZE: 110%;
PADDING-BOTTOM: 6px;
FONT-WEIGHT: normal;
TEXT-TRANSFORM: capitalize;
PADDING: 0px 0px 4px 0px;
MARGIN: 4px 0px 15px 0px;
BORDER-BOTTOM: 1px solid #33609F;
}
h2
{
COLOR: #4F6A9B;
FONT-SIZE: 130%;
PADDING-BOTTOM: 6px;
MARGIN: 0px 0px 0px 0px;
FONT-WEIGHT: normal;
}
h5
{
COLOR: #4F6A9B;
FONT-SIZE: 130%;
PADDING-BOTTOM: 6px;
MARGIN: 0px 0px 0px 0px;
FONT-WEIGHT: normal;
}

/*---------------
product styles
----------------*/
h6
{
COLOR: #6C6B6B;
WIDTH: 100%;
FONT-SIZE: 90%;
PADDING: 0px 0px 0px 0px;
MARGIN: 0px 0px 0px 0px;
FONT-WEIGHT: normal;
}
.title
{
COLOR: #082968;
WIDTH: 100%;
FONT-SIZE: 100%;
PADDING: 0px 0px 7px 0px;
MARGIN: 0px 0px 4px 0px;
FONT-WEIGHT: normal;
HEIGHT: 12px;
BORDER-BOTTOM: 1px solid #B4BED1;
}
.item
{
WIDTH: 100%;
}
.thumb
{
FLOAT: left;
}
.description
{
FLOAT: right;
WIDTH: 420px;
}

/*---------------
footer styles
----------------*/

.clearboth
{
clear:both;
}
#f_holder
{
margin: 0px auto;
padding: 25px 0px 20px 0px;
width: 778px;
text-align: left;
}
#footer
{
FONT-SIZE: 90%;
WIDTH: 753px;
TEXT-ALIGN: left;
HEIGHT: 3.5em;
margin: 12px 0px 0px 0px;
padding: 6px 15px 6px 15px;
border-top: 1px solid #A9BDE3;
COLOR: #8D9DBE;
}

/*---------------
form styles
----------------*/
#form td
{
FONT-SIZE: 90%;
}
#form input
{
FONT-SIZE: 100%;
MARGIN: 0px 0px 10px 0px;
}
input
{
FONT-FAMILY: Verdana;
FONT-SIZE: 100%;
}
select
{
FONT-FAMILY: Verdana;
FONT-SIZE: 100%;
}

textarea
{
FONT-FAMILY: Verdana;
FONT-SIZE: 100%;
}

#hr
{
MARGIN: 10px 0px 10px 0px;
border-top: 1px solid #082968;
}
#right
{
FLOAT: right;
WIDTH: 185px;
}
