@font-face{font-family:'letter_one';src:url("fonts/letterone.eot");src:url("fonts/letterone.eot?#iefix") format("embedded-opentype"),url("fonts/letterone.woff") format("woff"),url("fonts/letterone.ttf") format("truetype"),url("fonts/letterone.svg#letter_oneregular") format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'letter_one';src:url("fonts/letterone-bold.eot");src:url("fonts/letterone-bold.eot?#iefix") format("embedded-opentype"),url("fonts/letterone-bold.woff") format("woff"),url("fonts/letterone-bold.ttf") format("truetype"),url("fonts/letterone-bold.svg#letter_onebold") format("svg");font-weight:700;font-style:normal}
@font-face{font-family:'letter_one';src:url("fonts/letterone-bolditalic.eot");src:url("fonts/letterone-bolditalic.eot?#iefix") format("embedded-opentype"),url("fonts/letterone-bolditalic.woff") format("woff"),url("fonts/letterone-bolditalic.ttf") format("truetype"),url("fonts/letterone-bolditalic.svg#letter_onebold_italic") format("svg");font-weight:700;font-style:italic}
@font-face{font-family:'letter_one';src:url("fonts/letterone-italic.eot");src:url("fonts/letterone-italic.eot?#iefix") format("embedded-opentype"),url("fonts/letterone-italic.woff") format("woff"),url("fonts/letterone-italic.ttf") format("truetype"),url("fonts/letterone-italic.svg#letter_oneitalic") format("svg");font-weight:400;font-style:italic}
@font-face{font-family:'letter_two';src:url("fonts/lettertwo.eot");src:url("fonts/lettertwo.eot?#iefix") format("embedded-opentype"),url("fonts/lettertwo.woff") format("woff"),url("fonts/lettertwo.ttf") format("truetype"),url("fonts/lettertwo.svg#letter_tworegular") format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'letter_two';src:url("fonts/lettertwo-bold.eot");src:url("fonts/lettertwo-bold.eot?#iefix") format("embedded-opentype"),url("fonts/lettertwo-bold.woff") format("woff"),url("fonts/lettertwo-bold.ttf") format("truetype"),url("fonts/lettertwo-bold.svg#letter_twobold") format("svg");font-weight:700;font-style:normal}
@font-face{font-family:'letter_two';src:url("fonts/lettertwo-bolditalic.eot");src:url("fonts/lettertwo-bolditalic.eot?#iefix") format("embedded-opentype"),url("fonts/lettertwo-bolditalic.woff") format("woff"),url("fonts/lettertwo-bolditalic.ttf") format("truetype"),url("fonts/lettertwo-bolditalic.svg#letter_twobold_italic") format("svg");font-weight:700;font-style:italic}
@font-face{font-family:'letter_two';src:url("fonts/lettertwo-italic.eot");src:url("fonts/lettertwo-italic.eot?#iefix") format("embedded-opentype"),url("fonts/lettertwo-italic.woff") format("woff"),url("fonts/lettertwo-italic.ttf") format("truetype"),url("fonts/lettertwo-italic.svg#letter_twoitalic") format("svg");font-weight:400;font-style:italic}

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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

