@charset "utf-8";
/* CSS Document */



/* -------------- LAYOUT -------------- */
/* -------------- LAYOUT -------------- */
/* -------------- LAYOUT -------------- */

/* This tells all browsers to forget about their settings and use ours */

* {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
}

/*body{
background-image:url(/images/layout/bodyBG.jpg);
background-repeat:repeat-y;
background-position:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}*/

body{
/*text-align:center;*/ /* because ie doesn't always calculate the auto margins correctly */
background-color:#fef3de;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

body p, body li {
font-size:12px; 
font-style:normal;
line-height:16px;
margin-bottom:14px;
}

body p a, body li a {
color:#000;
}

body li {
	list-style-position:inside;
}

/*div#main {
position:relative;
margin:0 auto;
width:746px;
}*/

body h4 {
	font-size:12px;
}

div#main {
position:relative;
margin:0 auto;
padding:0px 24px;/*put BG image here & added 24px left/right padding so internal elements would align correctly in IE6 win.*/
width:746px;
height:auto;
background-image:url(/images/layout/layoutBG.gif);
background-position:center;
background-repeat:repeat-y;
}

div#branding {
width:746px;
height:91px;
background-image:url(/images/layout/Header.jpg);
background-repeat:no-repeat;
position:relative;
text-decoration:none;
}

div#branding h1{
position:absolute;
text-indent:-9999px;
overflow:hidden;
}

div#leftCol {
width:169px;
float:left;
position:relative;
}

div#leftCol a {
color:#000000;
}

h2.anniversaryLogo {
position:relative;
margin:20px 0px 0px 10px;
width:150px;
height:143px;
background-image:url(/images/anniversaryLogo.png);
background-repeat:no-repeat;
text-indent:-9999px;
text-align:center;
text-decoration:none;
}

h2.orderCBkitSide {
position:relative;
margin:20px 0px 0px 0px;
width:170px;
height:200px;
text-indent:-9999px;
text-align:center;
text-decoration:none;
}

h2.orderCBkitSide a {
	position:relative;
	margin:0;
	padding:0;
	width:170px;
	height:200px;
	background-image:url(/images/layout/OrderFREEKit.jpg);
	background-position:0px 0px;
background-repeat:no-repeat;
display:block;
}

h2.orderCBkitSide a:hover {
background-position:0px -200px;
}

div#middleCol {
margin:5px 0px 0px 10px;
width:420px;
float:left;
position:relative;
}

div#rightCol {
width:137px;
float:right;
position:relative;
}

div#rightCol ul li {
margin:0px;
padding:0px;
list-style:none;
position:relative;
}

div#rightCol ul li a {
overflow:hidden;
text-indent:-9999px;
list-style:none;
}

div#rightCol li#share  {
position:relative;
width:137px;
height:25px;
margin:0;
padding:0;
}

div#rightCol li#share a {
overflow:visible;
text-indent:0;
margin:0;
padding:0;
z-index:9999;
}

div#rightCol li#enter a {

position:relative;
width:137px;
height:25px;
display:block;
background-image:url(/images/sidebar/enterToWin5000.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
}

div#rightCol li#cb4s a {
position:relative;
width:137px;
height:24px;
display:block;
background-image:url(/images/sidebar/cookbooks4sale.gif);
background-repeat:no-repeat;
background-position: 0px 0px; 
}

div#rightCol li#find a {
position:relative;
width:137px;
height:24px;
display:block;
background-image:url(/images/sidebar/findArecipe.gif);
background-repeat:no-repeat;
background-position: 0px 0px; 
}

div#rightCol li#tns a {
position:relative;
width:137px;
height:24px;
display:block;
background-image:url(/images/sidebar/typensaveOnline.gif);
background-repeat:no-repeat;
background-position: 0px 0px; 
}

div#rightCol li#estimator {
position:relative;
width:137px;
height:264px;
display:block;
background-image:url(/images/layout/PriceEstimator.jpg);
background-repeat:no-repeat;
background-position: 0px 0px; 
}

div#rightCol li#estimator a {
position:relative;
width:137px;
height:144px;
display:block;
background-image:url(/images/layout/PriceEstimator.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
text-indent:-9999px;
}

div#rightCol p {
padding:20px 20px 20px 25px;
}

div#motto {
margin:10px 0px 15px 0px;
padding:0px;
width:420px;
position:relative;
}

/*div#footer {
clear:both;
margin:0px;
padding:0px;
width:420px;
position:relative;
}*/

div#footer {
clear:both;
position:relative;
top:0px;
left:0px;
margin:0 auto;
padding:0px;
height:40px;
width:794px;
background-image:url(/images/layout/footerBG.gif);
background-position:center top;
background-repeat:no-repeat;
overflow:visible;

}

div#footer p{
text-align:center;
margin:-20px 0px 15px 0px;
padding:15px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
}

div#footer p#footerLinks{
text-align:center;
margin:-15px 0px 15px 0px;
padding:0px 0px 15px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

div#footer a{
color:#000;
}

/* -------------- END LAYOUT -------------- */
/* -------------- END LAYOUT -------------- */
/* -------------- END LAYOUT -------------- */


/* -------------- NAV -------------- */
/* -------------- NAV -------------- */
/* -------------- NAV -------------- */

div#branding ul{
position:absolute;
height:0px;
}

div#branding ul li{
list-style:none;
}

div#branding ul li a{
display:block;
overflow:hidden;
text-indent:-9999px;
}

/* ---------------------------------- */

div#branding h1 a#home{
position:relative;
display:block;
top:8px;
left:10px;
width:166px;
height:69px;
}

div#branding li#contactUs_btn a{
position:absolute;
top:58px;
left:199px;
width:81px;
height:24px;
background-image:url(/images/layout/HeaderMenu.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}

div#branding li#contactUs_btn a:hover {
background-position: 0px -24px;
}

div#branding li#contactUs_btn a#current{
background-position: 0px -24px;
}

div#branding li#siteMap_btn a{
position:absolute;
top:58px;
left:307px;
width:56px;
height:24px;
background-image:url(/images/layout/HeaderMenu.jpg);
background-repeat:no-repeat;
background-position: -109px 0px;
}

div#branding li#siteMap_btn a:hover {
background-position: -109px -24px;
}

div#branding li#siteMap_btn a#current{
background-position: -109px -24px;
}

div#branding li#checkOrder_btn a{
position:absolute;
top:58px;
left:390px;
width:87px;
height:24px;
background-image:url(/images/layout/HeaderMenu.jpg);
background-repeat:no-repeat;
background-position: -192px 0px;
}

div#branding li#checkOrder_btn a:hover {
background-position: -192px -24px;
}

div#branding li#checkOrder_btn a#current{
background-position: -192px -24px;
}

div#branding li#faq_btn a{
position:absolute;
top:58px;
left:505px;
width:25px;
height:24px;
background-image:url(/images/layout/HeaderMenu.jpg);
background-repeat:no-repeat;
background-position: -307px 0px;
}

div#branding li#faq_btn a:hover {
background-position: -307px -24px;
}

div#branding li#faq_btn a#current{
background-position: -307px -24px;
}

div#branding li#search_btn a{
position:absolute;
top:58px;
left:558px;
width:45px;
height:24px;
background-image:url(/images/layout/HeaderMenu.jpg);
background-repeat:no-repeat;
background-position: -359px 0px;
}

div#branding li#search_btn a:hover {
background-position: -359px -24px;
}

div#branding li#search_btn a#current{
background-position: -359px -24px;
}

div#branding div#searchbox{
position:absolute;
top:60px;
left:608px;
width:138px;
height:11px; /* Control the height of the searchbox here instead of the form element itself in layout.asp (or newLayout.asp) */
}

div#branding div#socialLinks {
position:absolute;
top:3px;
right:6px;
width:119px;
height:20px;
}

div#branding div#socialLinks li#twitterLink a {
position:absolute;
top:0;
left:0;
width:20px;
height:20px;
background:url(/images/layout/SocialMediaButtons.jpg) 0 0 no-repeat;	
}

div#branding div#socialLinks li#twitterLink a:hover {
background-position:0 -20px;	
}

div#branding div#socialLinks li#facebookLink a {
position:absolute;
top:0;
left:24px;
width:71px;
height:20px;
background:url(/images/layout/SocialMediaButtons.jpg) -24px 0 no-repeat;	
}

div#branding div#socialLinks li#facebookLink a:hover {
background-position:-24px -20px;	
}

div#branding div#socialLinks li#shareLink a {
position:absolute;
top:0;
left:99px;
width:20px;
height:20px;
background:url(/images/layout/SocialMediaButtons.jpg) -99px 0 no-repeat;
}

div#branding div#socialLinks li#shareLink a:hover {
background-position:-99px -20px;	
}

/* --------------- End general NAV styling --------------- */
/* --------------- Covers pages subnav styling --------------- */

div#covSubnav { /* The browser is assigning additional margin and padding in this div so we'll zero it out. */
margin:0px;
padding:0px;
}

div#covSubnav ul {
position:relative;
margin:0px;
width:100%;
height:15px;
}

div#covSubnav li {
position:absolute;
left:0px;
top:0px;
list-style:none;
}

div#covSubnav li a {
position:absolute;
display:block;
overflow:hidden;
text-indent:-9999px;
}

div#covSubnav li#coverStyles_btn a{
top:0px;
left:102px;
width:92px;
height:15px;
background-image:url(/dsn/covers/crollovers/coverPagesRollovers.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}

div#covSubnav li#coverStyles_btn a:hover {
background-position: 0px -15px;
}

div#covSubnav li#coverStyles_btn a#current{
background-position: 0px -30px;
}

div#covSubnav li#fullCovers_btn a{
top:0px;
left:195px;
width:126px;
height:15px;
background-image:url(/dsn/covers/crollovers/coverPagesRollovers.jpg);
background-repeat:no-repeat;
background-position: -92px 0px;
}

div#covSubnav li#fullCovers_btn a:hover {
background-position: -92px -15px;
}

div#covSubnav li#fullCovers_btn a#current{
background-position: -92px -30px;
}

div#covSubnav li#custCovers_btn a{
top:0px;
left:322px;
width:102px;
height:15px;
background-image:url(/dsn/covers/crollovers/coverPagesRollovers.jpg);
background-repeat:no-repeat;
background-position: -218px 0px;
}

div#covSubnav li#custCovers_btn a:hover {
background-position: -218px -15px;
}

div#covSubnav li#custCovers_btn a#current{
background-position: -218px -30px;
}


/* --------------- End Cover pages subnav styling --------------- */
/* --------------- Divider pages subnav styling --------------- */

div#divSubnav { /* The browser is assigning additional margin and padding in this div so we'll zero it out. */
margin:0px;
padding:0px;
}

div#divSubnav ul {
position:relative;
margin:0 0 8px 0;
width:100%;
height:15px;
}

div#divSubnav li {
position:absolute;
left:0px;
top:0px;
list-style:none;
}

div#divSubnav li a {
position:absolute;
display:block;
overflow:hidden;
text-indent:-9999px;
}

div#divSubnav li#dividerStyles_btn a{
top:0px;
left:71px;
width:102px;
height:15px;
background-image:url(/dsn/dividers/drollovers/dividerPagesRollovers.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}

div#divSubnav li#dividerStyles_btn a:hover {
background-position: 0px -15px;
}

div#divSubnav li#dividerStyles_btn a#current{
background-position: 0px -30px;
}

div#divSubnav li#fullDividers_btn a{
top:0px;
left:176px;
width:138px;
height:15px;
background-image:url(/dsn/dividers/drollovers/dividerPagesRollovers.jpg);
background-repeat:no-repeat;
background-position: -102px 0px;
}

