/*	
	Styles for Hope For Women - www.hopeforwomen.com

	Copyright 2006 Paul Hansen / Ecopixel - www.ecopixel.com
	All Rights Reserved.

	Updated May 2009.
*/

@import url(base.css);


/* Rounded button for item selection */
.btnlink p {
	float: right;
	width: 230px;
}
.btnlink a {
	display: block;
	text-transform: lowercase;
	text-align: right;
	padding: 0.33em 20px 0.33em 0;
	text-decoration: none;
	color: #FFEEFF;
}

.btnlink em {
	padding-right: 16px;
	background: url(img/arrow-btnlink.gif) no-repeat right 70%;
}

.btnlink a:hover {
}

.btnlink a:hover em {
	background: url(img/arrow-btnlink.gif) no-repeat right 70%;
}

body {
	background: #EEEEDD url(img/bg-body.gif) repeat-y center -18px;
	font-size: 75%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
}

#page-1 { /* Override background on home page. */
	background: #EEEEDD url(img/bg-body-home.gif) no-repeat center -18px;
} 

#wrap { /* Positioned relatively so we can absolutely position contents */
	position: relative;
	width: 750px;
/*	padding: 54px 0 1px 0; */
	padding: 0;
	margin: 20px auto; 

}

/* holds top graphics */
#topstuff {
	position: relative;
	width: 750px;
	height: 54px;
	overflow: visible;
}

#topstuff a {
	display: block;
}

#logo {
	position: absolute;
	display: block;
	left: 70px;
	top: -7px;
	height: 107px;
	width: 132px;
	margin-bottom: 9px;
}

#logo:hover {
	background: url(img/logo-glow.jpg) no-repeat left top;
}

#page-1 a#logo:hover { /* Don't hover on the home page */
	background-image: none;
}

#logo-ftf {
	display: block;
	position: absolute;
	width: 43px;
	height: 44px;
	top: 0;
	right: 0;
}

#intro2 {
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	color: #000000;
	line-height: 1.3em;
	font-weight: normal;
	font-style: italic;
	text-align: right;
	padding: 1em 0 5px 0;
	width: 550px;
}

#social-icons {
	float: right;
	clear: right;
	overflow: hidden;
/*	padding: 15px 20px 15px 5px; */
	padding: 7px 20px 8px 20px !important;
	line-height: 100%;
	background-color: #777744;
	background-color: #868;
	background: #868 url(img/bg-social-icons.png) left bottom no-repeat;
}

#social-icons .csc-textpic {
	float: right;
	overflow: hidden;
}

#social-icons dl,
#social-icons dt,
#social-icons dd {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* because IE isn't a browser... */
#social-icons .csc-textpic-text {
}

#social-icons p {
/*	position: relative;
	right: -15px; */
	font-size: 1.1em !important;
	color: #FFF;
	line-height: 100%;
	margin: 0 !important;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#social-icons .csc-textpic-image {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

#logo-ftf2 {
	display: block;
	float: right;
	padding-left: 15px;
	padding-right: 20px;
	width: 43px;
	height: 44px;
}


/* Stuff for splash page */

/*.csc-frame-invisible {
	position: relative;
	left: -20px;
}
*/
.csc-frame-invisible .csc-textpic-text {
	position: relative;
	/*left: 20px; */
	padding: 0 20px 20px 20px;
}

#page-1 #content,
#page-16 #content {
	padding: 0;
	width: 600px;
}
/****** Header */

/* pid=6 lifestyle */
/* pid=454 home */
/* pid=468 business */

#head {
	position: relative;
	top: 0;
	left: 0;
	float: right;
	color: #886688;
	width: 600px;
	background-color: #886688;
}

.sec-496 #head { background-color: #F1E4AD; }
.sec-454 #head { background-color: #EFD7CF; }
.sec-468 #head { background-color: #E0E0C2; }

#head h1 {
	color: #886688;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
	line-height: 1em;
	font-style: italic;
	font-weight: bold;
	text-transform: lowercase;
	width: 320px;
	padding: .5em 0 .5em 20px;
}

/* for page not found and contact */
.sec-2 #head,
.sec-367 #head {
	width: 560px;
	padding: 15px 20px 11px 20px;
}
#head-content {
	padding: 10px 20px 15px 20px;
}

