/*
 * Digital Helper
 * 2010/02/25
 */
/*html { font-size: 100%; }
body { padding: 30px; background: #edf7ff; color: red; font: .75em/1.5 "Arial", "Helvetica", sans-serif; }
* { margin: 0; padding: 0; }
p, ul, ol, dl { padding-bottom: 1em; }
*/

/*
 * Intoduction box with tabs
 */
a.button-a { display: inline-block; padding: 0 0 0 30px; background: #da0202 url("../images/button_a.gif") no-repeat 0 0; color: #fff; font-size: 18px; font-weight: 700; text-decoration: none; white-space: nowrap; margin: 0; }
a.button-a span { display: inline-block; height: 35px; padding: 0 42px 0 0; background: #da0202 url("../images/button_a.gif") no-repeat 100% 0; line-height: 35px;  color: #fff; margin: 0;}
a.button-b { display: inline-block; padding: 0 0 0 20px; background: #da0202 url("../images/button_b.gif") no-repeat 0 0; color: #fff; font-size: 18px; font-weight: 700; text-decoration: none !important; white-space: nowrap; margin: 0;}
a.button-b span { display: inline-block; height: 35px; padding: 0 20px 0 0; background: #da0202 url("../images/button_b.gif") no-repeat 100% 0; color: #fff; line-height: 35px; margin: 0; }

div.intro { position: relative; width: 576px; color: #959595; font-size: 15px; padding: 28px 0 0 26px; }
div.intro div.item { position: relative; width: 310px; height: 295px; padding: 45px 260px 0 20px; }
div.intro div.item p.background { color: #959595; position: absolute; right: 0; top: 0; z-index: -1; padding: 0; }
div.intro div.item h2 { color: #da0202; font-size: 24px; line-height: 1.1; }
div.intro div.item p { color: #959595; font: .75em/1.5 "Arial", "Helvetica", sans-serif; font-size: 100%; }
div.intro div.item ul { padding-left: 35px; color: #da0202; padding-bottom: 1em;  margin: 0;}
div.intro div.item li { padding-bottom: 1ex; margin: 0;}
div.intro div.item ul span { color: #959595; margin: 0;}

div.intro ul.tabs { position: absolute; left: -7px; bottom: 0px; z-index: 2; list-style: none; padding: 0; margin: 0; margin-left: 27px; }
div.intro ul.tabs li { float: left; padding-left: 2px; }
div.intro ul.tabs li a { float: left; width: 112px; background: transparent url("../images/tabs.gif") no-repeat 50% 0; color: #666; font-size: 13px; font-weight: 700; line-height: 28px; text-decoration: none; text-align: center; letter-spacing: -1px; }
div.intro ul.tabs li a.active,
div.intro ul.tabs li a:hover { background-position: 50% 100%; color: #fff; }
div.intro ul.tabs li.first a { background-position: 0 0; }
div.intro ul.tabs li.first a:hover,
div.intro ul.tabs li.first a.active { background-position: 0 100%; }
div.intro ul.tabs li.last a { background-position: 100% 0; }
div.intro ul.tabs li.last a:hover,
div.intro ul.tabs li.last a.active { background-position: 100% 100%; }

.js div.intro { overflow: hidden; height: 340px; }
.js div.intro div.item { z-index: 1; margin-bottom: -340px; cursor: pointer; }
.js div.intro div.item#intro-0 { z-index: 2; }


/*
 * the end
 */