@import url("/css/sifr-activate.css");

/*----- ESSENTIALS -----*/
html, body { height: 100% }
body { font:12px Arial, Helvetica, sans-serif; margin:0; background:#FFF url(/images/bkg-Content.gif) 50% 0 no-repeat; /* make anything a hover with this code >> */ behavior:url("/css/csshover.htc") }
body #StoreLanding {}
table, td { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; vertical-align:top }
img { /* fixes the png image problem */ border-style: none;
	border-color: inherit;
	border-width: 0;
	behavior:url("/css/pngfix.htc");
	text-align: center;
}
ul, li { list-style-type:none; padding:0; margin:0 }
ol { color:#444; padding:5px 0 5px 25px; margin:0 }
ol li { list-style-type:decimal; padding:0 0 3px }
form, input { padding:0; margin:0 }
input#tripfield { visibility:hidden; }
h1, h2, h3 { line-height:normal; font-weight:normal; padding:0; margin:0 }
a { color:#fe4343; text-decoration:none }
a:hover { color:#000 }

/* classes */
.floatR { float:right }
.floatL { float:left }
.clearAll { clear:both }
.txt-upprcs { text-transform:uppercase }
.black-link { color:#000 }
.black-link:hover { color:#fe4343 }
.grey-link { color:#787979 }
.grey-link:hover { color:#000 }
.arrow-link { font-size:11px; font-weight:bold; background:url(/images/bullet-ArrowPagingRight.gif) 0 3px no-repeat; padding:0 0 0 10px; margin:5px 0 0 5px }

/* test classes */
.test-border { border:1px solid #FFCC00 }
/*----- ESSENTIALS -----*/

/*----- WRAPPER -----*/
#MainWrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -103px; /* the bottom margin is the negative value of the footer's height */ }
/*----- WRAPPER -----*/

	/*--------------------------- COLOR SCHEME ---------------------------*/
	/* orange */
	body.orange #Header { border-top-color:#ffc000 }
	body.orange #TopNav .cart { background-position:100% 0 } body.orange #TopNav .cart:hover { background-position:100% 100% }
	body.orange #MainNav a:hover { border-top-color:#ffc000 }
		#Home.orange #MainNav .main-home, #Watch.orange #MainNav .main-watch, #Store.orange #MainNav .main-store,
		#Partner.orange #MainNav .main-partner, #Fasting.orange #MainNav .main-fasting, #About.orange #MainNav .main-about,
		#Contact.orange #MainNav .main-contact,	#Blog.orange #MainNav .main-blog { border-top:3px solid #ffc000 }
	/* red */
	body.red #Header { border-top-color:#ff0036 }
	body.red #TopNav .cart { background-position:100% -21px } body.red #TopNav .cart:hover { background-position:100% 100% }
	body.red #MainNav a:hover { border-top-color:#ff0036 }
		#Home.red #MainNav .main-home, #Watch.red #MainNav .main-watch, #Store.red #MainNav .main-store,
		#Partner.red #MainNav .main-partner, #Fasting.red #MainNav .main-fasting, #About.red #MainNav .main-about,
		#Contact.red #MainNav .main-contact, #Blog.red #MainNav .main-blog { border-top:3px solid #ff0036 }
	/* green */
	body.green #Header { border-top-color:#a8ff00 }
	body.green #TopNav .cart { background-position:100% -42px } body.green #TopNav .cart:hover { background-position:100% 100% }
	body.green #MainNav a:hover { border-top-color:#a8ff00 }
		#Home.green #MainNav .main-home, #Watch.green #MainNav .main-watch, #Store.green #MainNav .main-store,
		#Partner.green #MainNav .main-partner, #Fasting.green #MainNav .main-fasting, #About.green #MainNav .main-about,
		#Contact.green #MainNav .main-contact, #Blog.green #MainNav .main-blog { border-top:3px solid #a8ff00 }
	/* blue */
	body.blue #Header { border-top-color:#00f0ff }
	body.blue #TopNav .cart { background-position:100% -63px } body.blue #TopNav .cart:hover { background-position:100% 100% }
	body.blue #MainNav a:hover { border-top-color:#00f0ff }
		#Home.blue #MainNav .main-home, #Watch.blue #MainNav .main-watch, #Store.blue #MainNav .main-store,
		#StoreLanding.blue #MainNav .main-store,
		#Partner.blue #MainNav .main-partner, #Fasting.blue #MainNav .main-fasting, #About.blue #MainNav .main-about,
		#Contact.blue #MainNav .main-contact, #Blog.blue #MainNav .main-blog { border-top:3px solid #00f0ff }
	/* yellow */
	body.yellow #Header { border-top-color:#fff000 }
	body.yellow #TopNav .cart { background-position:100% -84px } body.yellow #TopNav .cart:hover { background-position:100% 100% }
	body.yellow #MainNav a:hover { border-top-color:#fff000 }
		#Home.yellow #MainNav .main-home, #Watch.yellow #MainNav .main-watch, #Store.yellow #MainNav .main-store,
		#Partner.yellow #MainNav .main-partner, #Fasting.yellow #MainNav .main-fasting, #About.yellow #MainNav .main-about,
		#Contact.yellow #MainNav .main-contact, #Blog.yellow #MainNav .main-blog { border-top:3px solid #fff000 }
	/* white */
	#Header { border-top-color:#fff }
	#MainNav a:hover { border-top-color:#fff }
		#Home #MainNav .main-home, #Watch #MainNav .main-watch, #Store #MainNav .main-store,
		#Partner #MainNav .main-partner, #Fasting #MainNav .main-fasting, #About #MainNav .main-about,
		#Contact #MainNav .main-contact, #Blog #MainNav .main-blog { border-top:3px solid #fff }

	/* extras */
	#StoreLanding.nonavselect #MainNav .main-store { border-top:3px solid #000 }
	#StoreLanding.nonavselect #MainNav .main-store:hover { border-top:3px solid #ff0036 }	
	/*--------------------------- COLOR SCHEME ---------------------------*/

/*----- HEADER -----*/
#Header { width:100%; height:113px; background:#000; border-bottom:1px solid #6a6968; border-top:6px solid #fff }
#Header .content { width:950px; margin:0 auto }
#Header .logo { float:left }
/*#Header { height:86px; background:#000; margin:0 auto }*/
/*----- HEADER -----*/

/*----- FONT SIZER ----*/
#TopNav #sizer { float:left; font:bold 10px Arial, Helvetica, sans-serif; color:#808080 }
#sizer { float:right; display:inline; margin:3px 12px 0 0 }
#TopNav #sizer span { float:left; padding:2px 0 0 }
#TopNav #sizer a { cursor:pointer; float:left; display:inline; width:12px; height:12px; background:url(/images/icons/sprite-text_resize.gif) no-repeat; padding:0; margin:0 }
#TopNav #sizer .small-A { background-position:0 0 }
#TopNav #sizer .med-A { background-position:-12px 0; margin:0 4px 0 2px }
#TopNav #sizer .big-A { background-position:-24px 0 }
#TopNav #sizer .small-A:hover { background-position:0 -18px }
#TopNav #sizer .med-A:hover { background-position:-12px -18px }
#TopNav #sizer .big-A:hover { background-position:-24px -18px }
/*----- FONT SIZER ----*/

/*----- FLASH -----*/
#Flash { height:330px; width:100%; background:#000; text-align:center; overflow:hidden;  }
#Flash.internal { width:100%; height:210px; text-align:center;  background:#000; background-position:top center  }
/*----- FLASH -----*/

/*----- SPLASH -----*/
#Splash { width:966px; height:304px; background:url(/images/bkg-Splash.gif); padding:14px 0 0 15px; margin:7px auto 0 }
/*----- SPLASH -----*/

/*----- NAVIGATION -----*/
/* main navigation across the top bar */
#MainNav { float:right; clear:right; width:674px; text-align:right; xborder: solid 1px #00FF00 }
#MainNav a { float:right; display:inline; color:#fff; font:bold 12px "Arial Black", Arial, Helvetica, sans-serif; text-transform:uppercase; border-top:3px solid #000; padding:6px 5px 0; margin:0 5px 0 0 }
#MainNav a.end {padding-right:0;}
#MainNav a:hover { color:#fff; border-top:3px solid #fff }
/*#MainNav { clear:right; float:right; width:560px; color:#4d4d4d; font:17px Arial, Helvetica, sans-serif; text-align:right; padding:0 38px 0 0 }
#MainNav a { font:13px Tahoma; color:#FFF; margin:0 10px }
#MainNav a:hover { color:#fe4343 }*/

	/* BOLD RED IN MAIN NAVIGATION // ACTIVATE IN BODY TAG */
	/*body#Home #MainNav .main-home,
	body#Watch #MainNav .main-watch,
	body#Store #MainNav .main-store,
	body#Partner #MainNav .main-partner,
	body#Fasting #MainNav .main-fasting,
	body#About #MainNav .main-about,
	body#Contact #MainNav .main-contact,
	body#Blog #MainNav .main-blog { font-weight:bold; color:#fe4343 }*/
	/* BOLD RED IN MAIN NAVIGATION // ACTIVATE IN BODY TAG */

/* top navigation includes the shopping cart icon */
#TopNav { float:right; padding:8px 8px 30px }
#TopNav a { float:left; display:inline; font:11px "Arial Black", Arial, Helvetica, sans-serif; color:#666666; text-transform:uppercase; margin:3px 11px 0 0 }
#TopNav a:hover { color:#fff }
#TopNav a.freechapel-link { font:11px Arial, Helvetica, sans-serif }
#TopNav a.freechapel-link b { font-family:"Arial Black", Arial, Helvetica, sans-serif; text-transform:lowercase }
#TopNav .cart { height:18px; background:url(/images/icons/sprite-cart_colors.gif) 100% 100% no-repeat; padding:3px 25px 0 0; margin:0 }
#TopNav .cart:hover { background-position:100% 100% }
body.spanishpage #TopNav .nav-english { display:inline; visibility:visible }
#TopNav a.nav-english { display:none; visibility:hidden }
/*#TopNav a { color:#aaa; margin:0 9px }
#TopNav a:hover { color:#FFF }
#TopNav a.blue { color:#a3f0ff }
#TopNav a.blue:hover { color:#fe4343 }
#TopNav a.red { color:#fe4343 }
#TopNav a.red:hover { color:#fff }
#TopNav a.cart { background:url(/images/icons/icon-shoppingcart.gif) 0 0 no-repeat; padding:0 0 0 22px }
#TopNav a.cart.active { color:#fe4343; background:url(/images/icons/icon-shoppingcart3.gif) 0 0 no-repeat; text-decoration:underline }
#TopNav a.cart:hover { color:#FFF; background:url(/images/icons/icon-shoppingcart2.gif) 0 0 no-repeat }*/
/*----- NAVIGATION -----*/

/*----- CONTENT -----*/
#ContentWrap { min-height:450px; height:auto !important; height:450px; padding:0 0 27px }
/*----- CONTENT -----*/

/*----- CONTENT // HOMEPAGE -----*/
#HP-Table { width:950px; height:416px; margin:9px auto 0 }
#HP-Table .left { width:441px; border-right:1px solid #d6d7d6; padding:6px 0 0 0 }
#HP-Table .middle { width:250px; border-right:1px solid #d6d7d6; padding:12px 8px 0 }
#HP-Table .right { width:228px; padding:15px 6px 0 7px }

#HP-Table.Spanish-Table { width:932px; background:#fff; border:solid #fff; border-width:0 4px; margin-top:0 }
#HP-Table .left-spanish { width:612px; border-right:1px solid #d6d7d6; padding:9px 9px 0 0 }
#HP-Table .right-spanish { width:275px; padding:8px 0 0 33px }
#HP-Table .right-spanish .view { float:right; display:inline-block; background:url(/images/bullet-ArrowRed.gif) 0 5px no-repeat; padding:0 0 0 10px; margin:8px 5px 0 0 }

/* welcome block */
#HP-Table .welcome { width:240px; height:130px; color:#000; background:url(/images/bkg-HP-Welcome.jpg) 0 0 no-repeat; padding:45px 14px 0 180px }
#HP-Table .welcome em { display:block; font-size:13px; color:#fe4343; margin:0 0 11px }
#HP-Table .welcome.spanishwelcome { width:371px; height:156px; background:url(/images/bkg-HP-Welcome_spanish.gif) 0 0 no-repeat; padding:71px 56px 0 181px }

/* recent podcast and blog */
#HP-Table .recent { float:left; width:204px; padding:10px 7px 2px; margin:11px 0 0 }
#HP-Table .recent .blackbarbox h3 { margin-left:7px }
#HP-Table .recent ul { padding:0 3px 0 0 }
#HP-Table .recent li { font-size:10px; color:#808285; border-top:1px dashed #c6c7c7; padding:8px 0 5px 31px }
#HP-Table .recent li a { font-size:12px }
#HP-Table .recent li.end a { font-size:10px; color:#000 }
#HP-Table .recent li.end a:hover { color:#fe4343 }
#HP-Table .recent.podcast { border-right:1px solid #dcdcdc }
#HP-Table .recent.podcast li { background:url(/images/icons/icon-ipod.gif) 6px 11px no-repeat }
#HP-Table .recent.podcast li.end { background:none }
#HP-Table .recent.blog { border-left:1px solid #dcdcdc; margin-left:-1px }
#HP-Table .recent.blog li { background:url(/images/icons/icon-notepad.gif) 5px 15px no-repeat }
#HP-Table .recent.blog li.end { background:none }

#HP-Table .recent.podcast.spanishpodcast { width:276px; display:inline; border-right:0; margin:0 -7px }
/*----- CONTENT // HOMEPAGE -----*/

/*----- SHARED CONTENT -----*/
/* black top bar box */
.blackbarbox { border-top:3px solid #000; padding:0 0 18px }
.blackbarbox.floatleft { float:left; width:228px; margin:0 14px 0 0 }
.blackbarbox h2 { margin:6px 0 6px 4px }
.blackbarbox h3 { margin:8px 0 5px 4px }
.blackbarbox.paddedL { padding-left:4px }
.blackbarbox.paddedL h2 { margin-left:0 }
.blackbarbox.paddedL h3 { margin-left:0 }
.blackbarbox.minheight { min-height:235px; height:auto !important; height:235px }
.blackbarbox.minheight2 { min-height:150px; height:auto !important; height:150px }

/* current offer block */
.currentoffer { float:left; font-size:11px; color:#4d4d4f }
.currentoffer em a { display:block; font-size:13px; margin:0 0 5px }
.currentoffer img { float:left; margin:0 4px 18px 2px }
.currentoffer .black-link { display:block; font-size:10px; margin:8px 0 0 }
.currentoffer.detailsoffer { width:225px; margin:0 0 0 13px }

/* prayer request block */
.prayers { float:left; clear:both; color:#4d4d4f }
body#Home .prayershome { width:224px; }
.prayers img { margin:0 0 14px }
.prayers a { font-size:11px }
body#Home .prayers a { display:block; padding:5px 0 0 }
.floatleft.prayers { clear:none }
.floatleft.prayers img { margin:0 0 5px }

/* fasting block */
.fasting { clear:both; color:#4d4d4f }
.fasting img { margin:0 0 14px }
.fasting a { font-size:11px }
.floatleft.fasting { clear:none }
.floatleft.fasting img { margin:0 0 5px }

/* red button */
a.redbutton { display:block; width:136px; height:19px; font:11px Arial, Helvetica, sans-serif; color:#FFF; background:url(/images/button-Red-blank.gif) 0 0 no-repeat; text-transform:lowercase; text-align:right; padding:5px 20px 0 0; margin:0 auto }
a.redbutton:hover { color:#EF4647; background:url(/images/button-Black-blank.gif) 0 0 no-repeat }
a.nohover:hover { display:block; width:136px; height:19px; font:11px Arial, Helvetica, sans-serif; color:#FFF; background:url(/images/button-Red-blank.gif) 0 0 no-repeat; text-transform:lowercase; text-align:right; padding:5px 20px 0 0; margin:0 auto }
a.redbutton.small { width:55px; height:16px; background:url(/images/button-RedSmall-blank.gif) 0 0 no-repeat; text-align:left; text-transform:none; padding:2px 0 0 17px; margin:0 }
a.redbutton.small:hover { background:url(/images/button-BlackSmall-blank.gif) 0 0 no-repeat }
a.bluebutton, a.brownbutton { display:block; width:136px; height:19px; font:11px Arial, Helvetica, sans-serif; color:#FFF; background:url(/images/button-Blue-blank.gif) 0 0 no-repeat; text-transform:lowercase; text-align:right; padding:5px 20px 0 0; margin:0 auto }
a.bluebutton:hover, a.brownbutton:hover { background:url(/images/button-Blue-blank2.gif) 0 0 no-repeat }
a.brownbutton { background:url(/images/button-Brown-blank.gif) 0 0 no-repeat }
a.brownbutton:hover { background:url(/images/button-Brown-blank2.gif) 0 0 no-repeat }
/*----- SHARED CONTENT -----*/

/*----- CONTENT // INTERNAL -----*/
#IN-Table { width:950px; margin:0 auto }
#StoreLanding #IN-Table  { background:url(/images/bg-store_landing.gif) no-repeat; width:1009px;}
#StoreLanding #IN-Table td.toprow { height:582px; padding:0 0 0 18px }
#StoreLanding #IN-Table span.store { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#2d1005;}
#StoreLanding #IN-Table img.usimg {display:block; margin-bottom:10px;}
#IN-Table h1.title { float:left; width:750px; background:url(/images/bkg-H1slash_new.gif) 0 10px no-repeat; padding:0 0 0 33px; margin:12px 0 0 }
#IN-Table td.toprow { padding:0 0 0 18px }
#IN-Table .left { width:176px; padding:19px 34px 0 0 }
#IN-Table .right { width:740px; padding:19px 0 0 }
#IN-Table .right h2 { font-size:22px; line-height:35px; text-transform:uppercase; margin:-5px 75px 24px 6px }
#IN-Table .right h2 b { color:#ef4647 }
#IN-Table b.black { display:block; color:#000;  padding-bottom:4px; padding-top:10px; }
#IN-Table b.red { display:block; font-size:14px; color:#EF4647; text-transform:uppercase }
#IN-Table .right em.darkgray { color:#333 }
#IN-Table .right .list { padding:5px 0 5px 11px }
#IN-Table .right .list li { color:#444; background:url(/images/bullet-ArrowPagingRight.gif) 0 5px no-repeat; padding:0 0 3px 12px }
#IN-Table .login { color:#4d4d4f; padding:0 24px 0 0 }
#IN-Table .login form { margin:0 -24px 8px 0 }
#IN-Table .login input { float:left; width:120px; height:17px; border:1px solid #ccc; font:italic bold 12px Arial; color:#949495; background:#FFF; padding:0 4px; margin:0 5px 0 0 }
#IN-Table .login input.submit { float:left; width:19px; height:18px; color:#FFF; border:0; background:#fe4343; text-align:center; padding:0 !important; padding:0 0 0 4px; margin:0 }
#IN-Table .login a { color:#fe4343; text-decoration:underline }
#IN-Table .login a:hover { color:#000; text-decoration:none }

#LeftNav { text-align:right }
#LeftNav li { font:13px Tahoma; padding:0 0 10px }
#LeftNav li a { color:#000; padding:0 12px 0 0 }
#LeftNav li a:hover, #LeftNav li a.current { color:#fe4343; background:url(/images/bullet-ArrowRed.gif) 100% 5px no-repeat }

/* content blocks */
#IN-Table .contentbox { xclear:both; color:#636466; line-height:17px; padding:0 25px 23px 6px }
#IN-Table .contentbox.nopad { padding:0 0 23px 0 }
#IN-Table .contentbox.float { float:left; clear:none; width:330px; margin:0 }
#IN-Table .contentbox.float2 { float:left; clear:none; width:200px; margin:0 }
#IN-Table .contentbox.minheight { min-height:235px; height:auto !important; height:235px }
#IN-Table .contentbox.minheight2 { min-height:150px; height:auto !important; height:150px }
#IN-Table .contentbox .imgborder { border:1px solid #636466; padding:1px }

/* call to action blue 'become a partner' button */
#IN-Table .c2a-partner { position:relative; float:right; margin:8px 26px -50px -70px }
#IN-Table .c2a-partner2 { position:relative; float:right; margin:-92px 0 -25px }
#IN-Table .c2a-partner3 { position:relative; float:right; margin:8px 26px -125px 0 }
/*----- CONTENT // INTERNAL -----*/

/*----- BLOG -----*/
.blogleft { width:569px; padding:19px 42px }
.blogright { padding:19px 69px 0 0 }

/* main page blog entries list & main blog entry */
.blog-entry-list h1 { font-size:18px; text-transform:uppercase; padding:10px 0 }
.blog-entry-list h1 a { color:#000 }
.blog-entry-list h1 a:hover { color:#fe4343 }
.blog-entry-list li { line-height:17px; color:#636466; border-top:2px solid #000; padding:0 20px 30px 12px }
.blog-entry-list-media { width:537px; height:auto !important; height:197px; }
.blog-entry-list-content { border-bottom:1px solid #c2c3c3; padding:12px 20px 12px 12px; margin:0 -20px 0 -12px }
.blog-entry-list-content a.readmore { background:url(/images/bullet-ArrowRed.gif) 0 4px no-repeat; padding:0 0 0 10px; margin:0 0 0 10px }
.blog-entry-list-content .additional-links { font-size:10px; color:#b2b2b2; text-transform:uppercase; padding:9px 0 0 }
.blog-entry-list-stats { font-size:11px; color:#000; text-transform:uppercase; padding:3px 0 0 }
.blog-entry-list-stats span { font-size:10px; color:#aeaeae; text-transform:lowercase }
.blog-entry-list-stats .comments { float:right }

/* blog entry comments */
.blog-comments-list { line-height:17px; font-size:11px; padding:30px 0 0 }
.blog-comments-list .title { width:557px; color:#a3a3a3; border-top:0; padding:0 0 6px 12px }
.blog-comments-list .title b { font-size:18px; font-weight:normal; color:#000 }
.blog-comments-list li { float:left; clear:both; width:518px; color:#636466; border-top:1px solid #ccc; padding:19px 34px 19px 17px }
.blog-comments-list .person { float:left; width:121px; color:#b0b0b0 }
.blog-comments-list .person b { display:block; color:#000 }
.blog-comments-list .person-comment { float:left; width:397px }
.blog-comments-list .person-comment .date { font-size:10px; color:#919294; text-transform:uppercase; padding:10px 0 0 }

/* leave a comment section */
.leave-a-comment { float:left; clear:both; width:545px; background:#f2f2f2; padding:0 12px 17px }
.leave-a-comment b { line-height:45px; font-size:18px; font-weight:normal; padding:12px 0 15px }
.leave-a-comment span { font:italic 10px Arial; float:right; line-height:45px; }
.leave-a-comment .enter-info { float:left; width:209px }
.leave-a-comment .enter-info input, .leave-a-comment .enter-info select { float:left; clear:both; width:176px; height:20px; font-size:12px; color:#636466; border:1px solid #e1e1e1; padding:0 7px; margin:0 0 9px }
.leave-a-comment .enter-info select { width:192px; padding:0 }
.leave-a-comment .enter-body { float:left }
.leave-a-comment .enter-body textarea { overflow:visible; float:right; clear:both; width:319px; height:169px; font:12px Arial, Helvetica, sans-serif; color:#636466; border:1px solid #e1e1e1; padding:7px; margin:0 0 6px }
.leave-a-comment .enter-body img { float:right; clear:both; margin:0 2px 0 0 }
* html .leave-a-comment .enter-body input { margin:0 -8px 0 0 }
.leave-a-comment .enter-body .characters-remaining { float:left; font-size:11px; padding:2px 0 0 8px }

/* right column category dropdown */
.blog-category-select { border-bottom:1px dashed #c2c3c3; padding:0 0 12px 4px }
.blog-category-select select { width:190px; font-size:12px }

/* right column navigation list // recent posts & archives */
.blog-nav-list li { border-bottom:1px dashed #c2c3c3; padding:3px 4px }
.blog-nav-list a { color:#000 }
.blog-nav-list a:hover { color:#fe4343 }
/*----- BLOG -----*/

/*----- FASTING -----*/
.moving-foward-cd-dvd { width:360px; border:dashed #b1b1b1; border-width:1px 0; padding:10px 0 }
.moving-foward-cd-dvd h1 { font-size:18px; font-weight:bold; color:#000; margin:5px 0 25px }
.moving-foward-cd-dvd br { line-height:13px }
.moving-foward-cd-dvd img { margin:0 10px 0 0 }
.moving-foward-cd-dvd a { font-size:13px; font-weight:bold; background:url(/images/bullet-ArrowPagingRight.gif) 0 5px no-repeat; padding:0 0 0 10px }
.fasting-infoblock { font-size:11px; background:#FFF; border:1px solid #ccc; padding:10px }

/* fasting products */
.fasting-product01, .fasting-product02, .fasting-product03 { float:left; clear:both; width:180px; border:dashed #ccc; border-width:1px 0; padding:3px 10px 10px }
.fasting-product01, .fasting-product03 { border:0 }
/*----- FASTING -----*/

/*----- ABOUT -----*/
.about-box { float:left; clear:both; width:330px; border:dashed #CCC; border-width:1px 0; padding:10px 2px }
.about-box.bottom { margin:-1px 0 0 }
.about-box b { font-size:14px }
.about-box .arrow-link { display:block; float:left; font-weight:bold; background:url(/images/bullet-ArrowPagingRight.gif) 0 5px no-repeat; padding:0 0 0 10px; margin:5px 0 0 }
.dreamseed-infoblock { float:left; display:inline; width:200px; font-size:11px; color:#333333; border:5px solid #9D8461; /*background:#7C9FA5; border:1px solid #ccc;*/ padding:5px; xmargin-right:50px }
/*----- ABOUT -----*/

/*----- VIDEOS -----*/
/* featured video */
.blackbarbox.featvideo { float:left; width:507px; padding-left:7px; margin:0 24px 0 0 }

/* video categories block */
.videocats { float:left; width:173px }
.videocats ul { margin:0 0 30px }
.videocats li { font-family:Tahoma; border-bottom:1px dashed #c5c6c5; padding:4px 2px !important; padding:4px }
.videocats li a { color:#000; padding:0 9px }
.videocats li a:hover, .videocats li a.current { color:#ef4647; background:url(/images/bullet-ArrowRed.gif) 0 4px no-repeat }

/* video thumbnails block */
.video-recent { position:relative; float:right; padding:7px 3px 0 0; margin:0 0 -16px; z-index:100 }
.video-recent span { float:left }
.video-recent a img { cursor:pointer; float:left; width:9px; height:9px; background:#cdcdcd; margin:3px 0 0 6px }
.video-recent a.current img { background:#ef4647 }
.videoslider #thumbnails.SlidingPanels { float: left; width: 735px }
.videoslider #thumbnails .SlidingPanelsContentGroup { float: left; width: 10000px }
.videoslider #thumbnails .SlidingPanelsContent { float: left; width: 735px }
.videoslider #thumbnails .videothumb { float:left; width:98px; font-size:10px; color:#808285; border-right:1px dashed #c9c9c9; padding:7px 9px 7px 14px }
.videoslider #thumbnails .videothumb.start { margin-left:0px }
.videoslider #thumbnails .videothumb.end { border:0; margin-right:-17px }
.videoslider #thumbnails .videothumb a.title-link { display:block; font-size:12px; color:#000 }
.videoslider #thumbnails .videothumb a.title-link:hover { color:#fe4343 }
.videoslider #thumbnails .videothumb .thumbnail { margin:0 0 0 -2px }
.videoslider #thumbnails .videothumb .play-button { position:relative; margin:0 -87px 0 0; z-index:100 }
.detailslider { float:left; width:466px }
.detailslider #thumbnails.SlidingPanels { float: left; width: 466px }
.detailslider #thumbnails .SlidingPanelsContentGroup { float: left; width: 10000px }
.detailslider #thumbnails .SlidingPanelsContent { float: left; width: 466px }
.detailslider #thumbnails .videothumb { float:left; font-size:10px; color:#808285; border-right:1px dashed #c9c9c9; padding:7px 12px 7px 13px }
.detailslider #thumbnails .videothumb.start { margin-left:-13px }
.detailslider #thumbnails .videothumb.end { border:0; margin-right:-17px }

	/* exlcusive to partners */
	.videoslider #thumbnails .exclusive { position:relative; xborder:1px solid #F8943E; background:#FFE6D1 }
	.videoslider #thumbnails .exclusive span { float:left; position:relative; width:88px; height:66px; background:url(/images/overlay-exclusive_thumb.gif); z-index:100; margin:0 -86px 0 0 }
	* html .videoslider #thumbnails .exclusive span { margin:0 -89px 0 1px }
	.videoslider #thumbnails .exclusive .play-button { display:none }

/* video paging */
.video-dropdown { position:relative; float:right; font-size:11px; padding:7px 3px 0 0; margin:0 -11px -16px 0; z-index:100 }
.video-dropdown span { float:left }
.video-dropdown select { width:155px; font-size:11px; border:1px solid #bcbcbc; margin:0 10px }
.video-dropdown img { float:left; padding:3px 11px 4px }

/* current offers [featured products] */
.videolist { float:left; width:700px }
.videolist li { float:left; clear:both; width:630px; color:#636466; border-bottom:1px solid #cdcdcd; padding:10px 65px 10px 5px }
.videolist li:hover { background:#e1f7fb }
.videolist li.end { border:0 }
.videolist .image { float:left; width:110px; height:83px; text-align:center; margin:0 12px 0 0 }
.videolist .image .play-button { position:relative; margin-bottom:-83px }
.videolist .posted { display:block; font-size:10px; color:#808285 }
.videolist h1 { float:none; width:auto; color:#000; font-size:14px; margin:7px 0 4px }
.videolist h1 span { float:right; font-size:18px; color:#ef4647; margin:0 -70px 0 0 }
.videolist h1 a { color:#000 }
.videolist h1 a:hover { color:#fe4343 }
.videolist a.playvideo { background:url(/images/bullet-ArrowRed.gif) 0 4px no-repeat; padding:0 0 0 10px; margin:0 0 0 10px }

	/* exlcusive to partners */
	.videolist .exclusive { xborder:1px solid #F8943E; background:#FFE6D1 }
	.videolist .exclusive .image span { float:left; position:relative; width:110px; height:83px; background:url(/images/overlay-exclusive.gif); z-index:100; margin:0 0 -83px }
	.videolist .exclusive .image .play-button { display:none }

/* testimonials page uses video list layout */
.testimonial { float:left; width:500px; font-size:11px; line-height:15px }
.testimonial-giver { float:left; width:130px; color:#555; font-size:10px; text-transform:uppercase }
.testimonial-giver b { display:block; color:#000; padding:0 0 5px }
/* testimonials page uses video list layout */

/* itinerary page uses video list layout */
.itinerary-info { float:left; width:500px; font-size:12px; line-height:15px }
.itinerary-info .location { display:block; font-size:11px; color:#595959; padding:0 0 10px }
.itinerary-date { float:left; width:130px; color:#555; font-size:10px; text-transform:uppercase }
.itinerary-date b { display:block; font-size:14px; font-weight:normal; color:#fe4343; padding:0 0 5px }
/* itinerary page uses video list layout */

.videodetails { width:704px }
.videodetails .video-back { display:block; height:27px; font-size:11px; padding:5px 0 0 }
.videodetails .flashvideo { float:left }
.flashvideo.spanish_video { float:left; width:275px; height:215px; border:1px solid #909192 }
.videodetails .video-info { float:left; width:194px; line-height:17px; font-size:11px; color:#636466; padding:0 0 0 22px; margin:-5px 0 0 }
.videodetails .video-info .posted { line-height:normal; font-size:10px; color:#777777 }
.videodetails .video-info h1 { line-height:normal; color:#000; font-size:15px; text-transform:uppercase; padding:0; margin:9px 0 36px }
.videodetails .video-info a { display:block; float:left; line-height:normal; font-size:12px; margin:10px 0 0 }
.videodetails .video-info a.share { font-size:11px; background:url(/images/icons/icon-share.gif) 0 1px no-repeat; padding:0 0 3px 21px }
a.share { font-size:11px; background:url(/images/icons/icon-share.gif) 0 1px no-repeat; padding:0 0 3px 21px;}
/*----- VIDEOS -----*/

/*----- PODCASTS -----*/
.podcasts { float:left; width:507px; padding-left:7px; margin:0 24px 0 0 }

/* main page podcast entries list */
.podcast-entry-list h1 { font-size:18px; color:#000; text-transform:uppercase; padding:10px 0 0 }
.podcast-entry-list li { line-height:17px; color:#636466; border-top:2px solid #000; padding:0 20px 30px 12px }
.podcast-entry-list .posted { float:right; font-size:10px; color:#777; text-transform:uppercase; padding:13px 0 0 }
.podcast-entry-list-content { padding:12px 20px 12px 12px; margin:0 -20px 0 -12px }
/*----- PODCASTS -----*/

/*----- STORE -----*/
/* current offers [featured products] */
.featstore { float:left; width:476px; margin:0 24px 0 0 }
.featstorepage { float:left; width:700px }
.featstore li, .featstorepage li { float:left; clear:both; width:406px; color:#636466; border-bottom:1px solid #cdcdcd; padding:15px 65px 10px 5px }
.featstorepage li { width:630px}
.featstore li.end, .featstorepage li.end { border:0 }
.featstore .image, .featstorepage .image { float:left; width:175px; text-align:center; margin:0 5px 0 0 }
.featstorepage .image, .featstorepage .image img { width:135px }
.featstore h1, .featstorepage h1 { float:left; width:226px; font-size:18px; margin:5px 0 4px }
.featstorepage h1 { float:none; width:auto; font-size:14px }
.featstorepage h1 span { float:right; font-size:18px; color:#ef4647; margin:0 -60px 0 0; width:120px; text-align:right; }
.featstore h1 a, .featstorepage h1 a { color:#000 }
.featstore h1 a:hover, .featstorepage h1 a:hover { color:#fe4343 }
.featstore a.view, .featstorepage a.view { float:left; display:block; background:url(/images/bullet-ArrowRed.gif) 0 4px no-repeat; padding:0 0 0 10px; margin:15px 0 0 }
.featstore .new, .featstorepage .new { position:relative; clear:both; width:35px; height:12px; background:url(/images/icons/icon-new.gif) 0 0 no-repeat; margin:8px 0 -20px  77px!important; margin:8px 0 -23px 77px }

.featstorepage.spanish { width:608px; border:0; margin:0 }
/*.featstorepage.spanish li { width:514px }*/

/*.featstorepage.spanish li { float:left; clear:none; width:202px; border:0; padding:5px 0; margin:0 }
.featstorepage.spanish .image { float:left; width:98px }
.featstorepage.spanish .image img { width:98px }
.featstorepage.spanish h1 { font-size:13px; padding-top:4px }
.featstorepage.spanish .info { float:left; width:98px }*/

.featstorepage.spanish li { float:left; clear:none; width:192px; border:0; padding:5px; margin:0; }
.featstorepage.spanish .image { float:left; width:98px; }
.featstorepage.spanish .image img { width:98px; float:left; xborder:solid 1px #FF0000 }
.featstorepage.spanish h1 { font-size:13px; padding-top:4px }
.featstorepage.spanish .info { float:left; width:98px } 
.featstorepage.spanish .view {margin-top:3px; margin-left:5px;}

#StoreList-SideBySide li { float:left; clear:none; width:155px; border:3px solid #ccc; border-width:3px 1px; margin:0 5px 5px 0 }
#StoreList-SideBySide .image { float:none; width:220px; text-align:center; padding:0 0 10px; margin:0 -65px 0 0 }
#StoreList-SideBySide h1 { padding-top:4px }
#StoreList-SideBySide h1 span { width:75px; margin-top:-4px }

/* video categories block */
.popularitems { float:left; width:203px; font-size:11px; color:#4d4d4f }
.popularitems li { float:left; clear:both; width:203px; border-bottom:1px dashed #c3c4c4; padding:20px 0 10px  }
.popularitems li.end { border:0 }
.popularitems a.title { display:block; font-style:normal; font-size:12px; color:#000; padding:10px 0 5px }
.popularitems a.title:hover { color:#fe4343 }
.popularitems img { float:left; clear:both; width:60px; height:60px; /*width:85px; height:95px;*/ padding:0 4px 0 2px }
.popularitems .new { position:relative; width:35px; height:12px; background:url(/images/icons/icon-new.gif) 0 0 no-repeat; margin:0 0 -22px 5px !important; margin:0 0 -24px 5px }
/*.popularitems a img { margin:-10px 0 0 }*/
.popularitems a.view { float:left; display:block; background:url(/images/bullet-ArrowRed.gif) 0 4px no-repeat; padding:0 0 0 10px; margin:10px 0 0 }

/* store category slider */
.store-popularcats { position:relative; float:right; padding:7px 3px 0 0; margin:0 0 -16px; z-index:100 }
.store-popularcats span { float:left }
.store-popularcats a img { cursor:pointer; float:left; width:9px; height:9px; background:#cdcdcd; margin:3px 0 0 6px }
.store-popularcats a.current img { background:#ef4647 }
.storeslider { margin:0 32px 0 0 }
.storeslider #categoryslides.SlidingPanels { float: left; width: 703px }
.storeslider #categoryslides .SlidingPanelsContentGroup { float: left; width: 10000px }
.storeslider #categoryslides .SlidingPanelsContent { float: left; width: 703px }
.storeslider #categoryslides .storecat { float:left; font-size:12px; color:#808285; border-right:1px dashed #c9c9c9; padding:0 6px }
.storeslider #categoryslides .storecat.start { margin-left:-6px }
.storeslider #categoryslides .storecat.end { border:0; margin-right:-6px }
.storeslider #categoryslides .storecat span { display:block; border-bottom:1px solid #e5e5e5; padding:3px 0 3px 5px }
.storeslider #categoryslides .storecat a b { font-weight:normal; color:#000 }
.storeslider #categoryslides .storecat a:hover b { color:#000 }

/* paging */
.store-paging { position:relative; float:right; font-size:11px; padding:9px 20px 0 0; margin:0 -11px -16px 0; z-index:100 }
.store-paging span { float:left }
.store-paging input { float:left; width:13px; height:13px; font-size:11px; border:1px solid #bcbcbc; text-align:center; margin:0 4px }
.store-paging img { float:left; padding:3px 11px 4px }

.store-simple-search { float:right; position:relative; padding:0 40px 0 0; margin:-20px 0 0 }
.store-simple-search input { float:left; font-size:11px; height:16px; border:solid #000; border-width:1px 0 1px 1px; text-align:center; padding:0 10px 0 0 }
.store-simple-search .store-simple-search-go { position:relative; cursor:pointer; width:72px; height:18px; border:0; color:#FFF; background:url(/images/button-BlackSmall-blank.gif) 0 0 no-repeat; padding:0 0 4px; margin:0 0 0 -10px }
* html .store-simple-search .store-simple-search-go { padding:0 }

/* store product details */
.store-back { display:block; height:25px; font-size:11px; margin:0 0 0 5px }
.store-details { float:left; width:476px; margin:0 24px 0 0 }
.store-details h3 { margin-bottom:20px }
.store-details .image { float:left; width:175px; text-align:center; margin:0 10px 0 0 }
.store-details .image img { width:175px }
.store-details .store-titleprice { float:left; width:271px }
.store-details .store-titleprice h1 { font-size:18px; margin:0 0 15px }
.store-details .store-titleprice h1 a { color:#000 }
.store-details .store-titleprice h1 a:hover { color:#fe4343 }
.store-details .store-titleprice span.price { display:block; font-size:18px; color:#fe4343; padding:0 0 15px }
.store-details .store-titleprice input.quantity { float:left; width:50px; border:solid #fe4343; border-width:1px 0 1px 1px; text-align:center; padding:0 10px 0 0 }
.store-details .store-titleprice input.quantity2 { float:left; width:88px; font-weight:bold; color:#fe4343; background:#FFF url(/images/icons/icon-dollar.gif) 0 1px no-repeat; border:solid #fe4343; border-width:1px 0 1px 1px; text-align:left; padding:0 10px 0 12px }
.store-details .store-iteminfo { float:left; clear:both; width:470px; color:#636466; line-height:19px; padding:20px 0 0 }
.store-details .store-iteminfo span.description-title { display:block; font-weight:bold; font-size:11px; color:#000; text-transform:uppercase; padding:0 0 5px }
.store-details .new { position:relative; clear:both; width:35px; height:12px; background:url(/images/icons/icon-new.gif) 0 0 no-repeat; margin:8px 0 -20px  77px!important; margin:8px 0 -23px 77px }
/*----- STORE -----*/

/*----- FOOTER -----*/
#Footer, .footer-push { clear:both; height: 103px; /* .push must be the same height as .footer */ }
#Footer { font-size:10px; color:#abadaf; background:#e5e5e5 }
#Footer .content { width:931px; padding:19px 0 0 21px; margin:0 auto }
#FooterNav { font-size:11px; padding:2px 0 23px; margin:0 0 0 -6px }
#Footer a { color:#abadaf; margin:0 6px }
#Footer a:hover { color:#4d4d4f }
#Footer a.grey { margin:0 }
#Footer a.grey:hover { color:#abadaf }

/* login block */
#Footer .login { float:right; color:#4d4d4f; text-align:right; padding:0 24px 0 0 }
#Footer .login form { margin:0 -24px 8px 0 }
#Footer .login input { float:left; width:120px; height:17px; font:italic bold 12px Arial; color:#949495; border:0; background:#FFF; padding:0 4px; margin:0 5px 0 0 }
#Footer .login input.submit { float:left; width:17px; height:17px; color:#FFF; background:#fe4343; text-align:center; padding:0 !important; padding:0 0 0 4px; margin:0 }
#Footer .login a { color:#fe4343; text-decoration:underline }
#Footer .login a:hover { color:#000; text-decoration:none }
/*----- FOOTER -----*/