.left
{
    float: left;
}
.right
{
    float: right;
}
.hidden
{
    display: none;
}
.unhidden
{
    display: block;
}

.loremIpsum
{
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 20px;
    color: #333;
}
div.loremIpsum ul
{
    padding: 15px;
}

div.loremIpsum ul li
{
    list-style-position: inside;
    list-style: square;
    padding: 3px 0;
}

/* Lists */
.red-bullets
{
    list-style: outside;
    list-style-image: url( images/red-bullet.png );
    margin-left: 40px;
}


/* LINKS */
a, a:link, a:link, a:link, a:hover
{
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    color: #0000e5;
}
a:hover
{
    color: #FF3333;
    font-weight: normal;
    text-decoration: underline;
}

a.external
{
    background: transparent url(images/link-external.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 12px;
}

/* -- MasterPage.master --	*/

body
{
    margin: 0;
    padding: 0;
    font-family: arial, "lucida console" , sans-serif;
}

#pagewrapper
{
    width: 970px;
    text-align: left;
    margin: 0;
    padding: 0;
}

#header
{
    margin: 25px 0 19px 0;
    padding: 0;
    width: 970px;
}

#header-top
{
    background: url(images/logo.png) 24px no-repeat;
    height: 44px;
    text-indent: -9000px;
    margin: 0;
}

#header-middle
{
    padding: 0;
    margin: 0;
    background: url(images/bg-header-nav.png) no-repeat left bottom;
    height: 51px;
}

#header-bottom
{
    background-image: url(images/bg-header-bottom.png);
    background-repeat: no-repeat;
    height: 43px;
    padding: 0;
    margin: 0;
}

/* top navigation ------------------------------ */

#header-middle ul
{
    padding: 5px 0 0 0; /* move nav up/down */
    margin: 0 0 0 330px; /* move nav left/right */
}

#header-middle ul li
{
    position: relative;
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    width: 90px;
    height: 36px;
}

#header-middle ul li a
{
    text-decoration: none;
    cursor: pointer;
    display: block;
    text-align: center;
    padding-top: 24px; /* move text away from box */
    color: #999; /* off text color */
    font-size: 12px;
    font-weight: bold;
}

#_home li.home a, #_about li.about a, #_news li.news a, #_events li.events a, #_contact li.contact a, #_careers li.careers a
{
    color: #333; /* active text color */
}

/* OFF */

#header-middle ul li.home
{
    background: url(images/nav-home-off.png);
}
#header-middle ul li.about
{
    background: url(images/nav-about-off.png);
}
#header-middle ul li.news
{
    background: url(images/nav-news-off.png);
}
#header-middle ul li.events
{
    background: url(images/nav-events-off.png);
}
#header-middle ul li.contact
{
    background: url(images/nav-contact-off.png);
}
#header-middle ul li.support
{
    background: url(images/nav-support-off.png);
}
#header-middle ul li.careers
{
    background: url(images/nav-careers-off.png);
}

#header-middle ul li.home, #header-middle ul li.about, #header-middle ul li.news, #header-middle ul li.events, #header-middle ul li.contact, #header-middle ul li.support, #header-middle ul li.careers
{
    background-position: 50% 0;
    background-repeat: no-repeat;
}

/* Hover */

#header-middle ul li.home:Hover
{
    background: url(images/nav-home-on.png);
}
#header-middle ul li.about:Hover
{
    background: url(images/nav-about-on.png);
}
#header-middle ul li.news:Hover
{
    background: url(images/nav-news-on.png);
}
#header-middle ul li.events:Hover
{
    background: url(images/nav-events-on.png);
}
#header-middle ul li.contact:Hover
{
    background: url(images/nav-contact-on.png);
}
#header-middle ul li.support:Hover
{
    background: url(images/nav-support-on.png);
}
#header-middle ul li.careers:Hover
{
    background: url(images/nav-careers-on.png);
}

#header-middle ul li.home:Hover, #header-middle ul li.about:Hover, #header-middle ul li.news:Hover, #header-middle ul li.events:Hover, #header-middle ul li.contact:Hover, #header-middle ul li.support:Hover, #header-middle ul li.careers:Hover
{
    background-position: 50% 0;
    background-repeat: no-repeat;
}

#header-middle li.home a:Hover, #header-middle li.about a:Hover, #header-middle li.news a:Hover, #header-middle li.events a:Hover, #header-middle li.contact a:Hover, #header-middle li.support a:Hover, #header-middle li.careers a:Hover
{
    color: #000; /* hover text color */
}

/* Don't hover if active  */
#_home ul li.home:Hover
{
    background: url(images/nav-home-on.png);
}
#_about ul li.about:Hover
{
    background: url(images/nav-about-on.png);
}
#_news ul li.news:Hover
{
    background: url(images/nav-news-on.png);
}
#_events ul li.events:Hover
{
    background: url(images/nav-events-on.png);
}
#_contact ul li.contact:Hover
{
    background: url(images/nav-contact-on.png);
}
#_support ul li.support:Hover
{
    background: url(images/nav-support-on.png);
}
#_careers ul li.careers:Hover
{
    background: url(images/nav-careers-on.png);
}
#_home ul li.home:Hover, #_about ul li.about:Hover, #_news ul li.news:Hover, #_events ul li.events:Hover, #_contact ul li.contact:Hover, #_support ul li.support:Hover, #_careers ul li.careers:Hover
{
    background-repeat: no-repeat;
    background-position: 50% 0;
}


/* ON (active) */
#_home ul li.home
{
    background: url(images/nav-home-on.png);
}
#_about ul li.about
{
    background: url(images/nav-about-on.png);
}
#_news ul li.news
{
    background: url(images/nav-news-on.png);
}
#_events ul li.events
{
    background: url(images/nav-events-on.png);
}
#_contact ul li.contact
{
    background: url(images/nav-contact-on.png);
}
#_support ul li.support
{
    background: url(images/nav-support-on.png);
}
#_careers ul li.careers
{
    background: url(images/nav-careers-on.png);
}
#_home ul li.home, #_about ul li.about, #_news ul li.news, #_events ul li.events, #_contact ul li.contact, #_support ul li.support, #_careers ul li.careers
{
    background-repeat: no-repeat;
    background-position: 50% 0;
    cursor: move;
}

#_home ul li.home a, #_about ul li.about a, #_news ul li.news a, #_events ul li.events a, #_contact ul li.contact a, #_support ul li.support a, #_careers ul li.careers a
{
    cursor: default;
}


/* Container -------------------------------- **/

#contentBanner
{
    display: none;
}
#container
{
    float: right; /* forces small marging on left side of container */
    margin: 0;
    padding: 0;
    display: inline; /* The IE Doubled Float-Margin Bug */
}


/* Home page Content Area --------------------------------- **/
#mpContentFullPage
{
    float: left;
    width: 970px;
    min-height: 459px;
}

#mpContentLeft
{
    float: left;
    width: 247px;
    min-height: 459px;
    background-image: url(images/bg-lcol.png);
    background-repeat: no-repeat;
    text-align: left;
    padding: 0;
    margin: 0;
}

#mpContent
{
    float: left;
    width: 716px;
    min-height: 459px;
    text-align: left;
    padding: 0;
    margin: 0;
}

#mpContentCenter
{
    float: left;
    width: 445px;
    min-height: 459px;
    margin: 0;
    padding: 0 0 0 13px;
}


#featuredProduct
{
    position: relative; /* to absoult position the read-more div's */
}

#featuredProduct, #mpContentRight
{
    float: left;
    width: 247px;
    min-height: 459px;
    background-image: url(images/bg-rcol.png);
    background-repeat: no-repeat;
    margin-left: 11px;
    padding: 0;
}

/* footer ------------------------------------------------------------ **/

#footer
{
    float: left;
    margin: 30px 0 0 0;
    padding: 0 0 10px 0;
    background-image: url(images/bg-footer.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 970px;
}

#footer div
{
    padding-top: 30px;
    margin: 0;
    color: #000;
    font-size: 11px;
}

#footer div p
{
    padding-left: 7px;
}
#footer ul
{
    float: right;
    padding: 0 7px;
    margin: 0;
    list-style-type: none;
}

#footer ul li
{
    display: inline;
    margin: 0;
    padding: 0;
}


#footer ul li a
{
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #000;
    font-size: 11px;
}

#footer ul li a:hover
{
    text-decoration: underline;
    font-size: 11px;
    color: #f33;
}

#footer p.validate
{
    padding-left: 17px;
    font-size: 8px;
    color: #000;
}
#footer p a.validator
{
    padding: 0 12px 0 0;
    margin: 0;
    color: #000;
    text-decoration: none;
}
#footer p a.validator:Hover
{
    padding: 0 12px 0 0;
    margin: 0;
    color: red;
    text-decoration: underline;
}


/* Common styles ------------------------------------- **/

/*
#mpContentCenter h1 {
   font-size: 24px; 
}
*/

.headline
{
    font-size: 22px;
    font-weight: bold;
    color: #f33;
    margin-bottom: 20px;
}

.subhead
{
    font-size: 17px;
    font-weight: bold;
    color: #039;
}

.intro
{
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
    color: #000;
}
.section
{
    margin: 10px 20px;
}

.section p, p
{
    font-size: 12px;
    line-height: 16px;
    color: #000;
    margin: 0 0 10px 0;
}

address
{
    float: right;
}

span.coName
{
    color: Red;
}

span.leadin
{
    color: blue;
    font-style: italic;
}

.pmdFlashHolder, .didFlashHolder, .flashHolder
{
    background-position: center center;
    background-repeat: no-repeat;
    width: 443px;
    height: 273px;
}


#mpContentRight .video,
#mpContentRight .flashHolder
{
    width: 247px;
    height: 175px;
}

.didFlashHolder
{
    background-image: url(images/flash-holder-did.jpg);
}
.pmdFlashHolder
{
    background-image: url(images/flash-holder-pmd.jpg);
}

.box-wraper
{
    padding: 12px 0 0 0;
    margin: 0;
}


/* NOTE: The box class is used in other style sheets... 
**       changes here are global in scope 
*/
.box
{
    position: relative; /* to absoult position the read-more div's */
    background-color: #dcece8;
    width: 216px;
    height: 174px;
    margin: 0;
    padding: 0;
}

.box dt
{
    background-color: #c3d6d2;
    color: #003398;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 2px 0 2px 11px;
}

.box dd
{
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    color: #000;
    margin: 0;
    padding: 3px 11px 0 11px;
}

.box span
{
    color: #003398;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
}

.box img 
{
    padding: 5px 0 0 20px;
}

/* NOTE: The read-more class is used in other style sheets... 
**       changes here are global in scope 
*/
.read-more
{
    text-align: center;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc; /* width set in .css for specific page */
    height: 17px; /* 15(image size) + 1px(top) + 1px (bottom) */
    position: absolute; /* relative to .box or other container */
    bottom: 3px; /* put the go-btn at the bottom of the containing div */
    position: absolute;
}

.read-more a
{
    margin-top: 3px; /* verticaly center the text: (17(height) - 11(font-size))/2 */
    text-decoration: none;
    font-size: 11px;
    color: #000;
    width: 100%; /* so the img floats to the right */
    height: 17px;
    line-height: 1;
}

.read-more span
{
    margin-top: 1px; /* were inside the 3px margin of the a tag - verticaly center the image */
    margin-right: 1px;
    background-image: url(images/btn-more-off.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
}

.read-more a:hover
{
    color: #f33;
}

.read-more a:hover span
{
    background-image: url(images/btn-more-hov.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}



/* setup fluid length */
#mpContentLeft, #mpContent, #mpContentCenter, #mpContentRight
{
    height: 100%;
    min-height: 459px;
}

#mpContentLeft, #mpContentRight
{
    background-color: #dcece8;
}

.tdpbuttons
{
    padding: 0;
    margin: 10px 0;
}

.tdpbuttons li
{
    height: 34px;
    list-style: none;
    margin-left: 7px;
    padding-top: 6px;
    padding-left: 20px;
    background-image: url(../images/ads/tdp-button.jpg);
    background-repeat: no-repeat;
}

/* General page styles ---------------------- */

.paddRight
{
    padding-right:10px;
}
.paddLeft 
{
    padding-left:10px;
    
}
.button
{
    height: 34px;
    list-style: none;
    margin-left: 7px;
    padding-top: 6px;
    padding-left: 20px;
    background-image: url(images/ads/tdp-button.jpg);
    background-repeat: no-repeat;
}

.green
{
    color: #267b2e;
    font-size: 28px;
    font-family: Arial Narrow;
}


.box dt .red,
.red
{
    color: red; 
}
.blue
{
    color: blue;
}

.bold
{
    font-weight: bold;
}
.block
{
    display: block;
}

.box dt .larger,
.larger 
{
    font-size:larger;
}

.p1, p
{
    margin: 10px;
}

.h1, .h2, .h3
{
    margin: 0 0 25px 0;
}
.h1
{
    font-size: 24px;
    line-height:30px;

}
.h2
{
    font-size: 20px;
    line-height:28px;
}

.h3
{
    font-size: 15px;
}