body, html, form
{
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #6d6d6d;
    /* Large Test Site */
    font-size: 16px;
}

body
{
    background: #474747;
    height: 284px;
}

/*
 * Header Styling
 */
h1, h2, h3, h4, h5
{
    font-family: Arial, Helvetica, sans-serif;
    color: #393939;
}

h2, h3, h4, h5
{
}

/*override base*/
h1
{
    letter-spacing: -1px;
    font-size: 32px;
}

h2
{
    font-size: 20px;
    border: none;
}

p
{
    color: #636363;
    font-size: 16px;
    font-style: normal;
}

/* Input styling
 -----------------------------------------------------------------------*/
input.button
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: none;
    text-align: center;
    font-weight: bold;
    color: #fff;
    width: 110px;
    height: 26px;
    cursor: pointer;
    display: block;
    outline: none;
    text-shadow: #899636 1px 1px 0;
}

input.button:hover, input.button.hover
{
    background-position: 0 -308px;
}

input.button:active, input.button.active
{
    background-position: 0 -334px;
    outline: none;
}

input.textbox, textarea
{
    font-family: Arial, Helvetica, sans-serif;
    color: #444;
    border: solid 1px #ddd;
    font-size: 12px;
    height: 14px;
    padding: 5px 6px;
}

input.textbox:focus, textarea:focus
{
    color: #111;
    background-position: 0 -560px;
}

/* Site Layout
 -----------------------------------------------------------------------*/
.bodyContentOuter
{
    background: #fff;
}

.bodyContent
{
    width: 980px;
    margin: 0 auto;
    padding: 40px 10px 30px 10px;
}

.twoColumnLayout, .singleColumnLayout
{
}

.twoColumnLayout .leftSidebarOuter
{
    width: 280px;
    float: left;
}

.twoColumnLayout .contentPaneOuter
{
    width: 680px;
    float: left;
    padding-right: 20px;
}

.singleColumnLayout .contentPaneOuter
{
}

/* Default Modules
 -----------------------------------------------------------------------*/
.twoColumnLayout .contentPaneOuter .container
{
    background: #fff url('../Images/RightShadow.jpg') no-repeat 100% 0;
    min-height: 483px;
}

.twoColumnLayout .contentPaneOuter .container .defaultContainer, .twoColumnLayout .contentPaneOuter .container .primaryContainer
{
    padding: 0 60px 20px 0px;
}

.container .defaultContainer, .container .primaryContainer
{
    padding: 0 60px 20px 0px;
}

.singleColumnLayout .container .defaultContainer, .singleColumnLayout .container .primaryContainer
{
    padding: 0 0 20px 0;
}

.twoColumnLayout .leftSidebarOuter .container .defaultContainer, .twoColumnLayout .leftSidebarOuter .container .primaryContainer
{
    padding: 0 0 20px 20px;
}

.container .defaultContainer .defaultContainerHeader h3, .container .primaryContainer .primaryContainerHeader h3
{
    margin: 0;
    font-size: 1.6em;
}

.container .primaryContainerHeader h1
{
    margin: 0;
}

.twoColumnLayout .contentPaneOuter .container
{
    padding: 0 0 10px 0;
    margin-bottom: 10px;
}

.twoColumnLayout .contentPaneOuter .container .defaultContainerHeader, .twoColumnLayout .contentPaneOuter .container .primaryContainerHeader
{
    margin-bottom: 20px;
}

.twoColumnLayout .leftSidebarOuter .container .defaultContainerHeader, .twoColumnLayout .leftSidebarOuter .container .primaryContainerHeader
{
    margin-bottom: 15px;
}

.twoColumnLayout .leftSidebarOuter .container
{
    padding: 0 0 10px 0;
    margin-bottom: 10px;
}

.singleColumnLayout .container .defaultContainerHeader, .singleColumnLayout .container .primaryContainerHeader
{
    padding-top: 10px;
    margin-bottom: 3px;
}

