html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
body { 
    padding: 0px;
    background: #011173 url(/pics/shared/backdrop.jpg) top left repeat-x;
    color: #fff; 
    margin: 0;
}
    
div.spacer {
    clear: both; }
    
a { 
   color:#666666;
   text-decoration: underline;}
   
   
a:hover {
   color:#000066;
   text-decoration: none;
}

a:visited {
   color:#666666;
   text-decoration: underline;
}

a:visited:hover  {
   color:#000066;
   text-decoration: none;
}
    
input {
	background-color: #fff; 
	color:#333;
	width: 250px;
}  

input.model {
	width: 100px;
}

input.revision {
	width: 50px;
}
  
#container { 
width: 987px; 
margin: auto;
}
    
#header { 
width: 987px; 
height: 132px;
background: #00022b url(/pics/shared/header.jpg) top left repeat-x;}

#bodice { 
width: 987px; 
background: #00022b url(/pics/shared/center_repeat.jpg) left top repeat-y;
}

h1 { 
   display: block;
   width: 163px;
   height: 82px;
   margin: 0px;
   text-decoration: none;
   padding: 24px 0px 0px 30px; }
   
h1 a { 
   display: block;
   width: 163px;
   height: 82px;
   text-decoration: none;
   text-indent: -5000px;
   margin: 0px;
   padding: 24px 0px 0px 30px;
   background: transparent url(/pics/shared/logo2.gif) left top no-repeat;
	-moz-outline:none;
}

h1 a:visited {  text-decoration: none;}
h1 a:active {  text-decoration: none;}
h1 a:link {  text-decoration: none;}
h1 a:hover { text-decoration: none; }

h2 { 
   float: left;
   font: normal 16px "Lucida Grande", Arial, Verdana, sans-serif;
   color: #fff;
   text-transform: uppercase;
   margin: 0px;
   padding: 10px 0px 0px 10px;
}

h4 { 
   float: left;
   font: normal 28px "Lucida Grande", Arial, Verdana, sans-serif;
   color: #999;
   text-transform: uppercase;
   margin: 0px;
   padding: 15px 0px 0px 10px;
}


#nav { 
width: 987px; 
height: 43px;
margin: 0px;
padding: 0px 0px 0px 13px;
font: normal 12px "Lucida Grande", Arial, Verdana, sans-serif;
color: #fff;
background: url(/pics/shared/nav_grade.jpg) left top no-repeat;}

#entering { 
font: normal 11px/18pt "Lucida Grande", Arial, Verdana, sans-serif;
color: #fff;
background-color: #01014d;
width: 150px;}

#nav a { 
color: #fff;
text-decoration: underline;
}

#nav a:hover { 
color: #fff;
text-decoration: none;
}

.nav_left {
	float: left;
	padding: 13px 0px 0px 15px;
}

.nav_right {
	float: right;
	padding: 13px 40px 0px 0px;
}

.nav_right_input {
	font: normal 11px "Lucida Grande", Arial, Verdana, sans-serif;
	color: #fff;
	background-color: #01014d;
	width: 150px;
	margin: 0px 0px 0px 10px;
}

#navigation { 
width: 962px; 
height: 43px;
margin: 0px 7px 0px 6px;
padding: 0px 0px 0px 13px;
border-top: 1px solid #666;
font: bold 13px "Lucida Grande", Arial, Verdana, sans-serif;
background: #000 url(/pics/shared/navigation_gradation.gif) left top repeat-x;}

td {font: normal 12px Arial, Helvetica, Verdana, sans-serif; color: #333;}

#grey_head { 
width: 987px; 
height: 61px;
margin: 0px;
padding: 0px 0px 0px 13px;
font: bold 13px "Lucida Grande", Arial, Verdana, sans-serif;
background: url(/pics/shared/grey_head.jpg) left top no-repeat;}

#grey_head2 { 
width: 987px; 
height: 61px;
margin: 0px;
padding: 0px 0px 0px 13px;
font: bold 13px "Lucida Grande", Arial, Verdana, sans-serif;
background: url(/pics/shared/grey_head2.jpg) left top no-repeat;}

