﻿body{
	background:#D2D6D9 url(../../images/body-bg.gif) repeat-x 0 0;
	margin:0;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img{
	border:0;
	float:left;
}
p{
	margin:0;
	line-height:1.25em;
}
ul{
	padding:0 0 5px 0;
	margin:0;
	list-style:none;
}
h3{
	margin-top:3px;
	margin-bottom:3px;
	color:#0066CC;
	font-size:1.2em;
}
h5{
	font-size:1.3em;
	margin-top:3px;
	margin-bottom:3px;
	}
h6{
	font-size:1.4em;
	font-weight:bold;
	margin-top:3px;
	margin-bottom:3px;
}
.blueText {
	color:#0066CC;
}
br{
	height:0px;
	overflow:hidden;
	width:100%;
	line-height:0px;
}
#main{
	width:984px;
	margin:0 auto;
	position:relative;
}
#header{
	width:984px;
	margin: 4px 0 0 14px;
	float:left;

}
#header h1{
	background:url(../../images/logo.gif) no-repeat 0 0;
	width:325px;
	float:left;
	padding:0;
	margin:4px 0 0 14px;
	display:inline;
	text-indent:-9999px;
}

#header h1 a{
	display:block;
	width:325px;
	height:69px;
	float:left;
	overflow:hidden;
}
#top-text {
	width:350px;
	margin:10px 0 0 20px;
	font-size:14px;
	font-weight:bold;
	line-height: 18px;
	color:#FFFFFF;
	}
ul.top-nav{
	width:631px;
	float:left;
	position:absolute;
	top:6px;
	right:16px;
}
ul.top-nav li, ul.top-nav li.first-top{
	float:right;
	background:url(../../images/top-nav-li-split.gif) no-repeat 0 100%;
	padding:0 4px 0 5px;
	line-height:10px;
}
ul.top-nav li.first-top{
	background:none;
}
ul.top-nav li a{
	color:#606A74;
}
form.search-form{
	margin:0;
	width:188px;
	position:absolute;
	top:48px;
	right:16px;
}

form.search-again {
	position:relative;
	margin:10px -65px;
	width:188px;
}


input.search-inp{
	width:96px;
	height:13px;
	border:1px solid #AFB2B7;
	float:right;
	margin:0 3px 0 0;
	display:inline;
	padding:2px 0 1px 2px;
	font-size:10px;
}
input.go-button{
	background:url(../../images/go-button.gif) no-repeat 0 0;
	width:19px;
	height:22px;
	float:right;
	margin:-4px 0 0 0;
}
#content{
	width:984px;
	float:left;
	background:url(../../images/content-bg.gif) repeat-y 0 0;
	margin:26px 0 0 0;
	padding:0 0 20px 0;
	vertical-align: top;
}
#content a{
	color:#0066CC;
}
#content p{
	padding:0 0 10px 0;
}
#content h6{
	font-size:1.2em;
	color:#0066CC;
	font-weight:bold;
	border-bottom:1px solid #EbEbEb;
}
#content-left{
	width:192px;
	float:left;
	margin:0 5px 0 0;
	vertical-align: top;
}
#content-right{
	width:787px;
	float:right;
	height: auto;
	vertical-align: top;
}
#content-right ul{
	padding-left:10px;
}
#home-left-img{
	float:left;
	width:192px;
	height:147px;
}
#home-center-img{
	width:787px;
	float:left;
	height:147px;
}

