* { padding: 0; margin: 0; }
body { text-align: center; background: url('/images/bg_body.jpg'); background-color: #fff;
	font-family: Arial, Helvetica, sans-serif; }
a {	color: #f62a00; }
a:link, a:visited { color: #f62a00; font-weight: bold; }
a:hover, a:active, a:focus { color: #039; text-decoration: none; }
/* hr { height: 0; border-bottom: 1px solid #ccc; border-bottom: 1px solid #eee; margin: 10px 0; } */
hr	{ height: 0px; border: 0px solid #ccc; width: 99%; text-align: center; margin: 10px 0 15px;
	border-bottom-width: 1px; border-bottom-color: #ccc; }

#head_container { background: #1f1b17; width: 100%; overflow: }
#banner { hidden; width: 985px; margin: 0 auto; height: 170px; text-align: left;
	background: url('/images/banner-standard-02.png') center right no-repeat; }
#banner h2, #banner h3 { display: none; }
/* #section_top_menu { width: 100%; height: 30px; background: url('/images/menu-top-bg-02.png') repeat-x;
	border-top: 1px solid #e6f5f7; border-bottom: 1px solid #d7ecf6; text-align: left; vertical-align: middle; } 
#section_top_menu { width: 100%; background: black url(images/blockdefault.gif) center center repeat-x;  } */
#tellogo { width: 50px; height: 150px; float: left; background: url('/images/icon_phone_2.png') center no-repeat; }
#top_telnos { overflow: hidden; float: left; width: 500px; margin: 0 auto; padding-top: 30px; text-align: left; color: #eee; 
	font: 16px 'Alike', Arial, Helvetica, sans-serif; line-height: 1.4em; }
#top_telnos span.showroom { font-weight: bold; font-size: 15px; font: bold 15px 'Ubuntu Condensed', Arial, Helvetica, sans-serif; color: #888;  }
#top_telnos span.br_space { line-height: 0.5em; }

#section_top_menu { width: 100%; background: black url(images/blockdefault.gif) center center repeat-x;
	border: 1px solid #625e00; border-width: 1px 0; }
#section_top_menu #section_top_menu_date { float: right; overflow: hidden; color: #fff; margin-top: 8px;
	font: 11px Verdana, Arial, Helvetica, sans-serif; margin-right: 20px; }

#container { overflow: hidden; width: 985px; margin: 0 auto; }
#container_middle { overflow: hidden; width: 789px; float: left; border-right: 1px solid #999; 
	border-left: 1px solid #ccc; background: url('/images/left-bg.png') left repeat-y; background-color: #fff; }
#section_left { width: 173px; float: left; text-align: left; }
#section_middle { width: 590px; float: left; overflow: hidden; margin-left: 13px; text-align: left; font-size: 12px; color: #333; }
#section_right { width: 190px; float: left; overflow: hidden; text-align: left; }
#section_footer { clear: left; }
#footer_top { margin-left: 170px; padding: 10px 0; font-size: 11px; color: #555; text-align: center; letter-spacing: 1px; }
#footer_top a.back { margin: 10px 0 0 10px; padding: 3px 0 3px 11px; float: left; color: #039; font-weight: bold;
	background: url("/_private/images/arrow_back_blue.png") left center no-repeat; }
#footer_top a.back:hover { background: url("/_private/images/arrow_back_red.png") left center no-repeat; }
#footer_top a.top { margin: 10px 5px 0 0; padding: 3px 0 3px 9px; float: right; color: #039; font-weight: bold;
	background: url("/_private/images/arrow_top_blue.png") left center no-repeat; }
#footer_top a.top:hover { background: url("/_private/images/arrow_top_red.png") left center no-repeat; }
#footer_bottom { padding: 20px 10px 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #999; text-align: left;
	font-size: 10px; color: #666; line-height: 1.4em; background-color: #fff; }
#ofcweb-logo { float: right; text-align: right; }

#footer_top a { text-decoration: none; color: #555; font-weight: normal; }
#footer_top a:hover { color: #f00; }
#footer_bottom a { text-decoration: none; }

#breadcrums { padding: 5px 0 10px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#breadcrums a { text-decoration: none; }

#section_middle p { padding: 5px 0; line-height: 1.4em; }
#section_middle h1, #section_middle h2, #section_middle h3, #section_middle h4 { padding: 10px 0; color: #000;
	 font-family: Arial, Helvetica, sans-serif;  font-weight: 600; font-smooth: always; }