div#divSubnav li#fullDividers_btn a:hover {
background-position: -102px -15px;
}

div#divSubnav li#fullDividers_btn a#current{
background-position: -102px -30px;
}

div#divSubnav li#custDividers_btn a{
top:0px;
left:315px;
width:112px;
height:15px;
background-image:url(/dsn/dividers/drollovers/dividerPagesRollovers.jpg);
background-repeat:no-repeat;
background-position: -240px 0px;
}

div#divSubnav li#custDividers_btn a:hover {
background-position: -240px -15px;
}

div#divSubnav li#custDividers_btn a#current{
background-position: -240px -30px;
}

/* --------------- End Divider pages subnav styling --------------- */
/* --------------- Recipe pages subnav styling --------------- */

div#recSubnav {
margin: 0px; /* Added 0 margin and padding to get rid of browser defaults on top of div */
padding:0px;
}

div#recSubnav ul {
position:relative;
margin:0 0 8px 0;
width:100%;
height:15px;
}

div#recSubnav li {
position:absolute;
left:0px;
top:0px;
list-style:none;
}

div#recSubnav li a {
position:absolute;
display:block;
overflow:hidden;
text-indent:-9999px;
}

div#recSubnav li#collecting_btn a{
top:0px;
left:52px;
width:78px;
height:15px;
background-image:url(/dsn/rec/rrollovers/recipePagesRollovers.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}

div#recSubnav li#collecting_btn a:hover {
background-position: 0px -15px;
}

div#recSubnav li#collecting_btn a#current{
background-position: 0px -30px;
}

div#recSubnav li#free_btn a{
top:0px;
left:133px;
width:40px;
height:15px;
background-image:url(/dsn/rec/rrollovers/recipePagesRollovers.jpg);
background-repeat:no-repeat;
background-position: -78px 0px;
}

div#recSubnav li#free_btn a:hover {
background-position: -78px -15px;
}

div#recSubnav li#free_btn a#current{
background-position: -78px -30px;
}

div#recSubnav li#premium_btn a{
top:0px;
left:176px;
width:64px;
height:15px;
background-image:url(/dsn/rec/rrollovers/recipePagesRollovers.jpg);
background-repeat:no-repeat;
background-position: -118px 0px;
}

div#recSubnav li#premium_btn a:hover {
background-position: -118px -15px;
}

div#recSubnav li#premium_btn a#current{
background-position: -118px -30px;
}

div#recSubnav li#discount_btn a{
top:0px;
left:245px;
width:66px;
height:15px;
background-image:url(/dsn/rec/rrollovers/recipePagesRollovers.jpg);
background-repeat:no-repeat;
background-position: -184px 0px;
}

div#recSubnav li#discount_btn a:hover {
background-position: -184px -15px;
}

div#recSubnav li#discount_btn a#current{
background-position: -184px -30px;
}

div#recSubnav li#options_btn a {
top:0px;
left:315px;
width:108px;
height:15px;
background-image:url(/dsn/rec/rrollovers/recipePagesRollovers.jpg);
background-repeat:no-repeat;
background-position: -250px 0px;
}

div#recSubnav li#options_btn a:hover {
background-position: -250px -15px;
}

div#recSubnav li#options_btn a#current{
background-position: -250px -30px;
}

/* --------------- End Recipe pages subnav styling --------------- */
/* --------------- PRICING AND ORDERS subnav styling --------------- */

div#priceSubnav {
margin: 0px; /* Added 0 margin and padding to get rid of browser defaults on top of div */
padding:0px;
}

div#priceSubnav ul {
position:relative;
margin: 0px 0px 5px 0px;
padding:0;
width:auto;
height:15px;
float:right;
list-style:none;/* list-style usually defined in ul */
}

div#priceSubnav li {
display:inline; /* This puts all the rollovers in a horizontal row */
}

div#priceSubnav ul li a {
margin: 0px;
padding:0px;
float:left; /* without this, the rollovers will stack on top of each other */
text-indent:-9999px;
overflow:hidden;
display:inline-block; /* causes a to fill it's bounding box and the text to indent from that box and display inline */
}

/* --------------- End PRICING AND ORDERS subnav styling --------------- */
/* --------------- Base Prices subnav styling --------------- */

div#priceSubnav li#softPrice_btn a{
width:119px;
height:15px;
background-image:url(/pricing/base/brollovers/pricesPagesRollovers.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
}

div#priceSubnav li#softPrice_btn a:hover {
background-position: 0px -15px;
}

div#priceSubnav li#softPrice_btn a#current{
background-position: 0px -30px;
}

div#priceSubnav li#hardPrice_btn a{
width:111px;
height:15px;
background-image:url(/pricing/base/brollovers/pricesPagesRollovers.gif);
background-repeat:no-repeat;
background-position: -119px 0px;
}

div#priceSubnav li#hardPrice_btn a:hover {
background-position: -119px -15px;
}

div#priceSubnav li#hardPrice_btn a#current{
background-position: -119px -30px;
}

div#priceSubnav li#ringPrice_btn a{
width:90px;
height:15px;
background-image:url(/pricing/base/brollovers/pricesPagesRollovers.gif);
background-repeat:no-repeat;
background-position: -230px 0px;
}

div#priceSubnav li#ringPrice_btn a:hover {
background-position: -230px -15px;
}

div#priceSubnav li#ringPrice_btn a#current{
background-position: -230px -30px;
}

div.pricing a.previous{
position:relative;
display:block;
float:right;
margin:0;
height:25px;
width:162px;
text-decoration:none;
background-image:url(/pricing/base/brollovers/quantitiesRollovers.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow:hidden;
}

div.pricing a.previous:hover {
background-position:-162px 0px;
}

div.pricing a.next{
position:relative;
display:block;
float:right;
margin:0;
height:25px;
width:162px;
text-decoration:none;
background-image:url(/pricing/base/brollovers/quantitiesRollovers.gif);
background-position: 0px -25px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow:hidden;
}

div.pricing a.next:hover {
background-position:-162px -25px;
}

/* --------------- End Base Prices subnav styling --------------- */
/* --------------- Cookbook Options subnav styling --------------- */

div#priceSubnav li#freeFeatures_btn a{
width:100px;
height:15px;
background-image:url(/pricing/opt/cookbookOptionsRollovers.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
}

div#priceSubnav li#freeFeatures_btn a:hover {
background-position: 0px -15px;
}

div#priceSubnav li#freeFeatures_btn a#current{
background-position: 0px -30px;
}

div#priceSubnav li#optFeatures_btn a{
width:125px;
height:15px;
background-image:url(/pricing/opt/cookbookOptionsRollovers.gif);
background-repeat:no-repeat;
background-position: -100px 0px;
}

div#priceSubnav li#optFeatures_btn a:hover {
background-position: -100px -15px;
}

div#priceSubnav li#optFeatures_btn a#current{
background-position: -100px -30px;
}

div.pricing a.prevPrices{
position:relative;
display:block;
float:left;
margin:0;
height:25px;
width:162px;
text-decoration:none;
background-image:url(/pricing/opt/optfeat/morePrevPricesRollovers.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow:hidden;
}

div.pricing a.prevPrices:hover {
background-position:-162px 0px;
}

div.pricing a.morePrices{
position:relative;
display:block;
float:right;
margin:0;
height:25px;
width:162px;
text-decoration:none;
background-image:url(/pricing/opt/optfeat/morePrevPricesRollovers.gif);
background-position: 0px -25px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow:hidden;
}

div.pricing a.morePrices:hover {
background-position:-162px -25px;
}

/* --------------- End Cookbook Options subnav styling --------------- */
/* --------------- Gigantic Discounts subnav styling --------------- */

div#priceSubnav li#discounts_btn a{
width:121px;
height:15px;
background-image:url(/pricing/disc/dsrollovers/giganticDiscountsRollovers.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
}

div#priceSubnav li#discounts_btn a:hover {
background-position: 0px -15px;
}

div#priceSubnav li#discounts_btn a#current{
background-position: 0px -30px;
}

div#priceSubnav li#tns_btn a{
width:74px;
height:15px;
background-image:url(/pricing/disc/dsrollovers/giganticDiscountsRollovers.gif);
background-repeat:no-repeat;
background-position: -121px 0px;
}

div#priceSubnav li#tns_btn a:hover {
background-position: -121px -15px;
}

div#priceSubnav li#tns_btn a#current{
background-position: -121px -30px;
}

div#priceSubnav li#discountF14F15_btn a{
width:136px;
height:15px;
background-image:url(/pricing/disc/dsrollovers/giganticDiscountsRollovers.gif);
background-repeat:no-repeat;
background-position: -195px 0px;
}

div#priceSubnav li#discountF14F15_btn a:hover {
background-position: -195px -15px;
}

div#priceSubnav li#discountF14F15_btn a#current{
background-position: -195px -30px;
}

/* --------------- Gigantic Discounts subnav styling --------------- */

/* -------------- END NAV -------------- */
/* -------------- END NAV -------------- */
/* -------------- END NAV -------------- */


/* -------------- CONTENT -------------- */
/* -------------- CONTENT -------------- */
/* -------------- CONTENT -------------- */

div#content {
margin:0px;
padding:0px;
width:420px;
position:relative;
}

div#content ul.methods {
margin-bottom:16px;
}

div#content .methods li, ul.indent, li.indent {
margin:0px 0px 6px 16px; /* Keeps bullets on the outside of the paragraph */
list-style-position:outside; /* Keeps bullets inside the paragraph */
line-height:1.33;
}

div#content ul.indent li {
margin-bottom:15px;
}

div.head {
position:relative;
margin:0;
padding:0;
top:0px;
bottom:0px;
width:420px;
height:auto;
min-height:1px;
}

div.head p.narrow {
width:226px;
}

div.head div { /* We have to float this div left inside the container div (as opposed to putting it on the image itself) as a workaround for IE. IE created a gutter on the left of about 3px */
float:left;
width:143px;
height:auto;
left:0px;
margin:-5px -10px 0px 0px; /*Negative right margin fixes IE problem of floated div reflow*/
}

div.head h2 {
position:relative;
float:right;
width:272px;
text-indent:-9999px;
background-position:-5px 0;
background-repeat:no-repeat;
margin-top:-5px;
}

div.head p {
position:relative;
float:right;
width:272px;
font-size:14px;
line-height:18px; 
font-style:normal;
}

div#content h2.header {
position:relative;
text-indent:-9999px;
overflow:hidden;
margin:0 0 3px 0;
padding:0;
background-position:0 0;
background-repeat:no-repeat;
}

div#content h3 {
position:relative;
text-indent:-9999px;
overflow:hidden;
margin-bottom:3px;
background-position:0 0;
background-repeat:no-repeat;
}

.leftArrow{
position:relative;
display:block;
text-indent:-9999px;
top:0px;
left:0px;
height:27px;
width:26px;
float:left;
overflow:hidden;
background-repeat:no-repeat;
background-image:url(/shared/arrowleft.gif)
}

.rightArrow{
position:relative;
display:block;
text-indent:-9999px;
top:0px;
left:0px;
height:27px;
width:26px;
float:left;
overflow:hidden;
background-repeat:no-repeat;
background-image:url(/shared/arrowright.gif)
}

/* End General Content */
/* QUESTIONS, SITE MAP, CONTACT US page styling */

div.questions {
margin-bottom:16px;
}

div.questions p{
margin-bottom:12px;
}

div.sitemap ul {
margin:0 0 0 20px;
padding:0 0 8px 0;
}

div.sitemap ul ul {
padding:0;
}

div.sitemap p {
margin-bottom:15px;
}

div.sitemap p, div.sitemap p a, div.sitemap li a {
color:#660000;
font-weight:bold;
}

