/*
	Small Victories Blog Main Css
*/
/*=============================================================================*/
/* common */
body {
	background: #FFFFFF url(http://images.stopandshop.com/sv/themes/smallvictories/images/common/main_bg.gif) top repeat-x;
	margin: 11px 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.clear {
	clear: both;
}

a {
	color: #75a831;
	text-decoration: underline;
}
h2 a {
	text-decoration: none;
}
ul {
	list-style-position: outside;
}
form {
	margin: 0px;
	padding: 0px;
}


h1, h2, h3, h4, p {
	margin: 0px;
	padding: 0px;
}

#wrapper {
	width: 778px;
	margin: 0 auto;
}
/*=============================================================================*/
/* header */
#header {
	text-indent: -9999px;
	overflow: hidden;
	width: 778px;
	height: 88px;
	background:url(../images/common/header_sns.jpg);
}

.headerWelcome {
	background:url(http://images.stopandshop.com/sv/themes/smallvictories/images/common/header_welcome.jpg) !important;
}

#header h1, #header h2 {
	margin: 0px;
	padding: 0px;
}

#headerHomeLink {
	float: left;
	height: 80px;
	width: 340px;
	border: 0;
}
#headerOpcoLink {
	margin-left: 260px;
	float: left;
	width: 170px;
	height: 80px;
	border: 0;
}

/*=============================================================================*/
/* navigation */
#navigation {
	background-color: #71277A;
	height: 150px;
	margin-left: 13px;
	margin-right: 15px;
	margin-top: 7px;
	margin-bottom: 18px;
	padding: 6px;
	color: #FFF;
}

#navigationButtons {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 391px;
	background: transparent;
	background-image: url(../images/common/navigation_buttons_bg.gif);
	background-position: right;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 10;
}
#navigationButtons li {
	float: left;
	display: inline;
	width: 115px;
	height: 18px;
	margin-left: 5px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	cursor: pointer;
}
#navigationPastIssuesBtn.navigationLeft {
	background-image: url(../images/common/viewPastIssues_left_btn.gif);
}
#navigationPastIssuesBtn.navigationOn {
	background-image: url(../images/common/viewPastIssues_on_btn.gif);
}
#navigationPastIssuesBtn.navigationRight {
	background-image: url(../images/common/viewPastIssues_right_btn.gif);
}

#navigationSelectedIssueBtn.navigationLeft {
	background-image: url(../images/common/selectedIssue_left_btn.gif);
}
#navigationSelectedIssueBtn.navigationOn {
	background-image: url(../images/common/selectedIssue_on_btn.gif);
}
#navigationSelectedIssueBtn.navigationRight {
	background-image: url(../images/common/selectedIssue_right_btn.gif);
}

#navigationCategoriesBtn.navigationLeft {
	background-image: url(../images/common/viewByCategory_left_btn.gif);
}
#navigationCategoriesBtn.navigationOn {
	background-image: url(../images/common/viewByCategory_on_btn.gif);
}
#navigationCategoriesBtn.navigationRight {
	background-image: url(../images/common/viewByCategory_right_btn.gif);
}

#navigationContent {
	padding-top: 24px;
	height: 125px;
	width: 738px;
	background-color: #f1eaf2;
	overflow: hidden;
	color: #000;
	position: relative;
}

#navigationContentWrapper {
	width: 2214px;
	height: 125px;
	position: relative;
}

.navigationContentBlock {
	display: inline;
	float: left;
	width: 738px;
}

#navigationSelectedIssue, #navigationPastIssues, #navigationCategories {

}
#navigationSelectedIssueCover {
	width: 94px;
	text-align: center;
	overflow: hidden;
	float: left;
	display: inline;
}

#navigationSelectedIssueDetails {
	width: 200px;
	padding-top: 5px;
	float: left;
	display: inline;
	color: #636363;
	font-size: 11px;
	font-style: oblique;
	line-height: 1.3em;
}
#navigationSelectedIssueDetails h1 {
	margin: 0px;
	padding: 0px;
	letter-spacing: -.02em;
	font-size: 16px;
	color: #71277a;
	font-style: normal;
	line-height: normal;
}
#navigationSelectedIssueDetails h2 {
	margin: 0px;
	padding: 0px;
	letter-spacing: -.04em;
	font-size: 15px;
	font-weight: normal;
	color: #000;
	margin-bottom: 5px;
	font-style: normal;
	line-height: normal;
}
#navigationSelectedIssueDetails a {
	font-style: normal;
}
#navigationSelectedIssueDetails a.navigationSelectedIssueDetailsViewAll {
	margin-left: 10px;
}
#navigationSelectedIssueArticles {
	float: left;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 125px;
	overflow: hidden;
	padding-top: 5px;
}
.navigationSelectedIssueArticle {
	width: 140px;
	float: left;
	display: inline;
	margin-right: 10px;
	margin-top: 10px;
	font-size: 10px;
}
.navigationSelectedIssueArticle img {
	float: left;
	display: inline;
	margin-right: 10px;
}