#grey_head_land { 
width: 987px; 
height: 40px;
margin: 0px;
padding: 0px 0px 0px 13px;
font: bold 13px "Lucida Grande", Arial, Verdana, sans-serif;
background: url(/pics/shared/grey_head_land.jpg) left top no-repeat;}

#grey_head_detail { 
width: 987px; 
height: 61px;
margin: 0px;
padding: 0px 0px 0px 13px;
font: bold 13px "Lucida Grande", Arial, Verdana, sans-serif;
background: url(/pics/shared/grey_head_detail2.jpg) left top no-repeat;}

#detail_left { 
float: left;
width: 658px; 
margin: 0px 22px 0px 2px;
padding: 0px;
font: normal 12px "Lucida Grande", Arial, Verdana, sans-serif;
color: #666;
background-color: #fff;}

* html #detail_left { 
float: left;
width: 658px; 
margin: 0px 2px 0px 2px;
padding: 0px;
font: normal 12px "Lucida Grande", Arial, Verdana, sans-serif;
color: #666;
background-color: #fff;}

#detail_pop { 
float: left;
margin: 15px 0 0 15px;
padding: 0px;
font: normal 12px "Lucida Grande", Arial, Verdana, sans-serif;
color: #666;
background-color: #fff;}

* html #detail_pop { 
float: left;
margin: 15px 0 0 15px;
padding: 0px;
font: normal 12px "Lucida Grande", Arial, Verdana, sans-serif;
color: #666;
background-color: #fff;}


	.detail_center_on { 
	float: left;
	width: 676px; 
	margin: 0px;
	padding: 0px;
	font: normal 12px "Lucida Grande", Arial, Verdana, sans-serif;
	color: #999;
	background-color: #fff;}
	
	.brand_table {
	width: 676px;
	text-align: left;
	border-top: 10px solid #fff;
	}
	
	.brand_table a { 
	color: #333; }
	
	.brand_table tr.off {
	padding: 10px;
	background-color: #fafafa;
	}
	
	.brand_table tr.on {
	padding: 10px;
	background-color: #f5f5f5;
	}
	
	.brand_table tr.user_info {
	padding: 10px;
	background-color: #FCEAE6;
	color: #DD3F24;
	}
	
	.brand_table tr.user_info td {
	color: #DD3F24;
	}
	
	.brand_table th {
	width: 200px;
	padding: 10px;
	border-bottom: 1px solid #fff;
	}
	
	.brand_table td {
	width: 476px;
	padding: 10px;
	border-bottom: 1px solid #fff;
	}
	
	.cs_general_table {
	/*width: 676px;*/
	width: 471px;
	text-align: left;
	border-top: 10px solid #fff;
	}
	
	.cs_general_table tr.off {
	padding: 10px;
	background-color: #fafafa;
	}
	
	.cs_general_table tr.on {
	padding: 10px;
	background-color: #f5f5f5;
	}
	
	.cs_general_table th {
	width: 179px;
	padding: 10px;
	}
	
	.cs_general_table td {
	width: 292px
	padding: 10px;
	}

	.open_close { 
	float: right;
	width: 110px; 
	height: 31px;
	margin: 10px 10px 0px 0px;
	padding: 0px;}
	
	#general_image {	
	float:left;
	width:205px;
	background-color:#FAFAFA;
	margin-top:10px;
	height:100%;
	vertical_align:middle;}
	
	.tool_tips {
	display:none;
	position:absolute;
	background: url(/pics/shared/bubble.gif) top left no-repeat;
	height: 250px;
	padding: 0px 200px 0px 0px;
	margin: -50px 0px 0px 0px;
}

.tool_tips2 {
	display:none;
	position:absolute;
	background: #fff;
	padding: 15px;
	margin: -50px 0px 0px 0px;
	border: 1px solid #ccc;
}

.notes_tool_tips {
	display:none;
	position:absolute;
	background: #fff;
	padding: 15px;
	margin: -50px 0px 0px 0px;
	border: 1px solid #ccc;
	font: normal 11px "Lucida Grande", Arial, Verdana, sans-serif;
	color: #333;
}

#detail_right { 
float: right; 
width: 275px; 
margin: 0px;
padding: 5px 10px 10px 15px;
font: normal 12px "Lucida Grande", Arial, Verdana, sans-serif;
color: #666;}

	#list_table {
	width: 984px;
	text-align: left;
	}
	
	#list_table tr.head {
	padding: 10px;
	background-color: #fff;
	}
	
	#list_table tr.off {
	padding: 10px;
	background-color: #fafafa;
	}
	
	#list_table tr.on {
	padding: 10px;
	background-color: #f5f5f5;
	}
	
	#list_table tr.orange_off {
	padding: 10px;
	background-color: #FCF0ED;
	color: #DD3F24;
	}
	
	#list_table tr.orange_on {
	padding: 10px;
	background-color: #FCEAE6;
	color: #DD3F24;
	}
	
	#list_table th {
	padding: 10px;
	}
	
	#list_table td {
	padding: 10px;
	}

	.check {
	width: 15px;
	height: 15px;
	}
	
	.heading {
	padding: 0px 0px 0px 12px;
	color: #333;
	background: #fff url(/pics/shared/grey_arrows.gif) left top no-repeat;
	text-decoration: none;
	}
	
	.heading a {
	padding: 0px 0px 0px 12px;
	color: #333;
	background: #fff url(/pics/shared/grey_arrows.gif) left top no-repeat;
	text-decoration: none;
	}
	
	.heading a:hover {
	padding: 0px 0px 0px 12px;
	color: #333;
	background: #fff url(/pics/shared/grey_arrows.gif) left top no-repeat;
	text-decoration: none;
	}
	
	
	.section_sub {
	padding: 0px 0px 0px 14px;
	color: #fff;
	background: #999 url(/pics/shared/section_closed.gif) left top no-repeat;
	text-decoration: none;
	}
	
	.section_sub a {
	padding: 0px 0px 0px 14px;
	color: #fff;
	background: #999 url(/pics/shared/section_closed.gif) left top no-repeat;
	text-decoration: none;
	}
	
	.section_sub a:hover {
	padding: 0px 0px 0px 14px;
	color: #fff;
	background: #999 url(/pics/shared/section_closed.gif) left top no-repeat;
	text-decoration: none;
	}
	
	.section_sub_open {
	padding: 0px 0px 0px 14px;
	color: #fff;
	background: #999 url(/pics/shared/section_open.gif) left top no-repeat;
	text-decoration: none;
	}
	
	.section_sub_open a {
	padding: 0px 0px 0px 14px;
	color: #fff;
	background: #999 url(/pics/shared/section_closed.gif) left top no-repeat;
	text-decoration: none;
	}
	
	.section_sub_open a:hover {
	padding: 0px 0px 0px 14px;
	color: #fff;
	background: #999 url(/pics/shared/section_closed.gif) left top no-repeat;
	text-decoration: none;
	}
	
	.heading2 {
	padding: 0px 0px 0px 15px;
	color: #333;
	background: #fff url(/pics/shared/check.gif) left top no-repeat;
	text-decoration: none;
	}
	
	.heading2 a {
	padding: 0px 0px 0px 15px;
	color: #333;
	background: #fff url(/pics/shared/check.gif) left top no-repeat;
	text-decoration: none;
	}
	
	.heading2 a:hover {
	padding: 0px 0px 0px 15px;
	color: #333;
	background: #fff url(/pics/shared/check.gif) left top no-repeat;
	text-decoration: none;
	}