body {font-family:arial, sans-serif;font-size: 1em; color: #807370;}

html,button,input,select,textarea{font-family:Arial,sans-serif}
h1,h2,h3,h4,h5,h6{font-family:"letter_one",Arial,sans-serif}
h1,h2{color:#382f2d}
h3,h4,h5,h6{color:#5e514d}
h1,h2{font-size:35px;line-height:37px;font-weight:bold}
h2{font-size:20px;line-height:25px;font-weight: bold;margin-bottom: 10px;   }
h3{font-size:16px;line-height:24px;font-weight: bold;margin-bottom: 10px;}
h4{font-size:13px;}
h5{font-size:12px;}
h6{font-size:11px;}
b,strong{font-weight:700}
a { color: #dc1928; }
p,label,li { color: #666;}
hr {display:block; height:0; border:none;border-top:solid 1px #aaa; }
textarea {  padding: 7px 10px 7px 10px }

input[type=submit], input[type=button] { -webkit-appearance: none; border-radius: 0; }

html, body { height: 100%; }
#body-content { min-height: 100%;margin-bottom: -44px;}
#body-content:after {content: ""; display: block}
#footer, #body-content:after { height: 44px; }

#header, #body, #footer { width: 100%;}
#header-inner, #body-inner, #footer-inner {width: 95%; max-width: 960px;margin: 0 auto; padding: 0 2.5%}
#header {background: #fbf8f1;border-bottom: solid 1px #d7dbdd;color: #231f20;height: 82px;padding: 0;}
#header .main-logo { float: left; }
#header h1 { font-size: 16px;margin: 10px 0 0 2%;float: left;}
#header-inner { height: 60px;padding: 10px 0 0 0;}

#body-inner { padding: 20px 0 0 0; position:relative; min-height:600px;margin-bottom: 50px;}

#footer {clear: both; background: #f2f1ed; color: #444;height: 44px;}
#footer a { color: #444;}
#footer-inner { font-size: 11px; }
#footer-inner ul { height: 44px; }
#footer-inner ul li { float: left;padding: 10px 0;margin: 10px 0px 0px 0px; }
#footer-inner ul li a {display: block;float: left;border-right: 1px solid #aaa8a6;padding: 0 10px;text-decoration: none }
#footer-inner ul li.last-item a { border: 0; }
#footer-inner ul li a:hover { text-decoration: underline;}
#footer ul li.help-support { padding: 3px 0 0 0px; background:#5e514d; border-top-left-radius:3px;border-top-right-radius:3px;}
#footer ul li.help-support a {height: 24px; padding: 0px 10px 0px 24px; margin: 7px 0 0 10px; text-decoration:none; color:#fff;border: none; background-image: url(https://d13a3sktrrck1g.cloudfront.net/domesticreturns/web/images/help-icon-bubble.png);background-repeat: no-repeat;background-position: left top;}

.return-parcel-steps { width: 100% /* 960 */;height: 131px; margin: 20px 0 20px 0 }
.return-parcel-steps li { float: left;width: 29.7999999%; /* 280?? TODO:fix / 960 */ padding-left: 2.083333333333333%; /* 20 / 960 */ height: 131px;background-color: #f3f1ee; }
.return-parcel-steps li.step-1, .return-parcel-steps li.step-2 { margin: 0 2.083333333333333% 0 0; /* 20 / 960 */ }
.return-parcel-steps li.step-3 { margin: 0; }
.return-parcel-steps li h3 { width: 55.94405594405594%; /* 160 / 286 TODO: fix ?? */ margin: 20px 0 0 0; color: #dc1928;float: left;}
.return-parcel-steps li em {font-size: 30px; display: block; }
.return-parcel-steps img {display: block;float: left; width: 39.16083916083916%;}
.return-parcel-steps li.step-1 img { margin-top: 44px;} /* TODO: request fixed height icons */
.return-parcel-steps li.step-2 img { margin-top: 37px;}
.return-parcel-steps li.step-3 img { margin-top: 70px;}

#content { margin: 20px 0 0 0; }

.form-item { width: 100%;clear: both;margin-bottom: 20px;}
.form-item .form-line { width: 100% }
.form-item label {display: block;font-size: 13px;margin-bottom: 5px;color: #807370;}
.form-item label em.label-help { color: #a99c9c;margin: 0 0 0 10px; }
.form-item input { font-size: 13px; color: #382f2d; padding: 7px 10px 7px 10px }
.form-item input[type=text], .form-item input[type=password], .form-item textarea, .form-item input[type=email] {
        border: 1px solid #edeae6;
        border-top: 1px solid #e1deda;
        border-radius: 3px;
        background: #edeae6;
        outline: none;
        width: 60%;
    }
    .form-item input[type=text]:focus, .form-item input[type=password]:focus, .form-item input[type=email]:focus {
        background: #fff
    }
.form-item input[type=submit], .form-item .secondary-button, .form-item .primary-action, table .primary-action {color: #fff;background: #dc1928;font-weight: bold;padding: 5px 28px;text-align: center; border-radius:3px;border: none;cursor: pointer;font-family: "letter_one", Arial, sans-serif;height: 28px;text-decoration: none;}
.form-item a.primary-action { font-size: 13px;line-height: 18px;height: auto;  }
.form-item input[type=submit]:hover {background:#bc111e}
.form-item input[type=button], .form-item input[type=submit] { font: 700 13px "letter_one", Arial, sans-serif }
.form-final { text-align: right;width: 100%;margin: 0; }
.form-half { width:45%; float:left; margin-right:5%; clear:none;}
.form-quarter { width:20%; float:left; margin-right:5%; clear:none;}
.form-half input[type=text], .form-half input[type=email] {
    width: 100%
}
.form-item input[type=text].small, .form-item input[type=email].small {
    width: 10%;
    min-width: 100px
}
.form-item strong {font-weight:normal; color:#bc111e; font-size:1.2em;}
.form-item select {font-size: 13px; color: #382f2d;border: 1px solid #edeae6;border-top: 1px solid #e1deda; border-radius:3px;background: #edeae6;outline: none; width: 61%;}
.form-item select { background-image: url(https://d13a3sktrrck1g.cloudfront.net/domesticreturns/web/images/select-bg.png); background-position: 100% 50%; background-repeat: no-repeat; appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
    padding: 6px 10px;
}
select::-ms-expand {
    display: none;
}
.form-item select:focus {background-color:#fff}
.form-item select.form-state {width:100%}

.form-item input.input-validation-error, .form-item select.input-validation-error { border: 1px solid #dc1928; }
.form-item select.input-validation-error { padding: 6px 10px;}
.form-item input[type=checkbox].input-validation-error { width: 30px; }
.form-item span.field-validation-error {font-size: 13px; display: block; color: #dc1928;margin: 10px 0 0 0;}
.form-item img.validation-error { margin: 0 0 0 5px;position: relative;top: 4px; }
.form-item img.help { margin: 0 -8px 0 0px; position: relative;top: 3px;cursor: pointer;}

#InfoMessage {display:none; color:#21aae1; font-size:1.2em; margin:10px 0; clear:both}
#ErrorMessage {display:none; color:#c33; font-size:1.2em; margin:10px 0; clear:both}
#PopErrorMessage, #PopInfoMessage  {background: #FFCCCC; color:#e04f00; text-align:center; z-index: 150;max-width: 900px;padding: 20px 2%;margin: 0 auto; position: relative; top:20px; font-size:12pt; border: solid 3px #CC0000; border-radius:5px; margin-bottom: 30px; }
#PopInfoMessage {background:#ccff99; color:#45732B; border-color:#45732B;}


em.mandatory-indicator {margin-left: 3px;color: #dc1928; }

.clearfix:after, .group:after, .wrap:after {visibility: hidden; display: block; content: ""; clear: both; height: 0;}

.validation-summary-errors {
   font-size: 13px; 
   color: #dc1928;
   border: 2px solid #dc1928;
   padding: 20px 3%;
   margin-bottom: 20px;
    border-radius: 3px;
} 
.validation-summary-errors span {
    font-weight: bold;
}

.validation-summary-errors ul {
    margin-top: 10px;
}

.validation-summary-errors li {
    list-style: disc;
    margin: 5px 0 0 0;
    color: #dc1928;
    cursor: pointer;
}

.validation-summary-errors li:hover {
    text-decoration: underline;
}

.validation-summary-valid
{
    display:none;
}

/* global T&Cs */

.global-terms 
{
    max-width: 960px;
    margin: 0 auto;
    float: left;
    clear: both;
    border-top: 4px solid #e2dfda;
    font-size: 11px;
    line-height: 15px;
    padding-top: 20px;
    margin-top: 30px;
    margin-bottom: 40px;
}


/* 
	Required Styles
*/
#aToolTip {
	position: absolute;
	display: none;
	z-index: 50000;
}

	#aToolTip .aToolTipContent {
		position:relative;
		margin:0;
		padding:0;
	    width: 100%;
	}
	
	#aToolTip .aToolTipContent span {
	    width: 90%;
	    display: block;
	    float: left;
	    font-size: 13px;
	    line-height: 18px;
	}
/* 
	END: Required Styles
*/
/**
	Default Theme
*/
#aToolTip.defaultTheme {
	padding: 10px;
    position: absolute;
    max-width: 300px;
    background: #FAF8F5;
    border: 1px solid #E2DFDA;
    border-radius: 3px;
    z-index: 100;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

	.defaultTheme #aToolTipCloseBtn {
	    position: relative;
	    top: 0px;
	    float: right;
        background-image: url(https://d13a3sktrrck1g.cloudfront.net/domesticreturns/web/images/close.png);
	    background-repeat: no-repeat;
        width: 16px;
        height: 15px;
        cursor: pointer;
        margin: 0 0 0 10px;
        text-indent: -999px;
        overflow: hidden;
	}

/* Return To */

.return-to-details {
    float: left;
    clear: both;
    width: 17.91666666666667%; /* 172 / 960 */
    font-family: "letter_one", Arial, sans-serif;
    background-color: #f3f1ee;
    padding: 20px 2.083333333333333%; /* 20 / 960 */
    overflow:hidden;
}

.return-to-details .address {
    font-family: "letter_one", Arial, sans-serif;
    font-weight: bold;
    margin: 10px 0 0 0;
    color: #817472;
    line-height: 20px;
}

.return-to-details .merchant-logo {
    text-align: center;
    margin: 0;
    max-width: 98%;
} 

.return-to-details label {
    font-size: 13px;
    color: #382f2d;
    font-weight: bold;
}

.return-to-details .cost {
    border-top: 1px solid #e1deda;
    margin-top: 20px;
    padding: 20px 0 0 0;
}

.return-to-details .cost .free {
    color: #067a3d;
}

.return-to-details .cost span {
    font-weight: bold;
    font-size: 18px;
    color: #dc1928;
    float: right;
}

/* Error Page */

#error-page p#unavailable { font-weight: bold;font-size: 18px; margin: 30px 0; }
#error-page p { font-size: 13px;line-height: 16px;margin-bottom: 20px;margin-bottom: 3px;}
#error-page p em { color: #dc1928; }
#error-page ul { margin-top: 20px;}
#error-page li { list-style: disc; font-size: 13px;margin: 0 0 20px 30px;line-height: 18px;}

/* Return Page */

#returns-detail #return-form-details {
    float: left;
    width: 75.625%; /* 686 / 960 */
    padding: 20px 2.083333333333333%; /* 20 / 960 */
    margin-left: 2.083333333333333%; /* 20 / 960 */
    border: solid 1px #d7dbdd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
}

#returns-detail #return-form-details form {
    float: left;
    width: 100%;
}

#returns-detail .validation-summary-errors li {
    margin-left:  2.915451895043732%
}

#returns-detail #return-form-details h2 {
    width: 50%;
    float: left;
    margin: 0 0 20px 0;
}

#returns-detail #return-form-details #order-details {
    float: left;
    clear: both;
    width: 100%;
}

#returns-detail #return-form-details #your-details {
    float: left;
    clear: both;
    width: 100%;
    border-top: solid 1px #d7dbdd;
    padding: 10px 0 0 0;
}

#returns-detail #sender-suburb {
 width: 50%   
}

#returns-detail #sender-state {
    width: 20.5%;
    min-width:128px;
}

#returns-detail #sender-postcode {
 width: 14.5%   
}

#returns-detail #order-number input[type=text] {
/*    width: 90%;   */
}

#returns-detail .editor-field * { box-sizing: border-box; }
@media screen and (min-width: 666px) {
    #returns-detail .form-half { width:47%; float:left; margin-right:2%; clear:none;}
}

#ReturnReason { width: 90%; }
#returns-detail #return-auth-number input[type=text],
#returns-detail #order-number-mandatory input[type=text]
{
    width: 80%;
}

#returns-detail #order-number input[type=text] {
    width: 93%;
    margin-right: 2%;
}

#returns-detail #sender-postcode.form-half input[type=text] {
    width: 70%;   
}

#returns-detail #terms-and-conditions {
    width: 100%;
    clear: both;
    float: left;
    border-top: solid 1px #d7dbdd;
    padding: 20px 0 0 0;
    margin-bottom: 20px;
}

#returns-detail #terms-and-conditions .field-validation-error {
    margin-left: 40px;  
}

#returns-detail #terms-and-conditions .form-item {
 background-color: #f3f1ee;
 width: 97.08454810495627%;  /* 666 / 686 */
 padding: 10px 1.457725947521866%;
    margin: 0;
 
}

#returns-detail #terms-and-conditions .form-item label {
    display: inline;   
}

#returns-detail .mandatory-key {
    float: right;
    text-align: right;
    clear: both;
    margin-top: -40px;
    font-size: 13px;
    color: #807370;
}

