@charset "utf-8";

/* Five Steps */
#fivesteps {margin:35px 0 5px; background:url(/images/client/rounded_bottom_full.png) no-repeat 0 100%}
#fivesteps div {width:192px; float:left; margin:0; display:inline;/* IE >6 */}
#fivesteps h2 {margin:0}
#fivesteps h2 a {display:block; padding:8px 22px 8px 12px; font:bold 20px/22px Arial, Helvetica, sans-serif; 
background:#E9EFEF url(/images/client/5step_arrow.png) no-repeat 100% 50%; text-shadow:#fff 0 0 3px}
#fivesteps h2 a:hover {color:#FFF; background-color:#F07C00; text-shadow:#222 0 0 3px}
#fivesteps p {margin:10px 12px 20px}

/* carouselle */
#customcols {background:url(/images/client/customcolumns.png) no-repeat 0 0; padding:35px 0 0}
#customcols_btm {background:url(/images/client/customcolumns_btm.png) no-repeat 0 100%}
#carouselle_overflow {width:956px; position:relative; top:-18px; z-index:5; overflow:hidden}
#carouselle {margin:0 0 0 24px}
#carouselle li {width:284px; margin:0 40px 0 0; display:inline;/* IE >6 */ border-bottom:2px solid #fff}
#customcols h4 {color:#fff}
a.prev, a.next {background:url(/images/client/prev-next.png) no-repeat 100% 0; width:18px; height:18px; 
position:absolute; margin-top:60px; float:left; display:inline-block; z-index:10; text-indent:-999em}
a.next {float:right; margin-left:962px; background-position:0 0}
#content a:hover.prev, #content a:hover.next, #content a.prev, #content a.next {border:none}
a.prev.disabled {cursor:default; background-position:100% 100%}
a.next.disabled {cursor:default; background-position:0 100%}
#carouselle p {padding-bottom:10px}
#carouselle img {float:left; display:inline; margin:0 1em .25em 0}
#carouselle a.more {float:left; margin:1em 0; padding:2px 10px; background:#eee; border:1px solid #ddd; white-space:nowrap; font-weight:700; color:#c50}
#carouselle a:hover.more {background:#d50; color:#fff}