/* blue 6A9BC8  brown 512A14 dark green (7AAE37 replaced with) 6C9A31 light green 9ECB3A gray 808183 */

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }

blockquote, q { quotes: none; }

:focus { outline: 0;}

ins { text-decoration: none;}

del {	text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0;}

img {border: 0;}

/* generics */

* {font-size: 100%; }
body {font: 0.75em/1.4 Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0;
  color: #666; background: #fff; 
  min-width: 40em; margin: 0 auto;}

input, textarea, select {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2;}
.hiddenFields {display: none;}

.clr {display: block; clear: both;}

p {margin: 0 0 15px 0 ; padding: 0;}

h1, h2 {margin: 5px 0;  padding: 0; font-size: 1.5em; color: #6A9BC8; font-weight: normal;}
h3 {margin: 0; padding: 0; font-size: 1.5em; color: #7AA637; font-weight: normal;}

h1.line {border-bottom: solid 1px #6A9BC8; margin-bottom: 10px;}

a {color: #6C9A31; text-decoration: none; outline: none;}
a:link {color: #6C9A31; text-decoration: none; outline: none; background-color: transparent;}
a:visited {color: #6A9BC8; text-decoration: none; background-color: transparent;}
a:hover {color: #6A9BC8; text-decoration: none; background-color: #FEF2FE;}
a:active {color: #6C9A31; text-decoration: none; outline: none; background-color: #FEF2FE;}

ul {margin:0 0 0 10px; padding: 0 0 10px 10px;}
ol {margin: 0 0 0 15px; padding: 0 0 10px 15px; }

p + ul {margin: -15px 0 0 10px; padding: 0 0 20px 10px;}
p + ol {margin: -15px 0 0 15px; padding: 0 0 20px 10px;}

sup {font-size: 0.833em; vertical-align: super;}

#wrapper {width: 950px; margin: 0 auto; }

/* #site {clear: both; position: relative; } */

#site {clear: both;}
#lead {width: 100%; overflow: hidden;}

#header {clear: both; position: relative; height: 157px; border-top: solid 1px #F7B9D4; border-bottom: solid 1px #bfcdaa; margin-top: 10px; }
#sideLeft {clear: both; width: 178px; float: left; }
#page {position: relative; width: 770px; float: right; }

#content {width: 570px; float: left;}
#content.narrow {width:440px; float: left;}
#content.wide, .wide#content {width: 770px; margin: 0;}
#side {width: 300px; float: right;}
#side.narrow {width: 170px; }

#side .split.left {width: 160px; float: left;}
#side .split.right {width: 130px; float: right;}

#logo { position: absolute; width:300px; top: 1px; left:0;}
a#logo:hover,  a#logo:active {background-color: #fff;}

.leaderboard {margin: 0 auto; width: 728px; }
.leaderboard .ad {margin: 10px 0; }

.leaderboard2 {width: 728px; height: 90px; float: left;}
.leaderboard2 .ad {margin: 10px 0; }




#otherSavvy {position: relative; width: 463px; float: right; margin: 67px 0 10px 0;}
#otherSavvy ul {margin:0; padding: 0; list-style-type: none;}
#otherSavvy li {margin:0; padding: 0; display: inline;}
#otherSavvy #ShopSavvy {display: block; float: left; width: 104px; height: 29px;  text-indent: -9999px; text-decoration: none;}
#otherSavvy #ShopSavvy, #otherSavvy #ShopSavvy:visited {background: url(/template/otherSavvy_nav.gif) no-repeat 0 0 #fff; }
#otherSavvy #ShopSavvy:hover, #otherSavvy #ShopSavvy:active {background: url(/template/otherSavvy_nav.gif) no-repeat 0 -50px #fff; }
#otherSavvy #ShareSavvy {display: block; float: left; width: 127px; height: 29px;  text-indent: -9999px; text-decoration: none;}
#otherSavvy #ShareSavvy, #otherSavvy #ShareSavvy:visited {background: url(/template/otherSavvy_nav.gif) no-repeat -104px 0 #fff; }
#otherSavvy #ShareSavvy:hover, #otherSavvy #ShareSavvy:active {background: url(/template/otherSavvy_nav.gif) no-repeat -104px -50px #fff; }
#otherSavvy #EatSavvy {display: block; float: left; width: 110px; height: 29px;  text-indent: -9999px; text-decoration: none;}
#otherSavvy #EatSavvy, #otherSavvy #EatSavvy:visited {background: url(/template/otherSavvy_nav.gif) no-repeat -231px 0 #fff; }
#otherSavvy #EatSavvy.current, #otherSavvy #EatSavvy.current:visited, #otherSavvy #EatSavvy:hover, #otherSavvy #EatSavvy:active {background: url(/template/otherSavvy_nav.gif) no-repeat -231px -50px #fff; }
#otherSavvy #SavvyBlog {display: block; float: left; width: 115px; height: 29px;  text-indent: -9999px; text-decoration: none;}
#otherSavvy #SavvyBlog, #otherSavvy #SavvyBlog:visited {background: url(/template/otherSavvy_nav.gif) no-repeat -341px 0 #fff; }
#otherSavvy #SavvyBlog.current, #otherSavvy #SavvyBlog.current:visited, #otherSavvy #SavvyBlog:hover, #otherSavvy #SavvyBlog:active {background: url(/template/otherSavvy_nav.gif) no-repeat -341px -50px #fff; }


#nav { position: absolute; top: 105px; right: 0; width: 670px; }

#nav ul {padding: 5px 10px 5px 30px; margin: 0; list-style-type: none; float: right; background: url(/template/nav_bg.gif) repeat-x left top #fff;}
#nav li {display: inline; text-transform: uppercase; }
#nav a {display: block; float: left; padding: 0 10px; font-size: 0.916em;}
#nav li.first a {padding: 0 10px 0 0;}
#nav li.last a {padding: 0 0 0 10px;}
#nav a:link, #nav a:visited {color: #625C5C; text-decoration: none; background-color: transparent;}
#nav a:hover, #nav a:active, #nav a.current, #nav a.current:link, #nav a.current:visited{color: #6C9A31; text-decoration: none; background-color: transparent;}

#nav_categories {position: absolute; bottom: 5px; right: 10px;}
.submenu ul, #nav_categories {margin:0 0 0 -8px; padding:0; list-style-type:none;  background-image: none; background-color: transparent; float: left;}
#nav_categories {margin: 0 0 0 -5px;}
.submenu li, #nav_categories li {display: inline; width: auto;  float: none; clear: right; text-transform: lowercase; padding: 0;}
.submenu li a, #nav_categories a {padding: 0 8px; background: url(/template/pipe.gif) no-repeat center right transparent; font-size: 0.833em; float: left; }
#nav_categories a {padding: 0 5px;}
.submenu li.last a, #nav_categories li.last a {padding-right: 0; background-image: none;}
.submenu li.first a, #nav_categories li.first a { }
.submenu li a:link, .submenu li a:visited, #nav_categories a:link, #nav_categories a:visited {color: #6C9A31; text-decoration: none;}
.submenu li a:hover, #nav_categories a:hover, .submenu li a:active, #nav_categories a:active {color: #6A9BC8; text-decoration: none;}
.submenu li a.current, #nav_categories a.current {color: #666; text-decoration: none;}

#signup {position: absolute; top: 25px; left: 350px; z-index:2;}
#signup a {background: transparent;}

#signup2 {width: 216px; float: right; margin-top: 23px;}
#signup2 a {background: transparent;}



#editionChoose {position: absolute; top: 10px; left:  480px;  font-size: 0.916em;}
#editionChoose label {text-transform: uppercase; display: block;}

#editionChoose2 {background: url(/template/separator.gif) no-repeat 50% 100% transparent; padding: 5px 0 20px 0;}
#editionChoose2 label { display: block; font-size: 1.5em; line-height: 1.5; color: #6A9BC8; }
#editionChoose2 select { width: 100%;
border:        1px solid #7F7F7F;
background-color:  #FFF;
color:             #6C9A31;
font-family:       Verdana, Arial, sans-serif;
font-size:         1em; font-weight: normal;
padding:           1px;
}
#editionChoose2 option {color: #666;}


#search {position: absolute; top: 10px; right: 0px; }
#search td {vertical-align: middle; font-size: 0.916em;}
#search label {text-transform: uppercase; padding: 0 10px 0 0;}
#search a:hover {color: #6A9BC8;}
#search .input {width: 140px; background:  #fff; }
#search .go {margin-left: 5px;}




#search2 {width: 214px; float: right; margin: 5px 0; }
#search2 table {width: 100%;}
#search2 td {vertical-align: middle; font-size: 0.916em;}
#search2 label {text-transform: uppercase; padding: 0 5px 0 0;}
#search2 a:hover {color: #6A9BC8;}
#search2 .input {width: 125px; background: #fff ; margin: 0; border-width: 0; margin: 0; }
#search2 div {width-space: nowrap; padding: 1px; border: solid 1px #ccc; text-align: justify;}

#search3 {width: 216px; float: right; margin: 5px 0; overflow: hidden; }
#search3 .input {display: block; float: left; width: 182px; height: 22px; line-height: 22px; background: #fff ; margin: 0; border: 0; padding: 0; }
#search3 div {display:inline; padding: 1px 2px; border: solid 2px #d7e9b3; float: left; }
#search3 .go {float: right;}

.404 #search {position: relative; top: 0; left: 0;}

#sideLeft .inner {padding:10px 10px 0 0; background: url(/template/side_separator.gif) no-repeat 100% 30px #fff; }

#topics .categ {clear: both; position: relative; background: url(/template/separator.gif) no-repeat 50% 100% transparent; padding: 10px 0 15px 0;}
#topics .categ.last {background-image: none;}
#topics .name {margin-bottom: 5px; font-size: 0.833em; color: #666;}
#topics .name a {color: #666; background: #fff;}
#topics .name a:link, #topics .name a:visited {color: #666;}
#topics .name a:hover, #topics .name a:active {color: #666;}
#topics .name .cat_name {font-size: 1.8em; line-height: 1;}
#topics .name a:link .cat_name, #topics .name a:visited .cat_name {color: #6A9BC8;}
#topics .name a:hover .cat_name, #topics .name a:active .cat_name {color: #6C9A31;}

#topics .image {float: left;  margin: 2px 0 5px 0;}
#topics .items {width: 90px; float: right;}
#topics .items .item {display: block; padding-bottom: 10px; font-size: 0.833em; }
#topics .items .item.last {padding-bottom: 0; background-image: none;}

#topics .items .itemm {display: block; padding-bottom: 5px; font-size: 0.833em; }
#topics .items .itemm.last {padding-bottom: 0; background-image: none;}

#breadcrumb {margin-left: 20px; font-size: 0.833em;  color: #9E948E; padding: 5px 0 20px 0; text-transform: lowercase;}
#breadcrumb a { color: #9E948E; }
#breadcrumb b {font-weight: normal;}

.change { font-size: 0.833em;  color: #6A9BC8;  text-transform: lowercase; margin: 0 0 15px 0;}
.change a:link, .change a:visited {color: #6C9A31; text-decoration: none; background: transparent;}
.change a:hover, .change a:active {color: #6A9BC8; text-decoration: none; background: transparent;}
.change a.current {color: #666;}

.ad {position: relative; margin: 0 0 15px 0; }
.ad, .ad a {font-size: 0.833em; color: #bbb; text-decoration: none;}
.ad a:hover {color: #bbb; text-decoration: none;}


/* form style */

form td {padding: 2px; vertical-align: top;}
form td.submit {text-align: right;}

form td.right {text-align: right;}



.input {
border:        1px solid #7F7F7F;
background-color:  #FFF;
color:             #666;
font-family:       Verdana, Arial, sans-serif;
font-size:         0.833em; font-weight: normal;
padding:           1px;
width: 300px;
}

.textarea {
border:        1px solid #7F7F7F;
background-color:  #FEF6F9;
color:             #666;
font-family:       Verdana, Arial, sans-serif;
font-size:         0.833em; font-weight: normal;
width: 300px;
overflow: auto;
}


input.submit {
border:        1px solid #6C9A31;
background-color:  #fff;
font-family:       Verdana, Arial, sans-serif;
font-size:         1em;
font-weight:       normal;
padding:           5px;
margin:        0;
text-transform:    uppercase;
color:             #6C9A31;

cursor:pointer;
}



select {
border:        1px solid #7F7F7F;
background-color:  #FFF;
color:             #666;
font-family:       Verdana, Arial, sans-serif;
font-size:         0.833em; font-weight: normal;
padding:           1px;
}

.option {
background-color:  #FEF6F9;
color:             #666;
font-family:       Verdana, Arial, sans-serif;
font-size:         0.833em; font-weight: normal;
}

fieldset {border:  1px solid #F8C5DB; padding: 5px;}


#comments {margin: 0; padding: 0; list-style-type:none;}
#comments li  {border: solid 1px #DFE7D4; padding: 10px; margin-bottom: 15px;}
#comments .posted {margin: 0 0 5px 0; color: #6a9bdb;}
#comments .posted .author {color: #666;}



.posted {font-size: 0.833em;}
.posted img {vertical-align: middle;}

.container { position: relative; margin: 0 0 20px 0;}
.margin20 {margin-left: 20px;}
.container.line h2 {border-bottom: solid 1px #6A9BC8; margin: 5px 0 0 0; padding: 0 0 5px 0;}
.container.indent .entry {margin-left: 10px;}
.entry { margin: 10px 0 15px 0; clear: both; }
.entry.border { border: solid 1px #fff; border-bottom-color: #B4D670;} /* just to fix the damn IE6 */

.intro {color: #6A94C1;}
.intro a:link {color: #6C9A31; text-decoration: none; outline: none; background-color: transparent;}
.intro a:visited {color: #6C9A31; text-decoration: none; background-color: transparent;}
.intro a:hover {color: #6A9BC8; text-decoration: none; background-color: #FEF2FE;}
.intro a:active {color: #6C9A31; text-decoration: none; outline: none; background-color: #FEF2FE;}

.more {font-size: 0.833em; text-align:right; margin: -10px 0 10px 0;}

.new .info {width: 265px; float:left;}
.new .image { width: 125px; float: right; margin: 0 0 5px 0;}
.new .topic, .lead .topic {font-size: 1.166em; color: #6C9A31; margin-bottom: 5px;}

.favorite .info {width: 265px; float:right;}
.favorite .topic { width: 127px; float: left; font-style: italic; }
.favorite .image {text-align: center;}
.favorite .image a {display:block;}

.archiveCol {width: 265px; float: left; margin: 0 20px 20px 0;}
.archiveCol .issue {display: block; color: #6A9BC8; font-size: 0.833em;}
.archiveCol .topic {font-style:italic;}
.archiveCol .title {display: block; font-size: 1.166em;  }

.recent .info {width: 265px; float:left; }
.recent .image {width: 82px; float: left;}
.recent .image img {text-align: center;}
.recent .topic {font-style: italic;}
/* .recent .date {display: block; color: #6C9A31;} */
.recent .date {display: block; color: #6A9BC8; font-size: 0.833em;}
.recent  .title {display: block; font-size: 1.166em; margin-bottom: 5px; }


.recent2 .info {margin-left: 75px;}
.recent2 .image {width: 75px; float: left;}
.recent2 .image img {text-align: center;}
.recent2 .topic {font-style: italic;}
.recent2  .title {display: block; font-size: 1.166em; margin-bottom: 5px; }



.favorite .image a {display:block;}


.city {padding-bottom: 10px;}
.city .item1 {width: 200px; float: left;}
.city .item2 {width: 200px; float: right;}

.city .recent {margin-left: 120px; overflow: hidden; }
.city .recent .info {width: 200px;}

#announcing .title {font-size: 1.166em; color: #6C9A31;}

.split50 {width: 50%; float: left;}

#footer {border-top: solid 1px #6A9BC8; border-bottom: solid 1px #dee9cd; background: url(/template/footer_content.gif) no-repeat #fff; padding: 0 7px; font-size: 0.833em;}
#footer ul {  margin: 0; padding: 0; list-style-type: none; }
#footer li {float: left; width: auto; font-weight: bold; margin-right: 30px; color: #502B16;}
#footer ul ul {margin: 0 0 5px 0; padding: 0; }
#footer li li {float: none; font-weight: normal; margin: 0; padding: 0;}
#footer a {color: #8E7866; }
#footer .articles {float: left; border: solid 1px #dfe6d4; border-width: 0 1px 1px 1px; margin: 20px 40px 5px 0; padding: 0 5px;}
#footer .other {margin: 20px 0 0 7px;}
#footer .articles li {width: 121px; margin: 00;}
#footer .content a {color: #502B16; font-weight: bold;}

#copyright {width: 400px; float: left; font-size: 0.833em; margin: 5px 0;}
#credits {width: 300px; float: right; text-align: right; font-size: 0.833em; margin: 5px 0;}
#credits a {color: #666; text-transform: uppercase;}

.partner {font-size: 50%; color: #512A14; text-transform: uppercase;}

.pagination {clear: both; border-top: solid 1px #9ECB3A; font-size: 0.833em; padding: 5px 0; margin: 10px 0; text-align: right;}
.topPagination {position: absolute; top:0; right: 0; border-top-width:0; margin: 0;}

#poll {background: #e9eff6; border: solid 1px #6A9BC8; border-width: 1px 0; padding: 10px; }
#poll form {display: inline;}
#poll .pollQuestion {color: #6A9BC8; font-weight: bold; margin-left: 5px;}
#poll .pollAnswerBlock {padding: 5px 0; margin-left: 5px;}

#poll .pollButtonBlock {text-align: right; padding-right: 10px;}

#poll .pollButton {
border:        1px solid #7AAE37;
background-color:  #fff;
font-family:       Verdana, Arial, sans-serif;
font-size:         0.9em;
font-weight:       normal;
padding:           5px 0;
margin:        0;
text-transform:    uppercase;
color:             #7AAE37;

cursor:pointer;
}

#poll .pollTotalVotes {display: none;}
#poll .pollSelectedVotes, #poll .pollResultVotes {display: none;}

#pick {position: relative;  padding-top: 2px;}
#pick .icon {display: block; width: 47px; height: 42px; background: url(/template/pick_47.gif) no-repeat transparent; position: absolute; top: 0; right: 5px;}

#pickArchive {position: relative;  padding-top: 0;}
#pickArchive .icon {display: block; width: 47px; height: 42px; background: url(/template/pick_47.gif) no-repeat transparent; position: absolute; top: 0; right: 5px;}
#pickArchive .indent {margin-left: 10px;}
#pickArchive .date {color: #512A14; font-size: 0.833em; }
#pickArchive h3 {font-size: 1.166em; margin-bottom: 5px;}
#pickArchive .tagged {margin-top: 10px;}

.previousPicks {margin-right: 320px; }
.previousPicks td {border-bottom: solid 1px #dee9cd; vertical-align: top; padding-top: 20px;}
.previousPicks td.last {border-bottom-width: 0;}
.previousPicks td.pagination {border-width: 0; text-align: right; padding: 5px 0; }
.previousPicks .info {padding-right: 20px; }
.previousPicks .image {text-align: right; }
.previousPicks.container.line h2 {margin-bottom: 0; }
.previousPicks td.advanced {border-bottom: solid 1px #6A9BC8; color: #6A9BC8; }
.previousPicks .date {display: block; color: #512A14; font-size: 0.833em;}
.previousPicks .title {display: block; color: #7AA637;  font-size: 1.166em; margin-bottom: 5px;}


.image img {border: solid 1px #dee9cd; padding: 1px; margin-bottom: 5px;}
.image a:hover, .image a:active {background-color: transparent;}


#pick .image {width: 144px; float: right; }
#pick .image p {margin: 0; padding: 0;}
#pick .info {width: 140px; float: left; }



.contests .expire {font-size: 85%; color: #6A9BC8;}
.contests .info {margin-left: 120px;}
.contests .image a:hover {background-color: transparent;}


.s_specials {font-size: 85%; margin: 5px 0; border: solid 1px #9ECB3A; }
.s_specials td {vertical-align: top; padding: 10px;}
.s_specials .edition {text-transform: uppercase; background: url(http://www.savvymom.ca/images/template/title_bg.jpg) repeat-y #fff; padding: 3px; color: #512A14;}
.s_specials .expire {width: 100px; color: #6A9BC8;}
.s_specials p {padding: 0 0 5px 0;}
.s_specials td.image {width: 100px; text-align: center;}
.s_specials td.image a:hover {background-color: transparent;}





.specials { margin: 5px 0; }
.specials td {vertical-align: top; padding: 10px;}
.specials .expire {width: 100px; color: #6A9BC8; font-size: 85%;}
.specials .expire span {display: block;  margin: 0 0 10px 0;}
.specials p {padding: 0 0 5px 0;}
.specials td.image {width: 100px; text-align: center; padding-left: 0;}
.specials td.image a:hover {background-color: transparent;}



.floatRight {clear: right; float: right; padding: 0 0 20px 20px; background: #fff;}

.team {position: relative; min-height: 90px;  height:auto !important;  height:90px; overflow: visible;}
.team h3 {font-size: 1.166em;}
.team .location {font-size: 1em;  color: #6A9BC8; padding-left: 10px;}
.team .photo {width: 115px; position: absolute; top:0; left: 0;}
.team .photo img {border: solid 1px #9ECB3A; padding: 1px;}

.theteam .image {float:left; margin: 0 20px 20px 0;}
.theteam img {border: solid 1px #9ECB3A; padding: 1px;}
.theteam .info {margin-left: 80px;}

#tags { line-height: 1.1; text-align: left; }
#tags a {margin: 0 10px 0 0;  }
.tag6 {font-size: 180%; color: #7896D2;}
.tag5 {font-size: 160%; color: #c5def4;}
.tag4 {font-size: 140%; color: #6A94C1;}
.tag3 {font-size: 120%; color: #f8b9d7;}
.tag2 {font-size: 100%; color: #6A94C1;}
.tag1 {font-size: 80%; color: #fbb9d8;}
#tags a:hover {text-decoration: none;}

.back {padding: 10px 0 20px 0; text-transform: uppercase;}


#archive {margin:0 0 20px 0;}
#archive .pagination {float: right; border-top-width:0; margin: 0; }
#archive h2 {border-bottom: solid 1px #6A9BC8; margin-bottom: 5px; }
#archive .container {border-bottom: solid 1px #6A9BC8; margin: 20px 0 0 0; padding: 20px 0;}

#current {position: relative; padding: 5px 0 10px 0; zoom: 1;  margin: 0 0 5px 0; border-bottom: 1px solid #9ECB3A; }
#issue {position: relative; width: 300px; font-weight: bold; line-height: 1;}
#issue span {padding-right: 10px;}
#issue a:link, #issue a:visited {color: #666; text-decoration: none;}

#forward {position: absolute; left: 350px; top: 8px;; }
#forward a {display: block; width: 141px; height: 8px; background: url(/template/forward.gif) no-repeat #fff; text-indent: -9999px;}
#print {position: absolute; right:0; top: 8px;}
#print a {display: block; width: 36px; height: 8px; background: url(/template/print.gif) no-repeat #fff; text-indent: -9999px;}

#f2f {margin-bottom: 50px;}

.share_top {text-align: right; padding: 3px 0;}
.share_top a {padding-left: 10px;}

.share_bot {padding: 10px 0; border-top: solid 1px #F9C6DC; margin-top: 3px;}
.share_bot a {margin-right: 10px;}


.title_topic {font-size: 12px; color:#7F7F7F; font-style: italic; padding-bottom: 15px;}


.article_pages {clear: both; width: 230px; float:right; padding: 12px  0;}
.article_pages table {float: right; font-size: 90%;}
.article_pages .next_page, .article_pages .prev_page {margin-left: 10px; }
.article_pages  img {vertical-align: middle;}

td.related {padding: 3px;}
 .related, .related a {font-size: 11px;}
 .related {color:#6A9BC8;}
 .related ul {margin-left: 8px; padding-left: 8px;}
 .related li {list-style-image: url(/images/newsletter/bullet.gif); margin: 0; padding: 0;}
.related a {color:#6A9BC8;}
.related a:hover {color:#7AAE37;}
.related p {margin: 0;}

#intro ul {list-style-type: none; margin:-15px 0 0 0; padding: 0;}

.testimonial {font-style: italic;}
.testimonial p {padding: 0;}
.tauthor {color: #512A14; padding: 0 0 20px 0;}
.tauthor p {padding: 0;}

#love_savvy {padding: 15px 0;}
#love_savvy a {display: block; width: 209px; height:38px; text-indent: -9999px; background: url(/template/love_savvymom.gif) no-repeat #fff; color: #512A14;}

#coverage {font-size: 85%; margin:0 0 15px 5px; border-collapse: separate; border-spacing: 5px; }
#coverage td {border: solid 1px #9ECB3A; vertical-align: top; width: 50%; padding: 0 0 5px 0; vertical-align: top; }
#coverage .type {text-transform: uppercase; background: url(/template/title_bg.jpg) repeat-y #fff; padding: 3px; color: #512A14;;}

.m_producer {clear: both; padding: 5px;}
.m_image {text-transform: uppercase; color: #512A14; padding: 5px 0;}
.m_date {clear: both; display: block; width: 40%; float: left;}
.m_date a {color: #6A9BC8;}
.m_date a:hover {color: #6C9A31;}
.m_title { display: block; width: 60%; float: right;}
.m_title a {color: #666;}
.m_title a:hover {color: #6C9A31;}

#media_coverage {margin: 5px 0 20px 0; border: solid 1px #9ECB3A;}
#media_coverage .type {width: 45%; float: left; text-transform: uppercase; background: url(http://www.savvymom.ca/images/template/title_bg.jpg) repeat-y #fff; padding: 3px; color: #512A14;}
#media_coverage .media_back {width: 45%; float: right; text-align: right; text-transform: uppercase; background: url(http://www.savvymom.ca/images/template/title2_bg.jpg) repeat-y top right #fff; padding: 3px;}
#media_coverage .producer {clear: both; padding: 5px 10px;}
#media_coverage .article {padding: 5px 10px;}

#releases {font-size: 85%; margin: 0 0 15px 0; border-collapse: separate; border-spacing: 5px;}
#releases td {padding: 5px; vertical-align: top;}
#releases .r_date a {color: #6A9BC8;}
#releases .r_date a:hover {color: #6C9A31;}
#releases .r_title a {color: #666;}
#releases .r_title a:hover {color: #6C9A31;}

.release {font-size: 90%; padding: 20px 0;}
.release .date {color: #6A9BC8; padding-right: 10px;}
.release_pdf {padding: 10px 0; text-transform: uppercase; }
.release_pdf img {vertical-align: middle; padding: 0 0 2px 5px;}

#contests .entry {font-size: 0.8333em;}
#contests p {margin: 0 0 5px 0;}
#contests .image {text-align: center; margin: 10px 0 5px 0;}
#contests .image a, #contests .image a:hover  {background-color: transparent;}
#contests h2 {font-size: 1.333em; border-bottom: solid 1px #6A9BC8; }
#contests h3 {font-size: 1.166em; margin: 0; }
#contests .more {font-size: 1em; margin: 0 0 10px 0;}
#contests h3 a:link,  #contests h3 a:visited {color: #7AA637; }
#contests h3 a:hover,  #contests h3 a:active { color: #6A9BC8;}


.form td {padding: 3px 5px 3px 0;}

.moderated {font-size: 0.833em; margin: 5px 0; }

#comment_fields .label {padding-right: 25px;}

#comment_fields {margin: 0 0 10px 0;}
#comment_fields label {display: block; margin: 0 0 5px 0;}
#comment_fields .input {width: 220px;}
#comment_fields .textarea {width: 480px; height: 100px;}
#comment_fields td.captcha img {display: block; margin: 0 0 5px 0;}
#comment_fields  div {margin: 5px 0;}
#comment_fields td.captcha div {padding: 10px; background: #FEF5F9; }



#faq {padding: 10px 0 20px 10px;}
.switchcontent{display: none; padding-left: 25px;}
.closed {background: url(/template/q_closed.gif) no-repeat 0 9px transparent; padding: 5px 0 5px 20px; margin-left: 5px; display: block;}

#subscribeBox {border: solid 1px #dee9cd; padding: 1px; }
#subscribeBox form {display: block; padding: 10px 5px 5px 10px; background: #fbdae8;}

#subscribeBox2 {border: solid 1px #dee9cd; padding: 1px;  }
#subscribeBox2 p { margin: 0 0 10px 0;  color: #666; }
#subscribeBox2 form {display: block; padding: 55px 15px 15px 17px; background: #fbdae8 url(/template/subscribebox-bg.gif) no-repeat;}
#subscribeBox2 table {width: 100%;}
#subscribeBox2 td {padding: 5px 0; vertical-align: middle;}
#subscribeBox2 td.label {text-transform: uppercase; font-size: 10px; color: #808080; }
#subscribeBox2 td.submit, #subscribeBox2 td.email  {text-align:right; padding: 0;} 
#subscribeBox2 .input {border-color: #FAA9D3; margin-right: 0; }

#subscribeTop {width: 600px; position: absolute; top: 5px; right: 0;  overflow:hidden;}
#subscribeTop p {width: 335px; float:left; color:#512A14; font-size: 1.0833em; line-height: 1.15; text-align: right; margin: 2px 0;}
#subscribeTop form {width: 261px; height: 31px; overflow: hidden; float:right; background: #fff url(/template/subscribetop-bg.gif) no-repeat;}
#subscribeTop table {width: 100%; height: 31px;  }
#subscribeTop td {vertical-align: middle; }
#subscribeTop td.email {padding-left: 4px;}
#subscribeTop td.submit {padding-right: 4px;}
#subscribeTop .input {width: 155px; height: 18px; line-height: 18px;}
 
.careersList {list-style-type: none; margin-left: 0; padding-left: 0;}
.careersList li {margin-bottom: 5px;}
.careers h3 {border-bottom: solid 1px #B4D670; margin-bottom: 10px;}

.container.sitemap {margin-left: 180px; clear: both;}
.container.sitemap h2 {margin-left: -180px;}
.sitemap ul {list-style-type: none; width: 250px; float: left; margin: 0 0 0 30px; padding: 0; }
.sitemap span {display: block;}
.sitemap li {margin: 0 0 10px 0;}

#campaign_sidebar {width: 170px;  float: right; margin-bottom: 10px;}


#campaign_sidebar ul {margin: 0; padding: 5px 0; list-style-type: none;}
#campaign_sidebar li {padding: 2px 0;}
#campaign_sidebar .wrap {border: solid 1px #9ECB3A;  padding: 0 10px; margin-bottom: 20px;}
#campaign_sidebar a.current {color: #6A9BC8; text-decoration: none;}

.small {font-size: 85%;}
.blue {color: #6A9BC8;}
a.blue:link, a.blue:visited {color: #6a9bc8; }
.green {color: #6C9A31;}
.brown {color: #512A14;}

.seen_on td {vertical-align:top; padding: 5px 10px; border-bottom: solid 1px #B4D670;}
.seen_on th {text-align: left; padding: 5px 0;}
.seen_on .last td {border-width: 0;}

.blogFeed {padding-left: 20px; background: url(/template/feed-icon-14x14.gif) no-repeat  #fff; margin: 10px 0 20px 0;}

.prizes td {padding: 20px 0; border-top: solid 1px #B4D670; vertical-align: top;}

.blogIntro {font-style:italic;}

.Leaderboard_ES {width: 728px; height: 90px;}

.feeds {margin-bottom: 15px;}
.feeds td {vertical-align: top; padding: 15px 0; border-bottom: 1px solid #B4D670;} 
.feeds td.noborder {border-bottom-width: 0;}

.blueBox {background: #e9eff6; border: solid 1px #6A9BC8; border-width: 1px 0; padding: 10px 10px 0 10px; margin-bottom: 20px; }
.greenBox {background: #f3f8e9; border: solid 1px #B4D670; border-width: 1px 0; padding: 10px 10px 0 10px; margin-bottom: 20px; }

.rss li {margin: 0 0 15px 0; }

#latest2Blogs table {width: 100%;}
#latest2Blogs th {color: #6a9bc8; font-weight: normal; text-align:left; font-size: 1.5em; padding: 0 5px 0 13px;}
#latest2Blogs td {width: 50%; vertical-align: top; padding: 0 13px; background: #e9eff6; border: solid 1px #6A9BC8; border-width: 1px 0; }
#latest2Blogs .entry {width: 123px; margin: 10px 0; padding: 0;}
#latest2Blogs .image {height: 123px;}
#latest2Blogs img {padding: 2px;}
#latest2Blogs .title {font-size: 1.333em;  color: #6C9A31;}



#latest3Blogs a.title {display: block; color: #6a9bc8; font-weight: normal; text-align:left; font-size: 1.166em; line-height: 1.2; margin: 0;}
#latest3Blogs .entry { clear: both; margin: 10px 0; padding: 0; }

#latest3Blogs .image {position: relative; width: 90px; float:left; }

#latest3Blogs .copy { position: relative; width: 190px; float: right; }
#latest3Blogs p {margin: 0; padding: 0;} 

#latest3Blogs .more {font-size: 0.916em;}
#latest3Blogs img {padding: 2px;}
#latest3Blogs a.blog {display: block; color: #6C9A31; font-size: 0.916em;}


#contestHome .image {width: 95px; float: left;}
#contestHome .summary {width: 305px; float: right;}
#contestHome .more {text-align: left; }

.relatedPicks {margin: 15px 0;}
.relatedPicks ul {margin: 0; padding: 0; list-style-type: none;}

.tagged {font-size: 0.857em; margin: 15px 0;}


.share_top {float:right; margin-right: -5px;}
.share_top a {padding-left: 0;}
.addthis_toolbox {height: 16px;}
.addthis_toolbox a {display: block; float:left; text-transform: uppercase; font-size: 0.857em; color: #999; padding: 0; margin: 0; }
.addthis_toolbox span {display: block; float: left; padding-left: 3px;}
.addthis_toolbox a:link, .addthis_toolbox a:visited, .addthis_toolbox a:hover, .addthis_toolbox a:active {color: #999; background-color: transparent;}
.share_bot a, .share a {margin-right: 10px; }
.share_bot .title, .share .title {display: block; color: #6A9BC8; float: left; margin-right: 10px; line-height: 13px;}


.searchResults td {vertical-align: top; padding: 10px 10px 10px 0;}
.searchResults .posted {font-size: 0.857em; font-style: italic; color: #808183;}
.searchResults .excerpt {font-size: 0.916em;}

.marker {background-color: #f9c6dc; }

.taggedArticle {font-size: 1em; margin: 15px 0 0 0;}

.related2 {margin: 20px 0;}
.related2 p {margin: 0;}
.postedArticle {font-size: 0.857em; font-style: italic; margin: 20px 0 5px 0; color: #808183;}

.deal {width: 100%; overflow: hidden; border-bottom: solid 1px #6C9A31; padding: 20px 0; margin: 0 0 10px 0;}
.deal .image {float:left;}
.deal .info {margin-left: 215px;}
.deal .save, .deal h3 {color: #6A9BC8;}
.deal .enter {border-top: solid 1px #6C9A31; padding-top: 10px;}
.deal .enter p {margin: 0;}

#dealSpecial {position: relative;  padding-top: 0;}
#dealSpecial .icon {display: block; width: 47px; height: 42px; background: url(/template/deal_47.gif) no-repeat transparent; position: absolute; top: 0; right: 5px;}


#deal {background: #fff url(/template/deals-bg.gif) no-repeat 125px -67px; width: 100%; overflow:hidden; margin-top: -20px;}
#deal h2 {margin-top: 20px;}
#deal .entry {width: 265px; overflow: hidden;  }
#deal .info {width: 150px; float:left; text-align: right;}
#deal .image {width: 99px; float:right;}

#mediaArchive  {margin: 0 0 20px 0;}
#mediaArchive td {padding: 3px 20px 3px 0;}
#mediaArchive th {text-align:left; border: solid 1pc #6A9BC8; border-width: 0 0 1px 0; padding: 15px 20px 5px 0;}

 .box {border: solid 1px #9ECB3A; font-size: 0.833em;}
 .box .header {padding: 3px 5px;  margin: 0;  background: url(/template/title_bg.jpg) repeat-y #fff; border-bottom: solid 1px #9ECB3A; text-transform: uppercase; }
 .box ul {margin: 5px 5px 5px 9px; padding: 0 0 0 9px;}


.relatedArticles {position: relative;  width: 230px;  float: right; color:  #6a9bc8; padding-top: 20px; margin: 0 0 0 0; font-size: 1.2em; }
.relatedArticles ul {margin-top: 5px; margin-bottom: 5px;}
.relatedArticles a:link, .relatedArticles a:visited {color: #6a9bc8; }


#popular {margin: 10px 0 10px 5px; padding: 0;  list-style-type: none; width: 745px; overflow: hidden; }
#popular li { width: 148px;  float: left;   font-size: 0.833em; line-height: 1.3;}
#popular a {display: block; padding: 5px; overflow:hidden; }
#popular img {float: left; border: solid 1px #dee9cd; padding: 1px; margin: 0 5px 0 0; display: block; }
#popular .topic {display: block; margin-left: 57px; color: #666;}
#popupar .title {display: block; margin-left: 57px;}


#testedby {position: relative; margin-left: -15px; width: 330px; background: #fff url(../testedby_border.gif) no-repeat; padding-top: 10px;}
#testedby .copy {display: block; padding: 0 10px 10px 90px; color: #6A9BC8; background: #fff url(../testedby_border.gif) no-repeat 0 100%;}
#testedby .icon {display: block; width: 35px; height: 34px; position: absolute; top: 0; left: 5px; margin-top:-5px; background: transparent url(../testedby_icon.gif) 0 0; no-repeat;}


#guide {position: relative; width: 420px; overflow: hidden; padding: 0 0 10px 0;}
#guide .image {width: 284px; margin: 0 0 10px 0;} 
#guide .date {display: block; color:#7F7F7F; font-style: italic;  font-size: 0.833em; margin: 5px 0 10px 0;}
#guide h1.line {margin-bottom: 5px;}
#guide h2 {font-size: 1.166em; color: #6A9BC8; margin-bottom: 5px;}
#guide h2 em {font-size: 0.857em; color: #6C9A31; font-style: normal;}
#guide .avail {font-style:italic;}

#guide .slide {width: 284px ;float: left; position: relative;}

#guideControls {position: relative; overflow: hidden; padding: 0 0 3px 0; margin-right: 136px; }
#guideControls a:hover, #guideControls a:active {background: transparent} 
#guidePrev {width: 33%; float:left;}
#guideNext {width: 33%; float: right; text-align: right;}
#guidePage {position: absolute; left: 33%; bottom: 3px; width: 33%; font-size: 0.833em; line-height: 1.5; font-style: italic; text-align: center;}


#guide .share {clear: both; width: 100%; overflow: hidden; padding: 10px 0;}

#guidePartner {width: 100px; clear: right; float:right; padding: 10px 0; font-size: 0.833em; }

#carousel {position: relative; display: none;}

.jcarousel-skin-guides .jcarousel-container {width: 79px; float: right; overflow: hidden; background: #e9eff6; border: solid 1px #6A9BC8;  }

.jcarousel-skin-guides a:link, .jcarousel-skin-guides a:visited, .jcarousel-skin-guides a:hover, .jcarousel-skin-guides a:active  {background: #fff;}

.jcarousel-skin-guides .jcarousel-container-horizontal {
    width: 360px;
    padding: 10px 30px;
}
.jcarousel-skin-guides .jcarousel-container-vertical {
    width: 79px;
    height: 346px;
    padding: 40px 10px;
}

.jcarousel-skin-guides .jcarousel-clip-horizontal {
    width:  360px;
    height: 135px;
}
.jcarousel-skin-guides .jcarousel-clip-vertical {
    width:  79px;
    height: 346px;
}

.jcarousel-skin-guides .jcarousel-item {
    width: 79px;
    height: 79px;
}

.jcarousel-skin-guides .jcarousel-item img {padding: 1px; border: solid 1px #dee9cd; }
.jcarousel-skin-guides .jcarousel-item a {display: block; font-size: 0.833em; line-height: 1.3;}
.jcarousel-skin-guides .jcarousel-item a.selected img {border: solid 1px #6A9BC8;}


.jcarousel-skin-guides .jcarousel-item-horizontal {
    margin-right: 15px;
}

.jcarousel-skin-guides .jcarousel-item-vertical {
    margin-bottom: 10px;
}


.jcarousel-skin-guides .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-guides .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: 0px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../guides-arrows.gif) no-repeat 0 -4px;
}

.jcarousel-skin-guides .jcarousel-next-horizontal:hover {
    background-position: 0 -63px;
}

.jcarousel-skin-guides .jcarousel-next-horizontal:active {
    background-position: 0 -63px;
}

.jcarousel-skin-guides .jcarousel-next-disabled-horizontal,
.jcarousel-skin-guides .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-guides .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-guides .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../guides-arrows.gif) no-repeat 0 -34px;
}

.jcarousel-skin-guides .jcarousel-prev-horizontal:hover {
    background-position: 0 -91px;
}

.jcarousel-skin-guides .jcarousel-prev-horizontal:active {
    background-position: 0 -91px;
}

.jcarousel-skin-guides .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-guides .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-guides .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


/**
 *  Vertical Buttons
 */
.jcarousel-skin-guides .jcarousel-next-vertical {
    position: absolute;
    bottom: 7px;
    left: 37px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../guides-arrows.gif) no-repeat -25px -4px;
}

.jcarousel-skin-guides .jcarousel-next-vertical:hover {
    background-position: -25px -63px;
}

.jcarousel-skin-guides .jcarousel-next-vertical:active {
    background-position: -25px -63px;
}

.jcarousel-skin-guides .jcarousel-next-disabled-vertical,
.jcarousel-skin-guides .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-guides .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: -25px -196px;
}

.jcarousel-skin-guides .jcarousel-prev-vertical {
    position: absolute;
    top: 7px;
    left: 37px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../guides-arrows.gif) no-repeat -25px -34px;
}

.jcarousel-skin-guides .jcarousel-prev-vertical:hover {
    background-position: -25px -91px;
}

.jcarousel-skin-guides .jcarousel-prev-vertical:active {
    background-position: -25px -91px;
}

.jcarousel-skin-guides .jcarousel-prev-disabled-vertical,
.jcarousel-skin-guides .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-guides .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: -25px -196px;
}


#microbar {margin: 20px 0 100px 0; border-bottom: solid 1px #6A9BC8;}
#microbar ul {list-style-type: none; margin: 0; padding: 0;}
#microbar li {display: block; zoom: 1; background: url(/template/separator.gif) no-repeat 50% 100% transparent; padding: 10px 0 15px 0; font-size: 1.333em; line-height: 1.2; }
#microbar li.last {background-image: none;}
#microbar  a:link, #microbar a:visited {color: #6A9BC8;}
#microbar a:hover, #microbar a:active, #microbar a.current, #microbar a.current:link, #microbar a.current:visited  {color: #6C9A31; background: #fff;}

.NextPrev {width: 100%; overflow:hidden; border: solid 1px #6A9BC8; border-width: 1px 0; padding: 10px 0;}

.NextPrev .prev {display: block; height: 35px; width: 48%; float: left; text-align: left; background: #fff url(../next-prev-off.gif) no-repeat 0 50%;}
.NextPrev .next {display: block; height: 35px; width: 48%; float: right;  text-align: right; background: #fff url(../next-prev-off.gif) no-repeat 100% 50%;}
.NextPrev .prev span {display: block; padding-left: 40px;}
.NextPrev .next span {display: block; padding-right: 40px;}

.NextPrev .prev:hover, .NextPrev .prev:active {background: #fff url(../next-prev-on.gif) no-repeat 0 50%;}
.NextPrev .next:hover, .NextPrev .next:active {background: #fff url(../next-prev-on.gif) no-repeat 100% 50%;}

#latestGuide {padding: 25px; }
#latestGuide .image {width: 370px; height: 370px; margin: 0 0 10px 0;  } 
#latestGuide .info {position: relative; width: 370px; overflow: hidden; }
#latestGuide .summary {  position: relative; width: 250px; float:left; }
#latestGuide .view { position: relative; width: 110px; float:right; text-align: right;}
#latestGuide .info p {margin: 0;}
#latestGuide h3 {color: #6A9BC8;}
#latestGuide .more {display: block; float: right; text-align: left; font-size: 0.916em; border: 1px solid #6C9A31; padding: 0 5px; margin-top: 5px;}
#latestGuide a.more:link, #latestGuide a.more:visited {color: #6C9A31;}

.guideCol {width: 134px; float: left; margin: 0 20px 20px 0;}
.guideCol a {display: block; padding: 5px;}
.guideCol img {display: block; border: solid 1px #dee9cd; padding: 1px; margin-bottom: 5px;}