/*
Title:      CSS Layout Sections
Author:     Martin Cayouette, martin.cayouette@nurun.com
Updated:    January 22 2009

Content:	
			Home
                Intro & News
                SlideShow Promotions
			Dynamic Panels : YUI-Panel

*/
/* ---[ Home ]------------------------------- */
#content-home h1 {
    display: none;
    }
#content-home #intro-news {
    float: left;
    width: 623px;
    border-right: 3px solid #000;
    }
    #content-home #intro-news p,
    #news .news-box .text span.title {
        color: #e5e5e5;
        }
    #content-home #intro {
        float: left;
        width: 587px;/*624px*/
        height: 75px;
        padding: 12px 18px 0 18px;
        /*border-right: 3px solid #000;*/
        border-bottom: 3px solid #000;
        overflow: hidden;
        }
        #content-home #intro h2 {
            text-indent: -5000px;
            }
    #content-home #news {
        float: left;
        width: 623px;
        }   
        #content-home #news #main-title {
            float: left;
            width: 623px;
            }
            #content-home #news #main-title h3 {           
                padding: 10px 12px 5px 18px;
                margin: 0;
                font-size: 108%;
                font-weight: normal;
                text-transform: none;
                }
        div.news-cols {
            float: left;
            width: 310px;/*308px*/ 
            }
            #news .news-box {
                float: left;
                width: 280px;/*308px*/ 
                padding: 2px 12px 2px 18px;
		        /*
                border-right: 3px solid #000;
		        border-bottom: 3px solid #000;
                */
                }
                #news .news-box .thumbnails {
                    float: left;
                    width: 33px;
                    height: 34px; 
                    margin: 0 18px 0 0;
                    }
                    #news .news-box .thumbnails a {
                        float: left;/*IE6*/
                        }
                #news .news-box .text {
                    float: left;
                    width: 202px;
                    overflow: hidden;                
                    }
                    #news .news-box .text a {
                        float: right;
                        color: #fdc602;
                        font-size: 85%;
                        /*text-decoration: underline;*/
                        }
                    #news .news-box .text span.date {
                        font-size: 85%;
                        color: #666;
                        }
                    #news .news-box .text span.title {
                        font-size: 77%;
                        line-height: 1.35em;
                        /*text-transform: uppercase;*/
                        }
                
/* Home - SlideShow Promotions */	
#content-home div#promotions {
    float: left;
    width: 286px;
    height: 305px;/*375px*/
    padding: 0;
    background: #000;
    }
    #content-home div#promotions h3 {
        color: #898f8e;
        }    
    #promotions ul#slides {
	    width: 286px;
	    height: 302px;/*375px*/
	    border-bottom: none;
	    overflow: hidden;
	    background: #1b1f20;
	    /*border-bottom: 3px solid #000;*/
        }
        /*Promo Rotation */
        #promotions ul#slides li.slide {
            float: left;
            width: 286px;
	        padding: 0;
	        margin: 0;
            }
            #promotions ul#slides li.slide div.slide-content {
	            float: left;
	            clear: both;
	            width: 286px;/*265px*/
	            height: 302px;/*150px*/
	            cursor: hand;
	            cursor: pointer;	            
                }
#promotions #slides-controler {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 25px;
    }
    #promotions #slides-controler #slide-controls {
        position: static;
	    height: 20px;
	    padding: 5px 5px 0 50px;
	    /*
        background: url(../images/bkg_promo_control.png) no-repeat 0 0;
	    _background: none;
	    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/BRPInternationalMY09/Static/neutral/images/bkg_promo_control.png', sizingMethod='crop');
        */
        }
        #promotions #slide-controls .prev,
        #promotions #slide-controls .indicator,
        #promotions #slide-controls .next {
	        float: right;
            }
            #promotions #slide-controls .prev,
            #promotions #slide-controls .next {
	            width: 6px;
	            overflow: hidden;
	            text-indent: -3000px;
	            background: url(../images/prev-next.gif) no-repeat 0 0;
	            cursor: pointer;
                }
            #promotions #slide-controls .prev {
	            background-position: 0 50%;
	            margin-right: 6px;
                }
            #promotions #slide-controls .next {
	            background-position: -6px 50%;
                }
            #promotions #slide-controls .indicator div {
	            float: left;
	            color: #6a6a6a;
	            overflow: hidden;
	            margin-right: 6px;
	            cursor: hand;
	            cursor: pointer;
                }
                #promotions #slide-controls .indicator div.current {
                    text-decoration: underline;
                    }

/* ---[ Dynamic Panels : YUI-Panel ]------------------------------- */
body .yui-panel .container-close {   
    width: 14px;
    height: 13px;    
    background: url(../images/bt_close_popup.gif) no-repeat 0 0;
	}	
body .yui-panel {
	background-color: #fff;
	border: 1px solid #555;
	}
body .yui-panel .bd {
	padding: 0;
	}
/*Window bkg*/
body .mask {
	background-color: #000;
	opacity: 0.5;
	}
/*Shadow under the popup*/
body .yui-panel-container.shadow .underlay {
    background-color: #555;
	}