span.news-sp{
	background:url(../../images/news-box-label-bg.jpg) no-repeat 0 0;
	width:178px;
	height:19px;
	float:left;
	display:inline;
	padding:4px 0 0 4px;
	margin:19px 0 0 5px;
	font-size:15px;
	font-style:italic;
	color:#333;
	font-weight:bold;
}
ul.news, ul.events{
	float:left;
	width:179px;
	padding:12px 0 0 10px;
}
ul.news li, ul.events li{
	width:167px;
	float:left;
	padding:0 0 10px 0;
	color:#000;
	line-height:14px;
}
ul.news li span, ul.events li span{
	background:url(../../images/news-li-bg.gif) no-repeat 0 3px;
	width:6px;
	height:11px;
	margin:0 6px 0 0;
	float:left;
	display:inline;
}
ul.news li a, ul.events li a{
	color:#0066CC;
}	
ul.events li{
	width:140px;
}
ul.events li a{
	color:#0066CC !important;
	text-decoration:none;
}
ul.events li a:hover{
	text-decoration:none;
}
.products, .products-last{
	width:193px;
	float:left;
	margin:7px 3px 0 1px;
	display:inline;
}
.products-last{
	margin:0;
}
.products ul{
	width:187px;
	padding:3px 0 0 6px;
	float:left;
}
.products ul li{
	float:left;
	width:187px;
	line-height:14px;
}
.products p, .products-last p{
	margin:3px 0 0 3px;
	float:left;
	display:inline;
	
}
.products h3, .products-last h3{
	padding:3px 0 0 3px;
	margin:0;
	float:left;
	font-size:10px;
	font-weight:normal;
}
h2.custom-products, h2.standard-products, h2.technology-corner, h2.electronic-services{
	margin:0;
	padding:0;
	float:left;
	width:193px;
	height:72px;
}
h2.standard-products{
	background:url(../../images/standard-products.gif) no-repeat 0 0;
}
h2.technology-corner{
	background:url(../../images/technology-corner.gif) no-repeat 0 0;
}	
h2.electronic-services{
	background:url(../../images/electronic-services.gif) no-repeat 0 0;
	margin:7px 0 0 0;
}
h2.page-name{
	padding:15px 0 15px 15px;
	margin:0 0 14px 2px;
	display:inline;
	float:left;
	font-size:21px;
	color:#333;
	width:770px;
	background:url(../../images/nav-style2-bg.gif) repeat-x 0 100%;
}
p.heading {
	color:#0047BA;
	font-weight:bold;
}

form.show{
	padding:22px 0 0 10px;
	margin:0;
	float:left;
}
select.show-sel{
	float:left;
	margin:6px 0 0 0;
}

.image-left{
	background:url(../../images/img-border.gif) repeat-x 0 100%;
	float:left;
	width:192px;
	height:51px;
	overflow:hidden;
}
ul.left-nav-style2{
	float:left;
	width:181px;
	padding:0 0 0 5px;
}
ul.left-nav-style2 li{
	line-height:25px;
	float:left;
	background:url(../../images/nav-style2-bg.gif) repeat-x 0 100%;
}
ul.left-nav-style2 li a{
	font-size:11px;
	float:left;
	display:block;
	padding:0 0 0 11px;
	width:170px;
	color:#000 !important;
}
ul.left-nav-style2 li a:hover, ul.left-nav-style2 li a.active-nav{
	background:url(../../images/nav-style2-hover.gif) no-repeat 0 50%;
	text-decoration:none;
}
ul.left-nav-style2 ul.subNav
    {
    list-style-type: none;
    margin: 0 10px 0 10px;
    padding: 0;
    }
ul.left-nav-style2 ul.subNav li a
    {
    text-decoration: none;
    display: block;
	width:160px;
}
ul.left-nav-style3 li a{
	font-size:9px;
}
#inner-left-big{
	float:left;
	width:370px;
	padding:0 10px 0 10px;
}
#inner-right-big{
	float:left;
	width:372px;
	padding:0 10px 0 10px;
	margin-top:0;
}
#inner-left-big ul, #inner-right-big ul, #inner-left-three ul, #inner-right-three ul{
	margin:0;
	padding:0 10px 10px 10px;

}	
ol li{
	padding-bottom:5px;
}

.bullet ul{
	margin-bottom: 10px;
}

ul.bullet li{
	line-height:1.3em;
	padding-left:10px;
	margin-left:10px;
	background:url(../../images/li-bullet.gif) no-repeat 0 0;
}
.bulletNav ul{
	margin-bottom: 10px;
}