#returns-detail .form-final
{
    padding-top: 20px;
    border-top: solid 1px #d7dbdd;
}

/* Payment Page */

#payment #payment-details 
{
    float: left;
    width: 75.625%; /* 686 / 960 */
    padding: 20px 2.083333333333333%; /* 20 / 960 */
    margin-left: 2.083333333333333%; /* 20 / 960 */
    border: solid 1px #d7dbdd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    padding-bottom: 0;
    min-height: 100%;
}

#payment #securepay-secureframe {
    float: left;
    height: 360px;
    width: 100%;
    margin-top: 20px;
    background: #fff url(https://d13a3sktrrck1g.cloudfront.net/domesticreturns/web/images/ap-loader.gif) no-repeat 50% 40%;
}

/* Complete Page */

#complete #content {
    width: 95.625%; /* 918 / 960 */
    padding: 0px 2.083333333333333% 20px 2.083333333333333%; /* 20 / 960 */
    border: solid 1px #d7dbdd;
}

#complete p {
    font-size: 13px;
    line-height: 18px;  
}

#complete .secondary-button {
    background-color: #5e514d;
}

#complete #payment-received {
    width: 100%;
    padding: 20px 0;
    font-size: 16px;
    line-height: 20px;
    border-bottom: solid 1px #d7dbdd;
}

