/* @override
	http://www.tearfund.dev/lib/css/livinggifts.css?v=2
	http://www.tearfund.ie/lib/css/livinggifts.css?v=2
*/

/* ==== Scroll down to find where to put your styles :) ==== */

/* @group HTML5 ✰ Boilerplate */

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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.538 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; margin-bottom: 20px; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input.submit, input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #ffd503; color:#522575; text-shadow: none; }
::selection { background:#ffd503; color:#522575; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }

/* @end */
/*
    // ========================================== \\
   ||                                              ||
   ||        Tearfund Living Gifts Styles          ||
   ||                                              ||
    \\ ========================================== //

Purple:	#522575
Yellow: #ffd503
  
*/

/* @group Layout */

html, body {
	height: 100%;
}

body {
	color: #333333;
	text-align: center;
	/*background: url(/lib/images/page_content/livinggifts/layout/grid.png) repeat-y 50% 0;*/
}

header {
	min-width: 960px;
	color: #ffffff;
	background: #522575 url(/lib/images/page_content/livinggifts/layout/header-background.jpg) repeat-x 50% 0;
	border-bottom: 5px solid #ffd503;
}

.wrapper,
#main {
	text-align: left;
	width: 920px;
	margin: 0 auto;
	padding: 20px;
}

#main {
	padding: 40px 20px 240px 20px;
}

header .wrapper {
	width: 960px;
	padding: 0;
	position: relative;
	min-height: 140px;
}

#pagewrapper {
	min-height:100%;
	position:relative;
}

footer {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	color: #522575;
	font-size: 10px;
	min-width: 960px;
	background: #e4e3e4;
	border-top: 2px solid #a49caa;
	padding: 20px 0 60px;
}

header hgroup {
	float: left;
	text-indent: -9999em;
	overflow: hidden;
	height: 145px;
}

header h1 a {
	display: block;
	width: 320px;
	height: 140px;
	background: url(/lib/images/page_content/livinggifts/layout/logo.png) no-repeat 50% 50%;
}

header h2 {
	display: inline;
}

#featured {
	min-height: 320px;
	clear: both;
	position: relative;
	padding: 30px 30px 20px;
	margin: 40px -30px 20px;
	background: #f1eef3 url(/lib/images/page_content/livinggifts/layout/featured-bg-default.gif) repeat-x 50% 0;
	/*border: 3px solid #ad94bb;*/
}

#featured.christmas {
	background: #f1eef3 url(/lib/images/page_content/livinggifts/layout/featured-bg-christmas.gif) repeat-x 50% 0;
}

#featured.spring {
	background: #f1eef3 url(/lib/images/page_content/livinggifts/layout/featured-bg-spring.gif) repeat-x 50% bottom;
}

#featured.autumn {
	background: #f1eef3 url(/lib/images/page_content/livinggifts/layout/featured-bg-autumn.gif) repeat-x 50% 0;
}

#featured.valentines {
	background: #f1eef3 url(/lib/images/page_content/livinggifts/layout/featured-bg-valentines.gif) repeat 50% 0;
}

#featured div {
	position: absolute;
	bottom: 20px;
	left: 30px;
	width: 280px;
}

#featured ul.gifts {
	margin-top: -30px;
	padding: 30px 0 0 40px;
	overflow: auto;
	margin-left: 280px;
}

/* @end */

/* @group Nav */

nav.primary {
	position: absolute;
	bottom: 0;
	right: 0;
}

nav.primary li {
	float: left;
	padding-bottom: 5px;
	margin-bottom: -5px;
}

nav.primary li a {
	font-size: 15px;
	line-height: 20px;
	color: #f1eef3;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 0;
	display: block;
	text-align: center;
	width: 159px;
	border-left: 1px solid #391456;
}

nav.primary li a:hover {
	color: #ffd503;
}

nav.primary li a.website {
	font-size: 13px;
	color: #ffd503;
	text-transform: none;
}

nav.primary li a.website:hover {
	color: #fff;
}