ul.bulletNav li{
	line-height:1.4em;
	padding-left:8px;
	margin-left:0px;
	background:url(../../images/li-bullet.gif) no-repeat 0 0;
}

ul.bulletNav li a.active-link{
	font-weight:bold;
}

ul.dotBullet{
padding:0;
margin:0;
}

ul.dotBullet li{
list-style:inside;
color:#0066CC;
padding: 2px 4px 0 0;
}


.pdf-box{
	margin:0 8px 16px 0;
	padding:0 4px;
}
h3.pdf{
	margin:10px 4px 0 0;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	background:url(../../images/pdf-ico.gif) no-repeat 0 0;
	padding:0 0 14px 30px;
}
h3.pdf a{
	color:#000033 !important;
}
.pdf-box p{
	margin-left: 30px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
#inner-left-three {	
	float:left;
	width:550px;
	padding:0 10px 0 10px;
	margin-top:0;
	}
#inner-right-three{
	float:left;
	width:200px;
	margin-top:0;
	padding-top:0;
}
#inner-right-three h3{
	border-bottom:1px solid #CCCCCC;
	font-size:12px;
	font-weight:bold;
	color: #333333;
}
#inner-right-three ul a {
	color:#333333;
	}
#inner-right-three ul a:hover {
	color:#0066CC;
	}
#inner-left{
	float:left;
	width:240px;
	padding:0 10px 0 10px;
	margin-top:0;
}
#inner-middle{
	float:left;
	width:240px;
	padding:0 10px 0 10px;
	margin-top:0;
}
#inner-right{
	float:left;
	width:200px;
	margin-top:0;
	padding-top:0;
}
#inner img{
	margin:3px 3px 8px 3px;
	border:solid 1px #0066CC;
	}
#inner{
	float:left;
	width:760px;
	padding:0 10px 0 10px;
	margin-top:0;
	}
#inner-oem {
	float:left;
	width:490px;
	padding:0 20px 0 10px;
	margin-top:0;
	}
.contact-box{
	width:200px;
	float:left;
	margin: 0 0 15px 0;
	}
	
.second-title{
	font-size:14px;
	font-weight:bold;
	padding:10px;
	border-bottom:solid 1px #CCCCCC;
}
a.a-black{
	color:#000 !important;
	text-decoration:underline;
}
a.a-black:hover{
	text-decoration:none;
}
span.prod-left{
	font-size:11px;
	padding:2px 0 2px 6px;
	float:left;
}
ul.products-list{
	float:left;
	width:181px;
	padding:0 0 8px 2px;
}
ul.products-list li{
	b//ackground:url(../../images/news-li-bg.gif) no-repeat 2px 2px;
	l//ine-height:14px;
	float:left;
	width:181px;
	padding: 0px 0px 5px 0px;
}
ul.products-list li a{
	color:#0066CC;
	font-size:10px;
	float:left;
	padding:0 0 0 12px
}
ul.products-list li a:hover, ul.products-list li a.active-prod{
	background:url(../../images/prod-list-arrow.gif) no-repeat 2px 2px;
	text-decoration:none;
}
span.sub-prod-list{
	background:url(../../images/nav-style2-bg.gif) repeat-x 0 0;
	float:left;
	margin:0 0 0 5px;
	width:165px;
	padding:4px 0 7px 16px;
	font-size:13px;
}
#products-left, #products-right{
	width:201px;
	float:left;
	margin:0 0 0 6px;
	display:inline;
	vertical-align: top;
}
 #products-right{
 	width:188px;
 }

.pdf-data a[href$=".pdf"]{	
	margin:10px 0 0 0;
	float:left;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/pdf-ico.gif) no-repeat 0 0;
	padding:0 0 8px 30px;
	height:28px;}

