* { 
margin: 0; 
padding: 0; }

body { 
padding: 0px; 
font-size: 100%; 
font-family: arial, sans-serif; }

#container { 
width: 800px; 
margin: 0; 
}

/* custom styling */
#carousel { 
margin: 0px 0 0px 0; }

.dcCarousel .carousel-holder a { 
color: #000; 
text-decoration: none; }

.dcCarousel .items .item { 
height: 425px; 
width: 425px; 
margin: 0;  
color: #0000; 
}

.dcCarousel .carousel-holder {
	position:absolute;
	top:380px;
	left:772px;
	padding: 0px;
}	

.dcCarousel .carousel-holder li a { 
display: block; 
height: 20px; 
width: 20px; 
line-height: 20px; 
text-align: center; 
background: #255d2a; 
font-size: 10px; 
color: #fff; }




.dcCarousel .items { min-height: 200px; text-align: left; }

.dcCarousel .carousel-holder { overflow: hidden; }

.dcCarousel .carousel-holder p		{ text-align: center; margin: 0 auto; font-size: 50px; }

.dcCarousel .carousel-holder .arrowl, #productCarousel .carousel-holder .arrowr { display: block; float: left; width: 10px; height: 70px; cursor: pointer; }

.dcCarousel .carousel-holder .arrowl { color:#255d2a; }

.dcCarousel .carousel-holder .arrowr { color:#255d2a; }

.dcCarousel .carousel-holder .holder { width: 65px; float: left; overflow: hidden; }

.dcCarousel .carousel-holder ul {  width: 128px; list-style: none; }

.dcCarousel .carousel-holder li { float: left; display: inline; width: 10px; padding: 0 10px; opacity: 0.5; filter: alpha(opacity=50); }

.dcCarousel .carousel-holder li.selected { opacity: 1; filter: alpha(opacity=100); }

.dcCarousel .carousel-holder li:hover { opacity: 1; filter: alpha(opacity=100); }

.dcCarousel .carousel-holder .items .item { width: 500px; height: 400px; margin: 10px auto 20px auto; }

.dcCarousel .controls {
    list-style: none;
    overflow: hidden;
    margin: 10px 0;
}

.dcCarousel .controls li {
    display: block;
    float: left;
    margin: 0 5px;
}

.dcCarousel .controls li a {
    display: block; width: 10px; height: 10px; border-radius: 10px; background: #ccc;
}

.dcCarousel .controls li a:hover {
    background: #aaa;
}

.dcCarousel .controls li.selected a:hover {  }

.dcCarousel .controls li.selected a { background: #191919; }

.dcCarousel .outer-center {
    float: right;
    right: 50%;
    position: relative;
}

.dcCarousel .inner-center {
    float: left;
    position: relative;
}

.dcCarousel .clear {
    clear: both;
}

.dcCarousel .padder { padding: 20px 0; clear: both; }