@charset "UTF-8";
/* CSS Document */


/* 
------------
PromoPH V1.2 
------------
/*

/* ----------------------------------- */
/* ------- TURN OFF RESPONSIVE ------- */
/* ----------------------------------- */
.container { width: 992px !important;}
@media (min-width: 768px) { .container {width: 992px !important;} }
@media (min-width: 992px) { .container { width: 992px !important;} }
@media (min-width: 1200px) { .container { width: 992px !important;} }


/* -------------------------------------- */
/* ------- ADJUST CSEE CONTAINERS ------- */
/* -------------------------------------- */
#main {  width:100%; padding:0 }
#content { width:100%;padding:0 }


/* --------------------------------------------- */
/* ------- ADJUST SITE COTROL CONTAINERS ------- */
/* --------------------------------------------- */
.openHTML-module-container.container {width:100% !important; border-top: 0;margin: 0;padding: 0;}
#promo-content { width:100% !important; margin:0; padding:0 }
#promo-modules {width:100% !important; margin:0; padding:0 }


/* ---------------------------------- */
/* ------- ALL PROMO PH PAGES ------- */
/* ---------------------------------- */
.promoPh {text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale;margin-bottom: 30px;margin-top: 3px;}
.promoPh a:link { font-weight:bold}
hr { display:block; border-width:1px 0 0 0; border-style:solid; border-color:#ccc }

/*Add vertical divide line to column */
.vertLineLt { border-color:#ccc; border-width:0 0 0 1px; border-style:solid }
.vertLineRt { border-color:#ccc; border-width:0 1px 0 0; border-style:solid }

/*Turn off underline on link with #hoverOff class */
#hoverOff a:hover { text-decoration:none !important}


/* ------- ALL SECTIONS ------- */
.promoPh .section { background-position: center top;background-repeat: no-repeat; min-width: 990px; width: 100%; }

 /* ------- HEADER AND PARAGRAPH STYLES ------- */
.promoPh p, li {font-family:arial, san-serif; }
.promoPh h1, .promoPh h2, .promoPh h3, .promoPh h4  {font-family:avenir, arial, san-serif !important;font-weight:normal;}

.promoPh h1 { font-size:28px; line-height:1.1em; padding:0; margin:20px 0 10px 0}
.promoPh h2 { font-size:26px; line-height:1.1em; padding:0; margin:20px 0 10px 0}
.promoPh h3 { font-size:22px; line-height:1.1em; padding:0; margin:20px 0 10px 0}
.promoPh h4 { font-size:18px; line-height:1.2em; padding:0; margin:20px 0 10px 0}
.promoPh h5 { font-size:14px; line-height:1.3em; padding:0; margin:15px 0 10px 0}
.promoPh p, .promoPh li {font-size:14px; line-height: 1.3em  }
.promoPh ul,.promoPh ol {padding:0; margin: 0 0 0 15px}
.promoPh li {padding:0; margin:10px 0 10px 0 }
.promoPh p {padding:0; margin:10px 0 10px 0 }
.promoPh p small { font-size:.85em !important; line-height:.5em !important; color:#555; }
.promoPh small { font-size:.85em !important; line-height:.5em !important; color:#555;}

sub, sup { font-size: .4em ;line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.95em; }
sub { bottom: -0.25em; }

/* -------------------------- */
/* ------- MODULE CSS ------- */
/* -------------------------- */

/*DARK BG - Reverse colors for dark bg*/
.darkBG {color:#fff}
.darkBG a:link {color:#a9e0ea}





/* ------------------------ */
/* ------- DEMO CSS ------- */
/* ------------------------ */

/*COLUMN WIDTH DEMO - Image Widths for standard + retina */
.colWidthDemo .colWidthDemoBG {background-color: #EAEAEA; padding:10px;margin: 5px 0; }
.colWidthDemo h4 {font-size: 16px;font-weight: normal;padding: 5px;padding:0; margin:0}
.colWidthDemo p { font-size: 12px;line-height: 14px;margin: 0;padding: 5px 0 0;}
.colWidthDemo h4 strong { font-weight:600}