﻿


/* Content */
  a.highlight, a.ms-rteCustom-HighlightLink
                 { background:url("../images/default/icon_arrows.gif") no-repeat left 0.5em; padding-left:10px; display:block; }

#bodycontainer 
{
  position:relative;
  padding:16px; 
  min-height:360px; 
  background:url("../images/default/bg_content.png") repeat-x 0 0 #fff;
  border-top:2px solid #fff;
}

#bodycontainer ol li 
{
  list-style-type:decimal;
}

#bodycontainer ul li  
{
  list-style-type:disc; 
}

#banner { 
  position:relative; 
  height:auto; 
  padding-bottom:0; 
  background:#fff; 
  width:950px;
  overflow:hidden;
}

#banner img {
  padding: 0!important;
  display:block;
}

#banner img, #banner object {
  margin:0 0 5px 0!important;
}

#breadcrumb {
  margin:0 0 16px 0;
  
  font-size: 10px;
  font-weight:bold;
  color: #666666;
}

#breadcrumb a sup, #breadcrumb a sub {
  font-size: 9px;
}

#didYouKnowContainer {
  height:22px;
  width:306px;
  background:url(../images/default/did_you_know-top-off.gif) no-repeat 0 0;
  cursor:pointer;
  position:absolute;
  top:0;
  right:0;
}

#didYouKnowContent {
  background:url(../images/default/did_you_know-top-on.gif) no-repeat 0 0;
}

#didYouKnowText {
  font-size: 11px;
  color: #FFFFFF;
  padding:0 10px;
  height:auto;
  position:relative;
  left:13px;
  top:20px;
  width:273px;
  background:#E64097;
}

#didYouKnowContentBtm {
  background:url(../images/default/did_you_know-bottom-on.gif) no-repeat 0 0;
  height:12px;
  width:293px;
  position:absolute;
  right:0;
  bottom:-12px;
}


/* Left Column */

  #quicknav                 { width:200px; position:relative; left:-10px; padding:10px; margin:7px -10px 0 0; border-width:1px 0; border-style:solid; border-color:#c1c1c1; }
  #quicknav               a { font-weight:bold; font-style:italic; display:inline-block; background:url("../images/default/icon_navbullet.gif") no-repeat 0 4px; padding-left:13px; }
  #quicknav            li a { font-size:14px; color:#000; }
  #quicknav         li li a { font-size:12px; color:#333; }
  #quicknav li li a.current { color:#e64097; }
  #quicknav         a:hover { text-decoration:none; color:#e64097; }
  #quicknav              ul { margin:0; }
/*#quicknav        ul ul ul { margin:0 0 1.4em 8px; } */
  #bodycontainer #quicknav li { list-style:none; margin-top:0.8em; }
  #quicknav        li li li { margin-left:16px; }


td.leftColumnNav {
  width: 210px;
}

div.leftColumnNavModule {
  margin: 20px 0px 0px 20px;
}

div.leftColumnNavModuleLargeMargin {
  margin: 35px 0px 35px 20px;
}

div.leftColumnNavLastModuleLargeMargin {
  margin: 35px 0px 15px 20px;
}

p.leftColumnNavModuleText {
  width: 184px;
  margin: 8px 0px 0px 0px;
  
  font-size: 11px;
}



/* Main Column */


td.columnPadding {
  padding: 0px 0px 0px 10px;
}

td.mainColumnSplitLeft470 {
  width: 470px;
  
  font-size: 12px;
}

td.mainColumnSplitRight230 {
  width: 230px;
  
  padding: 0px 0px 0px 10px;
  
  font-size: 12px;
}

td.mainColumnSplitLeft469 {
  width: 469px;
  
  font-size: 12px;
}

td.mainColumnSplitRight470 {
  width: 470px;
  padding: 0px 0px 0px 10px;
  
  font-size: 12px;
}

td.mainColumn710 {
  width: 710px;
  
  font-size: 12px;
}

img.contentSplashMargin, div.contentSplashMargin {
  margin: 0px 0px 15px 0px;
}

img.rightColumnImage, div.rightColumnImage {
  margin: 0px 0px 20px 0px;
}

p.rightColumnCalloutText,
p.ms-rteCustom-rightColumnCalloutText  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  color: #000000;
}




/* Content items  */


div.headline {
  width: 565px;
  
  margin: 0;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
  color: #000000;
  
  line-height: 1.1em;
}

p.headline,
p.ms-rteCustom-headline {
  margin: 0px 0px .5em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
  color: #000000;
  
  line-height: 1em;
}

div.intro {
  margin: 12px 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: italic;
  color: #333333;
  
  line-height: 1.35em;
}

p.subhead,
p.ms-rteCustom-subhead {
  margin: 0px 0px .5em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #000000;
}

p.subheadDescription, span.subheadDescription,
.ms-rteCustom-subheadDescription {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  color: #000000;
}

