@font-face {
    font-family: 'bebasregular';
    src: url('bebas__-webfont.eot');
    src: url('bebas__-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebas__-webfont.woff') format('woff'),
         url('bebas__-webfont.ttf') format('truetype'),
         url('bebas__-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body 
{
    height:100%;
    position:relative;
}

body {
    background-color:#000000;
    color:#ffffff;
    font-family:Aral,Helvetica,sans-serif;
    font-size:10pt;
    margin:0px;
}

a 
{
    color:#990000;
}

h1 
{
    color:#790202;
    font-size:48pt;
    font-weight:normal;
}

h2 
{
    color:#000000;
    font-weight:normal;
    font-size:32pt;
    word-spacing:3pt;
    margin:0.3em;
}

h3 
{
    color:#790202;
    font-weight:normal;
    margin:0.3em;
    font-size:48pt;
    word-spacing:3pt;
}

#divTopArea 
{
    height:55px;
    overflow:hidden;
}

#divTopLogo {
    float:left;
}

#divTopLogo .logo 
{
    font-size:24pt;
    word-spacing:8px;
    vertical-align:middle;
}

#divTopLogo .giCompany
{
    font-size:8pt;
    vertical-align:middle;
    margin-left:10px;
}

#divTopMenu {
    float:right;
}

#divTopBar {
    width:980px;
    margin:0px auto;
    padding:15px 0px;
}

    #divTopBar ul {
        list-style:none;
        margin:0px;
        padding:0px;
    }

        #divTopBar ul li {
            display:inline-block;
        }

            #divTopBar ul li a {
                display:inline-block;
                padding:5px;
                margin-left:20px;
                color:#cacaca;
                text-decoration:none;
            }

            #divTopBar ul li a:hover {
                color:#ffffff;
            }
            
#divContentArea {
    background-color:#ffffff;
    color:#000000;
}

#divContent {
    width:980px;
    margin:0px auto;
    padding:25px;
    text-align:center;
}

#divContentSecondary 
{
    width:980px;
    margin:0px auto;
    padding:25px;
}

#divContentSecondary h1 
{
    font-size:30pt;
    margin-top:0.3em;
    word-spacing:5px;
}

#divContentSecondary h2
{
    font-size:22pt;
    margin:0.75em 0em 0.5em 0em;
}

#divInfoArea {
    background-color:#f3f3f3;
}

#divInfo {
    color:#5d5d5d;
    padding:25px;
    width:930px;
    margin:0px auto;
    font-size:11pt;
}

#divFooterArea {
}

#divFooter {
    width:980px;
    margin:0px auto;
    padding:25px;
}

.Bebas {
    font-family:'bebasregular';
}

.divClear {
    clear:both;
}

a.buttonStandard 
{
    background-color:#790202;
    padding:20px 40px;
    text-transform:uppercase;
    color:#ffffff;
    font-size:12pt;
    text-decoration:none;
}

a.buttonStandard:hover 
{
    background-color:#510000;
}

a.buttonOffer 
{
    background-color:#cccccc;
    padding:10px 20px;
    text-transform:uppercase;
    color:#ffffff;
    font-size:10pt;
    text-decoration:none;
}

a.buttonOffer:hover 
{
    background-color:#790202;
}

.tableDomains 
{
    width:100%;
    border-collapse:collapse;
}

.tableDomains th
{
    text-align:left;
    border:1px solid #ffffff;
    background-color:#000000;
    color:#ffffff;
    padding:15px;
}

.tableDomains td 
{
    text-align:left;
    padding:15px;
    border:1px solid #ffffff;
    background-color:#f0f0f0;
    
}

#divAppHeader 
{
    background-color:#e9e9e9;
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    height:50px;
    color:#666666;
    padding:25px;
}

#divAppBody 
{
    background-color:#f0f0f0;
    position:absolute;
    top:100px;
    left:0px;
    right:0px;
    bottom:76px;
    border-bottom:1px solid #999999;
    color:#666666;
    padding:25px;
    overflow:auto;
}

#divAppHeader h1, #divAppBody h1 
{
    word-spacing:normal;
    margin:0px;
    font-size:24pt;
}

#divAppHeader h2, #divAppBody h2 
{
    word-spacing:normal;
    margin:0px;
    font-size:12pt;
}

#divAppBody h3
{
    font-size:14pt;
    margin:1em 0em;
}

#divAppHeader #divDomainPrice 
{
    float:right;
    font-size:28pt;
}

#divAppHeader #divDomainPrice .caption
{
    font-size:8pt;
    font-weight:bold;
    text-align:center;
}

#divAppControls 
{
    background-color:#cccccc;
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    height:39px;
    border-top:1px solid #ffffff;
    text-align:right;
    padding:18px;
}

#divAppControls input[type=button], #divAppControls input[type=submit]
{
    padding:10px 20px;
    font-size:1.2em;
    border:1px solid #660202;
    background-color:#790202;
    color:#ffffff;
}

#divAppControls input[type=button]:hover,  #divAppControls input[type=submit]:hover 
{
    background-color:#660202;
}

form .caption 
{
    font-size:0.9em;
    font-weight:bold;
    margin-bottom:2px;
}

form .field input[type=text], form .field input[type=password], form .field input[type=checkbox], form .field input[type=radio], form .field select, form .field textarea 
{
    padding:8px;
    border:1px solid #666666;
    margin-bottom:4px;
    background-color:#dddddd;
    font-size:1.2em;
}

.divFloat 
{
    float:left;
    margin-right:15px;
}

.spanOptional 
{
    color:#aaaaaa;
}

.divSignatureLine 
{
    margin-top:4em;
    border-top:1px solid;
    padding-top:5px;
    width:40%;
    margin-right:10%;
    float:left;
    font-weight:bold;
}

.divDomainContent 
{
    margin-bottom:3em;
    color:#666666;
}

@media print 
{
    #divAppBody 
    {
        position:relative;
        height:auto;
    }        
    #divAppControls 
    {
        display:none;
    }
}