html {
	background:none repeat scroll 0 0 #FAFAF8;
	height:100%;
	overflow-y:scroll;
}

html, input, textarea, select {
	font-family:"HM Ampersand Regular",sans-serif;
}
html {
	font-family:Arial,sans-serif;
	font-size:62.5%;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	border:0 none;
	margin:0;
	outline:0 none;
	padding:0;
	vertical-align:baseline;
}

#main {
	background:url("http://files.hm.com/josh/static/external/img/bg_main.png?1") repeat-y scroll 0 0 transparent;
	left:50%;
	margin:0 0 0 -517px;
	padding:0;
	position:absolute;
	top:126px;
	width:1034px;
	z-index:2;
}

body {
	height:100%;
	min-width:972px;
	position:relative;
}

#content {
	background:url("http://files.hm.com/josh/static/external/img/bg_main.png?1") no-repeat scroll -2068px -21px transparent;
	margin:-30px 0 0;
	min-height:36px;
	padding:12px 31px 0;
	width:972px;
}

#footer {
	background:url("http://files.hm.com/josh/static/external/img/bg_main.png?1") no-repeat scroll -1034px bottom transparent;
	clear:both;
	line-height:1;
	margin:0 -31px -51px;
	min-height:18px;
	overflow:hidden;
	padding:0 31px 33px;
	text-align:center;
	width:972px;
	z-index:-1;
}

h1 {
	font-family:"HM Ampersand Bold";
	font-size:2em;
	letter-spacing:0.15em;
	text-align:center;
	text-transform:uppercase;
}

h1, h2, h3, h4, h5, h6, p, li, a {
	color:#1A171B;
	font-weight:normal;
}

p {
	color:#333333;
	font-size:1.2em;
	line-height:1.2em;
}

#logotype {
	left:50%;
	margin:0 0 0 -420px;
	position:absolute;
	top:39px;
	z-index:11;
}

/*
  $Date: 2010-03-03 14:30:47 +0100 (on, 03 mar 2010) $
  $Revision: 708 $
*/

#errorMessage {
    text-align:             center;
    padding:                70px 0;
}

#errorMessage.hasImage      {
    padding:                0;
}

#errorMessage.hasImage > div {
    width:                  480px;
    padding:                70px 0;
    float:                  left;
}

#errorMessage > img {
    float:                  left;
    margin:                 -22px -100px 15px 0;
    padding:                34px 100px 0 0;
    background-repeat:      no-repeat;
    background-position:    left bottom;
}

#errorMessage h2 {
    margin:                 0 0 17px 0;
}

#errorMessage h2 + span{
    display:                block;
    margin:                 0 auto 60px auto;
    width:                  350px;
    text-align:             center;
    font-family:            'Hm Ampersand Bold';
    font-size:              1.2em;
    text-transform:         uppercase;
}

#errorMessage p {
    display:                block;
    margin:                 0 auto;
    width:                  350px;
    text-align:             justify;
    padding:                0 0 16px 0;
    line-height:            1.2;
}

#errorMessage p > em {
    font-style:             normal;
    font-family:            'Hm Ampersand Bold';
    
}

#errorMessage ul {
    display:                block;
    width:                  235px;
    margin:                 0 auto 20px auto;
    text-align:             left;
    font-size:              1.2em;
    line-height:            1.5;

}

#errorMessage ul > li:first-child {
    display:                block;
    font-family:            'Hm Ampersand Bold';
    color:                  #58585A;    
}

#errorMessage ul > li {
    display:                inline;
    padding:                0 5px 0 0;
}

#errorMessage ul > li > a {
    color:                  #58585A; 
}

#errorMessage ul > li > a:hover {
    text-decoration:        none;
}

#errorMessage > .errorReport {
    display:                block;
    width:                  350px;
    margin:                 10px auto;
    float:                  none;
    overflow:               hidden;
    clear:                  both;
}

#errorMessage > .errorReport > p{
    display:                block;
    margin:                 0 auto;
    width:                  150px;
    text-align:             left;
    padding:                0 0 16px 0;
    line-height:            1.2;
    float:                  left;
}

#errorMessage > .errorReport > form {
    margin:                 0 0 0 10px;
    text-align:             left;
    width:                  169px;
    float:                  left;

}

#errorMessage > .errorReport > form > .field {
   border-left:            1px solid #918f8f;
   padding:                0 0 0 10px;    
}
#errorMessage > .errorReport > form > .field > .label {
    text-transform:         uppercase;
    letter-spacing:         0.1em;
    font-size:              0.85em;
    color:                  #58585A;      
}


#errorMessage > .errorReport > form > .btn {
    margin:                 10px 0 0 8px;
}

#main.generalError {
    top:                        30px;
}

#main.generalError h1 {
    line-height:            3em;
}

#errorMessage .pane {
    padding-bottom:             20px;
    overflow:                   visible;
    position:                   relative;
    margin:                     0 0 0 0;
}

#cerrorMessage .pane > h2 {
    background-image:           none;
    cursor:                     default;
    text-align:                 center;
}

#errorMessage .pane > h3 {
    font-size:                  1.2em;
    letter-spacing:             0.2em;
    padding:                    0 0 10px;
    text-transform:             uppercase;
}

#errorMessage .pane > p {
    display:                    block;
    padding:                    0 0 10px 0;
    line-height:                1.5;
}

#errorMessage .pane .loadingLayer {
    position:                    absolute;
    left:                       0;
    display:                     block;
    width:                      100%;
    height:                     100%;
    bottom:                     0;
    background:                 url(http://files.hm.com/josh/static/external/img/checkout/bg_transparentLayerWhite.png?1) 0 0 repeat;
    z-index:                    10;
    text-align:                 center;
}

#errorMessage .pane .loadingLayer > img {
    padding:                    50px 0 20px 0;
}

#errorMessage .pane .loadingLayer > p {
    font-size:                  1.4em;
    font-family:                "HM Ampersand Bold";
    color:                      #1a171b;
}

#logotype {
	left:50%;
	margin:0 0 0 -420px;
	position:absolute;
	top:39px;
	z-index: 11;
}



@font-face {
    font-family:    'HM Ampersand Bold';
    src:            url('http://files.hm.com/josh/static/external/font/hmampersand-bold-webfont.eot');
    src:            local('☺'), url('http://files.hm.com/josh/static/external/font/hmampersand-bold-webfont.woff') format('woff'), url('http://files.hm.com/josh/static/external/font/hmampersand-bold-webfont.ttf') format('truetype'), url('http://files.hm.com/josh/static/external/font/hmampersand-bold-webfont.svg#webfontbcgAbwNB') format('svg');
    font-weight:    normal;
    font-style:     normal;
}