header hgroup.current,
nav.primary li.current {
	color: #fff;
	font-weight: bold;
	background: url(/lib/images/page_content/livinggifts/layout/nav-selected-arrow.png) no-repeat 50% bottom;
}

nav.shopping {
	background: #461d65;
	background: rgba(70,29,101,0.5);
	float: right;
	margin-right: 10px;
	width: 270px;
	padding: 15px 10px;
	border-top: 2px solid #ffd503;
	/*border-bottom: 1px solid #755191;*/
}

nav.shopping li.basket {
	float: left;
}

nav.shopping li.checkout {
	float: right;
}

nav.shopping li.basket a {
	text-decoration: none;	
	color: #ffd503;
	line-height: 25px;
	padding: 8px 0 8px 32px;
	background: url(/lib/images/page_content/livinggifts/layout/basket-icon.png) no-repeat 5px 40%;
}

nav.shopping li.basket a:hover {
	color: #fff;
	background-image: url(/lib/images/page_content/livinggifts/layout/basket-icon-hover.png);
}

nav.shopping a.button {
	font-size: 13px;
	line-height: 15px;
}

/* @end */

/* @group Typography */

p {
	margin-bottom: 20px;
}

p.back {
	clear: both;
	border-top: 1px dotted #ccc;
	padding-top: 20px;
	margin-top: 40px;
}

/* @group Links */

a:link, a:visited {
	color: inherit;
}
a:hover, a:active {
	color: #522575;
}
a:focus {
}

footer a:hover,
footer a:active {
	color: #522575;
}

li.hlisting a.permalink:after {
	content: "\00A0\2192";
}

a.blocklink {
	display: block;
	background: #f1eef3;
	color: #522575;
	line-height: 20px;
	padding: 5px 10px;
	text-decoration: none;
	margin-top: 35px;
}

a.blocklink:hover {
	color: #fff;
	background: #522575;
}

/* @end */

/* @group Headings */

h1, h2, h3, h4, h5, h6, ol.diagram {
	font-weight: bold;
	color: #522575;
}

h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	line-height: inherit;
	text-decoration: none;
	color: #522575;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline;
}

h2 {
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 20px;
}

h3 {
	font-size: 24px;
    line-height: 40px;
    margin-bottom: 20px;
}

h4, ol.diagram {
	font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
}

li h4 {
    margin-bottom: 0;
}

h5, h6 {
	font-size: 13px;
	line-height: 18px;
    margin-bottom: 6px;
}

h5 {
	font-size: 14px;
}

/* @end */

/* @group Lists */

ul.gifts {
	list-style: none;
	margin: 0 -40px 0 0;
}

ol.diagram {
	margin: 0;
	margin-right: -320px;
}

ol.diagram li {
	text-align: center;
	list-style-position: inside;
	float: left;
	width: 280px;
	margin: 0 40px 40px 0;
}

ol.diagram li.three {
	margin-right: 0;
}

ol.diagram img {
	margin-top: 20px;
}

/* @end */

/* @end */

/* @group Misc Elements */

/* @group Footer */

#payment-details,
#credits {
	width: 280px;
	float: left;
}

#credits {
	float: right;
}

footer p {
	line-height: 20px;
	margin-bottom: 0;
}

p.cards {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 20px;
}

p.logos {
	font-size: 12px;
	margin-bottom: 20px;
}

p.logos img {
	margin-right: 9px;
}

p.logos img.logo {
	margin-left: 9px;
	margin-right: 0;
}

footer img,
img.card {
	vertical-align: middle;
	margin-top: -2px;
}

footer .tel,
footer .email,
footer #credits p + p + p a {
	font-weight: bold;
	font-size: 12px;
}

/* @end */

/* @group Gifts */

ul.gifts li {
	position: relative;
	float: left;
	width: 280px;
	margin: 0 40px 30px 0;
	padding-top: 30px;
	border-top: 1px dashed #ccc;
}

ul.gifts li.toprow {
	border: 0;
}

ul.gifts li.one {
	clear: left;
}

