/* Basic structure of site */
a:focus {
outline-style: none;
}

html,body {
    font-family: Arial, Helvetica, sans-serif;
    text-align:center;
    height:100%;
    padding:0px;
    margin-left: -16px;
    color: #696969;
    background: #FFFFFF;
   
}

/*--DIV CONSTRUCTION--*/

#main_holder {margin: auto auto; width: 980px; position: relative;}

#logo {float: left; text-align: left; width: 309px; height: 80px;}

#random {float: right; height: 70px; width: 660px; margin-top: 10px;}

#menu {position: relative; z-index: 50; width: 805px; padding-left: 175px; float: left; background-image: url('../template_images/menu_bg.gif'); background-repeat: no-repeat; background-position: top right; height: 24px; margin-top: 20px; margin-right: 10px;}

#locate {position: absolute; left: 0px; margin-left: 225px;}

#sidebar {float: left; width: 162px; vertical-align: top; border: 0px solid #000; margin-top: 12px;}

#sidebar .sidebar_item	{width: 162px; vertical-align: middle; float: left;}

#sidebar .sidebar_item .side_icon {float: left; width: 52px}

#sidebar .sidebar_item .side_icon img {border: 0px;}

#sidebar .sidebar_item .side_title {float: left; width: 110px; vertical-align: middle; font-size: 12px; margin-top: 8px; text-align: left}

#sidebar .sidebar_item .side_title a {color: #514d4d; text-decoration: none; text-transform: uppercase; font-weight: bold;}

.divider {float: left; width: 980px; clear:both; height: 1px; line-height: 1px;}

.divider2{ width: 741px; height: 10px; clear: both;}

#body_holder {clear: right; }

#pce {float: right; border: 1px solid #666666; width: 761px; margin-top: 12px; height: 426px; padding: 15px;}

#pci {float: right; border: 1px solid #666666; width: 741px; margin-top: 12px; padding: 10px 25px; text-align: left;}

#news_area {float: right; border: 0px solid #666666; width: 791px; margin-right: 2px; margin-top: 12px; height: 141px;}

.item {text-align: left; padding: 15px 18px 15px 15px; font-size: 9px; width: 104px; height: 115px; float: left; background-image: url('../template_images/item_bg.gif'); background-repeat: no-repeat; background-position: top left;}

.item hr {color: #cccccc; border-color: #cccccc; background-color: #cccccc;}

.item span {color: #666666; font-size: 11px; width: 104px; text-align: center; display: block; height: 13px;}

.item div {margin: auto auto; height: auto; width: 104px; text-align: center;}

.item div img {text-align: center; margin: auto auto;}

.item .news_title {text-align: left;}

.item .item_cont {width: 94px; padding: 2px 5px 2px 5px; font-size: 9px; text-align: left; position: relative;}

.item .item_cont img {text-align: center;}

.vert_space {width: 26px; _width: 24px; float: left; height: 138px;}

#login {float: left; width: 150px; padding-left: 12px; border: 0px solid #000; text-align: left; margin-top: 8px; position: relative}

#login span{text-align: left; font-size: 13px; width: 162px; text-indent: 2px;}

#login input.bg {background-image: url('../template_images/field_bg.gif'); background-repeat: no-repeat; background-position: top left; border: 0px; width: 107px; height: 23px; padding: 3px 5px 0px 5px; }

#login input.login {background-image: url('../template_images/btn_login.gif'); background-repeat: no-repeat; background-position: top left; border: 0px; width: 117px; height: 26px;  }

#login a {font-size: 11px; color: #666666; text-decoration: none;}
#login a:hover {font-size: 11px; color: #666666; text-decoration: underline;}

#footer {clear: both; font-size: 11px; color: #666666; height: 30px; padding-top: 15px; float: right; width: 791px;}

#footer a {font-size: 11px; color: #666666; text-decoration: none;}

#footer a {font-size: 11px; color: #666666; text-decoration: none;}

#error_box { 					position: absolute;
								top: 4px;
								background-color: #333333;
								height: 138px;
								padding: 5px;
								filter:alpha(opacity=90);
								-moz-opacity:0.9;
								-khtml-opacity: 0.9;
								opacity: 0.9;
								color: white;}
								
#error_box p {color: white;}								

#product_list_table tr td a {color: #514d4d; text-decoration: none; text-transform: uppercase; font-weight: bold;}

/*--END DIV CONSTRUCTION--*/

/* --- menu styles ---
note:
	not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
*/

/* level 0 inner */
.m0l0iout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 29px;
	text-decoration: none;
	padding-top: 10px;
	margin: -2px 0px 0px -40px;
	text-align: center;
	color: #FFFFFF;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	
}
.m0l0iover {
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	margin: -2px 0px 0px -40px;
	height: 29px;
	color: #ffffff;
	vertical-align: middle;
	position: relative;
	cursor: pointer;	
}

