body
{
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    background-color: #F6F6F6;
    margin: 0px;
    padding: 0px;
}

a
{
    color: #346abf;
    text-decoration: underline;
}

a:visited
{
    color: #346abf;
}


a:hover
{
    color: #85e1f5;
    text-decoration: none;
}

a:active
{
    color: #e5f9fb;
}

#page-container
{
	position: relative;
    background-color: #FFFFFF;
    top: 0px;
    bottom: auto;
    width: 1000px;
    padding: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    text-align: left;
    border-left: solid 1px #DDDDDD;
    border-right: solid 1px #DDDDDD;
    border-bottom: solid 1px #DDDDDD;
}

#page-container #header
{
    padding: 0px;
    margin: 0px;
}


#page-container #logo-globe
{
    width: 201px;
    height: 206px;
    background: url(../images/invoice_site_corner.jpg) no-repeat top left;
}

#page-container #logo-globe h2
{
    display: none;
}


#page-container #logo-title
{
    position: absolute;
    width: 799px;
    height: 107px;
    top: 0px;
    left: 201px;
    background: url(../images/invoice_site_bar.jpg) no-repeat top left;
}

#page-container #logo-title h3
{
    display: none;
}
h3 {
    background-color:#ddd; 
    padding:0.5em; 
    font-size:1.3em;
}
#page-container #menu
{
    position: absolute;
    width: 750px;
    height: 42px;
    top: 107px;
    left: 201px;
    background: url(../images/registration_grey-bar.jpg) no-repeat top left;
    padding: 12px;
    
    
    font-size: 11pt;
}

/*
#page-container #body
{
    position: relative;
    width: 775px;
    top: -20px;
    padding-top: 0px;
    padding-bottom: 40px;
    left: 110px;
    min-height: 500px;
    overflow-x: hidden;
}
*/

.step-title
{
    font-size: 1.2em;
}

/*
A.step-enabled
{
    color: #333333;
}

A.step-enabled:hover
{
    color: #666666;
}
*/

.step-disabled
{
    color: #999999;
    font-style: italic;
}

.step-current
{
    color: #000000;
    font-weight: bold;
    font-size: 9pt;
}

dl
{
    position: relative;
    left: 50px;
    width: 700px;
}

dt
{
    width: 250px;
    position: relative;
    float: left;
    margin-right: 25px;*/
}

dd
{
    margin-left: 0px;
    /*position: relative;*/
    margin-bottom: 30px;
    clear: none;
}

.fieldNotes
{
    display: block;
    float: none;
    position: relative;
    clear: both;
    font-size: 10pt;
    font-style: italic;
    width: 650px;
    padding-top: 10px;
}

ul.errors
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

ul.errors li
{
    
    font-size: 11pt;
    font-style: italic;
    color: red;
}

p.hint
{
    position: relative;
    clear: bold;
    float: none;
    margin: 0px;
    padding-top: 40px;
    font-weight: bold;
    font-size: 14pt;
    left: -30px;
}

.formErrors
{
    color: red;
}

.tableCell
{
    vertical-align: top;
    padding: 5px;
}

/********************************
---------------------------------
NEW TEMPLATE 
--------------------------------- 
********************************/
body {
    font-family: Arial; 
    font-weight:normal;
    background-color: #fff;
    font-size: 1.0em;
}
select, input {font-size:1em;}
.crop_res {
    width:70%;
    Margin:0 auto;
}
.PageHeader_res {
    font-size:1.5em;
}
a {outline: 0; }
a:link {
    color:#575757;
}
a:visited, a:active {
    color:#575757;
}
a:hover{
    color:rgba(143,163,216,1)
}
#HeaderPrimary_res #PrimaryNav_res a.step-enabled {
    color:#fff;
}
a.step-enabled:link {
    color:#fff;
    border-bottom:0px solid #8fa3d8; 
    padding-bottom:1.3em;
}
a.step-enabled:visited, a.step-enabled:active {
    color:#fff;
}
a.step-enabled:hover{
    color:#fff;
    border-bottom:4px solid #8fa3d8; 
    padding-bottom:1.3em;
}
.step-title
{
    font-size:1.4em; 
    color:#3f698e;
    font-weight:bold; 
    padding:0em 0em 1em 0em;
    width:100%;
    display:block;
    border-bottom:1px solid #ddd;
}
.formErrors {
    margin-top:1.5em;
}
.disabled {
    opacity:0.5; 
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; 
    filter: alpha(opacity=50); 
    -khtml-opacity: 0.5; 
    pointer-events: none;
}
dl
{
    position: relative;
    left: 0em;
    width: 100%;
}

