html, body {
    margin: 0;
    padding: 0;
    cursor: default;
}
body
{
    width: 1280px;
    margin: 0 auto;
}
.error{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.content2 .errors,
.content3 .errors
{
	margin-top: 20px;
	padding-left: 47px;
	color: #E24301;
	font-family: Helvetica-Bold;
}

input[type="number"]{width:50px;}

/* ************************************* FONTS ********************************** */
/*
@font-face {
    font-family: 'MyriadPro-Bold';
    src:
        url('../fonts/MyriadPro-Bold.otf') format('opentype')
}

@font-face {
    font-family: 'Helvetica-Roman';
    src:
        url('../fonts/HelveticaNeueLTStd-Roman.otf') format('opentype')
}

@font-face {
    font-family: 'Helvetica-Bold';
    src:
        url('../fonts/HelveticaNeueLTStd-Bd.otf') format('opentype')
}

@font-face {
    font-family: 'Helvetica-Light';
    src:
        url('../fonts/HelveticaNeueLTStd-Lt.otf') format('opentype')
}

@font-face {
    font-family: 'Helvetica-Medium';
    src:
        url('../fonts/HelveticaNeueLTStd-Md.otf') format('opentype')
}

@font-face {
    font-family: 'DTLProkyonSTLight';
    src:
        url('../fonts/DTLProkyonSTLight.otf') format('opentype')
}

@font-face {
    font-family: 'DTLProkyonSTMedium';
    src:
        url('../fonts/DTLProkyonSTMedium.otf') format('opentype')
}

@font-face {
    font-family: 'AkzidenzGrotesk-LightCond';
    src:
        url('../fonts/AkzidenzGrotesk-LightCond.otf') format('opentype')
}

@font-face {
    font-family: 'big_noodle_titling';
    src:
        url('../fonts/big_noodle_titling.ttf') format('truetype')
}*/

@font-face {
    font-family: 'MyriadPro-Bold';
    src:
        url('../fonts/MyriadPro-Bold.eot');
    src:
        url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Bold.otf') format('opentype'),
        url('../fonts/MyriadPro-Bold.woff') format('woff'),
        url('../fonts/MyriadPro-Bold.ttf') format('truetype'),
        url('../fonts/MyriadPro-Bold.svg#quartzregular') format('svg');
    
}


@font-face {
    font-family: 'Helvetica-Roman';
    src:
        url('../fonts/HelveticaNeueLTStd-Roman.eot');
    src:
        url('../fonts/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTStd-Roman.otf') format('opentype'),
        url('../fonts/HelveticaNeueLTStd-Roman.woff') format('woff'),
        url('../fonts/HelveticaNeueLTStd-Roman.ttf') format('truetype'),
        url('../fonts/HelveticaNeueLTStd-Roman.svg#quartzregular') format('svg');
}

@font-face {
    font-family: 'Helvetica-Bold';
    src:
        url('../fonts/HelveticaNeueLTStd-Bd.eot');
    src:
        url('../fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTStd-Bd.otf') format('opentype'),
        url('../fonts/HelveticaNeueLTStd-Bd.woff') format('woff'),
        url('../fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'),
        url('../fonts/HelveticaNeueLTStd-Bd.svg#quartzregular') format('svg');
}
@font-face {
    font-family: 'Helvetica-Light';
    src:
        url('../fonts/HelveticaNeueLTStd-Lt.eot');
    src:
        url('../fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTStd-Lt.otf') format('opentype'),
        url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'),
        url('../fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'),
        url('../fonts/HelveticaNeueLTStd-Lt.svg#quartzregular') format('svg');
}


@font-face {
    font-family: 'Helvetica-Medium';
    src:
        url('../fonts/HelveticaNeueLTStd-Md.eot');
    src:
        url('../fonts/HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTStd-Md.otf') format('opentype'),
        url('../fonts/HelveticaNeueLTStd-Md.woff') format('woff'),
        url('../fonts/HelveticaNeueLTStd-Md.ttf') format('truetype'),
        url('../fonts/HelveticaNeueLTStd-Md.svg#quartzregular') format('svg');
}

@font-face {

    font-family: 'DTLProkyonSTLight';
    src:
        url('../fonts/DTLProkyonSTLight.eot');
    src:
        url('../fonts/DTLProkyonSTLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DTLProkyonSTLight.otf') format('opentype'),
        url('../fonts/DTLProkyonSTLight.woff') format('woff'),
        url('../fonts/DTLProkyonSTLight.ttf') format('truetype'),
        url('../fonts/DTLProkyonSTLight.svg#quartzregular') format('svg');
}

@font-face {
    font-family: 'DTLProkyonSTMedium';
    src:
        url('../fonts/DTLProkyonSTMedium.eot');
    src:
        url('../fonts/DTLProkyonSTMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DTLProkyonSTMedium.otf') format('opentype'),
        url('../fonts/DTLProkyonSTMedium.woff') format('woff'),
        url('../fonts/DTLProkyonSTMedium.ttf') format('truetype'),
        url('../fonts/DTLProkyonSTMedium.svg#quartzregular') format('svg');
}

@font-face {
    font-family: 'AkzidenzGrotesk-LightCond';
    src:
        url('../fonts/AkzidenzGrotesk-LightCond.eot');
    src:
        url('../fonts/AkzidenzGrotesk-LightCond.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AkzidenzGrotesk-LightCond.otf') format('opentype'),
        url('../fonts/AkzidenzGrotesk-LightCond.woff') format('woff'),
        url('../fonts/AkzidenzGrotesk-LightCond.ttf') format('truetype'),
        url('../fonts/AkzidenzGrotesk-LightCond.svg#quartzregular') format('svg');
}

@font-face {
    font-family: 'big_noodle_titling';
    src:
        url('../fonts/big_noodle_titling.eot');
    src:
        url('../fonts/big_noodle_titling.eot?#iefix') format('embedded-opentype'),
        url('../fonts/big_noodle_titling.otf') format('opentype'),
        url('../fonts/big_noodle_titling.woff') format('woff'),
        url('../fonts/big_noodle_titling.ttf') format('truetype'),
        url('../fonts/big_noodle_titling.svg#quartzregular') format('svg');
}

/* ************************************* HEADER ********************************** */
#header
{
    width: 100%;
    float:left;
    height: auto;
}

/* ************************************* HEADER ********************************** */
#banner
{
    margin-top: 37px;
    width:100%;
    background:rgb(197,155,108);
    background: transparent\9;
    background:rgba(197,155,108,0.1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19C59B6C,endColorstr=#19C59B6C);
    zoom: 1;
    position: relative;
    float:left;
    height: 142px;
    margin-top: 37px;
}

#banner .logo
{
    width:208px;
    height: 108px;
    float:left;
    margin-left: 54px;
    margin-top: 16px;
}

#banner .languages
{
    width:75px;
    height:17px;
    position: absolute;
    top: 57px;
    right: 21.2%;
}

#banner .languages .lang
{
    width: 50%;
    float:left;
    height: 100%;
    text-align: center;
    padding-top:1px;
    cursor: pointer;
}
#banner .languages .lang a
{
    font-family: 'Helvetica-Bold';
    font-size:14px;
    letter-spacing: 1px;
    color:#808080;
    text-decoration: none;
}
#banner .languages .active{background-color:#FF5000;color:#FFF;}
#banner .languages .active a{ color:#fff}

#banner .social-networks
{
    width: 156px;
    height: 31px;
    position: absolute;
    top: 52px;
    right: 3.9%;
}

#banner .social-networks .network
{
    float:left;
    margin-right:5.839%;
}




#banner .social-networks .network a > img.default,
#banner .social-networks .network a:hover > img.active
{
    display:block;
}


#banner .social-networks .network a > img.active,
#banner .social-networks .network a:hover > img.default
{
    display:none;
}


#banner .social-networks .network:nth-child(4){margin-right: 0;}

/* ------------- MENU ------------- */
#menu
{
    width:100%;
    float:left;
    clear:both;
}

#menu .hr
{
    width:100%;
    height:2px;
    float:left;
    background-color:#FF5000;
}

#menu > ul{
    width:100%;
    float:left;
    list-style: none;
}

#menu > ul > li
{
    width:16.667%;
    height:100%;
    float:left;
    text-align: center;
	position:relative;
}
#menu > ul > li > a
{
    width: 100%;
    font-family: DTLProkyonSTLight;
    font-size: 19px;
    color: #513528;
    text-decoration: none;
    float: left;
    border-top:4px solid #fff;
    position: relative;
    word-wrap: break-word;
    padding: 29px 0 46px 0;
	cursor:pointer;
}

#menu > ul > li > a:hover{

    font-family: DTLProkyonSTMedium;
    border-top:4px solid #FF5000;

}

