@charset "utf-8";
/* CSS Document */

html { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; }
body {background: #FFF; margin:0; padding:0; height:100%}
a:link,
a:visited,
a:active { color: #38568e; text-decoration: none; }
a:hover { color: #5f85ce; text-decoration: none; }
a img { border: 0; }
p { padding: 0px; margin:0px 0px 0px 0px; }
ul { margin:5px 0px 5px 0px; padding:0px}
ul li { margin:0px 0px 5px 0px; list-style-type: none; width:auto; padding:0px 0px 0px 12px; background-image:url(/images/li.gif); background-repeat:no-repeat; background-position:0px 5px}
ul li.noGap {margin:0px 0px 0px 0px; }
ol { margin:5px 0px 5px 0px; padding:0px}
ol li { margin:0px 0px 5px 25px; width:auto; padding:0px 0px 0px 0px;}

hr {width:100%; height:1px; color:#b1b4bd; background-color:#b1b4bd; display:block; margin:10px 0px 10px 0px; border:0;}

.clear {clear:both; height:0px}
img.imageBorder { border: 1px solid #c7c7c7; }
img.imageBorderWhite { border: 1px solid #FFF; }
#page {position:relative;width:902px; margin: 0px auto;}
.grayBorder {width:900px; border:#808080 solid 1px;}
.noBottomBorder {border-bottom:none}
.noRightBorder {border-right:none}

/* ---------------------------------------------------------------------- TOP HEADER --------------------------------------------------------------------------------*/
#pageHeader {background:url(/images/header_back.gif) repeat-x; height:63px; border:#FFF solid 1px; padding:18px 0px 0px 18px}

/* ---------------------------------------------------------------------- MAIN MENU --------------------------------------------------------------------------------*/
#mainMenu {background:url(/images/main-b-back.gif) no-repeat left top; height:28px; border:#FFF solid 1px; padding:0px}
#mainMenu a {height:21px; padding:0px; font-size:12px; font-weight:bold; padding:7px 20px 0px 20px; display:block; float:left;}
#mainMenu a:link,
#mainMenu a:visited,
#mainMenu a:active {background:url(/images/main-b-back.gif) no-repeat right top; color:#EEE; }
#mainMenu a:hover {background:url(/images/main-b-back-on.gif) no-repeat right top; color:#FFF; }

#mainMenu a.act:link,
#mainMenu a.act:visited,
#mainMenu a.act:active {background:url(/images/main-b-back-on.gif) no-repeat right top; color:#EEE; }
#mainMenu a.act:hover {background:url(/images/main-b-back-on.gif) no-repeat right top; color:#FFF; }

/* ---------------------------------------------------------------------- BANNER --------------------------------------------------------------------------------*/
#banner img {border:#FFF solid 1px; }

/* ---------------------------------------------------------------------- CONTENT --------------------------------------------------------------------------------*/
H1 {background:url(/images/main-b-back.gif) no-repeat left top; height:22px; border:#FFF solid 1px; padding:6px 18px 0px 18px; margin:0px; color:#FFF; font-size:14px; font-weight:bold}
H1 a:link,
H1 a:visited,
H1 a:active { color: #FFF; text-decoration: none; }
H1 a:hover { color: #5f85ce; text-decoration: none; }
H2 {padding:0px; margin:10px 0px 10px 0px; color:#333; font-size:14px; font-weight:bold}

a.bigButton {height:21px; padding:0px; font-size:12px; font-weight:bold; padding:7px 20px 0px 20px; display:block; float:left;}
a.bigButton:link,
a.bigButton:visited,
a.bigButton:active {background:url(/images/main-b-back.gif) no-repeat right top; color:#EEE; }
a.bigButton:hover {background:url(/images/main-b-back-on.gif) no-repeat right top; color:#FFF; }

#content {padding:20px; border:#FFF solid 1px;}
#content.gallery #products .border {border:#808080 solid 1px; border-right:none}
#content.gallery #products td.prod {width:118px; border:#FFF solid 1px;}
#content.gallery #products img {width:118px; height:118px; border: 1px solid #FFF; }
#content.gallery #categories .border {width:283px; border:#808080 solid 1px}
#content.gallery #categories img {width:281px; height:281px; border: 1px solid #FFF; }
#content.gallery #products .prod img {width:118px; height:118px; border:none; border-bottom: 1px solid #FFF;  }

#content.gallery a.lnk {font-size:12px; font-weight:bold; padding:7px 0px 7px 0px; display:block; text-align:center; width:118px; border:#FFF solid 1px; background:#555}
#content.gallery a.lnk2 {font-size:12px; font-weight:bold; padding:7px 0px 7px 0px; display:block; text-align:center; width:118px; background:#555}
#content.gallery a.lnk:link,
#content.gallery a.lnk:visited,
#content.gallery a.lnk:active,
#content.gallery a.lnk2:link,
#content.gallery a.lnk2:visited,
#content.gallery a.lnk2:active {color:#EEE;}
#content.gallery a.lnk:hover,
#content.gallery a.lnk2:hover {color:#FFF; }

#content.gallery #categories a {width:281px;}

#content.gallery div.description img {width:auto; height:auto}

/* ---------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------*/
#footer {background:url(/images/footer-back.gif); height:22px; border:#FFF solid 1px; padding:6px 18px 0px 18px}

/* ---------------------------------------------------------------------- FORMS --------------------------------------------------------------------------------*/
.courseInfo label { float:left; width:100px; display:block; margin-bottom:10px; padding-top:2px; font-size:10px; font-weight:bold }
.courseInfo .input { float:left; display:block; width:730px; margin-bottom:8px; }
.courseInfo .inputFile { float:left; display:block; width:20px; margin-bottom:8px; margin-left:5px}
.courseInfo .textInput { border:1px solid #8a8a8a; background-color:#FFF !important; width:100%; color:#000; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.courseInfo .textInputB { border:1px solid #8a8a8a; background-color:#FFF !important; width:100%; font-weight:bold; color:#000; font-family: Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:8px; }
.courseInfo .submit { border:1px solid #8a8a8a; background-color:#fff9e5 !important; color:#000; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; width:auto; padding:5px; margin:0px}
.error {font-size:11px; display:block}

.contactForm {margin:0px; width:590px}
.contactForm label { float:left; width:120px; display:block; margin-bottom:10px; padding-top:2px; backgr/ound-color:#66FF00;fo/nt-size:10px;fo/nt-weight:bold; text-align:left}
.contactForm .input { float:left; display:block; width:260px; back/ground-color:#FFFF00;padding-bottom:5px }
.contactForm .inputError { float:left; display:block; width:190px; backgr/ound-color:#FFFF00;color:#FF0000; font-size:10px; padding:2px 0px 0px 15px }
.contactForm .textInput { border:1px solid #c7c7c7; font-size:12px; background-color:#f2f2f2 !important; width:100%; color:#000; font-family:Arial, Helvetica, sans-serif; }
.contactForm .textInputError { border:1px solid #FF0000; font-size:12px; background-color:#f2f2f2 !important; width:100%; color:#000; font-family:Arial, Helvetica, sans-serif; }
.contactForm .radio { width:20px; display:block; float:left; margin-right:0px; margin-top:1px }
.contactForm .radioDesc {h/eight: 11px; padding: 2px 0px 2px 0px; float:left; }
.contactForm .submit { border:1px solid #c7c7c7; font-size:12px; background-color:#f2f2f2 !important; color:#000; font-family:Arial, Helvetica, sans-serif; padding:5px 10px 5px 10px; font-weight:bold}