#complete #payment-received em {
    font-family: "letter_one", Arial, sans-serif;
    color: #666;
    font-weight: bold;
}

#complete #payment-received h2 {
    color: #067a3d;   
}

#complete #return-details {
    width: 100%;
    float: left;
    padding: 20px 0 20px 0;
    border-bottom: solid 1px #d7dbdd;
}

#complete #return-details .primary-action {
    float: left;
}

#complete #return-details .form-final {
    margin-top: 40px;
    float: left;
}

#complete .return-to-details,
#complete #return-label {
    float: left;
    width: 45%; /* 400 / 960 */
    clear: none;
}

#complete #return-label {
    padding: 0 20px 0 0; 
}

#complete .return-to-details {
    background-color: #fff;
    margin: 0 0 0 0;
    padding: 0 0 0 20px; 
    border-left: solid 1px #d7dbdd;
}

#complete #return-details #return-label input {width:60%; display:block; float:left; text-align:center; padding-left:0; padding-right:0;}
#complete #return-details #return-label input.secondary-button {margin-left:4%}
#complete .find-parcel-collect {
    clear: both;
    width: 100%;
    padding: 20px 0 0 0;  
}

#complete .find-parcel-collect p {
    margin-bottom: 20px;
}

#complete .find-parcel-collect .search-text {
 width: 70%      
}

