/* http://meyerweb.com/eric/tools/css/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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;font-size:100%;background:transparent;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
ins{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
.IE button{width:1%;overflow:visible;}
a, a span{cursor:pointer;} 
pre{margin:10px 0;padding:10px;background:transparent;}
#container{overflow:hidden;margin:0 auto 20px;width:990px; float:left;}
div.box-primary{display:inline;float:left;width:800px;}
div.box-secondary{display:inline;float:right;padding-left:15px;width:350px;}
div.box-inner{overflow:hidden;padding-bottom:15px;zoom:1;} 
#container .js{overflow:hidden;zoom:1;}
#container .carousel,
#container .carousel .carousel-wrap{margin:0;border:0;zoom:1; background:transparent !important;}
#container .js .carousel-wrap{display:inline-block;vertical-align:middle;width:786px;margin:0 5px 15px;background:transparent;}
.IE #container .js .carousel-wrap{display:inline;}
#container .carousel ul{margin:0;padding:0;zoom:1;}
#container .js ul li{overflow:hidden;display:inline;float:left;width:786px;height:450px; color:black;}
#container .carousel .carousel-control{overflow:hidden;display:inline-block;vertical-align:middle;width:40px;height:40px;cursor:pointer;line-height:999px;zoom:1;}
#container .carousel .carousel-next{background:url(/images/nextproduct.png) 0 0 no-repeat;}
#container .carousel .carousel-previous{background:url(/images/previousproduct.png) 0 0 no-repeat;}
#container .carousel .carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}
#container .carousel .disabled,#container .carousel .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}
#container .carousel div{margin:0;padding:0;border:0;}
#container .carousel ul{padding:0;list-style:none;}
#container .carousel ul li{position:relative;width:786px;margin:0;}
#container .carousel ul li cite{position:absolute;bottom:3px;right:10px;line-height:19px;font-size:11px;}
#container .carousel ul li cite a img{vertical-align:middle;}
#container .carousel ul li cite a{color:black;text-decoration:none;}
#container div.center-wrap{overflow:hidden;clear:both;zoom:1;}
#container div.center-wrap div{border:0;margin:15px 0;}
#container div.center-wrap a{margin:0 2px;padding:2px 5px;border:1px solid #4f4f4f;background:transparent;cursor:pointer;color:black;-moz-border-radius:12px;webkit-border-radius:12px;border-radius:12px;}
#container div.center-wrap a.active{font-weight:bold;color:#5db0e6;}
#examples{margin-top:2em;border:0;}
#examples ul{overflow:hidden;padding:0;zoom:1;}
#examples ul li{display:inline;float:left;margin:0 2px 0 0;list-style:none;}
#examples ul li a{display:block;padding:10px 15px;text-decoration:none;background:transparent;}
#examples ul li a.active{color:black;}
#examples p{margin:0 0 15px;}
#examples .tabs-frames{border:2px solid #333;padding:10px;}
#examples .js ul{overflow:hidden;zoom:1;}
#examples .js ul li{overflow:hidden;width:250px;height:167px;}
#examples .js .carousel-wrap{width:250px;margin-bottom:0;zoom:1;}
#examples .example-4 .carousel-wrap{width:750px;margin-bottom:0;zoom:1;}
#examples h3{color:#5DB0E6;}

.carousel example-1 ul{background:transparent !important;}