.singleColumnLayout .container, .singleColumnLayout .container
{
    margin-bottom: 10px;
    padding: 0 0 10px 0;
}

/* Header Styles
 -----------------------------------------------------------------------*/
.pageHeaderOuter
{
    background: #fff url('../Images/HorizontalRepeat.gif') repeat-x 0 0px;
    height: 284px;
    border-bottom: solid 1px #ccc;
}

.pageHeaderOuter .pageHeader
{
    width: 980px;
    height: 284px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    margin: 0 auto;
}

.pageHeaderOuter .siteHeaderImage
{
    display: block;
    width: 265px;
    height: 61px;
}

.pageHeaderOuter .siteHeaderImage a, .pageHeaderOuter .siteHeaderImage img
{
    display: block;
    width: 265px;
    height: 61px;
    padding: 0;
    margin: 0;
}

/*
 *
 * Backgrounds on Headers on Various Pages
 *
 *
 */
/* Home Page - special height */
.Home .pageHeaderOuter, .Home .pageHeaderOuter .pageHeader
{
    height: 367px;
}

.Home .pageHeaderOuter .pageHeader
{
    background: url('../Images/HeaderBackgrounds/Home.png') 0 0 no-repeat;
    height: 367px;
}

/* About Page */
.AbouttheCompany .pageHeaderOuter .pageHeader
{
    background: url('../Images/HeaderBackgrounds/About.png') 0 0 no-repeat;
}

/* Our Team Page */
.OurTeam .pageHeaderOuter .pageHeader
{
    background: url('../Images/HeaderBackgrounds/Team.png') 0 0 no-repeat;
}

/* Contact Page */
.ContactUs .pageHeaderOuter .pageHeader
{
    background: url('../Images/HeaderBackgrounds/Contact.png') 0 0 no-repeat;
}

/* Press Room Page */
.PressRoom .pageHeaderOuter .pageHeader
{
    background: url('../Images/HeaderBackgrounds/Press.png') 0 0 no-repeat;
}

/* Products Offered Page */
.ProductsOffered .pageHeaderOuter .pageHeader, .PrivacyPolicy .pageHeaderOuter .pageHeader, .VideoPortfolio .pageHeaderOuter .pageHeader
{
    background: url('../Images/HeaderBackgrounds/Products.png') 0 0 no-repeat;
}

/* Markets Served Page */
.MarketsServed .pageHeaderOuter .pageHeader
{
    background: url('../Images/HeaderBackgrounds/Markets.png') 0 0 no-repeat;
}

/*
 *
 * Remove Login
 *
 * TODO: Remove Login in Code
 *
 */
.pageHeaderOuter .login
{
    display: none;
}

/*
 *
 * No search
 * TODO : Remove search on server
 *
 */
.pageHeaderOuter .searchControl
{
    display: none;
}

.pageHeaderOuter .menuHorizontal
{
    position: absolute;
    top: 0;
    right: 7px;
    height: 74px;
}

.pageHeaderOuter .menuHorizontal ul
{
    height: 74px;
    float: right;
}

.pageHeaderOuter .menuHorizontal ul, .pageHeaderOuter .menuHorizontal ul li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
    height: 74px;
}

.pageHeaderOuter .menuHorizontal ul li
{
    display: inline;
    margin: 0;
    text-align: center;
}

.pageHeaderOuter .menuHorizontal ul li a
{
    float: left;
    display: block;
    height: 74px;
    line-height: 73px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    color: #6d6d6d;
    padding: 0 5px;
}

.pageHeaderOuter .menuHorizontal ul li a:hover
{
    text-decoration: none;
    background: url('../Images/ActiveArrowLarger.gif') no-repeat 0 100%;
    color: #990 00;
}

.pageHeaderOuter .menuHorizontal ul li.active a:hover
{
    text-decoration: none;
    background: url('../Images/ActiveArrowLarger.gif') no-repeat 50% 100%;
}