#complete .find-parcel-collect  {
 width: 80%      
}

#complete .find-parcel-collect .search-options {
    height: 18px;
}

#complete .find-parcel-collect .search-options .form-item {
    clear: none;
    float: left;
    padding: 0;
    margin: 0;
}

#complete .find-parcel-collect label {
    font-size: 13px;
	line-height: 18px;   
}

#complete .find-parcel-collect .search-button  {
    margin-left: 10px;
}

#complete .search-options {
    margin-top: 10px;
}

#complete .search-options label {
    display: inline;
}

#complete .search-options .form-item {
    width: 25%;
}

#complete p {
    color: #807370;
}

body#tax-invoice  {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

#tax-invoice { margin: 50px;color: #231f20; }
#tax-invoice .form-item label { color: #231f20;}

#tax-invoice h1 
{
    font-family: Arial, sans-serif;
    float: left;
    font-size: 24px;
    padding-top: 35px;
    height: 112px;
    font-weight: bold;
} 

#tax-invoice #logo {
    float: right;
    height: 64px;
    width: 189px;
}

#tax-invoice h2 
{
    font-family: Arial, sans-serif;
    clear: both;
    font-size: 48px;
    color: #dc1928;
    margin-top: 80px;
    font-weight: bold;
}

#tax-invoice #sub-header {
    position: relative;
    width: 100%;
    height: 150px;
    margin-top: 50px;
    background-color: #ece9e4;    
    background-image: url(paid-stamp-cc.png);
    background-repeat: no-repeat;
    background-position: top left;
}