div.sitemap ul li ul li a, ul.noHead li a {
color:#000000;
font-size:10px;
}

div.sitemap li {
margin:0 0 4px 0;
list-style-position:outside;
list-style:disc;
}

div.sitemap div.twocolLeft {
border-right-color:#660000;
}

div.contactus hr, div.recipe hr, hr {
margin-bottom:12px;
}

div.contactLeft {
position:relative;
width:150px;
float:left;
}

div.contactRight {
width:250px;
float:right;
}

.contactLeft p, .contactRight p {
margin-bottom:4px;
}

/* End QUESTIONS, SITE MAP, CONTACT US page styling */
/* --------------- NEW NEW NEW NEW  --------------- */

div.new h2 {
text-indent:-9999px;
margin:0 0 20px 0;
width:421px;
height:176px;
background-image:url(/new/NewFeatures.jpg);
background-position:top left;
}

div#content h3.new_stock_covers {
width:200px;
height:34px;
margin:0 0;
background-image:url(/new/newStockCovers_head.gif);
}

div#content h3.designer_series_templates {
width:200px;
height:34px;
margin:40px 0 0 0;
background-image:url(/new/designerSeriesTemplates_head.gif);
}

div#content h3.designer_series_cover {
width:200px;
height:34px;
margin:40px 0 0 0;
background-image:url(/new/designerSeriesCover_head.gif);
}

div#content h3.contemporary_photoDividers777 {
width:200px;
height:34px;
margin:40px 0 0 0;
background-image:url(/new/photoDividers_head.gif);
}

div#content h3.retro_dividers788 {
width:200px;
height:34px;
background-image:url(/new/retroDividers_head.gif);
}

div#content h3.new_dividers {
width:200px;
height:34px;
background-image:url(/new/newDividers_head.gif);
}

div#content h3.new_tabs {
width:200px;
height:34px;
margin: 40px 0 0 0;
background-image:url(/new/roundedTabs_head.gif);
}

div.new div.twocolLeft {
border-right-color:#805a89;
}

div#content h3.new_coil {
width:200px;
height:34px;
background-image:url(/new/coil_head.gif);
}

div#content h3.new_dividerSet {
width:200px;
height:34px;
margin:40px 0 0 0;
background-image:url(/new/oneColorDividers_head.gif);
}

/* --------------- End NEW page styling --------------- */
/* --------------- ABOUT US ABOUT US ABOUT US ---------------  */
/* --------------- About Us page styling --------------- */

div.about div.head h2 {
height:106px;
background-image:url(/abt/about_head.gif);
}

div.media div.head h2 {
height:106px;
background-image:url(/abt/media_head.gif);
}

div.about div.head p, div.about div.head p a, div.media div.head p, div.media div.head p a {
color: #375896;
}

div#content h3.ab_hm {
width:196px;
height:159px;
background-image:url(/abt/hm.jpg);
}

div#content h3.ab_supply {
width:232px;
height:34px;
background-image:url(/abt/yousup.gif);
}

div#content h3.ab_success {
width:232px;
height:34px;
background-image:url(/abt/alltheings.gif);
}

div#content h3.ab_quality {
width:94px;
height:34px;
background-image:url(/abt/unqual.gif);
}

div#content h3.ab_norisk {
width:112px;
height:34px;
background-image:url(/abt/norisk.gif);
}

div#content h3.ab_midwest {
width:233px;
height:34px;
background-image:url(/abt/midwest_head.gif);
}

div.ab_timeline{ /* We have to float this div left inside the container div (as opposed to putting it on the image itself) as a workaround for IE. IE created a gutter on the left of about 3px */
position:relative;
float:left; 
}

div.ab_rightCol{
position:relative;
width:240px;
float:right; 
}

div#content h3.ab_norisk {
width:112px;
height:34px;
background-image:url(/abt/norisk.gif);
}

/* --------------- End About Us page styling --------------- */
/* --------------- KEEPSAKE OR FUNDRAISER ---------------  */
/* --------------- Keepsake page styling --------------- */

div.keepsake div.head h2 {
height:106px;
background-image:url(/fundraising/images/keepsake_head.gif);
}


div.keepsake div.head p, div.keepsake div.head p a {
color: #703d23;
}

div#content h3.kp_guest {
width:134px;
height:53px;
background-image:url(/fundraising/images/guest.gif);
}

div#content h3.kp_taste {
width:142px;
height:53px;
background-image:url(/fundraising/images/marin.gif);
}

div#content h3.kp_clover {
width:187px;
height:77px;
background-image:url(/fundraising/images/clover.gif);
}

div#content h3.kp_mochi {
width:182px;
height:98px;
background-image:url(/fundraising/images/mochi.gif);
}

div#content h3.kp_fund {
width:154px;
height:34px;
background-image:url(/fundraising/images/cbfnd.gif);
}

div#content h3.kp_keep {
width:139px;
height:34px;
background-image:url(/fundraising/images/cbkeep.gif);
}

div#content h3.kp_bus {
width:156px;
height:34px;
background-image:url(/fundraising/images/cbbus.gif);
}

div#content h3.profit_success {
width:180px;
height:34px;
background-image:url(/fundraising/images/successSub.gif)
}

div#content h3.profit_notables {
width:180px;
height:34px;
background-image:url(/fundraising/images/notablesSub.gif);
}

/* --------------- End Keepsake page styling --------------- */
/* --------------- MAKE HUGE PROFITS STYLING ---------------  */
div.keepsake div.head h2.profits {
height:106px;
background-image:url(/fundraising/images/profits_head.gif);
}

div.keepsake h4 {
color: #703d23;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:16px;
margin-bottom:4px;
font-weight:normal;
font-style:italic;
}


/* --------------- End Keepsake page styling --------------- */
/* --------------- Landing Page CSS --------------- */

div.landing h2#title {
height:auto;
text-indent:0;	
background-image:none;
color: #703d23;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:23px;
font-weight:normal;
margin-bottom:8px;
}

div.landing h2#title_bold {
height:auto;
text-indent:0;
background-image:none;
color: #703d23;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:23px;
font-weight:bold;
margin-bottom:8px;
}

div.landing h2#title_bold_narrow {
height:auto;
width:226px;	;
text-indent:0;
background-image:none;
color: #703d23;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:23px;
font-weight:bold;
margin-bottom:8px;
}

div#landing_body h3, div#landing_body h3 * {
text-indent:0;
background-image:none;
overflow:visible;
color: #703d23;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
margin-bottom:8px;
}

div#landing_body h3.bold {
height:auto;
width:auto;
text-indent:0;
background-image:none;
overflow:visible;
color: #703d23;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}



div#landing_body p{
margin-bottom:12px;
}

div#landing_body p a{
color:#000000;
}

div#landing_body div.list {
position:relative;
float:left;
padding:0 0 0 35px;
overflow:visible;
}

div#landing_body div.list li a span.red_bold, div#landing_body div.list li span.red_bold{
font-family:Georgia, "Times New Roman", Times, serif;
}

div#landing_body div.list li a em, div#landing_body div.list li em{
font-family:Georgia, "Times New Roman", Times, serif;
}

div#landing_body p.listcolor{
color: #703d23;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:14px;
padding-top:10px;
margin-top:16px;
border-top:#703d23 1px solid;
}

div#landing_body ul, div#landing_body ul a{
margin:0 0 14px 0;
padding:0;
}

div#landing_body li, div#landing_body li a{
list-style-position:outside;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color: #703d23;
font-size:14px;
}

div#landing_body div.clear{
position:relative;
border-top:#703d23 1px solid;
clear:both;
height:16px;
}

div#landing_body img{
margin-bottom:10px;
}

/* --------------- End Landing Page CSS --------------- */
/* --------------- DESIGNING A COOKBOOK ---------------  */
/* --------------- Covers openning page styling --------------- */

div.covers div.head h2 {
background-image:url(/dsn/covers/images/cover_select.gif);
width:278px;
height:106px;
}

div.covers div.head p {
color: #495626;
}

div.covers h3 a.cov_style {
margin:0 7px 0 0;
background-image:url(/dsn/covers/images/cover_style.jpg);
height:209px;
width:135px;
float:left;
}

div.covers h3 a.cov_full {
margin:0 7px 0 0;
background-image:url(/dsn/covers/images/stock_covers.jpg);
height:209px;
width:135px;
float:left;
}

div.covers h3 a.cov_cust {
margin:0;
background-image:url(/dsn/covers/images/custom_covers.jpg);
height:209px;
width:135px;
float:left;
}

/* --------------- End Covers openning page styling --------------- */
/* --------------- Covers Page Headers ---------------  */

/* Cover Styles */

div.styles img {
float:right;
margin:0 0px 20px 20px;
}

div.styles ul {
margin:0px 0px 14px 0px; /* Keeps bullets on the outside of the paragraph */
}

div.styles ul li {
margin:0px 0px 6px 16px; /* Keeps bullets on the outside of the paragraph */
list-style-position:outside; /* Keeps bullets inside the paragraph */
line-height:1.33;
}

div.styles h2#coverStyles {
position:relative;
margin:5px 0px 0px 0px;
height:50px;
width:420px;
background-image:url(/dsn/covers/styles/cover_styles.gif);
}

div.styles h3.softCover {
margin:0px 0 5px 0;
height:23px;
width:102px;
background-image:url(/dsn/covers/styles/type/softcover_sub.gif);
}

div.styles h3.hardCover {
margin:0px 0 5px 0;
height:23px;
width:241px;
background-image:url(/dsn/covers/styles/type/hardback_sub.gif);
}

div.styles h3.paddedRing {
margin:0px 0 5px 0;
height:23px;
width:420px;
background-image:url(/dsn/covers/styles/type/3ring_sub.gif);
}

div.styles h3.freeLam {
margin:0px 0 5px 0;
height:23px;
width:421px;
background-image:url(/dsn/covers/styles/type/linen_sub.gif);
}

div#content h3.imprintInk {
margin:0px 0 5px 0;
height:23px;
width:421px;
background-image:url(/shared/comb/imprintInkColors.gif);
}

div#content h3.imprintType {
margin:0px 0 5px 0;
height:23px;
width:421px;
background-image:url(/shared/comb/imprintTypestyles.gif);
}

/* Full-Color Covers */
div#content h2#fullColorCovers {
position:relative;
margin:5px 0 0px 0;
height:50px;
width:420px;
background-image:url(/dsn/covers/fcstk/fcsmall/full_color.gif);
}

.backtoFull { /* This is between the 'Previous' And 'Next' Arrows */
position:relative;
display:block;
text-indent:-9999px;
top:0px;
left:0px;
height:27px;
width:159px;
float:left;
overflow:hidden;
background-repeat:no-repeat;
background-image:url(/dsn/covers/crollovers/backto.gif)
}

div#content p.wording {
position:relative;
text-indent:-9999px;
height:44px;
width:143px;
overflow:hidden;
background-position:0 0;
background-repeat:no-repeat;
background-image:url(/dsn/covers/fcstk/fclarge/wording.gif)
}

/* Custom Cover Styles  */
div#content h2#customCover {
margin:5px 0 0px 0;
height:50px;
width:421px;
background-image:url(/dsn/covers/custm/cstmhead.gif);
}

div#content div.customDiv { /* This is also used in dcustm.asp as well as custm.asp */
position:relative;
margin:0px auto 10px auto; /* This is the only way to center this div since it is now not text (which is -9999px off the screen) */
text-align:center;
width:330px;
}

div#content h3.cust1color {
position:relative;
margin:0px auto 10px auto; /* This is the only way to center this graphic since it is now not text (which is -9999px off the screen) */
height:23px;
width:252px;
background-image:url(/dsn/covers/custm/cstm1clr.gif);
}