ul.gifts li.three {
	margin-right: 0;
}

#featured ul.gifts li {
	margin-bottom: 0;
	padding: 0;
	border: 0 none;
}

.hlisting img.photo,
#pdf_sample img {
	border: 2px solid #ffd503;
	margin-bottom: 10px;
}

.hlisting aside {
	position: relative;
}

span.ribbon,
#featured ul.gifts span.ribbon {
	display: block;
	position: absolute;
	top: -10px;
	left: -10px;
	width: 290px;
	height: 210px;
	background: url(/lib/images/page_content/livinggifts/layout/corner-ribbon.png) no-repeat 0 0;
}

#basket span.ribbon {
	width: 160px;
	height: 160px;
	top: -3px;
	left: -175px;
}

ul.gifts span.ribbon {
	top: 20px;
}

li.hlisting p {
	font-size: 12px;
	margin: 5px 0 10px;
}

.hlisting form {
	position: relative;
	color: #522575;
	padding: 10px;
	background: #f1eef3;
}

#featured li.hlisting form {
	background: #e7e0eb;
}

.hlisting label {
	font-weight: bold;
	margin-right: 5px;
}

input#quantity,
input.quantity {
	width: 25px;
}

ul.gifts input#quantity {
	text-align: center;
	width: 20px;
	padding: 3px 3px;
}

.hlisting input.submit {
	float: right;
}

ul.gifts .hlisting input.submit {
	font-size: 11px;
}

/* @end */

/* @group Forms */

input, textarea {
	border: 1px solid #522575;
	padding: 3px 5px;
	vertical-align: baseline;
}

input.disabled {
	border-color: #ccc;
	background: #f1eef3;
}

label.disabled {
	color: #ccc;
}

/* @end */

/* @group Buttons */

input.submit,
button {
	border: 0;
}

