/* main elements */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	outline: 0;
    	font-size: 100%;
    	vertical-align: baseline;
    	background: transparent;
    }
    html{
        width:100%;
        height:100%;
    }
    body{
        background:#fff none;
        color:#000;
        width:918px;
        margin:0 auto;
        height:100%;
        font:normal 100%/160% arial, verdana, sans-serif;
    }
/* link styles */
    a{
        text-decoration:none;
        color:#000;
    }
    a:focus, a:hover, a:active{
        text-decoration:none;
        color:#000;
    }
/* paragraph */
    p{
        margin:0 0 1.6em 0;
    }
    p span{
        display:block;
    }   
/* header */
    h1{
        font:normal 2.75em/1em 'trebuchet ms', arial, verdana, sans-serif;
        margin:0 0 0.3em 0;
    }   
    h2{
        font:normal 1.55em/1em 'trebuchet ms', arial, verdana, sans-serif;
        margin:1em 0 0.3em 0;
    }
/* table */
    table{
        border-collapse:collapse;
        margin:0 0 1em 0;
        width:524px;
    }
    tr.last th,
    tr.last td{
        border:0;
    }
    td,th{
        border-bottom:1px solid #ccc;
        padding:0.25em;
        text-align:left;
    }
    th{
        width:100px;
    }    
/* hr */
    hr{
        color:#ccc;
        background:#ccc none;
        height:1px;
        border:0;
    }
/* print */
    form#print button{
        padding:3px 3px 3px 18px;
        background-image:url('../images/print.gif');
        background-repeat:no-repeat;
        background-position:3px 3px;
        font:bold 100%/160% arial, verdana, sans-serif;
        text-transform:uppercase;
        float:right;
    }
/* contact */
    p#contact{
        margin-top:1em;
    }        
/* fieldset */
    fieldset{
        margin:1.5em 0 0 0;
    }
    fieldset legend span{
        display:block;
        padding:0 0 1em 30px;
        font:normal 1.35em/1em 'trebuchet ms', arial, verdana, sans-serif;        
    }
/* disabled */
    div#wrapper fieldset.disabled legend span,
    div#wrapper fieldset.disabled label{
        color:#ccc;
    }
    div#wrapper fieldset.disabled label input{
        color:#ccc;
        border:1px solid #eee;
    }    
/* step 1 */
    fieldset#step-1 label{
        display:block;
        position:relative;
        height:3.75em;
        margin:0 0 1em 0;
    }
    fieldset#step-1 label span{
        display:block;
        width:500px;
        position:absolute;
        right:0;
        top:0;
    }
    fieldset#step-1 label span strong{
        display:block;        
    }
/* step 2 */
    fieldset#step-2 label{
        display:block;
        position:relative;
        margin:0 0 1em 0;
    }
    fieldset#step-2 label{
        width:264px;
        display:block;
        position:relative;
        padding:0.25em 0 1em 0;        
    }
    fieldset#step-2 label span{
        position:absolute;
        left:270px;
        top:3px;
        width:100px;
    }
    fieldset#step-2 label input{
        position:absolute;
        right:0;
        top:0;
        padding:0.25em;
        border:1px solid #bbb;
        width:170px;        
    }
/* step 3 */
    fieldset#step-3 fieldset{
        margin:0;
        float:right;
    }
    fieldset#step-3 fieldset#subscriber{
        float:left;        
        display:inline;
        width:264px;
    }
    fieldset#step-3 fieldset#delivery legend span{
        padding-left:10px;
    }
    fieldset#step-3 fieldset#delivery label{
        padding-left:10px;
        width:254px;
    }
    fieldset#step-3 label{
        width:264px;
        display:block;
        position:relative;
        padding:0.25em 0 1em 0;        
    }
    fieldset#step-3 label input{
        position:absolute;
        right:0;
        top:0;
        padding:0.25em;
        border:1px solid #bbb;
        width:170px;        
    }
/* step 4 / checkbox */
    div#wrapper label.checkbox{
        position:relative;
        padding-left:20px;
        width:244px;
        height:2.5em;
        display:block;    
    }    
    div#wrapper label.checkbox input{
        position:absolute;
        left:0;
        padding:0;
        right:auto;
        width:auto;
        border:0;
    }    
/* wrapper */
    div#wrapper{
        background:#fff none;
        padding:0 20px;
        width:878px;
        height:auto !important;  /* real browsers */
	    height:100%;             /* IE6: treaded as min-height*/
        min-height:100%;         /* real browsers */
        position:relative;
    }
    * html #wrapper {
        height: 100%;
    }
/* header */
    div#header{                
        width:878px;
        height:90px;
        padding:20px 0 0 0; 
        margin:0 0 20px 0;   
    }
    div#header a#logotype{
        float:left;
        width:150px;
        height:90px;
        display:block;
        text-indent:-9999px;
        overflow:hidden;              
    }
    div#header div#banner{
        float:right;
        width:728px;
        height:90px;
    } 
    div#header div#banner a{
        width:728px;
        height:90px;
        display:block;
    }
/* subcontent */
    div#subcontent{
        width:330px;
        float:left;
        height:770px;
    }
    div#subcontent a{
        width:330px;
        display:block;    
    }
    div#subcontent img{
        width:330px;
        display:block;
    }
/* content */
    div#content{
        float:right;
        width:528px;
        font:normal 0.7em/1.6em arial, verdana, sans-serif;
    }
/* footer */
    div#footer{
        clear:both;
        width:878px;
        padding:40px 0 20px 0;
        background:#fff url('../images/footer.gif') no-repeat 0 0;
        font:normal 0.7em/1.6em arial, verdana, sans-serif;        
    }