/* /css/areaIncludes/common.css */

/* for recipes page */
div.recipeContainer { width: 720px; float: left; margin: 20px 0 80px 50px;}
ul.recipeList li{ float: left; list-style: none; padding: 0px 0px 0px 0px; margin: 5px; width: 160px; }

ul.recipeList li a {
	font-size: 11px;
	line-height: 13px;
	text-align: left;
	color: #6d76b8;
	font-family: Arial, Helvetica, sans-serif;
}
ul.recipeList li p { margin-top: 4px; margin-bottom: 2px; text-align: left; }
/* end recipes page */

/* wedding favors */
ul.favorIdeas { width: 785px;  margin-left: 42px; }
ul.favorIdeas li { float: left; list-style: none; padding: 10px 10px 10px 10px; width: 160px; height: 72px; line-height: 18px; display: block; text-align: bottom; }
ul.favorIdeas a span {  display: inline-block; vertical-align: -15px; padding-left: 10px; }
ul.favorIdeas a:hover { text-decoration: none; }
ul.favorIdeas a span:hover { text-decoration: underline; }

/* unsubscribe */
.unsubscribeTitle { font: 24px/34px Arial, Helvetica, sans-serif; margin: 40px 40px 0 40px; clear: both; color: #77C; }
.unsubscribeText { font: 15px/20px Arial, Helvetica, sans-serif; margin: 10px 40px 0 40px; text-align: left; }
.unsubscribeText span.email, .unsubscibeTitle span.email { color: #333; }
.unsubscribeForm { text-align: left; margin: 16px 40px; }
input.unsubscribe { height: 24px; width: 260px; margin-right: 10px; }


/* ideas */

.ideaTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 32px;
	color: #6d76b8;
	margin: 40px 30px 0 30px;
	padding-top: 20px;
	clear: both;
}
.ideaName {
	font-size: 14px;
	line-height: 16px;
	margin-right: 8px;
	text-align: left;
	color: #6d76b8;
	font-family: Arial, Helvetica, sans-serif;
}
.ideaName a {
	color: #6d76b8;
	text-decoration: none;
}
.ideaName a:hover {
	text-decoration: underline;
}
p.ideaName  { margin-top: 15px; margin-bottom: 5px; }

p.ideaText { margin: 0 30px 20px 30px; text-align:left; color: #666; line-height: 18px; }

.ideaText a:link {color: #5F5F9A;text-decoration: none;}
.ideaText a:visited {text-decoration: none; color: #5F5F9A;}
.ideaText a:hover {text-decoration: underline;}
.ideaText a:active {text-decoration: none;}

ul.ideaText { margin: 0 30px 20px 60px; text-align:left; color: #666; line-height: 18px; }
ol.ideaText { margin: 0 30px 20px 60px; text-align:left; color: #666; line-height: 18px; }


.ideaBlogLink {
	font-size: 12px;
	line-height: 12px;
	margin-right: 8px;
	text-align: left;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}
.ideaBlogLink a {
	color: #666;
	text-decoration: none;
}
.ideaBlogLink a:hover {
	text-decoration: underline;
}
p.ideaBlogLink  { margin-top: 15px; margin-bottom: 5px; }

.ideaSubhead {
	font-size: 16px;
	line-height: 18px;
	margin-right: 8px;
	text-align: left;
	color: #6d76b8;
	font-family: Arial, Helvetica, sans-serif;
}
p.ideaSubhead  { margin-top: 15px; margin-bottom: 5px; }

.blogLink {
	font-size: 14px;
	line-height: 16px;
	margin-right: 8px;
	text-align: center;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}
.blogLink a {
	color: #6d76b8;
	text-decoration: underline;
}
.blogLink a:hover {
	text-decoration: underline;
}

/* end ideas */


/* about us */
#molbuilding { margin: 44px 0 0 60px; float: left; border: 6px solid #335a87; }
#aboutNav { margin: 44px 0 0 50px; float: left; }
#aboutNav a { margin: 0 0 22px 0; display: block; text-align: left; font: bold 14px Arial, Helvetica, sans-serif; color: #6490A1; letter-spacing: 2px; text-transform: uppercase; }
#aboutText { margin: 10px 0 50px 60px; clear: both; }
 #aboutContent { padding: 40px; text-align: left; }
 #aboutContent p { margin: 10px auto; }
 #aboutContent .jobTitle { font-weight: bold; margin-top: 30px; }
#aboutText p { margin: 0 60px 19px 0; text-align: justify; font: 12px/28px Arial, Helvetica, sans-serif; color: #333; }
#aboutText p a { color: #5F5F9A; }
#aboutText #aboutTitle { font: bold 16px/16px Arial, Helvetica, sans-serif; color: #6490A1; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; }
/* end about us */

/* whats new */
.newTitle {
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	vertical-align: text-top;
	text-transform: uppercase;
	text-align:left;
}

p.newText { text-align:left; color: #666; line-height: 18px; padding-bottom: 10px; }

.newText a:link {color: #5F5F9A;text-decoration: none; font-size: 12px;}
.newText a:visited {text-decoration: none; color: #5F5F9A;}
.newText a:hover {text-decoration: underline;}
.newText a:active {text-decoration: none;}

.newDate { font-size: 10px; margin: 10px 0 0 0; text-align:left; }

/* end whats new */

/* for links page */
div.linksContainer { float:left; width: 350px; float: left; margin: 0px 0 20px 18px; text-align:left; }
.rightSide { border-left: 1px solid #999; padding-left: 20px; }

ul.linksList li{ float: left; list-style: none; padding: 0px 10px 0px 10px; margin: 5px; width: 330px; }

ul.linksList li a {
	font-size: 11px;
	line-height: 13px;
	text-align: left;
	color: #6d76b8;
	font-family: Arial, Helvetica, sans-serif;
}
ul.linksList li p { margin-top: 4px; margin-bottom: 2px; text-align: left; }
/* end recipes page */


.bluebox {
border: 1px solid #232850;
background-color: #f6f6ff;
font-size: 10px;
padding: 10px;
height: 26px;
}

.linkType {font-size: 11px; color: #999; }

div.links2Container { float:left; width: 305px; float: left; margin: 0px 0 20px 18px; text-align:left; }
.rightSide { border-left: 1px solid #999; padding-left: 20px; }


/* what to say */
.style5 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	line-height: 16px;
	text-decoration: none;
}
.style5 a:link {
	color: #777777;
	text-decoration: none;
}
.style5 a:visited {
	text-decoration: none;
	color: #777777;
}
.style5 a:hover {
	text-decoration: underline;
	font-weight: bolder;
}
.style5 a:active {
	color: #777777;
	text-decoration: none;
}
.questions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 16px;
	color: #333333;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
}

/* sitemap */
.siteCategory { font-weight: bold; text-transform: uppercase; }
ul.siteMap li{ float: left; list-style: none; padding: 0px 6px 24px 6px; margin: 5px; width: 170px; text-align:left; }
.siteMap { text-align: left; color: #999; margin-left: 30px; }
.siteMap  :link, :visited {color: #999; }
.siteMap  :visited {color: #999; }

/* pressroom */
.pressText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.pressText a:link {
	color: #666666;
	text-decoration: none;
}
.pressText a:visited {
	text-decoration: none;
	color: #666666;
}
.pressText a:hover {
	text-decoration: underline;
}
.pressText a:active {
	text-decoration: none;
}

/* partner program */
div.partnerContainer { float:left; width: 700px; float: left; margin: 0px 0 20px 30px; text-align:left; }


/* help page */
ul.help { width: 778px;  margin-left: 22px; margin-top: 20px;  list-style: none; }
ul.help li { float: left; }
ul.help li a { vertical-align: top; display: block;  margin: 7px; list-style: none; padding: 18px 15px 32px 15px; width: 204px; height: 80px; color: #888; font-weight: bold; border: 1px solid #333; background: #fffbf0; }
ul.help li a:hover {background: #eee7d1; text-decoration: none;}


.helpTitle {text-align: left; color: #666; font-size: 14px;}
.helpList {text-align: left; margin-left: 10px; margin-top: 10px; line-height: 20px; font-weight: normal;}

ul.helpList { margin: 0; }
ul.helpList li { list-style: square; margin: 2em;
	width: 10em;
	padding: 5px;
 height: 0px; float: left;  padding: 0px; color: #888; font-weight: bold; border: 0px solid #333; background: none; text-align:left;}
ul.helpList li:hover {background: #eee7d1;}
ul.helpList a { color: #888; }
ul.helpList a:hover { text-decoration: none; }
ul.helpList a span:hover { text-decoration: underline; }

/* happy customers */
#happycustContent { width: 600px; height: auto; position: relative; margin: 20px auto 0 auto; text-align: left; }
#happycustContent p { margin: 10px auto; }
#happycustContent div { margin: 10px auto; width: 550px; font-size: 11px;}
#happycustContent hr { color: #FFFFFF; }
#happycustContent .happyCustomer p { margin: 2px auto; }

/* customer reviews */
#customerReviewsContent { width: 600px; height: auto; position: relative; margin: 20px auto 0 auto; text-align: left; }
#customerReviewsContent p { margin: 10px auto; }
#customerReviewsContent div { margin: 10px auto; width: 550px; font-size: 11px;}
#customerReviewsContent hr { color: #FFFFFF; }
#customerReviewsContent .customerReview p { margin: 2px auto; }

/* estimate */
#estimateContent { width: 600px; height: auto; position: relative; margin: 20px auto 0 auto; text-align: left; }
#estimateContent p { font-size: 11px; margin: 5px auto;}
#estimateContent p.flag { margin: 5px 0 5px 40px; }
#estimateContent select { margin: 0 0 10px 40px; }
#estimateContent input { margin: 0 0 10px 40px; }
#estimateContent fieldset { padding: 10px; margin: 10px 0;}
#estimateContent fieldset p { margin-left: 40px;}
#estimateContent legend { font-size: 12px; font-weight: bold; padding: 0 5px;}

#estimateContent table { border: 1px solid black; border-collapse: collapse; width: 500px; margin: 0 auto;}
#estimateContent table p { margin: 0; }
#estimateContent table td { text-align: center; border: 1px solid #999999; padding: 5px; }
#estimateContent table tbody td { font-size: 10px; }
#estimateContent table thead tr.head { background-color: #CCCCCC; font-size: 12px; font-weight: bold; }
#estimateContent table tbody tr td.left { text-align: left; }

/* samples */
#sampleRequestContent { width: 600px; height: auto; position: relative; margin: 20px auto 0 auto; text-align: left; }
#sampleRequestContent p { margin: 5px auto; }
#sampleRequestContent fieldset { padding: 10px; margin: 10px auto; }
#sampleRequestContent legend { padding: 0 5px; font-weight: bold; }
#sampleRequestContent ul { list-style-type:none; }
#sampleRequestContent li { margin: 10px auto; }
#sampleRequestContent label { width: 60px; display: inline-block; text-align: right; font-weight: bold; margin-right: 10px; }

#couponRequestContent { width: 600px; height: auto; position: relative; margin: 20px auto 0 auto; text-align: left; }
#couponRequestContent p { margin: 10px auto;}
#couponRequestContent fieldset { padding: 10px; margin: 10px auto; }
#couponRequestContent legend { padding: 0 5px; font-weight: bold; }
#couponRequestContent ul { list-style-type:none; }
#couponRequestContent li { margin: 10px auto; }
#couponRequestContent label { width: 105px; display: inline-block; text-align: right; font-weight: bold; margin-right: 10px; }
#couponRequestContent .bulleted { list-style-type: disc; margin: 10px 30px 10px 30px;}


/* guarantee */
/* #guaranteeContainer { clear: both;  margin: 60px 0 40px 10px; } */
#guaranteeTopContainer { background: #fff8e6; text-align: left;  width: 750px; }
.guaranteeTop { padding: 20px; margin: 0 20px 0 20px; }
.guaranteeImage { margin-left:-15px; }

#guaranteeTopContainer ul.topList li { list-style: square; font-size: 16px; font-weight: normal; margin: 14px 0 0 30px; text-align: justify; }


.guaranteeHead { float: left; }
#guaranteeTopContainer h3 { font-size: 16px; font-weight: normal; line-height: 24px; margin-top: 14px; text-align: justify; }
.indent { text-indent: 15px; }
#guaranteeBottom { width: 730px; margin-left: 20px; text-align: left; }
#guaranteeBottom h4 { font-size: 14px; font-weight: bold;  margin: 18px 0 0px 0; }
#guaranteeBottom p { margin: 10px 0 5px 0; }
#guaranteeBottom ul { margin: 10px 0 5px 0; }
#guaranteeBottom li { margin: 10px 0 5px 15px; }

/* #guaranteeTopContainer { width: 700px; float: left; clear: both; padding: 0 10px 0 32px; margin-top: 5px; color: #666666; } */
#guaranteeTopContainer form { margin: 10px 0; }
#guaranteeTopContainer p { text-align: left; margin: 7px 0; }
#guaranteeTopContainer hr { color: #999999; margin: 20px 0; }
#guaranteeTopContainer li { text-align: left; list-style: none; margin: 10px auto; }
#guaranteeTopContainer li label { width: 100px; display: inline-block; text-align: right; margin-right: 5px; }


/* gift baskets */
ul.basketList { width: 750px; margin-left: 40px;  list-style: none; }
ul.basketList li { width: 300px; text-align: left; float: left; margin-left: 20px; margin-right: 20px; }
ul.basketList p { margin-bottom: 10px; }

/* /css/areaIncludes/reorder.css */
#reorder_container { width: 700px; float: left; clear: both; padding: 0 10px 0 32px; margin-top: 5px; color: #666666; }
#reorder_container form { margin: 10px 0; }
#reorder_container p { text-align: left; margin: 7px 0; }
#reorder_container hr { color: #999999; margin: 20px 0; }
#reorder_container li { text-align: left; list-style: none; margin: 10px auto; }
#reorder_container li label { width: 100px; display: inline-block; }
#reorder_container table { border: 1px solid black; border-collapse: collapse; width: 700px; }
#reorder_container table td { text-align: left; font-size: 10px; border: 1px solid #999999; padding: 5px; }
#reorder_container table tbody tr td.center { text-align: center; }
#reorder_container table tbody tr td.lt { text-align: center; }
#reorder_container table tbody tr td.md { text-align: center; }
#reorder_container table tbody tr td.child { border-top: 0; border-bottom: 0; }
#reorder_container table tbody tr td.child { border-top: 0; border-bottom: 0; }
#reorder_container table tbody tr td.child { border-top: 0; border-bottom: 0; }
#reorder_container table tbody tr td.parent { border-bottom: 0; }
#reorder_container table tbody tr.head { background-color: #CCCCCC; }
#reorder_container table tbody tr.head td.headTxt { font-size: 12px; font-weight: bold; }
#reorder_container table tbody tr td.center input { margin: 0 10px; }

/* /css/areaIncludes/reorder.css */
#gift-certificates_container { width: 700px; float: left; clear: both; padding: 0 40px; margin-top: 5px; color: #666666; }
#gift-certificates_container form { margin: 10px 0; }
#gift-certificates_container p { text-align: left; margin: 7px 0; }
#gift-certificates_container hr { color: #999999; margin: 20px 0; }
#gift-certificates_container li { text-align: left; list-style: none; margin: 10px auto; }
#gift-certificates_container li p { margin: 2px 0;  }
#gift-certificates_container li label { width: 100px; display: inline-block; font-weight: bold; }
#gift-certificates_container p.charCounter { margin: 0; padding: 0; }
#gift-certificates_container .submit { float: left; clear: both; margin: 10px 0;}
#gift-certificates_container fieldset { padding: 20px; margin-bottom: 5px;}

.to { width: 300px; float: left; }
.to label { font-weight: bold; }
.to p { margin: 3px; }

.from { width: 300px; float: left; }
.from label { font-weight: bold; }
.from p { margin: 3px; }

.msg { clear: both; }
.msg label { font-weight: bold; }
.msg p { margin: 3px; }

/* shapes and sizes page */
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 16px;
	text-align: justify;
    }
.style2 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #333333; }
.style2spread {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #333333;
	letter-spacing: 2px;
    }
.style3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; }

.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
    }
.style6 { color: red; }

/* photos */
#photos { margin: 0 auto; width: 600px; text-align: left; }
#photos p { text-align: left; font: 12px/16px Arial, Helvetica, sans-serif; padding-bottom: 10px; margin-left: 20px;}
#photos ul, ol { text-align: left; font: 12px/16px Arial, Helvetica, sans-serif; margin: 0 40px; }
#photos li { padding-bottom: 5px; }
#photos a { color: #50604a; }
#photos a:hover { text-decoration: underline; }
#photos h4 { font-size: 16px; text-align: left; margin: 20px 0 15px 0; }
#photos h5 { text-align: left; margin: 10px 0 5px 20px; font-weight: bold; }
#photos p { text-align: left; font: 11px/16px Arial, Helvetica, sans-serif; padding-bottom: 10px; margin-left: 20px; }

/* for links page */
div.narrowContainer { float:left; width: 330px; float: left; margin: 0px 0 10px 12px; text-align:left; }

/* for search/results page */
#results { margin: 30px; text-align: left; font: 13px/18px Arial, Helvetica, sans-serif; }
.result { margin-bottom: 20px; clear: both; }
.result_text { font-size: 12px; line-height: 17px; color: #777777;}
p.result_title { color: #6d76b8; font-size: 16px; }
.result_title a { text-decoration: underline; color: #6d76b8; font-size: 16px; }
.result_url a { color: #555555; }
ul.result_url { height: 16px; margin-top: 3px; }
ul.result_url, .result_url li { list-style: none; }
.result_url li { float: left; padding-left: 5px; margin-right: 5px; border-left: 1px solid #555; }
.result_url li.first { border: 0; padding-left: 0; }
.bld { font-weight: bold; }
.set_title { font-size: 14px; margin-bottom: 28px; }
.part_result_img { margin-top: 6px; } 
.stickers { text-align: left; margin: 30px 30px 10px 30px; font: 16px Arial, Helvetica, sans-serif; font-weight: bold; }

/* reviews */
#reviewList { text-align: left; width: 660px; margin: 14px; }
#reviewList li { list-style: none; padding: 5px 0 3px 0; border-top: 1px solid #666; }
.reviewListRating { vertical-align: middle; height: 13px; width: 66px; background: url(/images/zz_images/allstarssmall.png) no-repeat; }
.reviewHeading { margin: 20px 0 0 20px; }
.reviewHeading, .reviewHeading a { color: #666; }
.agency { margin-left: 20px; font-size: 9px; color: #229; }

.vsp { display: block; height: 58px;  }

/* returnForm */
.returnContainer { margin: 0 auto; min-height: 300px; padding: 20px 30px 20px 30px; }
.returnContainer h3 { font-size: 14px; }
.returnContainer p { margin-top: 10px; }
.returnContainer ul, .returnContainer ul li { list-style: none; }
.returnContainer ul { /*margin-left: 10px; padding: 4px;*/ }
.returnContainer ul li label { display: inline-block; text-align: right; width: 180px; }
.returnContainer ul li input { padding: 2px; width: 180px; margin: 5px; }
.returnContainer ul li select { width: 188px; height: 24px; margin: 5px; }
.returnContainer table td table td { margin: 0; padding: 5px; }
.returnForm1 { margin: 0 auto; }
.returnForm1 ul { width: 400px; margin: 10px auto; padding: 0; }
.returnForm1 ul li { margin: 2px auto 2px 0; text-align: left; }
.returnForm1 ul li label { width: 140px; display: inline-block; vertical-align: middle; text-align: right;  }
.returnForm { margin: 0 auto; }
.returnForm fieldset { padding: 12px; }
.returnForm label { width: 130px; display: inline-block; vertical-align: middle; }
.returnForm input.fld { width: 200px; vertical-align: middle; }
.returnForm input.btnw { width: 220px; vertical-align: middle; }
.returnForm .radio { width: 20px; vertical-align: middle; }
.returnForm table { border-collapse: collapse; margin: 5px 0 10px 0; width: 700px; border: 1px solid #999; }
.returnForm table td { margin: 0; padding: 5px; }
.returnForm table thead tr td { background: #DDD; border-top: 1px solid #999; }
.returnForm table thead tr td.left { text-align: left; font-weight: bold; }
.returnForm table thead tr td.right { text-align: right; }
.returnForm table tbody tr td { background: #EEE; border-bottom: 1px dotted #BBB; font-size: 11px; }
.returnForm table tbody tr td.right { text-align: left; }
.returnForm table tbody tr td.itm { width: 150px; }
.returnForm table tbody tr td.itm img { max-width: 100px; }
.returnForm table tbody tr td.itm span { display: inline-block; clear: both; width: 150px; font-size: 11px; padding: 5px; }
.returnForm p.instructions { margin: 10px auto; text-align: left; }
.returnForm span.bold { font-weight: bold; }
.returnForm ul { margin: 0; padding: 0; }
.returnForm ul li label { width: auto; }
.returnForm ul.rsn { width: 720px; display:inline-block; margin: 0px 0px 3px -20px; padding: 0px; }
.returnForm ul.rsn li { width: 370px; float: left; text-align: left; }
.returnForm ul.rsn li input { width: 80px; }
.returnForm ul.rsn li input.radio { width: 20px; vertical-align: middle; }
.returnForm ul.rsn li.right { width: 340px; float: right; }
.returnForm ul.rsn li.right input { padding-left: 0px; margin-left: 0px; width: auto; }
.returnForm input.disabled, input.disabled:hover { background: #DDD; color: #FFF; border: 1px solid #AAA; }
.returnForm .noedit { background-color: #F0F0F0; } /* greys out disabled inputs for Mac */
#rtnFormStatus { width: 700px; margin: 0; padding: 0; margin-bottom: 20px; text-align: left; }
#rtnFormStatus p { margin: 0; padding: 0; }
#rtnFormHeader { text-align: left; margin-bottom: 20px; }
#rtnFormHeader p { margin: 5px auto; }
#rtnFormFooter { text-align: left; margin: 20px auto; padding: 20px 0; border-top: 1px solid #CCC; }
#rtnFormFooter p.sm { margin: 0px auto; font-size: 11px; }