body, html {
	margin: 0px;
	padding: 0px;
	font-family: arial;
	font-size: 12px;
	background: #fff;
	color: #1a0b07;
	text-align: center;
	width: 100%;
}
h4
{
	margin: 5px 0px 5px 0px;
	padding: 2px;
}
ul
{
	list-style-type: square;
}
p 
{
	text-indent: 0px;
}
p.note
{
	font-size: 10px;
}
p:first-letter 
{ 
	/*font-weight: bold;*/
}
img
{
	border: 0px;
}
.floatleft
{
	float: left;
}
.floatright
{
	float: right;
}
.alignright
{
	text-align: right;
}
#page_wrapper
{
	background: #fff;
	margin: 0px auto;
	text-align: left;
	width: 80%;
	display: block;
}
#titlebar
{
	margin-top: 5px;
	padding: 0px;
	float: left;
	width: 100%;
	height: 60px;
}
#titlebar.img
{
	vertical-align: middle;
	margin: 0px;
	border: 0px;
}
div.h_bar
{
	background: #6d8ead;
	width: 100%;
	min-width: 870px;
    width:expression(document.body.clientWidth < 970 ? "870px" : "100%" );
	display: block;
}
a.menu
{
	display: block;
}
#top_menu
{
	float: right;
	background: #6d8ead;
	width: 100%;
	min-width: 870px;
    width:expression(document.body.clientWidth < 970 ? "870px" : "100%" );
	border: 1px solid #1f3447;
}
a.nav
{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 6px 3px 6px;
	float: right;
	height: 17px;
	border-left: 1px solid #1f3447;
	cursor: pointer;
}
#top_menu a.floatleft
{
	color: #fff32f;
	font-weight: bold;
	padding: 3px 6px 3px 6px;
	display: block;
	float: left;
	margin-left: 1px;
	height: 17px;
	border: 0px;
}
#top_menu a.menu_sel
{
	background: #fff;
	color: #1f3447;
}

#top_menu a:hover
{
	background: #fff;
	cursor: pointer;
	color: #1f3447;	
}

#top_menu span.right
{
	padding: 3px;
	float: right;
}
input.login
{
	font-size: 9px;
	width: 80px;
	padding: 1px;
	border: 1px solid #333;
}
div.spacer
{
	clear: both;
}

#left_menu
{
	float: left;
	width: 15%;
	max-width: 130px;
	border: 1px solid #1f3447;
	background: #fff;
	text-align: left;
	margin: 5px 0px 0px 0px;
}

#content
{
	display: block;
	float: left;
	background: #fff;
	padding: 0px 0px;
	text-align: left;
	width: 100%;
	min-width: 880px;
    width:expression(document.body.clientWidth < 1200 ? "920px" : "100%" );
	min-height: 500px;
	height:expression(document.body.clientHeight < 600 ? "500px" : "500px" );
}

#footer
{
	/*margin-top: 50px;*/
	margin-bottom: 5px;
	display: block;
	text-align: center;
	font-size: 10px;
}