div#content h3.custMultiColor {
position:relative;
margin:0px auto 10px auto; /* This is the only way to center this graphic since it is now not text (which is -9999px off the screen) */
height:23px;
width:271px;
background-image:url(/dsn/covers/custm/cstmmulticlr.gif);
}

div#content h3.custFullColor {
position:relative;
margin:0px auto 10px auto; /* This is the only way to center this graphic since it is now not text (which is -9999px off the screen) */
height:23px;
width:271px;
background-image:url(/dsn/covers/custm/cstmfullclr.gif);
}

div#content h3.doItYourself {
position:relative;
margin:0px 0px 10px0px; /* This is the only way to center this graphic since it is now not text (which is -9999px off the screen) */
height:34px;
width:233px;
background:url(/dsn/covers/custm/doItYourself_head.gif) 0 0 no-repeat;
}

div#content h3.designerCoverTemplate {
position:relative;
margin:0px 0px 10px 0px; /* This is the only way to center this graphic since it is now not text (which is -9999px off the screen) */
height:34px;
width:233px;
background:url(/dsn/covers/custm/useaTemplate_head.gif) 0 0 no-repeat;
}

div#content h3.oneColorDesigns {
	position:relative;
	margin:0px 0px 10px 0px; /* This is the only way to center this graphic since it is now not text (which is -9999px off the screen) */
	height:34px;
	width:233px;
	background:url(/dsn/covers/custm/1colorDesigns_head.gif) 0 0 no-repeat;
}

div#content h3.backCovers {
position:relative;
margin:0px 0px 10px 0px; /* This is the only way to center this graphic since it is now not text (which is -9999px off the screen) */
height:34px;
width:233px;
background:url(/dsn/covers/custm/backCovers_head.gif) 0 0 no-repeat;
}

div#content h3.dividerArtworkAltered {
position:relative;
margin:0px 0px 10px 0px; /* This is the only way to center this graphic since it is now not text (which is -9999px off the screen) */
height:34px;
width:233px;
background:url(/dsn/dividers/dcustm/useAltered_head.gif) 0 0 no-repeat;
}

div#content h3.designerDividerTemplate {
position:relative;
margin:0px 0px 10px 0px; /* This is the only way to center this graphic since it is now not text (which is -9999px off the screen) */
height:34px;
width:255px;
background:url(/dsn/dividers/dcustm/useaTemplate_head.gif) 0 0 no-repeat;
}

.backtoAlter { /* This is between the 'Previous' And 'Next' Arrows */
position:relative;
display:block;
text-indent:-9999px;
top:0px;
left:0px;
height:27px;
width:190px;
float:left;
overflow:hidden;
background-repeat:no-repeat;
background-image:url(/dsn/covers/crollovers/backtoalter.gif)
}

div#content p.titles {
position:relative;
text-indent:-9999px;
height:63px;
width:151px;
overflow:hidden;
background-position:0 0;
background-repeat:no-repeat;
background-image:url(/dsn/covers/custm/alter/alterlarge/titlestype.gif)
}

/* Cover Sliding Panel Styling */

div.customCovers div.SlidingPanels {
	width:420px;
	height:157px;
	background-color:#FFF;
	margin-bottom:12px;
	overflow:hidden;
}

div.customCovers div.SlidingPanelsContentGroup {
	width: 1260px; 
	height:157px;
	overflow:hidden;
}

div.customCovers div.SlidingPanelsContent {
position:relative;
height:157px;
width:420px;
overflow:hidden;
margin:0;
padding:0;
float:left;
}

div.customCovers .SlidingPanelsContent div {
position:relative;
float:left;
width:90px;
height:157px;
margin:0 6px 0 0;
padding:0;
overflow:hidden;
}



div.customCovers .SlidingPanelsContent div h4, div.customCovers .SlidingPanelsContent h4 {
margin:0 0 2px 0;
font-size:14px;
color:#495626;
}



div.customCovers .SlidingPanelsContent div a.viewLarger {
position:absolute;
width:90px;
height:140px;
float:none;
display:inline-block;
top:15px;
left:0px;
text-decoration:none;
text-indent:-9999px;
overflow:hidden;
background:url(/images/ViewLarger.gif) -9999px 0px no-repeat;
}

div.customCovers #cPanel div a.viewLarger {
	top:0;
}

div.customCovers .SlidingPanelsContent div a.viewLarger:hover {
background:url(/images/ViewLarger.gif) center no-repeat;
}

div.customCovers .prev, div.customCovers .next{
width:15px;
height:155px;
top:0;
font-size:12px;
text-indent:-9999px;
overflow:hidden;
}

div.customCovers .prev {
margin:0px 6px 0 0;
}

div.customCovers .next {
	margin:0 0 0 0px;
}

div.customCovers .prev a, div.customCovers .next a{
width:15px;
height:140px;
margin-top:18px;
display:block;
text-decoration:none;
background-color:#f3dcad;
color:#666666;
}

div.customCovers #cPanel .next a {
	margin-top:0;
}


div.customCovers .next a{
background-image:url(/images/arrow_right.gif);
background-position:center;
background-repeat:no-repeat;
}

html>body div.customCovers .next a{
background-image:url(/images/arrow_right.png);
}

div.customCovers .prev a{
background-image:url(/images/arrow_left.gif);
background-position:center;
background-repeat:no-repeat;
}

html>body div.customCovers .prev a{
background-image:url(/images/arrow_left.png);
}

div.customCovers .prev a:hover, div.customCovers .next a:hover{

background-color:#495626;
color:#ffffff;
}

div.customCovers .prev {
float:left;
}

div.customCovers .next {
float:right;
}


/* Liner Headers  */
div#content h3.L1_sub {
margin:0px 0 5px 0;
height:23px;
width:421px;
background-image:url(/dsn/covers/styles/liners/L1_sub.gif);
}

div#content h3.L2_sub {
margin:0px 0 5px 0;
height:23px;
width:421px;
background-image:url(/dsn/covers/styles/liners/L2_sub.gif);
}

div#content h3.L5_sub {
margin:0px 0 5px 0;
height:23px;
width:421px;
background-image:url(/dsn/covers/styles/liners/L5_sub.gif);
}

div#content h3.L9_sub {
margin:0px 0 5px 0;
height:23px;
width:421px;
background-image:url(/dsn/covers/styles/liners/L9_sub.gif);
}


/* Misc Cover Pages  */
div#content h2#combBinding {
margin:0px 0 5px 0;
height:50px;
width:421px;
background-image:url(/shared/comb/combclrshead.gif);
}

div#content h2#coilBinding {
margin:0px 0 5px 0;
height:50px;
width:421px;
background-image:url(/shared/coil/coilcolorshead.gif);
}

div#content h2#imprintedCombBinding {
margin:0px 0 5px 0;
height:50px;
width:421px;
background-image:url(/shared/comb/imprintedCombHeader.gif);
}

div#content h2#printedLiner {
margin:0px 0 5px 0;
height:50px;
width:421px;
background-image:url(/dsn/covers/styles/liners/PL.gif);
}

div#content h2#ezel {
margin:0px 0 5px 0;
height:50px;
width:421px;
background-image:url(/dsn/covers/styles/ezel/ezeltype.gif);
}

div#content h2#typeHead {
margin:0px 0 5px 0;
height:50px;
width:421px;
background-image:url(/shared/type/typehead.gif);
}

div#content h2#inkHead {
margin:0px 0 5px 0;
height:50px;
width:421px;
background-image:url(/shared/inks/inkshead.gif);
}

div#content h2#freeart {
margin:0px 0 5px 0;
height:50px;
width:421px;
background-image:url(/dsn/covers/custm/freeart/FREESERV.gif);
}

div#content h2#custCoversHead {
margin:0px 0 5px 0;
height:50px;
width:421px;
background-image:url(/dsn/covers/custm/alter/alterlarge/alterhead.gif);
}


/* --------------- End Covers Page Headers ---------------  */
/* --------------- Dividers openning page styling --------------- */

div.dividers div.head h2 {
background-image:url(/dsn/dividers/divider_select.gif);
width:278px;
height:106px;
}

div.dividers div.head p, div.dividers div.head p a {
color: #495626;
}

div.dividers h3 a.dv_style {
margin:0 7px 0 0;
background-image:url(/dsn/dividers/divider_style.jpg);
height:209px;
width:135px;
float:left;
}

div.dividers h3 a.dv_full {
margin:0 7px 0 0;
background-image:url(/dsn/dividers/stock_dividers.jpg);
height:209px;
width:135px;
float:left;
}

div.dividers h3 a.dv_cust {
margin:0;
background-image:url(/dsn/dividers/custom_dividers.jpg);
height:209px;
width:135px;
float:left;
}

/* --------------- End Dividers openning page styling --------------- */
/* --------------- Divider Page Headers ---------------  */

/* Divider Styles */
h2#dividerStyles {
position:relative;
margin:5px 0 0px 0;
height:50px;
width:421px;
background-image:url(/dsn/dividers/dstyle/dstyleHead.gif);
}

div#content h3.regDividers {
margin:0px 0 5px 0;
height:23px;
width:166px;
background-image:url(/dsn/dividers/dstyle/regDiv.gif);
}

div#content h3.tabDividers {
margin:0px 0 5px 0;
height:23px;
width:166px;
background-image:url(/dsn/dividers/dstyle/tabDiv.gif);
}

div#content h3.backDividers {
margin:0px 0 5px 0;
height:23px;
width:270px;
background-image:url(/dsn/dividers/dstyle/backsDiv.gif);
}

/* Full-Color Dividers */
div#content h2#fullColorDividers {
position:relative;
margin:5px 0 0px 0;
height:50px;
width:420px;
background-image:url(/dsn/dividers/dfcstk/dfcsmall/dhead.gif);
}

.backtoFullDiv { /* This is between the 'Previous' And 'Next' Arrows */
position:relative;
display:block;
text-indent:-9999px;
top:0px;
left:0px;
height:27px;
width:190px;
float:left;
overflow:hidden;
background-repeat:no-repeat;
background-image:url(/dsn/dividers/drollovers/dbackto.gif)
}

/* Custom Divider Styles  */
div#content h2#customDivider {
margin:5px 0 0px 0;
height:50px;
width:421px;
background-image:url(/dsn/dividers/dcustm/dcstmhead.gif);
}

div#content h3.divCust1color {
position:relative;
margin:0px auto 10px auto; /* This is the only way to center this graphic since it is now not text (which is -9999px off the screen) */
height:23px;
width:271px;
background-image:url(/dsn/dividers/dcustm/dcstm1clr.gif);
}

div#content h3.divCustMultiColor {
position:relative;
margin:0px auto 10px auto; /* This is the only way to center this graphic since it is now not text (which is -9999px off the screen) */
height:23px;
width:288px;
background-image:url(/dsn/dividers/dcustm/dcstmmulticlr.gif);
}

div#content h3.divCustFullColor {
position:relative;
margin:0px auto 10px auto; /* This is the only way to center this graphic since it is now not text (which is -9999px off the screen) */
height:23px;
width:271px;
background-image:url(/dsn/dividers/dcustm/dcstmfullclr.gif);
}

div#content h2#dividerFreeart {
margin:0px 0 5px 0;
height:50px;
width:421px;
background-image:url(/dsn/dividers/dcustm/dfreeart/dfreeserv.gif);
}

div#content h2#paperColor {
margin:0px 0 5px 0;
height:50px;
width:421px;
background-image:url(/shared/paperColor/stkpaperhead2.gif);
}

div#content h2#alterDividers {
position:relative;
margin:5px 0 0px 0;
height:50px;
width:421px;
background-image:url(/dsn/dividers/d1cstk/d1csmall/d1chead.gif);
}