#tax-invoice #page-curl {
    float: left;
    height: 40px;
    width: 50px;
}

#tax-invoice #sub-header .form-item {
    margin-top: 70px;
    float: left;
    clear: none;
}

#tax-invoice #sub-header .form-item#invoice-number {
    width: 340px;   
}

#tax-invoice #sub-header .form-item#issue-date {
    width: 400px;   
}

#tax-invoice #paid-stamp 
{
    float: right;
    position: relative;
    top: -130px;
    right: 10px;
}

#tax-invoice #sub-header .form-item label { font-size: 20px; margin-bottom: 5px;}
#tax-invoice #sub-header .form-item span { font-size: 22px; font-weight: bold; }

#tax-invoice #billed-to {
    margin-top: 30px;padding: 0;margin: 0;
}

#tax-invoice #billed-to, #tax-invoice #billed-to label {
    font-size: 20px;
}

#tax-invoice #billed-to span {
    display: block;
    margin-bottom: 5px;
}

#tax-invoice #billed-to span#sender-name {
    font-size: 22px; font-weight: bold;
}

#tax-invoice table {
    margin-top: 70px;
    width: 100%;   
}

#tax-invoice table th {
    font-weight: bold;
    text-align: left;
    padding: 0 0 10px 0;
}

#tax-invoice table th em { font-size: 12px;font-weight: normal; }

#tax-invoice table tr.cost-item td {
    border-top: 2px solid #231f20;   
    border-bottom: 2px solid #231f20;
    padding: 10px 0;
}

#tax-invoice table tr td.total-gst-label, #tax-invoice table tr td.total-gst { border-bottom: 4px solid #231f20;
    padding: 20px 0; }

#tax-invoice table tr td.total, #tax-invoice table tr th.total {
    text-align: right;   
}

#tax-invoice table tr#grand-total td {
    font-weight: bold;
    padding-top: 15px;   
}

#tax-invoice table tr#grand-total td.total {
    font-size: 30px;
    color: #dc1928;   
}

#tax-invoice #invoice-footer {
    margin-top: 200px;
}

#tax-invoice #invoice-footer .form-item {
    float: left;
    clear: none;
    width: 50%;
}

#tax-invoice #invoice-footer .form-item#abn {
    float: right;
    text-align: right;
}

#tax-invoice #invoice-footer .form-item label {
    font-size: 20px;
    display: inline;
    margin-right: 10px;
}

#tax-invoice #invoice-footer .form-item span {
    font-size: 20px;
    font-weight: bold;
    display: inline;
    float: none;
}

#tax-invoice #invoice-footer #terms-and-conditions {
    font-size: 10px;
    line-height: 15px;
    clear: both;   
}

@media screen and (max-width: 990px) 
{
    #returns-detail #return-to-details {
        width: 100%;   
    }
}

@media screen and (max-width: 900px) 
{
    .return-parcel-steps li h3 {font-size:12.8px;}
    #complete #return-label {width:60%; padding:0;}
    #complete .return-to-details {width:30%; padding-left:5%; float:right;}
}