a
{
	text-decoration: none;
	color: #1f3447;
	font-weight: bold;
}
a:hover
{
	text-decoration: underline;
	color: #1a0b07;
	font-weight: bold;
}
a.span
{
	width: 100%;
	height: 100%;
}
a.category
{
	font-weight: bold;
	padding: 3px;
	font-size: 11px;
	border-bottom: 1px solid #aaa;
}
a.sub
{
	padding: 2px 2px 2px 10px;
	font-size: 9px;
	border-bottom: 1px solid #aaa;
	background: #eee;
}
a.category:hover, a.sub:hover
{
	background: #cfcdb4;
}
#products
{
	float: left;
	width: 715px;
	margin: 10px 0px 0px 20px;
	background: #1f3447;
	text-align: left;
	padding: 2px;
	color: #fff;
}
#menu
{
float: left;
border: 1px solid #aaa;
background: #ccc;
}
.title
{
	font-weight: bold;
	padding: 3px;
	background: #ccc;
	border-bottom: 1px solid #1f3447;
}
a.selected
{
	background: #1f3447;
	color: #fff32f;
}
a.selected:hover
{
	color: #eee;
	background: #362416;
}
div.product
{
	background: #6d8ead;
	color: #000;
	clear: both;
	padding: 4px;
	margin: 10px 3px 3px 3px;
	width: 700px;
}
div.prod_desc
{
	padding: 5px;
	background: #fff;
	font-size: 11px;
	min-height: 180px;
	height:expression(document.body.clientHeight < 280 ? "180px" : "auto" );
	width: 690px;
	width:expression(document.body.clientWidth < 790 ? "690px" : "100%" );
}
div.product img
{
	margin: 10px;
}
div.prod_options
{
	padding: 0px;
	background: #6d8ead;
}
a.option
{
	float: right;
	background: #ddd;
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	border-color: #666;
	padding: 2px;
	margin: 0px 0px 0px 4px;
	font-weight: bold;
	font-size: 11px;	
}
a.option:hover
{
	background: #aaa;
	font-weight: bold;
	color: #fff;
}
div.prod_options a.selected 
{
	background: #fff;
	color: #6d8ead;
}
span.prod_title
{
	float: left;
	color: #fff;
	margin: 5px 0px 0px 5px;
	font-weight: bold;
	font-size: 13px;
}
div.cat_title
{
	float: left;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #fff;
	margin: 0px 0px 10px 0px;
	width: 100%;
	font-size: 18px;
}
#mini_quote
{
	width: 147px;
	border: 1px solid #aaa;
}
span.quote
{
	color: #fff32f;
	padding: 3px;
}
#rfq, #rfq_customer_info
{
	border: 1px solid #aaa;
	text-align: left;
	background: #fff;
	margin: 10px auto;
}
#rfq_customer_info
{
	padding: 3px;
}
#rfq a
{
	margin: 5px;
}
#rfq div.title, #rfq div.title a
{
	background:#1f3447;
	color: #fff;
}
tr.rfq
{
	vertical-align: top;
	font-size: 11px;
}
tr.title
{
	font-weight: bold;
	font-size: 11px;
}
tr.title td
{
	border-right: 1px solid #aaa;
}
table.rfq
{
	border-bottom: 1px solid #aaa;
	border-collapse: collapse;
	background: #cfcdb4;
}
table.rfq td
{
	padding: 3px;
	border: 1px solid #aaa;
}
table.rfq tr
{
	margin: 5px;
	border-bottom: 1px solid #fff;
}
.field_title
{
	font-size: 11px;
	font-weight: bold;
	color: #444;
	position: relative;
	top: 2px;
}
span.field_value
{
	font-size: 11px;
	font-weight: normal;
	color: #444;
	position: relative;
	top: 0px;
	left: 20px;
	display: block;
}
input[type=submit],input[type=button]
{
	border-style: solid;
	border-color: #888;
	border-width: 1px 2px 2px 1px;
	margin: 5px;
	font-size: 12px;
	font-weight: bold;
}
input[type=submit]:hover,input[type=button]:hover
{
	cursor: pointer;
	background: #ccc;
}

div.content_block
{
	text-align: left;
	border: 1px solid #6d8ead;
	width: 250px;
	margin: 0px 10px;
	float: left;
}
div.content_block div.block_title
{
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0px 5px 15px;
}
div.content_block div.block_image
{
	border-bottom: 1px solid #aaa;
	margin: 0px;
	padding: 0px;
}
div.block_content
{
	text-align: left;
	font-size: 11px;
	padding: 5px;
}
div.block_content ul
{
	margin: 0px;
	list-style-type: square;
	padding-left: 20px;
}
div.block_content li
{
	margin-left: 0px;
	padding: 0px;
}

#testimonial
{
	position: relative;
	top: 0px;
	left: 200px;
	font-size: 10px;
	width: 50%;
	min-width: 350px;
    width:expression(document.body.clientWidth < 450 ? "350px" : "50%" );
	display: block;
	float: left;
}
.test_block
{
	font-size: 11px;
	margin: 20px;
}
div.subj_title
{
	text-align: left;
	background:#6d8ead;
	font-weight: bold;
	border: 1px solid #aaa;
	width: 300px;
	float: left;
	margin: 5px;
}
div.subj_title:hover
{
	border: 1px solid #000;
	background: #1f3447;
}
div.subj_title img
{
	border: 1px solid #fff;
	margin: 5px;
	float: left;
}
div.subj_title div.text
{
	padding: 3px 0px 0px 10px;
	font-size: 15px;
	color: #fff;
	float: left;
}

