/* CSS Document */

html{scrollbar-face-color:#0097E8; scrollbar-arrow-color:#ffffff; 
scrollbar-track-color:#f0f0f0; scrollbar-highlight-color:#0097E8; 
scrollbar-3dlight-color:#0097E8; scrollbar-shadow-color:#0097E8;}

body{margin:0px; padding:0px; text-align:center; font:normal 74%/165% arial; color:#0C6CAA;}
table{font:normal 1em/165% arial; color:#0C6CAA;}

h1,h2,h3,hr,p{padding:0px; margin:0px; font-size:1em;}
ul{ font-size:1em;}

.clear{clear:both; margin:0px; padding:0px; height:1px; font-size:1px; line-height:1px; visibility:hidden;}

#wrapall{width:950px; margin:0px auto; padding:0px; text-align:justify;  background:#ffffff url(bg1.jpg) repeat-y 0px 0px;}
#wrapleft{width:185px; float:left; margin:0px; padding:0px;}

#wrapleft .leftin{padding:0px 10px; margin:0px;}
#wrapleft .leftin p{border-bottom:1px solid #888888; padding:20px 0px; color:#f0f0f0;}
#wrapleft .leftin p b{font-weight:bold; color:#FFDA8B; font-size:1.1em; padding:0px 0px 5px 0px; display:block; }
#wrapleft .leftin a{color:#cccccc; text-decoration:none; display:block; padding:5px 0px 0px 0px;}
#wrapleft .leftin a:hover{color:#ffffff;}

#wrapright{width:765px; float:right; margin:0px; padding:0px; min-height:740px;}
*html #wrapright{height:750px;}
#wrapright .buttons1{height:25px; background-color:#98C5E2;  float:right; font-size:0.9em; font-weight:bold;}
#wrapright .buttons1 a{padding:0px 10px; display:inline; text-decoration:none; color:#ffffff;}
#wrapright .buttons1 a:hover{text-decoration:underline;}

#wrapright .buttons2{clear:both; height:25px; width:745px; background-color:#0083C9; margin-left:20px; font-size:1.2em; font-weight:bold;}
#wrapright .buttons2 a{height:21px; float:left; display:block; padding:2px 14px; background-color:#0083c9; color:#ffffff; text-decoration:none;}
#wrapright .buttons2 a:hover{background-color:#68C2F2;}
#wrapright .buttons2 a.current{background-color:#68c2f2;}

#wrapright img.collage{margin:0px; margin-left:3px; clear:both;}
#wrapright img{margin-top:10px; margin-left:20px; margin-bottom:0px;}
#wrapright #content{margin:0px; margin-left:20px; margin-right:10px; padding:0px; border-top:1px solid #97C6E2; padding-top:10px;}
*html #content{height:1px;}
#content p{margin-top:2px; margin-bottom:20px; line-height:150%;}
#content img{background-color:#E6F2FB; float:right; margin-right:0px; margin-top:4px; margin-left:10px; margin-bottom:10px; border-left:10px solid #e6f2fb; border-right:10px solid #e6f2fb; border-top:10px solid #e6f2fb; border-bottom:30px solid #e6f2fb;}
#content h1{margin:0px; margin-top:4px; margin-bottom:4px; font-size:1.1em; font-weight:bold;}
#content h3{font-size:1.3em; color:#f85200;}
#content a{color:#F85200; text-decoration:none;}
#content a:hover{color:#454545;}
#content .borderb{border-bottom:1px solid #97C6E2; }
#content .spectable{border-collapse:collapse; table-layout: fixed;}
#content .spectable th,td{border:1px solid #cccccc; font-size:0.9em; line-height:100%; padding:4px;}
#content .spectable th{background-color:#f0f0f0}
#content ul{margin-top:10px; margin-bottom:20px;}
#content ul li ul{list-style-type:disc; line-height:120%; margin-top:2px; color:#555555;}
#content a img{clear:both; margin:0px; padding:0px; border:0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.5;}
#content a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:1;}
#content #contact{text-align:center;}
#contact h2{font-size:1.3em; color:#F85200;}
#content #formtable{border:0px;}
#content #formtable td{padding:0px; margin:0px;}
#formtable input{border:0px;}
#formtable textarea{border:1px solid #ccc;}
#formtable .submit{background-color:#0083C9;}
#formtable caption{text-align:right; margin:0px; font-weight:bold; color:#959595;}


#wrapright #pcontent{margin:0px; margin-left:20px; margin-right:10px; padding:0px; border-top:1px solid #97C6E2; padding-top:10px;}
*html p#content{height:1px;}

#pcontent a{color:#113155; text-decoration:none;}
#pcontent a:hover{color:#551cd5;}

#pcontent .box1{margin:0px 0px 30px 0px; border-bottom:1px solid #f0f0f0; min-height:175px;}
*html #pcontent .box1{height:175px;}
#pcontent .box1 h1{width:55%; margin:0px; padding:2px 10px; color:#113155; font-weight:bold; font-size:1.2em; background:#87C7EA url(curve3.jpg) no-repeat right top;}
#pcontent .box1 img{float:right; margin:0px;}
#pcontent .box1 img.img1{float:none;  margin:0px;}
#pcontent .box1 p{margin:0px 0px 0px 0px; padding:5px 10px;  color:#555555;}
#pcontent .box1 p a{display:block; color:#151515; text-decoration:none; padding:10px 0px; font-weight:normal}
#pcontent .box1 p a:hover{color:#481cd5;}
#pcontent .box1 table{width:65%; border-collapse:collapse; margin:0px 0px 0px 20px; table-layout:fixed;}
#pcontent .box1 table td{border:none;}
#pcontent .box1 table a{background:url(arrow1.gif) no-repeat 0px 8px; display:block; width:225px; font-weight:bold; color:#0C6CAA; padding:6px 0px 6px 30px; margin:0px; text-decoration:none; border-collapse:collapse;}
#pcontent .box1 table a:hover{color:#551cd5;}

#pcontent table td{border:none;}
#pcontent table.productdetail{border-collapse:collapse; margin:0px; width:92%;}
#pcontent table.productdetail td{padding:7px; border:1px solid #959595; margin:0px;}
#pcontent table.productdetail th{padding:7px; text-align:left;  border:1px solid #113155; background-color:#87C7EA; color:#113155; margin:0px;}
#pcontent table.productdetail th small{font-size:0.9em; font-weight:normal;}

#pcontent .cul li{ margin-bottom:20px;}
 
#footer{background-color:#8DCAEB; height:25px; text-align:center; font-size:0.8em; padding-top:2px; border-top:1px solid #ffffff;}
#footer a{color:#D54400; text-decoration:none; display:inline; padding:4px;}
#footer a:hover{color:#454545;}

/* --------------------------------------- menu style ------------------------------------------------------ */
.menu{width:175px; background-color:#cccccc; padding:0px; position:absolute; top:0px; left:0px; z-index:99; text-align:left; visibility:hidden; filter:progid:DXImageTransform.Microsoft.Shadow(strength=4 color=#555555 direction=135)}
.menu a{display:block; background-color:#ffffff; margin:1px; padding:2px 10px; text-decoration:none;  color:#0C6CAA; }
*html .menu a{height:22px;}
.menu a:hover{color:#F85200; background-color:#f0f0f0;}
.menu a.current{font-weight:bold; color:#F85200; background-color:#ffffff;}
.menu a.current:hover{background-color:#ffffff; cursor:default;}