body
{
  background-color: #fff;
  background-image: url(/images/bg-tile.jpg);
  background-repeat: repeat-x;
  margin: 0 auto;
  text-align: left;
  font-family: arial, verdana;
}

.wrapper
{
  width:968px;
  margin: 0 auto;
  padding:0;
}


.clearFix /* Generic clearing fix */
{
  clear:both;
}  
  


a:link, a:visited, a:hover, a:active
{
	text-decoration: none;
}

 
a
{
  color:#59496e;
}

    a:hover
    {
      color:orange;
    }


p
{
  font-size: 11px;
  color: #666666;
  margin:0;
  padding: 5px 0 5px 0;
}

strong
{
  color:#59496e;
  font-weight: bold;
}


h1
{
  margin:10px 0 5px 0;
  color:#59496e;
  font-size: 16px;
}


.podsRight h2, .pod h2, .mainTop h2, .solutionTop h1
{
  font-size:16px!important;
  color: #fff;
  margin:0 0 0 62px;
  padding-top: 13px;
}


h2 a, .solutionTop h1 a
{
  display:block;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}


h2 a:hover, .solutionTop h1 a:hover
{
  display:block;
  color: #fff;
  text-decoration: none;
}


.solutionTop h1, .solutionTop h2
{
float: left;
}


h3
{
  margin:10px 0 5px 0;
  color:#bdb5c6;
  font-size: 14px;
}


img
{
  border:none;
}


.head
{
  float: left;
  margin-top: 20px;
  padding: 0;
  width:968px;
  height:78px;
}


.logo
{
  float:left;
  padding-left: 20px;    
}



/*///////// Comapny Links /////////*/