div.sectionHead,
p.sectionHead,
p.ms-rteCustom-sectionHead {
  margin: 0px 0px .5em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  color: #000000;
}

p.footnote,
p.ms-rteCustom-footnote {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

span.required {
  font-weight: bold;
  color: #E64097;
}

p.errorText, div.errorText {
  margin-bottom: 15px; 
   
  font-size: 12px; 
  font-weight: bold; 
  color: #E64097 !important;
}

p.requiredText {
  font-size: 11px;
  color: #E64097;
}

p.formTopLabel {
  margin: 0px 0px .25em 0px;
}

ul.linkList,
ul.ms-rteCustom-linkList {
  list-style-type: none;

  margin: 0px 0px 1.4em 0px;
  padding: 0;
  
  font-size: 12px;
  color: #E64097;
}

ul.linkList li,
ul.ms-rteCustom-linkList li {
  padding: 0px 0px .6em 0px;
}

ol.listSingleSpace ol.listDoubleSpace,
ol.ms-rteCustom-listSingleSpace ol.ms-rteCustom-listDoubleSpace {
  margin: .8em 0px .8em 13px;
  padding: 0px 0px 0px 13px;
}

ul.listSingleSpace ul.listDoubleSpace,
ul.ms-rteCustom-listSingleSpace ul.ms-rteCustom-listDoubleSpace {
  margin: .8em 0px .8em 8px;
  padding: 0px 0px 0px 8px;
}

ol.listDoubleSpace,
ol.ms-rteCustom-listDoubleSpace {
  margin: .8em 0px .8em 13px;
  padding: 0px 0px 0px 13px;
  
  font-size: 12px;
}

ul.listDoubleSpace,
ul.ms-rteCustom-listDoubleSpace {
  margin: .8em 0px .8em 8px;
  padding: 0px 0px 0px 8px;
  
  font-size: 12px;
}

ol.listDoubleSpace li, ul.listDoubleSpace li,
ol.listSingleSpace ol.listDoubleSpace li, ol.listSingleSpace ul.listDoubleSpace li,
ul.listSingleSpace ul.listDoubleSpace li, ul.listSingleSpace ol.listDoubleSpace li,
ol.ms-rteCustom-listDoubleSpace li, ul.ms-rteCustom-listDoubleSpace li,
ol.ms-rteCustom-listSingleSpace ol.ms-rteCustom-listDoubleSpace li, ol.ms-rteCustom-listSingleSpace ul.ms-rteCustom-listDoubleSpace li,
ul.ms-rteCustom-listSingleSpace ul.ms-rteCustom-listDoubleSpace li, ul.ms-rteCustom-listSingleSpace ol.ms-rteCustom-listDoubleSpace li {
  margin: .8em 0px .8em 0px;
  padding: 0;
}

ol.listDoubleSpace ol.listSingleSpace,
ol.ms-rteCustom-listDoubleSpace ol.ms-rteCustom-listSingleSpace {
  margin: .5em 0px .13em 13px;
  padding: 0px 0px 0px 13px;
}

ul.listDoubleSpace ul.listSingleSpace,
ul.ms-rteCustom-listDoubleSpace ul.ms-rteCustom-listSingleSpace {
  margin: .5em 0px .13em 8px;
  padding: 0px 0px 0px 8px;
}

ol.listSingleSpace,
ol.ms-rteCustom-listSingleSpace {
  margin: .13em 0px .13em 13px;
  padding: 0px 0px 0px 13px;
  
  font-size: 12px;
}

ul.listSingleSpace,
ul.ms-rteCustom-listSingleSpace {
  margin: .13em 0px .13em 8px;
  padding: 0px 0px 0px 8px;
  
  font-size: 12px;
}

ol.listSingleSpace li, ul.listSingleSpace li,
ol.listDoubleSpace ol.listSingleSpace li, ol.listDoubleSpace ul.listSingleSpace li,
ul.listDoubleSpace ul.listSingleSpace li, ul.listDoubleSpace ol.listSingleSpace li,
ol.ms-rteCustom-listSingleSpace li, ul.ms-rteCustom-listSingleSpace li,
ol.ms-rteCustom-listDoubleSpace ol.ms-rteCustom-listSingleSpace li, ol.ms-rteCustom-listDoubleSpace ul.ms-rteCustom-listSingleSpace li,
ul.ms-rteCustom-listDoubleSpace ul.ms-rteCustom-listSingleSpace li, ul.ms-rteCustom-listDoubleSpace ol.ms-rteCustom-listSingleSpace li {
  margin: .13em 0px .12em 0px;
  padding: 0;
}

ol.listUpperCase,
ol.ms-rteCustom-listUpperCase {
  list-style-type: upper-alpha;
    
  font-weight: bold;
}

ol.listUpperCase li,
ol.ms-rteCustom-listUpperCase li {

}

ol.listUpperCase li span,
ol.ms-rteCustom-listUpperCase li span {
  font-weight: normal;
}

.normal,
.ms-rteCustom-normal {
  font-weight: normal
}


/** Callout Box **/

div.calloutBox {
  margin: 0px 0px 10px 0px;

  background-image: url('../images/backend/common/background.gif');
  background-repeat: repeat;
  background-color: #FFFFFF;
}

div.calloutBoxPadding {
  padding: 6px 11px 1px 11px;
}


/** Testimonial Box **/

div.testimonialBox {
  margin: 10px 0px 10px 0px;
  width:698px;
  overflow:hidden;

  background-image: url('../images/backend/common/background.gif');
  background-repeat: repeat;
  background-color: #FFFFFF;
}

div.testimonialBoxPadding {
  padding:15px 10px;
}

td.testimonialContent {
  width: 672px;
  
  background-color: #FFFFFF;
  border-left: 1px solid #CCCCCC;  
}

div.testimonialContentPadding {
  padding: 5px 25px 0px 25px;
}

td.testimonialRightBorder {
  width: 6px;
  
  background-image: url('../images/backend/common/testimonial-right.gif');
  background-repeat: repeat-y;
}


/** Data Table **/

table.dataTable,
table.ms-rteCustom-dataTable {
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
  
  font-size: 11px;
}

table.dataTable tr td,
table.ms-rteCustom-dataTable tr td {
  border-top: 1px solid #CCCCCC;
  
  padding: 9px 9px 9px 9px;
}

tr.dataTableHeader,
tr.ms-rteCustom-dataTableHeader {
  background-image: url('../images/backend/common/background.gif');
  background-repeat: repeat;
  background-color: #FFFFFF;
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #000000;
}

tr.dataTableRow,
tr.ms-rteCustom-dataTableRow {
  background-color: #FFFFFF;
}

tr.dataTableRowAlt,
tr.ms-rteCustom-dataTableRowAlt {
  background-color: #F0F0F0;
}


/** Image Gallery **/

p.imageGalleryTotal {
  font-size: 11px;
  font-style: italic;
}

td.imageGalleryBorderLeft {
  width: 3px;
  
  background-image: url('../images/backend/common/image_gallery_border-left.gif');
  background-repeat: repeat-y;
}

td.imageGalleryContent {
  width: 705px;
  padding: 10px;
  
  background-color: #F6F6F6;
}

td.imageGalleryBorderRight {
  width: 3px;
  
  background-image: url('../images/backend/common/image_gallery_border-right.gif');
  background-repeat: repeat-y;
}

p.imageGalleryTotalItems {
  font-size: 11px;
  font-style: italic;
}

div.imageGalleryContentLeft {
  float: left;
  position: relative;
  width: 360px;
  height: 450px;
  
  overflow: auto;
}

div.imageGalleryContentRight {
  float: left;
  width: 310px;
  padding: 0px 0px 0px 15px;
}

div.imageGalleryItem {
  width: 88px;
  margin: 0px 25px 10px 0px;
  
  font-size: 8px;
  font-style: italic;
  text-transform: uppercase;
  text-align: center;
}

div.imageGalleryImage {
  width: 88px;
  height: 86px;
  padding: 0px 0px 3px 0px;
  
  background-repeat: no-repeat;
}

div.imageGalleryImageBorderOff {
  width: 82px;
  height: 80px;
  
  border: 3px solid #E64097;
  
  visibility: hidden;
}

div.imageGalleryImageBorderOn {
  width: 82px;
  height: 80px;
  
  border: 3px solid #E64097;
  
  visibility: visible;
}

p.imageGalleryItemName {
  font-weight: bold;
  font-style: italic;
}


/** Dividers **/

div.horizontalDivider {
  height: 1px;
  
  margin: 16px 0px 16px 0px;

  background-image: url('../images/backend/common/divider.gif');
  background-repeat: repeat-x;
  background-position: right;
}

td.leftColumnNav div.horizontalDivider {
  margin:16px 0 16px -10px;
}

td.verticalDivider {
  width: 1px;

  background-image: url('../images/backend/common/divider-vertical.gif');
  background-repeat: repeat-y;
  background-position: center;
}




/* Landing Pages (non-product pages) */


table.landingContainer { 
  margin: 0px 0px 20px 0px;
}

table.landingContainer tr td { 
  padding: 0px 10px 0px 0px;
}

table.landingContainer tr td p { 
  margin: 0px 0px .4em 0px;
}

table.landingLinkTable,
table.ms-rteCustom-landingLinkTable {
  width: 80%;
  
  color: #E64097;
}

table.landingCalloutTable {
  width: 100%;

  background-image: url('../images/backend/common/background.gif');
  background-repeat: repeat;
}

table.landingCalloutTable tr td {
  width: 50%;
  
  padding: 10px;
}

table.landingCalloutTable tr td table tr td {
  width: auto;
  
  padding: 5px;
}