#detail_privacy { 
float: left;
width: 943px; 
margin: 0px 22px 0px 2px;
padding: 20px;
font: normal 12px "Lucida Grande", Arial, Verdana, sans-serif;
color: #666;
background-color: #fff;}

* html #detail_privacy { 
float: left;
width: 945px; 
margin: 0px 0px 0px 0px;
padding: 20px;
font: normal 12px "Lucida Grande", Arial, Verdana, sans-serif;
color: #666;
background-color: #fff;}

#detail_new { 
float: left;
width: 987px; 
margin: 0px 22px 0px 0px;
padding: 0px;
font: normal 12px "Lucida Grande", Arial, Verdana, sans-serif;
color: #666;
background-color: #fff;}

* html #detail_new { 
float: left;
width: 945px; 
margin: 0px 0px 0px 0px;
padding: 20px;
font: normal 12px "Lucida Grande", Arial, Verdana, sans-serif;
color: #666;
background-color: #fff;}
	
.display { 
float: left;
width: 964px; 
margin: 0px;
padding: 5px 10px 5px 10px;
border-top: 1px solid #fff;
text-align: center;
font: normal 12px "Lucida Grande", Arial, Verdana, sans-serif;
color: #fff;
background-color: #999;}

.pagination { 
float: left;
width: 964px; 
margin: 0px;
padding: 10px;
font: normal 12px "Lucida Grande", Arial, Verdana, sans-serif;
color: #fff;
background-color: #999;}

.start { 
float: left;
width: 100px;
text-align: center;
}

.viewing { 
float: left;
width: 764px;
text-align: center;
}

.end { 
float: left;
width: 100px;
text-align: center;
}

.pagination a { 
color: #fff;
text-decoration: underline;}

.pagination a:hover { 
color: #fff;
text-decoration: none;}

#search_form input {
color:#444444;
font-family:arial;
font-size:14px;
font-weight:normal;
height:20px;
margin:9px 0pt;
padding-left:4px;
vertical-align:middle;
}

.checklist {
	list-style: none;
	line-height: 12pt;
	margin: 0px;
	padding: 0px;
	}

.checklist li {
	border-bottom: 1px solid #fff;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	}

.checklist input {
	width: 15px;
	padding: 0px 0px 0px 5px;
	}
	
.checklist2 {
	list-style: none;
	line-height: 12pt;
	margin: 0px;
	padding: 0px;
	}

.checklist2 li {
	border-bottom: 1px solid #fff;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	}	
	
	.checklist2 li a {
	font-size: 0.9em;
	}
	
#top_states {
	float: right;
	width: 205px;
	height: 107px;
	margin: 15px 15px 0px 0px;
	background: url(/pics/shared/states.gif) left bottom no-repeat;
	line-height: 11pt;
}

* html #top_states {
	float: right;
	width: 205px;
	height: 107px;
	margin: 3px 15px 0px 0px;
	background: url(/pics/shared/states.gif) left bottom no-repeat;
	line-height: 11pt;
}

#top_states a {
	color: #fff;
	font: normal 11px  "Lucida Sans", Arial, Verdana, sans-serif; 
}

