/*
Theme Name: DreamDinners
*/

/* -------------------------------------------------------------------------------------------------------------- */
/* css for noscript notice ---------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

#noscript-text {
	position: absolute;
	text-align: center;
	left: 0;
	width: 100%;
	top: 30%;
	font-size: 18px;
	line-height: 1.5em;
	z-index: 10000;
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #eee;
	box-shadow: 0px 0px 100px #000;
	}

#noscript-text b {
	font-size: 22px;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for basic items -------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

html, body {
	width: 100%;
	}

body {
	padding: 0;
	margin: 0;
	background: #512b1b url(../images/style/bg.jpg);
	/* min-width: 1000px; */
	font-family: museo-sans, arial, helvetica, verdana;
	font-size: 13px;
	line-height: 17px;
	color: #515151;
	font-weight: 300;
	}

img {
	padding: 0;
	margin: 0;
	border: 0;
	}

.img_valign {
	vertical-align: middle;
	margin-bottom: .10em;
	}

.img_throbber_circle {
	height: 14px;
	display: none;
	}

.media_container {
	padding: 10px !important;
	background-color: #f1e8d8 !important;
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .1);
	box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .1);
	}

a,
a:visited,
a:active {
	color: #6f7f35;
	text-decoration: none;
	outline: none;
	}

a:hover {
	color: #6f7f35;
	text-decoration: underline;
	outline: none;
	}

ul {
	padding: 0 0 15px 40px;
	margin: 0;
	list-style: disc;
	}

ul li {
	padding: 0;
	margin: 0;
	float: none;
	}

ol {
	padding: 0 0 15px 40px;
	margin: 0;
	}

ol li {
	padding: 0;
	margin: 0;
	float: none;
	}

blockquote {
	padding: 0 60px 15px 30px;
	margin: 0;
	}

p {
	padding: 0 0 15px 0;
	margin: 0;
	}

b {
	font-weight: 700;
	}

small {
	font-size: 10px;
	line-height: 12px;
	font-weight: 300;
	}

small a {
	text-decoration: underline !important;
	}

hr {
	padding: 0 0 0 0;
	margin: 10px 0 10px 0;
	border: none;
	border-top: 2px dotted #b0aca7;
	color: #fff;
	}

h1 {
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-size: 18px;
	line-height: 22px;
	color: #512b1b;
	font-weight: 700;
	}

/* h1 {
 	padding: 0 0 5px 0;
	margin: 0 0 0 0;
	font-size: 20px;
	line-height: 24px;
	color: #333333;
	font-weight: 700;
	}*/

h2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 16px;
	line-height: 20px;
	color: #512b1b;
	font-weight: 700;
	}

h3 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 18px;
	line-height: 24px;
	color: #512b1b;
	font-weight: 900;
	}

h4 {
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-size: 15px;
	line-height: 18px;
	color: #512b1b;
	font-weight: 700;
	}

h4 a {
	color: #512b1b !important;
	text-decoration: none;
	}

h4 a:hover {
	color: #899a4b !important;
	}

h5 {
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-size: 21px;
	line-height: 25px;
	color: #333;
	font-weight: 700;
	}

h6 {
	padding: 0 0 12px 0;
	margin: 0 0 0 0;
	font-size: 14px;
	line-height: 18px;
	color: #512b1b;
	font-weight: 900;
	text-decoration: underline;
	}

input[type=text], input[type=password], input[type=tel], input[type=email], select {
	margin: 0 0 10px 0;
	padding-left: 5px;
	height: 20px;
	border: 1px solid #bbb;
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .1);
	box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .1);
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	font-size: 12px;
	color: #515151;
	font-size: 11px;
	line-height: 13px;
	vertical-align: top;
	font-style: italic;
	}

select {
	height: 24px;
	}

select:disabled {
	background: #ebebe4;
	}

input:focus, select:focus {
	font-style: normal;
	font-weight: 300;
	color: #515151;
	}

.placeholder {
	color: #797979;
	}

.long {
	width: 480px;
	}

.medium {
	width: 217px;
	}