.pageHeaderOuter .menuHorizontal ul li.active a
{
    text-decoration: none;
    background: url('../Images/ActiveArrow.gif') no-repeat 50% 100%;
}

.pageHeaderOuter .menuHorizontal ul li a:active
{
    background-position: 0 -196px;
}

/* Site Wide Headers
 -----------------------------------------------------------------------*/
.contentPaneOuter .titleDescription
{
    background: #fff;
}

/* Module Specific Styling
 -----------------------------------------------------------------------
 -----------------------------------------------------------------------*/
/* Lead Module
 -----------------------------------------------------------------------*/
.LeadForm .container .primaryContainerHeader h1
{
    width: 550px;
    margin: 0 auto 20px auto;
    padding-right: 70px;
}

.LeadForm .container
{
    position: relative;
}

.LeadForm .breadcrumb
{
    display: none;
}

.LeadForm .singleColumnLayout .contentPaneOuter
{
    margin-top: 10px;
}

.leadModule
{
    width: 620px;
    margin: 0 auto;
    position: relative;
}

.leadModule .customText
{
    font-size: 15px;
    font-weight: bold;
    color: #5e493a;
}

.leadModule .leadModuleBack
{
    right: 0;
    top: -40px;
    position: absolute;
}

.leadModule .leadModuleBack a
{
    display: block;
    padding: 8px;
    background: #482e1c;
    color: #fff;
}

.leadModule .row.alternate
{
    background: #f2f5df;
}

.leadModule .text
{
    display: block;
    width: 236px;
    margin-right: 10px;
    padding: 5px 10px;
    height: 28px;
    line-height: 28px;
    font-weight: bold;
    float: left;
    border-right: solid 3px #fff;
}

.leadModule .control
{
    display: block;
    float: left;
    width: 338px;
    padding-top: 6px;
}

.leadModule .control span
{
    width: 10px;
    display: block;
    float: right;
    margin-top: 5px;
}

.leadModule .control .textbox
{
    width: 314px;
    float: left;
}

.leadModule .control select.dropdownList
{
    width: 326px;
    display: block;
    margin: 5px 0 0 0;
    float: left;
}

.leadSubmit
{
    width: 620px;
    margin: 10px auto 0 auto;
}

.leadSubmit .leadSubmitButton
{
    font-size: 20px;
    width: 200px;
    background: #fff url('../Images/bcgrdHorizontalRepeat.jpg') repeat-x 0 -780px;
    height: 50px;
    margin-left: 270px;
}

.leadSubmit .leadSubmitButton:hover, .leadSubmit .leadSubmitButton.hover
{
    background-position: 0 -830px;
}

.leadSubmit .leadSubmitButton:active, .leadSubmit .leadSubmitButton.active
{
    background-position: 0 -880px;
    outline: none;
}

.leadModule .thankYou
{
    font-size: 20px;
    font-weight: bold;
    color: #1a4180;
    margin-bottom: 10px;
}

.leadModule .information
{
    line-height: 1.5em;
    margin-bottom: 10px;
}

.leadModule .dataGrid th
{
    background: #ddd;
}

.leadModule .vendor
{
}

.leadModule .product
{
}

.LeadForm .errorMessage
{
    width: 600px;
    margin: 5px auto;
    display: block;
}

/* Static HTML Module
 -----------------------------------------------------------------------*/
.staticHtmlModule
{
}

/* Static HTML Two Column
 -----------------------------------------------------------------------*/
.staticHtmlModule .twoColumn .column1, .staticHtmlModule .twoColumn .column2
{
    width: 290px;
    float: left;
}

.staticHtmlModule .twoColumn .column1
{
    margin-right: 35px;
}

/* Static HTML Module Interior Styles
 -----------------------------------------------------------------------*/
/*markets served widget*/
/*positioning for slider*/
.twoColumnLayout .leftSidebarOuter .container .markets .defaultContainerHeader
{
    padding-bottom: 27px;
}

