body { padding:20px; margin:10px; background:#e2eaf1; font-family:"Tahoma", arial, verdana, sans-serif; font-size:70%; color:#004282}
table { font-size:1em; }
h1, h2, h3, h4 {font-family:"Tahoma", arial, verdana, sans-serif; }
h1 {  color:#004282; font-weight:normal; font-size:1.8em; margin:0; margin-bottom:20px;  }
h2 {  color:#fff; font-weight:bold; font-size:1.2em; letter-spacing:1px; background:#004282;  padding-left:3px; clear: both}
h3 { color:#004282; font-size:1.2em; border-bottom:1px solid #004282; font-weight:normal;}
h4 { color:#b5283d; font-size:1.2em; font-weight:normal;}
a { color:#b6283d; text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; }
a img {border:1px solid white; padding:4px}
a:hover img {border:1px solid #a6997c; padding:4px}
.datatable input, .datatable textarea { font-family:tahoma, arial, verdana, sans-serif;; background:#b1c7db; color:#646464; border:0; padding:1px; overflow:hidden; width:260px;}

 img.clsleft { margin-right:10px; margin-bottom:10px; }
 img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
 img.clsright { margin-left:10px; margin-bottom:10px; }

 img.clsborderleft { margin-right:10px; margin-bottom:10px; border:1px solid #cfdde8; padding:4px; }
 img.clsborderleft1 { margin-right:10px; margin-bottom:10px; border:1px solid white; padding:4px; }
 img.clsbordermiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; border:1px solid #cfdde8; padding:4px;}
 img.clsborderright { margin-left:10px; margin-bottom:10px; border:1px solid #cfdde8; padding:4px;}

 img.border {border:1px solid #cfdde8; padding:4px;}

 #notes { font-size:0.9em; font-style:italic; }
#sitelogo { text-align:left; width:750px; margin:20px auto;  line-height:60px; height:60px;}

.datatable td { border-bottom:1px solid #b1c7db }

.datatable1 {}
.datatable1 td { border-bottom:2px solid #cfdde8; background: #bccbd7; padding: 4px; }
.datatable1 p {margin: 0; padding: 0}
.datatable1 th { border-bottom:2px solid #cfdde8; background: #004282; padding: 4px; color: white; font-weight: bold}

#logo { float:left;}

#hbc {float:right}
#hbc a { margin-left:10px;  color:#004282;}
#hbc a:hover { color: white; text-decoration:none;}

#container { width:749px; margin:0 auto; text-align:left; background:url(background.jpg) top repeat #fff; padding:20px 20px; }

#top_pic { background:url(../template/top.jpg)  top no-repeat; height:144px; margin:-20px; text-align:center; padding-top:12px; margin-bottom:20px; }

#menu { float:left; width:158px; }

#nav, #nav ul { padding:0; margin:0; list-style:none; width:160px; text-align:left; }
#nav a { display:block; width:158px; padding-left:2px;  color:#004282; height:25px; line-height:24px;  font-weight:normal;  }
#nav a:hover { color:#000; text-decoration:none; }
#nav li { float:left; width:158px; }
#nav li ul { position:absolute; width:170px ; left:-999em; }
#nav li ul ul { margin:-27px 0 0 170px; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left:auto; margin:-27px 0 0 170px; }
#nav li ul ul { margin:-1em 0 0 10em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto; }
#nav .nav_child, #nav .nav_child2 { border:1px solid #fff; border-bottom:0; }
#nav .nav_parent a { background:url(../template/nav_parent_out.gif) no-repeat #D1EEFF right; }
#nav .nav_parent a:hover { background:url(../template/nav_parent_over.gif) no-repeat #378CD5 right; }
#nav .nav_child a { background:#D1EEFF; }
#nav .nav_child a:hover  { background:#378CD5; }
#nav .nav_parent2 a { background:url(../template/nav_parent_out.gif) no-repeat #D1EEFF right; }
#nav .nav_parent2 a:hover { background:url(../template/nav_parent_over.gif) no-repeat #378CD5 right; }
#nav .nav_child2 a { background:#D1EEFF; }
#nav .nav_child2 a:hover  { background:#378CD5; }
#nav #active { background:none; color:#92b0ca; cursor:default; }

#paypal {margin: 20px 0}

#pagebody {  float:right;  width:549px; padding:0 20px;}
#pagebody p { line-height:1.4em; font-size:1em;} 
#pagebody ul li { line-height:1.4em; font-size:1em; list-style:square}
#pagebody .noborder img { border:0; }

#bottom { height:91px; background:url(bottom.jpg) no-repeat center #cfdde8}


#end { font-size:1em; letter-spacing:1px; width:760px; margin:10px auto; color:#848484; }
#end a { color:#848484; text-decoration:none; font-weight:normal; }
#end a:hover { text-decoration:underline; }
#end p {font-size:1em; }
#add_left, #add_right { font-size:1.2em; padding-bottom:7px; font-weight:bold; }
#add_left { float:left; }
#add_right { float:right; }
.clear { clear:both; margin:0; line-height:23px; }
.contactform td  { color:white; }
.submit, .reset { cursor:pointer; }
.submit { background:#004282;  width:65px; color:#fff; border: 0}
.reset { background:#cfdde8; width:65px; color:#004282; border: 0}
.shout { color:#aeaeae; font-weight:bold; font-size:1em;}
.shout { color:#000; font-weight:bold; font-size:1em;}
.clear { clear:both; }

#main_menu { font-size:1.2em; margin-bottom:5px; color:#004282;  border-bottom:1px solid #004282; padding-bottom:2px; padding-left:2px;}

#prduct_menu { font-size:1.2em; margin-top:30px; margin-bottom:5px; color:#004282; border-bottom:1px solid #004282; padding-bottom:2px; padding-left:2px;} 

.news { background:url(news_pak_back.jpg) no-repeat; text-align:center}
.news input { width:160px; border:1px solid #004282; margin-bottom:4px;}
.news input.submit { width:60px; background: #004282; border: 1px solid white; color: white}


.prod { background:url(public_allert.jpg) no-repeat; text-align:center }
.prod input { width:160px; border:1px solid #004282; margin-bottom:4px;}
.prod input.submit { width:60px; background: #004282; border: 1px solid white; color: white}

.item {background:url(item_back.gif) no-repeat bottom right #cfdde8; border: 2px solid white}
#details {background:url(item_back.gif) no-repeat bottom right #cfdde8; border: 2px solid white; padding: 5px}
#details img.border {border: 1px solid white}
#details td {padding: 3px}
#details h3 {font-size: 1.4em}
.item a {color: white}
.item b {color: #004282; font-size: 1.1em; letter-spacing: 1px}
.item b.price a {color: #b6283d}
.item a:hover {text-decoration: underline}
.second_heading td {background: white; color: #004282}

#add_to_cart {cursor: pointer; background: #004282; border: 2px solid white; color: white; padding: 2px; font-size: 0.9em; font-weight: bold}