input.submit,
a.button,
a.button:visited,
button {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display: inline-block; 
	padding: 5px 10px;
	text-decoration: none;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
	background: #522575;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#682f8a), to(#47205e));
		background-image: -moz-linear-gradient(0% 100% 90deg,#522575, #47205e);
	background-image: linear-gradient(0% 100% 90deg,#522575, #47205e);
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
	border-bottom: 1px solid rgba(0,0,0,0.25);
}

input.submit:hover,
a.button:hover,
button:hover {
	background: #663b7e;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7e4996), to(#522575));
	background-image: -moz-linear-gradient(0% 100% 90deg,#522575, #7e4996);
	background-image: linear-gradient(0% 100% 90deg,#522575, #7e4996);
	color: #ffd503;
}

input.submit:active,
a.button:active,
button:active {
	top: 1px;
}

.ie6 a.button,
.ie6 a.button:link,
.ie6 a.button:visited {
	display: inline;
	position: static;
}

.ie6 a.button:hover,
.ie6 a.button:active {
	background: #522575;	
}

a.button.yellow,
input.submit.yellow,
button {
	color: #663b7e;
	background: #ffd503;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffdf04), to(#ffcb02));
	background-image: -moz-linear-gradient(0% 100% 90deg,#ffcb02, #ffdf04);
	background-image: linear-gradient(0% 100% 90deg,#ffcb02, #ffdf04);
	text-shadow: 0 -1px 1px rgba(255,255,255,0.75);
}

a.button.yellow:hover,
input.submit.yellow:hover,
button:hover {
	background: #feee96;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#feee96), to(#fce04d));
	background-image: -moz-linear-gradient(0% 100% 90deg,#fce04d, #feee96);
	background-image: linear-gradient(0% 100% 90deg,#fce04d, #feee96);
}

a.button.white,
input.submit.white {
	color: #663b7e;
	background: #ffffff;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#feee96));
	background-image: -moz-linear-gradient(0% 100% 90deg,#ffdf04, #ffffff);
	background-image: linear-gradient(0% 100% 90deg,#ffdf04, #ffffff);
	text-shadow: 0 -1px 1px rgba(255,255,255,0.75);
}

a.button.white:hover,
input.submit.white:hover {
	background: #feee96;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#feee96), to(#fce04d));
	background-image: -moz-linear-gradient(0% 100% 90deg,#fce04d, #feee96);
	background-image: linear-gradient(0% 100% 90deg,#fce04d, #feee96);
}

/* @end */



/* @end */

/* @group Page Specific */

/* @group Home */

/*#intro {
	position: relative;
	padding: 0 0 10px;
	min-height: 115px;
}*/

/*#intro h2,
#intro p {
	margin-right: 320px;
	float: left;
	width: 600px;
}*/

aside.offer {
	margin-top: -70px;
}

aside.offer img {
	
	border: 2px solid #ffd503;
}

/* @end */

/* @group Gift Page */

article.hlisting aside {
	float: right;
	width: 440px;
}

article.hlisting .description,
article.hlisting p.overview,
body.gift p.back,
#how {
	width: 440px;
}

p.overview {
	margin-top: -10px;
	font-size: 18px;
    line-height: 25px;
}

article.hlisting form {
	width: 420px;
	margin-bottom: 20px;
}

#how img {
	float: right;
	margin: 0 -10px 20px 0;
}

#how img + p {
	width: 210px;
}

#how + p a.blocklink {
	margin-top: 0;
	width: 190px;
}

ul.social {
	list-style: none;
	margin: -11px 0 20px;
}

ul.social li {
	padding: 11px 0 9px;
	border-top: 1px solid #ffd503;
}

.hlisting aside img.photo {
	margin-bottom: 30px;
}

.hlisting ul.social li {
	width: 205px;
	float: left;
}

.hlisting ul.social li.facebook {
	margin-right: 30px;
}

/* @end */

/* @group Static & Gift Stories */

section#intro,
section.static,
article.story {
	clear: both;
	padding-right: 320px;
}

article.story {
	border-top: 1px dashed #ccc;
	padding-top: 20px;
}

.story a.blocklink {
	margin: 20px 0 30px;
}

.story img,
img.border {
	border: 2px solid #ffd503;
	margin-bottom: 0;
	vertical-align: bottom;
}

section#intro aside,
section.static aside,
article.story aside {
	clear: both;
	width: 280px;
	float: right;
	margin-right: -320px;
}

body.how_it_works a.blocklink,
.gift_stories section#intro aside a.blocklink {
	margin-top: -5px;
}

.about aside img {
	margin-bottom: 35px;
}

.about a.blocklink {
	margin-top: 0;
}

article.story.even {
	padding: 20px 0 0 320px;
}

article.story.even aside {
	float: left;
	margin: 0 0 0 -320px;
} 

/* @end */

/* @group Basket */

.basket a.blocklink,
.checkout a.blocklink {
	margin-top: -50px;
}

ul#basket, #basket ul {
	margin: 0;
	list-style: none;
}

ul#basket {
	border-bottom:  2px solid #f1eef3;
	border-top:  2px solid #f1eef3;
}

#basket>li {
	margin-bottom: 20px;
	border-top:  1px dashed #eee9f1;
	padding-top: 10px;
	/*margin: 0 -19px 40px;
	padding: 20px 19px 0;
	border: 1px solid #522575;*/
}

#basket li:first-child {
	border-top: 0 none;
}

#basket img {
	background: #ffffff;
	float: left;
	margin: -3px 0 -140px -175px;
	border: 2px solid #ffd503;
	/*width: 220px;
	width: 140px*/
}

#basket h3 {
	margin-bottom: 0 !important;
}
#basket div.gift {
	position: relative;
	margin-left: 165px;
	padding: 10px;
}
#basket div.gift ul {
	position: absolute;
	top: 33px;
	right: 10px;
	font-size: 10px;
	line-height: 20px;
	text-align: right;
}
#basket div.gift ul li {
	display: inline;
	padding: 0 10px;
}
#basket div.gift ul li + li {
	border-left: 1px solid #f3eff5;
}
#basket div.gift ul a {
	color: #ad94bb;
	text-decoration: none;
}
#basket div.gift ul a:hover {
	color: #522575;	
}
#basket div.gift h4 {
	
}
#basket div.gift p {
	margin: 5px 0 0 0;
}
#basket div.gift span {
	font-size: 11px;
	color: #aaa;
}
#basket strong.price {
	color: #522575;
	font-size: 14px;
}