div#content h2#designerDividers {
position:relative;
margin:5px 0 0px 0;
height:50px;
width:421px;
background-image:url(/dsn/dividers/dseries/dseries_head.gif);
}

.backtoAlterDiv { /* This is between the 'Previous' And 'Next' Arrows */
position:relative;
display:block;
text-indent:-9999px;
top:0px;
left:0px;
height:27px;
width:130px;
float:left;
overflow:hidden;
background-repeat:no-repeat;
background-image:url(/dsn/dividers/drollovers/dbackto1c.gif)
}

.paperColorThumb { /* This is the paper swatches for Alterable Dividers */
	position:relative;
	display:block;
	text-indent:-9999px;
	top:0px;
	left:0px;
	height:50px;
	width:421px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-image:url(/dsn/dividers/d1cstk/d1clarge/1cpaper.gif);
	background-position:47px 0px;
}

div.dtoption {
	float:left;
	width:125px;
	position:relative;
}

div.dtoption p {
	text-align:center;
	font-weight:bold;
}

div.dtoption a {
position:relative;
top:0;
left:0;
text-indent:-9999px;
text-decoration:none;
width:125px;
height:190px;
display:block;
z-index:1;
}

div.dtoption a:hover {
background:url(/images/ViewLarger.gif) center center no-repeat;
}

div#wedding {
	background:url(/dsn/dividers/dseries/dtlarge/DT3optionWedding.jpg) top left no-repeat;
}

div#noart {
	background:url(/dsn/dividers/dseries/dtlarge/DT3optionNoArt.jpg) top left no-repeat;
}

/* --------------- End Divider Page Headers ---------------  */
/* --------------- Recipe openning pages styling --------------- */

div.recipe div.head h2 {
background-image:url(/dsn/rec/recipe_pages.gif);
width:278px;
height:106px;
}

div.recipe div.head p, div.recipe div.head p a {
color: #495626;
}

div.recipe h3 a.rec_collect {
position:relative;
margin:0 0 7px 0;
height:72px;
width:420px;
display:block; /* without this, background-image will not show up */
background-image:url(/dsn/rec/collecting_recipes.jpg);
}

div.recipe h3 a.rec_free {
position:relative;
margin:0 0 7px 0;
height:72px;
width:420px;
display:block; /* without this, background-image will not show up */
background-image:url(/dsn/rec/free_recipe.jpg);
}

div.recipe h3 a.rec_premium {
position:relative;
margin:0 0 7px 0;
height:72px;
width:420px;
display:block; /* without this, background-image will not show up */
background-image:url(/dsn/rec/premium_recipe.jpg);
}

div.recipe h3 a.rec_discount {
position:relative;
margin:0 0 7px 0;
height:72px;
width:420px;
display:block; /* without this, background-image will not show up */
background-image:url(/dsn/rec/discount_recipe.jpg);
}

div.recipe h3 a.rec_options {
position:relative;
margin:0 0 20px 0;
height:72px;
width:420px;
display:block; /* without this, background-image will not show up */
background-image:url(/dsn/rec/optional_features.jpg);
}


div.recipe div.images {
position:relative;
width:250px;
float:right;
}

div#recipeFormat {
	position:relative;
	width:420px;
	height:309px;
	background-position:0 0;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

div#recipeFormat a {
	position:absolute;
	width:420px;
	height:309px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background:url(/images/ViewLargerLG2.gif) -420px -309px no-repeat;
}

div#recipeFormat a:hover {
	background-position:center center;
}

/* --------------- End Recipe openning pages styling --------------- */
/* --------------- Recipe Page Headers ---------------  */

h2#recCollecting{
position:relative;
margin:5px 0 0px 0;
height:50px;
width:420px;
background-image:url(/dsn/rec/cltrcp/CR.gif);
}

h2#freeRecFormats{
position:relative;
margin:5px 0 0px 0;
height:57px;
width:420px;
background-image:url(/dsn/rec/rrollovers/freehd.gif);
}

h2#premRecFormats{
position:relative;
margin:5px 0 0px 0;
height:57px;
width:420px;
background-image:url(/dsn/rec/rrollovers/premhd.gif);
}

h2#premRecFormats25{
position:relative;
margin:5px 0 0px 0;
height:57px;
width:420px;
background-image:url(/dsn/rec/rrollovers/premhd25.gif);
}

h2#premRecFormats30{
position:relative;
margin:5px 0 0px 0;
height:57px;
width:420px;
background-image:url(/dsn/rec/rrollovers/premhd30.gif);
}

h2#premRecFormats35{
position:relative;
margin:5px 0 0px 0;
height:57px;
width:420px;
background-image:url(/dsn/rec/rrollovers/premhd35.gif);
}

h2#premRecFormats01{
position:relative;
margin:5px 0 0px 0;
height:57px;
width:420px;
background-image:url(/dsn/rec/rrollovers/premhd01.gif);
}

h2#discRecFormats{
position:relative;
margin:5px 0 0px 0;
height:57px;
width:420px;
background-image:url(/dsn/rec/rrollovers/valuhd20.gif);
}

h2#recFormatOptions{
position:relative;
margin:5px 0 0px 0;
height:50px;
width:420px;
background-image:url(/dsn/rec/optfeat/rfo.gif);
}

/* --------------- End Recipe Page Headers ---------------  */
/* --------------- Recipe Format Options (optfeat.asp) Page Subheads */

div#content h3.inkColor{
margin:0px 0 8px 0;
height:34px;
width:88px;
background-image:url(/dsn/rec/optfeat/tinkColor.gif);
}

div#content h3.paperColor{
margin:0px 0 5px 0;
height:34px;
width:88px;
background-image:url(/dsn/rec/optfeat/tpaperColor.gif);
}

div#content h3.recipeNotes{
margin:0px 0 8px 0;
height:34px;
width:65px;
background-image:url(/dsn/rec/optfeat/tnotes.gif);
}

div#content h3.recipeSubs{
margin:0px 0 8px 0;
height:34px;
width:149px;
background-image:url(/dsn/rec/optfeat/tsubheads.gif);
}

div#content h3.recipeFillers{
margin:0px 0 8px 0;
height:34px;
width:69px;
background-image:url(/dsn/rec/optfeat/tfillers.gif);
}

div#content h3.ncRecipes{
margin:0px 0 8px 0;
height:34px;
width:118px;
background-image:url(/dsn/rec/optfeat/tnc.gif);
}

div#content h3.recipeMenus{
margin:0px 0 8px 0;
height:34px;
width:79px;
background-image:url(/dsn/rec/optfeat/recipeMenus.gif);
}

div#content h3.recipeSymbols{
margin:0px 0 8px 0;
height:34px;
width:95px;
background-image:url(/dsn/rec/optfeat/recipeSymbols.gif);
}

/* --------------- End Recipe Format Options (optfeat.asp) Page Subheads */
/* Other Recipe Format Options styles for FREE, PREMIUM, & DISCOUNT */

.backtoFree { /* This is between the 'Previous' And 'Next' Arrows */
position:relative;
display:block;
text-indent:-9999px;
top:0px;
left:0px;
height:27px;
width:160px;
float:left;
overflow:hidden;
background-repeat:no-repeat;
background-image:url(/dsn/rec/rrollovers/backtofree.gif)
}

.backtoPrem { /* This is between the 'Previous' And 'Next' Arrows */
position:relative;
display:block;
text-indent:-9999px;
top:0px;
left:0px;
height:27px;
width:160px;
float:left;
overflow:hidden;
background-repeat:no-repeat;
background-image:url(/dsn/rec/rrollovers/backtoprem.gif)
}

.backtoDisc { /* This is between the 'Previous' And 'Next' Arrows */
position:relative;
display:block;
text-indent:-9999px;
top:0px;
left:0px;
height:27px;
width:160px;
float:left;
overflow:hidden;
background-repeat:no-repeat;
background-image:url(/dsn/rec/rrollovers/backtovalu.gif)
}

div.artText {
margin:0 0 20px 0;
padding:4px;
font-size:12px;
width:190px;
height:auto;
float:right;
background-color:#FFCC33;
}

div.note table {
float:right;
font-size:12px;
width:196px;
margin: 0 0 0 20px;
}

/* End Other Recipe Format Options styles for FREE, PREMIUM, & DISCOUNT */
/* --------------- 
 Pages openning page styling --------------- */

div.personal div.head h2 {
background-image:url(/dsn/pers/personal_pages.gif);
width:278px;
height:106px;
}

div.personal div.head p, div.personal div.head p a {
color: #495626;
}

div.personal h3.pers_art {
margin:0;
background-image:url(/dsn/pers/art_sub.gif);
height:23px;
width:420px;
float:left;
}

div.personal h3.pers_designs {
margin:0;
background-image:url(/dsn/pers/designs_sub.gif);
height:23px;
width:420px;
float:left;
}

div.personal h3.pers_check {
margin:0;
background-image:url(/dsn/pers/chk_sub.gif);
height:23px;
width:74px;
float:left;
}

div.personal h3.pers_vineyard {
margin:0;
background-image:url(/dsn/pers/vine_sub.gif);
height:23px;
width:95px;
float:left;
}

div.personal h3.pers_hb {
margin:0;
background-image:url(/dsn/pers/hb_sub.gif);
height:23px;
width:147px;
float:left;
}

div.personal h3.pers_classic {
margin:0;
background-image:url(/dsn/pers/clssc_sub.gif);
height:23px;
width:79px;
float:left;
}

div.personal h3.pers_florette {
margin:0;
background-image:url(/dsn/pers/flor_sub.gif);
height:23px;
width:79px;
float:left;
}

div.personal h3.pers_diamond {
margin:0;
background-image:url(/dsn/pers/dia_sub.gif);
height:23px;
width:97px;
float:left;
}

div.personal h3.pers_culinary {
margin:0;
background-image:url(/dsn/pers/cul_sub.gif);
height:23px;
width:91px;
float:left;
}

div.personal h3.pers_basic {
margin:0;
background-image:url(/dsn/pers/basic_sub.gif);
height:23px;
width:56px;
float:left;
}

div.personal hr {
margin-bottom:20px;
}



/* --------------- End Personal Pages openning page styling ---------------  */
/* --------------- Personal Page Headers ---------------  */

div#content h2#personalPagePackage {
margin:0px 0 5px 0;
height:50px;
width:425px;
background-image:url(/dsn/pers/pershead.gif);
}

div.personal h3.pers_title {
margin:0;
background-image:url(/dsn/pers/links/title.gif);
height:23px;
width:97px;
}

div.personal h3.pers_personalPages {
margin:0;
background-image:url(/dsn/pers/links/personal.gif);
height:23px;
width:155px;
}

div.personal h3.pers_pbotos {
margin:0;
background-image:url(/dsn/pers/links/photos.gif);
height:23px;
width:71px;
}

div.personal h3.pers_table {
margin:0;
background-image:url(/dsn/pers/links/toc.gif);
height:23px;
width:173px;
}

div.personal h3.pers_mailOrder {
margin:0;
background-image:url(/dsn/pers/links/mailorder.gif);
height:23px;
width:166px;
}

div.personal h3.pers_index {
margin:0;
background-image:url(/dsn/pers/links/index_sub.jpg);
height:23px;
width:326px;
}

div.personal h2#pers_submitPDF {
margin:0px 0 0px 0;
background-image:url(/submit/submit_head.gif);
height:50px;
width:421px;
}

/* --------------- End Personal Page Headers ---------------  */
/* --------------- PRICING & ORDERS PRICING & ORDERS ---------------  */
/* --------------- Pricing Section Tables ---------------  */

