/* TABS */

ol, ul, li { border:0pt none; font-family:inherit; font-size: 100%; font-style:inherit; font-weight:inherit; margin:0pt; padding:0pt; vertical-align:baseline; }

.clear { clear: both; height: 0; visibility: hidden; display: block; }

#container-tab ul { list-style: none; list-style-position: outside; }

#container-tab ul.menu li { float: left; margin-bottom: -1px; }

#container-tab ul.menu li { font-family: Arial Narrow, Helvetica Condensed; font-size: 1.3em; padding: 7px 0 0 6px; color: #fff; display: block; margin-bottom: -1px;  position: relative; cursor: pointer; height: 26px; }

#container-tab ul.menu li.active {  }

.content-ab { margin-top: 4px; background: #fff; text-align: left; font-size: 1.2em; width: 538px; float: left; height: 222px; padding: 20px 18px 0px 18px; }

#container-tab h2 { font-size: 1.6em; padding: 0px; margin: 0px; font-family: Arial Narrow, Helvetica Condensed; font-weight: bold;}

#container-tab p {padding: 0; margin:0 0 10px 0; font-size: 1.0em; line-height: 16px; }

#tabbed-con {float: left; padding-bottom: 30px;}

#tab-sub { width: 300px; font-size: 1.2em; padding: 0px; margin: 0px 0px 10px 0px; font-family: Arial Narrow, Helvetica Condensed; font-weight: bold;}

.content-text, .content-text2 {float: left; width: 340px;}

#conimg {float: right;  float: right; margin-left: 20px; margin-bottom: 20px; width: 178px;}

#container-tab { width: 700px; }

.content-ab.tab1 { display: block; }

.content-ab.tab2, .content-ab.tab3, .content-ab.tab4, .content-ab.tab5 { display: none; }


#content1 {background:url(../images/how-it-works/content-box.gif);}

#content2 {background:url(../images/how-it-works/content-box.gif); background-position: 0px -242px;}

#content3 {background:url(../images/how-it-works/content-box.gif);  background-position: 0px -484px;}

#content4 {background:url(../images/how-it-works/content-box.gif);  background-position: 0px -726px;}
 
#content5 {background:url(../images/how-it-works/content-box.gif); background-position: 0px -968px;}

#tab1 {background:url(../images/how-it-works/tab1.gif) no-repeat; height: 33px; width: 127px;}

#tab2 {background:url(../images/how-it-works/tab2.gif) no-repeat; height: 33px; width: 108px;}

#tab3 {background:url(../images/how-it-works/tab3.gif) no-repeat; height: 33px; width: 108px;}

#tab4 {background:url(../images/how-it-works/tab4.gif) no-repeat; height: 33px; width: 108px;}

#tab5 {background:url(../images/how-it-works/tab5.gif) no-repeat; height: 33px; width: 138px;}


#dkgreen {color: #53863c;}

#ltgreen {color: #909e2f;}

#yellow {color: #f1b239;}

#orange {color: #dc6200;}

#dkred {color: #ad1f24;}

#works-text {
	float:left;
}

#works-text p { font-size:1.1em; line-height:17px; }

#works-text img {float:left; margin-right: 20px;}