/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* CLEARFIX */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* CAROUSEL */

body {font-family:"MS PGothic"; color:#FFF; font-size:12px;}

a {color:#FFF; text-decoration:none;}

a:hover {color:#FFF; text-decoration:underline;}

.carousel { width:700px; height:200px; margin:0; position:relative; overflow:hidden;}

.carousel h2 { color:#fff;}	

.carousel .backgrounds { height:200px;}

.carousel .backgrounds .item { width:700px; height:200px; float:left; position:relative;}

.carousel .backgrounds .item .large {position:absolute; top:0; left:0; z-index:10;}

.carousel .panel{ width:200px; height:200px; background:#ff5184; color:#fff; position:absolute; right:0; top:0; z-index:100;}

.carousel .panel .paging { width:190px; position:absolute; bottom:5px; left:5px; text-align:center;}

.carousel .panel .paging a { color:#ff8fb0; font-size:1.1em;}

.carousel .panel .pause, .carousel .panel .play { width:18px; height:18px; position:absolute; right:5px; top:5px; display:block; text-indent: -6000px;}
    
.carousel .panel .pause { background: transparent url(https://affiliate.dtiserv.com/image/1pondo/3018002/carousel_pause_bg.gif) no-repeat 0 0;}

.carousel .panel .play { background: transparent url(https://affiliate.dtiserv.com/image/1pondo/3018002/carousel_play_bg.gif) no-repeat 0 0;}

.carousel .panel .paging .next { width:18px; height:18px; position:absolute; right:0; bottom:0; display:block; background: transparent url(https://affiliate.dtiserv.com/image/1pondo/3018002/carousel_next_bg.gif) no-repeat 0 0; text-indent: -6000px;}

.carousel .panel .paging .previous { width:18px; height:18px; position:absolute; left:0; bottom:0; display:block; background: transparent url(https://affiliate.dtiserv.com/image/1pondo/3018002/carousel_previous_bg.gif) no-repeat 0 0; text-indent: -6000px;}

.carousel .panel .paging #numbers a { padding:0 5px;  font-weight:bold; text-decoration:none;}

.carousel .panel .paging #numbers a.selected { color:#fff; text-decoration:none;}

.carousel .panel .details_wrapper { width:190px; height:180px; position:absolute; top:5px; left:5px; overflow:hidden;}

.carousel .panel .details_wrapper .details { height:180px;}

.carousel .panel .details_wrapper .details .detail { width:190px; height:180px; float:left;}

.carousel .panel .details_wrapper .details .name {font-size:16px; line-height:22px; font-weight:bold; }

.carousel .panel .details_wrapper .details .title {font-size:14px; line-height:20px; font-weight:bold;}

.carousel .panel .details_wrapper .details .comm {font-size:12px; line-height:18px;}

.carousel .panel .details_wrapper .details a.more {float:right;}   

/* END CAROUSEL */