body {
	padding:0px;
	margin:10px 0 0 0 ;
	background-image:url(../images/bg-main.jpg);
	background-repeat:repeat;
	}
body,p,td,input,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	}

h1 {
	font-size:30px;
	color: #825573;
	font-variant:uppercase;
	margin:14px 0 0px 0;
	padding:0px;
	line-height:34px
}

h2 {
	font-size:20px;
	padding:0px;
	margin:0px;
	line-height:24px

}

h3 {
	font-size:30px;
	color:#825573;
	text-align: right;
	line-height:34px;
	margin:0px;
	padding:0px;
}

h4 {
	font-size:12px;
	margin:0 0 10px 0;
	padding:0px;
	color:#825573;
	font-weight:bold;
}

p {
	margin-bottom:10px;
	margin-top:10px;
	line-height:20px;
	padding:0px;
}

h2 + p {
	Margin-top:0px;
}

td{
	margin:0px;
}

.designedby {
	float:right;
}
.copyright {
	float:left;
}

ul.bullets li {
	font-style:normal;
	font-weight:bold;
	margin:0px;
	font-size:12px;
	padding:0px;
	padding-top:2px;
}

ul.bullets {
	margin-left:20px;
	padding:5px;
}

ul {
margin:0px;
padding:0px;
}

ul.standard {
	margin:0px;
	padding:0px;
	margin-left:10px;
	_padding-left:7px;
	font-style:normal;
}

li {
	font-style:italic;
	font-weight:bold;
	margin:0px;
	font-size:11px;
	padding:0px;
}

li redli {
	font-style:italic;
	font-weight:bold;
	margin:0px;
	font-size:11px;
	padding:0px;
	color:#825573;
}

.smalldark {
	font-size:10px;
}

.FirstProductBoxCol {
	margin-left:0px;
	
}


.productBoxHeader {
	color:#FFFFFF;
	font-weight:bold;
	line-height:12px;
	text-align:left;
	font-size:11px;

}

.productBoxHeader a {
	font-size:12px;
}

.OrderFormPrices {
	color:#ffffff;
	font-weight:bold;
	float:right;
	font-size:11px;
	display:block;
	padding:2px;
	background-color:#000000;
	}
a.RedButton  {
background-color:#825573;
border:medium none;
color:#FFFFFF;
display:block;
font-size:12px;
font-weight:bold;
height:25px;
line-height:24px;
text-align:center;
width:130px;
}	
a.RedButtonLarge  {
background-color:#825573;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
height:25px;
line-height:24px;
text-align:center;
width:200px;
padding:2px;
}

td img {
	padding:0px;
}


.info {
	font-size:10px;
}


.hidden {
visibility:hidden
}

th {
color:#FFFFFF;
}

h3 a{
 color:#990000;
 text-decoration:underline;
 }

.black {
color:#000000;
}
.error, .manatory, .mandatory {
color:#C02C2C;
font-weight:bold;
}

.red {
color:#825573;
font-weight:bold;
}

.textfieldRequiredMsg {
color:#C02C2C;
font-size:11px;
}

a.redlink {
font-size:12px;
font-weight:bold;
color:#825573;
text-decoration:underline;
}

a.redlink:hover, a.redlink:active {
color:#000;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

.slogan {
}

.white {
color:#FFFFFF;
}

.tel{
color:#825573;
font-weight:bold;
font-size:14px;
line-height:24px;
padding-right:20px;

}


p.Quote {
	
color:#000000;
font-style:italic;
font-weight:bold;
padding:0px;
margin:0px;
}

.RecommendHeader {
	color:#FFF;
	font-size:17px;
	font-weight:bold;
	line-height:22px;
}
a.RecommendGeneral {
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

h2.VideoHeader{
	margin:0px;
	padding:18px 0 0px 0;
	
}

/*==========================VIDEOS==========================*/

#VideoImg {
	float:left;
	padding:0;
	width:50px;
	height:30px;
}

div.VideoTitle{
	float:left;
	color:#916a85;
	font-weight:bold;
	
	}

div.VideoTitle img{
	float:left;
	padding-right:10px;
}
#VideoDesc{
	color:#333;
	}

div.VideoTitle a{
	color:#916a85;
	font-size:12px;
	line-height:30px;
	padding:0px;
	margin:0px;
}

