/******************
HTML Tags
******************/

body
{
    margin: 1px;
    color: #000000;
    background: #FFFFFF;
    font: .75em/160% Arial,Helvetica,sans-serif;
}

#content p, #content-side p
{
    margin: 0px 0px 20px 0px;
}

img
{
    border: none;
}


/******************
FORM STYLES
******************/

#content-container fieldset
{
    margin: 10px 10px 10px 0px;
    padding: 0px 10px 10px 15px;
}

/* a nested fieldset */
#content-container fieldset fieldset
{
    margin: 15px 0px 5px 0px;
    padding: 0px 5px 5px 5px;
}

#content-container legend
{
    margin-bottom: 0px;
    padding: 0px 10px 5px 5px;
    color: #666666;
}

/* a nested legend */
#content-container fieldset fieldset legend
{
    margin-bottom: 0px;
    padding: 0px;
    font-weight: normal;
}

/******************
LINKS
******************/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link
{
    color: #0071BC;
}

a:visited
{
    color: #999999;
}

a:hover
{
    color: #999999;
    text-decoration: none;
}

a:active
{
    color: #B70000;
}


/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#breadcrumb-container a:link
{
    color: #000000;
    text-decoration: underline;
}

#breadcrumb-container a:visited
{
    color: #000000;
    text-decoration: underline;
}

#breadcrumb-container a:hover
{
    text-decoration: none;
}

#breadcrumb-container a:active
{
    color: #000000;
}

/******************
HEADINGS
******************/
h1, h2, h3, h4, h5, h6
{
    padding-top: 4px;
    margin: .1em;
}
h1
{
    font-size: 1.6em;
    color: #3372aa;
}

h2
{
    font-size: 1.3em;
}

h3
{
    font-size: 1.1em;
}

h4
{
    font-size: .9em;
}

h5
{
    font-size: .8em;
}

h6
{
    font-size: .75em;
}