table.price {
border:none; 
border-collapse:collapse;
border-left: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
/* white-space:nowrap; */
clear:both;
}

table.price td {
padding:2px 4px;
font-size:11px;
border-right: #CCCCCC 1px solid;
}

table.price thead tr.top td {
	padding:4px 0px;
}

table.price tbody.bordered td {
	border-bottom: #CCCCCC 1px solid;
}

table.price tbody tr.highlight td {
	background-color:#FBFDA5;
}

table.price tfoot td {
	padding:6px 6px 0px 6px;
}

table.price td a {
font-size:11px;
color:#000000;
}

table.price td p {
margin-bottom:7px;
}

table.price tr.top td {
background-color:#cccccc;
padding:0;
border-right:#fff 1px solid;
}

table.price tr.top td p {
padding:4px;
}

table.price td.profit {
background-image:url(/pricing/base/profitPerBook.gif);
background-position:center;
background-repeat:no-repeat;
} 

table.price tr.top td.last {
border-right: #CCCCCC 1px solid;
}

table.price p {
font-size:11px;
line-height:1em;
}

table.price td.recipeKey {
background-image:url(/pricing/opt/free/recipeKey.gif);
background-position:center right;
background-repeat:no-repeat;
}

table.price td.pagesKey {
background-image:url(/pricing/opt/free/pagesKey.gif);
background-position:center right;
background-repeat:no-repeat;
}

table.price td.coverKey {
background-image:url(/pricing/opt/free/coverKey.gif);
background-position:center right;
background-repeat:no-repeat;
}

table.price td.dividersKey {
background-image:url(/pricing/opt/free/dividersKey.gif);
background-position:center right;
background-repeat:no-repeat;
}

table.price td.salesKey {
background-image:url(/pricing/opt/free/salesKey.gif);
background-position:center right;
background-repeat:no-repeat;
}

table.price td.miscKey {
background-image:url(/pricing/opt/free/miscKey.gif);
background-position:center right;
background-repeat:no-repeat;
}

/* --------------- Pricing Section Tables ---------------  */
/* --------------- Seminar Registration ---------------  */
/* --------------- Seminar Section Tables ---------------  */

table.seminar {
border:none; 
border-collapse:collapse;
border-left: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
border-top: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
/* white-space:nowrap; */
clear:both;
margin:0px 0px 10px 0px;
}

table.seminar td {
padding:2px 4px;
font-size:11px;
}

table.seminar td a {
font-size:11px;
color:#000000;
}

table.seminar td p {
margin:0;
}

table.seminar tr.tan td {
background-color:#f1eade;
}

table.seminar tr.top td p {
padding:4px;
}

table.seminar td.profit {
background-image:url(/pricing/base/profitPerBook.gif);
background-position:center;
background-repeat:no-repeat;
} 

table.seminar tr.top td.last {
border-right: #CCCCCC 1px solid;
}

table.seminar p {
font-size:11px;
line-height:14px;
}

/* --------------- End Pricing Section Tables ---------------  */
/* --------------- Base Prices openning page styling ---------------  */

div.pricing div.head h2 {
background-image:url(/pricing/base/baseprice_select.gif);
width:278px;
height:106px;
}

div.pricing div.head p, div.pricing div.head a {
color: #B64829;
}

div.pricing h3 a.price_soft {
margin:0 7px 0 0;
background-image:url(/pricing/base/softcover_price.jpg);
height:209px;
width:135px;
float:left;
}

div.pricing h3 a.price_hard {
margin:0 7px 0 0;
background-image:url(/pricing/base/hardback_price.jpg);
height:209px;
width:135px;
float:left;
}

div.pricing h3 a.price_ring {
margin:0;
background-image:url(/pricing/base/3ring_pricing.jpg);
height:209px;
width:135px;
float:left;
}

/* --------------- End Base Prices openning page styling ---------------  */
/* --------------- Base Prices Page Headers ---------------  */

/* Soft Cover Prices */
h2#softCoverPrices {
position:relative;
margin:5px 0 5px 0;
height:50px;
width:421px;
background-image:url(/pricing/base/schead.gif);
}

/* Hardback Prices */
h2#hardCoverPrices {
position:relative;
margin:5px 0 5px 0;
height:50px;
width:421px;
background-image:url(/pricing/base/hbhead.gif);
}

/* 3-Ring Prices */
h2#ringCoverPrices {
position:relative;
margin:5px 0 5px 0;
height:50px;
width:421px;
background-image:url(/pricing/base/3rhead.gif);
}

/* --------------- End Base Prices Page Headers ---------------  */
/* ------ FREE & Optional Features openning pages styling ------ */

div.options div.head h2 {
background-image:url(/pricing/opt/options_head.gif);
width:278px;
height:106px;
}

div.options div.head p, div.options div.head p a {
color: #B64829;
}

div.options h3 a.freeFeatures {
position:relative;
margin:0 0 7px 0;
height:86px;
width:421px;
display:block; /* without this, background-image will not show up */
background-image:url(/pricing/opt/free_features.jpg);
}

div.options h3 a.optFeatures {
position:relative;
margin:0 0 7px 0;
height:86px;
width:421px;
display:block; /* without this, background-image will not show up */
background-image:url(/pricing/opt/optional_features.jpg);
}

/* ------ End FREE & Optional Features openning pages styling ------ */
/* --------------- FREE & Optional Features Page Headers ---------------  */

/* Free Features */
h2#freeFeatures {
position:relative;
margin:5px 0 5px 0;
height:50px;
width:421px;
background-image:url(/pricing/opt/free/freehead.gif);
}

/* Optional Features */
h2#optFeatures {
position:relative;
margin:5px 0 5px 0;
background-image:url(/pricing/opt/optfeat/opthead.gif);
height:50px;
width:421px;
}

div.pricing h3#optFeatCoversHead {
position:relative;
text-align:center;
margin:5px auto 10px auto;
background-image:url(/pricing/opt/optfeat/covers.gif);
background-position:center;
background-repeat:no-repeat;
height:23px;
width:100%; /* making the box model width 100% and centering the background-position is what finally got this sucka centered */
}

div.pricing h3#optFeatDividersHead {
position:relative;
text-align:center;
margin:20px auto 10px auto; 
background-image:url(/pricing/opt/optfeat/dividers.gif);
background-position:center;
background-repeat:no-repeat;
height:23px;
width:100%; /* making the box model width 100% and centering the background-position is what finally got this sucka centered */
}

div.pricing h3#optRecPagesHead {
position:relative;
text-align:center;
margin:5px auto 10px auto;
background-image:url(/pricing/opt/optfeat/recipe.gif);
background-position:center;
background-repeat:no-repeat;
height:23px;
width:100%; /* making the box model width 100% and centering the background-position is what finally got this sucka centered */
}

div.pricing h3#optPersonalPagesHead {
position:relative;
text-align:center;
margin:20px auto 10px auto;
background-image:url(/pricing/opt/optfeat/perspgs.gif);
background-position:center;
background-repeat:no-repeat;
height:23px;
width:100%; /* making the box model width 100% and centering the background-position is what finally got this sucka centered */
}

div.pricing h3#optExtrasHead {
position:relative;
text-align:center;
margin:20px auto 10px auto;
background-image:url(/pricing/opt/optfeat/ckbk.gif);
background-position:center;
background-repeat:no-repeat;
height:23px;
width:100%; /* making the box model width 100% and centering the background-position is what finally got this sucka centered */
}

div.pricing h3#optToolsHead {
position:relative;
text-align:center;
margin:20px auto 10px auto;
background-image:url(/pricing/opt/optfeat/mktg.gif);
background-position:center;
background-repeat:no-repeat;
height:23px;
width:100%; /* making the box model width 100% and centering the background-position is what finally got this sucka centered */
}

div.pricing h3#optMiscHead {
position:relative;
text-align:center;
margin:20px auto 10px auto;
background-image:url(/pricing/opt/optfeat/misc.gif);
background-position:center;
background-repeat:no-repeat;
height:23px;
width:100%; /* making the box model width 100% and centering the background-position is what finally got this sucka centered */
}

/* --------------- End FREE & Optional Features Page Headers ---------------  */
/* --------------- Gigantic Discounts openning page and GENERAL styling ---------------  */

div.discounts div.head h2 {
background-image:url(/pricing/disc/discounts_head.gif);
width:278px;
height:106px;
}

div.discounts div.head p, div.discounts div.head a {
color: #B64829;
}

div.discounts h3 a.coupons {
margin:0 7px 0 0;
background-image:url(/pricing/disc/seasonal_coupons.jpg);
height:209px;
width:135px;
float:left;
}

div.discounts h3 a.tns {
margin:0 7px 0 0;
background-image:url(/pricing/disc/typensave.jpg);
height:209px;
width:135px;
float:left;
}

div.discounts h3 a.discFormats {
margin:0;
background-image:url(/pricing/disc/discount_formats.jpg);
height:209px;
width:135px;
float:left;
}

/* GENERAL Styling (Splits the page into 2 columns */
div.discTwoColLeft {
position:relative;
float:left;
left:0px;
width:213px;
height:auto;
padding:0;
margin-bottom:10px;
}

div.discTwoColRight {
position:relative;
float:right;
right:0px;
width:197px;
height:auto;
margin-bottom:10px;
}

.discTable td{
font-size:12px;
}

.discTable td a{
color:#000000;
}

/* --------------- End Gigantic Discounts openning page styling ---------------  */
/* --------------- Gigantic Discounts Page Headers ---------------  */

/* Seasonal Coupons */
h2#seasonalCoupons {
position:relative;
margin:5px 0 5px 0;
height:50px;
width:421px;
background-image:url(/pricing/disc/coups/couphead.gif);
}

/* typensave */
h2#typensave {
position:relative;
margin:5px 0 5px 0;
background-image:url(/pricing/disc/tns/tnshead.gif);
height:50px;
width:421px;
}

/* --------------- End Gigantic Discounts Page Headers ---------------  */
/* --------------- Orders & Reprints Page Headers ---------------  */

div.orders div.head h2 {
background-image:url(/pricing/order/orders_head.gif);
height:106px;
}

div.orders div.head p, div.orders div.head a {
color: #B64829;
}

div.orders div.twocolLeft {
border-right-color:#B64829;
}



div.orders ul li.priceCheck {
list-style-image:url(/pricing/order/priceCheck.gif);
}







/* --------------- End Orders & Reprints Page Headers ---------------  */
/* --------------- TERMS & CONDITIONS --------------- */

div.terms div.head h2 {
background-image:url(/terms/terms_head.gif);
height:106px;
}

div.terms div.head p {
color: #c37444;
}

div.terms div.twocolLeft {
border-right-color:#c37444;
}

div.terms hr {
	height:1px;
	background:#c37444;
	border:none;
}

div h3.howToOrder {
background-image:url(/terms/how_to_order_sub.gif);
height:23px;
width:210px;
}

div h3.reprints {
background-image:url(/terms/reprint_sub.gif);
height:23px;
width:200px;
}

div.terms h3.prv_norisk {
background-image:url(/terms/norisk.gif);
height:23px;
width:200px;
}

div.terms h3.prv_ship {
background-image:url(/terms/shp.gif);
height:23px;
width:300px;
}

div.terms h3.inspecting {
background-image:url(/terms/inspecting.gif);
height:23px;
width:300px;
}

div.terms h3.prv_normal {
background-image:url(/terms/nrml.gif);
height:23px;
width:300px;
}

div.terms h3.prv_rush {
background-image:url(/terms/27day.gif);
height:23px;
width:300px;
}

div.terms h3.prv_letter {
background-image:url(/terms/ltr.gif);
height:23px;
width:200px;
}

div.terms h3.prv_proof {
background-image:url(/terms/proof.gif);
height:23px;
width:150px;
}