.small {
	width: 143px;
	}

.state {
	width: 100px;
	}

.zip {
	width: 143px;
	}

.who {
	width: 41px;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for site structure ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

#outer {
	width: 100%;
	display: table;
	vertical-align: middle;
	}

#container {
	margin: 0 auto 0 auto;
	width: 1000px;
	background: #ded6c9 url(../images/style/bg.png);
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for title ------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

#title {
	padding: 0 42px 0 42px;
	width: 916px;
	clear: both;
	font-size: 12px;
	font-weight: 500;
	}

#title .alignright {
	margin-top: 4px;
	}

#title .btn {
	margin: -2px 0 0px 0;
	height: 19px;
	border: 0;
	cursor: pointer;
	float: left;
	}

#div-title {
	margin: 10px 21px 10px 21px;
	clear: both;
	width: 958px;
	height: 1px;
	background: url(../images/style/stepnav/div-title.png) no-repeat;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for header ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.maintenance_message {
	padding: 20px;
	color: #f00;
	background-color: #fff;
	font-weight: bold;
	border-bottom: 2px solid red;
	font-size: 14px;
	}

.dd_toast_container {
	width: 300px;
	position: fixed;
	z-index: 10000;
	}

.dd_toast_container.topright {
	top: 20px;
	right: 20px;
	}

.dd_toast_container.botright {
	bottom: 20px;
	right: 20px;
	}

.dd_toast_container.topleft {
	top: 20px;
	left: 20px;
	}

.dd_toast_container.botleft {
	bottom: 20px;
	left: 20px;
	}

.dd_toast_container.topcenter {
	left: 50%;
	margin-left: -150px;
	top: 20px;
	}

.dd_toast_container.center {
	left: 50%;
	margin-left: -150px;
	top: 50%;
	}

.dd_toast_container.botcenter {
	left: 50%;
	margin-left: -150px;
	bottom: 20px;
	}

.dd_toast_container .dd_toast {
	margin-bottom: 10px;
	display: none;
	color: #d6daa1;
	font-weight: bold;
	padding: 16px;
	border-radius: 4px;
	box-shadow: 0px 0px 8px #000;
	z-index: 10000;
	border: 1px solid #b2bc5a;
	background-color: #400;
	background-image: -moz-linear-gradient(#630, #512b1b);
	background-image: -webkit-linear-gradient(#630, #512b1b);
	background-image: linear-gradient(#630, #512b1b);
	}

.dd_toast_container .dd_toast.platepoints {
	box-shadow: 0px 0px 20px #fff;
	}

.dd_toast_container .dd_toast .dd_toast_close {
	float: right;
	position: relative;
	right: -12px;
	top: -16px;
	}

#header {
	margin: 0 0 25px 0;
	width: 1000px;
	height: 133px;
	background: url(../images/style/bg-header.png);
	}

#topnav {
	padding: 12px 0 0 42px;
	width: 571px;
	height: 26px;
	float: left;
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	}

#topnav ul {
	padding: 0;
	list-style: none;
	}

#topnav ul li {
	padding: 0 20px 0 0;
	float: left;
	}

#topnav a,
#topnav a:visited,
#topnav a:active {
	color: #58595b;
	text-decoration: none;
	}

#topnav a:hover,
#topnav a.set,
#topnav a.set:visited,
#topnav a.set:active,
#topnav a.set:hover {
	color: #58595b;
	text-decoration: underline;
	}

#register {
	padding: 12px 0 0 0;
	width: 285px;
	height: 26px;
	float: left;
	font-size: 12px;
	line-height: 14px;
	color: #512b1b;
	font-weight: 700;
	}

#register a,
#register a:visited,
#register a:active {
	color: #512b1b;
	text-decoration: none;
	padding: 6px;
	}

#register a:hover,
#register a.set,
#register a.set:visited,
#register a.set:active,
#register a.set:hover {
	color: #512b1b;
	}

#register span {
	font-weight: 300;
	}

#social {
	padding: 10px 0 0 0;
	width: 102px;
	height: 28px;
	float: left;
	}