#navigationSelectedIssueFreshIdeas {
	float: left;
	display: inline;
	width: 144px;
	height: 125px;
	position: absolute;
	font-size: 10px;
	margin-top: -1em;
}

#navigationSelectedIssueFreshIdeas h1 {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: -.05em;
	line-height: 1em;
	color: #71277a;
}
#navigationSelectedIssueFreshIdeas ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navigationSelectedIssueFreshIdeas ul li {
	margin-top: 10px;
}

#navigationPastIssues {
	padding-top: 10px;
}

#navigationPastIssues a img {
	border: 0;
}

#navigationPastIssuesCurrentIssue {
	width: 140px;
	float: left;
	display: inline;
	text-align: center;
	margin-right: 60px;
}

#navigationPastIssues h1 {
	color: #71277a;
	font-size: 11px;
}
#navigationPastIssues h2 {
	color: #000;
	font-weight: normal;
	font-size: 10px;
}

#navigationPastIssuesPastIssues ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#navigationPastIssuesPastIssues ul li {
	width: 86px;
	margin-right: 14px;
	text-align: center;
	float: left;
	display: inline;
}

#navigationCategories h1 {
	color: #71277a;
	font-size: 16px;
	width: 130px;
	text-align: center;
	float: left;
	display: inline;
	margin-top: 10px;
	letter-spacing: -.06em;
}
#navigationCategories ul {
	display: inline;
	float: left;
	width: 142px;
	margin: 0;
	margin-right: 10px;
	padding: 0;
	list-style: none;
	margin-top: 5px;
	text-indent: 0;
	list-style-position: outside;
}

#navigationCategories ul li {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	display: block;
	margin-bottom: 5px;
	letter-spacing: -.06em;
	text-indent: 0;
	line-height: 1.2em;
}

#navigationCategories ul li h2 {
	color: #71277a;
	font-size: 11px;
	font-weight: bold;
}

/*=============================================================================*/
/* articles */
#articles {
	margin-left: 13px;
	margin-right: 15px;
}

.articleSummary {
	background-color: #a1a1a1;
	padding: 5px;
	margin-bottom: 5px;
}
.articleSummary .articleSummaryImage {
	float: left;
	display: inline;
	margin-right: 5px;
	height : 180px;
	width: 180px;
	overflow: hidden;
}
.articleSummary .articleSummarySnippet {
	float: left;
	display: inline;
	width: 362px;
	padding: 8px;
	background-color: #f6f6f6;
	min-height: 164px;
	font-size: 11px;
	line-height: 1.5em;
	letter-spacing: -.05em;
}
.articleSummary .articleSummarySnippet h1, .articleSummary .articleSummarySnippet h2, .articleSummary .articleSummarySnippet h3 {
	margin: 0px;
	padding: 0px;
	line-height: 1em;
	letter-spacing: normal;
}
.articleSummary .articleSummarySnippet h1 {
	font-size: 16px;
	font-weight: bold;
	color: #71277a;
}
.articleSummary .articleSummarySnippet h2 {
	font-size: 14px;
	line-height: 1.2em;
	letter-spacing: -.02em;
	color: #71277a;
	font-weight: normal;
}
.articleSummary .articleSummarySnippet h1 a, .articleSummary .articleSummarySnippet h2 a {
	color: #71277a;
	text-decoration: none;
}
.articleSummary .articleSummarySnippet h3 {
	font-size: 11px;
	font-weight: normal;
	margin-top: 6px;
	margin-bottom: 8px;
	letter-spacing: -.04em;
}
.articleSummary .articleSummarySnippet p {
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
.articleSummary .articleSummarySnippet strong {
	color: #71277a;
}
.articleSummary .articleSummarySnippet .articleSummaryReadMore {
	display: block;
	margin-top: 6px;
}
.articleSummary .articleSummarySnippet .articleSummaryReadMore a {
	color: #97bd66;
}

.articleSummaryMeta {
	float: left;
	display: inline;
	width: 157px;
	margin-left: 12px;
	padding-right: 8px;
	padding-top: 5px;
	font-size: 11px;
	letter-spacing: -.04em;
	color: #FFF;
	font-style: italic;
	height: 175px;
	overflow: hidden;
}

.articleSummaryMeta a {
	color: #ffd451;
	font-style: normal;
}

.articleSummaryMetaSubmitted {
	border-bottom: 1px solid #818181;
	padding-bottom: 8px;
}
.articleSummaryMetaRating {
	border-top: 1px solid #b4b4b4;
	padding-top: 8px;
	
	border-bottom: 1px solid #818181;
	padding-bottom: 8px;
}
.articleSummaryMetaComments {
	border-top: 1px solid #b4b4b4;
	padding-top: 8px;
}

.articleSummaryMetaRatingStars {
	margin-top: 4px;
}
.ratingStar {
	float: left;
	display: inline;
	width: 17px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../images/common/star_empty.gif);
	cursor: pointer;
}
.ratingStarEmpty {
	background-image: url(../images/common/star_empty.gif);
}
.ratingStarFull {
	background-image: url(../images/common/star_full.gif);
}
.ratingStarHover {
	background-image: url(../images/common/star_hover.gif) !important;
}

