/* CSS Document */

hr{
margin:0 0 20px 0;
}

/* wbc */

#wbc{
width:760px;
padding:0 20px 30px 20px;
}

#wbc img{
display:block;
padding:0 0 0.2em 0;
}

#wbc h2{
font-size:12px;
font-weight:normal;
}

/* concept */

#concept{
width:760px;
padding:0 20px 30px 20px;
}

#concept h2{
margin:0 0 20px 0;
}

#concept p{
font-size:12px;
line-height:150%;
color:#333333;
}

/* advantage */

#advantage{
clear:both;
width:760px;
padding:0 20px 30px 20px;
}

#advantage h2{
margin:0 0 20px 0;
}

#advantage p{
font-size:12px;
line-height:150%;
color:#333333;
margin:0 0 20px 0;
}

#advantage img#right{
width:520px;
float:right;
}

span#diagram{
vertical-align:top;
width:240px;
float:left;
}

span#new{
padding:3px;
color:white;
line-height:100%;
background-color:red;
margin:0 0 0 1em;
}

span#diagram h3{
margin:0 0 10px 0;
}

span#diagram p{
margin:0 0 0.5em 0;
font-size:12px;
line-height:150%;
color:#333333;
}

/* advantage */

#hanessel{
margin:0 0 30px 0;
}

/* growth */

div#growth{
clear:both;
padding:0 0 30px 0;
}

div#growth h2{
margin:0 20px;
}

/* burden */

div#burden{
clear:both;
width:760px;
padding:0 20px 30px 20px;
}

div#burden img{
float:right;
margin:0 0 0 20px;
}

div#burden h2{
}

div#burden h2 img{
margin:0 0 20px 0;
float:none;
}

div#burden h3{
margin:0 0 0.5em 0;
font-size:14px;
color:#333333;
}

div#burden p{
margin:0 0 1em 0;
font-size:12px;
line-height:150%;
color:#333333;
}

div#burden img.burden{
margin:0;
}

/* side */

div#side{
clear:both;
width:760px;
padding:0 20px 30px 20px;
}

div#side h2{
padding:0 0 20px 0;
}

div#side img{
}

/* display */

div#display{
width:800px;
}

/* standard */

div#standard{
width:800px;
margin:0 0 20px 0;
font-size:12px;
line-height:140%;
color:#333333;
}

div#information{
width:625px;
text-align:left;
float:right;
}

div#information a{
margin:0 0 0 1em;
}

div#information ul{
margin:1em 0 1em 1em;
}

div#standard h3{
margin:0 0 10px 0;
}

div#standard a#size{
padding:3px;
color:white;
line-height:100%;
background-color:#F199B1;
margin:0 0 0 1em;
}

div#standard ul{
}

div#standard img#left{
float:left;
}

table.standard{
clear:both;
width:100%;
margin:20px auto;
border-collapse:collapse;
text-align:left;
}

table.standard td.standard{
width:80px;
padding:0 0 30px 0;
}

table.standard td.color{
vertical-align:top;
line-height:110%;
padding:0 0 0 10px;
}

table.standard td.color h4{
font-size:12px;
font-weight:normal;
margin:0 0 5px 0;
}

table.standard td.color h4 span{
font-size:10px;
}

table.standard td.color a{
display:block;
margin:0 0 2px 0;
}

table.standard td.color a span{
margin:0 0 0 2px;
font-size:10px;
color:#333333;
text-decoration:none;
}

/* cramming */

div#cramming{
width:800px;
font-size:12px;
line-height:140%;
color:#333333;
}

div#cramming h3{
margin:0 0 10px 0;
}

div#cramming a#size{
padding:3px;
color:white;
line-height:100%;
background-color:#F199B1;
margin:0 0 0 1em;
}

div#cramming p{
color:#e50000;
margin:0 0 10px 0;
}

div#cramming ul{
}

div#cramming img#left{
float:left;
}

table.cramming{
clear:both;
width:100%;
margin:20px auto;
border-collapse:collapse;
text-align:left;
}

table.cramming td.cramming{
width:80px;
padding:0 0 30px 0;
}

table.cramming td.color{
vertical-align:top;
line-height:110%;
padding:0 0 0 10px;
}

table.cramming td.color h4{
font-size:12px;
font-weight:normal;
margin:0 0 5px 0;
}

table.cramming td.color h4 span{
font-size:10px;
}

table.cramming td.color a{
display:block;
margin:0 0 2px 0;
}

table.cramming td.color a span{
margin:0 0 0 2px;
font-size:10px;
color:#333333;
text-decoration:none;
}

/* traditional */

div#traditional{
width:800px;
font-size:12px;
line-height:140%;
color:#333333;
}

div#traditional img#left{
float:left;
}

div#traditional img#red{
margin:42px 0 0 0;
}

div#traditional div#information{
margin:0 0 0 32px;
width:485px;
text-align:left;
float:left;
}

div#traditional h3{
margin:0 0 10px 0;
}

div#traditional a#size{
padding:3px;
color:white;
line-height:100%;
background-color:#F199B1;
margin:0 0 0 1em;
}

div#traditional ul{
}

/* harnes */

div#harnes{
border-top:1px dashed #4d4d4d;
margin:30px 0 0 0;
padding:30px 0 0 0;
width:800px;
font-size:12px;
line-height:140%;
color:#333333;
}

div#harnes img#left{
float:left;
}

div#harnes img#red{
margin:42px 0 0 0;
}

div#harnes div#information{
margin:0 0 0 32px;
width:485px;
text-align:left;
float:left;
}

div#harnes h3{
margin:0 0 10px 0;
}


div#harnes dt{
display:inline;
}

div#harnes dd{
display:inline;
}

div#harnes ul{
display:inline;
}

div#harnes li{
list-style:none;
white-space:nowrap;
display:inline;
}

div#harnes a#size{
padding:3px;
color:white;
line-height:100%;
background-color:#ff7a56;
margin:0 0 0 1em;
}

div#harnes ul{
}

div#harnes p{
margin:1em 0;
}

div#harnes input{
display:block;
margin:1em 0 0 0;
}

/* buy */

div#buy{
margin:20px 20px;
}