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

body {
 background-color: #3755ab;
 margin: 0px;
 padding: 0px;
 scrollbar-face-color:#ffffff;
 scrollbar-highlight-color:#3755ab;
 scrollbar-3dlight-color:#3755ab;
 scrollbar-darkshadow-color:#3755ab;
 scrollbar-shadow-color:#3755ab;
 scrollbar-arrow-color:#ffffff;
 scrollbar-track-color:#3755ab;
 background-image: url(images/bg.jpg);
 background-repeat: repeat-x;
 background-position: top; }


form {margin: 0px; padding: 0px;}

a, a:hover {cursor: pointer; cursor: hand;}

td {
 font-family: arial, verdana, tahoma;
 font-weight: normal;
 font-size: 12px;
 color: #000000;}

.tbb {
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
 color: #000000;}

.cc {
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: normal;
 font-size: 12px;
 color: #777777;}


.tvb {
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
 color: #11004d;}

.copy {
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: normal;
 font-size: 12px;
 color: #ffffff;}
.cl {
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: normal;
 font-size: 12px;
 color: #ffffff;}
.cl:hover {
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: normal;
 font-size: 12px;
 color: #95d1f3;}

.ttlb12 {
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
 color: #231171;}

.ttlb12 span{font-weight: normal;}

.ttlwb {
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: bold;
 font-size: 12pt;
 color: #ffffff;}
.ttlb {
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: bold;
 font-size: 26px;
 color: #231171;}
.ttlg {
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: bold;
 font-size: 26px;
 color: #585858;}

li {
 list-style-image: url(images/sq.jpg);
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: bold;
 line-height: 20px;
 font-size: 12px;
 color: #002285;}


.t {border-top: #cccccc 1px solid;}
.r {border-right: #cccccc 1px solid;}
.b {border-bottom: #cccccc 1px solid;}
.l {border-left: #cccccc 1px solid;}


.cat {
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: bold;
 margin: 0px 0px 0 12px;
 font-size: 9pt;
 color: #9e9e9e;}

.acat{
 text-decoration: none;
 font-weight: bold;
 font-size: 9pt;
 margin: 0px 0px 0 12px;
 color: #9e9e9e;
 display:block;
 }

.acat:hover {
 color: white;
 text-decoration:underline;}

.scat {
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: bold;
 line-height: 15px; 
 margin: 0px 0px 0px 12px;
 font-size: 12px;
 color: #9e9e9e;
 display:block;
 }
.scat:hover {
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: bold;
 line-height: 15px;
 margin: 0px 0px 0px 12px;
 font-size: 12px;
 color: #ffffff;}
.ascat {
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: bold;
 line-height: 20px;
 font-size: 10px;
 margin: 0px 0px 0px 12px;
 color: #ffffff;}


.pcat {
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: bold;
 margin: 0px 0px 0px 12px;
 font-size: 12px;
 color: #9e9e9e;}
.pcat:hover {
 font-family: arial, verdana, tahoma;
 text-decoration: underline;
 font-weight: bold;
 margin: 0px 0px 0px 12px;
 font-size: 12px;
 color: #ffffff;}
.apcat {
 font-family: arial, verdana, tahoma;
 text-decoration: underline;
 font-weight: bold;
 font-size: 12px;
 margin: 0px 0px 0px 12px;
 color: #ffffff;}

.inputc {
 border: #7c7c7c 1px solid;
 width: 178px;
 height: 20px;
 margin-bottom: 2px;
 background-color: #ffffff;
 font-size: 11px;
 color: #4b4b4b;}
.txtar {
 border: #7c7c7c 1px solid;
 width: 178px;
 height: 100px;
 overflow: auto;
 background-color: #ffffff;
 font-size: 11px;
 color: #4b4b4b;}

.send {
 border: 0px solid;
 width: 80px;
 height: 20px;
 cursor: hand;
 cursor: pointer;
 font-family: arial, verdana, tahoma;
 text-decoration: none;
 font-weight: normal;
 font-size: 11px;
 color: #000000;
 background-color: #78c1eb;}

.inputl {
 border: #7c7c7c 1px solid;
 width: 136px;
 height: 17px;
 background-color: #cfe3f0;
 margin: 2px 0px 0px 0px;
 font-size: 11px;
 color: #000000;}
.ok {
 border: 0px solid;
 width: 17px;
 height: 17px;
 cursor: hand;
 cursor: pointer;
 margin: 10px 0px 0px 0px;
 background-image: url(images/ok.jpg);
 background-repeat: no-repeat;}
 
 .menu{padding:4px 10px 4px 10px; text-align:center}
 .menu a{color:White; text-decoration:none; font-size:8pt; font-weight:bold; font-family:Arial;}
  .menu a:hover {color:White; text-decoration:underline; font-size:8pt; font-weight:bold; font-family:Arial;}


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



div#head{
  height:34px;
  float:left;
  color:#231171;
  font-size:17pt;
  font-family:Segoe Ui, Tahoma; 
  text-transform: capitalize;
  margin: 0px 10px 0px 0px;
}
div#head:first-letter{
  color:#636363;
}

div#headhome{
  float:left;
  color:#231171;
  font-size:35px;
  font-family:Segoe Ui, Tahoma; 
  text-transform: capitalize;
  margin: 0px 10px 0px 0px;  
}
div#headhome:first-letter{
  color:black;
}

 
.register
  {
    font-family: arial, verdana, tahoma;
    text-decoration: none;
    font-weight: bolder;
    font-size: 0.9em;
    color: #21116a;
 }



.category{width:189px; height:146px; float:left; margin:15px; }
.category h1{width:189px; height:29px; text-align:center; font-size:12pt; color:white; margin:0; padding:5px 0 0 0; background:url('img/catbg.gif') left top no-repeat;}
.category img{border-bottom:2px solid #909090;}

img{border:0;}

h2{margin-bottom:20px;padding:0;color:black;font-size:12pt;font-weight:bold;}

ul{list-style:none outside none; margin:0; padding:0;}
ul li{list-style:none outside none; color:#9e9e9e; font-weight:bold; margin:0; padding:10px 0px 10px 10px; border-bottom:1px solid #9e9e9e; background-image:none;}
li a{color:#9e9e9e; text-decoration:none;}
li a:hover{color:white; text-decoration:underline;}
li.hi{color:white;}
li.hi a{color:white;}

ul li ul li{list-style:none outside none; border-bottom:none; font-size:7pt; font-weight:normal; color:#9e9e9e; padding:0px; margin:0;}
ul li ul li a{color:#9e9e9e !important;}
ul li ul li a:hover{color:white !important;}

.product {float:left; width:127px; margin:0 6px 8px 0; background:url(img/frame.gif) left top no-repeat;}
.product a img{padding:0px 0 0 0px;}
.product h2{padding:5px 0 0 0; margin:0; height:55px; font-size:8pt; font-weight:normal;}

.smallproduct {float:left; width:180px; margin:0 0 10px 10px; }
.smallproduct .image{width:84px; height:84px; background:url('img/small_frame.gif') left top no-repeat; float:left; margin:0 5px 5px 0;}
.smallproduct .image img{margin:2px 0 0 2px;}
.bigproduct {float:left; margin:0 0 10px 0;}
.bigproduct .image{margin-left:30px; margin-bottom:20px; width:256px; height:206px; background:url('img/big_frame.gif') left top no-repeat;}
.bigproduct .image img{margin:3px 0 0 3px;}
.clear {clear: both; height: 0; overflow: hidden;}

.pageContent {padding:20px 20px 200px 10px; background:url('img/rbg.jpg') bottom left no-repeat; }

.menu_item {display:block; margin-left:5px; }