#top_states a:link, a:visited {
	color: #fff;
}

#top_states a:hover {
	color: #fff;
}
	
#top_states select {
	margin: 7px 0 5px 20px;	
}

/* LAST UPDATED
***************************************************************/
.update {
	float:left;
	font-size:11px;
	font-weight:normal;
	line-height:39px;
	font-style:italic;
	margin-right:15px;
	font-family:arial;
	color:#aaa;
}
.update strong {color:#fff;}

/* BUTTONS
***************************************************************/
#search_btn {	
	background: url(/pics/buttons/search.gif) 0px 0px no-repeat;
	text-indent: -5000px;
	cursor: pointer;
	width: 26px;
	height: 23PX;
	margin: 0px;
	padding: 0px;
	}

.btn_spacer {
	width: 18px;
	height:12px;
	float:left;
}

.edit_btn, .new_btn, .login_btn, .retrieve_btn, .register_btn, .edit_btn2, .add_product_btn, .create_btn, .duplicate_btn, .update_btn, .update2_btn, .cancel_btn, .excel_btn, .pdf_btn, .editproduct_btn, .home_btn, .assign_btn, .add_btn, .importexport_btn, .import_btn, .export_btn, .psf_btn, .legacy_btn {
	float: left;
	padding: 0px;
	height: 35px;
	margin: 2px 15px 0px 0px;
	
}
.login_btn, .retrieve_btn, .register_btn, .create_btn, .duplicate_btn, .update_btn, .update2_btn, .cancel_btn, .excel_btn, .pdf_btn, .editproduct_btn, .home_btn, .assign_btn, .add_btn, .importexport_btn, .import_btn, .export_btn, .psf_btn, .legacy_btn {
	position:relative;
	z-index:2;
}
.login_btn, .retrieve_btn, .register_btn, .edit_btn2, .create_btn, .duplicate_btn, .update_btn, .update2_btn, .cancel_btn, .excel_btn, .pdf_btn, .editproduct_btn, .home_btn, .assign_btn, .add_btn, .importexport_btn, .import_btn, .export_btn, .psf_btn, .legacy_btn {
	height: 35px;
	
}

