body {
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    color: #4e4e4e;
    font-family: arial;
    font-size: 14px;
    line-height: 146%;
}
p{
    color: #4e4e4e;
    font-family: arial;
    font-size: 14px;
    line-height: 146%;
}
h1 {
    font-family: 'Bitter', serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 134%;
    margin: 21px 0 5px;
    text-transform: uppercase;
}

h2{
    color: #fff;
    font-family: 'Bitter', serif;
    font-size: 23px;
    font-weight: 700;
    margin: 21px 0 5px;
    text-transform: uppercase;
    line-height: 134%;
}

h4, h5 h6{ 
    color: #242424;
    font-family: 'Bitter', serif;
    font-size: 23px;
    font-weight: 700;
    margin: 21px 0 5px;
    text-transform: uppercase;
    line-height: 134%;
}

h3 {
    color: #242424;
    font-family: 'Bitter', serif;
    font-size: 20px;
    font-weight: 700;
    margin: 21px 0 5px;
    text-transform: uppercase;
    line-height: 134%;
}


ul{
    margin:0 0 15px 30px; 
    padding: 0;
}
.matarial ul {
    margin:0 0 15px 30px; 
    padding: 0;
    color: #ffffff;
}
.matarial a {
    color: green;
    text-decoration: none;
}
.matarial a:hover {
    color: #ffffff;
}
ol{
    margin:0 0 15px 30px; 
    padding: 0;
}


ul li, ol li{
              margin: 0; 
              padding: 0;
}

ul li a, ol li a{ 
                  color: #ee9400;
}


ol{
    margin:0 0 15px 30px; 
    padding: 0;
}

a:focus{ 
         outline:0 none;
}

a{ 
   color: #821800; 
   text-decoration: none;
}
a:hover {
    color: #4e4e4e;
}
.header {
    float: left;
    width: 100%;
}

.header-3 {
    background-color: #0c5e83;
    float: left;
    height: 38px;
    width: 100%;
}

