/*HTML body height must be 100 percent in order to allow divs to expand all the way to the bottom of the page*/
html, body {height: 100%; font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 0;
/*END HTML body height must be 100 percent in order to allow divs to expand all the way to the bottom of the page*/
/*Scroll Bars Color================================================================================= */
scrollbar-face-color:#ffffff;
scrollbar-base-color:#cccccc;
scrollbar-arrow-color:#cc0000;
scrollbar-track-color:#ffffff; /* Background color behind scroll bar */
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#cc0000;
scrollbar-3dlight-color:#cccccc;
scrollbar-darkshadow-Color:#000000;
}
/*END Scroll Bars Color================================================================================= */
* html, main {
\width: 633px;
w\idth: 623px;
}
/*body of document----------------------------------------------------*/
body {font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; width:770px; height:100%; }
/*END body of document----------------------------------------------------*/
/*heading tags---------------------------------------------------------------------------------------*/
h1 {font-size: 18px; font-weight: bold; color: #666666; }
h2 {font-size: 16px; font-weight: bold; color: #666666; }
h3 {font-size: 14px; font-weight: bold; color: #666666; }
h3.white {font-size: 14px; font-weight: bold; color: #ffffff; }
h4 {font-size: 12px; font-weight: bold; color: #666666; }
/*END heading tags---------------------------------------------------------------------------------------*/
/*Paragraph Tag---------------------------------------------------------------------------------------*/
p {font-size:12px; font-family:Arial, Helvetica, sans-serif;}
/*END Paragraph Tag---------------------------------------------------------------------------------------*/
/*Line Item Tag---------------------------------------------------------------------------------------*/
li {font-size:12px; font-family:Arial, Helvetica, sans-serif}
/*END Line Item Tag---------------------------------------------------------------------------------------*/
/*Horizontal Rule-------------------------------------------------------------------------------*/
hr {clear:both;}
/*END Horizontal Rule----------------------------------------------------------------------------*/
/*logo at top of page------------------------------------------------------*/
#toplogo {position: absolute; top: 0px; left: 81px; z-index: 6; }
/*END logo at top of page--------------------------------------------------*/
/*logo at top of product pages------------------------------------------------------*/
#toplogoproduct {position: absolute; top: 0px; left: 0px; z-index: 6; }
/*END logo at top of product pages--------------------------------------------------*/
/*logo at top of product pages------------------------------------------------------*/
#toplogoproductleft {position: absolute; top: 0px; left: 0px; z-index: 13;}
/*END logo at top of product pages--------------------------------------------------*/
/*logo at top of product pages------------------------------------------------------*/
#toplogoproductmidbot {position: absolute; top: 33px; left: 299px; z-index: 12;}
/*END logo at top of product pages--------------------------------------------------*/
/*logo at top of product pages------------------------------------------------------*/
#toplogoproductmidtop {position: absolute; top: 0px; left: 299px; z-index: 12; font-family: Metrostyle Extended, Arial, Helvetica, sans-serif; color:#000000; background:url(../gif/header_optima_mid_top.gif); width:190px; height:33px;}
/*END logo at top of product pages--------------------------------------------------*/
/*logo at top of product pages------------------------------------------------------*/
#toplogoproductright {position: absolute; top: 0px; left: 489px; z-index: 11;}
/*END logo at top of product pages--------------------------------------------------*/
/*Flash logo at top of page------------------------------------------------------*/
#toplogoflash {position: absolute; top: 0px; left: 0px;}
/*END Flash logo at top of page--------------------------------------------------*/
/*main content area of website----------------------------------------------------------------------------------------*/
#main {
position: absolute;
top: 77px;
left: 145px;
width: 598px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
z-index: 6;
background: url(../gif/bg_main.gif);
padding:10px 10px 10px 15px;
height: auto;
}
#espanol {position:absolute; top:79px; left:664px; width:100px; z-index: 9; font-size:10px; color:#CC0000; text-align:right;}
#espanol2 {
position: absolute;
top:33px;
left: 308px;
height:10px;
width:100px;
font-size:10px;
text-align:left;
color:#CC0000;
z-index: 9;
}
/*#main ul {list-style: url(../gif/list_dot.gif);}*/
#main a {
text-decoration: none;
color: #FF0000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#main a:hover{
text-decoration: underline;
color: #C10000;
font-size:12px;
}
/*END main content area of website-----------------------------------------------------------------------------------*/
/*main content area of INDEX{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{*/
#mainindex {
position: absolute;
top: 45px;
left: 1px;
width: 762px;
height:100%;
}
#mainindex ul {list-style: url(../gif/list_dot.gif);}
#mainindex a {text-decoration: none; color: #3366CC; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#mainindex a:hover{text-decoration: underline; color: #cccccc; font-size:12px;}
/*END main content area of INDEX}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}*/
/*top navigation-------------------------------------------------*/
#topnav {position: absolute; top: 48px; left: 302px; height:22px; width:260px; text-align:left; padding:0px 0px 0px 0px; color:#666666; z-index: 14;}
#topnav a {color:#ffffff; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#topnav a:hover {color:#CCCCCC; text-decoration:underline;}
/*END top navigation------------------------------------------------*/
/*main search for website--------------------------------------------*/
#topsearch {position: absolute; top: 35px; left: 558px; text-align:center; width: 210px; height: 12px; border: none; margin-top: 0; margin-bottom: 0; margin-right: 0; margin-left: 0; font-size:12px; z-index: 15;}
/*END main search for website---------------------------------------------*/
/*submit button for main search---------------------------------------------*/
#submitbutton {padding: 0px 0px 0px 0px;}
/*END submit button for main search---------------------------------------------*/
/*style for main search box------------------------------------------------*/
input.search {
font-size: 12px;
width: 125px;
height:12px;
border: 1px solid #45558b;
margin-bottom: 4px;
background-image:url(../gif/bg_text_box.gif);
}
/*END style for main search box-----------------------------------------------*/
/*main side navigation-----------------------------------------------------------------------------*/
#sidenav {position: absolute; top:75px; left:6px; width:135px; font-family:Arial, Helvetica, sans-serif; z-index: 3; clear:both; height:100%; }
#sidenav h2 {margin: 0px; font-size:12px; padding-left:5px; padding-top:8px; text-align:left; background: url(../gif/button_left_nav.gif) no-repeat; height:31px; font-weight:bold; color:#666666;}
#sidenav h2 a {text-decoration: none; color: #666666; font-weight:bold; padding-left: 5px;}
#sidenav h2 a:hover {color: #cc0000; text-decoration:underline;}
#sidenav ul {list-style-type: none; padding: 0px; margin: 0; font-size: 10px; padding-top:10px; padding-bottom:15px; background:#eeeeff; border:1px solid #45558b; }
#sidenav ul li {margin: 3px 0 0 0; padding: 0; padding-left: 5px;}
#sidenav ul li a {text-decoration: none; color: #000000;}
#sidenav ul li a:hover {color: #88a1f3; border-left: 5px solid #5b6ca9; padding-left: 5px;}
/*END main side navigation------------------------------------------------------------------------*/
/*left side fade----------------------------------------------------------*/
#leftsidefade {
position: absolute;
top: 73px;
left: 0px;
width: 6px;
z-index: 4;
min-height:100%;
}
/*END left side fade----------------------------------------------------------*/
/*main left side navigation vertical break bar----------------------------------------------------------*/
#navbreak {position: absolute; top: 73px; left: 141px; width:7px; background: url(../gif/line_nav_vert_break.gif) repeat-y; z-index: 9; min-height:100%;}
/*END main left side navigation vertical break bar----------------------------------------------------------*/
/*right side line----------------------------------------------------------*/
#RightSideLine {
position: absolute;
top: 73px;
left: 769px;
width: 1px;
background-color:#CCCCCC;
z-index: 5;
min-height:91.5%;
}
/*END right side line----------------------------------------------------------*/
/* BreadCrumbs =================================================================*/
#breadcrumb {
font-family:Arial, Helvetica, sans-serif;
position: absolute;
top: 0px;
left: 7px;
font-size:10px;
padding:5px;
background: url(../gif/bg_breadcrumb.gif) repeat-x;
color:#CC0000;
width: 604px;
}
#breadcrumb a{text-decoration: none; color: #333333; font-size:10px;}
#breadcrumb a:hover {text-decoration: underline; color:#cc0000; font-size:10px;}
/*END BreadCrumbs =================================================================*/
/*content used in the homepage----------------------------------------------------------*/
#content {
position: absolute;
top: 423px;
left: 5px;
width: 754px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px;
text-align:left;
}
/*END content used in the homepage----------------------------------------------------------*/
/*Flash used in the main part of the homepage----------------------------------------------------------*/
#FlashSectionIndex {
position: absolute;
top: 30px;
left: 5px;
width: 761px;
clear:both;
z-index: 3;
}
/*END Flash used in the main part of the homepage----------------------------------------------------------*/
/*Flash used on the product pages----------------------------------------------------------*/
#FlashSectionProduct {position: absolute; top: 53px; left: 5px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; width: 609px; height:70px;}
/*END Flash used on the product pages----------------------------------------------------------*/
/*Custome Horizontal Rule used on Home Page below flash----------------------------------------------------------*/
#IndexBreak {
position: absolute;
top: 273px;
left: 6px;
width: 765px;
z-index: 4;
}
/*END Custome Horizontal Rule used on Home Page below flash----------------------------------------------------------*/
/*Custome Horizontal Rule 2 used on Home Page below flash----------------------------------------------------------*/
#IndexBreak2 {position: absolute; top: 418px; left: 6px; width: 765px; background: url(../gif/line_index_break.gif) no-repeat; z-index: 5;}
/*END Custome Horizontal Rule 2 used on Home Page below flash----------------------------------------------------------*/
/*Custome Horizontal Rule used on Product Pages below flash----------------------------------------------------------*/
#ProductBreak { position: absolute; top: 123px; left: 6px; width: 617px; height:8px; background: url(../gif/line_index_break.gif) no-repeat;}
/*END Custome Horizontal Rule used on Product Page below flash----------------------------------------------------------*/
/*Navigation Box 1 at bottom of Index page----------------------------------------------------------*/
#IndexNavigation1 { position: absolute; top: 281px; left: 6px; width:192px; height:136px; background: url(../gif/index_box1_nav.gif) no-repeat; z-index: 6;}
/*END Navigation Box 1 at bottom of Index page----------------------------------------------------------*/
/*Navigation Box 2 at bottom of Index page----------------------------------------------------------*/
#IndexNavigation2 { position: absolute; top: 281px; left: 198px; width:191px; height:136px; background: url(../gif/index_box2_nav.gif) no-repeat; z-index: 7;}
/*END Navigation Box 2 at bottom of Index page----------------------------------------------------------*/
/*Navigation Box 3 at bottom of Index page----------------------------------------------------------*/
#IndexNavigation3 { position: absolute; top: 281px; left: 389px; width:193px; height:136px; background: url(../gif/index_box3_nav.gif) no-repeat; z-index: 8;}
/*END Navigation Box 3 at bottom of Index page----------------------------------------------------------*/
/*Navigation Box 4 at bottom of Index page----------------------------------------------------------*/
#IndexNavigation4 { position: absolute; top: 281px; left: 582px; width:185px; height:136px; background: url(../gif/index_box4_nav.gif) no-repeat; z-index: 9;}
/*END Navigation Box 4 at bottom of Index page----------------------------------------------------------*/
/*Index page navigation boxes links----------------------------------------------------------*/
#IndexNavigationText { position: absolute; top: 394px; left: 6px; width:760px; height:16px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; z-index: 10;}
#IndexNavigationText a { color:#FFFFFF;}
/*END Index page navigation boxes links----------------------------------------------------------*/
/*footer=========================================================================*/
#footer {
border-top:1px solid #cccccc;
height:32px;
padding: 6px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color: #000000;
font-size:12px;
clear:both;
width: 100%;
float: right;
}
#footer a {text-decoration: none; color: #666666;}
#footer a:hover {text-decoration: underline; color: #cc0000;}
/*END footer=========================================================================*/
/*Class for Product Page Pictures=========================================================================*/
.productpic {padding: 10px; float: right; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
/*END Class for Product Page Pictures=========================================================================*/
/*Class for avaya advantage box=================================================== */
.avayaadvantage {float:right; padding:10px; width:150px; text-align:left;border: solid 1px #000000; margin:5px; background-image:url(../gif/bg_avaya_advantage1.gif)}
/*End Class for avaya advantage box========================================================== */
/*Class for avaya advantage box=================================================== */
#financing {
padding:10px;
text-align:left;
border: 1px solid #669966;
margin:10px 100px 100px 110px;
width: 350px;
}
/*End Class for avaya advantage box========================================================== */
/*Class for Hub page link text for categories========================================================== */
#hubheading { margin-bottom:10px; background:url(../gif/bg_level1_header.gif) no-repeat; padding: 3px 0px 5px 5px;}
#hubheading2 { margin-bottom:10px; background:url(../gif/bg_level1_header_2.gif) no-repeat; padding: 0px 0px 5px 5px;}
#hubheading a {color:#ffffff; font-size:14px; font-weight:bold; }
#hubheading2 a {color:#ffffff; font-size:14px; font-weight:bold; }
#hubheading a:hover {color:#cc0000; font-size:14px; font-weight:bold; }
#hubheading2 a:hover {color:#cc0000; font-size:14px; font-weight:bold; }
/*END Class for Hub page link text for categories========================================================== */
/*Class for Hub page link text for categories========================================================== */
#hubheadingsmall { margin-bottom:10px; background:url(../gif/bg_level1_header.gif) no-repeat; padding: 3px 0px 5px 5px;}
#hubheadingsmall a {color:#ffffff; font-size:13px; font-weight:bold; }
#hubheadingsmall a:hover {color:#cc0000; font-size:13px; font-weight:bold; }
/*END Class for Hub page link text for categories========================================================== */
/*Class for Hub page link text for sitemap categories========================================================== */
#hubheadingsitemap { margin-bottom:10px; background:url(../gif/bg_level1_header.gif) no-repeat; padding: 3px 0px 5px 5px; width:100%;}
#hubheadingsitemap a {color:#ffffff; font-size:16px; font-weight:bold; }
#hubheadingsitemap a:hover {color:#cc0000; font-size:16px; font-weight:bold;}
/*END Class for Hub page link text for sitemap categories========================================================== */
/*Class and ID for Hub page pictures or Level 1,2 or 3 pictures========================================================== */
#hubpic {float:left; width:160px; padding: 0px 10px 0px 10px; text-align:center; border:solid: 1px; border-color:#CCCCCC;}
.hubpic {float:left; width:160px; padding: 0px 10px 0px 10px; text-align:center; border:solid: 1px; border-color:#CCCCCC;}
/*END Class and ID for Hub page pictures or Level 1,2 or 3 pictures========================================================== */
/*Hub page categories container==========================================================
#hub {padding:5px; margin-top: 5px; color: #666666;}
#hub a:hover {color:#cc0000;}
END Hub page categories container========================================================== */
/*Div Used for Padding Pics on Many pages
#hub {padding:10px; margin-top: 10px;}
/*END Div Used for Padding Pics on Many pages*/
#hubtext{padding: 0px 0px 0px 10px; text-align:left;}
/*Quick Navigation on product pages========================================================== */
#quicknav {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px; margin-bottom:20px; margin-top:20px; padding-top:50px; border: solid 1px #000000; width:200px; background-image:url(../gif/quick_links.gif); background-color:#FFFFFF;}
#quicknav ul {list-style: url(../gif/list_dot.gif);}
#quicknav a { color:#666666}
#quicknav a b { color:#cc0000}
#quicknav a:hover { color:#cc0000}
/*END Quick Navigation on product pages========================================================== */
/*Class for text box input for quote form=========================================================*/
input.quote {margin-left:100px;}
/*END Class for text box input for quote form=========================================================*/
/*Shows Message if users browser does not support CSS========================================================== */
#ancient {display:none;}
/*END Shows Message if users browser does not support CSS======================================================== */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.redbold {font-weight:bold; color:#cc0000;}
#redbold a:hover {font-weight:bold; color:#cc0000; font-size: 12px;}
#redbold a:visited {font-weight:bold; color:#cc0000; font-size: 12px;}
#redbold a {font-weight:bold; color:#cc0000; font-size: 12px;}
#redboldmed a {font-weight:bold; color:#cc0000; font-size: 14px;}
#redboldmed a:hover {font-weight:bold; color:#cccccc; font-size: 14px;}
#redboldmed a:visited {font-weight:bold; color:#cc0000; font-size: 14px;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#sitemapgray a {font-weight:normal; color: #666666; font-size: 12px;}
#sitemapgray a:hover {font-weight:normal; color:#cc0000; font-size: 12px;}
#sitemapgray a:visited {font-weight:normal; color:#666666; font-size: 12px;}
#sitemapgray i {font-weight:normal; color: #000000; font-size: 12px;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#floatright {float:right;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*Small Link*/
a.smalllink{text-decoration: none; color: #3366CC; font-size:10px;}
a.smalllink:hover{text-decoration: underline; color: #3366CC; font-size:10px;}
/*End Small Link*/
/*Small Cell Padding*/
.smallpad {padding:5px;}
/*End Small Cell Padding*/
/*Blue Text*/
.blue {color:#3366CC;}
/*End Blue Text*/
/*Small Text*/
.small {font-size:10px; color: #000000;}
/*End Small Text*/
/* Manufacturers Index Div Starts Here On the Site++++++++++++++++++++++++++++++++++++++++++++++++++++
#manufacturerspic { position:absolute; top:105px; left:-15px; width:112px; text-align:center; border: 1px solid #336699; background:#ffffff; background-image:url(../gif/manufacturer_box_head.gif); background-repeat:no-repeat;}
Manufacturers Div Ends Here On the Site+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 2nd column Div layout Starts Here ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#twocolumn {position:absolute; top:105px; left:303px; width:300px; text-align:left;}
/* 2nd column Div layout Ends Here ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/