#products-left img{
	margin:0 0 14px 0;
}
#products-center{
	width:372px;
	float:left;
	margin:0 0 0 8px;
	display:inline;
	vertical-align: top;
}
form.email{
	padding:20px 0 0 8px;
	margin:0;
	float:left;
	width:170px;
}
label.email-lbl{
	width:52px;
	float:left;
	margin:0 15px 0 0;
	display:inline;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
}
input.email-inp{
	width:96px;
	height:15px;
	border:1px solid #BDBCBC;
	border-bottom:2px solid #BDBCBC;
	float:left;
	padding:0 0 0 2px;
	margin:0 0 11px 0;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
input.send-button{
	background:url(../../images/send-button.gif) no-repeat 0 0;
	width:70px;
	height:20px;
	float:right;
	margin:0 4px 0 0;
	display:inline;
}
#products-center h3{
	padding:0 0 4px 0;
	margin:0;
	float:left;
	font-size:15px;
	width:372px;
	font-style:italic;
	font-weight:bold;
}
#products-center p{
	margin:0;
	float:left;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	line-height:13px;
	padding:0 0 14px 0;
}
.blue-box-top{
	background:url(../../images/blue-box-top.gif) no-repeat 0 0;
	float:left;
	width:188px;
	padding:2px 0 0 0;
}
.blue-box-center{
	background:url(../../images/blue-box-center.gif) repeat-y 0 0;
	width:181px;
	float:left;
	min-height:118px;
	padding:4px 0 0 7px;
}
* html .blue-box-center{
	height:118px;
}
.blue-box-center span{
	width:164px;
	height:21px;
	float:left;
	background:#EBF0F6;
	display:block;
	border:1px solid #DCE5EE;
	font-size:15px;
	font-style:italic;
	padding:2px 0 0 8px;
	font-weight:bold; 
}
.blue-box-bottom{
	background:url(../../images/blue-box-bottom.gif) no-repeat 0 100%;
	width:188px;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	float:left;
}
ul.features{
	width:151px;
	float:left;
	padding:12px 0 12px 10px;
}
ul.features li{
	background:url(../../images/blue-box-li-bg.gif) no-repeat 0 50%;
	padding:0 0 0 8px;
	float:left;
	width:160px;
	line-height:13px;
}
.series-table-box{
	width:100%;
	margin:10px 0 0 6px;
	display:inline;
}
span.table-box-name{
	width:98%;
	float:left;
	height:24px;
	display:block;
	border-top:1px solid #666666;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding:6px 0 0 5px;
	text-align:left !important;
}
table.tabl{
	float:left;
	width:99%;
	background:#CCCCCC;
	font:9px Arial, Helvetica, sans-serif;
	text-align:center;
	border:1px solid #666666;
}
table.tabl tr.white td{
	background:#fff;
}
table.tabl tr.blue td{
	background:#DEE6ED;
}
table.tabl tr.grey td{
	background:#F2F2F2;
}
table.tabl td{
	height:33px;
	text-align:center;
	padding:2px;
}
table.tabl td img{
	float:none !important;
}
td.first-td{
	width:70px;
}
#footer{
	background:url(../../images/footer-bg.gif) repeat-y 0 0;
	width:972px;
	float:left;
	min-height:40px;
	padding:0 12px 0 0;
}
* html #footer{
	height:40px;
}
#footer ul{
	width:400px;
	float:right;
	padding:10px 0 4px 0;
}
#footer ul li, #footer ul li.first-foot{
	background:url(../../images/top-nav-li-split.gif) no-repeat 0 50%;
	padding:0 4px 0 5px;
	float:right;
	color:#606A74;
}
#footer ul li.first-foot{
	background:none;
}
#footer ul li a{
	float:left;
	color:#606A74;
}
#footer span{
	float:left;
	width:968px;
	color:#606A74;
	text-align:right;
	padding:0 0 20px 0;
}