dt
{
    width: 30%;
    position: relative;
    float: left;
    margin-right: 25px;
    padding-left:0em;
}
.zend_form dt label {
    padding-left:0.5em;
    padding-top:0.55em;
    display:block;

}
dd
{
    width: 70%;
    margin-left: 0px;
    /*position: relative;*/
    margin-bottom: 2em;
    clear: none;
}
p {
    margin: 0em;
    padding: 0em;
}
p.hint
{
    position: relative;
    clear: bold;
    float: none;
    margin: 2em 0em;
    padding: 0.5em;
    font-weight: bold;
    font-size:1.1em; 
    left: 0em;
    background-color:#ddd;
}
input, select {
    padding:0.5em;
}
input[type=radio] {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
    margin-right:0.75em;
}
.stdBtn{
    color:#fff;
    text-transform:uppercase;
    background-color:rgba(143,163,216,1);
    border:1px solid rgba(143,163,216,1);
    text-align:center;
    margin:1em auto;
    padding:0.5em 2em;
    
    z-index:11;
    position:relative;
    background-image: none;
    display: inline-block; 
    font: normal 1em Arial; 
    line-height: auto; 
    height: auto;
    font-weight:normal; 
    text-decoration: none; 


    -webkit-border-radius:0.2em;
    -moz-border-radius:0.2em;
    border-radius:0.2em;
   
}
.stdBtn:link, .stdBtn:visited, .stdBtn:active {
    text-transform:uppercase;
    color:#fff;
    background-image: none; 
    padding:0.5em 2em; 
}

.stdBtn:hover {
    text-transform:none;
    background-color:rgba(43,45,56,1);
    font-weight:normal;
    text-transform:none; 
    background-image: transparent;
    background-repeat: repeat; 
    color: #fff;
    text-decoration:none; 
    text-transform:uppercase;
    padding:0.5em 2em; 
}
.stdBtn:after {
    content: "";
    display:inline-block;
    width:1.4em;
    height:1.4em;

    background-size: 1.4em 1.4em;
    background-image: url(/images/iatf/next-icon.svg);
    background-repeat: no-repeat;
    transform: rotate(180deg);
  
    position:relative;
    top:0.3em;
    left:0.5em;
}
.stdBtn, .stdBtn:link ,.stdBtn:visited ,.stdBtn:active, .stdBtn:hover {
    padding:0.1em 2em 0.45em 2em; 
}
#submit-label {display:none;}
#submit{
    color:#fff;
    text-transform:uppercase;
    background-color:rgba(143,163,216,1);
    border:1px solid rgba(143,163,216,1);
    text-align:center;
    margin:1em auto;
    
    z-index:11;
    position:relative;
    background-image: none;
    display: inline-block; 
    font: normal 1em Arial; 
    line-height: auto; 
    height: auto;
    font-weight:normal; 
    text-decoration: none; 
    padding:0.1em 2em 0.5em 2em; 

    -webkit-border-radius:0.2em;
    -moz-border-radius:0.2em;
    border-radius:0.2em;
    cursor:pointer;
}
#submit:link ,#submit:visited ,#submit:active{
    text-transform:uppercase;
    color:#fff;
    background-image: none; 
    padding:0.1em 2em 0.5em 2em; 
}