.videoArticle .articleSummaryVideo {
	width: 548px;
	
	float: left;
	display: inline;
	padding: 7px;
	background-color: #f6f6f6;
	overflow: hidden;
	font-size: 11px;
	line-height: 1.2em;
	letter-spacing: -.05em;
}

.videoArticle .articleSummaryVideo h2 {
	font-size: 12px;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #71277a;
	margin-bottom: 5px;
}
.videoArticle .articleSummaryVideo h2 a {
	color: #71277a;
	text-decoration: none;
}
.videoArticle .articleSummaryVideo p {
	margin-bottom: 10px;
}

.videoArticle .articleSummaryVideoEmbed {
	width: 425px;
	height: 344px;
	float: left;
	display: inline;
	margin-right: 7px;
}









#article {
	width: 741px;
	background-color: #a1a1a1;
	margin-left: 13px;
	margin-right: 15px;
	padding: 5px;
	margin-bottom: 5px;
}
#article .articleContent {
	width: 524px;
	float: left;
	display: inline;
	background-color: #f6f6f6;
	color: #000;
	padding: 20px;
	font-size: 12px;
	line-height: 1.6em;
	letter-spacing: -.02em;
}
#article .articleContent h1 {
	line-height: normal;
	font-size: 20px;
	margin-bottom: 1em;
	color: #ef3c30;
}

/*
	this part specifies a specific header for a specific article.  if this is missing, a regular H1 heading will appear.
	
	all article titles should be wrapped in an H1 tag, and a seperate css file can be created to manage these article headers.
*/
#article .articleContent h1#article-1-header {
	text-indent: -9999px;
	width: 564px;
	height: 201px;
	background-image: url(../images/articles/article1_header.jpg);

	
	
	margin-top: -20px;
	margin-left: -20px;
	margin-bottom: 20px;
	overflow: hidden;
}

#article .articleContent p {
	margin-bottom: 1em;
}
#article .articleContent ol {
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}
#article .articleContent ol li {
	margin-bottom: 1em;
}


#article .articleSideBar {
	float: left;
	display: inline;
	width: 172px;
	margin-left: 5px;
}

#article .articleSideBar .articleSummaryMeta {
	display: block;
	float: none;
	margin-left: 8px;
}

#article .articleSideBar .articleQuickTip {
	margin: 2px;
	background-color: #eccdc4;
	border: 5px solid #b83700;
	padding: 10px;
	font-size: 11px;
	line-height: 1.4em;
	letter-spacing: -.04em;
	position: relative;
	margin-top: 20px;
}
#article .articleSideBar .articleQuickTip h1 {
	background-color: #b83700;
	padding: 10px;
	padding-top: 5px; 
	margin: -10px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	margin-bottom: 10px;
}
#article .articleSideBar .articleQuickTip h2 {
	color: #71277a;
	font-size: 13px;
	margin-bottom: 10px;
}