/*QuickMenu Core CSS*/
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}
.qmmc {position:relative;}
.qmmc a {float:left;display:block;white-space:nowrap;}
.qmmc a:hover {background-color: #e3e4e5 !important;}
.qmmc div a {float:none;}
.qmmc div {visibility:hidden;position:absolute;}

/*QuickMenu Styles*/
	/*"""""""" Breadcrumb Styles """"""""*/
	
		/* (Main) Breadcrumb Path - Menu Item */
		#qm0.qmmc .qmbcmain { background-color:#414B56 !important;color:#FFFFFF !important;}
		#qm0.qmmc .qmbcmain:hover { background-color:#e3e4e5 !important;color:#0066cc !important;}
		#qm0.qmmc .qmbcmainparent {background-color:#414B56 !important;color:#FFFFFF !important;}		
				
		/* (Sub) Breadcrumb Path - Menu Items */
		#qm0.qmmc .qmbcsub { background-color:#e3e4e5 !important;color:#0066cc !important;}
		#qm0.qmmc .qmbcsub:hover { background-color:#e3e4e5 !important;color:#0066cc !important; text-decoration:underline !important}
		#qm0.qmmc .qmbcsubparent { background-color:#e3e4e5 !important;color:#0066cc !important;}
	
		/* External Breadcrumb Container
		.qm-crumbs-container {color:#ffffff;text-decoration:none;font-family:Arial;font-size:1em;}*/

		/* External Breadcrumb Links 
		.qm-crumbs-container a {color:#ffdd00;text-decoration:none;font-family:Arial;font-size:.7em;}*/

/*		External Breadcrumb Links Hover 
		.qm-crumbs-container a:hover {text-decoration:underline;}*/

	/*	External Breadcrumb Current Page Text or No Link Text 
		.qm-crumbs-current {font-size:.7em;}*/

/*		External Breadcrumb Didivers 
		.qm-crumbs-divider {font-size:.7em;} */


		/* This CSS positions the breadcrumb text container over the menu bar and to the right.
		.qm-crumbs-container {position:absolute;left:60%;z-index:999999;padding-top:7px;}
		.qm-crumbs-container a {display:block;float:left;}
		.qm-crumbs-container span {display:block;float:left;} */

		.qm-crumbs-container {display:none;}

	/*"""""""" (MAIN) Container """"""""*/
	#qm0
	{ 
	position:absolute;
	width:786px;
	top:73px;
	left:198px;
	margin-left: 10px;
/*background: url(../images/ul-top-nav.gif) no-repeat 100% 50%; */
	background-color:#414B56;
	height:26px;
		
	}


	 /*"""""""" (MAIN) Items """"""""*/
	#qm0 a 
	{
		color:#FFFFFF;
		background:transparent;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		font-weight:bold;
		text-decoration:none;
		padding:7px 10px 8px 8px;
		border: none 0;
	
	}


	/*"""""""" (MAIN) Hover State """"""""*/
	#qm0 a:hover
	{ 
		color:#0066CC;
		background-color:#FFFFFF;
		text-decoration:none;
		padding-top:-7px;

	}


	/*"""""""" (MAIN) Active State """"""""*/	
	#qm0 .qmactive
	{ 
		/* Note: Add '!important' after each style */
		/*border-color:#333333 !important;*/

		color:#0066CC !important;
		background-color:#e3e4e5 !important ;
		text-decoration:none !important;
		/* background-image:url(../images/slide_black_arrow.gif) !important; */
	}


	/*"""""""" (MAIN) Parent Items """"""""*/
/*		#qm0 .qmparent
	{
	background-image:url(../images/slide_white_arrow.gif);
		background-repeat:no-repeat;
		background-position:92%; 
		cursor:default;}*/
#qm0 .qm-loneparent:link {background-color:#414B56;height:0px;}
#qm0 .qm-loneparent:visited {background-color: #414B56;height:0px;}
#qm0 .qm-loneparent:hover {background-color:#ffffff;height:11px;}


	/*"""""""" [SUB] Containers """"""""*/
	#qm0 div
	{	
		background-color:#e3e4e5;
		margin:0px;
		padding: 2px 0px 5px 5px;
				}


	/*"""""""" [SUB] Items """"""""*/
	#qm0 div a
	{		
		font-size:10px;
		font-weight:normal;
		color:#0066CC;
		padding:3px 30px 3px 5px;
		
	}
	
	/*"""""""" [SUB] Hover State """"""""*/
	#qm0 div a:hover
	{

		color:#0066cc;
		text-decoration:underline;
	}

	#qm0 div div
	{
		margin:0px 0px 0px 3px;
	}

	/*""""""""[SUB] Active State """"""""*/
	#qm0 div .qmactive
	{
		/* Note: Add '!important' after each style 
		border-color:#666666 !important;*/
	/**	background-color:#EFF4FA !important;
		color:#000000 !important; *//
		text-decoration:underline !important;
	/*	background-image:url(../images/slide_black_arrow_right.gif) !important; */
		
	}


	/*"""""""" [SUB] Parent Items """"""""*/
	#qm0 div .qmparent 
	{

/*		background-image:url(../images/slide_black_arrow_right.gif); */

	}

/* ------  Tabbed Box ------- */
#two-tabs {width:200px;}
#three-tabs {width:200px;}
#tabs {width:200px;}
#option-tables {width: 98%;}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin:10px 0 10px 0;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px;
 border-bottom: 1px solid #aaa;
 border-top: 1px solid transparent;
 font: 9px Arial, Helvetica, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display:inline;
}