#submit:hover{
    text-transform:none;
    background-color:rgba(43,45,56,1);
    font-weight:normal;
    text-transform:none; 
    background-image: transparent;
    background-repeat: repeat; 
    color: #fff;
    text-decoration:none; 
    text-transform:uppercase;
    padding:0.1em 2em 0.5em 2em; 
}
#submit:after {
    content: "";
    display:inline-block;
    width:1.4em;
    height:1.4em;
    background-size: 1.4em 1.4em;
    background-image: url(/images/iatf/next-icon.svg);
    background-repeat: no-repeat;
    transform: rotate(180deg); 
    position:relative;
    top:0.3em;
    left:0.5em;
}
#submit:disabled {
    background-color:rgba(43,45,56,0.3);
    cursor: wait;
}


/*
#submit {
    background-color:transparent;
    border:0em;
    color:#fff;
    text-transform:uppercase;
    font: normal 14px Arial; 
    padding:0em; 
    
}
*/
a.Btn{
    color:#fff;
    text-transform:uppercase;
    /*
    background-color:rgba(143,163,216,1);
    */
    border:1px solid rgba(143,163,216,1);
    text-align:center;
    margin:1em auto;
    padding:0.5em 1.5em;
    
    z-index:11;
    position:relative;
    background-image: none;
    display: inline-block; 
    font: normal 1em Arial; 
    line-height: auto; 
    height: auto;
    font-weight:normal; 
    text-decoration: none; 


    -webkit-border-radius:0.2em;
    -moz-border-radius:0.2em;
    border-radius:0.2em;
   
}
a:link.Btn, a:visited.Btn, a:active.Btn{ 
    text-transform:uppercase;
    color:rgba(143,163,216,1);
}
a.Btn span{
    text-transform:uppercase;
    background-image: none; 
    padding:1em 0em; 
}
a.Btn:hover{
    text-transform:none;
    background-color:rgba(43,45,56,1);
}
a.Btn:hover span{
    font-weight:normal;
    text-transform:none; 
    background-image: transparent;
    background-repeat: repeat; 
    color: #fff;
    text-decoration:none; 
    text-transform:uppercase;
}
.BtnInverse, #cancel{
    color:rgba(143,163,216,1);
    text-transform:uppercase;
    /*
    background-color:rgba(143,163,216,1);
    */
    border:1px solid rgba(143,163,216,1);
    text-align:center;
    margin:1em auto;
    padding:0.5em 1.5em;
    
    z-index:11;
    position:relative;
    background-image: none;
    display: inline-block; 
    font: normal 1em Arial; 
    line-height: auto; 
    height: auto;
    font-weight:normal; 
    text-decoration: none; 


    -webkit-border-radius:0.2em;
    -moz-border-radius:0.2em;
    border-radius:0.2em;
   
}
.BtnInverse:link, .BtnInverse:visited, .BtnInverse:active, #cancel:link, #cancel:visited, #cancel:active{ 
    text-transform:uppercase;
    color:rgba(143,163,216,1);
    text-transform:uppercase;
    background-image: none; 
    padding:0.5em 1.5em;
}
.BtnInverse:hover, #cancel:hover{
    text-transform:none;
    background-color:rgba(43,45,56,1);
    font-weight:normal;
    text-transform:none; 
    background-image: transparent;
    background-repeat: repeat; 
    color: #fff;
    text-decoration:none; 
    text-transform:uppercase;
    padding:0.5em 1.5em;
}
.BtnInverse, .BtnInverse:link ,.BtnInverse:visited ,.BtnInverse:active, .BtnInverse:hover, #cancel, #cancel:link ,#cancel:visited ,#cancel:active, #cancel:hover {
    padding:0.1em 2em 0.45em 2em; 
}
.BtnInverse:before, #cancel:before {
    content: "";
    display:inline-block;
    width:1.4em;
    height:1.4em;

    background-size: 1.4em 1.4em;
    background-image: url(/images/iatf/cancel-icon2.svg);
    background-repeat: no-repeat;
    transform: rotate(180deg);
    fill:#fff;
    position:relative;
    top:0.3em;
    left:-0.5em;
}
#btnProceed, #editButton, #cancelButton, #proceedButton  {
    cursor:pointer;
}
#cancelButton, #proceedButton {
    width:auto;
    top:0em;
}
#editButton.BtnInverse:before {
    content: "";
    display:inline-block;
    width:1.4em;
    height:1.4em;

    background-size: 1.4em 1.4em;
    background-image: url(/images/iatf/previous-icon.svg);
    background-repeat: no-repeat;
    transform: rotate(0deg);

    position:relative;
    top:0.3em;
    left:-0.5em;
}
/* 
---------------------------------
START HEADER
--------------------------------- 
*/
#Header {
        height:auto;
        width:100%;
        margin-bottom: 0em;
}
#HeaderContainer_res {
    position:relative; 
    z-index:10;
}
#HeaderBlock_res {
    width:100%;
    height:9.8em;
    background-color: #202532;
    position:relative;
    z-index:1;
    background-color:rgba(38,41,53,1);    
}