.edit_btn a, .new_btn a, .login_btn a, .retrieve_btn a, .register_btn a, .edit_btn2 a, .add_product_btn a, .create_btn a, .duplicate_btn a, .update_btn a, .update2_btn a, .cancel_btn a, .excel_btn a, .pdf_btn a, .editproduct_btn a, .home_btn a, .assign_btn a, .add_btn a, .importexport_btn a, .import_btn a, .export_btn a, .psf_btn a, .legacy_btn a {
	cursor:pointer;
	float:left;
	height:0px;
	overflow:hidden;
	padding: 35px 0 0 0;
}

.login_btn a, .retrieve_btn a, .register_btn a, .edit_btn2 a, .create_btn a, .duplicate_btn a, .update_btn a, .update2_btn a, .cancel_btn a, .excel_btn a, .pdf_btn a, .editproduct_btn a, .home_btn a, .assign_btn a, .add_btn a, .importexport_btn a, .import_btn a, .export_btn a, .psf_btn a, .legacy_btn a {
	padding: 35px 0 0 0;
}

.excel_btn {
	background: url(/pics/buttons/excel_off.gif) left top repeat-y;
	width: 131px;
	}
.excel_btn a {
	background: url(/pics/buttons/excel_off.gif) left top repeat-y; 
	width: 131px;
	}
.excel_btn a:hover { background-image: url(/pics/buttons/excel_on.gif); }


.pdf_btn {
	background: url(/pics/buttons/pdf_off.gif) left top repeat-y;
	width: 117px;
	}
.pdf_btn a {
	background: url(/pics/buttons/pdf_off.gif) left top repeat-y; 
	width: 117px;
	}
.pdf_btn a:hover { background-image: url(/pics/buttons/pdf_on.gif); }

.edit_btn {
	background: url(/pics/buttons/edit_off.gif) left top repeat-y;
	width: 79px;
	}
.edit_btn a {
	background: url(/pics/buttons/edit_off.gif) left top repeat-y; 
	width: 79px;
	}
.edit_btn a:hover { background-image: url(/pics/buttons/edit_on.gif); }

.create_btn {
	background: url(/pics/buttons/create_off.gif) left top repeat-y;
	width: 157px;
	}
.create_btn a {
	background: url(/pics/buttons/create_off.gif) left top repeat-y; 
	width: 157px;
	}
.create_btn a:hover { background-image: url(/pics/buttons/create_on.gif); }

.duplicate_btn {
	background: url(/pics/buttons/duplicate_off.gif) left top repeat-y;
	width: 179px;
	}
.duplicate_btn a {
	background: url(/pics/buttons/duplicate_off.gif) left top repeat-y; 
	width: 179px;
	}
.duplicate_btn a:hover { background-image: url(/pics/buttons/duplicate_on.gif); }

.update_btn {
	background: url(/pics/buttons/update_off.gif) left top repeat-y;
	width: 79px;
	}
.update_btn a {
	background: url(/pics/buttons/update_off.gif) left top repeat-y; 
	width: 79px;
	}
.update_btn a:hover { background-image: url(/pics/buttons/update_on.gif); }

.update2_btn {
	background: url(/pics/buttons/update2_off.gif) left top repeat-y;
	width: 79px;
	}
.update2_btn a {
	background: url(/pics/buttons/update2_off.gif) left top repeat-y; 
	width: 79px;
	}
.update2_btn a:hover { background-image: url(/pics/buttons/update2_on.gif); }

.cancel_btn {
	background: url(/pics/buttons/cancel_off.gif) left top repeat-y;
	width: 79px;
	}