#head-content a#c1072 {
	display: none;
	height: 0;
}
/* a little different on the home page */
.sec-2 #head,
.sec-367 #head {
	background: #886688 url(img/bg-head-lt.png) left top no-repeat;
}
#head #head-content {
	background: #886688 url(img/bg-head-lt-home.png) left top no-repeat;
}

.sec-2 #head h1,
.sec-367 #head h1,
#head #head-content h1 {
	color: #E4DDE4; 
	padding: 0;
	font-size: 1.7em;
	line-height: 1em;
	font-weight: bold;
	margin: 0 0 0.2em 0;
}

#head #head-content p {
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 0;
	margin: 0;
}

/* Cart status */
#head p#cart {
	float: right;
	width: 230px;
	padding: 0;
}

#head a {
	display: block;
	width: 210px;
	text-transform: lowercase;
	text-align: right;
	padding: 0.33em 20px 0.33em 0;
	text-decoration: none;
	color: #886688;
}

/* #head em {
	padding-right: 16px;
	background: url(img/arrow.gif) no-repeat right 70%;
} */

#head a:hover {
	color: #886688;
}

/* #head a:hover em {
	background: url(img/arrow-hov.gif) no-repeat right 70%;
} */

/****** Header end */

/* NAVIGATION */

#bignav {
	position: absolute;
	top: 0;
	right: 144px;
	width: 312px;
	height:33px;
	background-color: #E0E0C2;
	overflow: hidden;
}

#bignav ul,
#bignav li {
	margin: 0;
	padding: 0;
}

#bignav a {
	display: block;
	height: 33px;
	overflow: hidden;
	position: absolute;
	top: 0;
	background: url(img/bg-bignav.png) bottom left no-repeat;
}

#bignav a span {
	position: absolute;
	top: 33px;
	left: 0;
	display: none; /* for ie7 */
	height: 0;
	width: 0;
}



#bignav a#bignav-lifestyle {
	background-position: bottom left;
	width: 114px;
	left: 0;
}
#bignav a#bignav-home {
	background-position: bottom center;
	width: 84px;
	left: 114px;
}
#bignav a#bignav-business {
	background-position: bottom right;
	width: 114px;
	right: 0;
}

#bignav a#bignav-lifestyle:hover 	{	background-position: center left; }
#bignav a#bignav-home:hover			{	background-position: center center; }
#bignav a#bignav-business:hover 	{	background-position: center right; }

.sec-496 #bignav a#bignav-lifestyle,
.sec-496 #bignav a#bignav-lifestyle:hover	{	background-position: top left; }

.sec-454 #bignav a#bignav-home,
.sec-454 #bignav a#bignav-home:hover  		{	background-position: top center; }

.sec-468 #bignav a#bignav-business,
.sec-468 #bignav a#bignav-business:hover	{	background-position: top right; }

/* normal main nav */

#nav {
	position: relative; /* correct overlap with absolutely positioned logo */
	width: 587px;
	top: 0;
	left: 0;
	float: right;
/*	margin-top: 20px; */
	padding-left: 13px;
	background: #886688 url(img/bg-head-lt.png) no-repeat left top;
}

#page-1 #nav {
	display: none;
	height: 0;
	background-image: url(img/bg-head-lt-home.png);
}

#nav li {
	float: left;
}

#nav a {
	float: left;
	display: block;
	padding: 5px 7px;
	line-height: 1em;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: bold;
	background-color: #886688;
	color: #E4DDE4; 
	white-space: nowrap;
	border-right: 1px solid #CCBBCC;
}

#nav li.nav-last a,
#nav li.nav-first a {
	/* border: 0; */
}

#nav a:hover {
	color: #886688;
	background-color: #FFF;
}

#nav a.nav-act,
#nav a.nav-act:hover /* for IE6/Win */
{
	color: #886688;
	background-color: #FFF;
}

.sec-496 #nav a.nav-act,
.sec-496 #nav a.nav-act:hover { background-color: #F1E4AD; }

.sec-454 #nav a.nav-act,
.sec-454 #nav a.nav-act:hover { background-color: #EFD7CF; }

.sec-468 #nav a.nav-act,
.sec-468 #nav a.nav-act:hover { background-color: #E0E0C2; }