div.subj_title div.text ul *
{
	color: #fff;
	font-size: 10px;
}
div.subj_title div.text ul
{
	margin: 0px 0px 5px 20px;
	padding: 0px;
}
div.text li
{
	padding: 1px;
}
div.text li:hover
{
	background: #6d8ead;
}
#block_wrapper
{
	width: 100%;
	text-align: center;
}
#bottom_blocks 
{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 816px;
}
#bottom_blocks img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#subjects
{
	float: left;
	margin: 20px 0px 20px 20px;
	text-align: left;
}
span.subject_desc
{
	font-size: 11px;
	font-weight: normal;
}
#loginpanel
{
	float: right;
	text-align: right;
	vertical-align: bottom;
	font-size: 10px;
	margin: 0px;
	width: 100%;
	background: #1f3447;
	height: 19px;
	padding: 0px;
	border: 1px solid #1f3447;
}
#loginpanel input
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	vertical-align: bottom;
	font-size: 10px;
	margin: 1px;
	height: 15px;
}
#loginpanel span.logintext
{
	float: right;
	margin: 3px 5px 0px 0px;
	color: #fff;
}
#loginpanel input[type=text], #loginpanel input[type=password]
{
	font-size: 9px;
	width: 70px;
	margin-top: 2px;
	border: 1px solid #666;
}
#rfq_login input[type=text], #rfq_login input[type=password]
{
	font-size: 9px;
	width: 70px;
	margin-top: 2px;
	border: 1px solid #666;
}
hr
{
	height: 1px;
	width: 50%;
	margin: 10px auto;
}

#home_text
{
	text-align: left;
	width: 750px;
	margin: 0px auto;
	font-size: 11px;
}

#company_statement
{
	font-size: 12px;
	margin: 0px auto;
	background: #fff;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #1f3447;
	padding: 5px;
	width: 740px;
	text-align: left;
}

#banner_image
{
	border: 1px solid #1f3447;
	border-width: 0px 1px 1px 1px;
}
#specs
{
	float: left;
}
div.spec
{
	margin-bottom: 3px;
	font-size: 11px;
}
span.spec
{
	font-weight: bold;
	display: block;
}
span.spec_value
{
	padding-left: 20px;
	display: block;
}
div.news_article_list
{
	text-align: left;
	float: left;
	/*border: 1px solid #aaa;*/
}

span.headline
{
	font-weight: bold;
	font-size: 13px;
}

#edit_docs
{
	float: left;
	max-width: 250px;
	height: 200px;
	border: 1px solid #aaa;
	overflow: auto;
	font-size: 11px;
	background: #fff;
	padding: 2px;
}
div.edit_row
{
	padding: 2px;
}
div.edit_row:hover
{
	background: #ccc;
}
#doc_editor,#user_list,#user_edit
{
	float: left;
}
#admin_users
{
	text-align: left;
}
#news_article
{
	text-align: left;
}


/** Admin Style **/
#category_editor, #menu_editor
{
	text-align: left;
	width: 500px;
	margin: 10px;
	padding: 0px;
	float: left;
}
hr{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 0px;
	border-bottom: 1px dashed #eee;
}
#category_editor a{
	text-decoration: none;
	border: 0px;
}
#category_editor img{
	border: 0px;
}
div.delete{
	 position: relative;
 top: -17px;
}
div.menu_level0{
	font-weight: bold;
	font-size: 12px;
	color: #f7a019;
	background: #1f3447;
	padding: 2px;
	border-bottom: 1px solid #6d8ead;
}
div.menu_level0 a{
	color: #f7a019;
	border: 1px solid white;
}
div.menu_level1{
 	font-size: 12px;
	padding: 2px;
	padding-left: 10px;	
	background: #ccc;
	border-bottom: 1px solid #aaa;
}
div.menu_level1 a{
	color: #97002d;
}
div.menu_level2{
	font-size: 10px;
	padding: 2px;
	padding-left: 20px;
	background: #eee;
	border-bottom: 1px solid #aaa;
}

div.cat_product
{
	border: 1px solid #aaa;
	padding: 2px;
}

#prod_manager, #news_admin
{
	text-align: left;
}
#group_list
{
	text-align: left;
}
#prod_selector
{
	background: #1f3447;
	color: #fff;
	margin-top: 5px;
	padding: 3px;
	height: 25px;
	vertical-align: top;
}
#product_edit
{
	/*border: 1px solid red;*/
	text-align: center;
}
#product_details, #product_specs
{
	float: left;
	text-align: left;
	border: 1px solid #aaa;
	margin: 0px 5px;
	background: #cfcdb4;
	padding: 3px;
}
#product_details
{
	width: 410px;
}
#product_specs
{
	width: 550px;
}
#product_specs input[type=text]
{
	font-size: 11px;
}
div.spec_line
{
	font-size: 11px;
	padding: 3px;
	border: 1px solid #aaa;
}
div.spec_line:hover
{
	background: #6d8ead;
}
div.spec_line span
{
	background: #fff;
	padding: 2px;
	border: 1px solid #aaa;
}
div.spec_line span:hover
{
	background: #ccc;
	cursor: pointer;
}
#admin_docs
{
	background: #cfcdb4;
	text-align: left;
	border: 1px solid #aaa;
	padding: 5px;
	width: 689px;
	margin: 0px auto;
}
#doc_editor
{
	border: 1px solid #aaa;
	width: 677px;
	margin: 10px 5px 0px 5px;
	padding: 3px;
}