#menu > ul > li > a .separator
{
    width:2px;
    background:#513628;
    height:19px;
    position:absolute;
    right:1px;
    top:30px;

}

#menu > ul > li.separator
{
    width:0.191%;
    background: url('../images/header/icon-menu-hr.png') no-repeat;
    background-position: center center;
}


ul.submenu
{
	margin:24px 0 0 0;
	padding:0;
	padding-bottom:10px;
	width:100%;
	list-style:none;
	float:left;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	background:rgba(255, 80, 0, 0.90);
	display:none;
}

ul.submenu li
{
	float:left;
	width:100%;
	z-index:999;
}

ul.submenu li a
{
	color:#fff;
	text-decoration:none;
	float:left;
	width:100%;
	text-align:center;
	font-family:DTLProkyonSTLight;
	font-size: 16px;
	padding:5px 0px;
	cursor:pointer;
}
ul.submenu li a:hover
{
	font-family: DTLProkyonSTMedium;
}

ul.submenu li.first a
{
	font-family: DTLProkyonSTMedium;
	font-size: 19px;
	background:#513528;
	padding:10px 0px;
	margin-bottom:10px;
	cursor:default;
}


/* ------------- CONTENT ------------- */
#content
{
    width: 1280px;
    height: auto;
    float:left;
    background:rgb(197,155,108);
    background: transparent\9;
    background:rgba(197,155,108,0.1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19C59B6C,endColorstr=#19C59B6C);
    zoom: 1;
}

#content .title
{
    width:200px;
    height:36px;
    float:left;
    margin: 25px 0 0 25px;
}

#content .title > img {float:left}
#content .title div
{
    font-family: Helvetica-Bold;
    font-size:21px;
    color:#513528;
    float:left;
    margin-top: 8px;
    margin-left: 10px;
}

#content .steps-nav
{
    width: 882px;
    min-height: 38px;
    float: left;
    margin-left: 31px;
    margin-top: 14px;
}

#content .steps-nav .step_balls
{
    float:left;
    width:769px;
    height:38px;
    margin-left: 56px;
    background: url('../images/checkout/img-step-bar.png') no-repeat;
}

#content .steps-nav .step-text
{
    float:left;
    font-family: Helvetica-Roman;
    font-size:14px;
    color: #513528;
    margin-top:5px;
    width:147px;
    text-align: center;
}

.steps
{
    width: 806px;
    float:left;
    margin-top:20px;
    border:1px solid #513528;
    background-color:#fff;
    clear: both;
    margin-bottom: 113px;
}

.steps .step
{
    width:100%;
    height: 57px;
    line-height: 57px;
    float:left;
    font-family: Helvetica-Bold;
    font-size:21px;
    color:#E24301;
    background: url('../images/checkout/img-step-bottom.png') bottom no-repeat;
}

.steps .open
{
  /* border-top: 1px solid #513528;*/
}

.steps .first{background: none}

.steps .number
{
    width: 30px;
    height: 30px;
    font-family: Helvetica-Bold;
    font-size: 17px;
    float: left;
    text-align: center;
    color: #fff;
    background: url('../images/checkout/icon-step-ball.png') no-repeat;
    margin-top: 9px;
    margin-left: 34px;
    line-height: 29px;
}

.steps span{padding-left:7px;}

.step > span{float: left; 	margin-top: 9px; 	line-height: 29px;}
.step .number > span{float: left; 	margin-top: 9px; 	line-height: 29px;}
#content .shopping-cart
{
    width:415px;
    float:right;
    margin-top:20px;
    border:1px solid #513528;
    background-color:#fff;
    margin-bottom: 113px;
	margin-right:11px;
}

#content .shopping-cart .header
{
    width:88%;
    height: 46px;
    font-family: MyriadPro-Bold;
    font-size:19px;
    color:#fff;
    line-height: 49px;
    background: #513528 url("../images/checkout/icon-shop-cart.png") no-repeat 15px 50% ; 
    padding-left:50px;
}

#content .shopping-cart .content
{
    min-height:200pxpx;
    padding:15px;
    background-color: #fff;
}

#content .shopping-cart .content .title
{
    height: 16px;
    font-family: Helvetica-Bold;
    font-size:15px;
    color:#513528;
    float:left;
    width:100%;
    margin:0;
    margin-bottom: 5px;
}

#content .shopping-cart .content table, #content .shopping-cart .content table th, #content .shopping-cart .content table td
{
    border:1px solid #513528;
}

#content .shopping-cart .content table
{
    width:100%;
    float:left;
}

#content .shopping-cart .content table th
{
    font-family: Helvetica-Bold;
    font-size:11px;
    color:#513528;
    padding:10px;
    text-align: left;
}

#content .shopping-cart .content table td
{
    font-family: AkzidenzGrotesk-LightCond;
    font-size:15px;
    color:#513528;
    padding:10px;
    text-transform: uppercase;
    font-weight: 700;
}

#content .shopping-cart .content table .price{font-family: big_noodle_titling; font-size:14px;color:#E24301;text-align: center;font-weight: 700;}
#content .shopping-cart .content table .dose{font-family: Helvetica-Roman; font-size:12px;color:#666666;text-align: center}
#content .shopping-cart .content table .subtotal{font-family: ; font-size:14px;color:#513528;text-align: center;font-weight: 700;}
#content .shopping-cart .content table .colspan{font-family: Helvetica-Bold; font-size:11px;color:#513528;text-align: right;font-weight: 700;}

#content .total-to-pay
{
    width:100%;
    height: 25px;
    float:right;
    font-family: Helvetica-Bold;
    font-size:11px;
    color:#513528;
    margin-top:20px;
}

#content .total-to-pay .text
{
    float: right;
    /*padding:8px 10px 0 0;
    width:80px;*/
	padding:8px 18px 0 0;
    width:auto;
}

#content .total-to-pay .price
{
    font-family: big_noodle_titling;
    font-size:19px;
    color:#fff;
    background: #E24301;
    float: right;
    margin-right: -23px;
    padding:5px 10px;
    position:relative;
}

#content .total-to-pay .price .pointer
{
    margin-left: -6.5px;
    border-top: 15px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 7px solid #E24301;
    position: absolute;
    top: 0;
    left: 0;
}
#content .total-to-pay .price .corner
{
    width: 8px;
    height: 7px;
    background: url('../images/take-away/img-take-away-corner-subtotal.png') no-repeat;
    position: absolute;
    bottom: -7px;
    right: 0px;
}



#content .buttons
{
    width:100%;
    height:40px;
    float:left;
    margin-top:25px;
}

#content .buttons .left
{
    width:50%;
    height: 40px;
    float:left;
    font-family: Helvetica-Roman;
    font-size:12px;
    color:#666666;
    padding-top:10px;
}

#content .buttons .left a
{
    font-family: Helvetica-Bold;
    font-size:12px;
    color:#E24301;
}

#content .buttons .right
{
    width:50%;
    height: 40px;
    float:left;
}

#content .buttons .right .button
{
    width:140px;
    height:33px;
    color:#fff;
    text-align:center;
    line-height: 31px;
    background-color: #513528;
    font-family: 'Helvetica-Bold';
    font-size: 19px;
    border: 0;
    cursor: pointer;
    float: right;
}

#content .buttons .right .button:hover
{
    background-color: #E24301;
}

/* *************************************************** STEPS ************************************************* */
.steps .first-open
{
    background-position-y: 49px;
}

.step-content
{
    width:100%;
    min-height: 100px;
    float:left;
    background-color:#fff;
    margin-top:15px;
    display:none;
}

.step-content .header
{
    width:100%;
    height:45px;
    background: url('../images/checkout/img-step-header.png') no-repeat;
    float:left;
}

.step-content .header span
{
    width:300px;
    /*line-height: 36px;*/
    font-family: Helvetica-Bold;
    font-size: 15px;
    color: #fff;
    margin-left:25px;
	float:left;
	padding-top:10px;
}

.step-content .content
{
    float:left;
    font-family: Helvetica-Roman;
    font-size:12px;
    font-weight: 700;
    color:#513528;
    margin-bottom: 30px;
    margin-top:20px;
}

.step-content .content .button
{
    width:auto;
    height: 33px;
    background-color:#513528;
    font-family: Helvetica-Bold;
    font-size:19px;
    color:#fff;
    text-align: center;
    border:0;
    cursor:pointer;
	float:right;
}

.step-content .content .button:hover
{
    background-color:#E24301;
}

/* ******* STEP 1 ******** */
.step-content .content1{margin-left:223px;width:329px}
.step-content .content1 .text{float:left;margin-left:27px}
.step-content .content1 .inputs{clear:both;font-family: Helvetica-Bold;font-size:12px;font-weight: 700;padding-top:10px}
.step-content .content1 .inputs span{font-family: Helvetica-Roman; font-size:12px;font-weight: 700;margin-left: 18px; padding-top: 11px;float: left;}
.step-content .button-holder{width:auto;float:right;margin-top:40px;}

/*login*/
.step-content .content2{margin-left:149px;width:405px}
.step-content .content2 .login{float: left; margin-top: 20px;width:413px}
.step-content .content2 .text{float:left;margin-left:102px}
.step-content .content2 table td
{
    font-family: Helvetica-Bold;
    font-size:12px;
    color:#513528;
    font-weight: 700;
    vertical-align:middle;
    text-align: right;
    padding-right: 5px;
}
.step-content .content2 table .required{font-family: Helvetica-Bold;font-size:17px;color:#E24301;padding-top:3px;padding-left:5px}
.step-content .content2 table td input
{
    border: 1px solid #513528;
    padding: 5px;
    margin:2px 0px;
    font-family: Helvetica-Roman;
    font-size:13px;
    color:#999999;
    width:291px;
}
.step-content .button-holder2, .step-content .button-holder3
{
    width:auto;
    float:right;
    margin-top:20px;
    margin-right:12px;
}
.step-content .button-holder2 div, .step-content .button-holder3 div
{
    font-family: Helvetica-Roman;
    font-size:12px;
    color:#E24301;
    text-align: right;
    margin-bottom: 5px;
}

/* ******* STEP 2 ******** */


.step-content .content3 table tr > td {width:246px;text-align: right;font-family: Helvetica-Bold;font-size:12px;color:#513528;font-weight: 700; padding-right:5px}
.step-content .content3 table td input[type="text"],
.step-content .content3 table td input[type="password"]
{

    border: 1px solid #513528;
    padding: 5px;
    margin:2px 0px;
    font-family: Helvetica-Roman;
    font-size:13px;
    color:#999999;width:288px;
}


.step-content .content3 table td select
{
    border: 1px solid #513528;
    padding: 5px;
    margin:2px 0px;
    font-family: Helvetica-Roman;
    font-size:13px;
    color:#999999;
    width:300px;
	height: 28px;
}
#shipping select
{
    color:#FD4F00;    
}

#shipping .time{
height: 27px;
float: left;
}

#shipping .time span{
float: right;
padding-top: 6px;
}

#sel1
{
    background: #edede4;
	height: 28px;
}
.step-content .content3 table .required{font-family: Helvetica-Bold;font-size:17px;color:#E24301;padding-top:3px;width:5px;vertical-align: middle}
.step-content .content3 table .cod_postal{text-align: left;font-family: Helvetica-Bold;font-size:17px;color:#E24301;}
.step-content .content3 table .cod_postal input{width: 67px !important;}
.step-content .content3 table .radio{text-align: left}
.step-content .content3 table .radio2{text-align: left;font-family: Helvetica-Roman;font-size:9px;}
.step-content .content3 table .radio2 input{float:left}
.step-content .content3 table .radio2 div{float:left; width:278px; padding-top: 4px;}


#shipping_method{margin-left: 223px; margin-bottom: 25px;}
.content0 .button-holder3{float:left;  margin-left: 435px;}

/* ******* STEP 4 ******** */
.step-content .content0{ width: 100%; margin-top:0;}
.step-content .content4{ width: 329px; margin-left:223px; margin-top:0;}
.step-content .content4 .text{float: left;margin-left: 27px}
.step-content .content4 .text span{font-family: big_noodle_titling;font-size:18px;font-weight: 700;color:#E24301;padding-left: 0;}
.step-content .content4 .ship_price{font-family: big_noodle_titling;font-size:18px;font-weight: 700;color:#E24301;}
.step-content .content0 table td ,.step-content .content4 table td {font-family: Helvetica-Bold;font-size:12px;color:#513528;font-weight: 700; padding-right:5px;}
.step-content .content4 table .radio {float:left; }

.step-content .content5{margin-left: 88px;width:468px}
.step-content .content5 table, .step-content .content5 table th, .step-content .content5 table td
{
    border:1px solid #513528;
}

.step-content .content5 table{width:100%}

.step-content .content5 table th
{
    font-family: Helvetica-Bold;
    font-size:11px;
    color:#513528;
    padding:10px;
    text-align: left;
}

.step-content .content5 table td
{
    font-family: AkzidenzGrotesk-LightCond;
    font-size:15px;
    color:#513528;
    padding:10px;
    text-transform: uppercase;
    font-weight: 700;
}

.step-content .content5 table .price{font-family: big_noodle_titling; font-size:14px;color:#E24301;text-align: center;font-weight: 700;}
.step-content .content5 table .dose{font-family: Helvetica-Roman; font-size:12px;color:#666666;text-align: center}
.step-content .content5 table .subtotal{font-family: ; font-size:14px;color:#513528;text-align: center;font-weight: 700;}
.step-content .content5 table .colspan{font-family: Helvetica-Bold; font-size:11px;color:#513528;text-align: right;font-weight: 700;}
.step-content .content5 .button-holder3 .button{width:auto}
.step-content .content5 .total
{
    width:100%;
    float:right;
    margin-top:25px;
}
.step-content .content5 .total .price
{
    font-family:big_noodle_titling;
    font-size:19px;
    color:#fff;
    background:#E24301;
    padding: 5px 10px;
    float:right;
    position:relative;
	font-weight:normal;
}

.step-content .content5 .total .price .pointer
{

    margin-left: -6.5px;
    border-top: 15px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 7px solid #E24301;
    position: absolute;
    top: 0;
    left: 0;
}
.step-content .content5 .total .text
{
    float:right;
    font-family: Helvetica-Bold;
    font-size:13px;
    line-height: 30px;
    padding-right: 18px;
}
.step-content .content5 .button-holder3{margin-top: 25px; margin-right: -4px; width: auto; clear: both;}





.step-content .content3 table td input[name="delivery_date"]{
	cursor:pointer;
	background-image: url('../images/icons/calendar.png');
	background-repeat: no-repeat;
	background-position: 275px center;
	}

#ui-datepicker-div{width:298px;}

/* ************** FOOTER ******************** */
#footer
{
    margin-top: 0 !important;
}

.ball_checked{margin-left: '146px';}