/*	Remember: Set widths, because IE6 is stupid; 
	list elements will get the wrong padding */
#navsub-wrap {
	float: left;
	width: 150px;
	position: relative;
	top: 0;
	left: 0;
/*	background: url(img/bg-navsub-lb.gif) no-repeat left bottom; */
}

#navsub {
	width: 150px;
	position: relative;
	top: 0;
	left: 0;
	background: url(img/bg-navsub-lt.gif) no-repeat left top;
	padding: 15px 0 15px 0;
}

#page-1 #navsub {
	visibility: hidden;
}

/* Level 1 */
#navsub li {
}

/* Base link styles for all levels */
#navsub a {
	display: block;
	width: 120px;
	line-height: 1em;
	text-decoration: none;
	text-transform: lowercase;
	text-align: right;
	padding: 5px 20px 5px 10px;
	color: #666633;
	font-weight: bold;
	border-top: 1px solid #EEEEDD;
}

#navsub a:hover {
	background: #FFFFFF;
}

/* Level 2 */
#navsub ul {
	padding: 0;
}
#navsub ul li {
	padding: 0;
}

#navsub ul li a {
	font-weight: normal;
	border: 0;
}

/* Active tab. */
#navsub a.navsub-act {
	background-color: #FFFFFF;
}

#navsub ul ul {
	padding: 0;
}

/* Level 3 */
#navsub ul ul li {
	padding: 0;
	font-weight: normal;
}

#navsub ul ul li a {
	width: 108px;
	font-weight: normal;
	padding-right: 32px;
	background: url(img/navsub-bull.gif) no-repeat right 0.65em;
	border: 0;
}

#navsub ul ul li a:hover {
	background: #FFFFFF url(img/navsub-bull.gif) no-repeat right 0.65em;
}

#navsub li.navsub-first a {
	border: 0;
}

#main { /* Container for #navsub-wrap and #content */
	position: relative;
	left: 0;
	top: 0; 
	clear: both;
	float: left; /* floated to get background */
	width: 750px;
 	background: url(img/bg-main.gif) repeat-y left top;
	overflow:hidden;
}

#page-1 #main {
	background: url(img/bg-main-home.gif) repeat-y left top;
}

#flower { /* the first left-side flower */
	position: absolute;
	top: 200px;
	left: 0;
	width: 274px;
	height: 298px;
	background: url(img/bg-flower.gif);
}

#page-1 #flower {
	top: 0;
	left: 0;
	visibility: hidden;
	overflow: hidden;
	background: none;
}

#content {
	position: relative;
	top: 0;
	left: 0;
	float: right;
	padding: 20px;
	background-color: #FFFFFF;
	width: 560px;
}

#content h1, .tx-srsendcard-pi1-card-title {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0.3em 0;
	font-size: 2em;
	font-weight: normal;
	color: #886688;
}

#content h2 {
	margin: 0.3em 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #886688;
}

#content h3 {
	margin: 0.3em 0;
	font-size: 1em;
	font-weight: bold;
	color: #886688;
	text-transform: uppercase;
}

#content h1 a, .tx-srsendcard-pi1-card-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: lowercase;
	text-decoration: none;
	color: #886688;
	font-style: italic;
/*	padding: 30px 0;
	background: url(img/bg-f1.gif) no-repeat 70% top; */
}

#content a {
	color: #886688;
}

/* for HTML home page */
#content h1.flower1 {
	padding: 15px 0 10px;
	margin-top: 10px;
	background: url(img/bg-f1.gif) no-repeat 10% top;
	margin-bottom: 0px;
}

#content h1.flower2 {
	padding: 15px 0 10px;
	margin-top: 10px;
	background: url(img/bg-f2.gif) no-repeat 50% top;
	margin-bottom: 0px;

}

#content h1.flower3 {
	padding: 15px 0 10px;
	margin-top: 10px;
	background: url(img/bg-f3.gif) no-repeat 20% top;
	margin-bottom: 0px;

}

/* for csc, pid=5, used to be #flowerpage */
#page-5 .csc-header-n1 h1 a,#content .csc-header-n8 h1 a {
	display: block;
	padding: 15px 0 10px 0;
	background: url(img/bg-f1.gif) no-repeat 10% top;
}