#social img {
	padding-right: 4px;
	}

#logo {
	padding: 3px 0 0 42px;
	width: 165px;
	height: 87px;
	float: left;
	}

#mainnav {
	padding: 36px 0 0 0;
	width: 789px;
	height: 61px;
	float: left;
	}

#mainnav ul {
	padding: 0;
	list-style: none;
	}

#mainnav ul li {
	position: relative;
	padding: 0 0 0 1px;
	float: left;
	background: url(../images/style/div-mainnav.png) no-repeat;
	}

#mainnav ul li.nav01 {
	background: none;
	width: 124px;
	}

#mainnav ul li.nav02 {
	width: 80px;
	cursor: pointer;
	}

#mainnav ul li.nav03 {
	width: 156px;
	}

#mainnav ul li.nav04 {
	width: 207px;
	}

#mainnav ul li.nav05 {
	width: 153px;
	}

/* css for sub navigation  ---------------------------------------------------------------------------------- */

#mainnav ul.subnav {
	position: absolute;
	padding: 0 0 0 1px !important;
	top: 0px;
	left: 0px;
	width: 163px;
	display: none;
	font-family: museo;
	z-index: 999;
	}

#mainnav ul li ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}

#mainnav ul li ul li {
	padding: 0;
	margin: 0;
	float: none;
	background: none;
	}

#mainnav ul li ul li.mainset {
	height: 27px;
	}

#mainnav ul.subnav li a,
#mainnav ul.subnav li a:visited,
#mainnav ul.subnav li a:active {
	position: relative;
	display: block;
	padding: 5px 0 0 0;
	width: 163px;
	height: 21px;
	background: url(../images/style/bg-subnav-off.png);
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	color: #333;
	text-align: center;
	text-decoration: none;
	}

#mainnav ul.subnav li a:hover {
	background: url(../images/style/bg-subnav-on.png);
	text-decoration: none;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for login / logout --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#loginBox {
	position: relative;
	display: none;
	z-index: 9000;
	background: #c3c861;
	padding: 10px;
	border-radius: 0 8px 8px 8px;
	width: 250px;

	-webkit-box-shadow: 5px 5px 6px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 5px 5px 6px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 5px 5px 6px 1px rgba(0, 0, 0, 0.15);

	filter: Shadow(Color='gray', Direction=135, Strength=6);
	-ms-filter: "progid:DXImageTransform.Microsoft.shadow(Color='gray', Direction=135, Strength=6)";
	}

#loginButton.active {
	border-radius: 4px 4px 0px 0px;
	background: #c3c861;
	}

#loginForm fieldset {
	margin: 0 0 12px 0;
	display: block;
	border: 0;
	padding: 0;
	}

#loginForm .login_input {
	width: 92%;
	padding: 8px 8px;
	font-size: 12px;
	}

#loginBody .login_label {
	margin: 9px 0 0 0;
	display: block;
	}

#forgotPassword {
	margin-top: 10px;
	cursor: pointer;
	text-align: center;
	display: block;
	padding: 10px 0 0 0;
	}

#forgotPasswordBox {
	display: none;
	}

#accountBox {
	position: relative;
	display: none;
	z-index: 9001;
	background: #c3c861;
	padding: 10px;
	border-radius: 0 8px 8px 8px;
	width: 250px;

	-webkit-box-shadow: 5px 5px 6px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 5px 5px 6px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 5px 5px 6px 1px rgba(0, 0, 0, 0.15);

	filter: Shadow(Color='gray', Direction=135, Strength=6);
	-ms-filter: "progid:DXImageTransform.Microsoft.shadow(Color='gray', Direction=135, Strength=6)";
	}

#accountButton.active {
	border-radius: 4px 4px 0px 0px;
	background: #c3c861;
	}

#accountBox a {
	float: left;
	display: block;
	width: 110px;
	}

#accountBox a:hover {
	text-decoration: underline;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for content left ----------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#content-left {
	margin: 0 0 50px 0;
	padding: 11px 0 0 42px;
	width: 221px;
	float: left;
	font-size: 14px;
	line-height: 18px;
	}

