﻿/* %%%%%%%%%%%%%%%%%%%%%%%  AJAX Slider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ 
.slider {width: 617px;}
.contentslide{width: 617px; height: 240px;}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.contentslide .contentdiv{display: none;}

.pagination{
width: 597px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: left;
background-color: #5b5659;
border: 10px solid #5b5659;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 4px 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 617px; /*IE5 width*/
w\idth: 617px; /*IE6 width*/
}

.pagination img {border: none;}
.pagination a
{
border: 1px solid #5b5659;
padding: 0 5px;
text-decoration: none; 
color: #ffffff;
background-color: #5b5659;
font-size: 14px;
font-weight: bold;
}
.pagination a:hover{
text-decoration: none;
}
.pagination a.selected{
border: 1px solid #ffffff;
text-decoration: none;
}

.sliderBackground {width: 617px; height: 240px; overflow: hidden;}
.sliderText {float: left; width: 227px; height: 100%; background-color: #6a625f; color: #ffffff; font-family: arial, verdana, sans-serif; font-size: 12px;}
.sliderText h2 {font-size: 18px; padding: 0; margin: 0; font-weight: bold; color: #ffffff; background-color: Transparent;}
.sliderText h3 {font-size: 12px; font-weight: bold; margin-bottom: 2px; padding-top: 10px; color: #ffffff;}
.sliderText a {color: #ffffff;}
.sliderText p {line-height: 16px;}
.sliderText ul {padding: 3px 0 0 0; margin: 0 0 0 0;}
.sliderDivider {width: 325px; height: 1px; margin: 8px 0 10px 0; border-top: 1px solid #000000;}
.sliderPadding {padding: 22px 19px 3px 15px}

.slider {float: left; overflow: hidden; padding-right: 10px;}
/* %%%%%%%%%%%%%%%%%%%%%%%  AJAX Slider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ 