#page-5 .csc-header-n2 h1 a,#content .csc-header-n9 h1 a {
	display: block;
	padding: 15px 0 15px 0;
	background: url(img/bg-f2.gif) no-repeat 20% top;
}

#page-5 .csc-header-n3 h1 a,#content .csc-header-n10 h1 a {
	display: block;
	padding: 15px 0 10px 0;
	background: #FFF url(img/bg-f3.gif) no-repeat 5% top;
}

#page-5 .csc-header-n4 h1 a ,#content .csc-header-n11 h1 a {
	display: block;
	padding: 15px 0 15px 0;
	background: url(img/bg-f4.gif) no-repeat 15% top;
}


#page-5 .csc-header-n5 h1 a,#content .csc-header-n12 h1 a {
	display: block;
	padding: 15px 0 15px 0;
	background: url(img/bg-f5.gif) no-repeat 5% top;
}


#page-5 .csc-header-n6 h1 a,#content .csc-header-n13 h1 a {
	display: block;
	padding: 15px 0 15px 0;
	background: url(img/bg-f6.gif) no-repeat left top;
}

#page-5 .csc-header-n7 h1 a#content .csc-header-n14 h1 a {
	display: block;
	padding: 15px 0 15px 0;
	background: url(img/bg-f7.gif) no-repeat 10% top;
}

/* #page-5 p.bodytext {
	padding-top: 0px;
	margin-top: -10px;
} */


#content p.bodytext {
	font-size: 1.2em;
}

/* for the addresslist store locator */
#content p.addresstext {
	font-size: 1em;
}

#content h2 a {
	text-decoration: none;
	color: #886688;
}

#content h1 a:hover {
	font-style: italic;
	text-decoration: none;
	color: #886688;
}

#content p {
	margin-bottom: 0.6em;
	line-height: 1.4em;
}

#content blockquote {
	margin: 0 50px 0.6em 50px;
}

.csc-frame-frame1 {
	background-color: #F3F3EB;
	padding: 20px;
}

.csc-frame-frame2 {
	background-color: #FAF3DA;
	padding: 20px;
}

#content ul, #content ol {
	margin-left: 0;
	padding-left: 2.5em;
	font-size: 1.2em;
}
#content ul li {
	list-style-type: disc;
	line-height: 120%;
	margin-bottom: 0.5em;

}
#content ol li {
	list-style-type: decimal;
}

.csc-textpic-caption {
	padding-top: 0.1em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}


.csc-div {
	clear: both;
	height:20px;
	background: url(img/bg-csc-div.gif) top center no-repeat;

	width:100%;
	margin: 1em 0;
}

.csc-div hr {
	display: none;
}


/* existing styles Sept 2007 *******************************/

.csc-mailform label,.csc-mailform input,.csc-mailform textarea {
	display: block;
	float: left;
	margin-bottom: 0.5em;
	text-align: left;
}

.csc-mailform label {
	text-align: right;
	width: 12em;
	padding-top: 0.1em;
	padding-right: 0.5em;
}

.csc-mailform legend {
	visibility: hidden;
	display: none;
	padding: 0;
	margin: 0;
}

fieldset.csc-mailform {
	border: 0;
	padding: 0;
}

.csc-mailform-field {
	padding-top: 0.5em;
	border-top: 1px solid #CCC;
	clear: both;
}

.csc-mailform-submit {
		
}

/* overlay new styles for Mailform Feb 2008 ***********************************/

/* span around "label" and property elements. */
.csc-mailform .csc-mailform-field span.csc-mailform-label {
	font-weight: bold;
	padding-bottom: 0.5em;
	display: block;
}

.csc-mailform span.csc-mailform-check input {
	margin-right: 0.5em;
}

.csc-mailform span.csc-mailform-check label {
	text-align: left;
	display: block;
	width: auto;
	float: left;
}

.csc-mailform span.csc-mailform-radio {
	display: block;
	margin: 0;
}

.csc-mailform span.csc-mailform-radio br {
	clear: both;
}

.csc-mailform span.csc-mailform-radio input {
}

.csc-mailform span.csc-mailform-radio label {
	width: auto;
	float: none;
	padding-left: 0.4em;
	text-align: left;
	display: inline;
}

/* inside fieldsets for checkbox groups */
.csc-mailform fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