#HeaderMain_res {
    width:100%;
    height:6.375em;
}
#HeaderBranding_res {
    width:100%;
    height:100%;
    display:inline-block;
    padding-top:1.8em; 
    margin-left:-0.2em;
    text-align:left;
}
#HeaderSecondary_res {
    /*
    width:20%;
    height:100%;
    display:inline-block;
    vertical-align:top; 
    text-align:right;
    margin-top:1em;
    position: relative;
    */
}
#HeaderBranding_res a
{
    text-decoration: none;
}
#HeaderBranding_Logo_res {
    display:inline-block; 
    /*
    font-size:3.2em; 
    color:#fff;
    */
    width: 5em; 
    height: 5em; 
    background: url(../images/iatf/iatf_logo.png); 
    background-repeat: no-repeat;
    background-size: cover; 
    margin-top:-0.4em;
  
}

#HeaderBranding_Divider_res {
    display:inline-block; 
    padding-left: 0.9em; 
    margin-right: 0.9em; 
    height:2.3em; 
    /*
    border-right: 1px solid rgba(255,255,255,0.4); 
    */
    
    padding-left: 0.3em; 
    height:3.8em;
    position:relative; 
    top:-0.6em;
}
#HeaderBranding_Slogan_res {
    display:inline-block; 
    font-size:1.7em; 
    color:rgba(255,255,255,0.4); 
    
    position:relative; 
    top:-1.1em;
}
#HeaderPrimary_res {
    position:relative;
    width:100%;
    margin-top:1em;
    height:2.438em;
    background-color:#;
}
#PrimaryNav_res {
    position: absolute;
    top:auto; 
    right:auto;
    top:1.3em;
}
#HeaderPrimary_res a:link {color:#aeafb2; font-size:0.9em; margin-right:4em; text-decoration:none; text-transform:uppercase;  letter-spacing: .07em;}
#HeaderPrimary_res a:visited, #HeaderPrimary_res a:active {color:#fff;}
#HeaderPrimary_res a:hover {color:#fff;}




ul.nav {
    margin: 0em;
    padding: 0em;
    overflow: hidden;;
}
ul.nav li {
    list-style: none;
  
}

ul .btn {
    display: none;
    cursor: pointer;
    padding:1em;
    color:#fff;
}
ul.menu {
    margin:0em; 
    padding:0em;
}
ul.menu li {
    float: left;
   
}
ul.menu li a {
    display: block;
    padding-bottom:: 1em;
    text-decoration: none;
    color: #fff;
}
ul.menu li a span {
    color: #fff;
}