.submenu
{
	margin: 0px 10px 10px 0px;
}

div.contact_panel
{
	background: #cfcdb4;
	float: left;
	text-align: left;
	height: 480px;
	width: 400px;
	padding: 10px;
	border: 3px solid #fff;
	height:expression(document.body.clientHeight < 580 ? "480px" : "480px" );
}
div.contact_panel img
{
	width: 139px;
	height: 50px;
	border: 2px solid #fff;
	margin: 0px 10px 10px 0px;
}
#contact
{
	width: 100%;
	text-align: center;
	margin: 0px;
	height: 480px;
	width:expression(document.body.clientWidth < 950 ? "850px" : "100%" );
}
div.wrapper
{
	width: 855px;
	margin-left: auto;
	margin-right: auto;
}
div.testimonial
{
	width: 100%;
	text-align: center;
}
#quote_admin
{
	text-align: left;
	/*border: 1px solid #aaa;*/
	width: 550px;
	height: 150px;
	overflow: auto;
	float: left;
	margin: 10px;
	background: #ccc;
}
#quote_list
{
	width: 100%;
	empty-cells: show;
	border-collapse: collapse;
}
#quote_list tr:hover
{
	background: #ccc;
	cursor: pointer;
}
#quote_list td
{
	border: 1px solid #aaa;
}
.small_data
{
	font-size: 10px;
}
#quote_notes
{
	background: #cfcdb4;
	float: right;
	width: 300px;
	height: 154px;
	margin-top: 10px;
	border-color: #aaa;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	padding: 3px;
}
#notes
{
	overflow: auto;
	width: 100%;
	height: 110px;
	background: #6d8ead;
}
div.note
{
	padding: 1px;
	margin: 1px 1px 0px 1px;
	background: #fff;
}
div.note:hover
{
	background: #ccc;
}

#quote_edit
{
	clear: both;
	margin: 0px 0px 20px 10px;
	background: #cfcdb4;
	padding: 3px;
	border: 1px solid #aaa;
	text-align: left;
}
#quote_edit div.floatleft
{
	margin-right: 20px;
}
#quote_edit hr
{
	width: 100%;
}
.green
{
	background: #99cc99;
}
.red
{
	background: #ff6666;
}
.blue
{
	background: #83bafd;
}
.yellow
{
	background: yellow;
}

div.wrapped_box
{
	max-width: 320px;
	min-height: 100px;
	text-align: left;
	font-size: 11px;
}
div.wrapped_box span
{
	display: inline;
}
span.box_top_left
{
	clear: both;
	width: 10px;
	height: 10px;
	background: url('images/testbox_ul.gif') no-repeat;
	float: left;
}
span.box_top
{
	height: 10px;
	background: url('images/testbox_u.gif') repeat-x;
	width: 300px;
	float: left;
}
span.box_top_right
{
	width: 10px;
	height: 10px;
	background: url('images/testbox_ur.gif') no-repeat;
	float: right;
}

span.box_left
{
	clear: both;
	width: 10px;
	height: 100px;
	background: url('images/testbox_l.gif') repeat-y;
	float: left;
}
span.box_mid
{
	max-width: 300px;
	width: 300px;
	float: left;
}
span.box_right
{
	width: 10px;
	height: 100px;
	background: url('images/testbox_r.gif') repeat-y;
	float: left;
}
span.box_bottom_left
{
	clear: both;
	width: 10px;
	height: 10px;
	background: url('images/testbox_bl.gif') no-repeat;
	float: left;
}
span.box_bottom
{
	height: 10px;
	background: url('images/testbox_b.gif') repeat-x;
	width: 300PX;
	float: left;
}
span.box_bottom_right
{
	width: 10px;
	height: 10px;
	background: url('images/testbox_br.gif') no-repeat;
	float: right;
}
div.box_anchor
{
	clear: both;
	width: 100px;
	height: 30px;
	background: url('images/box_anchor.gif') no-repeat left;
}
div.author
{
	padding-left: 80px;
}

div.alignleft
{
	width: auto;
	max-width: 80%;
	text-align: left;
	float: left;
	margin-left: 10px;
}

