/* CSS Document */

body, h1, h2, h3, h4, p, .testimonial,hr
{margin:0px; padding:0px;}

body
{
background-color: #eae9e9;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#header
{
background:url(images/header.jpg) no-repeat top left;
width: 782px;
height:193px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
}

#content
{
background:url(images/back.gif) repeat-y top left;
width: 652px;
margin-left:auto;
margin-right:auto;
padding:10px;
padding-top:30px;
margin-top:0px;
}

#footer
{
background:url(images/footer.jpg) no-repeat bottom left;
width: 680px;
height:37px;
margin-left:auto;
margin-right:auto;
clear:both;
padding:100px 77px 5px 25px;
font-size:12px;
}


/*Headings*/
h1
{
color:#e10000;
text-align:center;
font-size:170%;
padding-bottom:20px;
}

h2
{
padding-top:0px;
padding-bottom:20px;
text-align:center;
font-size:120%;
font-style:italic;
}

h2 span.mw-headline
{
padding-top:10px;
padding-bottom:0px;
text-align:left;
font-size:120%;
font-style:normal;
display:block;
font-size:100%;
}

p.nopad
{
  padding:0px 0px 20px 0px;
}
h2.red
{
color:#e10000;
font-style: normal;
}
h3
{
text-align:center;
padding-bottom: 20px;
}

h3 span.mw-headline
{
padding:0px;
text-align:left;
display:block;
font-weight:bold;
border-bottom:1px solid #9CDE3D;
font-size:85%;
font-style:italic;
color:gray;
}
h3.red
{
color:#e10000;
font-size: 110%;
padding-bottom:3px;
margin:0px;
}

h4
{
text-align:center;
padding-bottom: 20px;
font-size:100%;
}

h4.left
{
text-align:left;
padding-bottom: 20px;
font-size:100%;
}
/*Formatting*/
p, ul, table, ol
{font-size:80%;
padding-bottom:20px;}


p, ol
{
line-height: 150%;
}

.hilite
{
background-color:#FFFF00;
}
.hiliteli
{
  background-color:#FFFF00;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
}
.bi
{ font-style:italic;
font-weight:bold;}
.redcolor
{color:#e10000;
}
.bluecolor
{
color: #0C06FA;
font-weight:bold;
text-decoration:underline;
font-size:100%;
text-align:center;
}
.redbold,.redboldbig
{
color:#e10000;
font-weight:bold;
}
.redboldbig
{
font-size: 120%;
}
hr
{
height: 1px;
color:#666666;
}

/*Boxes*/
.box
{
border: 1px solid #000000;
padding:20px;
background: #f1f1f1 url(images/body.gif)
}


.testimonial
{
border: 2px solid #999999;
border-right: 4px solid #000000;
border-bottom: 4px solid #000000;
padding:10px;
background-color: #faf9c1;
margin: 10px auto 30px auto;
width: 480px;

}

.dottedbox
{
border: 2px dashed #676666;
padding:1px;
margin-bottom:30px;
}
.innerdotted
{
border: 5px solid #9cde3d;
padding:10px 20px 20px 20px;
text-align:center;
}

.bonusbox /*yellow one*/
{
border: 5px dashed #fecd04; 
padding:20px 18px 20px 18px;
}

.blackbox
{
border: 6px solid #000000;
}
.greybox
{
border: 4px solid #dcdbda; 
padding: 20px;
}
.reddotted
{
border: 5px dashed #e94603;
padding:10px;
}

.pricefont
{
margin:0px;
color: #0c8122;
font-weight:bold;
text-align:center;
padding-top:0px; 
font-size:100%;
padding-botom: 10px;
}

img
{border:0px;}


ul.arrow
{
  text-align:left;
  list-style:circle;
}

table.compare {
	border-width: 0px;
	border-spacing: ;
	border-style: none;
	border-color: white;
	border-collapse: collapse;
	background-color: gray;
    font-weight:bold;
    width:100%;
}
table.compare td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: gray;
	background-color: #d9d9d9;
}
td.feature
{
    text-align:left;
    background-color: #gray;
}
td.feature2
{
    text-align:left;
}
td.nodata
{
  border-width:0;
}
tr.alt
{
  background-color: gray;
}

.guarantee
{
  line-height:150%;
  border:1px solid #000000;
  width:100%;
}

.pricebox
{
  background: url(images/xtrabonusback.gif) repeat-y center;
  padding: 10px 60px 10px 60px;
  text-align:left;
}

.pricebox ul{
  font-weight:bold;
}

.pricebox li {
    list-style-image: url(images/star.gif)
}

/*Filmstrip CSS*/


.panel img {
  border:1px solid black;
}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 2px solid black;
overflow: scroll; /*leave this value alone*/
width: 442px; /*Width of Carousel Viewer itself*/
height: 111px; /*Height should enough to fit largest content's height*/
margin-left:auto;
margin-right:auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 5px; /*margin around each panel*/
width: 104px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
border: 0px solid black;
}

/* right hand player buttons*/

#playerright ul
{
list-style: none;
padding: 0;
margin: 0;
clear:both;
}

#playerright li a
{
background: url(images/css-nav.gif) #fff bottom left repeat-x;
height: 37px;
line-height: 37px;
width: 150px;
display: block;
color: #ffffff;
text-decoration: none;
text-align: center;
}

#playerright a:hover
{
background: url(images/css-nav-h.gif) #fff bottom left repeat-x;
height: 37px;
line-height: 37px;
width: 150px;
display: block;
color: #ffffff;
text-decoration: underline;
text-align: center;
}

#replay {
  display:block;
  font-size:12px;
  margin:12px 20px;
  
}

#replay a, #replay a:hover{
  display:block;
  font-size:12px;
  margin:12px 20px;

}

.small{
  font-size:x-small;
}

.secure{
  background:url(images/folder_locked.png) top left no-repeat;
  padding-left:36px;
  height:32px;
  width:232px;
}
.ers{
  width:250px;
  border:1px solid red;
  padding:5px;
  padding-left:30px;
  text-align:center;
  background:#FFD4D4 url(images/inviter/ers.gif) top left no-repeat;
}
.oks{
  width:250px;
  border:1px solid lime;
  padding:5px;
  padding-left:30px;
  text-align:center;
  background:#C6FEC4 url(images/inviter/oks.gif) top left no-repeat;
}