body
{
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: calibri, Arial;
    font-size: 62.5%;
    background: #fcfcfc url( '../images2/main_bg.jpg' ) top left repeat-x;
}
form
{
    margin: 0;
    padding: 0;
}
.clear
{
    float: left;
    clear: both;
    width: 980px;
}
.ruler
{
    width: 980px;
    background: transparent url( '../images2/ruler.gif' ) top left no-repeat;
    float: left;
    margin: 20px 0px;
    border: none;
    height: 1px;
}
h3
{
    background: transparent url( '../images2/under_construction.jpg' ) top left no-repeat;
    padding: 0px;
    margin: 0px;
    width: 255px;
    height: 70px;
    text-indent: -999999px;
    display: block;
    float: left;
}

p.top_txt
{
    float: right;
    color: #a0a0a0;
    width: 710px;
    display: block;
    margin: 10px 0px 0px 0px;
    font-size: 1.4em;
}
.orange, .orange2
{
    color: #fea700;
    font-weight: bold;
    font-size: 1em;
}

a.orange:link
{
    text-decoration: none;
}
a.orange:visited
{
    text-decoration: none;
}
a.orange:hover
{
    text-decoration: underline;
}
a.orange:active
{
    text-decoration: none;
}

a.orange2:link
{
    text-decoration: underline;
}
a.orange2:visited
{
    text-decoration: underline;
}
a.orange2:hover
{
    text-decoration: none;
}
a.orange2:active
{
    text-decoration: underline;
}

.dark
{
    color: #555555;
    font-weight: normal;
}

a.dark:link
{
    text-decoration: none;
}
a.dark:visited
{
    text-decoration: none;
}
a.dark:hover
{
    text-decoration: underline;
}
a.dark:active
{
    text-decoration: none;
}

p.orange, p.dark
{
    font-size: 1.5em;
    margin: 0;
}

p.orange
{
    font-weight: bold;
}
p.dark
{
    font-weight: normal;
}


.container
{
    width: 980px;
    margin: 0 auto;
    text-align: left;
}
.header
{
    float: left;
    height: 92px;
    width: 964px;
    background: #000 url( '../images2/header_gradient.jpg' ) bottom left no-repeat;
}
.header .logo
{
    float: left;
    text-indent: -99999px;
    background: transparent url( '../images2/logo.jpg' ) bottom left no-repeat;
    display: block;
    width: 262px;
    height: 92px;
}
.header ul
{
    margin: 0;
    padding:0;
    list-style: none;
    float: right;
    width: auto;
}
.header li
{
    float: left;
    text-indent: -999999px;
    width: auto;
    margin:0px;
    padding:0px;
}
.header a.cat
{
    display: block;
    width: 313px;
    height: 92px;
    background: transparent url( '../images2/our_catalogue.jpg' ) top left no-repeat;
}
.header a.website
{
    display: block;
    width: 261px;
    height: 92px;
    background: transparent url( '../images2/old_website.jpg' ) top left no-repeat;
}
.product-info
{
    float: left;
    margin-top: 22px;
    width: 479px;
}
.product-info h1
{
    background: transparent url( '../images2/Header_xbc_821.jpg' ) no-repeat top left;
    width: 479px;
    height: 100px;
    margin: 0px;
    padding: 0px;
    text-indent: -999999px;
}
.product-info-inner
{
    float: left;
    margin-left: 10px;
    width: 468px;
}

.features
{
    width: 980px;
    float: left;
}
.feature-box
{
    width: 323px;
    float: left;
    margin-right: 5px;
}
.feature-box-top
{
    width: 323px;
    height: 14px;
    float: left;
    background: transparent url( '../images2/feature_box_top.jpg' ) top left no-repeat;
}
.feature
{
    width: 303px;
    padding: 0 10px;
    position: relative;
    height: 205px;
    float: left;
    background: transparent url( '../images2/feature_box_middle.jpg' ) top left repeat-y;
}
.feature-box-bottom
{
    width: 323px;
    height: 11px;
    float: left;
    background: transparent url( '../images2/featurebox_bottom.jpg' ) top left no-repeat;
}


.dvr-image
{
    width: 303px;
    height: 205px;
    background: transparent url( '../images2/image_evolutions.jpg' ) no-repeat 100% 25%;
}
.series-image
{
    width: 303px;
    height: 205px;
    background: transparent url( '../images2/geovision.jpg' ) no-repeat 97% 20%;
}
.video-image
{
    width: 303px;
    height: 205px;
    background: transparent url( '../images2/image_fermax.jpg' ) no-repeat 100% 100%;
}
h2
{
    text-indent: -999999px;
    margin: 0;
}

h2.dvr-title
{
    background: transparent url( '../images2/Header_Evolution.jpg' ) top left no-repeat;
    width: 99px;
    height: 41px;
}
h2.series-title
{
    background: transparent url( '../images2/Header_geovision.jpg' ) top left no-repeat;
    width: 104px;
    height: 44px;
}
h2.video-title
{
    background: transparent url( '../images2/Header_fermax.jpg' ) top left no-repeat;
    width: 216px;
    height: 42px;
}

h2.newsletter-title
{
   background: transparent url( '../images2/latest-news.jpg' ) top left no-repeat;
    width: 204px;
    height: 42px; 
}

.xion
{
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.feature p
{
    font-size: 1.2em;
    margin: 0px 0 0 2px;
    padding: 0px;
    color: #555555;
    line-height: 1.3;
}

.dvr-text, .series-text, .video-text{
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.newsletter-text
{
    margin-top:15px;
}

* html .newsletter-text{margin-top:15px;}

.dvr-text
{
    float: left;
    width: 160px;
}
.series-text
{
    float: left;
    width: 220px;
}
.video-text
{
    float: left;
    width: 120px;
}

.newsletter-text
{
    float:left;
    width: 300px;
  
}

.newsletter-text form{margin:0; padding:0;}

.newsletter-text label{float:left; clear:left; width:105px;   font-size:1.5em; color:#a5a5a5 }
.newsletter-text .tb5{float:left; margin-bottom:7px; padding:0 0px 0 4px;background:transparent url('../images2/text-box-bg.gif') top left no-repeat; width:190px; height:25px;}
.newsletter-text input{border:0; width:180px; margin-top:3px; background-color:#f7f7f7; }
.newsletter-text .btn{cursor:pointer;float:left; margin-top:30px;border:0; background:transparent url('../images2/sign_up_now.gif') top left no-repeat; width:80px; height:14px;}
* html .newsletter-text .btn{margin-top:25px;}

.response{font-size: 1em;color: #555555; font-family:Arial;}


.for-more
{
    display: block;
    float: left;
    color: #fea700;
    font-weight: bold;
    width: auto;
}


a.for-more:link
{
    text-decoration: none;
}
a.for-more:visited
{
    text-decoration: none;
}
a.for-more:hover
{
    text-decoration: underline;
}
a.for-more:active
{
    text-decoration: none;
}

p.copy
{
    width: 980px;
    color: #555555;
    float: left;
    margin: 10px 0px 20px 0px;
    text-indent: 25px;
    font-size: 1.2em;
}