﻿/*:: Content
------------------------------------- */      
    #content{padding-top:10px; position:static; background:#fefefe url(images/bg-home-content.gif) repeat-x bottom left;}
    #content .category{float:left; background:#858585; margin-right:10px; width:237px; height:362px; position:relative;}
    #content .category.on{z-index:100;}
    #content #bucket_international{margin-right:0px;}
    #content #bucket_home,
    #content #bucket_international{width:238px;}
    
    /* - Title - */
        #content .category h2 a{display:block; height:362px; width:100%; background-repeat:no-repeat; background-position:top left; text-indent:-1000em;}
        #content .category h2 a:hover,
        #content .category h2 a.on{background-position:bottom left;}
        #content #bucket_home h2 a{background-image:url(images/bg-home.jpg); width:241px;}
        #content #bucket_professional h2 a{background-image:url(images/bg-professional.jpg); width:237px;}
        #content #bucket_animal h2 a{background-image:url(images/bg-animal.jpg); width:238px;}
        #content #bucket_international h2 a{background-image:url(images/bg-international.jpg); width:238px;}
    
    /* - Holder - */
        #content .category .holder{display:none; background:#d5d5d5; position:absolute; top:0; z-index:1000; -moz-box-shadow: #4c4c4c 0 0 30px -5px; -webkit-box-shadow: #4c4c4c 0 0 30px -5px; font-size:13px; line-height:18px;}
        #content #bucket_home .holder{left:0; width:451px;}
        #content #bucket_professional .holder{left:0; width:427px;}
        #content #bucket_animal .holder{right:0; width:427px;}
        #content #bucket_international .holder{right:0; width:422px;}
        /* - Holder Title - */
            #content .holder h3{text-indent:-1000em; width:100%; background-position:top left; background-repeat:no-repeat;}
            #content #bucket_home .holder h3{height:119px; background-image:url(images/ir-home-holder.jpg);}
            #content #bucket_professional .holder h3{height:120px; background-image:url(images/ir-professional-holder.jpg);}
            #content #bucket_animal .holder h3{height:123px; background-image:url(images/ir-animal-holder.jpg);}
            #content #bucket_international .holder h3{height:118px; background-image:url(images/ir-international-holder.jpg);}
        /* - Holder contents - */
            #content .category .holder .intro{padding:15px;}
            #content #bucket_home .holder .section{width:279px; height:135px;}
            html>body #content #bucket_home .holder .section{height:auto; min-height:115px;}
            #content #bucket_professional .holder .section,
            #content #bucket_animal .holder .section{width:255px;}
            #content #bucket_international .holder .section{width:250px;}
            #content .category .holder .section{background:#c7c7c7; margin:0 0 15px 15px; padding:10px 10px 30px 115px; display:none; position:relative; float:right;}
            #content .category .holder .section.on{display:block;}
            #content .category .holder .section a{color:#36667d; display:block; font-weight:bold; text-decoration:none;}
            #content .category .holder .section img{position:absolute; left:-20px; top:-30px;}
            #content #bucket_home .holder .section img{left:-8px; top:-13px;}
            #content .category .holder .pagination{float:right; padding:10px 0 0 10px; list-style:none; width:22px;}
            #content .category .holder .pagination li{height:12px; width:12px; padding-bottom:5px; float:left; clear:left;}
            #content .category .holder .pagination li a{display:block; height:12px; width:12px; background-color:#7c7d7e; text-decoration:none; line-height:1px;}
            #content .category .holder .pagination li a:hover,
            #content .category .holder .pagination li.on a{background-color:#36667d;}
            
            #content .category .holder .controls{float:right; margin:-39px 42px 0 0; position:relative; z-index:10;}
            #content .category .holder .controls a{float:left; display:block; height:14px; width:18px; text-indent:-1000em; background-position:top left; background-repeat:no-repeat;}
            #content .category .holder .controls a.next{background-image:url(images/btn-next.gif); margin-left:9px;}
            #content .category .holder .controls a.prev{background-image:url(images/btn-prev.gif);}
            #content .category .holder .controls a.off{visibility:hidden;}
            
            #content .category .holder .close{position:absolute; right:14px; top:16px; height:13px; width:69px; background:url(images/close.png) no-repeat top left; text-indent:-1000em;}
        /* - Holder tunneler - */
            #content .category .holder .tunneler{display:block; height:13px; background-repeat:no-repeat; background-position:top left; clear:right; text-indent:-1000em; margin:0 0 15px 15px; line-height:0; z-index:100; position:relative;}
            #content .category .holder .tunneler:hover{background-position:bottom left;}
            #bucket_home .tunneler{background-image:url(images/tunneler_home.gif);}
            #bucket_professional .tunneler{background-image:url(images/tunneler_professional.gif);}
            #bucket_animal .tunneler{background-image:url(images/tunneler_animal.gif);}
            #bucket_international .tunneler{background-image:url(images/tunneler_international.gif);}
    
/*:: Footer
------------------------------------- */
    #footer{margin-top:-19px; padding-top:29px;}
    #footer ul{padding-left:15px;}
    #footer #highlights{width:208px; margin-right:10px; padding:15px 15px 12px 15px;}
    #footer #highlights h3 a{display:block; text-indent:-1000em; height:22px; width:208px; background:url(images/ir-highlights.gif) no-repeat top left; margin-bottom:3px;}
    #footer #highlights h3 a:hover{background-position:bottom left;}
    #footer #highlights div.highlight{display:none; padding-top:4px;}
    #footer #highlights div.highlight.on{display:block;}
    #footer p.more{margin-bottom:0;}
    #footer p.more a{color:#89aebf; text-decoration:none;}
    #footer p.more a:hover{color:#457084;}
    #footer #homeNewsHolder{width:702px; padding:15px; height:172px; }
    #footer #homeNewsHolder h3 a{display:block; height:22px; width:452px; text-indent:-1000em; background:url(images/ir-news.gif) no-repeat top left; margin-bottom:18px;}
    #footer #homeNewsHolder h3 a:hover{background-position:bottom left;}
    #footer #homeNewsHolder p{float:left; width:240px; margin:0 20px 20px 0;}
    #footer p.legal{padding-left:15px;}
    #bottomImage.absolute{position:absolute; margin-top:0;}