/* level 0 outer */
.m0l0oout {
	text-decoration : none;
	width: 130px;
	cursor: pointer;
/*	border: 1px solid #ffffff;
	border: 1px solid #336699;
	*/
}
.m0l0oover {
	text-decoration : none;
	width: 130px;
	cursor: pointer;
/*	border: 1px solid #ffffff;
	background-color: #2C5F93;
	border: 1px solid #336699;*/
}

/* level 1 inner */
.m0l1iout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding-bottom: 5px;
	padding-left: 20px;
	width: 128px;
	padding-top: 5px;
	_padding-top: 6px;
	_height: 18px;
	margin-top: -7px;
	background: #cccccc;
	_margin-top: -6px;
	cursor: pointer;	
	
	
	
}
.m0l1iover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background: #999999;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-top: 5px;
	_padding-top: 6px;
	_height: 18px;
	width: 128px;
	margin-top: -7px;
	_margin-top: -6px;
	cursor: pointer;	
	
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	border: 0px solid #629DB2;
	background: #transparent;
	color: #000000;
	text-align: left;
	padding: 2px 10px 0px 0px;
	margin-left: -35px;
	margin-top: 0px;
	cursor: pointer;
}
.m0l1oover {
	text-decoration : none;
	border: 0px solid #336699;
	background: transparent;
	color: #000000;
	text-align: left;
	padding: 2px 10px 0px 0px;
	margin-left: -35px;
	margin-top: 0px;
	cursor: pointer;
}

/* level 2 inner */
.m0l2iout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding-bottom: 5px;
	padding-left: 20px;
	width: 128px;
	padding-top: 5px;
	_padding-top: 6px;
	_height: 18px;
	margin-top: -7px;
	background: #cccccc;
	_margin-top: -6px;
	cursor: pointer;
}
.m0l2iover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background: #999999;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-top: 5px;
	_padding-top: 6px;
	_height: 18px;
	width: 128px;
	margin-top: -7px;
	_margin-top: -6px;
	cursor: pointer;
}

/* level 2 outer */
.m0l2oout {
	text-decoration : none;
	border: 0px solid #629DB2;
	background: #transparent;
	color: #000000;
	text-align: left;
	padding: 2px 10px 0px 0px;
	margin-left: 14px;
	margin-top: 0px;
	cursor: pointer;
}
.m0l2oover {
	text-decoration : none;
	border: 0px solid #336699;
	background: transparent;
	color: #000000;
	text-align: left;
	padding: 2px 10px 0px 0px;
	margin-left: 14px;
	margin-top: 0px;
	cursor: pointer;
}