.wrapper {
    width: 996px;
    margin: 0 auto;
}
.top-nav {
    float: left;
    margin: 4px 0 0;
    width: 100%;
}
.top-nav ul {
    margin: 0;
    padding: 0;
}
.top-nav ul li {
    display: inline-block;
    list-style-type: none;
    padding: 4px 11px 5px 12px;
}
.top-nav ul li:hover {
    background: url("images/top-li-bg.jpg") repeat-x;
}
.top-nav ul li a {
    color: #dfeaee;
    font-family: "Glegoo",serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: capitalize;
}
.top-nav ul li a:hover {
    color: #2a353b;
}
.header-2 {
    background: url("images/header-2-bg.jpg") repeat-x scroll 0 37px #f7f7f7;
    float: left;
    height: 161px;
    width: 100%;
}
.sub-wrapper {
    width: 996px;
    margin: 0 auto;
}
.sub-wrapper-content {
    float: left;
    margin: 24px 0 0;
    width: 100%;
}
.logo {
    float: left;
}
.logo img {
    float: left;
}
.sub-screenshot {
    float: right;
    margin: 8px 0 0;
}
.sub-screenshot img {
    
}
.header-1 {
    background: url("images/header-1-bg.jpg") repeat-x scroll center 162px #821800;
    float: left;
    width: 100%;
}
.sub-sub-wrapper {
    width: 996px;
    margin: 0 auto;
}
.sub-sub-wrapper-content {
    float: left;
    width: 100%;
}
.matarial {
    color: #fff;
    float: left;
    width: 490px;
}
.matarial h3 {
    color: #ffffff;
    font-family: 'Bitter', serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 134%;
    margin: 32px 0 11px;
    text-transform: uppercase;
}
.matarial p {
    font-size: 14px;
    font-family: arial;
    color: #ffffff;
}
.hero {
    float: right;
}
.hero img {
    
}
.content-wrapper {
    width: 996px;
    margin: 0 auto;
}
.left-content-part {
    float: left;
    margin: 4px 0 0;
    width: 680px;
}
.table-heading {
    float: left;
    width: 100%;
}
.table-heading h2 {
    color: #242424;
    font-family: 'Bitter', serif;
    font-size: 23px;
    font-weight: 700;
    margin: 21px 0 5px;
    text-transform: uppercase;
}
.table-heading p {
    color: #4e4e4e;
    font-family: arial;
    font-size: 14px;
    line-height: 146%;
}
.table-section {
    float: left;
    width: 100%;
}
table {
    width: 100%;
    border-spacing:0;
}
table tr {
    background-color: #ebebeb;
    border-bottom: 10px solid #ffffff;
}
table th {
    background: url("images/th-bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 2px solid #ffffff;
    color: #ffffff;
    font-family: arial;
    font-size: 14px;
    font-weight: 300;
    padding: 10px 0 5px;
    text-transform: uppercase;
}
table td {
    color: #4e4e4e;
    font-family: arial;
    font-size: 14px;
    padding: 12px 0;
    text-transform: capitalize;
    border-bottom: 2px solid #ffffff;
}
.doyles {
    text-align: left;
    width: 222px;
}
.doyles a{
    text-transform: capitalize;
    color: #4e4e4e;
    font-family: arial;
    font-size: 14px;
    text-decoration: underline!important;
}
.doyles a:hover {
    text-decoration: none!important;
    color: #000000;
}
.visitez {
    padding: 0;
    text-align: center;
    width: 143px;
}
.visitez:hover {
    
}
.visitez a{
    background: url("images/button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    font-family: arial;
    font-size: 14px;
    padding: 3px 10px 4px;
    text-decoration: none;
    text-transform: uppercase;
}
.visitez a:hover{
    background-position: 0 -23px;
}
.td-1 {
    padding: 0 0 0 24px;
}
.td-2 {
    padding: 0;
    text-align: center;
    width: 152px;
}
.td-3 {
    text-align: center;
}
.td-3 a {
    color: #4e4e4e;
    font-family: arial;
    font-size: 14px;
    text-transform: capitalize;
}

.td-3 a:hover {
    color: #000000;
}
.th-1 {
    text-align: left;
}
.main-part {
    float: left;
    width: 100%;
}
.main-part h1 {
    color: #242424;
    font-family: 'Bitter', serif;
    font-size: 23px;
    font-weight: 700;
    margin: 23px 0 2px;
    text-transform: uppercase;
}
.main-part p {
    color: #4e4e4e;
    font-family: arial;
    font-size: 14px;
    line-height: 146%;
    margin: 0;
}
.right-content-part {
    float: right;
    margin: 4px 0 0;
    width: 284px;
}
.right-nav-heading {
    float: right;
    width: 100%;
}
.right-nav-heading h4 {
    color: #242424;
    font-family: 'Bitter', serif;
    font-size: 23px;
    font-weight: 700;
    margin: 20px 0 6px;
    text-transform: uppercase;
}
.right-nav {
    background-color: #ebebeb;
    float: right;
    width: 100%;
}
.left-table {
    float: left;
    width: 64px;
}
.left-table table {
    width: 100%;
}
.left-table table tr {
    
}
.left-table table th {
    text-align: center;
}
.left-table table td {
    height: 36px;
    line-height: 100%;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
.right-table {
    float: left;
    width: 219px;
}
.right-table table {
    width: 100%;
}
.right-table table tr {
    
}
.right-table table th {
    text-align: left;
}
.right-table table td {
    height: 36px;
    line-height: 100%;
    padding: 0;
    text-align: left;
    vertical-align: middle;
}
.right-table table td a {
    color: #4e4e4e;
    text-transform: capitalize;
    text-decoration: underline;
    font-family: arial;
    font-size: 14px;
}
.right-table table td a:hover {
    text-decoration: none;
    color: #000000;
}

.right-bottom-content {
    background-color: #ebebeb;
    float: right;
    margin: 4px 0 0;
    width: 100%;
}
.right-bottom-content-left {
    float: left;
    width: 131px;
}
.ebebeb {
    float: left;
    padding: 6px;
}
.stars {
    float: left;
    margin: -4px 0 9px 30px;
}
.right-bottom-content-right {
    float: right;
    width: 144px;
}
.item-button {
    float: left;
    margin: 22px 0 0;
    width: 140px;
}
.item-visitez {
    background: url("images/item-visitez.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    font-weight: 600;
    margin: 0 0 3px;
    padding: 1px 27px 2px 26px;
}
.item-visitez:hover {
    background-position: 0 -25px;
}
.item-visitez a {
    text-transform: capitalize;
    font-size: 12px;
    font-family: 'arial';
    color: #ffffff;
    text-decoration: none;
}
.item-revue {
    background: url("images/item-visitez.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    font-weight: 600;
    padding: 1px 25px 2px 26px;
}
.item-revue:hover {
    background-position: 0 -25px;
    }
.item-revue a {
    text-transform: capitalize;
    font-size: 12px;
    font-family: 'arial';
    color: #ffffff;
    text-decoration: none;
}
.list {
    float: left;
}
.soft {
    color: #4e4e4e;
    font-family: "arial";
    font-size: 12px;
    margin: 10px 0 0;
    text-transform: capitalize;
}
.software {
    color: #4e4e4e;
    font-size: 12px;
    font-family: 'arial';
    text-transform: capitalize;
    font-weight: 600;
}
.total {
    color: #4e4e4e;
    font-family: "arial";
    font-size: 12px;
    margin: 2px 0 0;
    padding: 0;
    text-transform: capitalize;
    font-weight: 600;
}
.count {
    color: #4e4e4e;
    font-size: 12px;
    font-family: 'arial';
    text-transform: capitalize;
}

.item-bottom-section {
    float: left;
    width: 100%;
}

.item-bottom-section h5 {
    color: #242424;
    font-family: 'Bitter', serif;
    font-size: 23px;
    font-weight: 700;
    margin: 20px 0 6px;
    text-transform: uppercase;
}
.item-bottom-content {
    background-color: #ebebeb;
    float: left;
    margin: 3px 0 16px;
    width: 100%;
}
.item-left {
    float: left;
    margin: 0;
    padding: 7px 7px 4px;
    width: 306px;
}
.item-left img {
    margin: 0;
    padding: 0;
}
.item-right {
    float: right;
    width: 340px;
}
.exclusive {
    float: left;
    margin: 29px 0 0;
}
.exclusive p{
    text-transform: capitalize;
    color: #268df3;
    font-size: 30px;
    font-family: 'arial';
    margin: 0;
    font-weight: 600;
}
.upto {
    float: left;
}
.upto p {
    text-transform: capitalize;
    color: #268df3;
    font-size: 30px;
    font-family: 'arial';
    margin: 0;
    font-weight: 600;
}
.bonus {
    float: left;
}
.bonus p {
    text-transform: capitalize;
    color: #4e4e4e;
    font-size: 22px;
    font-family: 'arial';
    margin: 0;
    font-weight: 600;
}
.foot {
    background-color: #5d5d5d;
    float: left;
    margin: 50px 0 0;
    padding: 0;
    width: 100%;
}
footer {
    color: #bfbfbf;
    font-family: arial;
    font-size: 14px;
    padding: 19px 0;
    text-align: center;
}