.ui-brands {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	background: #F2F2F2;
}
.ui-brands .thumbnails { 
    margin-bottom: 0; 
    margin-left: 0; 
}
.ui-brands .thumbnails > li { 
    margin-left: 0; 
    margin-right: 0; 
    width: 33.3333333%;
    text-align: center;
}
.ui-brands .thumbnails > li a { 
    display: block;
}

#carousel-main {
	position: relative;
	height: 460px;
	box-shadow: 0 1px 5px rgba(0,0,0, 0.2);
}

#carousel-main .carousel-indicators { 
	bottom: 110px; top:auto; left: 15px; right: auto;
}
.ui-carousel { 
	background: #efefef; /*#777 url('/i/appleipad-bg.jpg') repeat 0 0;*/
}	
.ui-carousel .carousel-control { 
	background: transparent;
	border-color: transparent;
	text-decoration: none!important;
	outline: none!important;
	opacity: .1;
}
.ui-carousel .carousel-caption { font-size: .8em; padding-left:50px; }
.ui-carousel .carousel-caption h3 { margin: 0; color: #fff; }
.ui-carousel .carousel-caption p { line-height: 1.3; opacity:.7;}
#carousel-main .carousel-control:hover { color: #999!important; opacity: 1!important;}
#carousel-main .item-big { height: 460px; float:left; width:640px; margin-right:2px; }
#carousel-main .item-big .item { height: 460px; width:640px;}
#carousel-main .item-middle { height: 300px; float:left; width: 318px; margin-top:2px; }
#carousel-main .item-middle .item { height: 300px; width:318px;}
#carousel-main .item-small { height: 158px; float:left; width: 158px; margin-right:2px; }
#carousel-main .item-small .item { height: 158px; width:158px;}
#carousel-main .item-small.last { margin-right:0px;}

@media (max-width: 980px) {
	#carousel-main { height:362px; }	
	#carousel-main .item-big,
	#carousel-main .item-big .item  { width:510px; height:362px; }	
	#carousel-main .item-middle,
	#carousel-main .item-middle .item  { width:248px; height:237px; }	
	#carousel-main .item-small,
	#carousel-main .item-small .item  { width:123px; height:123px; }	
	.ui-carousel .carousel-caption { padding-left:20px; }
}
@media (max-width: 767px) { 
	#carousel-main .item-big,
	#carousel-main .item-big .item  { width:100%; height:auto;}	
	#carousel-main  .item-middle { display: none; }
	#carousel-main  .item-small { display: none; }
	.two-col-content {margin-top:30px;}
}
@media (max-width: 670px) { 
	#navigation, #page-body { width: 90%; }
	.ui-carousel .carousel-caption,
	#carousel-main {box-shadow:none; height:auto;}
	.ui-carousel {background:transparent;}	
	
}