/*ADDITIONAL PRODCAT STYLES FOR NEW TEMPLATE*/
.cat_title		{height: 30px; width: 100%; border-bottom: 1px solid #999999; margin-bottom: 10px; position: relative;}

.cat_back		{position: absolute; right: 0px; width: 150px; top: 5px; vertical-align: middle;}

.cat_back a		{line-height: 20px;}

.cat_back a.back_txt {float: left; line-height: 22px;}

.cat_back a.back_img img {float: left; }

.cat_back a	img	{line-height: 20px; margin-bottom: -5px; }

.cat_title h1 	{margin: 3px; font-size: 23px;}

.sub_cats 		{float: left; width: 150px; padding: 10px;}

.sub_cats a 	{display: block; line-height: 20px;}

.cat_image		{float: left; width: 180px; height: 150px; border: 0px solid #000000;}

.description 	{width: auto; float: right;}

.product_div 	{width: 721px; border: 1px solid #BDBCBD; padding: 10px 10px 5px 10px; float: left; height: auto; margin-bottom: 8px; position: relative;}

.prod_info {float: left; padding: 5px; width: 50%; }

.prod_lists {float: right; padding: 0px; width: 330px; padding: 10px;}

.bottom_cost {float: right; width: 350px; position: absolute; bottom: 10px; right: 10px;}
/*END MENU*/

table.body {
    width: 780px;
    height: 100%;
    margin:0px auto 0px auto;
}

td.header_top {
    text-align:center;
    font-size: 10px;
    color: #000000;
    height: 10px;
    padding-bottom: 5px;    
}

td.header {
    height: 84px;
    background: #FFFFFF;
}

td.menu {
    height: 35px;
}  

td.submenu {
    text-align: center;
    background: #FFFFFF;
    height: 25px;
    border-left: 1px solid #CBCACA;
    padding: 0px 10px 0px 15px;
}

td.outer {
    text-align:left;
    color: #000000;
    height: 200px;
    vertical-align: top;
}

table.outer{
    width: 100%;
    height: 350px;
}

td.footer {
    text-align:center;
    font-size: 10px;
    height:25px;
    color: #696969;
}

/* HEADER */

/* header - top */

div.headertop_L {
    text-align: left;
    color: #FFFFFF;
    font-size: 10px;
    float: left;
    bottom: 0px;
}    

html>body div.headertop_L {
    height: 10px;
}

div.headertop_R {
    color: #AAAAAA;
    font-size: 9px;
    text-align: right;
    float: right;
}    

td.header_top h1 {
    display: inline;
    font-size: 10px;
    font-weight: normal;
    color: #FFFFFF;
}    

#header {
    width: 780px;
    position: relative;
}  

#header_L{
    float: left;
    position:relative;
    width:135px;
    height:100px;
    color: #000000;
}

#header_M {
    text-align: center;
    position:relative;
    width: 500px;
    height:100px;
    margin-left: 140px;
}   

* html #header_M {
    margin-left: 0px;
    left: 0px;
}

#header_R {
    text-align: left;
    top: 0px;
    right: 0px;
    position: absolute;
    width:135px;
    height:100px;
    color: #000000;
}

html>body #header_R {

}   

/*header - menu*/

div.menu {
   background: url('../template_images/header/menu_bg.png') no-repeat top left;
   width: 780px;
   clear: both;
   height: 35px;
}        

table.navitem {
}

td.navitem {
    height: 35px;
}

td.navitem_button {
    width: 30%;
}