/* Calendar Style */
#calendar
{
	background: #cfcdb4;
	width: 700px;
	height: 400px;
	border: 1px solid #1f3447;
	margin: 10px;
}
#calendar td
{
	border: 1px solid #aaa;
	vertical-align: top;
	width: 14%;
	height: 50px;
}
td.cal_title
{
	text-align: center;	
	font-size: 20px;
	vertical-align: middle;
	background: #fff;
	height: 60px;
}
td.cal_disabled_day
{
	
}
td.cal_current_day
{
	background: #6d8ead;
}
td.cal_day
{
	background: #1f3447;
	color: #fff;
	padding: 2px;
}
td.cal_day:hover
{
	background: #6d8ead;
	color: #000;
	padding: 2px;
}
td.cal_nav
{
	font-size: 40px;
	vertical-align: middle;
	text-align: center;
}
td.cal_nav:hover
{
	background: #6d8ead;
	color: #fff;
}

td.cal_class
{
	background: #6d8ead;
	color: #1a0b07;
	padding: 2px;
	border: 2px solid #6d8ead;
}

td.cal_class span
{
	font-size: 11px;
}
div.features
{
	float: right;
	margin: 5px;
	width: 200px;
	font-size: 12px;
	text-align: left;
	padding: 4px;
	color: #fff;
	background: #6d8ead;
	border: 3px solid #1f3447;
}
div.features ul
{
	margin: 0px;
	padding: 0px;
	padding-left: 14px;
	font-size: 10px;
	width: 190px;
}

span.jumper a
{
	color: #fff;
}
#baro_alt
{
	margin: 10px;
}
#baro_alt, #baro_alt td
{
	border: 1px solid #aaa;
	border-collapse: collapse;
	padding: 2px;
	text-align: center;
}

#tooltip
{
        position: absolute;
        top: 0px;
        left: 0px;
        visibility: hidden;
        background: #EAE1A0;
        z-index: 1000;
        color: #000;
        padding: 3px;
        border-width: 1px 2px 2px 1px;
        border-style: solid;
        border-color: #aaa;
        border-right: 2px solid #888;
        border-bottom: 2px solid #888;
}

#registration
{
	text-align: left;
}
#interests, #interests tr
{
	font-size: 10px;
	vertical-align: top;
}
#interests td
{
	padding: 3px;
}
#regs
{
	border: 1px solid #aaa;
	width: 400px;
	max-height: 300px;
	overflow: auto;
	text-align: left;
	float: left;
}
#regs table
{
	width: 100%;
}
#regs table td
{
	padding: 2px;
	font-size: 11px;
	text-align: center;
}
#regs table tr:hover
{
	background: #ccc;
}
#reg_display
{
	padding: 3px;
	width: 300px;
	height: 500px;
	border: 1px solid #aaa;
	text-align: left;
	float: left;
	background: #1f3447;
	color: #fff;
	visibility: hidden;
}

span.button
{
	cursor: pointer;
	font-weight: bold;
	font-size: 11px;
	background: #eee;
	padding: 1px 2px 1px 4px;
	margin: 1px;
	border-style: solid;
	border-color: #666;
	border-width: 0px 1px 1px 0px;
	float: right;
	display: block;
}
span.button:hover
{
	background: #aaa;
}
.quotesort
{
	float: right;
	padding: 2px;
	border: 1px solid #aaa;
}
.quotesort:hover
{
	background: #ccc;
}
#quote_status
{
	color: #ff0000;
}

#rfq_login_wrapper
{
	float: right;
	display: block;
}
#rfq_login
{
	margin: auto auto;
	width: 300px;
	vertical-align: middle;
	border: 1px solid #666;
	background: #ccc;
	padding: 5px;
}

#tech_docs td
{
	border: 1px solid #aaa;
	border-collapse: collapse;
	padding: 2px;
	font-size: 12px;
}
#tech_docs tr.restricted
{
	background: #fd8e83;
}

span.result_text
{
	font-size: 9px;
}
div.result
{
	width: 100%;
	text-align: left;
	padding: 3px;
	margin-bottom: 3px;
}
div.result_documents
{
	background: #dfe9f4;
}
div.result_products
{
	background: #f6eedb;
}
div.result_news
{
	background: #e7f6db;
}

#search, #profile
{
	text-align: left;
}
#user_info, #user_password
{
	float: left;
}	
#user_password
{
	margin: 50px;
	background: #ccc;
	padding: 2px 10px 2px 10px;
	background: #6d8ead;
	border: 3px solid #1f3447;
	color: #fff;
}
dt
{
	font-weight: bold;
}

dd
{

}
.lvl0
{
}

.lvl1
{
	margin-left: 10px;
}
.lvl2
{
	margin-left: 20px;
}

.required
{
	color: red;
	background: #fff;
}