/* =========================== LINKS ================================ */

a {
	color:#333;
	text-decoration:none;
	font-size: 14px;
}

a:hover, a:active {
	color:#CBC091;
	text-decoration:none;
	font-size: 14px;
}

a.menu {
	font-size: 12px;
	color:#333;
	display:block;
	background-image:url(../images/Bg-Menu1.png);
	background-repeat:no-repeat;
	padding:0px 4px 0px 5px;
	margin-bottom:1px;
	height:20px;
	line-height:12px;
	

	}

a.menu:hover, a.menu:active {
	color: #825573;
	text-decoration:none;
}

a.menuSub {
	font-size: 12px;
	color: #825573;
	display:block;
	margin-bottom:1px;
	padding:0px 4px 0px 25px;
	height:20px;
	line-height:20px;
}

a.menuSub:hover, a.menuSub:active {
	color:#825573;
}


a.menuLogin {
	color: #000000;
}

A.over, A.over:link, A.over:visited {
	color: #825573;
	text-decoration:none;
	
font-weight:bold;
}

.CheckoutButtons {
	background-image:url(../images/basketbutton.gif);
	display:block;
	width:130px;
	height:25px;
	color: #ffffff;
	border:none;
	text-align:left;
	}

.addToBasketButton{
	background-image:url(../images/addtoBasket.gif);
	display:block;
	width:120px;
	height:25px;
	color: #ffffff;
	text-align:left;
	border:none;

}


a.RedButton {
	display:block;
	font-size: 12px;
	width:120px;
	height:25px;
	border:none;
	background-color:#825573;
	color: #ffffff;
	line-height:24px;
	text-align:center;
	font-weight:bold;
}

a.RedButton:hover, a.RedButton:active {
	background-color:#000000;
	color:#ffffff;
}

a.ParaBlack {
	font-size: 12px;
	color: #000000;
	font-weight:bold;
	text-decoration:underline;
}

a.ParaBlack:hover, a.ParaBlack:active {
	color:#825573;
}


/* =========================== Delivery Calendar ================================ */

a.BookSlot{
	display:block;
	background-color:#92A5A1;
	border:none;
	padding:0px;
}

a.BookSlot:hover{
	background-color:#000000;
	border:none;
}


.Unavailable{
	border:none;
}

a.BookSlot img {
border:none;
}

a.info {
    text-decoration:none;
	font-size:10px;
	color:#000000;
	width:220px;
	}
div.info {
width: 350px;
}
.Supplierlogos {
	padding:5px 18px 5px 18px;
	float:left;
	position:relative;
}

.SupplierlogosCompassion {
	margin-top:-32px;
}

/* ===================== Divs ======================== */


#Container {
	position:relative;
	padding-top:0px;
	width:1020px;
	margin-left:auto;
	margin-right:auto;
	_height:660px;
	min-height:660px;
	background-image:url(../images/BG-Container.png);
}

#inner {
	padding:0 20px 0 29px;
}

#RowLogo{
	position:relative;
	width:960px;
	height:162px;
	background-image:url(../images/bnner.png);
	background-repeat:no-repeat;
}

#BannerWoman{
	position:absolute;
	padding:0px;
	right:20px;
	top:10px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
}

#Postit{
	position:absolute;
	left:-300px;
	top:150px;

}
#MultiMedia{
	position:absolute;
	right:-215px;
	top:475px;

}

#RowLogo img{
float:left;
}

#ContentContainer {
	position:relative;
	padding-top:0px;
	width:900px;
	padding:20px 30px 0px 30px;
	margin-bottom:0px;
}

#Col1{
	position:relative;
	width:180px;
	float:left;
	margin-right:20px;
	
	}

#Col2{
	position:relative;
	float:left;
	width:480px;
}
#ContentMinHeight {
	_height:385px;
	min-height:385px;
	float:left;

}
#Col2Products {
	position:relative;
	float:left;
	width:700px;

}

#Col3 {
	position:relative;
	float:left;
	width:200px;
	margin-left:20px;
}
#product{
	position:relative;
	width:220px;
	float:left;
	margin:6px;
	background-color:#666666;
	padding:0px;
	height:100px;
	overflow:hidden;
}

