/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body { line-height:1.1;  }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
p { line-height: 1.3 }

/* typography.css */
body {font-size:75%;background:#fff;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em; line-height:1;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.1;margin-bottom:1em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {font-size: 1.083em; margin:0 0 1.5em;}
.left-column p, .right-column p { margin-bottom: 1em; }
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li { font-size: 1.083em; margin-bottom: 6px; line-height: 1.2; }
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul { list-style-type:disc; margin: 10px 0; }

.section-top ul { margin: 0px 0px 10px; }

ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
/*dl dt {font-weight:bold;}*/
dd {margin-left:1.5em;}
caption {background:#eee;}

.hr {
  clear: both;
  margin: 10px 0;
  height: 1px;
  background: #000;
}
.styledHr {
  clear: both;
  margin: 10px 0;
  height: 1px;
  background: #000;
}
.styledHr hr,
.hr hr {
  display: none;
}
a {
  color: #0c4668;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/****** End Initial Values  ******/

h2, .no-header div /* for todays news, temporary */ { 
  font-size: 1.083em; font-weight: bold; border-top: 2px solid #ded9d1; padding-top: 4px; text-transform: uppercase; color: #333; 
  padding-left: 7px;
}
.todays-news-container h2, .todays-news-container-inside h2, .no-header div {
  margin: 28px 94px .833em 0;
}
.no-header div { margin-right: 0; }
.no-header { background: #fff; margin-right: 94px; margin-bottom: 10px; overflow: hidden; zoom: 1; }
/*
#dnn_ctr3081_ContentPane .todays-news h3 { padding-left: 0; margin: 0 0 1em 0; }
*/
.box-blue h2 { color: #660000; margin: 0 0 10px 0; padding: 0; border: none;}
.box-blue-white h2, .box-beige-white h2, .footer-content h2 { border: none; padding: 0; }
.box-beige h2 { background: #fff; padding-bottom: 7px; }


h3 { font-size: .917em; font-weight: bold; text-transform: uppercase; color: #600; margin-bottom: 5px; }


.footer-content .col-one h2 { font-size: 1.25em;}

.todays-news h4 { font-weight: bold; font-size: 2em; color: #0c4668; margin: 2px 0; }
.center-column h4, .sub-section h4, .footer-content h4, .tabs-content h4 { font-size: 1.333em; font-weight: bold; margin: 0px; }
.feature_columnist h4 { font-size: 1.083em; margin-bottom: 3px; line-height: 1.2; }


p.more, .footer_topstories /* footer_topstories might be temp */ {
  font-size: .833em; font-weight: bold; text-transform: uppercase; /* text-align: right;*/
}

.footer_topstories { margin-top: 10px;}
p.more a, .footer_topstories a {
  color: #333; padding-right: 8px; background: url(images/arrow-more.gif) no-repeat right 4px;
}
.center-column .footer_topstories { text-align: right; padding-bottom: 8px; background: url(images/dash-horiz.gif) repeat-x bottom; margin-top: -4px; }

/* for one stop pages */
.section-top .footer_topstories { border-bottom: 1px solid #ded9d1; margin: -4px 0 15px 0; padding: 0 0 15px 0; padding-left: 373px;  }
.home .section-top .footer_topstories { border: none; margin: 10px 0 0 0; padding: 0; }

p.byline, .byline a.author, .byline a, p.date, .searchresult p.author, .searchresult p.media-type {
  color: #999; font-weight: normal; margin: 0; font-size: 1em;
}
p.exerpt { margin-bottom: 1em;}
.searchresult { margin: 10px 0px 0px 0px; }
.tbheader { color: #666; margin-bottom: 10px; padding-bottom: 15px; background: url(images/dash-horiz.gif) repeat-x bottom; }
.sort a { font-weight: bold; }
.sort { font-size: .917em; text-transform: uppercase; color: #666; padding-bottom: 10px; background: url(images/dash-horiz.gif) repeat-x bottom;  }






p.byline, .webexclusive_articlelist p.byline, .searchresult p.author { margin-bottom: 2px;}
.webexclusive_articlelist p.byline, .features p.byline { margin-top: 2px;}
p.button { font-size: 1em; }
p.button a, a.addComment, #dnn_ctr3117_Survey_cmdSubmit, #dnn_ctr3183_Survey_cmdSubmit /* for Polls */ {
  background: #460000 url(images/button-red-bg.gif) repeat-x top;
  border: 1px solid #460000;
  font-size: .917em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  padding: 2px 6px;
  line-height: 18px;
}
.view, #dnn_ctr3117_Survey_cmdResults /* for Polls */ { font-size: .917em; color: #333; text-decoration: underline; text-transform: uppercase; }
#dnn_ctr3183_Survey_cmdResults { display: none;} /* newsletter poll */

.breadcrumb { width: 960px; margin: 15px auto 0 auto; text-align: left; text-transform: uppercase; font-size: .917em; font-weight: bold; color: #999; }
.breadcrumb a { /*color: #999; */ background: url(images/arrow-breadcrumb.gif) no-repeat right 4px; padding-right: 9px; }
.breadcrumb li { float: left; background: none; padding: 0 0 0 0; margin-right: 3px; font-size: 1em; }
.breadcrumb span.SkinObject { color: #333; }
.article .breadcrumb { margin-bottom: 10px;overflow: hidden; }

img.left, .fifteen-minutes img, .feature_columnist img, .tabs-content img { float: left; margin: 0 7px 7px 0; }

.section-top li,
.box-beige li,
li {
  list-style: none;
  padding-left: 10px;
  background: url(images/bullet-blue.gif) no-repeat left 6px;
}
.box-beige li {
  background: url(images/bullet-blue-tan.gif) no-repeat left 6px;
}



/* Structure */

#container { text-align: left;}
  #header { }
      .util-bar, .header-content, .nav, .subnav, .wrapper, .footer-content, .footer-bar { width: 960px; margin: 0 auto; clear: both; text-align: left; }

  .wrapper {  margin-top: 5px;  }
    #cover { width: 620px; float: left; }
    .admin #cover { width: 960px; }
      .section-top { overflow: hidden; zoom: 1; margin-bottom: 10px; }
      .home .section-top { background: url(images/flare-pills.gif) no-repeat right top; }
      .left-column { width: 200px; float: left; }
      .article .left-column { }
      .center-column { width: 400px; float: left; margin-left: 20px; }
/*      .article .center-column { width: 620px; margin-left: 0px; }*/
      .admin .center-column { width: 960px; margin: 0;}
        .center-column .content-padding { /*padding-top: 30px;*/ }

    .right-column { width: 320px; float: right; padding-top: 30px; }
    .article .right-column { padding-top: 0px; }
    #footer { border-top: 1px solid #fff; clear: both; }

/* end Structure */


/* Main Site Styles */



body {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
/*  text-align: center;*/
}
  #header { color: #fff; }
  #header ul, #header dl { margin: 0px; }
    .util-bar-container { background: #0B1F28; overflow: hidden; zoom: 1; }
      .util-bar { font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; line-height: 20px; }
      .util-bar a { color: #fff; }
      .util-bar dt, .util-bar dd { color: #fff; float: left; font-size: .917em; }
      .util-bar dd { background: url(images/util-divider-11px.gif) no-repeat left 5px; margin-left: 5px; padding-left: 6px;
      }
      .util-bar ul { float: right; line-height: 19px; padding-top: 5px; }
      .util-bar li { float: left; list-style: none; font-size: .833em; background: url(images/util-divider-10px.gif) no-repeat left 2px; margin-left: 4px; margin-bottom: 0; padding-left: 5px; }
      .util-bar li.first, .util-bar dd.first { background: none; padding: 0; }
      .util-bar dt, .util-bar li { text-transform: uppercase; }
    

    .header-content-container { color: #143642; background: #143645 url(images/header-bg.jpg) repeat-y top; height: 110px; overflow: hidden; }
      .header-content { color: #fff; }
        .logo { float: left; margin: 15px 15px 0 10px; width: 334px; height: 75px; overflow: hidden; }
        .logo a { display: block; height: 0px; padding-top: 75px; background: url(images/FI_logo.gif) left top no-repeat; }
        .tagline { float: left; margin: 9px 0 0 0; width: 266px; height: 89px; overflow: hidden; background: url(images/header-divider.gif) no-repeat left top; }
          .supply-expo {margin: 3px 0 0 7px;}
          .tagline p { text-transform: uppercase; font-size: 1em; margin: 10px 0 0 10px;}


        .search { float: right; width: 268px; height: 102px; margin-right: 30px; background: url(images/search-bg2.gif) no-repeat left top; }
        .search #searchtext { margin: 45px 0 0 12px; float: left; width: 167px; border: 1px solid #ddd; border-top: 1px solid #7c7c7c; border-right: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; padding: 3px 4px 3px 4px; }
        .search .go_btn { margin: 45px 0 0 0; float: left; border-top: 1px solid #7c7c7c; }
        .search .go_btn img { border: none; }

        .advanced-search { clear: both; text-align: right; padding-right: 60px; }
        .advanced-search a { color: #fff; font-size: 11px; line-height: 18px; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;}

    .nav-container { background: #301116; border-bottom: 4px solid #d8d7d5; margin-bottom: 15px; }
/* house menu specifics */
      LI#HouseMenuNavItemhome {	DISPLAY: none}
/* end house menu specifics*/
      .nav { overflow: hidden;  }
      .nav li, .subnav li { float: left; list-style: none; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; border-left: 1px solid #58413b; background: none; padding: 0; margin: 0; }
      .nav li.first { border-left: none; }
      .nav li a { line-height: 35px; display: block; color: #fff; text-transform: uppercase; padding: 0 15px; }
      .nav li a:hover { background: #511c24; text-decoration: none; }
      .nav li.sub a, .regulatory #HouseMenuNavCurrentItem a, li#HouseMenuNavItem170 a { background: url(images/nav-arrow.gif) no-repeat right; padding: 0 30px 0 13px; }
      li#HouseMenuNavItem170 a:hover { background: #511c24 url(images/nav-arrow.gif) no-repeat right; } 
      .nav li.sub a:hover, .regulatory #HouseMenuNavCurrentItem a { background-color: #511c24; padding: 0 30px 0 13px; }
      #HouseMenuNavCurrentItem { background: #511c24; }
/* For Admin menu only - different menu structure than main site  */
      .main_dnnmenu_rootitem, .main_dnnmenu_rootitem_selected { line-height: 35px;  color: #fff; padding: 0 0 0 15px; }      
      .main_dnnmenu_submenu span { color: #333;}
      .main_dnnmenu_submenu td { background: #d8d7d5; padding: 2px;}

      .subnav-container { clear: both; background: #511c24; height: 25px;}
      .subnav li { text-transform: none; line-height: 12px; padding: 0; margin-top: 1px; border-left: 1px solid #684740; }
      .subnav li a { color: #fff; padding: 4px 9px 6px 9px; display: block; }
      .subnav li a:hover { background: #301116; text-decoration: none; }
      .subnav { overflow: hidden;}

      /* hide left line for first item */
      .nav li#HouseMenuNavItem179, .subnav li#HouseMenuNavItem174 { margin-left: -1px;}
      .subnav li#HouseMenuNavItem174 a {margin-left: 6px;}

      .main_dnnmenu_submenu { color: #555;}




/* Todays News - some temporary stuff in here, Jason needs to alter some module things before this can be finalized.*/

        .todays-news2 { /* i named this '2' because the module was already spitting out a todays-news*/
          margin-bottom: 20px;
          overflow: hidden; zoom: 1;
        }
        .todays-news {
          padding: 0 12px 0 10px;
        }
        .home .todays-news {  }
        .home .todays-news2 { background: url(images/dash-vert.gif) repeat-y 296px 30px; }
        .todays-news2 img { margin-bottom: 17px; }
        .todays-news2 h2 {
          margin: 20px 100px 0 0;
        }

          .todays-news-container, .todays-news-container-inside .content-wrapper  {
            background: #eceae5;
          }
          .todays-news-container-inside {
            position: relative;
          }
          .todays-news-container-inside .flare {
            position: absolute;
            top: 0; right: 0; z-index: 100; width: 100px; height: 100px; background: url(images/flare-pills.gif) no-repeat right top; 
          }
          .todays-news-container-inside .container { padding-top: 10px;}

          .todays-news-container  {
            width: 308px;
            float: left;
            min-height:300px;
            height:auto !important;
            height:300px;
            background: none;
          }
          .todays-news-container .container { margin-right: 10px; }

/* for NPI Center news area */        
           #dnn_ctr3125_ContentPane { background: url(images/logo-npi-center.gif) no-repeat right top; margin-top: 15px; }
          .section-top .text { margin: 0;}

        /* for Internet Explorer 6 */
        /*\*/
        * html .section-top .text {
          position: relative; /* fixing random clipping issue */
        }
        /**/

/*
          .home .section-top .text { margin: 0;}
*/
          .todays-news img { float: left; margin-right: 12px; }
          .home .todays-news img { float: none; }
/*
          .todays-news2 .content-right {
            width: 308px;
            float: left;
            margin-left: 12px;
          }
*/


/* One Stop 'todays news' area */
  .sub-section {
    overflow: hidden;
    zoom: 1;
    background: url(images/dash-vert.gif) repeat-y 361px;
  }
  .sub-leadin { width: 363px; float: left; margin-right: 10px; }
  .sub-list { width: 245px; float: left; padding-bottom: 10px; }

  .sub-leadin h4, .sub-leadin p { margin-right: 10px; }


  .sub-leadin-image { float: left; margin: 0 7px 7px 0;}

          .international-feeds {
            background: #eceae5;
            margin: 20px 0 0 0;
            clear: both; overflow: hidden; zoom: 1;
          }
          #dnn_InternationalFeedsPane {
            padding: 0 10px 0 10px;
            margin: 12px 0 10px 0;
            overflow: hidden; zoom: 1;
            background: url(images/dash-vert-double.gif) repeat-y center top;
          }
          .international-feeds .container {
            width: 186px; float: left;
          }

          /* for middle column of the international feeds */
          #dnn_ctr3099_ContentPane { margin: 0 16px 0 23px;}

          /*#dnn_ctr3076_ContentPane, #dnn_ctr3077_ContentPane {
            padding-left: 10px;
            background: url(images/dash-vert.gif) repeat-y left;
          }*/

            .feedblock {
              width: 200px;
              float: left;
            }

/* Left Column */
      .left-column .ad { overflow: hidden; zoom: 1; margin: 0 0 25px 0; }
      .left-column h2 { line-height: 1.2;}

      .survey { font-size: 1.083em; line-height: 1.3; }
/*
      .left-column .box-beige-white.box-last .container { background: #fff url(images/pl-thomas-logo-sm.gif) no-repeat right top; }
*/      
      .left-column .box-beige-white.box-last .container { background: #fff url(/Portals/0/fi-images/plthomas-poll-logo.gif) no-repeat right top; }

      .left-column .box-beige-white.box-last .container h2 { margin-bottom: 15px; }
      .left-column .CommandButton, .right-column .CommandButton {  font-family: Arial, Helvetica, sans-serif; } /* undo font in default.css (just the font-fam) */
      .right-column .CommandButton { float: none;}
      #dnn_ctr3117_Survey_cmdResults { margin-top: 5px; display: inline; }
	  #dnn_ctr3117_Survey_pnlResults .surveyresultsitems{ width:100%; }
      #dnn_ctr3117_ContentPane p { font-size: .917em; line-height: 20px; margin-top: 3px;}

      .left-column .CommandButton { display: inline; }

      .left-column { padding-top: 30px;}
/*
      .home .left-column { padding-top: 5px;}
      .regulatory .left-column { padding-top: 18px;}
      .onestop .left-column { padding-top: 30px; } 
*/
 
/* end Left Column */

/* Center Column */

      .center-column .leadin p { margin-top: 0px; }
      .center-column .leadin { overflow: hidden; zoom: 1; margin-bottom: 10px; background: url(images/dash-horiz.gif) repeat-x bottom; }

      .container { overflow: hidden; zoom: 1; }


/* Article Headline over left column. */


      #articleHeaderContent, #articleTools { display: none;}
      /* Justin - Jason Added this to hide article title in main content area */
/*
      
      #articleHeaderContent {
      height: 1px;
      padding-top: 10px;
      overflow: hidden;
      }
          
      #articleTools {
      height: 1px;
      padding-top: 10px;
      overflow: hidden;
      }
*/
      .article-tools { border-top: 1px solid #ded9d1; border-bottom: 1px solid #ded9d1; margin: 5px 0 20px 0; padding-bottom: 5px; }
      .article-tools h2 { margin-bottom: 0; padding: 8px 0 0 10px; border: none;}
      .article-tools ul { margin-left: 10px; } 
      .article-tools li { width: 71px; float: left; margin: 0 5px 12px 0; padding-left: 18px; font-size: .917em; text-transform: uppercase; font-weight: bold; }
      .article-tools li.share { background: none; padding: 0; width: 130px; /* using default right now */ }
      .article-tools li.email { background: url(images/articletools-email.gif) no-repeat left; }
      .article-tools li.print { background: url(images/articletools-print.gif) no-repeat left; }
      .article-tools li.save { background: url(images/articletools-save.gif) no-repeat left; }
      .article-tools li.reprints { background: url(images/articletools-reprints.gif) no-repeat left; }
      .article-tools li.comment { background: url(images/articletools-comment.gif) no-repeat left; }


      .articleHeader { margin-bottom: 10px;}   
      .articleHeader h1 { font-size: 2.167em; color: #333; font-weight: bold; } 

      .authorDateWrap p { display: inline; }
      .authorDateWrap p.date { border-left: 1px solid #999; margin-left: 5px; padding-left: 5px;}
      
      .articleContentWrap p { font-size: 1.25em; line-height: 1.3;}

/* I believe there's multiple paging styles, depending on where you are, with different html. Just to be safe, specified .article here.*/
      .article .paging ul { float: right; }
      .article .paging li { background: none; border-left: 1px solid #333; padding-left: 5px; float: left; margin-left: 5px; }
      .article .paging li.prev { border: none; }
      .article .paging { font-size: .917em; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 10px; }
      .article .paging a { font-weight: bold;  }
      .article .paging a.active { color: #333; font-weight: normal; }


      .features,
      .exclusives, .15-minutes { margin: 10px 0; }

      .center-column .largeheader.features {
        background: url(images/flare-bottles2.gif) no-repeat right top;
        padding: 30px 0 20px 0;
      }
      .features-item, .features-item-first  {
        width: 175px; float: left;
        margin-left: 14px;
      }
      .features-item-first { padding-right: 17px; margin: 0 0 0 0px; /* background: url(images/dash-vert.gif) repeat-y right; */ }
      /* for Features Of the Week container...only way to target */
      #dnn_ctr3082_ContentPane { background: url(images/dash-vert.gif) repeat-y center; }
      .features h4, .features p { margin-left: 3px; margin-right: 3px; }
      .features p { margin-bottom: 0;}

      .features .container {
/*        margin-left: 14px;
        padding-left: 15px;*/
        overflow: hidden;
        zoom: 1;
      }
      .center-column .largeheader.features h2 {
        margin: 0 70px 20px 0;
      }
      .features img { margin-bottom: 5px;}

      .webexclusive .container, .most-popular .container, .onestop-more .container, .fifteen-minutes .container, .archive .container, .center-column .largeheader .container { padding: 0 0 0 7px; }
      .center-column .largeheader.webexclusive {
        background: url(images/flare-avocados2.gif) no-repeat right top;        
      }
      .center-column .largeheader.webexclusive h2 {
        margin: 30px 113px 13px 0;
      }
      .webexclusive_articlelist, .searchresult { background: url(images/dash-horiz.gif) repeat-x bottom; overflow: hidden; zoom: 1; margin-bottom: 10px; padding-bottom: 10px; }
      .webexclusive_articlelist p, .searchresult p.more-results { margin: 0; }

      .center-column .largeheader.fifteen-minutes {
        background: url(images/flare-beakers2.gif) no-repeat right top;
      }
      .center-column .largeheader.fifteen-minutes h2 {
        margin-right: 98px;
        margin-top: 44px;
      }

      .archive, .center-column .largeheader {
        background: url(images/flare-cinnamon-stick2.gif) no-repeat right top;
      }
      .archive h2, .center-column .largeheader h2 {
        margin-right: 147px;
        margin-top: 30px;
      }

/* end Center Column */

/* Right Column*/


/* tabbed thing */

.tabbedRotatorNav { overflow: hidden; zoom: 1; border: 1px solid #eceae5; }
.tabbedRotatorNav a { font-size: .917em; font-weight: bold; text-transform: uppercase; color: #600; display: block; padding: 0 3px; float: left; border-left: 1px solid #eceae5; height: 31px; }
.tabbedRotatorNav a.startTab { border-left: none; }
.tabbedRotatorNav a:hover, .tabbedRotatorNav a.current { color: #333; text-decoration: none; background: #eceae5; }

.tabbedRotatorContent h2, .right-column .todays-news h4 { padding: 0; border: 0; text-transform: none; font-size: 1.333em;}
.right-column .todays-news h3 { display: none; }
.right-column .todays-news { padding: 0; }

.rotatorTab1 { width: 66px; }
.rotatorTab2 { width: 43px; }
.rotatorTab3 { width: 53px; }
.rotatorTab4 { width: 63px; }
.rotatorTab5 { width: 58px; }

.rotatorTab1, .rotatorTab2, .rotatorTab4 { line-height: 31px; } 
.rotatorTab3, .rotatorTab5 { line-height: 15px; } 


/* tab content area */
#dnn_ctr3225_ContentPane, #dnn_ctr3226_ContentPane, #dnn_ctr3227_ContentPane,#dnn_ctr3228_ContentPane, #dnn_ctr3229_ContentPane { background: #eceae5; padding: 10px; margin-bottom: 25px; }

.tabs-content p.more { text-align: right; margin-bottom: 0;}
.tabs-content ul { clear: both; }

.right-column .largeheader { margin-bottom: 0px; } 


/* not sure where this is even being used
.tabbedRotatorContent { border: 1px solid #c00;}
*/





/* /tabbed */








      .condition-guide,
      .interactive-products,
      .newsletters, .newsletter-item, .newsletter-subitem { clear: both; overflow: hidden; zoom: 1; margin: 0 0; }


      .newsletter-item {
        background: url(images/dash-horiz.gif) repeat-x bottom;
        padding-bottom: 0px;
        margin-bottom: 10px;
      }
      .newsletter-subitem { margin-bottom: 7px; }
      .newsletter-item h3 {  margin: 0 0 3px 0; }
      .newsletter-item h4 { font-size: 1em; float: left; margin-top: 3px; }
      .newsletter-subitem h4 { margin-bottom: 0px;}
      .newsletter-item p.button, .newsletter-item a.view { float: right; margin-left: 7px; }
      .newsletter-item a.view { margin-top: 3px; }
      .right-column .surveyitems span { font-size: 1.25em;}
      .box-blue-white.box-top .container { padding-bottom: 0;}
      .box-blue-white.box-last .container { padding-top: 0;}

      p.button { margin-bottom: 0; }



      /* newsletter poll */
      #dnn_ctr3183_ContentPane h2 { display: none; }
      #dnn_ctr3183_ContentPane .survey { }
      #dnn_ctr3183_Survey_pnlSurvey { padding: 10px; background: #dbe2e4; }
      #dnn_ctr3183_Survey_pnlSurvey .NormalBold { font-weight: bold;}






/* containers */
/* I re styled these to use .container instead of .content-padding, because it was built in. Maybe go in the container code and remove .content-padding later */
      .box-blue, .box-blue-white,
      .box-beige, .box-beige-white,
      .quote-of-week, 
      .largeheader {
        overflow: hidden;
        zoom: 1;
        margin: 25px 0;
      }
      
      .largeheader { margin: 0 0 25px 0; }
      .section-top .largeheader { margin: 0;}
      .regulatory .section-top .largeheader { margin: 0 0 25px 0;}

      .largeheader.todays-news-container { margin: 0; } 
      .largeheader.features, .largeheader.webexclusive, .largeheader.fifteen-minutes { margin: 0 0 5px 0; }
      .footer-content .largeheader { margin: 0; }
      .box-beige-white { margin: 0; }
      .box-blue, .box-blue-white { background: #dbe2e4; }
      .box-beige, .box-beige-white { background: #eceae5; }

      .box-blue .container, .box-blue-white .container,
      .box-beige .container, .box-beige-white .container {
        padding: 10px;
        overflow: hidden;
        zoom: 1;
      }
      .box-blue-white .container,
      .box-beige-white .container {
        background: #fff;
        margin: 10px;
      }
      .box-blue-white.box-top .container { margin-bottom: 0px;}
      .box-blue-white.box-last .container { margin-top: 0px;}
      .box-blue-white.box-top { margin-bottom: 0px;}
      .box-blue-white.box-last { margin-top: 0px; }
      .box-beige-white .container { margin-bottom: 0;}
      .box-beige-white.box-last .container { margin-bottom: 10px; margin-top: 10px;}
      .box-beige-white.box-last { margin-bottom: 25px;}


/*
      #dnn_ctr3071_ContentPane.container { margin: 0 10px; }
*/
      .box-beige-white .container {
        border: 1px solid #ded9d1;
      }

/* this might be temporary...just to make tabs area demo */
      .box-beige .container {
        padding-top: 0px;
      }
      .box-beige h2 { margin-bottom: 0px; }
      .box-beige img { margin-bottom: 10px; } /* just for fake tabs image */
      .box-beige h3 { font-size: 1.333em; text-transform: none; }
      .box-beige ul { clear: both; margin-left: 0;}

/* for condition guide*/
      .condition-guide { min-height:318px; height:auto !important; height:318px; }
      .condition-guide ul {
        height: 190px;
        width: 150px;
        float: right;
        border: 1px solid #d2cfca;
        overflow-y: auto;
        overflow-x: hidden;
        background: #fff;
        margin: 0;
        padding-top: 4px;
      }
      .condition-guide li {
        margin: 0 3px 6px 7px; background: none; padding: 0; font-size: 1em;
      }

      .condition-guide p {
        width: 140px;
        float: left;
      }
      .condition-guide h3 {
        font-size: 1.333em;
        line-height: 1.1;
        font-weight: bold;
        font-style: normal;
        color: #333;
        text-transform: none;
      }
      .box-blue.condition-guide {
        background: #dbe2e4 url(images/flare-chillis2b.gif) no-repeat right bottom;
      }
/* /condition guide */    

      .center-column .largeheader.quote-of-week h2 {
        margin: 10px 100px 12px 0;
      }
      .center-column .largeheader.quote-of-week {
        background: url(images/flare-cinnamon2.gif) no-repeat right top;
      }
      .quote-of-week .container {
        padding: 13px 0 10px 0;
        background: url(images/quote-end.gif) no-repeat right bottom;
      }
      .quote-of-week p {
        margin: 0;
        padding: 10px 0 0 10px;
        font: oblique 2.417em "Times New Roman", Times, serif;
        background: url(images/quote-start.gif) no-repeat left top;
        line-height: 1;
      }
      .quote-of-week a { text-decoration: none; color: #333; }

/* Most Popular on one-stops */

      .center-column .largeheader.most-popular { background: url(images/flare-pill-bottle.gif) no-repeat right top; }
      .center-column .most-popular h2 { margin-right: 110px; margin-top: 30px; }

/* 'More' area of one-stops */

      .center-column .largeheader.onestop-more { background: url(images/flare-lychee2.gif) no-repeat right top; }
      .center-column .largeheader.onestop-more h2 { margin: 30px 90px 20px 0; }


/* end Center Column */


/* Footer */

  .footer-content-container { background: #eceae5; overflow: hidden; zoom: 1; padding: 10px 0 20px; }
  .footer-content {}

  .footer-bar-container { background: #301116; overflow: hidden; zoom: 1; }
    .footer-bar {
      font-size: .917em;
      color: #fff;
      padding-top: 9px;
    }
    .footer-bar p {
      float: left;
      margin-bottom: 12px;
      font-size: 1em;
    }
    .footer-bar ul {
      float: right;
      margin-top: 0;
      margin-bottom: 0;
    }
    .footer-bar li {
      float: left;
      list-style: none;
      font-size: 1em;
      padding-left: 9px;
      margin-left: 8px;
      background: url(images/footer-divider.gif) no-repeat left;
    }
    .footer-bar li.first {
      background: none;
    }
    .footer-bar li a {
      text-transform: uppercase;
      color: #fff;
    }
    .login { clear: both; width: 960px; margin: 0 auto; } 
    .login a.signinout { color: #301116; }
    .login a.username, .login .signout { color: #fff; }


    

    .footer-content .col-one, .footer-content .col-two, .footer-content .col-three, .footer-content .col-four {
      float: left; min-height: 210px; overflow: hidden; background: url(images/dash-vert.gif) repeat-y left; padding-left: 10px; margin-left: 10px;
    }

    .footer-content .col-one { width: 334px; background: none; margin: 0; padding: 0; }
    .footer-content .col-one p { width: 194px; float: right; }

    .footer-content .col-two { width: 180px; }
    .footer-content .col-three { width: 180px;}
    .footer-content .col-four { width: 180px; float: right; margin-top: 22px; padding-top: 5px; }

    .footer-content .col-one img { float: left; margin-right: 10px;}
    .footer-content ul { margin: 0 0 15px 0;}
    .footer-content .content-padding { padding-left: 20px; }
    .footer-content .col-one h2 { font-weight: normal; color: #000; }

#lxTdnn_browse_back_issues { background: #d9d7d3; padding: 10px;}
#lxTdnn_browse_back_issues select { width: 158px; }
#lxTdnn_browse_back_issues td { font-weight: bold; font-size: .917em; padding-bottom: 4px;}


/* end Footer */


/* Ad formatting */

  p.advertisement, .ofinterest p { font-size: 11px;  color: #999; margin: 0; padding: 0; line-height: 13px; }
  .ofinterest img {margin: 0; }
  .ad { padding: 0px 9px 9px 9px; border: 1px solid #ccc; overflow: hidden; zoom: 1; text-align: left; }
  .ad728x90 { clear: both; width: 740px; margin: 0 auto; padding: 0; border: none; color: #999; background: url(images/advertisement-vert.gif) no-repeat left; }
  .ad728x90 .container-default { padding-left: 12px; }

/* end Ad formatting */

/*---+++=== ARTICLE COMMENTS ===+++---*/
div.commentWrap {}
div.commentWrap div.right a.logoSmall {
  display: none;
/*
background: url(images/logoSmall.gif) no-repeat top left;
display: block;
height: 41px;
width: 71px;
padding-top: 41px;
*/
}
/*---+++ COMMENT HEADER +++---*/
div.commentWrap div.header {
padding: 0 0 10px;
margin-bottom: 5px;
overflow: hidden; zoom: 1;
}
/*--- LEFT SIDE ---*/
div.commentWrap div.header div.left {
/*
float: left;
width: 310px;
*/
}
div.commentWrap div.header div.left div.quantity {
font-size: 1.5em;
font-weight: bold;
margin-bottom: 5px;
}
div.commentWrap div.header div.left span {
margin-left: 5px;
font-size: 10px;
color: #069;
}
/*--- RIGHT SIDE ---*/
div.commentWrap div.header div.right {
display: none;
/*
float: left;
width: 80px;
height: 41px;
overflow: hidden;
border: 1px solid;
*/
}
/*---+++ COMMENT LIST +++---*/
div.commentWrap ul.commentList {
margin: 0;
padding: 0;
list-style: none;
background: none;
}
div.commentWrap ul.commentList li {
margin: 0;
padding: 5px 0;
list-style: none;
background: url(images/dash-horiz.gif) repeat-x bottom;
overflow: hidden;
zoom: 1;
}
/*--- LEFT SIDE ---*/
div.commentWrap ul.commentList li div.left {
float: left;
width: 140px;
}
div.commentWrap ul.commentList li div.left p {
font-size: 11px;
color: #999;
margin: 0;
padding-bottom: 0;
}
div.commentWrap ul.commentList li div.left span.user {
font-size: 11px;
color: #069;
margin: 0;
text-decoration: none;
}
/*--- RIGHT SIDE---*/
div.commentWrap ul.commentList li div.right {
float: right;
width: 250px;
}
div.commentWrap ul.commentList li div.right, div.commentWrap ul.commentList li div.right p {
padding: 0;
margin: 0;
}
.headerCommentArea {
  padding: 0 10px;
}

/*---+++ RATE IT +++---*/
div.commentWrap div.rateIt {
margin-bottom: 10px;
padding: 0 10px;
}
div.commentWrap div.rateIt p {
font-size: 12px;
color: #333;
margin: 5px 0;
padding-bottom: 0;
}
/*--- RATING LIST SETUP ---*/
div.commentWrap div.rateIt .rating {
width:115px;
height:20px;
margin:0;
padding:0;
list-style:none;
clear:both;
position:relative;
background: url(images/rateItStars.jpg) no-repeat 0 0;
}
div.commentWrap div.rateIt ul.rating li {
cursor: pointer;
/*ie5 mac doesn't like it if the list is floated but ie6 does\*/
float:left;
/* end hide*/
list-style:none;
text-indent:-999em;/* hide text*/
}
div.commentWrap div.rateIt ul.rating li a {
position:absolute;
left:0;
top:0;
width:20px;
height:20px;
text-decoration:none;
z-index: 200;
}
/*--- LINK SETUP ---*/
div.commentWrap div.rateIt ul.rating li.one a {
left:0
}
div.commentWrap div.rateIt ul.rating li.two a {
left:20px;
}
div.commentWrap div.rateIt ul.rating li.three a {
left:40px;
}
div.commentWrap div.rateIt ul.rating li.four a {
left:60px;
}
div.commentWrap div.rateIt ul.rating li.five a {
left:80px;
}
div.commentWrap div.rateIt ul.rating li a:hover {
z-index:2;
width:115px;
height:20px;
overflow:hidden;
left:0;
background: url(images/rateItStars.jpg) no-repeat 0 0
}
div.commentWrap div.rateIt ul.rating li.one a:hover {
background-position:0 -20px;
}
div.commentWrap div.rateIt ul.rating li.two a:hover {
background-position:0 -40px;
}
div.commentWrap div.rateIt ul.rating li.three a:hover {
background-position:0 -60px
}
div.commentWrap div.rateIt ul.rating li.four a:hover {
background-position:0 -80px
}
div.commentWrap div.rateIt ul.rating li.five a:hover {
background-position:0 -100px
}
div.commentWrap div.rateIt .nostar {
background-position:0 0
}
div.commentWrap div.rateIt .onestar {
background-position:0 -20px
}
div.commentWrap div.rateIt .twostar {
background-position:0 -40px
}
div.commentWrap div.rateIt .threestar {
background-position:0 -60px
}
div.commentWrap div.rateIt .fourstar {
background-position:0 -80px
}
div.commentWrap div.rateIt .fivestar {
background-position:0 -100px
}
div.commentWrap div.rateIt .onestar_final {
background-position:0 -140px;
}
div.commentWrap div.rateIt .twostar_final {
background-position:0 -160px;
}
div.commentWrap div.rateIt .threestar_final {
background-position:0 -180px
}
div.commentWrap div.rateIt .fourstar_final {
background-position:0 -200px
}
div.commentWrap div.rateIt .fivestar_final {
background-position:0 -220px
}
/*---+++ MAKE COMMENTS +++---*/
div.commentWrap div.makeComment {
margin: 10px 0 20px;
border: 10px solid #dee7e9;
}
div.commentWrap div.makeComment h2 {
font-size: 1.083em;
font-weight: bold;
color: #333;
padding: 0;
border: none;
margin: 10px 0;
}
div.commentWrap div.makeComment div.loginRegisterWrap {
padding: 3px;
background: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
div.commentWrap div.makeComment div.loginRegisterWrap a:link, div.commentWrap div.makeComment div.loginRegisterWrap a:active, div.commentWrap div.makeComment div.loginRegisterWrap a:visited {
font-size: 11px;
color: #069;
text-decoration: none;
}
div.commentWrap div.makeComment div.loginRegisterWrap a:hover {
text-decoration: none;
}
.commentWrap .commentArea { padding: 0 10px; margin: 0 0 10px 0;

}
div.commentWrap div.makeComment div.commentArea p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
margin: 5px 0;
padding-bottom: 0;
}
div.commentWrap div.makeComment div.commentArea textarea {
font-size: 11px;
background: #f9f9f9;
border: 1px solid #ccc;
width: 352px;
height: 60px;
margin: 2px 0 7px 0;
}
.commentArea input { border: 1px solid #ccc; margin-bottom: 5px; }