#articleComments {
	clear: both;
	width: 721px;
	margin-left: 13px;
	margin-right: 15px;
	padding: 10px;
	border: 5px solid #a1a1a1;
	background-color: #EEE;
	
}
#articleCommentsWrapper {
	background-color: #EEE;
	padding: 10px;
}
#articleComments h1 {
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
	letter-spacing: -.02em;
	font-size: 16px;
	color: #FFF;
	font-style: normal;
	line-height: normal;
	color: #DC291E;
}
#articleCommentsForm {
	background-color: #e6e6e6;
	padding: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
	border: 1px solid #c6c6c6;
}
#articleCommentsForm h2 {
	color: #DC291E;
	font-size: 12px
}
#commentField {
	width: 420px;
	float: left;
	display: inline;
}
#commentActions, #commentActionsTeaser {
	float: left;
	display: inline;
}
#commentRegister, #commentRegisterCancel {
	font-size: 11px;
	letter-spacing: -.04em;
	color: #000;
	font-style: italic;
	margin: 5px 0px;
}

.commentLoginLabels {
	color: #AAA;
	font-style: italic;
}

#articleComments #commentText {
	width: 400px;
	height: 120px;
	border: 1px solid #c6c6c6;
	background-color: #fff;
	margin: 0px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px 0px;
}
#articleComments label {
	display: none;
}

#commentRegisterForm label {
	display: none;
}
#registerSubmit {
	margin-top: 5px;
}
#commentUsername, #commentPassword, #commentPassword-label, #registerUsername, #registerPassword, #registerPasswordConfirm, #registerPassword-label, #registerPasswordConfirm-label, #registerEmail {
	width: 150px;
	padding: 4px;
	font-size: 12px;
	margin: 0px;
	border: 1px solid #c6c6c6;
	margin-top: 5px;
	margin-top: 5px;
}

#commentLoginDescription {
	font-size: 10px;
	width: 170px;
	margin-top: 5px;
}
#commentLoggedInInfo {
	font-size: 10px;
	width: 170px;
	margin-top: 5px;
}

#commentLoginLoading {
	
}
.commentLoginLoadingFull {
	background: url(../images/common/comment_ajax_small.gif) 0px 6px no-repeat;
	padding-top: 28px;
	margin-top: 10px;
	font-size: 10px;
	color: #777;
	
}
#commentLoginErrors {
	
}
.commentError {
	font-size: 10px;
	color: #F00;
	line-height: 20px;
}


#commentSubmit {
	margin-top: 5px;
}
#commentSignIn {
	margin-top: 5px;
}

.commentBtnAjax {
	width: 115px;
	height: 18px;
	background: url(../images/common/comment_ajax_small.gif) no-repeat center center;
	margin-top: 5px;
}

.commentInputError {
	border: 1px solid #F00 !important;
}

#commentTeaserBtn {
	margin-top: 5px;
	float: left;
	display: inline;
}
#commentTeaserBtn {
	cursor: pointer;
}

#articleCommentsContent {

}



.articleComment {
	margin-bottom: 5px;
	background-color: #F6F6F6;
	background-image: url(../images/common/comments_bg.gif);
	background-repeat: repeat-y;
	border: 1px solid #C6C6C6;
}
.articleCommentMeta {
	background-image: url(../images/common/commentArrow.gif);
	background-repeat: no-repeat;
	background-position: right 22px;
	float: left;
	display: inline;
	width: 155px;
	padding: 5px;
	text-align: right;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;

}
.articleCommentMeta h2 {
	color: #DC291E;
	font-size: 12px
}
.articleCommentMeta h3 {
	font-weight: normal;
	font-size: 9px;
}
.articleCommentContent {
	float: left;
	width: 500px;
	display: inline;
	padding: 15px;
	background-color: #f6f6f6;
	color: #000;
	padding: 20px;
	font-size: 12px;
	line-height: 1.6em;
	letter-spacing: -.02em;
}
.articleCommentContent p {
	margin: 0px;
	padding: 0px;
}



/*=====================================================================*/
/*		STORE SELECT PAGE
/*=====================================================================*/


#selectSite {
	width: 562px;
	margin: 0 auto;
	margin-top: 20px;
}
#selectSite p {
	font-size: 24px;
	text-align: center;
	margin-bottom: 5px;
	color: #71277A;
}
#selectSiteGiant, #selectSiteSns {
	float: left;
	display: inline;
}
#selectSiteGiant a {
	display: block;
	width: 276px;
	height: 186px;
	background: url(http://images.stopandshop.com/sv/themes/smallvictories/images/welcome/welcome_giant.png) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
#selectSiteSns a {
	display: block;
	width: 276px;
	height: 186px;
	background: url(http://images.stopandshop.com/sv/themes/smallvictories/images/welcome/welcome_sns.png) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	margin-left: 10px;
}
#selectSiteGiant a:hover, #selectSiteSns a:hover {
	background-position: 0px -186px;
}