#Footer{
	position:relative;
	width:960px;
	height:30px;
	padding:0px;
	margin:20px 0px 0px 0px; /* remove bottom margin after xmas */
	color:#ffffff;
	background-image:url(../images/BottomBanner.png);
	text-align:center;
	z-index:0;
}
#Footer h1{
color:#ffffff;
font-size:24px;
	text-align:center;

}

#FooterLogos{
	position:absolute;
	bottom:-90px;
	left:25px;
	width:970px;
	height:80px;
	padding:0px;
	margin:0px;
	color:#333333;
}



#product p{
font-size:11px;
}

li a.menuSub, a.menu {
	list-style:none;
	margin-left:0;
	font-style:normal;
}



#Menu li{
	list-style:none;
}

#MenuLoggedIn li{
list-style:none;
}


.delClock {
	color:#92A5A1;
	font-weight:bold;
	line-height:20px;
	text-align:center;
	font-size:12px;
	margin-top:20px;
	}
	
	
#delTime, #delUnits {
font-size:24px;
line-height:45px;
color:#39353D;
}

#CheckoutSteps {
position:absolute;
top:-15px;
right:0px;
}



.SponsorChild {
Width:105px;
height:180px;
border:#CCC solid 1px;
color:#FFFFFF;
padding:0px;
margin:5px;
position:relative;
float:left;
font-size:11px;
font-weight:normal;

}

.SponsorChild p {
	line-height:14px;
	margin:0px;
}

.ReadMyStory  a{
display:block;
font-size:11px;
font-weight:bold;
background-color:#825573;
color:#FFFFFF;
text-align:center;
height:20px;
line-height:20px;
}

div.SponsorChild  p{
	padding:5px;
}


#NextProducts{
position:relative;
padding: 0 7px 7px 0;
}

#PrevProducts{
position:relative;
padding:0 0 7px 3px;
}

#links{
position:relative;
padding:0 0 7px 3px;
}

.link{
position:relative;
padding:0 0 5px 0px;
}
.link a {
color:#825573;
font-size:12px;
}

.link a:hover {
color:#92A5A1;
font-size:12px;
text-decoration:underline;
}

#RegOffice{
	position:absolute;
	bottom:5px;
	left:20px;
	z-index:100;
	color:#FFF;
	
}

#product img{
	max-height:60px;
}
	
	
	
#SocialMedia {
	position:relative;
	text-align:left;
	margin:0 0 0 28px;
	padding-top:7px;
	color:#fff;
	font-size:14px;
}
	
#SocialMedia p {
	margin:-2px 0 0 0px;
	color:#FFF;
}
	
/* == Christmas ==*/

#ChristasTop{
	position:absolute;
	top:-10px;
	left:-18px;
}

#ChristmasBottom{
	position:absolute;
	bottom:-20px;
	left:15px;
	z-index:150;
}

#SnowflakeOverlay{
	position:absolute;
	top:165px;
	left:10px;
}

	/* =========================== Accordion ================================ */

		.accordion_toggle {
			display:block;
			width: 450px;
			padding: 5px;
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			color: #000000;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
			padding: 5px;
		}
			
			.accordion_content h2 {
				margin: 0px;
				color: #0099FF;
			}
			
			.accordion_content p {
			}
			
		.vertical_accordion_toggle {
			display: block;
			width: 440px;
			padding:5px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 5px 0 5px 0px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				padding: 5px ;
			}

/* =========================== End Accordion ================================ */


/* ----  cross-fade ----  */
ul.crossfade {
	height:220px;
	margin-top:0px;
	margin-bottom:0px;
	list-style: none;
}

ul.crossfade li {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}
/* ----  end cross-fade ----  */

/*
================================
Tabs Styles
================================
*/


ul.Tabs {
cursor:pointer;
padding:0px;
margin:0px;
clear:both;
list-style-image:none;
list-style-position: outside;
list-style-type: none;
}

ul.Tabs li {
padding:0px;
width:115px;
float:left;
background-color:#825573;
line-height:24px;
text-align:left;
margin:-3px 0 0 2px;
height:26px;
font-size:11px;
}
ul.Tabs li.Tab2, ul.Tabs li.Tab3, ul.Tabs li.Tab4 {
margin:-3px 0 0 2px;
}