#basket ol {
	margin: 0;
	padding: 0 0 0 160px;
	/*background: url(/lib/images/page_content/livinggifts/layout/basket-arrow.png) no-repeat 340px 50%, -webkit-gradient(linear, 0% 50%, 0% 100%, from(#f1eef3), to(#fff));*/
	background: #f1eef3 url(/lib/images/page_content/livinggifts/layout/basket-arrow.png) no-repeat 360px 50%;
	overflow: auto;
}
#basket ol>li {
	font-weight: bold;
	color: #ad94bb;
	list-style-position: inside;
	padding: 8px 0 5px 0;
	margin-left: 20px;
	width: 220px;
	float: left;
}

#basket ol li.recipient {
	width: 270px;
}

#basket ol li.personalise {
	width: 200px;
	padding-right: 0;
}
#basket ol li.personalise p {
	margin-bottom: 3px;
}
.js #basket ol li.personalise textarea,
.js #basket ol li.personalise p {
	display: none;
}
#basket ol li h5 {
	font-size: 13px;
	display: inline-block;
	color: #ad94bb;
	margin-bottom: 5px;
}
#basket ol li ul,
#basket ol li p {
	color: #522575;
	font-weight: normal;
	font-size: 11px;
}

#basket ol li li {
	margin-bottom: 5px;
}
.option label {
	margin-left: 0.3em;
}
.option input {
	border: 0 none;
}

.recipient label {
	display: inline-block;
	width: 40px;
}

.basket #main {
	position: relative;
}

#additional_donation {
	position: absolute;
	width: 920px;
	/*margin-top: -130px;
	margin-bottom: 80px;*/
	clear: both;
	padding: 20px 0;
	bottom: 300px;
	left: 20px;
}

#additional_donation p {
	font-size: 11px;
	line-height: 20px;
	margin-left: 400px;
}

#additional_donation p.amount {
	position: absolute;
	width: 400px;
	font-size: 13px;
	margin-left: 0;
	left: 0;
}

#additional_donation label {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #522575;
	width: 170px;
}

#additional_donation input#donation {
	width: 110px;
}

#total {
	margin-top: 90px;
	margin-bottom: 20px;
	padding: 10px;
	color: #ffffff;
	background: #522575;
}

#total h4 {
	color: #ffffff;
	display: inline-block;
	margin: 0;
}

#total_title {
	display: inline-block;
	width: 160px;
}

#total div.buttons {
	margin-top: 2px;
	float: right;
}

#total div.buttons .yellow {
	margin-left: 5px;
}

.ui-dialog {
	background: #fff;
	border: 2px solid #ffd503;
	padding-bottom: 40px;
}

.ui-dialog-titlebar {
	font-size: 11px;
	color: #ffffff;
	position: absolute;
	bottom: -47px;
	padding: 12px 15px;
	line-height: 20px;
	z-index: 6;
}

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

.ui-widget-overlay {
	width: auto !important;
	height: auto !important;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #522575;
	opacity: 0.5;
	filter:Alpha(Opacity=50);
}

#savingdialog h4 {
	line-height: 40px;
	margin: 10px 0 0;
}

.ui-dialog-buttonpane {
	position: absolute;
	bottom: -47px;
	left:  0;
	width: 100%;
	z-index: 5;
}

.ui-dialog-buttonset {
	border: 2px solid #ffd503;
	background: #522575;
	text-align: right;
	padding: 10px 10px 10px 40px;
	margin: 0 -2px -2px;
	
}

.ui-dialog-buttonset button {
	margin-left: 1em;
}

#email_sample {
	padding: 10px 0 0;
	text-align: left;
	overflow: hidden;
}