.headLinks
{
  float:right;
  margin-top:35px;
  margin-right:15px;
  height:20px;
  text-align: right;
}
    
    .headLinks ul
    {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    
        .headLinks ul li
        {
          display:inline;
        }
        
            
            .headLinks ul li a
            {
              color:#59496e; 
              font-size: 16px;
              border-right: 1px solid #59496e;
              padding: 0 10px;
              text-decoration: none;
            }
            
                .headLinks a:hover
                {
                  color:orange; 
                }
                
                
                .headLinks #end a
                {
                  border-right: none;
                }
        



/*///////// Social Media /////////*/

.headIcons
{
  float: right;
  margin: 0 15px 0 0;
  text-align: right;
  width: 135px;
}

    .headIcons ul
    {
      list-style: none;
      padding: 0;
      margin: 0;       
    }
    
    
        .headIcons ul li
        {
          display: inline;
        }
    
    
    .headIcons p
    {
      font-size: 14px;
      text-align: right !important;
      height:13px;
      margin:0 0 10px 0;
      padding:0;
    }
      
  


  /*///////// Menu - Excluding Dropdown Specifics /////////*/
  
.nav
{
  clear: both;
  width:968px;
  height:43px;
  background-image: url(/images/menuBG.png);
  z-index: 999!important;
}
  
  .nav ul
  {
    list-style: none;
    margin: 0 0 0 9px;
    padding: 0;
  }
  
      .nav ul li
      {
        float:left;
      }
    
        .nav li a
        {
          margin-top: 8px;
          margin-right: 3px;
          padding: 6px 4px 4px 4px;
          width:148px;
          height:22px;
          display: block;
          font-size: 16px;
          color:#fff;
          background-color: #59496e;
          background-image: url(/images/menu-tile.jpg);
          text-align: center;
          text-decoration: none;
        }
        
              .nav li a:hover, .nav .mainMenuSelected a
              {
                background-color: #f08219;
                background-image: url(/images/menu-over.jpg);
              }
              
              
              .nav .mainMenuSelectedResources
              {
                background-color: #f08219;
                background-image: url(/images/menu-over.jpg)!important;
              }
        
      
      #first a
      {
        width:147px;
        background-color: #fff;
        background-image: url(/images/first.gif);
      }
      
      #last a
      {
        width:147px;
        background-color: #fff;
        background-image: url(/images/last.gif);
      }
      
          #first a:hover
          {
            background-image: url(/images/first-over.gif);
          }
          
          #last a:hover
          {
            background-image: url(/images/last-over.gif);
          }
          
          
              .nav .mainMenuSelectedFirst a   /*selected state*/
              {
               background-image: url(/images/first-over.gif)!important;
              }
              
              .nav .mainMenuSelectedLast a    /*selected state*/
              {
                background-image: url(/images/last-over.gif)!important;
              }

      



/*///////// Dropdown - General /////////*/

ul.tabs
{
	display: table;
	list-style: none;
	position: relative;
}

  ul.tabs li
  {
  	margin: 0;
  	padding: 0;
  	list-style: none;
  	display: table-cell;
  	float: left;
  	position: relative;
  }
  
    ul.tabs a
    {
    	position: relative;
    	display: block;
    }



/*///////// Dropdown - WhyProFunnel - Specifically /////////*/

ul.whyProFun
{
	margin: 3px 0 0 -4px!important;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 999;
	top: 100%;
	display: none;
	left: 0;
}

    ul.whyProFun ul.whyProFun
    {
      top: 0;
      left: 95%;
    }


    .nav ul.whyProFun
    {
      padding: 7px 10px;
      background-image: url(/images/menuDropBG.png); 
      overflow:hidden;
      width: 948px;
      height: 238px;
      background-repeat: no-repeat;
      background-position: left bottom;
    }

    
        ul.whyProFun li
        {
        	margin: 0;
        	padding: 0;
        	position: relative;
        	list-style: none;
        	display: block;
        	float: left;
        	width: 290px!important;
        }
    

              .nav ul.whyProFun li a
              {
              	font-size: 14px!important;
              	background: url(/images/menuarrow.png) no-repeat left center!important;
              	width: 290px!important;
              	background-color: transparent!important;
              	text-align: left;
              	margin: 0px 0;
              	padding: 9px 5px 4px 27px;
              	font-weight: bold;
              	display: block;
              }
              
                  
                  .nav ul.whyProFun li a:hover
                  {
                  	background: url(/images/menuarrow.png) no-repeat left center!important;
                  }

               
            .nav ul li a span
            {
            	display: block;
            	padding: 0 15px 0 11px;
            }



#menuDesc
{
  clear:both;
  width: 920px!important;
}
    
    .whyProFun h2
    {
      color: white;
      font-size: 18px;
      margin: 0;
      padding:5px;
    }
    
    .whyProFun hr
    {
      border: 0;
      border-bottom: 1px dotted white;
      height: 0;
      margin: 10px 0 10px 5px;
    }
    
    .whyProFun  p
    {
      color: white;
      padding: 3px 5px;
      font-size: 12px;
    }






/*///////// Dropdown - Resources Specifically /////////*/

ul.resource
{
	margin: 3px 0 0 -4px!important;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 999;
	top: 100%;
	display: none;
	left: 0;
}

    ul.resource ul.resource
    {
      top: 0;
      left: 95%;
    }
    
    
    .nav ul.resource
    {
    padding: 7px 10px;
    background-image: url(/images/menuDropBG.png); 
    overflow:hidden;
    width: 948px;
    height: 238px;
    background-repeat: no-repeat;
    background-position: left bottom;
    position: absolute;
    left: -317px;
    }


    ul.resource li
    {
    	margin: 0;
    	padding: 0;
    	position: relative;
    	list-style: none;
    	display: block;
    	float: left;
      width: 290px!important;
    }
    
  
    
      ul.resource li a
      {
      	display: block;
      	font-size: 14px!important;
      	background: url(/images/menuarrow.png) no-repeat left center!important;
      	width: 290px!important;
      	background-color: transparent!important;
      	text-align: left;
      	margin: 0px 0;
      	padding: 9px 5px 4px 27px;
      	font-weight: bold;
      }

  
            .nav ul.resource li a:hover
            {
            	background: url(/images/menuarrow.png) no-repeat left center!important;
            }

     
      .nav ul li a span
      {
      	display: block;
      	padding: 0 15px 0 11px;
      }

 
#menuDesc
{
clear:both;
width: 920px!important;
}
 

    .resource h2
    {
    color: white;
    font-size: 18px;
    margin: 0;
    padding:5px;
    }
    
    .resource hr
    {
    border: 0;
    border-bottom: 1px dotted white;
    height: 0;
    margin: 10px 0 10px 5px;
    }
    
    .resource  p
    {
    color: white;
    padding: 3px 5px;
    font-size: 12px;
    }





/*///////// Footer /////////*/
    
.footerWrapper
{
  float: left;
  font-size: 11px;
  line-height: 18px;
  width:100%; 
  margin: 25px 0 -20px 0;  /*-20px is to fix the SalesFusion Code creating white space at the bottom of the page.*/
  background-color: #e9e9e9;
  background-image: url(/images/footer-tile.jpg);
  background-repeat: repeat-x;
  color:#59496e;
}
    
    .footer
    {
      margin: auto;
      width:968px;
      font-size: 10px;
    }
    
        .footer ul
        {
          float: left;
          margin-top: 15px;
          width:180px;
        }
          
            .footer ul li
            {
              list-style: none;
              border-right: 1px solid #cccccc;
            }
              
            .footer a
            {
              color:#59496e;
              text-decoration: none;
              border-bottom: dotted 1px #59496e;
            }
            
                .footer a:hover
                {
                  border-bottom: solid 1px #59496e;
                }
                  
            .footer li strong
            {
              font-size: 14px;
            }
            
            .footer .footerEnd
            {
              border: none;
            }
            
            
        .footer .legal
        {
        clear: both;
        }
        
            .footer .legal p
            {
            text-align: center;
            margin: 5px 0 ;
            padding: 0;
            font-size: 9px;
            }


  
/*///////// Flash - Home /////////*/
  
.flash
{
  clear:both;
  width:968px;
  height:258px;

}


/*///////// Pods - Home /////////*/
.pod
{
  float: left;
  margin:0;
}
    
    .pod h2, .pod .solutionTop h1
    {
      color: white;
      margin: 0;
      font-size: 16px;
      padding: 17px 0 0 75px;
    }
    
    
    .pod .solutionTop h2
    {
      padding: 17px 0 0 5px;
    }
    
    
    .podTop
    {
      height:55px;
    }
    
      .pod a
      {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
      }
    
    .pod p
    {
      padding: 5px 0 5px 30px !important;
      margin:0;
    }



/*///////// webinar Pod - Home /////////*/
.webinar
{
  width: 227px;
  height: 245px;
  float: left;
}
    
    .webinarTop
    {
      width: 225px;
      background-image: url(/images/resources-head.png);
      color: #fff !important;
    }
      
    
    .webinarContent
    {
      width: 227px;
      height:153px;
      background-image: url(/images/resources-tile.png);
      float:left;
    }
    
    
    
        .webinarContent h3
        {
          font-size: 16px;
          font-weight: bold;
          color: orange;
          margin: 0;
          padding: 0 20px 0 30px;
        }
        
        
        .webinarContent p
        {
            padding-right: 20px!important;
        }
    
    
            
            .webinarContent a
            {
                border-bottom: 1px dotted orange;
                color: orange !important;
                font-size: 11px;
                height: auto;
                text-decoration: none;
            }
            
                .webinarContent a:hover
                {
                  border-bottom: 1px solid orange;
                }
            
            
            .webinarContent a span  /*jQuery stops the hand (pointer) on mouse over, lets add the hand for IE.*/
            {
              cursor: hand;
            }
        
        
    .webinarBottom
    {
      clear:both;
      width:227px;
      height: 28px;
      background-image: url(/images/resources-bottom.png);
      background-repeat: no-repeat;
    }
    
    
/*///////// papers Pod - Home /////////*/

.papers
{
  width: 376px;
  height: 245px;
}

    .papersTop
    {
      width:376px;
      background-image: url(/images/webinars-top.png);
    }
    
    .papersContent
    {
      height:180px;      
      background-image: url(/images/webinars-tile.png);
      background-repeat: repeat-y; 
    }
    

        .papersContent h3, #WebinarsRight h3
        {
          font-size: 16px;
          font-weight: bold;
          color: orange;
          margin: 0;
          padding: 0 20px 0 30px;
        }
        
        
        .papersContent p
        {
          font-size: 11px;
          font-weight:normal;
          color: gray;
          padding-right:30px!important;
        }
            
            .papersContent a
            {
              height:auto;
              color: orange !important;
              font-size: 11px;
              text-decoration: none;
              border-bottom: 1px dotted orange;
            }
            
                .papersContent a:hover
                {
                  border-bottom: 1px solid orange;
                }

    
    .papersBottom
    {
      clear:both;
      width:376px;
      height:28px;
      background-image: url(/images/webinars-bottom.png);
    }



/*///////// News Pod - Home /////////*/

.news
{
  width: 363px;
  height: 245px;
}
    
    .newsTop
    {
      width:363px;
      background-image: url(/images/news-top.png);
    }
    
    .newsContent
    {
      float: left;
      width:363px;
      height:180px;
      background-image: url(/images/news-tile.png);
      background-repeat: repeat-y;
    }
    
        .newsContent a
        {
          font-size: 11px;
          color: #59496e !important;
          text-decoration: none;
          border-bottom:1px dotted #59496e!important;
        }
        
        .newsContent a:hover
        {
          border-bottom:1px solid #59496e!important;
        }
    
    
    .newsArticleDivider
    {
    border-bottom: 1px dotted orange;
    clear: both;
    margin: 10px 30px 5px 30px; 
    }
    
    
    .newsBottom
    {
      clear:both;
      width:363px;
      height:28px;
      background-image: url(/images/news-bottom.png);
    }


/*///////// Video Pod - Home /////////*/

.video
{
  width: 228px;
  height: 245px;
}
    
    .videoTop
    {
      width: 228px;
      background-image: url(/images/video-top.png);
      color: #fff !important;
    }
    
    .videoContent
    {
      float: left;
      width: 228px;
      height:180px;
      background-image: url(/images/video-tile.png);
    }
        
        .videoContent a
        {
          float: left;
          width: 169px;
          height:111px;
          margin:10px 0 0 30px;
          padding:0;
          color: gray;
        }
        

        .videoContent p
        {
          text-align: center;
          margin: 0!important;
          padding: 10px 0px!important;
        }
        
        .videoBottom
        {
          clear:both;
          width: 228px;
          height: 28px;
          background-image: url(/images/video-bottom.png);
        }



/*///////// What our Solution Does Pod - Home /////////*/

#solution
{
  float:left;
  width: 740px;
  height: 245px;
}

    
    .solutionTop
    {
      float:left;
      width: 740px;
      height: 44px;
      background-image: url(/images/solution-top.png);
      background-repeat: no-repeat;
    }


    #solutionContent
    {
      float:left;
      width:461px;
      height:155px;
      background-image: url(/images/solution-content-bg.png);
      overflow: hidden; /*for no JS support*/
    }
    
        
        #solution h1
        {
        font-size: 15px;
        }
        
            
        #solutionNav
        {
          float:left;
          width: 279px;
          margin:0;
          padding:0;
        }
        
        #solutionNav ul
        {
          float:left;
          margin:0;
          padding:0;
        }
            
            #solutionNav li              
            {
              list-style: none; 
            }
            
            
            #solutionNav li a
            {
              width: 249px;
              height: 17px;
              display:block;
              padding: 7px 0 0 30px;
              background-image: url(/images/solution-nav.png);
              background-repeat: no-repeat;
              font-size: 12px;
              font-weight: bold;
              color: #59496e;
            }html>body #solutionNav li a{height: 24px;}
            
            
            #solutionNav li a:hover
            {
              background-image: url(/images/solution-nav-over.png);
              color: #fff; 
            }
    
    
        
          .container
          {
            width:440px;
            height:175px; 
          }
      
          
            .container a
            {
              font-size:11px;
              font-weight: bold;
              color: #59496e;
              margin-top: 5px;
              text-decoration: none;
              border-bottom: 1px dotted #59496e;
            }
          
                .container a:hover
                {
                 border-bottom: 1px solid #59496e;
                }
        
        
          .container p
          {
            font-size:11px;
            padding:5px 0!important;
          }
                
          .image
          {
            float:left;
            width:150px;
            margin-top:15px;
          }
          
          .text 
          {
            float:left;
            width:280px;
            margin-top:15px;
          }
        
        
        #listTop a
        {
          background-image: url(/images/solution-nav-top.png!important);
        }
        
            #listTop a:hover
            {
              background-image: url(/images/solution-nav-top-over.png);
            }
            
        
        #listTop .sectionLink1
        {
          background-image: url(/images/solution-nav-top.png);
        }
            
            #listTop .sectionLink1:hover
            {
              background-image: url(/images/solution-nav-top-over.png);
            }
        
        
        #listEnd a
        {
          height: 37px!important;
          background-image: url(/images/solution-nav-bottom.png!important);
        }
        
        #listEnd .sectionLink6
        {
          height: 37px!important;
          background-image: url(/images/solution-nav-bottom.png);
        }
        
        #listEnd a:hover
        {
          background-image: url(/images/solution-nav-bottom-over.png);
        }
            
            #listEnd .sectionLink6:hover
            {
              background-image: url(/images/solution-nav-bottom-over.png);
            }
              
        
        
        #solutionBottom
        {
          float:left;
          width:461px;
          height:37px;
          background-image: url(/images/solution-bottom.png);
        }
        
    
    
/*///////// Inner pages /////////*/

.main
{
  float:left;
  clear:both;
  width: 760px;
  height:auto;
}


    .main hr
    {
     border: 0;
     border-bottom:1px dotted orange;
     height: 1px; 
     margin: 20px 0;   
    }


.mainTop
{
  /*width: 763px;*/
  height:53px;
  background-image: url(/images/title-bg.png);
}

.mainBg
{
  width: 700px;
  height: 760px;
  margin:0;
  padding:0 50px 0 60px;
  background-image: url(/images/content-bg.png);
  background-repeat: repeat-y;
  float: left;      
} html>body .mainBg{height:auto!important; min-height: 760px;} /*support for IE6*/ 


#mainBgWithMenu
{
 padding: 0 50px 0 20px;
}
    
    
    .mainContentWithMenu
    {
      float: left;
      width: 490px; 
    }
    
    
    .mainContentWithoutMenu
    {
      float: left;
      width: 640px; 
    }
    
    
    .noUnderline
    {
     border: 0!important; /*remove ugly line under SalesFusion logo - Partners Page*/
    }


.mainBottom
{
  width: 763px;
  height:53px;
  background-image: url(/images/content-bottom.png);
  clear: both;
}


/*///////// Flexible Bullet Points (autoWidth) /////////*/

.bulletPointsTop
{
  display: block;
  height: 16px;
  background-color: #f1f8fc;
  float: left;
  width: 100%;
  margin-top: 10px;
}
    
    .bulletPointsTop .leftCurve
    {
      background-image: url(/images/listTop.jpg);
      background-position: left;
      width: 20px;
      height: 16px;
      float: left;
    }
    
    
    .bulletPointsTop .rightCurve
    {
      background-image: url(/images/listTop.jpg);
      background-position: right;
      width: 20px;
      float: right;
      height: 16px;
    }



.bulletPointsBot
{
  background-color: #f1f8fc;
  display: block;
  height: 16px;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}


    .bulletPointsBot .leftCurve
    {
      background-image: url(/images/listBottom.jpg);
      background-position: left;
      width: 20px;
      height: 16px;
      float: left;
    }
    
    
    .bulletPointsBot .rightCurve
    {
      background-image: url(/images/listBottom.jpg);
      background-position: right;
      width: 20px;
      float: right;
      height: 16px;
    }





.mainContentWithMenu ul, .mainContentWithoutMenu ul, #mainBgWithMenu ul
{
  margin:0;
  padding:0;
  width:100%;
  list-style: none;
  background-color: #f1f8fc;
  clear: both;
}


    .mainContentWithMenu li, .mainContentWithoutMenu li
    {
      font-size: 11px;
      color:#59496e;
      background-image: url(/images/bullet.gif);
      background-repeat: no-repeat;
      background-position: 0 47%;
      margin: 7px 15px 0px 15px;
      padding:5px 0px 5px 35px; 
    }
    
                  
        #downloads li /*DOWNLOAD BULLET*/
        {
    
          background-image: url(/images/bulletDownload.gif);
        }
    
        
        .mainContentWithMenu a, .mainContentWithoutMenu a
        {
        color:#59496e;
        border-bottom: 1px dotted #59496e;
        }  
          
        
        .mainContentWithMenu a:hover, .mainContentWithoutMenu a:hover
        {
        border-bottom: 1px solid #59496e;
        }



/*///////// Pods over on the Right /////////*/        

#pods
{
width: 202px;
float: right;
}

.podsRight
{
  float:left;
  width: 200px;
  height:auto;  
}


.podsRightcontent
{
  padding: 0 20px 0 20px;
  width: 160px;
  height:120px;  
  background-image: url(/images/small-pod-content.png);
}  html>body .podsRightcontent{height: auto!important; min-height: 120px;}/*support for IE6*/

                                                 
.podsRightbottom
{
  width: 200px;
  height:39px;
  background-image: url(/images/small-pod-bottom.png);
}


/*///////// Pods over on the Right - Video /////////*/       


  #videoRight
  {
    width: 200px;
    height:48px;
    background-image: url(/images/video-right.png);
  }
  
      #videoRightcontent
      {
        background-image: url(/images/small-vid-content.png);
z-index:1;
      }
      
  #videoRightbottom
  {
    background-image: url(/images/small-vid-bottom.png);
  }



/*///////// Pods over on the Right - Webinar /////////*/       

#WebinarsRight
{
  width: 200px;
  height:48px;
  background-image: url(/images/webinars-right.png);
}


/*///////// Pods over on the Right - Contact /////////*/       

#contactRight
{
  width: 200px;
  height:48px;
  background-image: url(/images/contact-right.png);
}



/*///////// Pod specific Colours /////////*/       
.bluePod a
{
  /*noCSS required*/
}


.orangePod a
{
  color: orange;
  font-weight: bold;
  border-bottom: 1px dotted orange;
}
    
    .orangePod a:hover
    {
      border-bottom: 1px solid orange;
    }


.orangePod span
{
  color: orange;
  font-size: 12px;
}

.orangePod p
{
  padding:5px 0;
  margin:0;
}

.purplePod a
{
  color:#59496e;
  font-weight: bold;
  border-bottom: 1px dotted #59496e;
}

    .purplePod a:hover
    {
      border-bottom: 1px solid #59496e;
    }

.purplePod span
{
  color:#59496e;
  font-size: 18px;
}



/*///////// Pages with Left Menu (2ndNav) /////////*/       

.leftMenu
{
  float: left;
  width: 180px;   
  margin-right: 30px;
}

  .leftMenu hr
  {
    border: 0;
    border-bottom:1px orange dotted;
    margin: 3px 0 4px 15px;
  }
  

  .leftMenu p
  {
    margin: 5px 0 0 15px;
  }   
  
  
  .leftMenu ul
  {
    margin:0;
    padding:0;
    list-style: none;
    background-color: #fff!important;
  }      


      .leftMenu li
      {
        padding:1px 0 0 15px;
        margin: 0;
        font-size: 11px;
      }


          .leftMenu li a
          {
            background-image: url(/images/subMenuArrow.jpg);
            background-repeat: no-repeat;
            background-position: 100% 60%;
            display: block;
            padding:2px 0;
          }
    
        
              .leftMenu li a:hover
              {
                background-image: url(/images/subMenuArrowOV.jpg);
              }
    
    
          .leftMenu .selected a
          {
           background-image: url(/images/subMenuArrowOV.jpg);
          }
          
          
    .menuImg
    {
      float:left;
      margin:10px 0 0 15px;
    }
    
    .contentImgLeft
    {
      float:left;
      margin:10px 15px 0 0;
    }





/*///////// Sitemap -  /////////*/

#sitemap ul li
{
  font-size: 14px;
  color:#59496e;
  background-image: none;
}


    #sitemap li a
    {
    border-bottom: 1px #59496e dotted!important;
    }
    
        #sitemap a:hover
        {
        border-bottom: 1px #59496e solid!important;
        }
   
   
    #sitemap ul li ul
    {
    margin-top: 5px;
    }

      #sitemap ul li ul li
      {
        font-size: 11px;
        color:#59496e;
        background-image: url(/images/bullet.gif);
        background-repeat: no-repeat;
        background-position: 0 47%;
        margin: 7px 15px 0px 15px;
        padding:5px 0px 5px 35px;
      }
 
 
 
/*///////// Reminder - Red comments throughour website /////////*/



.reminder
{
  color: red;
  font-weight: bold;
  clear: both;
}
    
    
/*///////// Video Pod (animation)) /////////*/    
    
.videoContent
{
  float: left;
  /*position: relative;*/ 
}  

.podsRightcontent
{
  /*position: relative;*/ 
}


.videoContent .fadein, .podsRightcontent .fadein {height:165px;  }
.videoContent .fadein img, .podsRightcontent .fadein img { }


.fadein
{
overflow: hidden;
}    
    
    
    
 

/*///////// Resources Feature Pannels (autoWidth) /////////*/


.resourcePannel
{
float: left;
width: 644px;
}

.resourceFeatureTop
{
  display: block;
  height: 19px;
  background-color: #fff6ea;
  float: left;
  width: 100%;
  margin-top: 10px;
  background-image: url(/images/resourcePannelTop.jpg);
  background-repeat: repeat-x;
}
    


.resourceFeatureBot
{
  background-color: #fff6ea;
  display: block;
  height: 19px;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  background-image: url(/images/resourcePannelBot.jpg);
  background-repeat: repeat-x;
}




.resourceFeatureContent
{
  margin:0;
  padding:0;
  width:100%;
  list-style: none;
  background-image: url(/images/resourcePannelContentTile.jpg);
  background-repeat: repeat-y;
  clear: both;
}
  
  
    .resourceFeatureContent h2
    {
      margin: 0;
      padding: 0 25px 5px 25px;
      color: #f39e00;
      font-size: 16px;
    }    
    
    .resourceFeatureContent a,.resourceFeatureContent a:hover
    {
     display:inline;
    }   
    
    
    .resourceFeatureContent p
    {
      margin: 0;
      padding: 7px 25px;
    }   
    
    .resourceFeatureContent img
    {
      margin: 0;
      padding: 7px 10px 0 25px;
    }
    
    .resourceFeatureContent a
    {
      color: #f39e00;
      border-bottom: 1px dotted #f39e00;
    } 


        .resourceFeatureContent a:hover
        {
          color: #f39e00;
          border-bottom: 1px solid #f39e00;
        } 
        


/*///////// Online Chat Button /////////*/        

#onlineChatButton
{
  float: left;
  margin-left: 80px;
  margin-top: -7px;/*make it neat*/
}

.img404
{
  margin-right: 20px;
  margin-top: 10px;
}