ul.Tabs li.Tab2long {
border-left: solid 1px #ffffff;
border-bottom:#FFF solid 1px;
width:308px;
}

ul.Tabs li a, ul.Tabs li a:hover, ul.Tabs li a:active, ul.Tabs li{ /* hover & active are for IE6 */
color:#333333;
font-size:14px;
text-decoration:none;
text-align:center;
}
div.Tabs.Tab1 li.Tab1, div.Tabs.Tab2 li.Tab2, div.Tabs.Tab3 li.Tab3, div.Tabs.Tab4 li.Tab4 {
background-color:#ffffff;
background-image:url(../images/churchTabsBG-TabOn.png);
background-repeat:no-repeat;
}

div.Tabs {
position:relative;
background-image:url(../images/churchTabsBG.png);
background-repeat:no-repeat;
}

div.Tab {
display:none;
color:#825573;
_height:218px;
min-height:218px;
}

div.Tab img {
padding: 20px 0px 10px 10px;
}

div.TabInner {
padding:0px 20px 0px 20px;
_height:151px;
min-height:151px;
}

div.TabInner h2 {
padding-top:20px;
color:#825573;
}


div.Tab p {
color:#333333;
padding:0px;
margin:5px 0 5px 0;
line-height:18px;
}

div.Tabs.Tab1 div.Tab.Tab1, div.Tabs.Tab2 div.Tab.Tab2, div.Tabs.Tab3 div.Tab.Tab3, div.Tabs.Tab4 div.Tab.Tab4 {
display:block;
font-family:Arial, Helvetica, sans-serif;
}

/* ------  TABLES  ------- */

table.BorderedTable {
	border: solid 1px #000;
	border-collapse:collapse;
	width: 100%;
}
table.BorderedTable th + th {
	border-left: solid 1px #fff;
}
table.BorderedTable th {
	background-color: #333333;
	color:#ffffff;
	text-align:left;
}
table.BorderedTable td {
	border: solid 1px #000;
}

/*
================================
Pages Styles
================================
*/


div.Pages {
position:relative;
}

div.Page {
display:none;
_height:255px;
min-height:255px;
}

div.Pages.Page1 div.Page.Page1, div.Pages.Page2 div.Page.Page2, div.Pages.Page3 div.Page.Page3 {
display:block;
}



#ContentContainer #Col2 p {
	font-weight: normal;

}
#Container #ContentContainer #Col2 .bullets strong {
	font-weight: bold;
}
#Container #ContentContainer #Col2 .bullets strong {
	font-weight: bold;
}
#Container #ContentContainer #Col2 .bullets strong {
	font-weight: bold;
}
/* Popup */

#popupContainer {
	Z-INDEX: 999; POSITION: absolute; WIDTH: 455px; BACKGROUND: url(../images/popup_bg.png) no-repeat; HEIGHT: 285px; MARGIN-LEFT: -210px; TOP: 40px; LEFT: 50%
}
#popupContainer #popupClose {
	POSITION: absolute; TEXT-INDENT: -9999px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 27px; BACKGROUND: url(../images/popup_close_bt.png) no-repeat; HEIGHT: 27px; TOP: 10px; RIGHT: 10px
}
#popupContainer #popupClose:hover {
	BACKGROUND-POSITION: center -27px
}
#popupContainer IFRAME {
	BORDER-BOTTOM: 0px; POSITION: relative; BORDER-LEFT: 0px; WIDTH: 420px; BACKGROUND: #ffffff; HEIGHT: 244px; BORDER-TOP: 0px; TOP: 21px; BORDER-RIGHT: 0px; LEFT: 18px; frame-border: 0
}

/************ form errors *****************/

input.error, select.error, textarea.error {
	border: 2px solid red;
	background-color: #FFFFD5;
	color: red;
}
input.error.radio {
	border: none;
	background-color: inherit;

}
label.error {
color:red;
font-size:italic;
font-weight:normal;
margin-left:5px;
}
div.error {
margin:10px 0px 10px 0px;
}
div.error span {
color:red;
}
/************ clearfix *****************/


.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0;
}

.clearfix {
 display: inline-block;
}

html[xmlns] .clearfix {
 display: block;
}

* html .clearfix {
 height: 1%;
}