.cancel_btn a {
	background: url(/pics/buttons/cancel_off.gif) left top repeat-y; 
	width: 79px;
	}
.cancel_btn a:hover { background-image: url(/pics/buttons/cancel_on.gif); }

.home_btn {
	background: url(/pics/buttons/home_off.gif) left top repeat-y;
	width: 79px;
	}
.home_btn a {
	background: url(/pics/buttons/home_off.gif) left top repeat-y; 
	width: 79px;
	}
.home_btn a:hover { background-image: url(/pics/buttons/home_on.gif); }

.new_btn {
	background: url(/pics/buttons/new_off.gif) left top repeat-y;
	width: 63px;
	}
.new_btn a {
	background: url(/pics/buttons/new_off.gif) left top repeat-y; 
	width: 63px;
	}
.new_btn a:hover { background-image: url(/pics/buttons/new_on.gif); }


.login_btn {
	background: url(/pics/login/login_off.gif) left top repeat-y;
	margin-top: 10px;
	width: 77px;
	}
.login_btn a {
	background: url(/pics/login/login_off.gif) left top repeat-y; 
	width: 77px;
	}
.login_btn a:hover { background-image: url(/pics/login/login_on.gif) ; }


.retrieve_btn {
	background: url(/pics/login/retrieve_off.gif) left top repeat-y;
	margin-top: 10px;
	width: 184px;
	}
.retrieve_btn a {
	background: url(/pics/login/retrieve_off.gif) left top repeat-y; 
	width: 184px;
	}
.retrieve_btn a:hover { background-image: url(/pics/login/retrieve_on.gif); }


.register_btn {
	background: url(/pics/login/reg_off.gif) left top repeat-y;
	margin-top: 10px;
	width: 113px;
	}
.register_btn a {
	background: url(/pics/login/reg_off.gif) left top repeat-y; 
	width: 113px;
	}
.register_btn a:hover { background-image: url(/pics/login/reg_on.gif); }

.editproduct_btn {
	background: url(/pics/buttons/editproduct_off.gif) left top repeat-y;
	width: 157px;
	}
.editproduct_btn a {
	background: url(/pics/buttons/editproduct_off.gif) left top repeat-y; 
	width: 157px;
	}
.editproduct_btn a:hover { background-image: url(/pics/buttons/editproduct_on.gif); }


.assign_btn {
	background: url(/pics/buttons/assign_off.gif) left top repeat-y;
	width: 97px;
	}
.assign_btn a {
	background: url(/pics/buttons/assign_off.gif) left top repeat-y; 
	width: 97px;
	}
.assign_btn a:hover { background-image: url(/pics/buttons/assign_on.gif); }


.add_btn {
	background: url(/pics/buttons/add_off.png) left top repeat-y;
	width: 79px;
	margin: 10px 0 0 10px;
	}
.add_btn a {
	background: url(/pics/buttons/add_off.png) left top repeat-y; 
	width: 79px;
	}
.add_btn a:hover { background-image: url(/pics/buttons/add_on.png); }


.import_btn {
	background: url(/pics/buttons/import_off.gif) left top repeat-y;
	width: 97px;
	}
.import_btn a {
	background: url(/pics/buttons/import_off.gif) left top repeat-y; 
	width: 97px;
	}
.import_btn a:hover { background-image: url(/pics/buttons/import_on.gif); }

.export_btn {
	background: url(/pics/buttons/export_off.gif) left top repeat-y;
	width: 97px;
	}
.export_btn a {
	background: url(/pics/buttons/export_off.gif) left top repeat-y; 
	width: 97px;
	}
.export_btn a:hover { background-image: url(/pics/buttons/export_on.gif); }


.importexport_btn {
	background: url(/pics/buttons/importexport_off.gif) left top repeat-y;
	width: 180px;
	}
.importexport_btn a {
	background: url(/pics/buttons/importexport_off.gif) left top repeat-y; 
	width: 180px;
	}
.importexport_btn a:hover { background-image: url(/pics/buttons/importexport_on.gif); }


.legacy_btn {
	background: url(/pics/buttons/legacy_off.gif) left top repeat-y;
	width: 97px;
	}