#content-left ul {
	padding: 0;
	list-style: none;
	}

#content-left ul li {
	padding: 0 0 12px 0;
	}

#content-left a {
	color: #515151;
	font-weight: 300;
	text-decoration: none;
	}

#content-left a.set,
#content-left a.set:active,
#content-left a.set:visited,
#content-left a.set:hover,
#content-left a:hover {
	color: #512b1b;
	text-decoration: none;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for content hero image ----------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#content-hero {
	position: relative;
	margin: 0 0 17px 0;
	padding: 0 0 0 42px;
	width: 958px;
	height: 240px;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for content center --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#content-center {
	margin: 0 0 50px 0;
	padding: 0 75px 0 0;
	width: 474px;
	float: left;
	}

#content-leftandcenter {
	margin: 0 0 50px 0;
	padding: 0 42px 0 0;
	width: 620px;
	float: left;
	}

#content-centerandright {
	margin: 0 0 50px 0;
	padding: 0 0 0 0;
	width: 680px;
	float: left;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for content right ---------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#content-right {
	margin: 0 0 50px 0;
	padding: 0 42px 0 0;
	width: 146px;
	float: left;
	}

#content-right .btn {
	display: block;
	margin: 0 0 5px 0;
	}

#content-right .promo {
	display: block;
	margin: 15px 0 0 0;
	}

.green-box {
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	width: 146px;
	height: 100px;
	background: #a3a651;
	text-align: center;
	color: #333;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	}

.green-box p {
	padding: 0 0 6px 0;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for footer ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#footer {
	margin: 0 42px 0 42px;
	padding: 23px 0 23px 0;
	width: 916px;
	clear: both;
	font-size: 11px;
	line-height: 14px;
	border-top: 2px dotted #b0aca7;
	}

#footer .column {
	width: 148px;
	float: left;
	}

#footer .share {
	width: 165px;
	float: left;
	padding: 0 4px 0 4px;
	}

#footer .fadmin .testimonials {
	width: 200px;
	float: left;
	}

#footer a {
	color: #515151;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	}

#copyright {
	padding: 23px 0 13px 0;
	width: 916px;
	clear: both;
	font-size: 11px;
	line-height: 14px;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for misc items --------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	}

.alignright {
	padding: 0 0 0px 10px;
	float: right;
	}

.alignleft {
	padding: 0 10px 0px 0;
	float: left;
	}

.btn-radio {
	vertical-align: middle;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for form validation ----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */
.warning_text {
	font-weight: bold;
	color: #c0310a;
	}

.input_in_error {
	margin: 0 0 0px 0 !important;
	border: 1px solid #c0310a !important;
	}

.input_error {
	border: 1px solid #c0310a !important;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for terms and conditions ----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.faqtitle {
	display: block;
	padding: 0px;
	font-weight: bold;
	color: #6f7f35 !important;
	outline: medium none;
	text-decoration: underline;
	}

.faqdesc {
	padding: 5px 0px 0px 10px;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for press room ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */
#press {
	margin: 0 0px 0 0px;
	padding: 0px 0px 0px 0px;
	}

#press .column {
	width: 118px;
	float: left;
	}

#press .columnvideo {
	width: 235px;
	float: left;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for how-to videos ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */
#howtovideos {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#howtovideos .columnvideo {
	width: 320px;
	float: left;
	}

#howtovideos .columnspace {
	width: 40px;
	float: left;
	}

#featuredvideo {
	margin: -11px 0px 0px 0px;
	padding: 30px 10px 5px 30px;
	width: 240px;
	height: 200px;
	float: left;
	background: url('../images/our_pantry/bg-menu-idea.png') no-repeat;
	}

#featuredvideo h5 {
	padding: 0 0 3px 0;
	font-size: 20px;
	color: #333;
	}

#featuredvideo .green {
	font-size: 14px;
	color: #333;
	}

#featuredvideo hr {
	margin: 0 0 12px 0;
	}

#featuredvideo .btn {
	float: right;
	}