@media screen and (max-width: 800px) 
{
    .return-parcel-steps li {position:relative}
    .return-parcel-steps li h3 {font-size:12.8px; width:70%}
    .return-parcel-steps img {width:25%; position:absolute; bottom:15%; right:3%}
    #complete .form-final .primary-action, #complete #return-details #return-label input,  #complete .find-parcel-collect .form-item  { clear: both;width: 100%;margin: 0;padding-left: 0;padding-right:0  /* 384 / 424 */;}
    #complete #return-details #return-label input.secondary-button { margin-top: 15px;margin-left: 0;}
    #complete #return-details #return-label { padding-bottom: 20px;}
    #complete .return-to-details { border-top: 1px solid #e1deda;}
    #complete .find-parcel-collect .search { height: 180px;}
    #complete .find-parcel-collect { width: 100%;}
    #complete .find-parcel-collect .search-text { width: 90%;padding-left: 5%;padding-right: 5%;}
    #complete .find-parcel-collect .search-button { margin: 15px 0 0 0; width:100%}
}

@media screen and (max-width: 665px) 
{
    .return-parcel-steps li { float: left;clear: both;width: 90%; padding-left:5%; padding-right:5%;}
    .return-parcel-steps li.step-1, .return-parcel-steps li.step-2,.return-parcel-steps li.step-3 {  margin: 0 0 15px 0; }
    .return-parcel-steps li img {padding: 0; height: 70px;width: 90px;}
    .return-parcel-steps li.step-3 img {padding: 0; height: 70px;width: 120px;}
    #complete #return-label {width:100%; padding:0;}
    #complete .return-to-details {width:100%; padding:0; float:none; border-left:none; margin-top:20px;padding-top: 18px;border-top: 1px solid #e1deda;}
    .return-to-details {width:90%; padding-left:5%; padding-right:5%;}
    #returns-detail #return-form-details, #payment #payment-details {width:100%; padding-left:5%; padding-right:5%; margin-top:15px; margin-left:0;}
    #returns-detail #return-form-details h2 {width:70%}
    .form-item input[type=text], .form-item input[type=email] {
        width: 97%;
        padding: 6px 1.5%;
    }
    .form-final {width:100%; padding:0;}
    .form-half, #returns-detail #sender-suburb, #returns-detail #sender-postcode, #returns-detail #sender-state { margin-right:0; float:none; width:100%; }
    #footer-inner ul li {float:none; display:inline-block;}
    #footer-inner ul, #footer-inner{height:auto; text-align:center;}
    
    .form-item input[type=submit] { width: 100%;padding-left:0; padding-right:0 }
}

@media screen and (max-width: 300px) {
    .return-parcel-steps li img {padding: 0; height: 50px;width: 70px;}
    .return-parcel-steps li.step-3 img {padding: 0; height: 50px;width: 100px;}
    #footer { background: none; }
    #footer-inner ul { background: #f2f1ed;  }
    #footer-inner ul li {float:none; display: block;border: none;width: 100%;}
    #footer-inner ul li a {float: none;border: none; }
    #footer ul li.help-support a { padding: 0px 10px 0px 0px }
}

/*
@media screen and (max-width: 800px) 
{
    #header h1 {background-size: 80px; padding: 0 0 0px 95px;}
    #body-inner h1#content-title { font-size: 1.7em;}
    
}

@media screen and (max-width: 665px) 
{
    #header h1 {background-size: 50px; padding: 0 0 0 65px;}    
    #body-inner h1#content-title { font-size: 1.5em;}
    #secure-message {width:100%}
    
    #returns-detail #return-to-details { width: 100%;}
}

@media screen and (max-width: 400px) 
{
    #body-inner { width:100%;}
    #content { border-left: none;border-right: none;}
    #header h1 {font-size: 1.2em; background-size: 50px; padding: 0 0 0 55px;}      
    #body-inner h1#content-title { display: block;width: 100%;text-align: center; float:none}
    #merchant-logo { display: block; width: 70%;text-align: center;float: none;margin: 0 auto;}
    .return-parcel-steps li { float: left;width: 100% }
    
    #returns-detail #return-to-details { width: 94%;}
    #returns-detail #return-to-details #merchant-logo { width: 94%; }
}
*/