.legacy_btn a {
	background: url(/pics/buttons/legacy_off.gif) left top repeat-y; 
	width: 97px;
	}
.legacy_btn a:hover { background-image: url(/pics/buttons/legacy_on.gif); }


.psf_btn {
	background: url(/pics/buttons/psf_off.gif) left top repeat-y;
	width: 97px;
	}
.psf_btn a {
	background: url(/pics/buttons/psf_off.gif) left top repeat-y; 
	width: 97px;
	}
.psf_btn a:hover { background-image: url(/pics/buttons/psf_on.gif); }



.bottom { 
margin: 0px;
padding: 15px 20px 20px 20px;
height: 30px;
text-align: left;
font: normal 11px  "Lucida Grande", Arial, Verdana, sans-serif; 
background: url(/pics/shared/footer.jpg) left bottom no-repeat;
color: #666;}

.bottom a { 
   color:#666;
   text-decoration: none;}
   
   
.bottom a:hover{
   color:#666;
   text-decoration: underline;
}

#paper1 { 
margin: 0px 7px 0px 6px;
padding: 0px 0px 0px 0px;
width: 974px;
background: #fff url(/pics/shared/paper_gradation.gif) bottom left repeat-x;}

#paper2 { 
margin: 0px 7px 0px 6px;
padding: 0px 0px 0px 0px;
width: 974px;
background: #fff url(/pics/shared/paper_gradation.gif) bottom left repeat-x;}

#paper3 { 
margin: 0px 7px 0px 6px;
padding: 0px 0px 0px 0px;
width: 974px;
background: #fff url(/pics/shared/paper_gradation.gif) bottom left repeat-x;}

.tab_top { 
margin: 0px;
padding: 0px;
width: 676px;
height: 41px;
background-color: #666666;
clear:both;
border-bottom: 2px solid #fff;
}

.tab_top_mobi { 
margin: 0px;
padding: 0px;
width: 676px;
height: 41px;
background-color: #999999;
clear:both;
border-bottom: 2px solid #fff;
}

.tab_top ul { padding: 0px; margin: 0px;}

.tab_top li {
float: right;
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px; }

.tab_top li.open a {
display: block;
/*text-indent: -5000px*/;
width: 75px;
height: 31px;
text-decoration: none;
/*background: url(/pics/buttons/open_off.gif) left top no-repeat;*/}

.tab_top li.open a.open_on  {
/*background: url(/pics/buttons/open_on.gif) no-repeat;*/
text-decoration: none;}

.tab_top li.open a:hover {
/*background: url(/pics/buttons/open_on.gif) left top no-repeat;*/}

.tab_top li.close a {
display: block;
/*text-indent: -5000px*/;
width: 83px;
height: 31px;
text-decoration: none;
/*background: url(/pics/buttons/close_off.gif) left top no-repeat;*/}

.tab_top li.close a.close_on  {
/*background: url(/pics/buttons/close_on.gif) no-repeat;*/
text-decoration: none;}

.tab_top li.close a:hover {
/*background: url(/pics/buttons/close_on.gif) left top no-repeat;*/}

.tab1 { 
margin: 0px 7px 0px 6px;
padding: 0px 0px 0px 0px;
width: 974px;
height: 31px;
background: #000 url(/pics/shared/tab1.jpg) left top no-repeat;
color: #fff;}

.login_box1 {
float: left;
padding: 20px;
width: 309px;
margin: 0px;
color:#333;
}

.login_box2 {
float: left;
padding: 20px 20px 20px 0px;
width: 309px;
margin: 0px;
}

.login_top, .register_top {
	position:relative;
	z-index:1;
}

.login_top { 
padding: 0px;
width: 309px;
height: 9px;
margin: 0px;
background: #f1f0f0 url(/pics/login/top.gif) left top no-repeat;
}

.login_center { 
font: normal 13px "Lucida Grande", Arial, Verdana, sans-serif;
color: #666;
padding: 25px;
width: 259px;
background-color: #f1f0f0;
}

.registered_user { 
text-indent: -5000px;
width: 250px;
height: 14px;
padding: 0px 0px 5px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #ccc;
background: #f1f0f0 url(/pics/login/reg_user.gif) left top no-repeat;
}

.new_product_hd { 
text-indent: -5000px;
width: 250px;
height: 14px;
padding: 0px 0px 5px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #ccc;
background: #f1f0f0 url(/pics/login/new_product.gif) left top no-repeat;
}

.edit_existing { 
text-indent: -5000px;
width: 250px;
height: 14px;
padding: 0px 0px 5px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #ccc;
background: #f1f0f0 url(/pics/login/revise_existing.gif) left top no-repeat;
}

.new_user { 
text-indent: -5000px;
width: 250px;
height: 14px;
padding: 0px 0px 5px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #ccc;
background: #f1f0f0 url(/pics/login/new_user.gif) left top no-repeat;
}

.login_bottom { 
padding: 0px;
width: 309px;
height: 9px;
background: #797979 url(/pics/login/bottom.gif) left top no-repeat;
}

.forget { 
   color: #000066;
   font: bold 13px "Lucida Grande", Arial, Verdana, sans-serif;}

.ast { 
   color: #ff3300;
   font: normal 14px "Lucida Grande", Arial, Verdana, sans-serif;}

#accordion_body {
	float: left;
	width: 270px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	background-color: #f1f0f0;
	}
	
#accordion {
	width: 250px;
	padding: 5px;
	margin: 0px;
	}