/* ----------- end of mailform */

.tx-srsendcard-pi1-card-form-wrap legend {
	padding-top: 10px;
	font-weight: bold;
}

.tx-srsendcard-pi1-card-title {
/* See h1 */

}

.tx-srsendcard-pi1-card-text {
	font-size: 1.5em;
}

.tx-srsendcard-pi1-card-signature {
	font-size: 1.2em;
	font-weight: bold;
}

div.tx-srsendcard-pi1-clear-float {
	clear: both;
}

div.tx-srsendcard-pi1-card-buttons {
	padding-top: 20px;
}

p.tx-srsendcard-pi1-error-message {
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	background-color: #CC9999;
	padding: 5px;
	clear: both;
}

.tx-srsendcard-pi1-card-form-wrap label {
	float: none;
	clear: both;

}

.tx-srsendcard-pi1-card-form-wrap input {
	float: none;
	clear: both
}

div.tx-srsendcard-pi1-captcha {
	clear: both;
}

div.tx-srsendcard-pi1-card {
	border: 1px solid #886688;
	padding: 20px;

}

.tx-srsendcard-pi1-card-image {
	float: left;
	width: 270px;
}

.tx-srsendcard-pi1-card-caption {
	display: none;
	visibility: hidden;
}

tx-srsendcard-pi1-card-message {
	float: right;
	width: 300px;
}			

#foot {
	position: relative;
	top: 0;
	left: 0;
	clear: both;
	margin-left: 150px;
	width: 600px;
	line-height: 1em;
	color: #666633;
	padding-bottom: 10px;
	margin-bottom: 15px;
	background: url(img/bg-foot.gif) no-repeat left bottom;
}

#foot p {
	float: right;
	text-align: right;
	font-size: smaller;
	padding: 5px 20px 0 0;
}

#navbot {
	float: left;
	padding: 0 15px 0 15px;
}

#navbot li {
	float: left;
}

#navbot a {
	float: left;
	display: block;
	padding: 9px 7px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
	color: #666633;
	border-right: 1px solid #EEEEDD;
}

#navbot a:hover {
	background-color: #FFFFFF;
}

#navbot li.navbot-last a {
	border: 0;
}




/* slide show */

/* .csc-frame-slideshow1 */
.csc-frame-slideshow1 ul,
.csc-frame-slideshow1 li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: none !important;
}

.csc-frame-slideshow1 ul.slideshow1-buttons {
	position: absolute;
	display: block;
	z-index: 100;
	right: 0;
	top: 0;
	width: 90px;
	height: 21px;
	overflow: hidden;
	padding: 7px !important;
}

ul.slideshow1-buttons {
	list-style-type: none !important;
	list-style: none !important;
}

ul.slideshow1-buttons li {
	padding-right: 7px !important;
	list-style-type: none !important;
	list-style: none !important;
}

a.slideshow1-button {
	float: left;
	height: 0;
	padding-top: 21px;
	width: 21px;
/*	margin-right: 7px; */
	overflow: hidden;
	font-size: 1em;
	line-height: 1em;
	display: block;
	/* note: IE7 doesn't like "bottom" align, had to do -21px */
	/* Firefox is picky about x,y order */
	background: url(img/bg-slideshow1-buttons.png) left -21px no-repeat;
}

.csc-frame-slideshow1 a.slideshow1-prev { background-position: left -21px; }
.csc-frame-slideshow1 a.slideshow1-play { background-position: -21px -21px; }
.csc-frame-slideshow1 a.slideshow1-pause { background-position: -42px -21px; }
.csc-frame-slideshow1 a.slideshow1-next { margin-right: 0; background-position: -63px -21px;}

.csc-frame-slideshow1 .slideshow1-prev:hover { background-position: left top;}
.csc-frame-slideshow1 .slideshow1-play:hover { background-position: -21px top;}
.csc-frame-slideshow1 .slideshow1-pause:hover { background-position: -42px top; }
.csc-frame-slideshow1 .slideshow1-next:hover { background-position: -63px top; }
/*

a.enlarge {
	background: url(bg-slideshow1-buttons.png) bottom -84px no-repeat;
}

a.close {
	background: url(bg-slideshow1-buttons.png) top -84px no-repeat;
}
*/