#three-column-container h2
{
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

/******************
LAYOUT DIVS
******************/

#header-container
{
    background: #BDBEC3 url(Company_Logo.jpg) no-repeat;
    height: 73px;
    white-space: nowrap;
    color: #525463;
    font-size: 1.8em;
}
#header-banner
{
    float: right;
    width: 468px;
    height: 60px;
    padding: 7px 7px 0 0;
}

/* MAIN NAV DIVS */
#mainnav-container
{
    background: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    height: 110px;
}

#mainnav
{
    float: left;
    width: 150px;
    height: 110px;
    background: #3372aa;
}

#mainnav-side
{
    margin: 0px;
    padding: 0px;
}
.supplier-icons
{
    width: 75%;
    margin: auto;
    height: 50px;
    text-align: center;
    vertical-align: baseline;
}


/* MAIN NAV MENU */

#productNav
{
    float: left;
    width: 150px;
    background: #3372aa;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.menu-item-arrow
{
    padding-right: 10px;
    background: url(popup-arrow.gif) no-repeat right;
}


/* Breadcrumb */

#breadcrumb-container
{
    color: #000000;
    height: 25px;
    padding: 0px 44px;
    margin: 0px;
    background: #BDBEC3 url(bg_nav_chrome.gif) repeat-x;
}

#breadcrumb-left
{
    float: left;
    width: 50%;
    height: 21px;
    padding: 4px 0px 0px 0px;
}

#breadcrumb-right
{
    float: right;
    height: 24px;
    width: 300px;
    text-align: center;
    padding: 1px 0px 0px 0px;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    background: #71727F;
}

/* CONTENT DIV LAYOUT*/
#content-container
{
    padding: 1px 3% 0px 0px;
}

#content
{
    float: right;
    width: 75%;
}

#content-side
{
    width: 22%;
}


#three-column-container
{
    width: 100%;
    margin: 30px 0px;
    text-align: justify;
}

#three-column-left
{
    float: left;
    width: 30%;
}

#three-column-right
{
    float: right;
    width: 30%;
}

#three-column-middle
{
    width: 30%;
    margin: 0px 31% 0px 35%;
}

#footer-container
{
    background: #71727F;
    color: #FFFFFF;
    background: #71727F url(bg-footer-left.gif) repeat-y left;
    margin-top: 20px;
}

#footer-right
{
    text-align: center;
    font: 9px Verdana,Arial,Helvetica,sans-serif;
    padding: 1px 50px;
    background: url(bg-mainnav-right.gif) repeat-y right;
}


/******************
LISTS - IN THE CONTENT DIV
******************/

#content ul.list, #content ul.link-list-vertical
{
    text-align: left;
    font-size: smaller;
    margin: 10px 0px 20px 10px;
    padding: 0px;
}

#content ul.list li
{
    list-style: none;
    padding: 1px 0px 1px 12px;
    margin: 0px;
    background: url(bullet.gif) no-repeat;
    background-position: 0 .4em;
}

#content ul.link-list-vertical li
{
    list-style: none;
    margin: 0px;
}

#content ul.link-list-vertical li a:link
{
    padding: 1px 0px 1px 12px;
    background: url(bullet-link.gif) no-repeat;
    background-position: 0 .4em;
}

#content ul.link-list-vertical li a:visited
{
    padding: 1px 0px 1px 12px;
    background: url(bullet-link-visited.gif) no-repeat;
    background-position: 0 .4em;
}

#content ul.link-list-vertical li a:hover
{
    padding: 1px 0px 1px 12px;
    background: url(bullet-link-hover.gif) no-repeat;
    background-position: 0 .4em;
}

#content ul.link-list-vertical li a:active
{
    padding: 1px 0px 1px 12px;
    background: url(bullet-link-active.gif) no-repeat;
    background-position: 0 .4em;
}

/******************
LISTS - IN THE SIDE COLUMN
******************/

#content-side ul.list, #content-side ul.link-list-vertical
{
    margin: 10px 0px 20px 10px;
    padding: 0px;
}

#content-side ul.list li
{
    list-style: none;
    padding: 1px 0px 1px 12px;
    margin: 0px;
    background: url(bullet.gif) no-repeat;
    background-position: 0 .4em;
}

#content-side ul.link-list-vertical li
{
    list-style: none;
    margin: 0px;
}

#content-side ul.link-list-vertical li a:link
{
    padding: 1px 0px 1px 12px;
    background: url(bullet-link.gif) no-repeat;
    background-position: 0 .4em;
}

#content-side ul.link-list-vertical li a:visited
{
    padding: 1px 0px 1px 12px;
    background: url(bullet-link-visited.gif) no-repeat;
    background-position: 0 .4em;
}

#content-side ul.link-list-vertical li a:hover
{
    padding: 1px 0px 1px 12px;
    background: url(bullet-link-hover.gif) no-repeat;
    background-position: 0 .4em;
}

#content-side ul.link-list-vertical li a:active
{
    padding: 1px 0px 1px 12px;
    background: url(bullet-link-active.gif) no-repeat;
    background-position: 0 .4em;
}

/******************
TABLE STYLES
******************/
th
{
    font-weight: normal;
}

.gridHeader
{
    background: url(bg_nav_chrome.gif) repeat-x;
}

/******************
CLASSES & TABLE STYLES
******************/
table.CompatibilityIcons
{
    display: inline;
}

table.CompatibilityIcons td
{
    padding-right: 20px;
    text-align: center;
    font-size: smaller;
}

img.productfloatleft
{
    float: left;
    margin-right: 6px;
    margin-bottom: 2px;
}

.button-big
{
    margin-top: 8px;
}

img.photobig, img.photosmall
{
    border: 1px solid #71727F;
    padding: 5px 5px 30px 5px;
    background: #E5E5E5;
}

img.photosmall
{
    margin-right: 10px;
    margin-bottom: 2px;
    float: left;
}

.searchbox
{
    height: 13px;
    margin: 0px;
    padding: 2px;
    color: #666666;
    font: 11px Verdana,Arial,Helvetica,sans-serif;
}

.button, .button-2
{
    height: 20px;
    margin: 0px;
    padding: 1px 1px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    font: bold 10px Verdana,Arial,Helvetica,sans-serif;
    background: #3372aa;
}
.button-2
{
    border: 1px solid #000000;
}

.button-account-details
{
    color: #284775;
    background-color: #FFFBFF;
    border-color: #CCCCCC;
    border-width: 1px;
    border-style: Solid;
    font-family: Verdana;
}
.separator-side-column
{
    border-top: 1px solid #D0D0BF;
    width: 120px;
    height: 2px;
    font-size: 1px;
    background: transparent;
    margin: 10px 0px;
}

.normal
{
    color: #000000;
    background: #FFFFFF;
    font: 1em Arial,Helvetica,sans-serif;
}

.small-text
{
    font-size: .8em;
}


.ArticleLabel
{
    color: #ff0000;
    font-size: x-small;
}
.AdminMenuLink
{
    font-size: x-small;
    margin-right: 5px;
}

.centered
{
    text-align: center;
    vertical-align: middle;
}
.indented
{
    padding: 10px 10px 10px 20px;
}

.Highlight
{
    border: #8b4513 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    color: #000066;
    font-family: 'Courier New' , Monospace;
    background-color: #ff9933;
}

.TabPanel
{
    border-right: #717171 1px solid;
    border-left: #717171 1px solid;
    border-bottom: #717171 1px solid;
    padding: 10px;
    font-size: 8pt;
    font-family: "MS Sans Serif" , Arial, sans-serif;
}

.none
{
    display: none;
}

.clear
{
    clear: both;
}