.toggler {
	margin: 0px;
	font-size: 11px;
	font-weight: normal;
	font: normal 16px Lucida Grande, "Trebuchet MS", sans-serif;
    color: #fff; 
	width: 270px;
	border: none;
	cursor: pointer;
}

.toggler2 {
	margin: 0px;
	font-size: 11px;
	font-weight: normal;
	font: normal 16px Lucida Grande, "Trebuchet MS", sans-serif;
    color: #fff; 
	width: 270px;
	border: none;
	cursor: pointer;
}
 
.element {
    padding: 0px 0px 0px 5px;
    margin: 0px;
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	margin: 0px;
	float:right;
}

.slide_links a:link, a:visited {
	color: #333;
	font: normal 12px/14pt Lucida Grande, "Trebuchet MS", sans-serif;
    text-decortaion: none;
}

.slide_links a:hover {
	color: #333;
	font: normal 12px/14pt Lucida Grande, "Trebuchet MS", sans-serif;
    text-decortaion: none;
}

h3.toggler {
	width: 270px;
	text-indent: -5000px;
	margin: -10px -10px 0px -10px;
	padding: 10px 0 20px 10px;
    background: url(/pics/products/accordion/top.gif) top center no-repeat;
    clear: both;
    } 
    
    #common_hd {
    background: url(/pics/shared/common_hd.gif) top center no-repeat;
    clear: both;
    }

iframe {
	z-index:5;
}

#grey_error { 
width: 987px;
margin: 0px;
padding: 0px 0px 0px 13px;
background: url(/pics/shared/grey_error.jpg) left top repeat-y;}

.warning {
color: #900;
}

#logged { 
width: 987px; 
margin: auto;
text-align: right;
height: 15px;
padding: 0px;
font: normal 11px "Lucida Grande", Arial, Verdana, sans-serif;
color: #fff;
line-height: 3em;}

#logged a { 
color: #fff;
}

.import_block {
float: left;
width: 250px; 
height: 185px;
padding: 10px;
font: normal 11px "Lucida Grande", Arial, Verdana, sans-serif;
background-color: #e8e8e8;
border-right: 1px solid #fff;
}

.export_block {
float: left;
width: 250px; 
height: 185px;
padding: 10px;
font: normal 11px "Lucida Grande", Arial, Verdana, sans-serif;
background-color: #e8e8e8;
border-left: 1px solid #ccc;
}

.userguide {
	float: left;
	width: 120px;
	padding-right: 10px;
	border-right: 1px solid #999;
	margin-right: 10px;
	font: normal 10px "Lucida Grande", Arial, Verdana, sans-serif;
}

.userguide img {
	padding-right: 10px;
}

.dsp_prodimg {
	border: 5px solid #e8e8e8;
}