#email_sample dl {
	line-height: 25px;
	margin: 0 15px 10px;
}

#email_sample dt {
	float: left;
	width: 5em;
	font-weight: bold;
}

div.email_body {
	font-size: 11px;
	height: 369px;
	overflow: hidden;
	overflow-y: scroll;
	border-top: 1px solid #ccc;
}

#email_sample textarea {
	width: 260px;
	padding: 10px;
	font-size: 13px;
	line-height: 18px;
	height: 412px;
	margin: 0 -10px;
	border: 1px dotted #522575;
}

#email_sample #header {
	color: #ad94bb;
	background-color: #522575;
}

#email_sample #maintable {
	margin: 0 auto;
}

#email_sample #stripe {
	background-color: #ffd503;
	height: 5px;
}

#email_sample #bottomstripe {
	background-color: #a49caa;
	height: 2px;
}

#email_sample #basket {
	background-color: #f1eef3;
}

#email_sample img.gift-photo {
	border: 2px solid #ffd503;
}

#email_sample #footer {
	color: #522575;
	font-size: 10px;
	background: #e4e3e4;
}

#email_sample #footer td {
	color: #522575;
	font-size: 10px;
}

#email_sample #orderdetails {
	background-color: #f1eef3; 
}

#email_sample #orderdetails td {
	font-size: 11px;
	line-height: 15px;
}

#email_sample p.action,
#email_sample .small {
	margin-top: 2px;
	font-size: 10px;
	color: #ad94bb;
	line-height: 15px
}

#email_sample p.smaller {
	font-size: 12px;
}

#email_sample #rightside {
	color: #522575;
	margin-top: -125px;
	text-align: left;
}

#email_sample #giftimage {
	width: 216px;
	height: 176px;
	border: 2px solid #ffd503;
	vertical-align: bottom;
}

#email_sample #giftimagetable {
	position: relative;
}

#email_sample h2 {
			font-size: 18px;
		    margin-bottom: 20px;
		}
		
#email_sample h2.nomargin {
			margin-bottom: 0;
		}
		
#email_sample h4 {
			font-size: 14px;
		    margin: 5px 0 2px;
		}

#pdf_sample {
	padding-top: 40px;
	padding-bottom: 110px;
	text-align: center;
	background: url(/lib/images/page_content/livinggifts/layout/logo-small-white.gif) no-repeat 50% bottom;
}

#pdf_sample div.image {
	position: relative;
	width: 220px;
	height: 180px;
	margin: 0 auto;
}

/* @end */

/* @group Checkout */

form#checkout {
	background: #f1eef3;
	padding: 20px 30px 30px;
	margin: 0 320px 20px 0;
}

form#checkout h3 {
	border-bottom: 2px solid #ffd503;
}

form#checkout p.sidenote {
	position: relative;
	width: 280px;
	float: right;
	font-size: 11px;
	/*line-height: 15px;*/
	color: #999;
	clear: both;
	margin: -40px -360px 20px 0;
	padding-left: 8px;
	border-left: 1px dotted #ad94bb;
}

/*body#donate-page p.notice {
	margin-top: 0;
	border: none 0;
}*/

form#checkout p.sidenote span.arrow {
	position: absolute;
	width: 39px;
	top: 7px;
	left: -41px;
	border-top: 1px dotted #ad94bb;
}

form#checkout p.sidenote.submit {
	margin-top: -20px;
	color: #522575;
	text-align: left;
}

form#checkout p.sidenote.address {
	margin-top: -120px;
}

form#checkout p.sidenote.five {
	margin-top: -90px;
}

form#checkout p.sidenote.equal {
	margin-top: 0px;
}

form#checkout p.sidenote.five span.arrow {
	top: 50px;
}

form#checkout p.newsletter,
form#checkout p.teartimes {
	margin-bottom: 0;
}

form#checkout .sidenote.newsletter {
	margin-top: -22px;
}

form#checkout .sidenote.teartimes {
	margin-top: -20px;
}

/* @group Form */

.hidden {
	display: none;
}