#featuredvideo-hero {
	margin: 0 0 30px 0;
	width: 400px;
	height: 225px;
	float: left;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for testimonials ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */
#videotestimonials {
	margin: 0 0px 0 0px;
	padding: 0px 0px 0px 0px;
	}

#videotestimonials .columnvideo {
	width: 235px;
	float: left;
	}

#videotestimonials .columntext {
	width: 229px;
	height: 170px;
	float: right;
	padding-left: 10px;
	padding-top: 15px;
	}

#imagetestimonials {
	margin: 0 0px 0 0px;
	padding: 0px 0px 0px 0px;
	}

#imagetestimonials .columnimage {
	width: 100px;
	float: left;
	}

#imagetestimonials .columntext {
	width: 360px;
	height: 130px;
	float: right;
	padding-left: 10px;
	padding-top: 3px;
	}

.testimonials_media_container {
	padding: 5px !important;
	background-color: #f1e8d8 !important;
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .1);
	box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .1);
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for tabs ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.tabs_outer {
	border-bottom: 1px solid #512b1b;
	padding-bottom: 3px;
	}

.tab_title {
	margin-left: 4px;
	border: 1px solid #512b1b;
	padding: 4px;
	cursor: pointer;
	color: #6f7f35;
	border-radius: 4px 4px 0px 0px;
	}

.tab_title:hover {
	text-decoration: underline;
	}

.tab_title_active {
	border-bottom: 1px solid #ded6c9;
	background-color: #ded6c9;
	}

.tab_title_nolink {
	cursor: auto;
	}

.tab_title_nolink:hover {
	text-decoration: none;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for tabbed_content --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.tabs-container {
	position: relative;
	overflow: hidden;
	}

.tabs-container ul.tabs {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

.tabs-container li {
	float: left;
	margin-right: 3px;
	height: 30px;
	white-space: nowrap;
	line-height: 30px;
	padding: 0px 6px;
	/*border-bottom: 1px solid #DED6CB;*/
	}

.tabs-container li.tab {
	background-color: #a8b355;
	border-radius: 4px 4px 0px 0px;
	cursor: pointer;
	}

.tabs-container li.tab:hover {
	background-color: #b6c06b;
	}

.tabs-container li.tab.selected {
	background-color: #bbc56f;
	border-bottom: 2px solid #bbc56f;
	cursor: default;
	}

/* tab content */
.tabs-content .content {
	display: none;
	clear: both;
	border: 4px solid #bbc56f;
	padding: 4px;
	}

.tabs-content div.selected {
	display: block;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for paltepoints ------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

#plate_points_head {
	background-color: #a9b85d;
	margin: 0 48px 20px;
	border-radius: 4px;
	padding: 10px;
	box-shadow: 0px 0px 8px;
	}

#plate_points_head .avatar_div {
	float: left;
	width: 90px;
	height: 90px;
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
	}

#plate_points_head .pp_user_badge_rank {
	position: absolute;
	bottom: 23px;
	left: 111px;
	width: 24px;
	height: 20px;
	border-radius: 12px;
	background-color: #307463;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding-top: 4px;
	box-shadow: 0px 0px 7px #727171;
	}

#pp_user_avatar {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 5px;
	top: 5px;
	box-shadow: 0px 0px 8px #000;
	}

#pp_status_bar {
	width: 578px;
	height: 152px;
	float: left;
	background-image: url('../images/style/platepoints/platepoints-status-bar-background.png');
	}

#pp_status_bar .pp_user_badge {
	margin: 16px 0px 0px 19px;
	width: 119px;
	height: 119px;
	float: left;
	}

#pp_status_bar .pp_next_level_req {
	position: relative;
	top: 25px;
	left: 18px;
	color: #adb75a;
	font-size: .75em;
	float: left;
	width: 50px;
	text-align: center;
	}

#pp_status_bar .pp_next_user_badge {
	margin: 32px 0px 0px 17px;
	width: 57px;
	height: 57px;
	float: left;
	}