div.terms h3.prv_terms {
background-image:url(/terms/terms.gif);
height:23px;
width:200px;
}

/* --------------- End What We Provide page styling --------------- */
/* --------------- DOWNLOAD CENTER DOWNLOAD CENTER --------------- */

div.download div.head h2 {
background-image:url(/dc/download_center.gif);
height:106px;
}

div#content h3.dc_head {
height:auto;
width:auto;
background-image:none;
text-indent:0;
overflow:visible;
color:#660000;
font-size:14px;
text-align:center;
border-bottom:#660000 1px solid;
padding-bottom:2px;
margin-bottom:10px;
}

div.download div.head p, div.download div.head p a {
color:#660000;
}

div.download img.reader {
margin-top:3px;
}

div.download ul {
list-style-position:inside;
margin:-10px 0 12px 50px;
}

div.download a.button{
position:relative;
float:left;
margin:-2px 3px 0 0;
height:22px;
width:82px;
text-decoration:none;
background-image:url(/dc/download.png);
background-position:0 0;
background-repeat: no-repeat;
text-indent:-9999px;
overflow:hidden;
}

div.download a.button:hover {
background-position:0 -22px;
}

/* --------------- End Download Center Styling --------------- */
/* ---------- Begin Request Info Styling -------------- */


div.requestinfo {
text-align:center;
position:relative;
}

div.requestinfo fieldset {
text-align:right;
margin-bottom:12px;
border:none;
border-bottom:#333333 1px solid;
}

div.requestinfo .short {
width:175px;
margin-right:100px;
}

div.requestinfo .shorter {
width:50px;
margin-right:225px;
}

div.requestinfo .estimate {
width:75px;
margin-right:50px;
}

div.requestinfo .source {
width:175px;
margin-right:50px;
}

div.requestinfo p {
position:relative;
}

div.requestinfo .country {
position:absolute;
right:0px;
top:0px;
text-align:center;
padding:4px 8px;
background-color:#CCCCCC;
}

div.requestinfo .outside {
text-align:center;
padding:4px 8px;
background-color:#CCCCCC;
color:#660000;
}

.captcha_alert {
background-color:#FFFF99;
border:#660000 3px double;
color:#660000;
font-weight:bold;
font-size:14px;
padding:8px;
text-align:center;
}

/* ---------- End Request Info Styling -------------- */
/* ---------- Begin Search Styling ------------------ */

.search a {
color:#660000;
}

.search a:visited {
color:#666666;
}

.highlight { background:#FFFF99; }

.searchheading { font-size: 16px; font-weight: bold; color: #6f1f21; line-height:16px;}
.summary { font-size: 12px; font-style: italic; }
.suggestion { font-size: 12px; }
.results { font-size: 12px; }
.category { color: #666666; }
.sorting { text-align: right; }

.result_title { font-size: 12px; }		
.description { font-size: 12px; color: #339933; }
.context { font-size: 12px; }
.infoline { font-size: 11px; font-style: normal; color: #666666;}

.zoom_searchform { font-size: 12px; }
.zoom_results_per_page { font-size: 11px; margin-left: 10px; }
.zoom_match { font-size: 11px; margin-left: 10px;}				
.zoom_categories { font-size: 11px; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }

input.zoom_button {  }
input.zoom_searchbox {  }		

.result_image { float: left; display: block; }
.result_image img { margin: 10px; width: 80px; border: 0px; }

.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }

.result_pages { font-size: 12px; }
.result_pagescount { font-size: 12px; }

.searchtime { font-size: 11px; }

.recommended 
{ 
	background: #DFFFBF; 
	border-top: 1px dotted #808080; 
	border-bottom: 1px dotted #808080; 
	margin-top: 15px; 
	margin-bottom: 15px; 
}
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
.zoom_searchbox {
width:120px;
}

/* ---------- End Search Styling ------------------ */
/* ---------- Begin Two Column Styling -------------- */

div.twocolLeft {
position:relative;
float:left;
left:0px;
width:199px;
height:auto;
padding:0 10px 0 0;
margin-bottom:10px;
border-right-style:solid;
border-right-width:1px;
}

div.twocolLeft p, div.twocolRight p {
width:199px;
}

div.keepsake div.twocolLeft {
border-color:#703d23;
}

div.twocolRight {
position:relative;
float:right;
right:0px;
width:200px;
height:auto;
margin-bottom:10px;
}

/* ---------- End Two Column Styling -------------- */
/* ---------- Begin Generic Styling / Fonts -------------- */


.bright_red {
color:#C00;
font-weight:bold;
}

.red, .red a {
color:#C00;
}


.red_bold, .red_bold a {
color:#C00;
font-weight:bold;
}

.lightRed_bold, .lightRed_bold a {
color:#a51526;
font-weight:bold;
}

.large_red_bold, .large_dark_red {
font-size:18px; 
font-style:normal;
color:#C00;
font-weight:bold;
}

.large_dark_red {
color:#600;
}


.dark_red, .dark_red a {
	color:#600;
	font-weight:bold;
}

.med_red_bold { font-size: 16px; font-weight: bold; color: #C00; line-height:16px;}


h2 {
	font-size:18px; 
font-style:normal;
color:#600;
font-weight:bold;
	}

.white, .white a {
color:#FFF;
font-weight:normal;
}

.white_bold, .white_bold a {
color:#FFF;
font-weight:bold;
}

.standard_pine_bold {
	color: #006633;
	font-weight:bold;
}

.standard_bold_gray {
	color:#CCCCCC;
	font-weight:bold;
}

.standard_peachpit_bold {
color:#b64829;
	font-weight:bold;
}

ol {
list-style-position:inside;
}

.note {
margin:0 0 25px 0;
}

.subs {
font-size:10px; 
font-style:normal;
line-height:12px;
}

#content .add_margin {
margin-bottom:8px;
}

#content .add_20margin {
margin-bottom:20px;
}

#content .add_20marginRight {
margin-right:20px;
}

#content .add_15marginTop {
margin-top:15px;
}

.inline {
display:inline;
}

.left50 {
position:relative;
margin-left:50px;

}

.floatLeft {
float:left;
}

.floatRight {
float:right;
}

.floatNone {
float:none;
}

.clear { /* standard practice to have a class or id to automatically clear floats */
clear:both;
}

.center {
	text-align:center;
}

h2.new{
font-size:12px;
color:#FFFFFF;
padding:5px;
margin-bottom:2px;
background-image:url(/images/new.gif);
background-position:center;
background-repeat:no-repeat;
}



/* ---------- End Generic Styling -------------- */


/* -------------- END CONTENT -------------- */
/* -------------- END CONTENT -------------- */
/* -------------- END CONTENT -------------- */


/* -------------- FOOTER -------------- */
/* -------------- FOOTER -------------- */
/* -------------- FOOTER -------------- */

h2#slogan{
position:relative;
margin:0px 0 0px 0;
height:37px;
width:420px;
text-indent:-9999px;
overflow:hidden;
display:block; /* without this, background-image will not show up */
background-position:0 0;
background-repeat:no-repeat;
background-image:url(/images/layout/slogan.gif);
}

div#footer {
padding:17px 0px 0px 0px;
}

div#footer p {
padding:17px 0px 0px 0px;
text-align:center;
color:#000;
font-size:10px;
}

div#footer p a {
color:#000;
}



div#deja {
background:url(/images/DejaHomePage.jpg) bottom center no-repeat;
padding:0 10px 10px 10px;
margin-bottom:10px;
width:400px;
}

div#deja div.top {
width:400px;
height:8px;
padding:0px 10px 0px 10px;
margin:0 -10px 0px -10px;
background:url(/images/DejaHomePage.jpg) top center no-repeat;
}

div#deja h2 {
color:#111a3c;
width:400px;
padding:10px 10px 0px 10px;
margin:0 -10px 10px -10px;
background:url(/images/DejaHomePage.jpg) top center no-repeat;
}

div#deja .text {
float:left;
width:190px;
margin-bottom:10px;
}

div#deja .text h2 {
font-size:16px;
line-height:16px;
width:auto;
padding:0px;
margin:0px 0px 4px 0px;
background:none;
}

div#deja div.floatRight {
background:none;
border:none;
margin-bottom:10px;
margin-left:5px;
}

div.mov {
width:200px;
margin-bottom:10px;
position:relative;
border-left:#FFFFFF 2px solid;
border-right:#FFFFFF 2px solid;
}


div.mov ul {
margin:0;
border:0;
position:relative;
}


div.mov li {
list-style-type:none;
border-bottom:#FFFFFF 2px solid;
border-top:#FFFFFF 2px solid;
text-indent:5px;
}

div.mov li a {
padding:2px;
display:block;
background-color:#999999;
text-decoration:none;
font-weight:bold;
}

div.mov li a:hover {
background-color:#111a3c;
color:#FFFFFF;
} 

div#deja p.subs {
background-color:#bcdff3;
margin:10px 0px 0px 0px;
padding:5px;
width:390px;
}


div#deja p {
width:auto;
margin:0;
padding:0;
}

div#deja p.success a {
position:relative;
width:200px;
height:50px;
line-height:50px;
text-align:center;
text-decoration:none;
background:	url(/images/shareButton.gif) 0 0 no-repeat;
display:block;
margin:5px 2px;
border:none;
font-weight:bold;
}

html>body div#deja p.success a {
background:	url(/images/shareButton.png) 0 0 no-repeat;
}

div#deja p.success a:hover {
background-position:0 -50px;
}

div#deja p#learn {
clear:both;
margin:10px 0px 0px 0px;
}

div#deja p#learn a{
text-align:center;
text-decoration:none;
font-weight:bold;
height:30px;
width:400px;
line-height:30px;
display:block;
margin:0 0;
background:	url(/images/learnButton.gif) center top no-repeat;
}

html>body div#deja p#learn a {
background:	url(/images/learnButton.png) center top  no-repeat;
}

div#deja p#learn a:hover {
background-position:center bottom;
}

div#CBCD {
position:relative;
top:0;
left:0;
width:421px;
height:462px;
background:url(/cd_video/vidPlayerBG.jpg) 0 0 no-repeat;
}

div#CBCD div#player {
top:0;
left:0;
width:421px;
height:280px;
z-index:9999;
}

div#CBCD p.homeOrder {
position:absolute;
top:280px;
left:196px;
height:100px;
width:218px;
text-indent:-9999px;
overflow:hidden;
}

div#CBCD p.homeOrder a {
position:relative;
height:100px;
width:218px;
display:block;
background:url(/cd_video/orderButton.jpg) 0 0 no-repeat;
}

div#CBCD p.homeOrder a:hover {
background-position:0 -100px;
}

div#CBCD div#player div {
width:421px;
height:280px;
background:url(/cd_video/FlashRequiredBG.gif) 0 31px no-repeat;
}

div#CBCD div#player div p {
position:relative;
width:326px;
top:100px;
text-align:center;
font-weight:bold;
}

div#CBCD div#player div p a {
height:39px;
width:158px;
display:inline-block;
text-align:center;
background:url(/images/layout/get_adobe_flash_player.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
text-decoration:none;

}




/* -------------- END FOOTER -------------- */
/* -------------- END FOOTER -------------- */
/* -------------- END FOOTER -------------- */


/*--------------Begin home page rotator tabbed panel styling-----------------*/


div#rotator {
	position:relative;
	margin: 10px 0px;
	padding: 0px;
	width: 169px;
}

/* These are the squares under the image */
div#rotator .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	position:absolute;
	bottom:-15px;
	/*left:39px;*/
	left:34px;
}