form#checkout input[type=text],
form#checkout input[type=text],
form#checkout input[type=checkbox] {
	background-color: white ! important;
	margin-left: 20px;
	float: none !important;
}

form#checkout label.error {
	display: inline;
	margin-left: 0px;
	line-height: 1em;
	float: none;
}

form#checkout p {
	padding-left: 200px;
}

form#checkout p label {
	width: 200px;
	color: #522575;
	text-align: right;
	display: inline-block;
	padding-top: 2px;
	margin-left: -200px;
	float: left;
}

form#checkout select {
	margin-left: 20px;
	float: none;
}

form#checkout input.ghost_text {
	color: #d6d6d6;
}

form#checkout input.name {
	width: 130px;
}

form#checkout input#last_name {
	margin-left: 4px;
}

form#checkout input.address,
form#checkout input.email {
	width: 280px;
}

form#checkout input.address {
	margin-bottom: 4px;
}

form#checkout input.phone {
	width: 125px;
}

form#checkout input.cardtype {
	display: inline !important;
	width: 20px;
	margin-left: 15px;
	float: none;
	border: 0 none;
}

form#checkout input#cardnumber {
	width: 160px;
}

form#checkout input.expiry {
	width: 40px;
}

form#checkout input#expiry_year{
	margin-left: 0;
}

form#checkout input.cvn {
	width: 60px;
}

form#checkout p.submit {
	text-align: right;
	margin-bottom: 0;
}

form#checkout input#newsletter,
form#checkout input#teartimes {
	border: 0 none;
	background: transparent;
}

/* @end */

.checkout #intro h4 {
	margin-bottom: 0;
}

#order_details {
	width: 240px;
	float: right;
	background: #f1eef3;
	padding: 15px 20px 0px;
	margin-left: 40px;
	min-height: 7.5em;
}

#order_details h4 {
	margin-bottom: 6px;
}

#order_details dt {
	width: 120px;
	float: left;
	clear: left;
	font-weight: bold;
}

#order_details + h4 {
	margin-bottom: -4px;
}

label.error {
	display: block;
	color: red;
}

/* @end */

/* @end */

/* @group Browser Fixes */

.ie .button,
.ie input.submit {
	behavior: url(/lib/ie-behaviours/PIE.htc);
}

.ie input.submit,
.ie a.button,
.ie a.button:visited {
	-pie-background: linear-gradient(0% 100% 90deg,#522575, #47205e);
}

.ie input.submit:hover,
.ie a.button:hover{
	-pie-background: linear-gradient(0% 100% 90deg,#522575, #7e4996);
}

.ie a.button.yellow,
.ie input.submit.yellow {
	-pie-background: linear-gradient(0% 100% 90deg,#ffcb02, #ffdf04);
}

.ie a.button:hover,
.ie input.submit.yellow:hover {
	-pie-background: linear-gradient(0% 100% 90deg,#ffdf04, #ffdf04);
}

.ie7 .hlisting input.submit,
.ie6 .hlisting input.submit {
	top: -36px;
	right: 10px;
	width: 90px;
	text-align: center;
}

.ie7 article.hlisting input.submit,
.ie6 article.hlisting input.submit {
	top: 0;
	margin-top: -25px;
}

.ie7 #total div.buttons,
.ie6 #total div.buttons {
	margin-top: -25px;
}

.ie7 li.hlisting h4 {
	zoom: 1;
}

.ie7 #basket div.gift {
	width: 735px;
	float: right;
}

.ie6 #intro div.offer p {
	width: 270px;
}

.ie6 .button,
.ie6 input.submit {
	behavior: none;
}

.ie6 #featured {
	zoom: 1;
}

.ie6 #featured div {
	display: inline-block;
	position: static;
	float: left;
}

.ie6 #featured ul.gifts li.hlisting.two {
	margin-right: 0;
}

.ie7 form#checkout p.sidenote {
	position: absolute;
	left: 680px;
	margin-right: 0;
}

/* @end */

/* @group Boilerplate */

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/* @end */