/* general styles */
body {background-color: #fff;}
h2 {margin: 8px 0 5px 0; line-height: 1.2em;}
h5 {color: #999; padding: 5px 0 0 0;}
p {margin: 0 0 15px 0; line-height: 1.4em;}
address {margin: 0 0 15px 0; line-height: 1.4em; font-style:normal;}
a:link, a:active, a:hover, a:focus, a:visited {color: #009dd9; text-decoration: none;}
a:hover {text-decoration: underline;}
ul {margin: 0 0 0 15px; padding: 0;}
sup {font-size: .9em; vertical-align: text-top!important;}
.hide {display: none;}
.left {float: left;}
.right {float: right;}
.sml9 {font-size: .9em;}
.grey {color: #999;}
.clear {
  clear: both;
  margin: 0; 
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  height: 0px !important; 
  height /**/:1px; }
.floatright {
	float: right;
	display: inline; /*to avoid IE double margin bug*/
	margin: 0 0 1em 1em;}
.floatleft {
	float: left;
	display: inline; /*to avoid IE double margin bug*/
	margin: 0 1em 1em 0;}
.fltright {
	float: right;
	display: inline; /*to avoid IE double margin bug*/
	margin: 0;}
.fltleft {
	float: left;
	display: inline; /*to avoid IE double margin bug*/
	margin: 0;}
.clearleft {clear: left;}
.clearright {clear: right;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.nowrap {white-space: nowrap;}
.highlight {color: #0050aa;}
.subdued {color: #999;}
.graytxt {color: #333;}
.error {color: #c00;}
.error ul {
    margin: 0 0 1em 0;
    list-style: none;
}
.error ul li {padding: 0 0 0.3em 0;}
.success {color: #390; font-weight: bold;}
.caption {color: #666; font-size: .9em;}
.small {font-size: 1em;}
.alert {color: #e80f0f; font-weight: bold; font-size: 1.1em;}
.uppercase {text-transform: uppercase;}
.italic { font-style: italic;}
blockquote { margin: 0 15px 15px 20px; line-height:1.4em; }
p.backToTop {
  text-align: right;
	font-size: 1.1em;
  text-transform: none;
}
p.backToTop a {
  background: #fff url(../images/icon_back_totop.gif) no-repeat 0 4px;
  padding: 0px 0px 0px 11px; 
}
.maincolright h4 {
    font-size: 1.1em;
    margin-bottom: 0.5em;
}
.external {
    background:transparent url(../images/iconExternal.gif) no-repeat scroll 0 4px;
    padding:4px 0 4px 18px;
}
/* end general styles */
input.submit {
  border: 1px solid #ddd;
  color: #009dd9;
    font-size: .9em;
  padding: 0 5px 0 5px;
  margin-right: 5px;
  text-transform: uppercase;
  width: auto; 
  overflow: visible;
}
/* icons */
.pdf {
	background: url(/images/iconPDF.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;}
.pdfIE6 {
	background: url(/images/iconPDF.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
position:relative;
top:0;left:-12px;}
.ppt {
	background: url(/images/iconPPT.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;}
.rss {
	background: url(/images/iconRSS.gif) no-repeat 0 5px;
	padding: 4px 0 4px 18px;}
.slideshow {
	background: url(/images/iconSlideshow.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;}
.video {
	background: url(/images/iconVideo.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;}
.webcast {
	background: url(/images/iconWebcast.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;}
.wmv {
	background: url(/images/iconWMV.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;}
.xls {
	background: url(/images/iconExcel.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;}
.zoom {
	background: url(/images/iconZoom.gif) no-repeat 0 4px;
	padding: 4px 0 4px 20px;}
/* end icons */


/* page structure */
#container {width: 960px; margin: 0 auto;}
#header {
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    background: url(../images/bkgd_header1.jpg) repeat-x 0 0;
    height: 100px;
    width: 958px;
    position: relative; }
#header img.hdrmainlogo {margin: 20px 0 0 20px; float: left;}
.hdrlogo { position: absolute; top: 20px; right: 20px;}
.hdrText {color: #737373; margin-top: 52px; float:left; width: 300px;}
#utilitylinks {width: 960px; height: 34px;}
#utilitylinks a {color: #666;}
/** home utility links overwrite several of the styles **/
#home #utilitylinks a, #welcomepg #utilitylinks a {color: #7e7e7e!important;}
#utilitylinks ul {
  list-style: none; 
  margin: 11px 0; 
  float: right;}
#utilitylinks ul li {
  font-size: 1.0em;
  list-style: none;
  float: left;
  border-right: 1px solid #666;
  margin-right: 7px;
  padding-right: 7px;}
#utilitylinks ul li.ullast {
  border-right: none; 
  margin-right: 0; 
  padding-right: 0!important;}

#content {
clear: both;
width: 936px;
position: relative;
color: #666;
padding: 0 15px 15px 7px;
border-bottom: 1px solid #c8c8c8;
border-left: 1px solid #c8c8c8;
border-right: 1px solid #c8c8c8;}
.leftcol {
  float: left;
  width: 155px;
  margin-right: 22px;}
.maincol {
  float: left;
  width: 759px;
}

  .pagehead {width: 758px; height: 103px; border-bottom: 1px solid #e0e0e0;}
  .pagehead h1 {
    float: left; 
    width: 400px;
    padding: 21px 0 0 0!important;
    border: none!important;
    height: auto!important;}
  .pagehead img {float: right; vertical-align: bottom;}
  .pagehead h1 img { float: none; vertical-align: top; margin-top: 3px;}
        
      .maincol h1.hdrMyDelo {
        background: url(/images/img_hdr_bkgd_myDelo.jpg) bottom right no-repeat;}
      .maincol h1.hdrPowerGen {
        background: url(/images/img_hdr_bkgd_powergen.jpg) bottom right no-repeat;}
      .maincol h1.hdrConsumerTruck {
        background: url(/images/img_hdr_bkgd_construck.jpg) bottom right no-repeat;}
      .maincol h1.hdrRegisterMyDelo {
        background: url(/images/img_hdr_bkgd_register.jpg) bottom right no-repeat;}
      .maincol h1.hdrLubeU {
        background: url(/images/img_hdr_bkgd_lubeuniv1.jpg) bottom right no-repeat;}
      .maincolleft {
        float: left;
        width: 520px;
        margin: 14px 75px 0 0;}
      .maincolleftwide {
        float: left;
        width: 543px;
        margin: 14px 50px 0 0;
}
        .registerBox {
          width: 513px;
          border: 1px solid #c8c8c8;
          background: url(/images/bkgd_grayshade.jpg) repeat-x;
          margin-bottom: 25px;}
        .registerBox h2 {
          font-size: 1.3em; 
          font-weight: normal; 
          margin: 0; 
          padding: 0;}
          .innerBox {
            width: 509px;
            padding: 2px;}
          .innerinnerBox {
            width: 499px;
            padding: 14px 0 0 10px;
            height: 92px;
            background: url(/images/bkgd_registerBox.gif) no-repeat;}
        ul.grayWimg, ul.grayWimgTall, ul.grayWimgWide, ul.grayWimgTallSml {
          list-style-type: none;
          margin: 10px 0 0 0;
          padding: 3px 0 0 0;
}
ul.grayWimgTallSml {
width:543px;
}
        ul.grayWimg li, ul.grayWimgTall li, ul.grayWimgWide li, ul.grayWimgTallSml li {
          float: left;
          list-style-type: none;
         }
        ul.grayWimgTallSml li {
          width: 170px!important; 
          margin:0;
          height: 300px;
         }
        ul.grayWimg li p {width: 157px; margin: 0!important;}
        ul.grayWimg li a, ul.grayWimgTall li a, ul.grayWimgWide li a, 
        ul.grayWimgTallSml li a.blockimg {
          width: 157px;
          height: 26px;
          background-color: #747474!important;
          color: #fff;
          display: block;
          font-weight: bold;
          text-align: center;
          padding-top: 60px;
          margin-bottom: 10px;
          margin-right: 12px;}
        ul.grayWimgTall li a {padding-top: 160px!important;}
        ul.grayWimgTallSml li a.blockimg {
          padding-top: 169px!important; 
          width: 130px; 
          margin-right: 50px!important;
          margin-bottom: 5px!important;}
        ul.grayWimgWide li a {padding-top: 123px!important; width: 243px;}
        ul.grayWimg li a.twoline, ul.grayWimgTall li a.twoline, 
        ul.grayWimgWide li a.twoline {
          height: 26px; padding-top: 59px;}
        ul.grayWimg li a.rowend, ul.grayWimgTall li a.rowend, 
        ul.grayWimgWide li a.rowend, ul.grayWimgTallSml li a.rowend {
          margin-right: 0;}
        ul.grayWimg li a.btmrow, ul.grayWimgTall li a.btmrow, 
        ul.grayWimgWide li a.btmrow, ul.grayWimgTallSml li a.btmrow {
          margin-bottom: 9px; margin-bottom /**/: 20px;}
        ul.grayWimg li a:link, ul.grayWimg li a:active, ul.grayWimg li a:hover,
        ul.grayWimg li a:focus, ul.grayWimg li a:visited, ul.grayWimgTall li a:link,
        ul.grayWimgTall li a:active, ul.grayWimgTall li a:hover, 
        ul.grayWimgTall li a:focus, ul.grayWimgTall li a:visited, 
        ul.grayWimgWide li a:link, ul.grayWimgWide li a:active, 
        ul.grayWimgWide li a:hover, ul.grayWimgWide li a:focus, 
        ul.grayWimgWide li a:visited, ul.grayWimgTallSml li a:link, 
        ul.grayWimgTallSml li a.blockimg:active, ul.grayWimgTallSml li a.blockimg:hover, 
        ul.grayWimgTallSml li a.blockimg:focus, ul.grayWimgTallSml li a.blockimg:visited
        {color: #fff;}
        ul.grayWimg li a:hover, ul.grayWimgTall li a:hover, 
        ul.grayWimgWide li a:hover, ul.grayWimgTallSml li a.blockimg:hover 
        {background-color: #555!important; text-decoration: none;}
        ul.grayWimg li a.img1 {background: url(/images/img_products1.jpg) no-repeat;}
        ul.grayWimg li a.img2 {background: url(/images/img_products2.jpg) no-repeat;}
        ul.grayWimg li a.img3 {background: url(/images/img_products3.jpg) no-repeat;}
        ul.grayWimg li a.img4 {background: url(/images/img_products4.jpg) no-repeat;}
        ul.grayWimg li a.img5 {background: url(/images/img_products5.jpg) no-repeat;}
        ul.grayWimgTall li a.img6 {background: url(/images/img_promo1.jpg) no-repeat;}
        ul.grayWimgTall li a.img7 {background: url(/images/img_promo4.jpg) no-repeat;}
        ul.grayWimgTall li a.img7_ph {background: url(/images/img_promo4.en-ph.jpg) no-repeat;}
        ul.grayWimgTall li a.img8 {background: url(/images/img_promo3.jpg) no-repeat;}
        
      /* Advertising imagery */  
        /* US advertising images */
        ul.grayWimgTallSml li a.img18 {background: url(/images/img_advert1_2-16-2011.jpg) no-repeat;}
        ul.grayWimgTallSml li a.img19 {background: url(/images/img_advert2_2-16-2011.jpg) no-repeat;}
        ul.grayWimgTallSml li a.img20 {background: url(/images/img_advert3_2-16-2011.jpg) no-repeat;}
        ul.grayWimgTallSml li a.img21 {background: url(/images/img_advert4_2-16-2011.jpg) no-repeat;} 
        
        ul.grayWimgTallSml li a.img18sa {background: url(/images/img_advert1sa.jpg) no-repeat;}
        ul.grayWimgTallSml li a.img19sa {background: url(/images/img_advert2sa.jpg) no-repeat;}  
        ul.grayWimgTallSml li a.img20sa {background: url(/images/img_advert3sa.jpg) no-repeat;}      
 
        /* Mexico Spanish advertising images */
        ul.grayWimgTallSml li a.img18_es-mx {background: url(/images/img_advert1_es-mx.jpg) no-repeat;}
        ul.grayWimgTallSml li a.img19_es-mx {background: url(/images/img_advert2_es-mx.jpg) no-repeat;}
        ul.grayWimgTallSml li a.img20_es-mx {background: url(/images/img_advert3_es-mx.jpg) no-repeat;}
        
        /* Pakistan/Gulf advertising images */
        ul.grayWimgTallSml li a.img18_ph {background: url(/images/img_advert1_pk.jpg) no-repeat;}
        ul.grayWimgTallSml li a.img19_ph {background: url(/images/img_advert2_pk.jpg) no-repeat;}
        
        /* Chinese advertising images */
        ul.grayWimgTallSml li a.img18_cn {background: url(/images/img_advert1_cn.jpg) no-repeat;}
        ul.grayWimgTallSml li a.img19_cn {background: url(/images/img_advert2_cn.jpg) no-repeat;}
        
        /* Asia Pacific advertising images */ 
        ul.grayWimgTallSml li a.img18_nz {background: url(/images/img_advert1_nz.jpg) no-repeat;}
        ul.grayWimgTallSml li a.img19_nz {background: url(/images/img_advert2_nz_w130_h160.jpg) no-repeat;}
  
        /* Thai advertising images */
        ul.grayWimgTallSml li a.img18_th {background: url(/images/img_advert1_th.jpg) no-repeat;}
        ul.grayWimgTallSml li a.img19_th {background: url(/images/img_advert2_th.jpg) no-repeat;}
        ul.grayWimgTallSml li a.img20_th {background: url(/images/img_advert4_th.jpg) no-repeat;}
        ul.grayWimgTallSml li a.img21_th {background: url(/images/img_advert5_th.jpg) no-repeat;} 
        ul.grayWimgTallSml li a.img22_th {background: url(/images/img_advert6_th.jpg) no-repeat;} 

          
        ul.grayWimgWide li a.img9 {background: url(/images/img_expknow1.jpg) no-repeat;}
        ul.grayWimgWide li a.img10 {background: url(/images/img_expknow2.jpg) no-repeat;}
        ul.grayWimg li a.img11 {background: url(/images/img_choosedelo1.jpg) no-repeat;}
        ul.grayWimg li a.img12 {background: url(/images/img_choosedelo6.jpg) no-repeat;}
        ul.grayWimg li a.img13 {background: url(/images/img_choosedelo3.jpg) no-repeat;}
        ul.grayWimg li a.img14 {background: url(/images/img_mydelo1.jpg) no-repeat;}
        ul.grayWimg li a.img15 {background: url(/images/img_mydelo5.jpg) no-repeat;}
        ul.grayWimg li a.img16 {background: url(/images/img_mydelo7.jpg) no-repeat;}
        ul.grayWimg li a.img17 {background: url(/images/img_mydelo6.jpg) no-repeat;}
        
        .blueshadebox {
          clear: both;
          width: 520px;
          background: url(/images/bkgd_blueshade_box.jpg) repeat-x;
          margin: 0;
          padding: 10px 12px 0 12px;
          min-height: 150px;
          _height: 150px;}
        .blueshadebox h2 {margin-bottom: 17px;}
        .blueshadebox .nextto {
            float: left;
            width: 370px;
            clear: none;
        }
        .blueshadebox .imagestyle {float: left; margin: 0 10px 0 0; }
        .blueshadebox ul {
          list-style: disc; 
          float: left; 
          width: 170px; 
          margin: 0 10px 20px 0;
          padding-left: 15px;
          list-style-position: outside;}
        .blueshadebox ul li {line-height: 1.4em;}
        
        .quote {
          clear: both;
          float: left;
          width: 260px;
          background: url(/images/bkgd_blueshade_box.jpg) repeat-x;
          margin: 0 20px 15px 0;
          padding: 12px 12px 0 12px;
          min-height: 120px;
          _height: 120px;}
        .quote .big {font-size: 1.2em; font-style: italic;}
        
        
        
        .blueshadeshort {
          clear: both;
          border: 1px solid #e1eff9;
          width: 570px;
          margin: 20px auto 20px auto;
          background: url(/images/bkgd_blueshade_box_sml.jpg) repeat-x;
          padding: 13px 13px 0 13px;
          min-height: 75px;
          _height: 75px;}
        
        .blueshadeboxAdvert {
          clear: both;
          width: 570px;
          background: url(/images/bkgd_blueshade_box.jpg) repeat-x;
          margin: 20px auto 0 auto;
          padding: 0 0 0 18px;
          padding-top /**/: 9px;
          min-height: 150px;
          _height: 150px;}
          
        .fadinglinebox {
          background: url(/images/bkgd_fading_line_box.gif) no-repeat;
          padding: 6px 15px 6px 8px;
          margin: 17px 0 0 0;
          width: 527px;
          min-height: 112px;
          _height: 112px;}
          .changertpad {width: 534px; padding-right: 8px!important;}
        .fadinglinebox h2 {margin: 0 0 7px 0; padding: 0;}
        .fadinglinebox p {padding: 0;}
        .fadinglinebox p.left {width: 390px;}
          .blueshadesmall {
            background: url(/images/bkgd_blueshade_box_sml.jpg) repeat-x;
            padding: 13px;
            width: 132px;
            min-height: 75px;
            _height: 75px;}
          .blueshadesmall h3 {margin-bottom: 5px;}
          .blueshadesmall li, .fadinglinebox li {list-style-type: disc; line-height: 1.4em;}
          .paranextright {float: left; width: 320px;}
          .blueshadesmalright {
            float: left; 
            background: url(/images/bkgd_blueshade_box_sml.jpg) repeat-x;
            margin-left: 10px; 
            padding: 13px;
            width: 134px;
            min-height: 75px;
            _height: 75px;}
          .blueshadesmalright li {list-style-type: disc; line-height: 1.4em;}
          .paranextleft {float: left; width: 364px;}
          .blueshadesmal { 
            background: url(/images/bkgd_blueshade_box_sml.jpg) repeat-x;
            margin: 0; 
            padding: 13px;
            width: 134px;
            min-height: 75px;
            _height: 75px;}
        .viewsheet {clear: both; margin: 0; padding: 0;}
        .viewsheet ul {list-style-type: none; margin: 0; padding: 0;}
        .viewsheet ul li {
          float: left;
          list-style-type: none;
          margin: 0 18px 0 0;
          padding: 0;
          line-height: 2em;}
        .viewsheet a {
          background: url(/images/icon_view_page.gif) no-repeat;
          padding-left: 18px;}

.viewpdf {clear: both; margin: 0; padding: 0;}
.viewpdf ul {list-style-type: none; margin: 0; padding: 0;}
.viewpdf ul li {
float: left;
list-style-type: none;
margin: 0 18px 0 0;
padding: 0;
line-height: 2em;}
.viewpdf a {
background: url(/images/icon_pdf.gif) no-repeat;
padding-left: 18px;}

      .casestudybox {
        width: 550px;
        height: 280px;
        border-bottom: 3px solid #ddd;
        overflow: auto;}
        .casestudybox h3 {font-size: 1em!important;}
        .casestudybox ul {
          list-style-type: none;
          margin: 0;
          padding: 0;}
        .casestudybox ul li {
          list-style-type: none;
          margin: 0;
          padding: 10px 0 10px 11px;
          border-bottom: 1px solid #ddd;}
        .casestudybox li p {margin: 0 0 0 19px!important;}
        .casestudybox li.topicClosed p {display: none;}
        .casestudybox li.topicClosed h3 a {
          background: url(/images/icon_blue_arrow_right_distloc.gif) no-repeat 5px 3px;
          padding-left: 18px;}
        .casestudybox li.topicOpen h3 a {
          background: url(/images/icon_blue_arrow_down.gif) no-repeat 0 5px;
          padding-left: 18px;}
      .endofpage {clear: both; margin-top: 100px; border: 1px solid white;}
      .endofpage ul {list-style-type: none; margin: 0; padding: 0;}
      .endofpage ul li {
        float: left; 
        list-style-type: none; 
        margin: 0 18px 0 0; 
        padding: 0;
        line-height: 2em;}
        a.savemydelo {
          background: url(/images/icon_save_to_my_delo.gif) no-repeat 0 2px;
          padding-left: 18px;}
        a.emailpage {
          background: url(/images/icon_email_page.gif) no-repeat 0 3px;
          padding-left: 18px;}
        .endofpage a:link, .endofpage a:active, .endofpage a:hover, 
        .endofpage a:focus, .endofpage a:visited {
          color: #666; 
          font-size: .9em;
          font-weight: bold; 
          display: block;}
      .maincolright {
        float: left;
        width: 158px;
        margin-top: 20px;}
        
        a.yellowbox, a.yellowbox:visited {
            display: block;
            margin: 0 0 40px 0;
            width: 158px;
            min-height: 25px;
            background-color: #fedb34;
        }
        a.yellowbox:hover {
            background-color: #ffbc03;
        }

    #home #content {
      padding: 0!important;
      width: 960px;
      border: none!important;
      height: 580px;
      background: url(../images/bkgd_homepage.jpg) no-repeat;}

/* new homepage December 2011 for US */
#homeUs #content {
  padding: 0!important;
  width: 960px;
  border: none!important;
  height: 520px;
  background: url(../images/bkgd_homepage_new.jpg) no-repeat;}
#homeUs #content h1 {
  position: relative;
  z-index: 500;
  top: 20px; 
  left: 819px;
  width: 107px;
  height: 47px;
  text-indent: -5000px;
  overflow: hidden;
  background: url(../images/hdr_hmpg_delo_usnew.png) no-repeat bottom right;
  /* Set up transparency for IE */
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr_hmpg_delo_usnew.png', sizingMethod='image');}
#homeUs #content h2 {
  position: relative;
  z-index: 500;
  top: 26px;
  float: right;
  padding: 0 40px 0 0;
  margin: 0;
  color: #999;
  font-weight: normal;
  font-size: 1em;}
#homeUs #content .hmlogo {
  position: absolute; 
  float: left;
  left: 20px;
  top: 18px;}
  
#homeUs #footer #fbIcon, #homeUs #footer #youTubeIcon {position: relative;}
#homeUs #footer #youTubeIcon {
  top: -49px;
  left: 820px;
  z-index: 2; 
  width: 111px;}
#homeUs #footer #fbIcon {
  top: -49px;
  left: 826px;
  z-index: 2;
  width: 22px;}

h2.letsgo {
  position: absolute!important;
  top: 304px!important;
  left: 212px;
  float: none!important;
  padding: 0!important;
  width: 256px;
  height: 37px;
  background: url(../images/h2_gofurther.gif) no-repeat;
  text-indent: -5000px;
  overflow: hidden;}
.mainParas {
  position: absolute;
  top: 353px;
  left: 212px;
  width: 425px;
  color: #fff;}
  .mainParas a:link, .mainParas a:active, .mainParas a:hover, .mainParas a:focus, .mainParas a:visited {color: #ffcc33;} 
  
#homeUs .hmPromosNewUs {     
    position: relative;   
    top: -45px;}
#homeUs .hmPromosNewUs .promo1New {
  position: absolute;
  top: 275px;
  left: 679px;
  width: 241px;
  height: 107px;
  background: url(../images/ad_homepage_promo1_12-21-11.gif) no-repeat 0 0;} 
#homeUs .hmPromosNewUs .promo1New p {text-indent: -5000px;}
#homeUs .hmPromosNewUs .promo1New a {
  width: 102px;
  height: 15px;
  position: absolute;
  top: 77px;
  left: 0;
  background: url(../images/ad_hmpg_promo1_findoutmore.gif) no-repeat 0 0;
  text-indent: -5000px;}
#homeUs .hmPromosNewUs .promo1New a:hover {background-position: 0 -15px;}
#homeUs .hmPromosNewUs .promo2New {position: absolute;
  top: 382px;
  left: 679px;
  width: 241px;
  height: 97px;
  background: url(../images/ad_homepage_promo2_flashlight.gif) no-repeat 0 0;} 
#homeUs .hmPromosNewUs .promo2New p {text-indent: -5000px;}
#homeUs .hmPromosNewUs .promo2New a {
  width: 80px;
  height: 15px;
  position: absolute;
  top: 82px;
  left: 2px;
  background: url(../images/ad_hmpg_promo2_learnhow.gif) no-repeat 0 0;
  text-indent: -5000px;}
#homeUs .hmPromosNewUs .promo2New a:hover {background-position: 0 -15px;}
/* end new homepage December 2011 for US */




    #welcomepg #content {
      padding: 88px 0 56px 348px!important;
      width: 612px;
      border: none!important;
      height: 443px;
	    position: relative;
      background: url(/images/bkgd_welcomepage1.jpg) no-repeat;}
    #home #content h1 {
      position: relative;
      z-index: 500;
      top: 45px; 
      left: 280px;
      width: 147px;
      height: 66px;
      text-indent: -5000px;
      overflow: hidden;
      background: url(../images/hdr_hmpg_delo.png) no-repeat bottom right;
      /* Set up transparency for IE */
	    _background: none;
	    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr_hmpg_delo.png', sizingMethod='image');}
	  #home #content h2 {
	    position: relative;
	    z-index: 500;
	    top: 46px;
	    float: right;
	    padding: 0 540px 0 0;
	    margin: 0;
	    color: #999;
	    font-weight: normal;
	    font-size: 1.2em;}
	  #welcomepg #content h1 {
	    float: left;
	    position: relative;
      top: 0; 
      left: 0;
      width: 149px;
      height: 83px;
      text-indent: -5000px;
      overflow: hidden;
	    background: url(/images/hdr_cspg_delo_worldwide.png) no-repeat;
	    /* Set up transparency for IE */
	    _background: none;
	    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr_cspg_delo_worldwide.png', sizingMethod='image');}
	  #welcomepg #content h2 {
	    margin-top: 0!important;
	    padding-top: 0!important;
      font-size: 1.5em; 
      color: #0079c2;
      font-weight: normal; }
      
#welcomepg #content div.box {
    width: 158px; 
    border:1px solid #b7b7b7;
    padding:8px 10px;
	 position: absolute;
      bottom: 45px; 
      left: 547px;
} 
#home #content .hmlogo {
  position: absolute; 
  float: right;
  right: 37px;
  top: 45px;}
.tagline {
  position: absolute; 
  z-index: 2; 
  left: 280px;
  bottom: 15px;}
  
#fbIcon, #youTubeIcon {
  position: absolute; 
  z-index: 2; 
  right:88px;
  bottom: 5px;
}
#youTubeIcon {
  position: absolute; 
  z-index: 2; 
  right:18px;
  bottom: 6px;
}
  
#hmflash {
  position: relative;
  width: 663px;
	height: 361px;
	z-index: 1;
	left: 280px;
	top: 105px;}
.hmPromos {
  position: absolute;
  width: 660px;
	height: 320px;
	z-index: 1;
	left: 280px;
	top: 223px;}
.hmPromos .promo1 {
    float: left;
    display: inline;
    width: 420px;
    margin-right: 20px;
} 
.hmPromos .promo1 .promo1box {
    width: 420px;
    height: 250px; 
    /*padding: 140px 0 0 316px;*/
    margin-top: 13px;   
    background: url(/images/img_promo1_bgrd.jpg) no-repeat;
    /*  next 2 lines added for isosyn promo */
    padding: 140px 0 0 320px;
    margin: 15px 0 20px 0;   
} 

a#hrefPromo1box:hover {
    cursor:pointer!important;
}

/* yellow button over bckgrnd image
.hmPromos .promo1 .promo1box a {
	text-indent: -5000px;
	overflow: hidden;
    display: block;
    width: 70px;
    height: 20px;    
    background: url(/images/img_promo1_btn.gif) repeat;
    background-position: 0 0;
} 
.hmPromos .promo1 .promo1box a:hover {   
    background-position: 0 -20px!important;
} 
/* */
.hmPromos .promo1 .promo1box a {
	text-indent: -5000px;
	overflow: hidden;
    display: block;
    width: 70px;
    height: 20px;    
    background: url(/images/img_promo1_btn.gif) repeat;
    background-position: 0 0;
} 
.hmPromos .promo1 .promo1box a:hover {   
    background-position: 0 -20px!important;
} 

.hmPromos .promo2 {
    float: left;
    display: inline;
    width: 220px;
    padding-top: 68px;
} 
.hmPromos .promo2 p {
    height: 103px;
    color: #fff;
    font-size: 12px;
    margin: 0;
}  
.hmPromos a:link, .hmPromos a:active, .hmPromos a:hover, .hmPromos a:focus, .hmPromos a:visited {
    color: #fc3;	
    font-weight:bold;
} 
.isosynbox {
    width: 200px;
    height: 100px; 
    padding: 130px 0 0 315px;
    margin: 15px 0 20px 0;   
    background: url(/images/img_isosynbox_bgrd.jpg) no-repeat;
} 
.isosynbox a {
	text-indent: -5000px;
	overflow: hidden;
    display: block;
    width: 70px;
    height: 20px;    
    background: url(/images/img_promo1_btn.gif) repeat;
    background-position: 0 0;
} 
.isosynbox a:hover {   
    background-position: 0 -20px!important;
} 
.screensaverbox {
    width: 145px;
    height: 428px; 
    padding: 172px 0 0 13px;  
    background: url(/images/img_screensaverbox_bgrd.jpg) no-repeat;
} 
.screensaverbox a {
	text-indent: -5000px;
	overflow: hidden;
    display: block;
    width: 131px;
    height: 40px;    
    background: url(/images/img_screensaverbox_btn.gif) repeat;
    background-position: 0 0;
} 
.screensaverbox a:hover {   
    background-position: 0 -40px!important;
} 

#footer {clear: both; font-size: .9em;}
#footer ul {list-style: none; margin: 10px 0; padding: 0;}
#footer ul li { 
  line-height: 1.2;
  float: left;
  list-style: none;
  border-right: 1px solid #000; 
  margin: 0 0 10px 0;
  padding: 0 8px; }
#footer a:link, #footer a:active, #footer a:hover, 
#footer a:focus, #footer a:visited {color: #009dd9;}
#footer ul li.ftag {display: none;}
#home #footer ul li.ftag {float: none; display: block; padding-left: 0!important; border-right: none;}
#homeUs #footer ul li.ftag {float: none; display: block; padding-left: 0!important; border-right: none;}
#footer ul li.ffirst {padding-left: 0!important;}
/* end page structure */


/* form styles */
a.login {
  display: block;
  width: 44px;
  height: 18px;
  text-indent:-5000px;
  overflow: hidden;
  background-position: left 0px;
  background: url(/images/buttonLogin.gif) repeat-y;
  margin: 0 15px 10px 0;}
.mydelologin {
  display: block;
  margin: 5px 0;
  border: none;
  width: 44px;
  height: 18px;
  text-indent:-5000px;
  background: url(/images/buttonLogin1.gif) no-repeat;}
a.forgotpass:hover {text-decoration: underline!important;}
a.RegMyDelo {
  position: relative;
  display: block;
  width: 137px;
  height: 18px;
  text-indent:-5000px;
  overflow: hidden;
  background-position: left 0px;
  background: url(/images/buttonRegisterForMyDelo.gif) repeat-y;
  margin: 0 auto;
  top: 2px;}
a.finddist {
  display: block;
	width: 129px;
	height: 19px;  
	text-indent:-5000px;
	overflow: hidden;
	background-position: left 0px;
  background: url(/images/button_find_marketers1.gif) no-repeat;
	margin-right: 15px;}
a.finddist_sp {
  display: block;
	width: 174px;
	height: 19px;  
	text-indent:-5000px;
	overflow: hidden;
	background-position: left 0px;
  background: url(/images/button_find_marketers1.es-mx.gif) no-repeat;
	margin-right: 15px;}	
a.login:hover,
a.login:active,
a.RegMyDelo:hover,
a.RegMyDelo:active {background-position: left 18px;}
a.btnFindMarketer {
  display: block;
	width: 152px;
	height: 28px;  
	text-indent:-5000px;
	overflow: hidden;
	background-position: 0 0;
   background: url(/images/button_find_marketers2.gif) repeat-y;
}
a.btnFindMarketer:hover {
	background-position: 0 28px;
}
.loginarea {margin: 25px 0 0 8px;}
.loginarea p {font-size: .9em; margin: 0;}
.loginarea a:link, .loginarea a:active, .loginarea a:hover, 
.loginarea a:focus, .loginarea a:visited {color: #4082c6!important;}
input.text {
	width: 130px;
	font-family: arial, helvetica, sans-serif;
  color: #666;
  background: #fff url(/images/bgInputLrg.gif) no-repeat;
  border: 1px solid #ddd;
  padding: 2px;
  margin: 4px 5px 7px 0;}
input.textDelo {  
  position: relative; 
  width: 200px; 
  font-family: arial, helvetica, sans-serif;
  margin: 0;
  color: #333;
  font-size: 1em;
  border: 1px solid #ddd;
  padding: 2px;
  background: #fff url(/images/bkgd_input_text3.gif) no-repeat;}
  
/* end form styles */


/* Distributor Locator Styles */
ul.smlshadebox {
  margin: 3px 0 0 0!important; 
  padding: 0!important;
  list-style:none; 
  width: 750px;}
.smlshadebox li {
  width: 226px; 
  padding: 10px 5px 10px 10px; 
  margin: 10px 10px 0 0;
  float: left;
  background: url(/images/bkgd_blueshade_box_tiny.jpg) repeat-x;
  min-height: 50px;
  _height: 50px;}
.ccdlDrop {
  width: 160px; 
  border: 1px solid #ddd;
  margin: 0 0 4px 0;
  padding: 0;
  font-family: arial, helvetica, sans-serif;
  color: #888;}
.ccdlText {
  width: 210px; 
  color: #888; 
  margin-top: 3px;
  border: 1px solid #ddd;
  padding: 2px;
  background: #fff url(/images/bkgd_input_text2.gif) no-repeat;}
li.gblast {margin-right: 0!important;}
.moveover {margin: 8px 0 30px 362px;}
.addwidth {width: 200px;}
.noMarg {margin: 0!important;}
.noMarg li {margin: 0!important;}
.hide {visibility: hidden; width: 26px; overflow: hidden;}

.ccdlemail {
  background: url(/images/icon_envelope.gif) 0 4px no-repeat; 
  padding-left: 20px;}
ul.pagination {
  float: right; 
  list-style: none;
  margin: 0!important;
  padding: 0 20px 0 0!important;}
ul.pagination li {
  display: inline;
  list-style-type: none; 
  float: left; 
  margin: 0!important;
  padding: 0 5px 0 0!important;}
.pagination li a:link, .pagination li a:active, .pagination li a:hover,
.pagination li a:focus, .pagination li a:visited {color: #a4a4a4;}
.pagination li a:link.on, .pagination li a:active.on, .pagination li a:hover.on,
.pagination li a:focus.on, .pagination li a:visited.on {color: #333!important;}
table.ccdlTable, table.mycglTable {
  width: 743px;
  padding: 0; 
  margin: 7px 0 20px 0; 
  font-size: 1em;
  border-bottom: 2px solid #e6e6e6;}
table.mycglTable {width: 570px; margin: 3px 0 5px 0; }
table.ccdlTable th, table.mycglTable th {
  text-align: left; 
  background-color: #4082c6; 
  color: #fff;
  padding: 5px 0;}
table.ccdlTable td, table.mycglTable td {
  padding: 8px 0;
  border-bottom: 1px solid #e6e6e6;}
th.mcfirst, td.mcfirst {padding-left: 5px!important;}
.distdetail {
  width: 760px!important; 
  border-top: 3px solid #e6e6e6;
  border-bottom: 3px solid #e6e6e6;}
ul.distinfo {
  float: left;
  width: 375px;
  margin: 0!important; 
  padding: 0 0 5px 0!important;
  border-top: 1px solid #e6e6e6; }
.distinfo li {
  list-style-type: none;
  line-height: 2;
  margin: 0; 
  padding: 0;}
.infocat {float: left; width: 155px;}
.infoanw {float: left; width: 210px;}
.noMargPad {margin: 0!important; padding: 0!important;}
.sigclassstarp {margin: 3px 0 3px 115px;}
/* end Distributor Locator Styles */


/* contact us styles */
ul#contactInfo {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	width: 525px;
	overflow: hidden;}
ul#contactInfo li {
	display: block;
	float: left;
	width: 247px;
	padding: 0 15px 0 0;}
ul#contactInfo li h2 {margin: 10px 0; padding: 0;}
ul#contactInfo .noMargin { width:90%; }

#listbox {
	overflow:hidden;
	width:auto;
	clear:both;
	border-bottom:3px solid #ddd;
	margin:0;
	padding:20px 0 0 0;}
#listbox ul {margin:0; padding:0; list-style:none;}
#listbox ul li {
  display:block;
	margin:0;
	padding: 10px 0 10px 18px;
	border-bottom:1px solid #ddd;
	font-weight:bold;}
#listbox ul li.widget_off {
	background: transparent url(/images/icon_blue_arrow_right_distloc.gif) no-repeat 6px 10px;}
#listbox ul li.widget_on {
  background: transparent url(/images/icon_blue_arrow_down.gif) no-repeat 2px 13px;}
#listbox ul li p {font-weight: normal; display:none; margin:0; padding:0;}
#listbox ul li.widget_on p {display: block;}
/* end contact us styles */

/* Listbox - same as Case Studies box, but without the PDF icon */
p#search { margin-top: 1em;}
.prodpagehdr {
  background-color: #e6e6e6; 
  margin-top: 15px!important;
  padding: 5px 0 5px 10px; 
  font-weight: bold;
  font-size: 1.1em;
    width: 500px;
}
    
.listbox {
	width: 510px;
	height: 280px;
	border-bottom: 3px solid #ddd;
	overflow:auto;
	}
.listbox h3 { 
    font-size: 1em!important; 
    font-weight:bold; 
    line-height:1.3em;
    margin:0.5em 0 0;
 }
.listbox ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width:490px;
		}
.listbox ul li {
			list-style-type: none;
			margin: 0;
			padding: 5px 20px 5px 0;
			border-bottom: 1px solid #ddd;
			}
.listbox li p { margin: 0 0 0 19px!important;}
.listbox li.topicClosed p { display: none; }
.listbox li.topicClosed h3 a {
			background: url(/images/icon_blue_arrow_right_distloc.gif) no-repeat 5px 3px;
			padding-left: 18px;
}
.listbox li.topicOpen h3 a {
			background: url(/images/icon_blue_arrow_down.gif) no-repeat 0 5px;
			padding-left: 18px;
}			


/* registration page styles */
.registrationform {
  border-bottom: 3px solid #dedede;
  padding: 10px 15px;}
.registrationform .companyinfo {
  float: left;
  width: 382px;
  border-right: 1px solid #e8e8e8;
  margin-right: 35px;
  min-height: 270px;
  _height: 270px;}
.registrationform .personalinfo {
  float: left;
  width: 310px;}
.registrationform .companyinfo label,
.registrationform .personalinfo label {
  float: left; 
  font-weight: normal;
  margin-right: 10px; 
  line-height: 1.8; 
  vertical-align: top;
  text-align: right;}
.registrationform .companyinfo label {width: 100px;}
.registrationform .personalinfo label {width: 120px;}
.registrationform .companyinfo input, 
.registrationform .personalinfo input {
  float: left; 
  margin-bottom: 15px; 
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  color: #333;
  font-size: 1em;
  border: 1px solid #ddd;
  padding: 2px;
  background: #fff url(/images/bkgd_input_text3.gif) no-repeat;}
.registrationform .companyinfo input {width: 236px;}
.registrationform .personalinfo input {width: 170px}
.registrationform select {
  width: 240px; 
  margin-bottom: 15px; 
  border: 1px solid #ddd;
  color: #333; 
  font-family: Arial, Helvetica, Verdana, sans-serif;}
.registrationform label.purchlabel {width: 156px;}
.registrationform select.purchselect {width: 183px;}
.stylebtn {margin-top: 9px; float: right;}
/* end registration page styles */


/* welcome page styles */
.csToppara {float: left; width: 360px; margin-left: 50px;}
.csFamily {clear: left; margin: 278px 93px 0 0; position: relative; float: left;}
.csSelect {
  border: 1px solid #b7b7b7; 
  width: 156px; 
  float: left; 
  margin: 25px 28px 0 100px; margin /**/: 25px 28px 0 199px; 
  padding: 8px 11px 10px 11px;
  background: url(/images/bkgd_blue_box_trans.png) repeat-x;
  /* Set up transparency for IE */
	_background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bkgd_blue_box_trans.png', sizingMethod='scale');}
  .csCountry {
    width: 154px; 
    border: 1px solid #b7b7b7; 
    height: 214px;
    margin-bottom: 10px;
    position: relative; 
    z-index: 3;}
  .csSelect label {font-size: .9em; width: 53px; }
  .bringfront {position: relative; z-index: 3;}
.csLogin {
  border: 1px solid #b7b7b7;
  width: 155px; 
  height: 160px; 
  float: left; 
  margin: 148px 0 0 0;
  padding: 11px;
  background: url(/images/bkgd_blueshade_box_trans1.png) no-repeat;
  /* Set up transparency for IE */
	_background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bkgd_blueshade_box_trans1.png', sizingMethod='scale');}
	.innerbox {position: relative; z-index: 2;}
	.innerbox a {position: relative; z-index: 3;}
  .csLogin h3 {font-size: 1.2em; margin-bottom:10px; font-weight:normal;}
  .csLogin p {font-size: .9em;}
  .csLogin p.labeltxt {
    margin: 5px 0 0 0!important; 
    float: left; 
    width: 60px;}
  .cstext {
    position: relative; 
    z-index: 3;
    width: 90px; 
    border: 1px solid #666; 
    float: left; 
    margin-bottom: 5px; 
    color: #666;}
  .cslsubmit {clear: left; margin: 5px 0 0 100px;}
.failtologin {color: #c00; font-family: arial, helvetica, sans-serif; font-size: .9em;}
/* end welcome page styles */


/* change password page styles */
.changme {width: 380px;}
p.labelarea {
  margin: 5px 5px 0 0!important; 
  float: left; 
  width: 160px;
  text-align: right;}
.changetxt {
  position: relative; 
  width: 200px; 
  float: left; 
  margin-bottom: 5px; 
  color: #333;
  font-size: 1em;
  border: 1px solid #ddd;
  padding: 2px;
  background: #fff url(/images/bkgd_input_text3.gif) no-repeat;}
.changebtn {clear: left; margin: 10px 0 0 170px;}
/* end change password page styles */


/* My Delo logged in styles */
.orderOnline {
  padding: 15px 0 10px 16px;
  border-bottom: 3px solid #ddd; 
  margin-bottom: 15px;}
p.mdlabel {
  margin: 5px 5px 10px 0!important; 
  float: left; 
  width: 38px;
  text-align: right;}
p.mdlabel1 {
  margin: 5px 5px 10px 0!important; 
  float: left; 
  width: 70px;
  text-align: right;}
.mdtxt {
  position: relative; 
  width: 150px; 
  float: left; 
  margin-bottom: 5px; 
  color: #333;
  font-size: 1em;
  border: 1px solid #ddd;
  padding: 2px;
  background: #fff url(/images/bkgd_input_text3.gif) no-repeat;}
h3.savedhdr {
  float: left; 
  width: 320px; 
  margin: 0 0 10px 0; 
  font-weight: normal;
  line-height: 1.2em;}
.savedhdr a.topicClosed {
  background : url(/images/icon_blue_arrow_right_lrg.gif) no-repeat 5px 3px;
  padding-left: 16px;}
.savedhdr a.topicOpen {
  background: url(/images/icon_blue_arrow_down_lrg.gif) no-repeat 0 6px;
  padding-left: 16px;}
          
table.mydelosaved {
  clear: both;
  width: 550px;
  padding: 0; 
  margin: 7px 0 5px 0; 
  font-size: 1em;
  border-bottom: 2px solid #ddd;}
th.mdsaved1 {
  width: 293px; 
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  border-left: 1px solid #c4c4c4;}
th.mdsaved2 {
  width: 125px;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;}
th.mdsaved3 {
  width: 84px;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;} 
th.mdsaved4 {
  width: 434px; 
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  border-left: 1px solid #c4c4c4;}
th.mdsaved5 {
  width: 84px;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;} 
th.mdsaved6 {
  width: 74px; 
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  border-left: 1px solid #c4c4c4;}
th.mdsaved7 {
  width: 444px;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;} 
table.mydelosaved th, table.mydelosaved td {text-align: left;}
table.mydelosaved th {padding: 6px 0 6px 16px;}
table.mydelosaved td {padding: 8px 0 8px 16px; border-bottom: 1px solid #ddd;}

/* end My Delo logged in styles */

/* My Delo page styles */

div.mydelobox p {
	margin:0 0 10px 0;
	padding:0;
	}

div.mydelobox img {
	float:right;
	margin:0 0 0 10px;
	padding:0;
	}	
	
div.mydelobox ul {
	width:350px;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	}
	
	div.mydelobox ul li {
		width:175px;
		float:left;
		}
		
		div.mydelobox ul li.last {
			clear:both;
			float:none;
			width:350px;
			}


/* email page styles */
.styling {
  background: url(/images/bkgd_grayfade.gif) repeat-x;
  font-size: 1.2em;
  color: #666;
  border: 1px solid #ddd;
  margin: 10px;
  padding: 10px;
  min-height: 397px;
  _height: 397px;
  width: 300px;
  voice-family: "\"}\"";  /* use box model hack to get proper size */
  voice-family: inherit;
  width: 310px;}
  html>body .styling { width:300px; } 
.styling input.emailtxt {
  width: 150px;
  color: #333; 
  float: left;
  background: #fff url(/images/bgInputLrg.gif) no-repeat;
  border: 1px solid #ddd;
  font-family: arial, helvetica, sans-serif;
  padding: 2px;
  margin: 4px 5px 7px 0;}
.styling label.elabel {
  width: 130px;
  float: left;
  line-height: 1.5;
  margin: 5px 5px 0 0;}
.styling .emailbtn {clear: left; margin: 10px 0 0 197px; }
#cbSendMeCopy {clear: left; float: left;}
.styling .emsg {margin: 15px 0 3px 0;}
.styling .echeckbox input, .styling .echeckbox label {
  float: left;
  margin: 0 5px 0 0; margin /**/: 0 5px 15px 0; 
  padding: 0;
  text-align: center; 
  vertical-align: middle;
  line-height: 1.5;}
.styling .emailtxt1 {
  margin-left: 135px; 
  font-size: 1em;
  width: 154px;
  border: 1px solid #ddd;
  font-family: arial, helvetica, sans-serif;}  
/* end email page styles */

a.imgPromo {
    display: block; 
    background-color:#009dd9; 
    color: #fff; 
    height: 106px; 
    width: 509px; 
    margin-bottom: 20px;}
a.imgPromo:hover {background-color:#0078a6; color: #fff;}


ul.tumbnails {margin: 0 0 10px 0;}
ul.tumbnails li {
    float:left;
    list-style-type:none;}
ul.tumbnails li a, a.imgTumbnail {
    display: block; 
    background-color:#009dd9; 
    color: #fff; 
    width: 150px; 
    margin: 0 23px 20px 0;}
ul.tumbnails li a:hover, a.imgTumbnail:hover {
    background-color:#0078a6; 
    color: #fff;}
ul.tumbnails li.text {width: 347px;}
ul.tumbnails li.text h2 {margin-top: 0px;}
ul.tumbnails li.text a {
    display: inline; 
    background-color:#fff; 
    color: #009DD9; 
    width: auto; 
    margin: 0;}
ul.tumbnails li.text a:hover {
    background-color:#fff; 
    color: #009DD9;}
    
    
/* general fix its */
.noMargin {
    margin: 0!important;
width:80%;
}
.center {text-align: center;}
.nortline {border-right: none!important;}
.indent16 {margin-left: 16px!important;}
.ml25 {margin-left: 25px!important;}
.ml16 {margin-left: 16px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb22 {margin-bottom: 22px!important;}
.mb10 {margin-bottom: 10px!important;}
.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt13 {margin-top: 13px!important;}
.mt35 {margin-top: 35px!important;}
.mr10 {margin-right: 10px!important;}
.mr5 {margin-right: 5px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb5 {padding-bottom: 5px!important;}
.pt7 {padding-top: 7px!important;}
.grayline {border-top: 1px solid #e0e0e0; margin-top: 5px; padding-bottom: 15px;}
.introtext {font-size: 1.5em;
    position:relative;}
.introtext img {margin: 4px 0 5px 0;}
.introtext a.industryLink {
    display:block;
    height:18px;
    width:70px;
    z-index:4;
    text-indent: -6000px;
    position:absolute;
    left:180px;
    top:50px;
    background: url(../images/blank.gif) 0 0 no-repeat; /*IE fix*/ 
}
.introtext a.industryLink.ca {
    left:50px;
    top:72px;
}
.introtext a.industryLink.nz {
    left:290px;
}
.introtext a.industryLink.mx {
    left:420px;
}
.introtext a.industryLink.ch {
    left:70px;
}
.introtext a.industryLink.th {
    left:336px;
    top:112px;
    width:150px;
}
.introtextll {font-size: 1.3em;}
ul.dots {list-style-type: disc; margin-bottom: 15px;}
ul.dots ul {list-style-type: disc;}
ul.dots li {line-height: 1.4em; margin: 0;}
ul.dots1 {list-style-type: disc; margin: 0 0 15px 0;}
ul.dots1 li {line-height: 1.4em; margin: 0 0 0 15px;}
ul.introtextll {list-style: none; margin: 0; padding: 0;}
ul.introtextll li {list-style: none; margin-bottom: 5px;}
h2.bluebar {
  width: 539px; 
  color: #fff;
  padding: 5px 0 6px 11px;
  background-color: #4082c6;
  margin: 0;}
h2.bluebarlong {
  width: 747px; 
  color: #fff;
  padding: 5px 0 6px 11px;
  background-color: #4082c6;
  margin: 0;}
.imgIndus {float: left; margin: 0 10px 10px 0;}
.imgEngOil {float: left; margin: 5px 20px 20px 0;}
.imgCoolant {float: left; margin: 22px 14px 20px 0;}
.imgGrease {float: left; margin: 0 54px 20px 32px;}
.imgGearLube {float: left; margin: 0 40px 20px 29px;}
.imgTrans {float: left; margin: 0 9px 20px 7px;}
h2.casestudy {font-size: 1.3em; font-weight: normal;}
a.cblue:link, a.cblue:active, a.cblue:hover, a.cblue:focus, a.cblue:visited {color: #009dd9!important; text-decoration: none;}
a.cblue:hover {text-decoration: underline;}
.rightText543 {
    width: 543px;
}
/* end general fix its */

ul.levelone li.topicClosed {
  display: block;
  background: url(../images/iconArrowSmlRtLtGray.gif) 9px 10px no-repeat;
  padding: 5px 0 5px 23px;
  margin: 0!important;}
ul.levelone li.topicOpen {
  display: block;
  background: url(../images/iconArrowSmlDownLtGray.gif) 5px 12px no-repeat;
  padding: 5px 0 5px 23px;
  margin: 0!important;}
  
ul.listnav {
    width:745px;
    list-style-type: none; 
    padding: 0;
    margin: 0 0 15px 0;
    padding:  0 0 20px 0;
    border-bottom: 1px solid #e0e0e0; }
ul.listnav li {
  display: inline;
  float: left; 
  margin: 0;
  padding: 15px  15px 0px 0;
 }
.scroll {
    overflow: scroll;
    overflow-x: hidden;
    height: 260px;
    width: 755px;
    border-bottom:2px solid #e6e6e6;
}
table.marketersTable {
  width: 755px;
  padding: 0; 
  margin: 7px 0 0 0; 
  font-size: 1em;
  line-height: 1.4em;
}
.scroll table.marketersTable {
  width: 745px;
  margin: 0; 
}
table.marketersTable th {
  text-align: left; 
  background-color: #4082c6; 
  color: #fff;
  padding: 5px 0 5px 5px;}
  
table.marketersTable th.header {
  background-color: #e6e6e6; 
  color: #333;} 
  
table.marketersTable td {
  padding: 8px 0 8px 5px;
  border-bottom: 1px solid #e6e6e6;}
.name {width: 213px;}
.phone {width: 105px;}
.email {width: 110px;}
.covg {width: 210px;}
.scroll .covg {width: 240px; padding-right: 20px;}

table.marketersTable .sml {width: 85px;} 
table.marketersTable .med {width: 110px;}
table.marketersTable .lrg {width: 180px!important;}
table.marketersTable .name {width: 100px;}
table.marketersTable .phone {width: 85px;}
table.marketersTable .email {width: 90px;}
table.marketersTable .covg {width: 110px;}
table.marketersTable th.last {margin-right: 15px;}
table.marketersTable td.last {padding-right: 5px;}

.img {
    background:#fff;
    border:1px solid #DDDDDD;
    float:left;
    margin:3px 10px 10px 0;
    padding:3px;
}

/* ad styles */
.rightcol-ad {
  position: relative;
  border: 1px solid #dddddd;
  width: 148px;
  padding: 8px 7px 10px 8px;
  background: url(../images/right_ad_bkgrd.gif) 0 10px no-repeat;
  min-height: 257px;
  _height: 257px;
  margin-bottom: 10px;}
.rightcol-ad h3, .rightcol-ad-aapex h3,
.rightcol-ad-survey h3  {
  color: #666;
  font-weight: normal;
  line-height: normal;
  margin-top: 3px!important;
  font-size: 1.3em;}
.rightcol-ad p, .rightcol-ad-aapex p {
  line-height: 15px!important;
  margin-bottom: 0!important;}
.rightcol-ad p.adinfo, .rightcol-ad-aapex p.adinfo,
.rightcol-ad-survey p.adinfo {
    margin-top: 5px;
    }
.rightcol-ad p.adlink {margin-top: 117px;}
.rightcol-ad a.newWin, .rightcol-ad-aapex a.newWin {
  padding-left: 17px;
  background: url(../images/iconExternal.gif) no-repeat;}
  
.rightcol-ad-aapex {
  position: relative;
  border: 1px solid #dddddd;
  width: 148px;
  padding: 8px 7px 10px 8px;
  background: url(../images/right_ad_bkgrd1.gif) 0 10px no-repeat;
  min-height: 250px;
  _height: 250px;
  margin-bottom: 10px;}
.rightcol-ad-aapex p.adlink1 {margin-top: 142px;}
.rightcol-ad-survey {
    background:url(../images/right_ad_survey.jpg) center 2px no-repeat;
    width:148px;
    border:1px solid #ddd;
    padding:120px 7px 10px 8px;
}

.rightcol-ad-survey p.adlink1 {
    margin:0 0 0 -2px;
    }
    
/** RHYTHM OF WINNING PROMO PAGE **/
h2.contentHead {
    font-size:1.6em;
    font-weight:normal;
}
p.termsHeader {
    margin:2em 0 0.5em;
}
ul.terms {
    list-style-image:url(../images/li_bullet_blue.png);
    line-height:1.4em;
}

#StepsToWin {
    text-align:center;
}

#StepsToWin p {
    color:#999;
    text-align:left;
    }
    
#StepsToWin img {
    margin:1em 0 0.5em;
    }

img.oilCanMan {
    margin:2em 0 0 -6px;
    }
 
/* site map */
div.sitemapColumnLeft,
div.sitemapColumnRight {float:left; position:relative;}
	div.sitemapColumnLeft {width:270px; padding:0 20px 0 0;}
	div.sitemapColumnRight {width:220px; padding:0 0 0 10px;}


/* MSDS */
 .msdsBox {
    width: 550px;
    border-bottom: 3px solid #ddd;
    overflow: auto;}
.msdsBox h3 {font-size: 1em!important;}
.msdsBox ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}
	.msdsBox ul li {
		list-style-type: none;
		margin: 0;
		padding: 10px 0 10px 31px;
		border-bottom: 1px solid #ddd;
		background: url(/images/iconExternal.gif) no-repeat 9px 8px;}
.msdsBox li p {margin: 0 0 0 19px!important;}

/* Quality Assurance */
.imgQA {float:left; margin: 0 20px 10px 0;}

/* ##### Retail Locator ##### */
.maincol h1.hdrRetail {
  background: url(/images/img_hdr_bkgd_retailLocator.jpg) bottom right no-repeat;}
div.abcNav {
	width:550px;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #e0e0e0;}
	div.abcNav a {text-decoration:underline; margin:0 5px 0 0;}
div.tableScroll {
	width:543px;
	height:225px;
	overflow-x:hidden;
	overflow-y:scroll;
	border-bottom:3px solid #e0e0e0;
	margin:0 0 20px 0;}
div.tableScroll table {border-collapse:collapse; width:543px;}
div.tableScroll table thead td {
	color: #fff;
    padding: 5px 0 6px 11px;
	background-color: #4082c6}
div.tableScroll table tbody td {
	color:#333;
	border-bottom:1px solid #e0e0e0;
	padding:15px 0;
	vertical-align:middle;}
	div.tableScroll table tbody td.logo {text-align:center;}

/* modifiers for existing styles */
ul.dots ul ul {
	list-style-type:circle;
	list-style-position:inside;
	margin-left:0;
	padding-left:0;
	margin-top:5px;}
h2.introtext {font-weight:normal;}


   
/* Spinning bottle layout - removed */ 
.prodShot {   
    display:none;  
}
/*Interactive Truck*/
.trucks {
    margin-top: 30px;
    border-top: 1px solid #ccc;
    width: 758px;
    padding: 12px 0;
}
.trucks .left {
    width: 240px;
    padding: 0 90px 0 0;
}
.trucks img {
    float: left;
    display: inline;
}
.trucks h5 {color: #000;}

a.truckBtn {
    float: left;
    display: inline;
    width: 150px;
    height: 58pc;
	background: url(/images/img_truck_button.jpg) no-repeat 0 0;
}
a.truckBtn {
    float: left;
    display: block;
    width: 150px;
    height: 78px;
	background-image: url(/images/img_truck_button.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -5000px;
	overflow: hidden;
	margin: 5px 30px 20px 0;
}
a.truckBtn.arg {
	background-image: url(/images/img_truck2_button.jpg);
}
a.truckBtn.mng {
	background-image: url(/images/img_truck3_button.jpg);
    float: right;
	margin: 5px 0 20px 30px;
}
a.truckBtn.cnt {
	background-image: url(/images/img_truck4_button.jpg);
}

a.truckBtn:hover {
	background-position: 0 -78px;
}

/* iframe table */
.iframeTable {
       width: 340px;
       padding: 0;
       margin: 0;
}
.iframeTable div {
            padding-left: 140px;
            margin-bottom: 7px;
            font-size: 11px;
}
.iframeTable div.iefix {
            _height: 1%; /*IE FIX*/
            margin-bottom: 5px;
}
.iframeTable div.nolabel {
            margin-left: -140px;
            padding-right: 7px;
}
.iframeTable div div {
            padding: 0;
            margin: 0;
}
.iframeTable div label {
            float: left;
            display: inline;
            margin-left: -140px;
            font-weight: bold;
}

.bluebar, .casestudybox {
    display:none;
}
/*** ap-marketer-locator.aspx ***/
#ml2ColBox {
    width:100%;
}
#mlRCol, #mlLCol {
    width:47%;
    float:left;
}
/*** end:ap-marketer-locator.aspx ***/

/*** products ***/
#prodRtColBox {
    width: 144px;
    height: 170px;
    background-color: #E2E2E2;
    padding: 0 7px 0 7px;
}
#prodRtColBox img {
    display: block;
    margin: 10px auto 10px auto;
    
}

.padBot0 {
    padding-bottom:0!important;
}
.marBot5 {
    margin-bottom:5px!important;
}
.marBot15 {
    margin-bottom:15px!important;
}
.marBot30 {
    margin-bottom:30px!important;
}
.marLeft15{
    margin-left:15px;
}
.marLeft100{
    margin-left:100px;
}
.marTop10{
    margin-top:10px!important;
}
.marTop15{
    margin-top:15px!important;
}
.marTop23 {
    margin-top:23px!important;
}
.marTop25 {
    margin-top:25px!important;
}

.boldText {
    font-weight: bold;
}
.newsLnksUL {
    padding-top:0;
    margin-top:0;
    margin-left:40px;
    margin-bottom:5px
}
.newsLnksUL li {
    padding:3px 0;
}
ul#partsGuy li {
    padding:3px 0;
    margin-left:20px;
}
.w500 {
    width:500px!important;
}
.w750 {
    width:750px!important;
}
.newTruckBlue {
    color:#0755ac;
}
.lightGrey {
    color:#c8c7c7;
}
.hght1 {
     height:1px!important;
}
.blkBorder1 {
    border:solid 1px #000;
}
.newLabel {
    color: red;
    font-size: 0.9em;
}
.lgBorder {
    border:solid 1px #ccc;
}

/* Search Box - in ctrl_utilitylinks.ascx */
#DeloSearch {
    padding:0!important;
    margin:0!important;
    height: 1.1em;
  position:relative;
    top:0px; 
}
#DeloSearch input.text {
    background: url(../images/bgInputSearch.gif) no-repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #666666;
    float: left; 
    font-size: 1em;
    height: 1.4em;
    padding: 0px 0 0 20px;
    margin: 0 5px 0 0;
    width: 128px;    
}
li.searchBox {
    position:relative; 
    top:-3px;
}


/* first source marketer styles */
.grayboxsml {
  background: url(../images/bkgd_grayshade_box_tiny.jpg) no-repeat;
  width: 158px;
  min-height: 140px;
  _height: 140px;}
img.firstsrchdr {margin: 11px 10px 15px 10px;}
.grayboxsml p {margin: 0 18px;}

/* promotions - flashlight promo */
#flashlightPromo {
    background: url(../images/bkgd_promo_flashlight.jpg) no-repeat;
    width: 750px;
    height: 563px;}
    #flashlightPromo p {
        text-indent: -5000px;}
    #flashlightPromo a {
      width: 310px;
      height: 19px;
      position: absolute;
      top: 310px;
      left: 520px;
      background: url(../images/img_flashlight_promo_locate_marketer.gif) no-repeat 0 0;
      text-indent: -5000px;}
    #flashlightPromo a:hover {background-position: 0 -19px;}