a.navitem:link     {background: url('../template_images/header/item_bg.png') no-repeat top left;text-align: center;display: block;font-size: 11px;color: #CCCCCC; text-decoration: none; height: 35px;line-height: 35px;width:96px}
a.navitem:visited  {background: url('../template_images/header/item_bg.png') no-repeat top left;text-align: center;display: block;font-size: 11px;color: #CCCCCC; text-decoration: none; height: 35px;line-height: 35px;width:96px}
a.navitem:active   {background: url('../template_images/header/item_bg.png') no-repeat top left;text-align: center;display: block;font-size: 11px;color: #CCCCCC; text-decoration: none; height: 35px;line-height: 35px;width:96px}
a.navitem:hover    {background: url('../template_images/header/item_bg.png') no-repeat top left;text-align: center;display: block;font-size: 11px;color: #CCCCCC; text-decoration: none; height: 35px;line-height: 35px;width:96px}

a.navitem_active:link     {background: url('../template_images/header/item_bg_hover.png') no-repeat top left;text-align: center;display: block;font-size: 11px;color: #CCCCCC; text-decoration: none; height: 35px;line-height: 35px;width:96px}
a.navitem_active:visited  {background: url('../template_images/header/item_bg_hover.png') no-repeat top left;text-align: center;display: block;font-size: 11px;color: #CCCCCC; text-decoration: none; height: 35px;line-height: 35px;width:96px}
a.navitem_active:active   {background: url('../template_images/header/item_bg_hover.png') no-repeat top left;text-align: center;display: block;font-size: 11px;color: #CCCCCC; text-decoration: none; height: 35px;line-height: 35px;width:96px}
a.navitem_active:hover    {background: url('../template_images/header/item_bg_hover.png') no-repeat top left;text-align: center;display: block;font-size: 11px;color: #CCCCCC; text-decoration: none; height: 35px;line-height: 35px;width:96px}

#navitem_home {
    padding-top: 10px;
    height: 25px;
}   

* html #navitem_home {
    height: 35px;
}

#navitem_0          {color: #696969}
#navitem_0:hover    {color: #FFB310}

#navitem_1          {color: #696969}
#navitem_1:hover    {color: #FE370B}

#navitem_2          {color: #696969}
#navitem_2:hover    {color: #874609}

#navitem_3          {color: #696969}
#navitem_3:hover    {color: #4F2700}

#navitem_4          {color: #696969}
#navitem_4:hover    {color: #70BC1F}

#navitem_5          {color: #696969}
#navitem_5:hover    {color: #3F3997}

#navitem_6          {color: #696969}
#navitem_6:hover    {color: #FE370B}

#navitem_7          {color: #696969}
#navitem_7:hover    {color: #0B3D91}

#navitem_active_0          {color: #FFB310}
#navitem_active_0:hover    {color: #FFB310}

#navitem_active_1          {color: #FE370B}
#navitem_active_1:hover    {color: #FE370B}

#navitem_active_2          {color: #874609}
#navitem_active_2:hover    {color: #874609}

#navitem_active_3          {color: #4F2700}
#navitem_active_3:hover    {color: #4F2700}

#navitem_active_4          {color: #70BC1F}
#navitem_active_4:hover    {color: #70BC1F}

#navitem_active_5          {color: #3F3997}
#navitem_active_5:hover    {color: #3F3997}

#navitem_active_6          {color: #FE370B}
#navitem_active_6:hover    {color: #FE370B}

#navitem_active_7          {color: #0B3D91}
#navitem_active_7:hover    {color: #0B3D91}

td.nav_border {
    width: 5px;
}

td.submenu div {
    text-align: left;
    height: 34px;
    position: relative;
    border-bottom: 1px solid #BDBCBD;
    margin: 0px auto 0px auto;
}

* html td.submenu div {
    height: 35px;
}

td.submenu div div {
    position: relative;
    height: 34px;
    border: 0px;
}

#divleft {
    position: relative;
    float: left;
    width: 450px;
}

#divright {
    text-align: right;
    position: relative;
    float: right;
    width: 250px;
    line-height: 34px;
}

* html #divright {
    padding-top: 8px;
}

#divright a {
    color: #000000;
}    

input.submit_logout {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: #FFFFFF;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

td.submenu table {
    text-align: left;
    margin: 0px auto 0px 15px
}

td.submenu table td {
    padding: 10px 20px 5px 0px
}

td.submenu table td.last {
    padding-right: 0px
}

#submenu2 {
    background: #FFFFFF url('../template_images/bg/bg_grad.gif') repeat-y top left;
}

#submenu2 table td {
    padding-top: 7px;
}

/* OUTER */

td.outer_top_right {
    background: url('../template_images/bg/outer_top_right.png') no-repeat top right;
    height: 35px;
    width: 19px;
}

td.outer_bottom {
    background: url('../template_images/bg/outer_bottom.png') no-repeat top left;
    height: 16px;
}    
td.outer_bottom_cnr {
    background: url('../template_images/bg/outer_bottom_cnr.png') no-repeat top right;
    height: 16px;
    width: 19px;
} 

td.outer_right {
    background: url('../template_images/bg/outer_right.png') repeat-y bottom right;
    width: 19px;
}

/*ENTRY*/

td.entry {
    text-align: left;
    font-size: 10px;
    background: #FFFFFF;
    width: 771px;
    border-left: 1px solid #CBCACA;
    padding: 0px 5px 20px 10px;
    vertical-align: top;
}

td.rhs {
    width: 135px;
    padding-left: 5px;
    vertical-align: top;
}


/*INFO*/

td.info {
   font-size: 12px;
   color: #696969;
   width: 781px;
   border-left: 1px solid #CBCACA;
   padding: 0px 10px 0px 15px;
   vertical-align: top;
}    

table.info {
    width: 100%;
    height: 100%;
}

table.info td.top {
    background: #FFFFFF ;
    padding-top: 20px;
}

table.info td.print {
    text-align: right;
    height:10px;
    line-height:10px;
    padding-right: 10px;
}

table.info td.print a               {font-size:10px;color:#4D5FAB; text-transform: underline;}
table.info td.print a:link          {font-size:10px;color:#4D5FAB; text-transform: underline;}
table.info td.print a:active        {font-size:10px;color:#4D5FAB; text-transform: underline;}
table.info td.print a:visited       {font-size:10px;color:#333; text-transform: underline;}
table.info td.print a:hover         {font-size:10px;color:#696969; text-transform: none;}

/*SIDEBAR*/

td.lhs {
    width: 135px;
    padding-right: 5px;
    vertical-align: top;
}

a.s_nav               {display: block;font-size:11px;color: #000000}
a.s_nav:link          {display: block;font-size:11px;color: #000000}
a.s_nav:active        {display: block;font-size:11px;color: #000000}
a.s_nav:visited       {display: block;font-size:11px;color: #000000}
a.s_nav:hover         {display: block;font-size:11px;color: #000000}

a.s_nav_active               {display: block;font-size:11px}
a.s_nav_active:link          {display: block;font-size:11px}
a.s_nav_active:active        {display: block;font-size:11px}
a.s_nav_active:visited       {display: block;font-size:11px}
a.s_nav_active:hover         {display: block;font-size:11px}

a.nav_sub_item               {line-height:20px}
a.nav_sub_item:link          {line-height:20px}
a.nav_sub_item:active        {line-height:20px}
a.nav_sub_item:visited       {line-height:20px}
a.nav_sub_item:hover         {line-height:20px}

a.nav_sub_item_active               {font-weight:bold;line-height:20px}
a.nav_sub_item_active:link          {font-weight:bold;line-height:20px}
a.nav_sub_item_active:active        {font-weight:bold;line-height:20px}
a.nav_sub_item_active:visited       {font-weight:bold;line-height:20px}
a.nav_sub_item_active:hover         {font-weight:bold;line-height:20px}

/* sub items */

td.lhs ul {
    list-style-image: url('../template_images/icons/arrow_sm.gif');
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 19px
}

* html td.lhs ul {
    list-style-image: url('../template_images/icons/arrow_sm.gif');
    margin: 0px 0px 10px 21px;
    padding: 0px;
}

td.lhs ul.s_nav li {
    width: 100px;
}

.pdfList {
    list-style-image: url(../template_images/icons/pdfList.gif);
    margin-left: 10px;
}

.indList {
    list-style-image: url(../template_images/icons/indList.gif);
    margin-left: 10px;
}