ul.menu li a:hover {
    color: #fff;
    border-bottom:3px solid #8fa3d8; 
    padding-bottom:1.15em;
}
/* 
---------------------------------
END HEADER
--------------------------------- 
*/

/* 
---------------------------------
START CONTENT TEMPLATE 
--------------------------------- 
*/
#Account_res {
    width:100%;
   
    background-image: url(../../images/iatf/account-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: cover; 
    -ms-background-size: cover; 
    -o-background-size: cover; 
    -moz-background-size: cover; 
    -webkit-background-size: cover;
    background-position: top left; 
    
    position:relative; 
    top:0em; 
    z-index:0; 
    height:30em;
}

#Account_block_res {
    width:60%; 
    position:relative; 
    z-index:1;
    margin-bottom:2em;
}

#Account_pageHeader_res {
    position:absolute; 
    color:#fff; 
    top:-3.15em; 
    text-align:center; 
    margin:0 auto; 
    width:100%; 
    font-size:2em;
}
#Account_pageSubHeader_res {
    font-size:0.57em; 
    margin-top:0.2em; 
    color:rgba(255,255,255,0.4);  
}
#Account_content_res {
    min-height:25em;
    background-color:#fff; 
    margin-top:-20em; 
    padding:3em 2em 4em 2em;
    position:relative; 
    z-index:1;
    text-align:left;
}
#AccountHeader_Tasks {
    width:100%; 
    display:inline-block;  
    position:relative; 
    z-index:1;
    border-bottom:1px solid #ddd;
    margin-bottom:1em;
    margin-top:-1em;
}
/* 
---------------------------------
END CONTENT TEMPLATE 
--------------------------------- 
*/

/* 
---------------------------------
START FOOTER 
--------------------------------- 
*/

#FooterContainer_res {
    clear:both;
    padding-top:3em; 
}
#FooterContainer_block_res {
    width:100%;
    background-color: rgba(38,41,53,1);
    padding:5em 0em;
}
#FooterBlock_res {
    
}
#FooterContent_res {
    
}
.footerMenu_res { 
    clear:both;
    text-align:center;
    font-size:1em;
    
    display: table; 
    text-align:center; 
    margin:0 auto;
    padding-top:0.5em;
    
}
a.footerMenu_res {   
    color: rgba(255,255,255,0.4);
}
a.footerMenu_res:hover {   
    color: rgba(143,163,216,1);
}
#FooterCopyright_res {
    width:100%;
    text-align:center;
    margin-top:2em;
    
}
#FooterCopyright_res .crop_res {
    color: rgba(143,163,216,1);
}

/* 
---------------------------------
END FOOTER 
--------------------------------- 
*/

/* 
---------------------------------
START BILLING INFORMATION
--------------------------------- 
*/
.zend_form dt {width:30%;}
.zend_form dd {width:66%; display:inline-block;}
#addressForm-StreetAddress1, #addressForm-StreetAddress2, #addressForm-StreetAddress3 {
    margin:0em 0em 1em 0em;
}
#billingPreviousBtn {
    /*
    float:right;
    margin-top:-3.9em;
    */
    position:absolute; 
    right:2em; 
    top:1em; 
    
    left:auto; 
    margin-bottom:0em; 
   
    
}
#billingPreviousBtn a.Btn{
    padding:0.3em 2em;
}
#billingPreviousBtn_icon {
    height:1.4em; 
    position:relative; 
    top:0.1em; 
    right:0.5em;
      
}
#billingPreviousBtn_icon:before{
    content: "";
    display:inline-block;
    width:1.4em;
    height:1.4em;

    background-size: 1.4em 1.4em;
    background-image: url(/images/iatf/previous-icon.svg);
    background-repeat: no-repeat;
    transform: rotate(0deg);
    fill:#fff;
    position:relative;
    top:0.05em;
    left:0em;
}
#billingPreviousBtn_label {
    position:relative; 
    top:-0.2em;
    
}

