/* 
     Stylesheet for TODAS Home Page
     --------------------------------------------------------
     File Name: todas_homepage.css
     Media: Screen
     Version: 1.1
     Created: 07 February 2004
     Last-Modified: 25 February 2010
     -------------------------------------------------------- tests
*/ 


/* Elements */          
body { margin: 0 0 15px 0; background-color: #f6f8fd; } /* Changed 3/16/11 */
a { color: #003366; }
a:hover { color: #E54C3C; }
img { border: 0; }

/* Classes */
.clear { clear: both; height: 1px; font-size: 1px; }

/* ID's */
#wrapper { width: 776px; margin: 0 auto; font-family: Arial, Geneva, sans-serif; } /* Changed 3/16/11 */

#utilitynavhp { position: absolute; top: 0; } /* Changed 3/16/11 */
/*#utilitynavhp a { color: #FFFFFF; }*/
#utilitynavhp a { color: #0670a1; } /* Changed 3/30/10 */
/*#utilitynavhp a:hover { color: #EFEFEF; }*/
#utilitynavhp a:hover { color: #000000; } /* Changed 3/30/10 */
#utilitynavhp ul { float: left; margin: 0 15px 0 0; padding: 0; }
/*#utilitynavhp li { display: inline-block; background: url(../user-assets/Images/HomePage_Partner/hp/pipe.gif) no-repeat 4px 3px; font-size: 10px; padding: 0 0 0 10px; color: #000000; }*/
#utilitynavhp li { display: inline; background: url(../user-assets/images/HomePage_Partner/hp/pipe.gif) no-repeat 3px 3px; font-size: 10px; padding: 0 0 0 10px; color: #0670a1; } /* Changed 3/30/10 */
#utilitynavhp li.start { background: none; padding: 0 0 0 10px;}

#headerhp { clear: both; font-size: 11px; color: #FFFFFF; width: 776px; height: 189px; background: #4670BA url(../user-assets/Images/HomePage_Partner/hp/backgrounds/bkg-headerhp.jpg) no-repeat 0 0;  } 
#headerhp .logo { margin: 41px 0 0 39px; float: left; }
#headerhp .date { margin: 38px 130px 30px 0; float: right; } 
#headerhp .bbyline { margin: 0 75px 0 0; float: right; } 
#headerhp .photos { margin: 0 0 0 -3px; }

     /* Fix for IE. Hide from IE Mac \*/
     * html #headerhp .photos { margin-bottom: -3px;  }
     /* End */
#headerhp a { font-size: 12px; color: #FFFFFF; font-weight: bold; }          
#headerhp a:hover { color: #CC0000; }  

#headertxt { position: absolute; top: 74px ; left : 605px; font: Arial, Helvetica, sans-serif 8px #000000; width:160px; hieght:44px ;}
#headertxt a { font: Arial, Helvetica, sans-serif; color:#000000; font-size:11px;  font-weight:normal; text-decoration:none; width:160px; hieght:44px ; }

#bodytophp { clear: both; margin: 0 0 -1px; width: 776px; padding-top: 63px; background: transparent url(../user-assets/Images/HomePage_Partner/hp/backgrounds/bkg-bodytophp.jpg) no-repeat 0 0; } 
* html #bodytophp { margin-bottom: -2px; } /* ID6 fix */
#bodytophp ul { margin: 0; padding: 10px 0 10px 0; } 
#bodytophp li { min-height: 15px; background: transparent url(../user-assets/images/hp/hp_bullet.gif) no-repeat 0 0; list-style: none; word-spacing: -1px; padding: 0 0 5px 20px; margin: 0; line-height: 0; } /* Changed 3/29/10 */
#bodytophp li img { vertical-align: top; }
#bodytophp li a { color: #cc0000; font-size: 13px; line-height: 16px; text-decoration: none; }
#bodytophp li a:hover { color: #000000; }
#bodytophp p { margin: 0 0 10px 0; font-size: 11px; }
#bodytophp .col1 { float: left; width: 210px; padding: 0 20px 10px 30px; } 
#bodytophp .col2 { float: left; width: 200px; padding: 0 20px 10px 30px; } 
#bodytophp .col3 { float: right; width: 226px; padding: 0 17px 10px 20px; margin: 0 0 9px 0; } 
#bodytophp .col3Indent { padding: 0; margin: 0; }
#bodytophp .col1 li { padding-top: 2px; padding-bottom: 3px; } /* Added 3/29/10 */
#bodytophp .col3 li { padding-top: 2px; padding-bottom: 3px; } /* Added 3/29/10 */


#bodytophp .toplink1 { font-size: 12px; color: #003366; margin-top: 12px; } 
#bodytophp .toplink2 { font-size: 12px; color: #003366; margin-top: 12px; }
#bodytophp .toplink3 { font-size: 12px; color: #003366; margin-top: 6px; }




#bodytophp .toplink1 { font-size: 12px; color: #003366; margin-top: 12px; } 
#bodytophp .toplink2 { font-size: 12px; color: #003366; margin-top: 12px; }
#bodytophp .toplink3 { font-size: 12px; color: #003366; margin-top: 6px; }

.future { position: relative; left: 128px; margin-top: -10px; font-size: 11px; line-height: 22px; }

#bodybottomheadhp { clear: both;font-size: 12px; text-align: right; margin: 0 0 -1px; padding: 0; }
* html #bodybottomheadhp { margin-bottom: -2px; } /* ID6 fix */
#bodybottomheadhp a { text-decoration: none; }
#bodybottomheadhp a:hover { text-decoration: underline; color: #E54C3C;  }

#bodybottomheadhp .col1 { float: left; width: 475px; height: 23px; margin: 0; padding: 0 7px 0 30px; background: #80B1DC url(../user-assets/Images/HomePage_Partner/hp/backgrounds/bottom_head_1.gif) no-repeat 0 0; }

#bodybottomheadhp .col2 { float: left; width: 257px; height: 23px; margin: 0; padding: 0 7px 0 0; background: #80B1DC url(../user-assets/Images/HomePage_Partner/hp/backgrounds/bottom_head_2.gif) repeat-x 0 0; }

#bodybottomheadhp .col2 a { position: relative; top: 3px; }
.arrowbutton { margin: 0 0 0 5px; vertical-align: middle; }

#bodybottomheadhp .header1, #bodybottomheadhp .header2 { float: left; vertical-align: top; }

#bodybottomhp { clear: both; margin: 0 0 -1px; font-size: 11px; width: 776px; }
* html #bodybottomhp { margin-bottom: -2px; } /* ID6 fix */
  
#bodybottomhp .col1 { font-size: 13px; line-height: 18px; float: left; width: 434px; height: 93px; margin: 0; padding: 8px 50px 0 28px; overflow: hidden; }

#bodybottomhp .col1 p { margin: 0 0 15px; padding: 0; }
#bodybottomhp .col2 { float: right; width: 264px; background: #81B2DD; height: 101px; overflow: hidden; }


#bodybottomhp .productimg {/* position: relative; bottom: 10px; left: 20px; */}
     /* Fix for IE. Hide from IE Mac \*/
     * html #bodybottomhp .productimg { position: relative; bottom: 9px; left: 20px;}
     /* End */
#bodybottomhp .number { float: right; margin: -65px 15px 0 0; }

#activities { width: 105px; height: 99px; margin: 0; padding: 6px 150px 0 9px; font-size: 10px; line-height: 12px; }
#activities a { color: #000000; text-decoration: none; }
#activities a:hover { text-decoration: underline; }
.activitiestext { }
.activitiestext ul { margin: 5px 0 0 -23px;}
/**:first-child+html .activitiestext ul { margin-left: 0; } /* IE7 fix */
*:first-child+html .activitiestext ul { margin-left: 15px; } /* IE7 fix */
* html .activitiestext ul { margin-left: 15px; } /* IE6 fix */
.activitiestext li { background: none; list-style-image: url(/user-assets/Images/HomePage_Partner/hp/activities/diamondBullett.gif ); padding: 0; }

#sponsorshp { clear: both; width: 776px; height: 172px; font-size: 11px; padding: 0; margin: 0 0 15px; background: #CC0000 url(../user-assets/Images/HomePage_Partner/hp/backgrounds/sponsor_area.gif) no-repeat 0 0;  }
     /* Fix for IE. Hide from IE Mac \*/
/*     * html #sponsorshp { clear:both; font-size: 11px; height: 60px;  padding: 0; margin: -2px 0 0 0;  background: #FFFFFF url(../user-assets/Images/HomePage_Partner/hp/backgrounds/sponsor_area.gif) no-repeat bottom left; }*/
     /* End */
#sponsorshp ul { margin: 0; padding: 0; }
#sponsorshp li { list-style: none; padding: 0; margin: 0; }
#sponsorshp li a { color: #CC0000; }
#sponsorshp li a:hover { color: #000000; }
#sponsorshp p { margin: 0; padding: 0; position: absolute; left: -9999px; }
#sponsorshp .col1 { float: left; width: 234px;  margin-top: 7px; padding: 0 0 0 28px; color: #CC0000; font-size: 9px; }

#sponsorshp #barbie { position: static; }
#sponsorshp #barbie a { display: block; width: 78px; height: 39px; position: relative; top: 43px; left: 30px; text-indent: -100px; overflow: hidden; }

     /* Fix for IE. Hide from IE Mac \*/
/*     * html #sponsorshp .col1 { float: left; width: 234px;  margin-top: 4px; padding: 0 0 0 28px; color: #CC0000; font-size: 9px; }*/
     /* End */
/*#sponsorshp .col1 img { position: relative; bottom: 13px; left: 80px; }*/
     /* Fix for IE. Hide from IE Mac \*/
/*     * html #sponsorshp .col1 img { }*/
     /* End */
/*#sponsorshp .col2 { float: left; width: 238px; margin-top: 7px; padding: 0 0 3px 8px; color: #CC0000; background: #81B2DD; font-size: 9px; border-left: 1px solid #CC0000; }*/
     /* Fix for IE. Hide from IE Mac \*/
/*     * html #sponsorshp .col2 { float: left; width: 238px; margin-top: 4px; padding: 0 0 3px 8px; color: #CC0000; font-size: 9px; border-left: 1px solid #CC0000; }*/
     /* End */
/*#sponsorshp .col3 { float: left; width: 70px; margin-top: 7px; padding: 0 0 5px 8px; color: #CC0000; font-size: 9px; border-left: 1px solid #CC0000; }*/
     /* Fix for IE. Hide from IE Mac \*/
/*     * html #sponsorshp .col3 { float: left; width: 70px; margin-top: 4px; padding: 0 0 8px 8px; color: #CC0000; font-size: 9px; border-left: 1px solid #CC0000; }*/
     /* End */
/*#sponsorshp .col4 { float: left; width: 180px; padding: 0 3px 0 0; margin-top: 4px; color: #000000; font-size: 11px; }*/
     /* Fix for IE. Hide from IE Mac \*/
/*     * html #sponsorshp .col4 { float: left; width: 180px; padding: 0 3px 0 0; margin-top: 1px; color: #000000; font-size: 11px; }*/
     /* End */
	 
#footerhp { clear:both; padding: 5px 10px 0 0; margin-top: -8px; text-align: right; font-size: 10px; color: #003366; background-color: #f6f8fd; } /* Changed 3/16/11 */
#footerhp a { color: #003366; } /* Changed 3/16/11 */
#footerhp a:hover { color: #E54C3C; } /* Changed 3/16/11 */