
#carousel , #carousel li { list-style:none; margin:0; padding:0}
 
.screen #carousel{
display:block;
width:100%;
height:auto; 
overflow:hidden;
clear:both;
margin:25px auto 0px auto;
position:relative;  
}
 
 

.screen #carousel #carouselControls{ position:relative; height:0px; width:100%;  }
.screen #carousel #carouselControls span{
position:absolute;
top:42px;
display:block;
width:30px;
height:40px;
background-color:#fff;
z-index:5;
background-repeat:no-repeat;
background-position:50% 50%;display:none; cursor:pointer;
}

.screen #carousel #carouselControls span:first-child{
left:2px;
background-image:url(../images/icons/arrowLGrayThin.png)
}

.screen  #carousel #carouselControls span:last-child{
right:2px;
background-image:url(../images/icons/arrowRGrayThin.png)
}

.screen #carousel ul{ width:6000px;   display:block;   }

.screen #carousel li { 
display:block; float:left; 
margin: 0 15px 0 0;
overflow:hidden;
border:0px solid;
border-color:#e9e9e9;
position:relative; 
width:492px;
min-height:230px;
} 


.screen #carousel li .imgWrap{width:40%;height:auto; display:block; float:left; margin:0; text-align:left; overflow:hidden; }
 
.screen #carousel li img{ padding:4px; display:block; margin: 0 ; width:100%; height: auto; z-index:1; border:2px solid #e8e8e8	 }  
 

.screen #carousel li:hover  img{ 
 opacity:0.8; 
}


/* all text  */
.screen #carousel li .textWrap{
margin:6px auto 0 auto;
width:60%; float:left;
padding-left:15px;
text-align:left; 
display:block;
} 

#carousel li  strong{ color: #006699;font-family:Raleway , Arial, Helvetica, sans-serif}
#carousel li  p{ color: #444;font-family:Raleway , Arial, Helvetica, sans-serif}


/*title*/
.screen #carousel li strong{
padding:0px 0px 0 0;
margin:0 auto;
z-index:1;
font-size:1.1em;
letter-spacing: 0px;
font-weight:bold;
text-transform:none;
} 

.screen #carousel li .textWrap p {
font-size:0.86em;
margin:0;
padding:4px  5px 0 0;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
  
.screen #carousel li:hover .textWrap p  {
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;}

.screen #carousel hr{ display:none;}


span.moreLink{
display:none; 
}

 

.mobile  #carousel { width:100%; height:auto; margin:  25px auto 0px auto;  display:block; clear:both;  }
.mobile  #carousel ul { width:100%; height:auto; padding:0 15px; position:relative}

.mobile  #carousel *{ /**/}

.mobile  #carousel li{ position:relative }

@media only screen and (orientation:portrait)  {
.mobile  #carousel li{ width:100%; margin:0 0 20px  0;padding-bottom:20px;   height:auto ; clear:both; border-bottom:2px solid #e9e9e9; min-height:60px;  }
.mobile  #carousel li:last-child{ border-bottom:0}
.mobile  #carousel li .imgWrap{ overflow:hidden; display:block;  width:30%; height: auto; float: left; } 
.mobile  #carousel li  .textWrap{ display:block;  float:right; width:70%; padding:4px 5px 0 15px;   } 
.mobile  #carousel li img{ float:left}/* no white space*/
}			

@media only screen and (orientation:landscape)   {  
.mobile  #carousel li{   width:49.0%;  margin:0 0 30px 0; height:auto ;  border-top:0px solid #e9e9e9; padding-top:30px; height:auto; min-height:60px;   } 
.mobile  #carousel li:nth-child(2n+1){ clear:both;float:left; }
.mobile  #carousel li:nth-child(2n+2){ float:right  ; }
.mobile  #carousel li .imgWrap{ overflow:hidden; display:block;  width:24%; height: auto; float: left;   } 
.mobile  #carousel li  .textWrap{ display:block;  float:left; width:70%; padding:0px 0px 0px 10px;   }
.mobile  #carousel li img{ float:left; border-radius:0%; }/* no white space*/
}

.mobile #carousel li  img{ width:100%; height:auto; margin:0 ; border:1px solid #ccc}


.mobile  #carousel li  strong{
font-size:1.2em; 
display:block; font-weight:300; letter-spacing:-0.05em; padding:0  }
.mobile  #carousel li  .textWrap p{ display:block;  font-size:0.96em; }

.mobile  #carousel li hr{ display:block; border:0; background:0; height:0} 
.mobile  #carousel li .moreLink{ display:none; /* display:block; margin-top:5px; font-size:0.8em*/}

