﻿/*=============== WHOLE PAGE =======================*/
body
{
    margin: 0px;
    padding: 0px; /*background-color: White;*/
    background-image: url(images/headerBackground.gif);
    background-repeat: repeat-x;
    background-position: center top;
}

div#container
{
    width: 890px;
    font-family: Verdana, Arial, Helvetica, Tahoma, Sans-Serif;
    font-size: 0.8em;
    margin: 0px auto 0px auto;
}
a img
{
    border: none;
}
/*=============== HEADER ===========================*/
#header
{
    background-position: center top;
    background-image: url(images/header.jpg);
    background-repeat: no-repeat;
    color: #FFFFFF;
    margin: 0px;
    height: 100px;
}

#header h1
{
    margin: 0px 0px 0px 20px;
    float: left;
}

#header img
{
    height: 100px;
    width: 170px;
}

#header_info
{
    float: right;
    margin: 35px 15px 0px 0px;
    font-size: 12pt;
}
#phone
{
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

#email
{
    clear: right;
    float: left;
    margin: 0px;
    padding: 0px;
}

#email a
{
    color: White;
    text-decoration: underline;
}

.clear
{
    clear: both;
    visibility: hidden;
    height: 1px;
    border: none;
    margin: 0px;
    padding: 0px;
}
.inlineImage
{
    float: left;
}
.inlineImageAlt
{
    float: right;
}
/*=============== SIDE NAV =========================*/
div#sidenav
{
    float: left;
    width: 200px;
}
div#sidenav ul
{
    border-top: 1px solid #758DA9;
    border-left: 1px solid #758DA9;
    border-right: 1px solid #758DA9;
    list-style-type: none;
    padding: 0px;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 20px;
}
div#sidenav li
{
    border-bottom: 1px solid #758DA9;
    display: block;
    background-color: White;
}
div#sidenav li a
{
    color: #476172;
    text-decoration: none;
    display: block;
    font-weight: bold;
    font-family: Arial, Helvetica, Tahoma, Sans-Serif;
    line-height: 3ex;
    font-size: 1em;
    padding-left: 10px;
    border-right: 10px solid #A0C0E9;
}
div#sidenav li a.sn_item_pressed, div#sidenav li a:hover
{
    color: #EF8E1D;
    border-right: 10px solid #DEEBFB;
}
/*=============== CONTENT BOX ======================*/
div#content
{
    padding-top: 15px;
    width: 690px;
    float: right;
}
div#content div#content_title, div#content div#catalog h3, div#content div#catalog h4
{
    border: 1px solid #758DA9;
    display: block;
    background-color: White;
    color: #476172;
    font-weight: bold;
    font-family: Arial, Helvetica, Tahoma, Sans-Serif;
    line-height: 3ex;
    font-size: 1.5em;
    padding-left: 10px; /*border-right:10px solid #A0C0E9;*/
    margin: 20px 1em 2ex 1em;
    width: 420px;
    background-image: url(images/titlebg.png);
    background-repeat: repeat-y;
    background-position: right;
}
div#right_col
{
    float: right;
    width: 200px;
    display: none;
}
div#right_col_main
{
    float: right;
    width: 210px;
    margin-left: 20px;
    margin-top: -15px;
    vertical-align: middle;
}
div#right_col_main h4
{
    color: #476172;
    text-align: center;
}
div#right_col_main div#featured_manufacturers
{
    margin-top: 10px;
    text-align: justify;
}
/*
div#right_col_main div#featured_manufacturers div { float: left; width: 110px; } */
div#right_col_main div#featured_manufacturers img
{
    margin: 5px 0px;
}
div#right_col_main div#featured_manufacturers a.inlineImage
{
    clear: both;
    display: block;
}

div#partners a
{
    display: table-cell;
    vertical-align: middle;
    height: 100px;
    width: 200px;
    text-align: center;
}
div#partners img
{
    margin: 5px 10px;
}




div#content p
{
    margin: 1.6em;
    line-height: 3ex;
}
div#content h2
{
    color: #394B52;
    margin-left: 1em;
}
div#content a
{
    color: #53727F;
}


/*=============== FOOTER ===========================*/
div#footer
{
    clear: both;
    background-color: #000000;
    background-position: center center;
    background-image: url(images/footerBackground.jpg);
    background-repeat: no-repeat;
    height: 40px;
}
/*##################################################*/

/*=============== EVERY PAGE =======================*/
div#content div.page_link_btn_right
{
    float: right;
    padding: 0.6ex 1em 0.6ex 1em;
    border: 1px solid #758DA9;
    background-image: url(images/titlebg.png);
    background-repeat: repeat-y;
    background-position: right;
    margin: 20px 1em 2ex 1em;
}
div#content div.page_link_btn_left
{
    float: left;
    padding: 0.6ex 1em 0.6ex 1em;
    border: 1px solid #758DA9;
    background-image: url(images/titlebg.png);
    background-repeat: repeat-y;
    background-position: left;
    margin: 20px 1em 2ex 1em;
}
div#content div.page_link_btn_right a, div#content div.page_link_btn_left a
{
    text-decoration: none;
    color: #476172;
}
/*=============== PAGE SPECIFIC ====================*/
div#content #benefit_subpage_pic
{
    padding: 10px;
}

div.testimonial
{
    margin-left: 20px;
    margin-bottom: 5ex;
    padding-bottom: 2ex;
    border-bottom: 1px solid Gray;
    width: 560px;
}
div.testimonial div
{
    float: right;
    text-align: right;
}
div.testimonial cite
{
    display: block;
    padding-bottom: 16px;
}
div.vendor_page_img
{
    float: left;
    height: 90px;
    margin: 0px 20px;
}
div.vendor_page_img a img
{
    border: none;
}

div.standard_block h4
{
    margin-bottom: 0ex;
    padding-bottom: 0ex;
    margin-right: 2em;
    padding-right: 2em;
}
div.standard_block p
{
    margin-top: 0.2ex;
    padding-top: 0.2ex;
}
div.standard_block a
{
    color: #53727F;
}
div#content div.contact_block_left
{
    margin-left: 20px;
    width: 300px;
    float: left;
    clear: both; /*height:26ex;*/
    padding-bottom: 4ex;
    border-bottom: 1px solid #53727F;
}

div#content div.contact_block_left p, div#content div.contact_block_right p
{
    margin-left: 0px;
}

div#content div.contact_block_right
{
    width: 300px;
    float: left;
    padding-bottom: 4ex; /*height:26ex;*/
    border-bottom: 1px solid #53727F;
}
div#content div.contact_block_right h4, div#content div.contact_block_right h5, div#content div.contact_block_right strong
{
    color: #507FB3;
}
/* vendor report card */
div#content table#vendor_score_chart td
{
    padding: 10px;
}
div#content table#vendor_score_chart td.grade
{
    font-weight: bold;
    color: #53727F;
}
/* WEB_FORMS ---------------- */
div#content table.web_form td.req_field_cell
{
    color: Red;
    font-weight: bold;
}
div#content table.web_form td.label_cell
{
    /*font-weight:bold;*/
    border-bottom: 1px solid #DDDDDD;
}
div#content table.web_form td.input_cell
{
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 16px;
    padding-top: 16px;
}

/* Catalog ------------------ */
div#content div#catalog ul
{
    list-style-type: none;
}
div#content div#catalog ul li
{
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 16px;
    padding-top: 16px;
}
div#content div#catalog div img
{
    display: block;
    padding-top: 30px;
}
#shoretel_wrap
{
    padding: 10px;
}

span.phone
{
    margin-left: 5px;
   
  

}

.mitelimg
{
margin-left: 100px;
}

/********************************** BEGIN User Management ***************************/
div#login, div#add
{
    padding: 0.6ex 1em 0.6ex 1em;
    border: 1px solid #758DA9;
    margin: 20px 1em 2ex 1em;
    background-image: url(images/titlebg.png);
    background-repeat: repeat-y;
    background-position: right;
}
div#login
{
    width: 20em;
}
div#add
{
    width: 24em;
}
div#login span.label, div#add span.label
{
    display: block;
    float: left;
    width: 6em;
}
div#edit table
{
    padding: 0.6ex 1em 0.6ex 1em;
    border: 1px solid #758DA9;
    border-right: 10px solid #a0c0e9;
    margin: 20px 1em 2ex 1em;
}
div#edit table .delete
{
    padding-right: 1em;
}
div#edit table tr.alt
{
    background-color: #DEEBFB;
}
/*********************************** confertel page *********************************/
.conf_box
{
    width: 23%;
    float: left;
}
.conf_box a
{
    text-decoration: none;
}
.conf_box a img
{
    border: none;
}
.conf_box span.title
{
    color: #008800;
    font-weight: bold;
    display: block;
    margin: 0px auto;
    text-decoration: underline;
}
.conf_box .text
{
    text-align: left;
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    color: Black;
    line-height: 2.6ex;
}

/* -END- User Management */