#marketSlider
{
    position: relative;
}

#marketSlider .marketContainer
{
    width: 260px;
    height: 220px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

#marketSlider .marketContainer p
{
    text-align: left;
}

#marketSlider .marketContainer div.slides
{
    position: absolute;
    top: 0;
    left: 0;
}

#marketSlider .marketContainer div.slides div
{
    position: absolute;
    top: 0;
    width: 260px;
    display: none;
    padding: 0;
    margin: 0;
}

#marketSlider ul.pagination
{
    margin: 5px 0 10px 3px;
    padding: 0;
    width: 73px;
    position: absolute;
    top: -62px;
    right: 2px;
}

#marketSlider ul.pagination li
{
    display: block;
    width: 8px;
    height: 8px;
    padding: 0;
    float: left;
    margin-right: 8px;
}

#marketSlider ul.pagination li.last
{
    margin-right: 0;
}

#marketSlider ul.pagination li a
{
    display: block;
    width: 8px;
    height: 8px;
    padding: 0;
    background: #fff url('../Images/SliderDot.gif') no-repeat 0 0;
    overflow: hidden;
    text-indent: -9999em;
}

#marketSlider ul.pagination li a:hover, #marketSlider ul.pagination li.active a
{
    background-position: 0 -8px;
}

#marketSlider .marketContainer div.slides a:hover
{
    background: none;
}

.staticHtmlModule .marketsServed
{
}

.staticHtmlModule .marketsServed p
{
    font-size: 13px;
    line-height: 1.7em;
    padding-left: 1px;
}

.staticHtmlModule .marketsServed img
{
    margin: 0px 0px 30px 0px;
    border: 0;
}

a.marketsServedButton
{
    background-image: url(../Images/MarketsServedButton.gif);
    background-position: 0 0;
    width: 205px;
    height: 34px;
    padding: 10px 35px 10px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #636363;
    display: block;
    text-decoration: none;
    line-height: 130%;
}

.staticHtmlModule a.marketsServedButton:hover
{
    background-position: 0 -54px;
    background-color: #FFFFFF;
    border: 0;
    color: #393939;
}

/* our team */
.OurTeam .staticHtmlModule a.closed
{
    display: block;
    background-image: url('../Images/PlusMinus.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: white;
    padding-left: 24px;
    height: 26px;
    color: #393939;
}

.OurTeam .staticHtmlModule a.closed:hover
{
    color: black;
}

.OurTeam .staticHtmlModule a.open
{
    display: block;
    background-image: url('../Images/PlusMinus.gif');
    background-position: 0 -26px;
    background-repeat: no-repeat;
    background-color: white;
    padding-left: 24px;
    height: 26px;
    color: #393939;
}

.OurTeam .staticHtmlModule a.open:hover
{
    color: black;
}

.OurTeam .staticHtmlModule .executiveTeam
{
    background: #fff;
}

.OurTeam .staticHtmlModule .executiveTeam div
{
}

.OurTeam .staticHtmlModule .executiveTeam p
{
    display: block;
}

.OurTeam .staticHtmlModule .executiveTeam
{
    opacity: 0;
    -moz-opacity: .0; /* FF lt 1.5, Netscape */
}

/*contact us*/
.ContactUs .staticHtmlModule #leftContactColumn
{
    float: left;
}

.ContactUs .staticHtmlModule #rightContactColumn
{
    float: right
}

/*press room*/
.PressRoom .staticHtmlModule #pressRoomLinks p
{
    line-height: 150%;
}

.PressRoom .staticHtmlModule #pressRoomLinks a
{
    color: #393939;
    line-height: 140%;
}

/*products offered*/

.ProductsOffered .staticHtmlModule #buttons
{
    height: 150px;
    margin: 0;
    padding: 0;
}

.ProductsOffered .navigation
{
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}

.ProductsOffered .tabs-nav li
{
    margin: 0;
    padding: 0;
    display: inline;
}

.ProductsOffered .tabs-nav a
{
    background-image: url(../Images/ProductsOffered.gif);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    vertical-align: text-bottom;
    border: 0;
    width: 200px;
    height: 55px;
    padding: 120px 0px 0px 0px;
    display: block;
    float: left;
    text-decoration: none;
    color: #666;
}


.ProductsOffered .tabs-nav .tabs-selected a
{
    outline: 0;
    text-decoration: none;
    color: #393939;
}
.ProductsOffered a#leadGeneration
{
	background-position: -200px -400px;
}
.ProductsOffered .tabs-nav a#leadGeneration:hover, .ProductsOffered .tabs-nav a#leadGeneration:active, .ProductsOffered .tabs-nav a#leadGeneration:focus
{
    background-position: -200px -200px;
    color: #393939;
}
.ProductsOffered .tabs-nav .tabs-selected a#leadGeneration, .ProductsOffered .tabs-nav .tabs-selected a#leadGeneration:hover
{
	background-position: -200px 0;
}

.ProductsOffered a#targetedAdvertising
{
	background-position: 0px -400px;
}
.ProductsOffered .tabs-nav a#targetedAdvertising:hover, .ProductsOffered .tabs-nav a#targetedAdvertising:active, .ProductsOffered .tabs-nav a#targetedAdvertising:focus
{
    background-position: 0 -200px;
    color: #393939;
}
.ProductsOffered .tabs-nav .tabs-selected a#targetedAdvertising, .ProductsOffered .tabs-nav .tabs-selected a#targetedAdvertising:hover
{
	background-position: 0 0;
}
.ProductsOffered a#multimedia
{
	background-position: -400px -400px;
}
.ProductsOffered .tabs-nav a#multimedia:hover, .ProductsOffered .tabs-nav a#multimedia:active, .ProductsOffered .tabs-nav a#multimedia:focus
{
    background-position: -400px -200px;
    color: #393939;
}
.ProductsOffered .tabs-nav .tabs-selected a#multimedia, .ProductsOffered .tabs-nav .tabs-selected a#multimedia:hover
{
	background-position: -400px 0;
}

.ProductsOffered .tabs-container
{
    width: 580px;
	padding:20px;
}
.ProductsOffered #productsOffered
{
	background: url(../Images/ProductsOfferedGradient.gif) 0 175px repeat-x;
}
.ProductsOffered #productsOffered p
{
	margin-bottom:0;
	color:#333;
}

/* Markets Served */
.MarketsServed .primaryContainerHeader
{
    display: none;
}

.MarketsServed h1
{
    margin-top: 0;
}

.MarketsServed h2 a
{
    color: #393939;
}

.MarketsServed h2 a:hover
{
    background: none;
}

.MarketsServed .logo
{
    text-align: center;
}

.MarketsServed .siteLinks
{
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font-size: 17px;
    color: #333;
}

.MarketsServed .siteLinks a
{
    color: #333;
    display: block;
    padding: 6px 0 6px 15px;
    height: 18px;
    background: #fff url('../Images/MarketPointer.gif') no-repeat 0 7px;
    text-decoration: underline;
}

.MarketsServed .siteLinks a:hover
{
    text-decoration: none;
}

.MarketsServed .twoColumn p
{
    margin-bottom: 10px;
}

.MarketsServed .tabs-nav
{
    list-style: none;
    margin: 0;
    padding: 0 0 0 40px;
    width: 280px;
    float: right;
    background: #fff url('../Images/RightShadow.jpg') no-repeat -22px 0;
    height: 483px;
}

.MarketsServed .tabs-nav li
{
}

.MarketsServed .tabs-nav a
{
    display: block;
    padding: 15px 0 15px 20px;
    font-size: 20px;
    height: 22px;
}

.MarketsServed .tabs-nav a.first
{
    color: #393939;
    font-weight: bold;
    font-size: 24px;
    height: 26px;
}

.MarketsServed .tabs-nav .tabs-selected a, .MarketsServed .tabs-nav a:hover, .MarketsServed .tabs-nav a:focus, .MarketsServed .tabs-nav a:active
{
    outline: 0; /* prevent dotted border in Firefox */
    background: #fff url('../Images/MarketPointer.gif') no-repeat 0 16px;
    text-decoration: none;
}

.MarketsServed .tabs-container
{
    width: 620px;
    padding-right: 30px;
    float: left;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

/* Home Page */
.Home h1
{
    width: 400px;
}

.Home a#emailNewsletters
{
    display: block;
    float: left;
    width: 90px;
    height: 60px;
    background-image: url('../Images/EmailNewsletters.gif');
    background-position: 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 15px 0px 0px 65px;
    color: #393939;
    border: 0;
}

.Home a#emailNewsletters:hover
{
    background-position: 0 -75px;
    background-color: #fff;
}

.Home a#onlineMarketplaces
{
    display: block;
    float: left;
    width: 113px;
    height: 60px;
    background-image: url('../Images/OnlineMarketplaces.gif');
    background-position: 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 15px 0px 0px 68px;
    color: #393939;
    border: 0;
}

.Home a#onlineMarketplaces:hover
{
    background-position: 0 -75px;
    background-color: #fff;;
}

.Home a#videoContent
{
    display: block;
    float: left;
    width: 133px;
    height: 60px;
    background-image: url('../Images/VideoContent.gif');
    background-position: 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 15px 0px 0px 75px;
    color: #393939;
    border: 0;
}

.Home a#videoContent:hover
{
    background-position: 0 -75px;
    background-color: #fff;
}

/* generic tabs-nav */
@media projection, screen
{ /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.tabs-hide
    {

display:none;
}
}
@media print
{ .tabs-nav
    {

display:none;
}
}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited
{ /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active
{ /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

/* Remove Breadcrumb */
.pageHeaderOuter .breadcrumb
{
    display: none;
}

/*
 * Footer Styles
 */
.footerOuter
{
    min-height: 108px;
    background: #474747 url('../Images/HorizontalRepeat.gif') repeat-x 0 -372px;
    width: 100%;
}

.footer
{
    padding: 10px 10px 0 10px;
    width: 980px;
    margin: 0 auto;
    min-height: 40px;
    background: url('../Images/FooterDrop.png') no-repeat 0 0;
}

.footer h4
{
    font-size: 1em;
    margin: 0 0 5px 0;
    text-align: center;
    color: #222;
}

.footer ul
{
    margin: 0 0 8px 0;
    padding: 0;
    text-align: center;
}

.footer ul li
{
    border-right: 1px solid #fff;
    display: inline !important;
    height: 12px;
    line-height: 12px;
    margin: 0 2px 3px 0;
    padding: 0 5px 0 5px;
    text-align: left;
}

.footer ul li.last
{
    border-right: none;
}

.footer a
{
    color: #fff;
}

.footer a:hover
{
    color: #111;
}

.footer p
{
    text-align: left;
    color: white;
    font-size: 11px;
}

.footer .left
{
    float: left;
}

.footer .right
{
    float: right;
}

/* Clearfixes
 ---------------------------------------------------------------------*/
.module:after, .row:after, .functionButtonPanel:after, .addCommentModule .buttonSection:after, .loginModule:after, .loginRow:after, .forgotPasswordRow:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/* float clearing for IE7 */ 
* + html .module, * + html .row, * + html .functionButtonPanel, * + html .addCommentModule .buttonSection, * + html .loginModule, * + html .loginRow, * + html .forgotPasswordRow
{
    min-height: 1%;
}

/* float clearing for IE6 */ 
* html .module, * html .row, * html .functionButtonPanel, * html .addCommentModule .buttonSection, * html .loginModule, * html .loginRow, * html .forgotPasswordRow
{
    height: 1%;
    overflow: visible;
}