/* start promoBox */
.promoBox
{
    float:left;
    background:url(../images/bg-top-midrow1.gif) top left repeat-x;   
    padding:10px 10px 10px 10px;
    width:735px;
}

.promoBox p
{
    font-size:12px;
    color:#777;
    margin:10px 0px;
    padding:0px;
}

.promoBox .large
{
    font-size:13px;
}

.promoBox .small
{
    font-size:11px;
}

.promoBox a
{
    color:#008a5f;
    text-decoration:none;  
}

.promoBox a:hover
{
   color:#2cb005;
}

p.greybg
{
    background:#ebebeb;
	padding:3px 0;
	text-align:left;
	color:#777;
	margin:0px;
	
}

a.arrow {
	background:url(../../../images/promos/bg-promo-button.gif) right bottom no-repeat;
	color:#777;
	margin:0 0 0 20px;
	padding:0 30px 0 0;
	
}

.promoBox h2
{
    font-size:24px;
    font-weight:normal;
}

.promoBox h3
{
    font-size:15px;
}

.promoBox h4 
{
    font-size:13px;
}
/* end promoBox */

/* start dynamicBanner */
div#dynamicBanner
{
    width:733px;
    height:332px;
    padding:0px !important;
    overflow:hidden !important;
    border: solid 1px #038a62; /* Green-Border */
}

div#dynamicBanner table
, div#dynamicBanner p
, div#dynamicBanner div
{
    margin:0px !important;
}

div#dynamicBannerContent0
, div#dynamicBannerContent1
, div#dynamicBannerContent2
, div#dynamicBannerContent3
, div#dynamicBannerContent4
{
    position:absolute;
    background-color: #FFFFFF; /* IMPORTANT: a valid background-color is needed for (bold + opacity text) to render nicely in IE */
    z-index:1;
/*    display: none;*/
    opacity:0;
    filter:alpha(opacity=0);
    width:733px;
    height:332px;
    padding:0px !important;
    overflow:hidden !important;
}
div#dynamicBannerContent0 img
, div#dynamicBannerContent1 img
, div#dynamicBannerContent2 img
, div#dynamicBannerContent3 img
, div#dynamicBannerContent4 img
, div#dynamicBannerContent0 a
, div#dynamicBannerContent1 a
, div#dynamicBannerContent2 a
, div#dynamicBannerContent3 a
, div#dynamicBannerContent4 a
{
    outline-width:0px;
    outline:none;
    border-collapse:collapse;
    border-width:0px;
    border:none;
}
div#dynamicBannerFooter
{
    position:relative;
    z-index:3;
    margin-top:-41px;
    width:733px;
    height:39px;
    overflow:hidden !important;
    border: solid 1px #038a62; /* Green-Border */
    /* background-color: #009966; */ /* Green-Background (#009966) */
    background-color: #009966; /* Green-Background (#009966) */
    /*** 2010-05-07 : temporarily use solid color instead of background image, as it interferes with sub-100% opacity in IE for any child html elements ***/
    /* background-image: url('../images/HomePageBanner/Banner-Caption-Bg.png'); */
    background-repeat: repeat;
}
/*** 2010-05-07 : temporarily use solid color instead of background image, as it interferes with sub-100% opacity in IE for any child html elements ***/
div#dynamicBannerCaption p
{
    background-color: #009966; /* Green-Background (#009966) */
}


div#dynamicBannerCaption
{
    display:block;
    float:left;
    margin:8px 0px 0px 20px;
}
/* start: Hack for IE 6 (1. IE 6 doesn't show PNG transparencies correctly. 2. IE 6 needs a solid color background for partial text opacity to display correctly.) */
* html div#dynamicBannerFooter
{
    background-image: none;
    background-color: #009966; /* Green-Background (#009966) */
}
* html div#dynamicBannerCaption
, * html div#dynamicBannerCaption p
{
    background-image: none;
    background-color: #009966; /* Green-Background (#009966) */
}
/* end: Hack for IE 6 (1. IE 6 doesn't show PNG transparencies correctly. 2. IE 6 needs a solid color background for partial text opacity to display correctly.) */
p#dynamicBannerCaption0
, p#dynamicBannerCaption1
, p#dynamicBannerCaption2
, p#dynamicBannerCaption3
, p#dynamicBannerCaption4
{
    position:absolute;
    z-index:4;
/*    display: none;*/
    opacity:0;
    filter:alpha(opacity=0);
    top:0px;
    vertical-align:top;
    font-size:20px;
    color: #ffffff; /* White-Pagination-Text */
}