#section_middle h1 { font-size: 22px; }
#section_middle h2 { font-size: 19px; }
#section_middle h3 { font-size: 16px; }
#section_middle h4 { font-size: 14px; }
#section_middle h5 { font-size: 12px; padding-bottom: 10px; }
#section_middle ul, #section_middle ol { margin-left: 30px; }
#section_middle li { padding: 3px 0; }
#section_middle fieldset { border: 0; }
#section_middle label { clear:left; display: block; float:left; text-align: right; padding-right: 10px; 
	margin: 4px 0 4px 0; font-size: 11px; font-weight: bold; }

div.product_list { }
div.product_list table { width: 100%; border-collapse: collapse; }
div.product_list td { padding: 5px 10px 20px 10px; font-size: 11px; text-align: center; 
	vertical-align: bottom; width: 20%; letter-spacing: letter-spacing: 0.03em; }
div.product_list td img { margin-bottom: 10px; padding: 1px; border: 3px solid #fff; border-width: 3px; }
div.product_list td a:hover img { border: 3px solid #3e3e3e; }
div.product_list td a { text-decoration: none; }
div.product_list td a:hover { text-decoration: underline; }

div.right_box { margin: 15px 0; }
div.right_box_top { height: 10px; background: url('/images/right-shape-01-top.gif') top right no-repeat; }
div.right_box_mid { background: url('/images/right-shape-01-mid.gif') right repeat-y; padding-left: 5px; }
div.right_box_bot { height: 15px; background: url('/images/right-shape-01-bot.gif') bottom right no-repeat; }

h4.inquirytimesaver { height: 54px; background: url('/images/inquiry-tsaver-bg-01.gif') no-repeat; text-indent: -9999px; }
h4.wipidiritimesaver { height: 54px; background: url('/images/inquiry-wipidiri-head.gif') no-repeat; text-indent: -9999px; }

#inquirytimesaver_form { margin-top: -10px; padding: 0 5px 0 10px; font-size: 11px; color: #666; line-height: 1.2em; font-family: Tahoma, Arial, Helvetica, sans-serif; }
#inquirytimesaver_form fieldset { margin: 10px 0 0; border: 0; }
#inquirytimesaver_form label { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#inquirytimesaver_form input, #inquirytimesaver_form textarea, #inquirytimesaver_form select  { 
	font-family: Arial, Helvetica, sans-serif; width: 160px; padding: 2px; color: #000; font-size: 11px; margin: 1px 0 8px 0; }
#inquirytimesaver_form textarea { height: 80px; }
#inquirytimesaver_form p { padding: 4px 0; }
#inquirytimesaver_form div.inquirytimesaver_form_table th { vertical-align: bottom; }
#inquirytimesaver_form div.inquirytimesaver_form_table td { font-size: 11px; padding-left: 5px; }

div.table_list_01 { margin: 10px 0; padding: 0; }
div.table_list_01 table { margin: 0; padding: 0; ; border-collapse: collapse; }
div.table_list_01 th { padding: 7px 5px; vertical-align: top; font-size: 11px; background-color: #efefef;
	color: #777; border: 1px solid #cecece; border-left: 0; border-right: 0; text-align: left;  }
div.table_list_01 td { padding: 7px 5px; vertical-align: top; text-align: left; color: #000; font-weight: normal; 
	border: 1px solid #cecece; border-left: 0; border-right: 0; font-size: 8pt; font-family: Tahoma, Arial, Helvetica, sans-serif;  }
div.table_list_01 td.center, div.table_list_01 th.center { text-align: center; }
div.table_list_01 td.right, div.table_list_01 th.right { text-align: right; }
div.table_list_01 td.noborder { border-bottom: 0; padding: 7px 5px;  }
div.table_list_01 img { border: 0; }
div.table_list_01 th.verticaltext { writing-mode: tb-rl; filter: flipv fliph; text-align: left;
	-moz-transform: rotate(270deg); -moz-transform-origin: 50% 50%; -webkit-transform: rotate(270deg); -webkit-transform-origin: 50% 50%; }

div.table-details-01 { margin: 10px 0; }
div.table-details-01 table { margin: 0; padding: 0; ; border-collapse: collapse; }
div.table-details-01 th { font: normal 11px Arial, Helvetica, sans-serif; padding: 7px 10px 7px 5px; vertical-align: top; 
	color: #777; border: 1px solid #ececec; border-left: 0; border-right: 0; text-align: left; white-space: nowrap; }
div.table-details-01 th.title { color: #fff; background-color: #333; font-weight: 600; font-size: 12px; }
div.table-details-01 td { font-size: 12px; text-align: left; color: #000; font-weight: 600; vertical-align: top; 
	border: 1px solid #ececec; padding: 7px 5px 7px 10px; border-left: 0; border-right: 0; background-color: #fff;   }
div.table-details-01 td.center, div.table-details-01 th.center { text-align: center; }
div.table-details-01 td.right, div.table-details-01 th.right { text-align: right; }
div.table-details-01 th.noborder, div.table-details-01 td.noborder { border-bottom: 0; }
div.table-details-01 img { border: 0; }

div.table-details-02 { margin: 10px 0; }
div.table-details-02 table { margin: 0; padding: 0; ; border-collapse: collapse; }
div.table-details-02 th { font: normal 11px Arial, Helvetica, sans-serif; padding: 4px; vertical-align: top; 
	color: #777; border: 1px solid #ececec; border-left: 0; border-right: 0; text-align: left; white-space: nowrap; }
div.table-details-02 th.title { color: #fff; background-color: #333; font-weight: 600; font-size: 12px; }
div.table-details-02 td { font-size: 12px; text-align: left; color: #000; font-weight: 600; vertical-align: top; 
	border: 1px solid #ececec; padding: 4px; border-left: 0; border-right: 0; background-color: #fff;   }
div.table-details-02 td.center, div.table-details-02 th.center { text-align: center; }
div.table-details-02 td.right, div.table-details-02 th.right { text-align: right; }
div.table-details-02 th.noborder, div.table-details-02 td.noborder { border-bottom: 0; }
div.table-details-02 img { border: 0; }

div.table-log-01 { padding: 10px 0; }
div.table-log-01 table { margin: 0; padding: 0; ; border-collapse: collapse; width: 100%; }
div.table-log-01 th { font: normal 10px Arial, Helvetica, sans-serif; padding: 5px 3px; vertical-align: top; 
	color: #777; border: 1px solid #ececec; border-left: 0; border-right: 0; text-align: left; white-space: nowrap; }
div.table-log-01 th.title { color: #fff; background-color: #333; font-weight: 600; font-size: 12px; }
div.table-log-01 td { font-size: 11px; text-align: left; color: #000; font-weight: 600;
	border: 1px solid #ececec; padding: 5px 3px; border-left: 0; border-right: 0; background-color: #fff;   }
div.table-log-01 td.center, div.table-log-01 th.center { text-align: center; }
div.table-log-01 th.noborder, div.table-log-01 td.noborder { border-bottom: 0; }
div.table-log-01 img { border: 0; }

div.table_plain_01 { padding: 0; }
div.table_plain_01 table { margin: 0; padding: 0; }
div.table_plain_01 th { border: 0; padding: 3px; background-color: transparent; font-weight: normal; text-align: left; }
div.table_plain_01 td { border: 0; padding: 3px; background-color: transparent; text-align: left; }

div.table_plain_02 { padding: 0; }
div.table_plain_02 table { margin: 0; padding: 0; }
div.table_plain_02 th { border: 0; padding: 3px; background-color: transparent; font-weight: normal; 
	text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
div.table_plain_02 td { border: 0; padding: 3px; background-color: transparent; font-weight: bold;
	text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }

div.table_plain_03 { padding: 0; }
div.table_plain_03 table { margin: 0; padding: 0; }
div.table_plain_03 th { padding: 4px 7px; background-color: #f8f8f8; font-weight: normal; text-align: left; 
	font-size: 10px; border: 1px dotted #eee; border-left: 0; border-right: 0; }
div.table_plain_03 th.title { color: #fff; background-color: #bbb; font-weight: bold; font-size: 10px; }
div.table_plain_03 td { border: 0; padding: 4px 7px; text-align: left; font-size: 11px; font-size: 11px; 
	border: 1px dotted #eee; border-left: 0; border-right: 0; }

div.form_style_01 { }
div.form_style_01 table { }
div.form_style_01 th { padding: 3px 5px 3px 3px; font-size: 11px; font-weight: normal; color: #777; text-align: left; }
div.form_style_01 td { padding: 3px 3px 3px 5px; font-size: 12px; font-weight: bold; color: #000;  text-align: left; }
div.form_style_01 input { padding: 3px; color: #000; font-size: 12px; }
div.form_style_01 select { padding: 3px; color: #000; font-size: 12px; }
div.form_style_01 textarea.txtarea { padding: 3px; }

div.paging-top { font-size: 11px; }
div.paging-bottom { font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; }

/*
#section_top_menu ul { list-style: none; }
#section_top_menu li { display: inline; }
#section_top_menu a { font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: 600; color: #03f; 
	text-decoration: none; padding: 5px 15px 5px 5px; }
#section_top_menu a:hover { color: #d70000; }
*/

a.arrow_link, a.arrow_link_w600 { background: url("/_private/images/arrow_01_red.png") left center no-repeat;  
	margin: 0; padding: 3px 0 3px 13px; text-decoration: none; font: bold 11px Tahoma, Arial, Geneva, sans-serif; }
a.arrow_link:hover, a.arrow_link_w600:hover { background: url("/_private/images/arrow_01_blue.png") left center no-repeat; }

a.arrow_link2, a.arrow_link2_w600, a.arrow_link_top_w600 { background: url("/_private/images/arrow_01_blue.png") left center no-repeat; 
	margin: 0; padding: 3px 0 3px 13px; text-decoration: none; color: #039; font: bold 11px Tahoma, Arial, Geneva, sans-serif; }
a.arrow_link2:hover, a.arrow_link2_w600:hover, a.arrow_link_top_w600:hover { background: url("/_private/images/arrow_01_red.png") left center no-repeat; color: #f62a00; }

#search-section { background-color: #888; padding: 10px 0 }
#search-section h4 { font-size: 12px; color:#fff; font-weight: 600; margin-left: 10px; text-transform: uppercase;
	padding-bottom: 5px; }
#search-section #searchterm { width: 125px; height: 24px; font-size: 12px; color: #111; margin-left: 10px;
	vertical-align: middle; }
#search-section #search_button { border: 0; padding: 0; margin: 0 0 0 3px; vertical-align: bottom; }

#error-div { margin: 10px 0 20px 0; padding: 20px 20px 20px 60px; background: url("/_private/images/icon-warning-01.png") 10px center no-repeat;
	background-color: #ffffcc; font: bold 9pt/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #cf0000; border: 1px solid #ffcc00; }
#success-div { margin: 10px 0 10px 0; padding: 20px 20px 20px 60px; background: url("/_private/images/icon-check-02.png") 10px center no-repeat;
	background-color: #ffffcc; font: bold 9pt/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #cf0000; border: 1px solid #ffcc00; }
#note-div { margin: 10px 0 20px 0; padding: 20px 20px 20px 60px; background: url("/_private/images/icon-info.png") 10px center no-repeat;
	background-color: #ffffcc; font: normal 11px/1.2 Tahoma, Arial, Helvetica, sans-serif;
	color: #333; border: 1px solid #ffcc00; }
div.inquiryinfo_message { color: #090; font-weight: 600; margin: 0; padding: 3px 0 3px 15px; margin: 5px 10px;
	background: url("/_private/images/ccenter-icon-check3.png") left center no-repeat; }
#timesaver-error { margin-top: 10px; padding: 10px; background-color: #ffffcc; width: 140px; 
	font: bold 10px Arial, Helvetica, sans-serif; color: #cf0000; border: 1px solid #ffcc00; }
#timesaver-error ul { margin: 0 0 0 10px; list-style: square; }
#timesaver-error li { padding: 2px 0; }
#search-section_inquiry { float: right; padding: 0; margin: 15px 0 0 0; font-size: 12px; 
	/* background: #fff; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; */  }
input.btn-small { padding: 1px 2px; font-size: 11px; }
._id { font: normal 10px/1 Tahoma, sans-serif; color: orange; }

div.inquiry_list_menus_top { margin: 10px 0 0; padding: 10px 0 0; border-top: 1px dotted #ececec; 
	font-size: 12px; color: #000; }
div.inquiry_list_menus_bottom { margin: 10px 0; border-bottom: 1px dotted #ececec; padding: 10px 0; border-top: 1px dotted #ececec; 
	font-size: 11px; color: #000; line-height: 1.7em; }
div.inquiry_list_menus_top a, div.inquiry_list_menus_bottom a { color: #03f; text-decoration: none; }
div.inquiry_list_menus_top a:hover, div.inquiry_list_menus_bottom a:hover { color: #f62a00; text-decoration: underline; }
div.inquiry_list_menus_top span.num { color: #444; font-weight: normal; }
div.inquiry_list_menus_bottom span.num { color: #777; font-weight: normal; }

div.top_search { float: right; margin: 10px 20px 0 0; }
div.top_search table { }
div.top_search th { }
div.top_search td { }
div.top_search input.search { padding: 2px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
div.top_search input.go { padding: 3px 5px; font-weight: bold; font-size: 11px; }

#workarea_timesaver { margin-top: 10px; padding: 10px; background-color: #ffffcc; width: 140px; 
	font: bold 10px Arial, Helvetica, sans-serif; color: #cf0000; border: 1px solid #ffcc00; }
#workarea_timesaver ul { margin: 0 0 0 10px; list-style: square; }
#workarea_timesaver li { padding: 2px 0; }

span.b { color: #f00; font-weight: 600; }
span.bb { color: #000; font-weight: 600; }
div.clear-div { clear: both; display: block; }
input.input_text { margin-bottom: 0.8em; padding: 3px; }
input.input_button { padding: 4px 7px; font-weight: bold; font-size: 12px; }
input.input_button_2  { padding: 3px 5px; font-weight: bold; font-size: 10px; }
select { margin-bottom: 0.5em; padding: 3px; font-size: 12px; }
span.num_fixed { background-color: #f1f1f1; color: #667; padding: 1px 3px; border: 1px dotted #ccc; font-weight: normal; }
div.div_gray { background-color: #f1f1f1; padding: 10px; border: 1px dotted #ccc; }
span.pus { color: #999; font-size: 8px; font-weight: normal; }

.red_text { color: #F00; }
.green_text { color:#090; }
.gray_text { color:#aaa; }
.teal_text { color: #008080; }
.magenta_text { color: #ec008c; }
.cyan_text { color: #00AEEF; }
.blue_text { color: #00F; }
.black_text { color: #000; }
.violet_text { color: #309; }
.orange_text { color: orange; }

.bold_black_text { color: #000; font-weight: bold; }

/* Date Picker */
a.dp-choose-date { float: left; width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; display: block;
	text-indent: -2000px; overflow: hidden;background: url('/_private/images/icon-calendar.png') no-repeat; }
a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied { width: 140px; float: left; }

/* ======= Tipsy ======= */
#gravity { width: 100%; margin: 5px 0; border-spacing: 5px; }
#gravity td { text-align: center; vertical-align: middle; padding: 5px 0; background-color: #d0d0d0; }
#gravity a { }
#gravity a:hover { color: #505050; background: none; }
.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

/*
div.left-menus { font-size: 12px; }
div.left-menus h4 { font-size: 12px; color:#d70000; font-weight: 600; margin-left: 5px; }
div.left-menus ul { list-style: none; margin-left: 5px; }
div.left-menus li { padding: 2px 0; padding-left: 5px; border-bottom: 2px solid #e6e6e8; border-top: 1px solid #fff;  }
div.left-menus a { font-weight: normal; text-decoration: none; color: #666; display: block; }
*/

.solidblockmenu {
margin: 0;
padding: 0;
font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 600;
width: 789px;
overflow: hidden;
border-left: 1px solid #aaa;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid #aaa;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: url("images/blockactive.gif") center center repeat-x;
background-color: #f00;
}


/* Vertical Menu Style */
div.left-menus { font-size: 12px; }
div.left-menus h4 { font-size: 12px; color:#d70000; font-weight: 600; margin-left: 10px; text-transform: uppercase;
	padding: 7px 0 5px; }
div.left-menus img.logo { padding: 4px 0 4px 15px; }
div.left-menus #login-error { font-weight: 600; color: #c0f; font-size: 11px; padding: 5px 0 5px 10px; }
div.left-menus p { padding-left: 10px; font-size: 10px; font-weight: bold; color: #666; }
div.left-menus input.login { width: 150px; padding: 2px; margin-bottom: 3px; }
div.left-menus ul { list-style: none; margin-left: 5px; z-index: 999; }
div.left-menus ul li { position: relative; width: 167px; border-bottom: 2px solid #e6e6e8; border-top: 1px solid #fff; 
	background-color: #f2f2f2; }

div.left-menus ul li ul { position: absolute; width: 200px; top: 0; visibility: hidden; margin-left: 0; 
	border-left: 5px solid #ccc; }
div.left-menus ul li ul li { border-bottom: 2px solid #e6e6e8; border-top: 1px solid #fff; background-color: #f2f2f2; }

/* Sub level menu links style */
div.left-menus ul li a { display: block; overflow: auto; /*force hasLayout in IE7 */
	color: #666; text-decoration: none; padding: 3px 0 3px 5px; border-bottom: 0; font-weight: normal; }
div.left-menus ul li a:hover, div.left-menus ul li a:active, div.left-menus ul li a:focus { color: #d70000; }
div.left-menus ul li a:link, div.left-menus ul li a:visited { font-weight: normal; }
/* div.left-menus .subfolderstyle { background: url(media/arrow-list.gif) no-repeat center right; } */

/* Holly Hack for IE \*/
* html div.left-menus ul li { float: left; height: 1%; }
* html div.left-menus ul li a { height: 1%; }
/* End */

