strong { font-weight: bold; }

.pageTop { height: 48px; position: relative; }
.pageTop h1 { margin: 0; padding: 0; height: 48px; line-height: 1em; width: 176px; float: left; }
.pageTop .tagline { font-size: 11px; margin-top: 8px; height: 12px; margin: 10px 0 0 0; padding: 0; }

.pageTop #search { width: 380px; height: 24px; position: absolute; top: 10px; right: 0px; 
                    background: url(/images/search-bg.jpg) repeat-x; } 
#search #search_text { position: absolute; top: 3px; left: 124px; border: 0; width: 215px; }                    
#search #search_submit { position: absolute; top: 0; right: 0; }

#search_form label { font-weight: normal; }
#search_form #search_text { border: 1px #79c350 solid; width: 250px; height: 14px; padding: 3px; margin: 10px 0 10px 0;}
#search_form #submit { margin: 10px 0 10px 0; height: 22px; } 
span.search_term { color: #79c350; }
span.matched_text { background: #77ff77; font-weight: bold; color: #000;  }

.featureBox { background: #e3442a; margin: 0; } 

/* delivery view */
#deliveryWindow, .infoConfirm { width: 870px; margin: 10px auto 10px 40px; }
.address,
.infoConfirm h2 { width: 500px; float: left; clear: left;  }
.options { float: right; width: 300px; text-align: right; padding-top: 10px;  }
.bottom { padding-top: 0; }


/* Anchors */
a, a:link { color: #589735; }
a:visited { color: #666; }
a:hover, a:active{ color: #e3442a; }


/* breadCrumb */
.breadCrumb { margin-bottom: 10px; width: 100%; position: relative; /* height: 14px; */ line-height: 14px; }
.cardTopNav { text-align: center; }
.breadCrumb a { text-decoration: none; font-size: 10px;  }
.breadCrumb a:hover { text-decoration: underline;  }
.breadCrumb a.prev { position: absolute; top: 0; left: 15px; }
.breadCrumb a.next { position: absolute; top: 0; right: 0; }
.breadCrumb a.title { padding: 0 100px 0 100px; width: 525px; display: block;}

/* stage bar */
.stage { padding-bottom: 10px; }

/* bookmarking */
.bookmarking a,
 .bookmarking a:link { color: #000; font-size: 10px; }

/* Homepage  Feature */
.divider { background: url(/images/divider.jpg) top left no-repeat; height: 15px; }

.featureLeft,
.featureMiddle,
.featureRight { height: 270px; float: left; position: relative; }

.featureBox .corner { width: 10px; height: 10px; }

.featureBox * { color: #fff; }
.featureBox input { color: #000; }

.featureLeft { background: #e3442a; width: 500px; }
.featureLeft .nw { background: url(/images/feature-tl.jpg) no-repeat; }
.featureLeft .sw { background: url(/images/feature-bl.jpg) no-repeat; }

.featureMiddle { background: #4a2823; width: 225px; font-size: 11px; }
.featureMiddle	{ color: #fff; }
.featureMiddle h4 { font-weight: bold; font-size: 18px; height: auto; color: #79c350; margin: 10px 0 10px 0;  }
.featureMiddle h5 { font-weight: bold; font-size: 14px; color: #c5e37f; margin-bottom: 5px; }
.bounds { padding: 15px; }
.featureMiddle .divider { width: 2px; height: 240px; position: absolute; top: 15px; right: 0px; background: #c5e37f; }
.featureMiddle a { color: #c5e37f; }

.featureRight { background: #4a2823; width: 225px; }
.featureRight .ne { background: url(/images/feature-tr.jpg) no-repeat; }
.featureRight .se { background: url(/images/feature-br.jpg) no-repeat; }

/* homepage login form */
.homeLogin { padding: 5px 15px 5px 15px; }
.homeLogin input.tf { border: 2px #79c350 solid; padding: 2px; width: 181px; }
.homeLogin p { width: 185px; }
.homeLogin .submit { text-align: center; width: 185px; height: 30px; }
.homeLogin .submit a { margin: 0; padding: 0; }
.homeLogin .submit input { padding: 0; margin: 0; display: inline; }
.homeLogin .underLinks { color: #fff; font-size: 10px; text-align: center; } 
.homeLogin .underLinks a:link, 
.homeLogin .underLinks a { color: #c5e37f; }
.homeLogin .submit img { display: inline; padding: 0; margin: 0; }
.homeLogin form { margin: 0; padding: 0; display: inline; }


.separator { padding-top: 10px; }
.homeContent { margin-left: 12px; }
.homeContent h3 { margin: 0 auto 5px auto; }
.cardListContainer { width: 520px; overflow: hidden; clear: both; float: none; position: relative; background: #e8f4cc; padding: 0 5px 0 0px; margin-bottom: 20px;  }
.cardList { list-style: none; display: block; clear: both; float: none; width: 2000px;  }
.cardList li { display: block; float: left; width: 110px; padding: 10px 4px 2px 4px;  height: 175px; border: 2px solid #e8f4cc; }
.cardList li .card_text { text-decoration: none; font-size: 10px; color: #000; display: block; height: 15px; }
.cardList a,
.cardList a:link { text-decoration: none; }
.cardListContainer .ne { background: url(/images/subfeature-tr.jpg) no-repeat top left; height: 10px; width: 10px;  }
.cardListContainer .nw { background: url(/images/subfeature-tl.jpg) no-repeat top left; height: 10px; width: 10px;  }

/* login box */
.userbox { font-size: 10px; line-height: 10px; padding: 0 0 10px 0; margin: 0 0 10px 0; position: absolute; top: -8px; right: 5px;  }
.userbox h2 { font-weight: bold; }
.userbox p { padding: 1px; margin: 1px; }

/* Categories/Navigation */
.navCol { background: #c5e37f; position: relative; padding: 0; margin: 0px; }
.navCol .corner { width: 10px; height: 10px;  }

/* cat list */
.navCol ul { list-style: none; padding: 10px 0 10px 0; margin: 0; }
.navCol ul li { margin: 0; padding: 0; }
.navCol li a { display:block; padding: 2px 20px 2px 20px; text-decoration: none; color: #4a2823; }
.navCol li a:hover,
.navCol li a.active { background: #b03272; font-weight: bold; color: #fff; }

/* navCol corners */
.navCol .ne { background: url(/images/categories-tr.jpg) no-repeat; }
.navCol .se { background: url(/images/categories-br.jpg) no-repeat; }
.navCol .nw { background: url(/images/categories-tl.jpg) no-repeat; }
.navCol .sw { background: url(/images/categories-bl.jpg) no-repeat; }
.categories h2 { padding: 0 0 3px 0; margin: 0; height: 22px; line-height: 22px; font-size: 10px; }

/* home maincontent */
.contentCol h3 img { padding-top: 5px; }

/* category view */
.category-view .card_list { list-style: none; margin: 0; padding: 0; }
.category-view .card_list .imageLink { display: block; float: left; padding: 1px; border: 1px #ddd solid;  }
.category-view ul li { display: block; float: none; clear: both; padding: 10px 0 10px 0; border-top: 1px #ddd solid; }
.category-view li p { margin: 15px 10px 10px 20px; float: left; font-size: 14px;  }
.category-view li p img { margin: 5px 5px 5px 0; }

/* pagination */
.pagination { display: block; width: 400px; height: 24px; margin: 3px 0 3px 0; clear: both; float: none; }
.pagination a.pageLink {     border: 1px #c5e37f solid; padding: 1px 4px 1px 4px; text-align: center; 
                            text-decoration: none; margin: 1px; display: block; float: left; }
.pagination a.current,
.pagination a:hover { color: #fff; background: #c5e37f; }


/* card view */
.card-info { padding-top: 15px; }
.instructions { font-size: 10px; padding-bottom: 15px;  }
.cardRating { font-size: 14px; font-weight: bold; }

/* footer */
.footer { border-top: 4px #c5e37f solid; margin-top: 25px; height: 100px;  }
.footer p { width: 400px; float: left; }
.footer .right { float: right; text-align: right; }

/* send card */
.sendForm { position: relative; }
.sendForm .recipient,
.sendForm .sender { padding: 0 20px 20px 80px; margin-top: 15px;}
.sendForm .recipient { background: url(/images/step-one.gif) top left no-repeat; }
.sendForm .sender { background: url(/images/step-two.gif) top left no-repeat; }
.sendForm input#recip_address,
.sendForm input#recip_name,
.sendForm input#sender_address,
.sendForm input#sender_name {   border: 1px solid #ccc; width: 250px; font-size: 16px; font-weight: bold; display: block; 
                                padding: 4px; }
.tuckedBit { font-weight: normal; font-size: 10px; line-height: 14px; height: 14px; margin: 0; padding: 0;}
.tuckedBit input { display: block; float: left; clear: left; }
.tuckedBit label { font-weight: normal; margin: 2px 0 0 2px;  display: block; float: left; clear: right; }
.note { padding-top: 25px; float: none; clear:  both; }

.sendForm .submit { text-align: right; margin-top: 20px;  }


/* registration, login, captcha */
.standard div { padding: 10px 0px 10px 0px; clear: both; float: none; }
.standard div label { width: 180px; display: block; float: left;  }
#loginform div label,
#reset div label { width: 120px; }
.registration input.text_input { width: 194px; }
.registration select { margin-top: -3px; }
.registration #submit { margin-left: 300px; }
form.standard { clear: both; float: none; }

/* unregistration */
#reason { width: 400px; height: 80px; }

/* my account styles */
.my_cards .card_list, 
.my_account .card_list { list-style: none; margin: 0;  }
.my_account .profile { padding: 10px; background: #eff7ce; margin: 4px 0 10px 0; }
.my_cards .card_list li,
.my_account .card_list li {    display: block; margin: 5px 0 10px 0; clear: both; font-size: 10px; padding: 10px; 
                                border-bottom: 1px #ccc solid; border-top: 1px #eee solid; /* height: 75px; */ }
.my_cards .card_list li img, 
.my_account .card_list li img { float: left; clear: left; }
.my_cards .card_list li div.card_details { display: block; width: 300px;  float: left; clear: right; padding-left: 10px;   } 
.my_account .card_list li div.card_details { display: block; width: 170px;  float: left; clear: right; padding-left: 10px;   }

.public { background: #d3f585; }

/* inline login */
h3.inline { text-align: left; color: #589735; font-size: 11px; font-weight: normal;}
#inlineLoginMessage { display: block; position: relative;}
#inlineLoginMessage iframe { display: block; height: 110px; width: 570px; position: relative; top: 0; left: 0; }                                     
.inlineError { color: #c00; font-weight: bold; }

/* pickup page styles */
.pickupCategoryList { padding-top: 5px; clear: right; float: right; width: 500px;  }
.pickupCategoryList div { padding-top: 10px; }
.pickupCategoryList h4,
.pickupCategoryList ul { float: left; list-style: none; margin: 0; padding: 10px 0 0 0; }
.pickupCategoryList ul li { padding-right: 20px;  }

.pickupAdSpace { width: 336px; float: left; }

/* advertisements */
.ad_block { padding-top: 12px; background:url(/images/omgvertisement.gif) no-repeat top center; }
.preroll { text-align: center; }
.adCol { border: 1px #fff solid;  }
.cardViewerAd { margin: 10px 0 15px 0;  }

/*
Utility Classes
*/
.lo { font-size: 1px; line-height: 1px; } /* layout only, so kill the stuff IE6 screws up on */
.ne { position: absolute; top: 0; right: 0; } /* north east corner */
.nw { position: absolute; top: 0; left: 0; } /* north west corner */
.se { position: absolute; bottom: 0; right: 0; } /* south east corner */
.sw { position: absolute; bottom: 0; left: 0; } /* south east corner */

.clr { clear: both; float: none; width: 100%; font-size: 0px; line-height: 0px;	height: 0px; }
.nowrap { white-space: nowrap; }


/* flash player alternate content */
.flashPlayerError { padding: 10px; margin: 10px; background: #fff; color: #000 !important; display: block; float: none; clear: both; }
.flashPlayerError p { color: #000; }

/* comments form */
body#comments { padding: 0; margin: 0; width: 315px; }
body#comments form { width: 315px; }
#comment { width: 314px; height: 100px;  }
#nickname { width: 314px; display: block; margin-bottom: 5px; }
iframe#ic { width: 100%; height: 500px; }
body#comments #submit { float: right; margin-top: 5px;  }


/* comments display */
.comment { border-bottom: 1px #aaa solid; padding: 5px 10px 5px 10px; clear: both;  }
.odd { background: #f0f0f0; }
.comment .meta_info {  }
.comment .meta_info .nickname { float: left; font-size: 10px; margin-bottom: 0; padding-bottom: 2px; }
.comment .meta_info .comment_date { font-size: 10px;  margin-bottom: 0; padding-bottom: 2px; float: right;  }
.comment .comment_text { clear: right; padding-top: 2px;  }
.comments { margin-bottom: 10px; }


/* user card list / user card gallery */
ul.usercardlist { list-style: none; margin: 0; padding: 0; }
.usercardlist li {  display: block; float: left; margin: 2px; position: relative; 
					background: #c5e37f; text-align: center; width: 110px; padding: 10px; }
.usercardlist li span { font-size: 10px; line-height: 15px; padding: 0;  }
.headlineLink h3 { float: left; }
.headlineLink span 	{ 	font-size: 10px; display: block; padding: 0 10px 0 15px;  text-align: center; float: left;
					}	
.headlineLink span a { position: relative; top: 4px;  }
/* card rating */
#rate_form div 	{ width: 25px; padding: 3px; text-align: center; float:left; }
#rate_form		{ clear: both; float: none; }
#rate_form #submit
				{ float: right; clear: both; }

.usercreated img { padding: 0 0 10px 0; display: block; float: none; clear: both;   }

.categoryhead h3 { width: 50%; float: left;  }
.categoryhead a { display: block; width: 20%float: right; text-align: right; }
.createdby { font-size: 10px; }