div#rotator .TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	height:15px;
	width:15px;
	text-align:center;
	padding: 0px;
	margin:0px 4px 0px 0px;
	font: bold 10px sans-serif;
	line-height:15px;
	background-color:#AD945B;
	list-style: none;
	border:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

div#rotator .TabbedPanelsTabHover, div#rotator .TabbedPanelsTabSelected:hover {
	background-color:#660000;
	color:#fff;
}

div#rotator .TabbedPanelsTabSelected {
	background-color:#666633;
	border:none;
}

div#rotator .TabbedPanelsContentGroup {
	clear: both;
	border:none;
	background-color: #fff;
	height:200px;
}

div#rotator .TabbedPanelsContentGroup .TabbedPanelsContent {
	padding:0px;
	margin:0px;
	width:169px;
	height:200px;
}

div#rotator .TabbedPanelsContentGroup .TabbedPanelsContent a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	width:169px;
	height:200px;
}

div#rotator .TabbedPanelsContentGroup .TabbedPanelsContent a:hover {
background:url(/images/layout/LearnMore.gif) center center no-repeat;
}

/*#Rotator1 {
background:url(/images/dejaRotator.jpg) center top no-repeat;
}*/

#Rotator1 {
background:url(/images/anniversaryLogo.png) center center no-repeat;
}

#Rotator2 {
background:url(/images/layout/CBrotatorWinners.jpg) center center no-repeat;
}

#Rotator3 {
background:url(/images/layout/CBrotatorCoupons.jpg) center center no-repeat;
}

#Rotator4 {
background:url(/images/layout/CBrotatorDividers.jpg) center center no-repeat;
}

#Rotator5{
background:url(/images/layout/CBrotatorCoil.jpg) center center no-repeat;
}

#Rotator6{
background:url(/images/layout/CBrotatorDesignerCovers.jpg) center center no-repeat;
}

/*--------------End home page rotator tabbed panel styling-----------------*/
/*--------------Begin Make Huge Profits tabbed panel styling --------------*/

div#profitContainer h2 {
height:30px;
width:420px;
background:url(/fundraising/images/profitPanelBG.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
margin:8px 0 0 0;
}

div#profitContainer p.start {
font-family:Georgia, "Times New Roman", Times, serif;
margin: 0 0 20px 0px;
padding:0;
background:url(/fundraising/images/profitPanelBG.png) center bottom no-repeat;
width:420px;
height:25px;
line-height:25px;
text-align:center;
clear:both;
display:block;
color:#fff;

}

div#profitContainer p.start a {
font-family:Georgia, "Times New Roman", Times, serif;
color:#fff;
font-weight:bold;
}

div#profitPanel {
position:relative;
margin: 0;
padding: 0px;
width: 418px;
border:#703d23 1px solid;
}

/* These are the squares under the image */
div#profitPanel .TabbedPanelsTabGroup {
position:relative;
margin: 0px;
padding: 0px;
height:20px;
background-color:#FFF;

}

div#profitPanel .TabbedPanelsTab {
position: relative;
top:0px;
float: left;
height:20px;
padding: 0px;
margin:0px;
background:url(/fundraising/images/profitPanelBG.png) 0px -50px no-repeat;
text-indent:-9999px;
overflow:hidden;
list-style: none;
border:none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}

div#profitPanel .TabbedPanelsTabHover, div#profitPanel .TabbedPanelsTabSelected:hover {
background-position: 0px -30px;
}

div#profitPanel .TabbedPanelsTabSelected {
background-position: 0px -30px;
border:none;
}

div#profitPanel #profitTab1 {
width:39px;
background-position:-1px -50px;
}

div#profitPanel #profitTab1.TabbedPanelsTabHover, div#profitPanel #profitTab1.TabbedPanelsTabSelected:hover, div#profitPanel #profitTab1.TabbedPanelsTabSelected {
background-position:-1px -30px;
}

div#profitPanel #profitTab2 {
width:39px;
background-position:-40px -50px;
}

div#profitPanel #profitTab2.TabbedPanelsTabHover, div#profitPanel #profitTab2.TabbedPanelsTabSelected:hover, div#profitPanel #profitTab2.TabbedPanelsTabSelected {
background-position:-40px -30px;
}

div#profitPanel #profitTab3 {
width:40px;
background-position:-79px -50px;
}

div#profitPanel #profitTab3.TabbedPanelsTabHover, div#profitPanel #profitTab3.TabbedPanelsTabSelected:hover, div#profitPanel #profitTab3.TabbedPanelsTabSelected {
background-position:-79px -30px;
}

div#profitPanel #profitTab4 {
width:39px;
background-position:-119px -50px;
}

div#profitPanel #profitTab4.TabbedPanelsTabHover, div#profitPanel #profitTab4.TabbedPanelsTabSelected:hover, div#profitPanel #profitTab4.TabbedPanelsTabSelected {
background-position:-119px -30px;
}

div#profitPanel #profitTab5 {
width:39px;
background-position:-158px -50px;
}

div#profitPanel #profitTab5.TabbedPanelsTabHover, div#profitPanel #profitTab5.TabbedPanelsTabSelected:hover, div#profitPanel #profitTab5.TabbedPanelsTabSelected {
background-position:-158px -30px;
}

div#profitPanel #profitTab6 {
width:45px;
background-position:-197px -50px;
}

div#profitPanel #profitTab6.TabbedPanelsTabHover, div#profitPanel #profitTab6.TabbedPanelsTabSelected:hover, div#profitPanel #profitTab6.TabbedPanelsTabSelected {
background-position:-197px -30px;
}

div#profitPanel #profitTab7 {
width:45px;
background-position:-242px -50px;
}

div#profitPanel #profitTab7.TabbedPanelsTabHover, div#profitPanel #profitTab7.TabbedPanelsTabSelected:hover, div#profitPanel #profitTab7.TabbedPanelsTabSelected {
background-position:-242px -30px;
}

div#profitPanel #profitTab8 {
width:45px;
background-position:-287px -50px;
}

div#profitPanel #profitTab8.TabbedPanelsTabHover, div#profitPanel #profitTab8.TabbedPanelsTabSelected:hover, div#profitPanel #profitTab8.TabbedPanelsTabSelected {
background-position:-287px -30px;
}

div#profitPanel #profitTab9 {
width:44px;
background-position:-332px -50px;
}

div#profitPanel #profitTab9.TabbedPanelsTabHover, div#profitPanel #profitTab9.TabbedPanelsTabSelected:hover, div#profitPanel #profitTab9.TabbedPanelsTabSelected {
background-position:-332px -30px;
}

div#profitPanel #profitTab10 {
width:43px;
background-position:-376px -50px;
}

div#profitPanel #profitTab10.TabbedPanelsTabHover, div#profitPanel #profitTab10.TabbedPanelsTabSelected:hover, div#profitPanel #profitTab10.TabbedPanelsTabSelected {
background-position:-376px -30px;
}

div#profitPanel .TabbedPanelsContentGroup {
clear: both;
position:relative;
border:none;
background-color: #fff;
width:418px;
height:auto;
margin:0;
padding:0;
}

div#profitPanel .TabbedPanelsContentGroup .TabbedPanelsContent {
position:relative;
padding:0px;
margin:0px;
width:418px;
}

div#profitPanel .TabbedPanelsContentGroup .TabbedPanelsContent a {
}

div#profitPanel .TabbedPanelsContentGroup .TabbedPanelsContent a:hover {
}

div#profitPanel .TabbedPanelsContent div {
padding:0;
width:auto;
margin:8px 8px 0 8px;
width:238px;
}

div#profitPanel .TabbedPanelsContent p {
line-height:12px;
margin:0 0 3px 0;
}

div#profitPanel .TabbedPanelsContent img {
position:relative;
float:right;
margin:5px 0;
padding:0;
}
div#landing_body div#profitPanel div.clear{
position:relative;
width:100%;
border:none;
clear:both;
height:0px;
margin:0 0 8px 0;
padding:0;
}


div#profitPanel .TabbedPanelsContent blockquote {
color:#703d23;
font-size:13px;
line-height:17px;
font-family:Georgia, "Times New Roman", Times, serif;
margin:12px 0 0 0;
padding:4px 5px;
background-color:#fef3de;
}

div#profitPanel .TabbedPanelsContent cite {
color:#703d23;
font-size:13px;
font-family:Georgia, "Times New Roman", Times, serif;
background-color:none;
padding:5px 24px 0 0px;
background:url(/fundraising/images/profitCiteBG.png) right -5px no-repeat;
font-style:italic;
float:left;
text-align:right;
width:210px;
}


/*--------------------------End Make Huge Profits Tabbed Panel Styling---------------------------*/

div#action {
margin:0 0 10px 0;
position:relative;
height:61px;
width:421px;
background-color:#9f9859;
}

div#action p {
position:absolute;
margin:0;
padding:0;
top:0px;
text-indent:-9999px;
overflow:hidden;
height:57px;
}

div#action p.learn_one {
left:4px;
width:135px;
}

div#action p.learn_two  {
left:142px;
width:137px;
}

div#action p.learn_three  {
left:282px;
width:135px;
}

div#action p a {
background-image:url(/images/layout/ActionCalls.png);
background-repeat:no-repeat;
width:100%;
height:57px;
display:block;
}

div#action p.learn_one a {
background-position:0 0;
}

div#action p.learn_one a:hover {
background-position:0 -57px;
}

div#action p.learn_two a {
background-position:-142px 0;
}

div#action p.learn_two a:hover {
background-position:-142px -57px;
}

div#action p.learn_three a {
background-position:-286px 0;
}

div#action p.learn_three a:hover {
background-position:-286px -57px;
}

table.survey td, table.survey textarea, table.survey input {
font-size:12px;
}

table.survey input, table.survey textarea, table.survey select {
margin-bottom:4px;
}

table.survey hr {
margin:10px 0px 14px 0px;
}

div#twitterfeed {
margin:0 0 20px 0;
padding:0;
}

div#twitterfeed div {
border-top:#5cb3c9 1px solid;
background:#ccf5ff url(/images/tweetfoot.gif) left bottom no-repeat;
padding:10px 10px 12px 10px;
margin:0 0 2px 0;
width:111px;
}

div#twitterfeed div li {
margin:0 0 8px 0;
padding:0;
font-size:11px;
line-height:13px;
color:#666666;
}

div#twitterfeed div li a {
color:#5cb3c9;
}

div#twitterfeed h4 {
width:131px;
height:60px;
line-height:60px;
text-align:center;
}

div#twitterfeed h4 a {
display:block;
text-decoration:none;
background:url(/images/twitterbutton.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
}

div#twitterfeed h4 a:hover {
background-position:bottom left;
}

div.largeDividers {
position:relative;

width:255px;
height:202px;
}

div#bigDivider {
height:239px;
width:156px;
}


div.largeDividers a {
position:absolute;
top:0;
left:0;
text-indent:-9999px;
text-decoration:none;
width:59px;
height:92px;
display:block;
z-index:1;
}

div.largeDividers a:hover {
background:url(/images/ViewLarger.gif) center center no-repeat;
}

div#bigDivider a:hover {
background:url(/images/ViewLargerLG.gif) center center no-repeat;
}

div.largeDividers a#divider1 {
height:239px;
width:156px;
}

div.largeDividers a#divider2 {
top:2px;
left:4px;
}

div.largeDividers a#divider3 {
top:2px;
left:67px;
}

div.largeDividers a#divider4 {
top:2px;
left:129px;
}

div.largeDividers a#divider5 {
top:104px;
left:4px;
}

div.largeDividers a#divider6 {
top:104px;
left:67px;
}

div.largeDividers a#divider7 {
top:104px;
left:129px;
}

div.largeDividers a#divider8 {
top:104px;
left:192px;
}

hr {
	height:1px;
	border:0;
}