#invoiceDetails {clear:both;}


/* 
---------------------------------
END BILLING INFORMATION
--------------------------------- 
*/




/* 
---------------------------------
START iatf-standard
--------------------------------- 
*/
#iatf-standard #HeaderBlock_res {
    height:11.3em;
}
#iatf-standard #HeaderPrimary_res {
    border-top:1px solid rgba(255,255,255,0.2);
    padding-bottom:1.3em;
    /*
    border-bottom:1px solid rgba(255,255,255,0.2);
    */
}
#iatf-standard #Account_res {
    background-image: url(../../images/iatf/account-bg.jpg);
}
#iatf-standard #Account_block_res {
    width:70%; 
}
#iatf-standard #Account_content_res {
    /*
    min-height:15em;
    margin-top:-30em; 
    */
}
#iatf-standard .step-title {
    font-size:1.6em;
    margin-bottom:1em;
}
/* 
---------------------------------
END iatf-standard
--------------------------------- 
*/
/* 
---------------------------------
START INVOICE MANAGEMENT
--------------------------------- 
*/
#invoiceNumber-label, #invoiceDate-label, #invoiceCountry-label {
    font-weight:bold;
    margin-left:-0.5em;
}
#iatf-standard #submit {
    margin-left:-225px;
    padding-top:0.5em;
}

/* 
---------------------------------
START INVOICE MANAGEMENT
--------------------------------- 
*/