#pp_progressbar {
	position: relative;
	float: left;
	margin: 45px 0px 0px 15px;
	width: 327px;
	height: 63px;
	background: none;
	border: 0;
	border-radius: 6px;
	}

#pp_progresslabel {
	display: none; /* label disabled */

	position: absolute;
	left: 50%;
	top: 25px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #000;
	color: #a9b85d;
	}

#pp_progresslabel.dark {
	text-shadow: 1px 1px 0 rgba(133, 133, 133, 0.34);
	color: #327967;
	}

#pp_progressbar .ui-progressbar-value {
	border: 1px solid #512b1b;
	background-image: -moz-linear-gradient(#630, #512b1b);
	background-image: -webkit-linear-gradient(#630, #512b1b);
	background-image: linear-gradient(#630, #512b1b);
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for loading progress bar ----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

#progress {
	position: fixed;
	z-index: 2147483647;
	top: 0;
	left: -6px;
	width: 0%;
	height: 2px;
	background: #a8b355;
	/* background:#462200 url('http://dreamdinners.com/theme/english/images/admin/fadmin_background.jpg'); */
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	-moz-transition: width 500ms ease-out, opacity 400ms linear;
	-ms-transition: width 500ms ease-out, opacity 400ms linear;
	-o-transition: width 500ms ease-out, opacity 400ms linear;
	-webkit-transition: width 500ms ease-out, opacity 400ms linear;
	transition: width 500ms ease-out, opacity 400ms linear
	}

#progress.done {
	opacity: 0
	}

#progress dd, #progress dt {
	position: absolute;
	top: 0;
	height: 2px;
	-moz-box-shadow: #a8b355 1px 0 6px 1px;
	-ms-box-shadow: #a8b355 1px 0 6px 1px;
	-webkit-box-shadow: #a8b355 1px 0 6px 1px;
	box-shadow: #a8b355 1px 0 6px 1px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%
	}

#progress dd {
	opacity: 1;
	width: 20px;
	right: 0;
	clip: rect(-6px, 22px, 14px, 10px)
	}

#progress dt {
	opacity: 1;
	width: 180px;
	right: -80px;
	clip: rect(-6px, 90px, 14px, -6px)
	}

@-moz-keyframes pulse {
	30% {
		opacity: 1
		}
	60% {
		opacity: 0
		}
	100% {
		opacity: 1
		}
	}

@-ms-keyframes pulse {
	30% {
		opacity: .6
		}
	60% {
		opacity: 0
		}
	100% {
		opacity: .6
		}
	}

@-o-keyframes pulse {
	30% {
		opacity: 1
		}
	60% {
		opacity: 0
		}
	100% {
		opacity: 1
		}
	}

@-webkit-keyframes pulse {
	30% {
		opacity: .6
		}
	60% {
		opacity: 0
		}
	100% {
		opacity: .6
		}
	}

@keyframes pulse {
	30% {
		opacity: 1
		}
	60% {
		opacity: 0
		}
	100% {
		opacity: 1
		}
	}

#progress.waiting dd, #progress.waiting dt {
	-moz-animation: pulse 2s ease-out 0s infinite;
	-ms-animation: pulse 2s ease-out 0s infinite;
	-o-animation: pulse 2s ease-out 0s infinite;
	-webkit-animation: pulse 2s ease-out 0s infinite;
	animation: pulse 2s ease-out 0s infinite
	}

.noclose .ui-dialog-titlebar-close {
	display: none;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for living the dream round up -----------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */
.ltd_round_up {
	padding: 10px;
	border: 1px solid #512b1b;
	background-color: #007f84 !important;
	color: #fff;
	border-radius: 4px;
	}

	.ltd_round_up.background_image {
		padding: 20px 160px 20px 20px;
		background-image: url('../images/style/checkout/ltd_donation_girl.jpg');
		background-size: 120px;
		background-repeat: no-repeat;
		background-position: right 0px center;
		background-position-y: -6px;
		}

	.ltd_round_up.preferences {
		padding: 10px 10px 10px 203px;
		background-size: 225px;
		background-position: left -30px center;
		}