div#dynamicBannerPagination
{
    position:absolute;
    z-index:5;
    display:block;
    margin-top:5px;
    margin-right:7px;
    top:0px;
    right:0px;
    float:right;
    height:100%;
}

div#dynamicBannerPagination a
{
    display:block;
    float:left;
    clear:none;
    width:29px;
    height:29px;
    outline:none;
    border-width:0px;
    border:none;
    padding:0px;
    margin:0px 0px 0px 4px;
    background: #006633; /* set a background of #006633, just in case the individual background images do not load correctly */
    text-decoration:none;
}
/* force a span block in the a tag, to hold the specified width and height */
div#dynamicBannerPagination a span
{
    width:29px;
    height:29px;
    padding:0px;
    margin:0px;
}
div#dynamicBannerPagination a#button0
{
    background: transparent url('../images/HomePageBanner/BannerNumber1.png') left top;
}
div#dynamicBannerPagination a#button0:hover
, div#dynamicBannerPagination a#button0.active
{
    background-position:left bottom;
}
div#dynamicBannerPagination a#button1
{
    background: transparent url('../images/HomePageBanner/BannerNumber2.png') left top;
}
div#dynamicBannerPagination a#button1:hover
, div#dynamicBannerPagination a#button1.active
{
    background-position:left bottom;
}
div#dynamicBannerPagination a#button2
{
    background: transparent url('../images/HomePageBanner/BannerNumber3.png') left top;
}
div#dynamicBannerPagination a#button2:hover
, div#dynamicBannerPagination a#button2.active
{
    background-position:left bottom;
}
div#dynamicBannerPagination a#button3
{
    background: transparent url('../images/HomePageBanner/BannerNumber4.png') left top;
}
div#dynamicBannerPagination a#button3:hover
, div#dynamicBannerPagination a#button3.active
{
    background-position:left bottom;
}
div#dynamicBannerPagination a#button4
{
    background: transparent url('../images/HomePageBanner/BannerNumber5.png') left top;
}
div#dynamicBannerPagination a#button4:hover
, div#dynamicBannerPagination a#button4.active
{
    background-position:left bottom;
}
div#dynamicBannerPagination a#buttonpause
{
    background: transparent url('../images/HomePageBanner/BannerPause.png') left top;
}
div#dynamicBannerPagination a#buttonpause:hover
, div#dynamicBannerPagination a#buttonpause.active
{
    background-position:left bottom;
}
/* end dynamicBanner */


table.greenOneRow
{
    border:1px solid #008a5f;
    
}

.greenOneRow img
{
    float:left;
    margin:0px;
    padding:0px;
    
}

.gradiant
{
    float:left;
    background:url(../images/bg-gradient-home.png) top left repeat-x;
    padding:0px 10px;
}

table.table4Col td
{
   padding:0px 10px;
}

table.table3Col
{
    background:#f6f6f6;
}

table.table3Col td
{
    padding:10px 8px;
}



.promoLeftWithBgImages
{
    float:left;
    background:url(../../../images/banners/elc-left_promo_blank.jpg) no-repeat;
    width:128px;
    height:118px;
    padding:10px 10px 10px 220px;
}

.promoRightWithBgImages
{
    float:right;
    background:url(../../../images/banners/elc-right_promo_blank.jpg) top right no-repeat;
    width:198px;
    height:118px;
    padding:10px 10px 10px 150px;
    margin-right:3px;
}

.promoLeftWithBgImages h3,
.promoRightWithBgImages h3
{
    margin:0px;
    padding:0px;
    font-size:13px;
}

.promoLeftWithBgImages p,
.promoRightWithBgImages p
{
    margin:0px;
    padding:0px;
}