/* 
---------------------------------
START RESPONSIVE
--------------------------------- 
*/
@media only screen and (max-width: 1700px) {
    .crop_res, #Account_block_res.crop_res {
        width:75%;  
    }  
    
}
@media only screen and (max-width: 1500px) {
    .crop_res, #Account_block_res.crop_res {
        width:80%;
    }
}
@media only screen and (max-width: 1400px) {
    .crop_res, #Account_block_res.crop_res {
        width:85%;
    }   
}
/* 1280 is 720p */
@media only screen and (max-width: 1300px) {
   .crop_res, #Account_block_res.crop_res {
        width:90%;
    }
}
@media only screen and (max-width: 1200px) {
    
}
/* Portrait tablet */
@media only screen and (max-width: 1024px) {
    .zend_form dt {width:30%;}
    .zend_form dd {width:66%; display:inline-block;}
    #addressForm-CountryCode,  #addressForm-StateProvinceCode {
        width:100%
    }
    #addressForm-StreetAddress1, #addressForm-StreetAddress2, #addressForm-StreetAddress3, #addressForm-City, #addressForm-StateProvince, #invoiceForm-NameOnInvoice, #invoiceForm-CareOfCompanyName, #invoiceForm-PurchaseOrderNumber
    {
        width:96%
    }
    
}
/* Landscape phone to portrait tablet */
@media only screen and (max-width: 767px) {
    #HeaderBlock_res {
        height:7em;  
    }
    #HeaderBranding_res {
        text-align:center;
    }
    #HeaderBranding_Divider_res {
        padding-left: 0.2em; 
        margin-right: 0.2em; 
        padding-left: 0em; 
    }
    #invoiceForm-CareOfCompanyName-label, #invoiceForm-PurchaseOrderNumber-label {
        width:100%;
    }
    dt { padding-bottom:0.2em;}
    dt label {padding-left:0.5em; }
    .paymentDetails_Cell_ItemHeader {
        width:75%; 
    }
    .paymentDetails_Cell_PriceHeader {
        width:25%; 
    }
}
@media only screen and (max-width: 650px) {
    
}
@media only screen and (max-width: 570px) {
    #HeaderBranding_Logo_res {
        width: 4.75em; 
        height: 4.75em; 
        margin-top:-0.4em;
    }
    
    .zend_form dd {width:96%;}
    #addressForm-CountryCode-element, #addressForm-CountryCode, #addressForm-City, #addressForm-StreetAddress1-label, #addressForm-StateProvinceCode, #addressForm-StateProvinceCode-element, #addressForm-StateProvince-label, #addressForm-StateProvince, #addressForm-PostalCode-label, #addressForm-PostalCode, #invoiceForm-NameOnInvoice-label, #invoiceForm-NameOnInvoice, #invoiceForm-CareOfCompanyName-label, #invoiceForm-CareOfCompanyName, #invoiceForm-PurchaseOrderNumber-label, #invoiceForm-PurchaseOrderNumber, #PurchaseOrderNumber-label, #PurchaseOrderNumber {
        width:100%;
    }

    #addressForm-CountryCode-element
    {
        width: 100%;
    }


    #addressForm-City-element, #addressForm-StateProvince-element, #invoiceForm-NameOnInvoice-element, #invoiceForm-CareOfCompanyName-element, #invoiceForm-PurchaseOrderNumber-element #PurchaseOrderNumber-element {
        width:96%;
    }
    #addressForm-StreetAddress1, #addressForm-StreetAddress2, #addressForm-StreetAddress3 {min-width:100%;}
    #addressForm-PostalCode-element {
        width:50%;
    }
    #addressForm-StreetAddress1-label, #addressForm-City-label, #addressForm-StateProvinceCode-label, #addressForm-StateProvince-label {
        margin-top:-0em;
    }
    #addressForm-StreetAddress2-label, #addressForm-StreetAddress3-label {
        display:none;
    }
    #btnProceed #submit {
        width:100%;
    }
    .formErrors {
        padding:0em 0em 1em 0em;
    }
    #PaymentMethodForm {
        margin-top:-4em;
    }
    #cancelButton, #proceedButton {
        width:86%;
    }
    #cancelButton {
        position:relative; 
        top:3em;
    }
    #proceedButton {
        position:relative; 
        top:-5em;
    }
    
    
    h3 {
        font-size:1.1em;
    }
    body {
        font-size: 1em;
    }
    .step-title {
        font-size:1.2em; 
    }
    a.Btn, #submit, .BtnInverse, .stdBtn {
        font: normal 1em Arial; 
    }

    
}
/* Landscape phones and down */
@media only screen and (max-width: 480px) {

    #HeaderBranding_Slogan_res {
        font-size:1.4em;
        top:-1.4em;
    }
    #HeaderBranding_Logo_res {
        width: 4.5em; 
        height: 4.5em; 
        margin-top:-0.4em;
    }
    
    #billingPreviousBtn {
        position:relative; 
        right:2em; 
        top:-1em; 
        left:0em; 
        margin-bottom:-2em; 
    }
    .zend_form dd {width:95%;}
    #addressForm-City-element, #addressForm-StateProvince-element, #invoiceForm-NameOnInvoice-element, #invoiceForm-CareOfCompanyName-element, #invoiceForm-PurchaseOrderNumber-element {
        width:95%;
    }
    .paymentDetails_Cell_ItemHeader {
        width:70%
    }
    .paymentDetails_Cell_PriceHeader {
        width:30%; 
    }

}
@media only screen and (max-width: 380px) {
    #HeaderBranding_Slogan_res {
        font-size:1em;
        top:-1.5em;
    }
    #HeaderBranding_Logo_res {
        width: 4em; 
        height: 4em; 
    }
    .zend_form dd {width:93%;}
    #addressForm-StreetAddress1, #addressForm-StreetAddress2, #addressForm-StreetAddress3 {max-width:100%;}
    #addressForm-City-element, #addressForm-StateProvince-element, #invoiceForm-NameOnInvoice-element, #invoiceForm-CareOfCompanyName-element, #invoiceForm-PurchaseOrderNumber-element {
        width:93%;
    }
    #addressForm-PostalCode-element {
        width:93%;
    }
    
    
}