ul.tabbernav li a
{
 padding: 3px 3px;
 margin-left: 0px;
 border: 1px solid #aaa;
 background-color: #bbb;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000000;
 background: #FFFFFF;
 border: 1px solid #aaa;
}

ul.tabbernav li.tabberactive a
{
 background-color: #e2e2e2;
 border-bottom: 1px solid #e2e2e2;
border-top: 1px solid #aaa;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #e2e2e2;
 border-bottom: 1px solid #e2e2e2;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:5px;
	border:1px solid #aaa;
	border-top:0;
	background-color:#e2e2e2;
	height:auto;
	overflow:auto;
}
.tabberlive .tabbertab p {
	padding:2px 0 2px 0;
	font-size:10px;
}

.tabberlive .tabbertab h5 {
	font-size:10px;
	font-weight:bold;
}



/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 /* height:200px;
 overflow:auto; */
}

/* Forms */
#comments-body {margin-top: 20px; font-size: 10px; margin-left:15px; margin-right: 15px;}
#comments-body h1 {font-size: 1.2em; border-top:2px solid #CCCCCC; border-bottom:2px solid #ECECEC; padding-bottom:10px; padding-left:5px; background:#E6E6E6;}	
#comments-form {width: 200px; margin-left: 15px; 15px; margin-right: 15px; padding:5px; font-size: 10px; text-align: left; line-height:1.5em; background:#E6E6E6;}
#comments-inside {margin-top: 10px; float:left; font-size: 10px; background:#E6E6E6;}
#comments-outside {margin-top: 10px; float:right; font-size: 10px;}
#info-body {margin-left:15px; margin-right: 15px;}
#info-form {padding:5px 0 5px 0; text-align: left; line-height:1.5em;}
#info-form h5 {margin: 0; padding:0 0 5px 10px;font-size:10px; font-style:italic; line-height:1em;}
#info-form fieldset {margin:1em 0; padding: 0;}
#info-inside legend {font-weight:bold; padding: 0 0 10px 0;}
#info-form label {display:block; color:#0047BA;}
#info-form input {width:180px; font-size: 10px; border: 1px solid #999; color: #000}
#info-form textarea {width:180px; height:100px; padding-bottom: 5px;font-size: 10px; border: 1px solid #999; background: #fff; padding: 2px; color: #000;}
#info-inside {width:220px;float:left;}
#info-outside {width:220px;float:right;}
#info-form select {font-size: 10px; padding: 2px; color: #000;}
#info-form input:focus, #input-form textarea:focus {background:#BAC9EB;}


