@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-size: 12px;
	line-height: 18px;
	color: #8c8384;
}
* {
	margin: 0;
	padding: 0;
}
span.bold {
  font-weight: bold;
}
span.green-bold {
  font-weight: bold;
  color: #84b818;
}
span.dark-green-bold {
  font-weight: bold;
  color: #52790b;
}
span.purple-bold {
  font-weight: bold;
  color: #a13ebf;
}
#container { 
	width: 920px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header {
	width: 920px;
	height: 180px; 
	position: relative;
}
#header #logo {
  float: left;
  width: 350px;
	height: 180px; 
	background: url('images/logo.jpg') no-repeat top left;
}
#header #login {
  float: right;
  font-weight: normal;
  font-size: 11px;
}
#header #seasonal {
  float: right;
  width: 210px;
  overflow: visible;
}
#header #login #loginList li {
	display: inline;
	font-weight: normal;
	color: #8c8384;
}
#header #login #loginList a {
  font-size: 11px;
  font-weight: bold;
  color: #8c8384;
}
#header #login #loginList a:link,  #header #login #loginList a:visited { 
	text-decoration: none;
	font-weight: bold;
	color: #8c8384;
}
#header #login #loginList a:hover,  #header #login #loginList a:active { 
	text-decoration: none;
	font-weight: bold;
	color: #8c8384;
}
#login a {
  font-size: 11px;
  padding-left: 3px;
  padding-right: 3px;
  color: #a13ebf;
}
#login a:link,  #login a:visited { 
  color: #a13ebf;
	text-decoration: underline;
	font-weight: bold;
}
#login a:hover,  #login a:active { 
	text-decoration: none;
	color: #a13ebf;
	font-weight: bold;
}
#header #category {
	font-family: myriad, sans-serif;
	overflow: visible;
	font-size: 25px;
	line-height: 30px;
	font-weight: bold;   
	color: #000000;
  text-align: left; 
  position: absolute;
  top: 140px;
  left: 360px;
	letter-spacing: 1px; /* spaces out the letters a bit */
	/*display: inline;*/
} 
#header #category span.small {
  font-size: 25px; 
}
#header #category span.user {
  color: #84b818; 
  font-size: 25px; 
}
#header #category span.tag {
  color: #52790b; 
  font-size: 25px; 
}
#header #add_your_idea {
  position: absolute;
  right: 0px;
  bottom: -20px;
}
#tabs {
  position: relative;
  padding: 10px 190px 0px 200px;
  height: 27px;
  border-bottom: 1px solid #c7c2c2;
}
#paging {
  position: relative;
  height: 25px; 
  border: 1px solid #c7c2c2; 
  border-top: none;
  padding: 5px 10px 0px 18px;
  text-align: right;
  color: #a13ebf;
  font-weight: bold;
  font-size: 11px;
}
#paging a:link,  #paging a:visited { 
  color: #8c8384;
	text-decoration: underline;
}
#paging a:hover,  #paging a:active { 
	text-decoration: underline;
	color: #8c8384;
}
#paging a .arrow {
  font-size: 12px;
  font-weight: bold;
}
#paging a.arrow:link,  #paging a.arrow:visited { 
  color: #8c8384;
	text-decoration: none;
	font-weight: bold;
}
#paging a.arrow:hover,  #paging a.arrow:active { 
	text-decoration: none;
	color: #8c8384;
	font-weight: bold;
}
span#links {
  float: left;
  padding-bottom: 0;
  padding-top: 0px;
  color: #a13ebf;
  font-weight: bold;
  font-size: 12px;
}
span#links img {
  border: none;
  width: 80px;
  height: 27px;
  vertical-align: text-top;
  position: absolute;
}
span#links img.home {
  left: 200px;
}
span#links img.ideaz {
  left: 281px;
}
span#links img.stores {
  left: 362px;
}
span#links img.coupons {
  left: 443px;
}
span#links a.flip {
  font-size: 12px;
  text-decoration: underline;
  position: relative;
  z-index: 3;
}
span#links a.flip:hover {
  text-decoration: none;
}
span.text {
  position: relative;
  z-index:3;
}
span.gray_text {
  position: relative;
  z-index:3;
  font-weight: normal;
  color: #8c8384;
}
#paging a {
  font-size: 11px;
  font-weight: normal;
}
#leftBar {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
#leftBar h1 {
  font-size: 17px;
  font-weight: bold;
  color: #a13ebf;
}
#leftBar p {
  font-size: 12px;
  font-weight: bold;
}
#leftBar a {
	font-size: 17px;
	font-weight: bold;
	color: #84b818;
}
#leftBar a:link, #leftBar a:visited {
	color: #84b818;
	text-decoration: underline;
}
#leftBar a:hover, #leftBar a:active {
	text-decoration: none;
	color: #84b818;
}
#leftBar img {
  border: none;
}
div.storeIcon {
  padding-left: 0px;
  padding-bottom: 20px;
}
div.storeIcon img {
  border: 1px solid #c7c2c2;
}
.storeIcon a:hover img,  .storeIcon a:active img {
  text-decoration: underline;
	border: 1px solid  #8c8384;
}
#leftBar a {
	font-size: 12px;
	font-weight: normal;
}
#leftBar a:link, #leftBar a:visited {
	text-decoration: none;
}
#leftBar a:hover, #leftBar a:active {
	text-decoration: underline;
	color: #a13ebf;
}
#leftBar a.advertise {
	font-size: 12px;
	font-weight: normal;
	color: #84b818;
}
#leftBar a.advertise:link, #leftBar a.advertise:visited {
  font-size: 12px;
	font-weight: normal;
	color: #84b818;
	text-decoration: underline;
}
#leftBar a.advertise:hover, #leftBar a.advertise:active {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #84b818;
}
#leftBar a.email {
  font-size: 17px;
  font-weight: bold;
  color: #84b818;
}
#leftBar a.email:link, #leftBar  a.email:visited { 
  color: #84b818;
  font-size: 17px;
  font-weight: bold;
	text-decoration: underline;
}
#leftBar a.email:hover, #leftBar a.email:active { 
	text-decoration: none;
	font-size: 17px;
  font-weight: bold;
	color: #84b818;
}
#leftBar .sites {
  font-size: 17px;
  font-weight: bold;
  color: #de72ab; /* pink */
  margin-top: 25px;
  margin-bottom: 10px;
}
#leftBar a.sites:link, #leftBar  a.sites:visited { 
	text-decoration: none;
	color: #de72ab;
}
#leftBar a.sites:hover, #leftBar a.sites:active { 
	text-decoration: underline;
	color: #de72ab;
}
#leftBar span.title {
  color: #a13ebf;
  font-size: 17px;
  font-weight: bold;
}
#leftBar span.message {
  color: #a13ebf;
  font-size: 16px;
  font-weight: bold;
}
#leftBar ul {
  font-size: 12px;
  line-height: 17px;
  font-weight: normal;
  color: #000000;
  padding-left: 20px;
  /*padding-top: 10px;*/
}
#leftBar ul li {
	vertical-align: middle;
}
#leftBar ul a {
  font-size: 12px;
  line-height: 17px;
  font-weight: normal;
  color: #8c8384;
}
#leftBar ul a:link, #leftBar ul a:visited { 
  color: #8c8384;
	text-decoration: none;
}
#leftBar ul a:hover, #leftBar ul a:active { 
	text-decoration: underline;
	color: #8c8384;
}
#leftBar ul.categories {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #000000;
  padding-left: 20px;
  padding-top: 10px;
}
#leftBar ul.categories li {
  list-style-image: url("images/bullet-p.gif") ;
	vertical-align: middle;
}
#leftBar ul.categories a {
  font-size: 14px;
  line-height: 17px;
  font-weight: bold;
  color: #000000;
  padding-left: 15px;
  padding-top: 0px;
}
#leftBar ul.categories a:link, #leftBar ul.categories a:visited { 
  color: #000000;
	text-decoration: none;
}
#leftBar ul.categories a:hover, #leftBar ul.categories a:active { 
	text-decoration: underline;
	color: #84b818;
}
#leftBar ul.categories a.page {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #84b818;
}
#leftBar ul.categories a.page:link, #leftBar ul.categories a.page:visited {
	color: #84b818;
	text-decoration: none;
}
#leftBar ul.categories a.page:hover, #leftBar ul.categories a.page:active {
	text-decoration: none;
	color: #84b818;
}
#leftBar ul.links li {
  list-style-image: url("images/bullet-m.gif") ;
	vertical-align: middle;
}
#leftBar ul.stores li {
  list-style-image: url("images/bullet-g.gif") ;
	vertical-align: middle;
}
#leftBar form {
  display: inline;
}
#leftBar option {
  width: 70px;
}
#leftBar label {
  color: #84b818;
  font-size: 14px;
  font-weight: bold;
}
div.rssFeed {
  height: 20px;
  padding-bottom: 10px;
}
div.rssFeed img {
  border: none;
}
#rightBar {
	float: right; /* since this element is floated, a width must be given */
	width: 170px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
#rightBar a {
  color: #52790b;
  font-weight: bold;
}
#rightBar a:hover {
  text-decoration: none;
}
#rightBar a.coupon {
  font-size: 11px; 
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
#rightBar a.coupon:hover {
	text-decoration: underline;
}
#rightBar a.adsense_coupon {
  font-size: 11px; 
  color: #8c8384;
  font-weight: normal;
  text-decoration: none;
}
#rightBar a.adsense_coupon:hover {
	text-decoration: underline;
}
#rightBar a.adsense_coupon_title {
  color: #a13ebf; 
  text-decoration: underline;
  font-weight: bold;
}
#rightBar a.adsense_coupon_title:hover {
	text-decoration: none;
}
#rightBar h1.store {
  margin: 0;
  color: #8c8384;
  font-size: 14px;
  line-height: 15px;
  padding-top: 37px;
  padding-left: 0px;
  padding-bottom: 20px;
  font-weight: bold;
}
#mainContent { 
	margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
  margin-right: 180px;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#mainContent h1 {
  padding: 18px;
	font-size: 17px;
	font-weight: bold;
	line-height: 19px;
  color: #a13ebf;
}
#mainContent h1.page {
  border-bottom: 1px solid #c7c2c2;
}
#mainContent .bannerBox {
  border: 1px solid #c7c2c2;
  border-top: none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  text-align: center;
}
#mainContent .productBox {
  border: 1px solid #c7c2c2;
  border-top: none;
}
#mainContent .productBox img {
  vertical-align: middle;
	width: 120px;
	height: 120px;
	overflow: visible;
	float: left;
	margin: 10px;
	margin-top: 15px;
}
#mainContent .productBox img.imgWithBorder {
  vertical-align: middle;
	width: 120px;
	height: 120px;
	overflow: visible;
	float: left;
	margin: 10px;
	margin-top: 15px;
	border: 1px solid #c7c2c2;
}
#mainContent .productBox a:hover img, #mainContent .productBox a:active img {
  text-decoration: underline;
	border: 1px solid  #8c8384;
}
#mainContent .productBox p {
  color: #000000;
  font-size: 13px;
  line-height: 15px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin: 0;
}
#mainContent .productBox h1 {
  margin: 0;
  color: #8c8384;
  font-size: 14px;
  line-height: 16px;
  padding: 15px;
  padding-bottom: 20px;
  font-weight: bold;
}
#mainContent .productBox h3 {
  color: #a13ebf; 
  font-size: 13px; 
  line-height: 15px; 
  margin-bottom: 2px;
}
#mainContent .productBox h1 a {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
}
#mainContent .productBox h1 a:link, #mainContent .productBox h1 a:visited { 
  color: #8c8384;
	text-decoration: none;
}
#mainContent .productBox h1 a:hover, #mainContent .productBox h1 a:active { 
	text-decoration: underline;
	color: #84b818;
}
#mainContent .productBox span.price {
  color: #a13ebf;
  font-weight: bold;
  font-size: 13px;
}
#mainContent .productBox a {
  color: #84b818;
  font-weight: bold;
}
#mainContent .productBox a:link, #mainContent .productBox a:visited {  
	color: #84b818;
	text-decoration: none;
}
#mainContent .productBox a:hover, #mainContent .productBox a:active { 
	text-decoration: underline;
	color: #84b818;
}
#mainContent .productBox span.date {
  font-size: 9px;
  color: #8c8384;
  padding-top: 8px;
}
#mainContent .productBox .bottomLine {
	font-size: 9px;
	height: 20px;
	padding-top: 0px;
	padding-bottom: 16px;
}
#mainContent .productBox .bottomLine a {
  color: #84b818;
  font-weight: normal;
}
#mainContent .productBox .bottomLine a:link, #mainContent .productBox .bottomLine a:visited { 
  color: #84b818;
	text-decoration: none;
}
#mainContent .productBox .bottomLine a:hover, #mainContent .productBox .bottomLine a:active { 
	text-decoration: underline;
	color: #84b818;
}
#mainContent .productBox .bottomLine span.expand {
	float: right;
	margin: 0px;
}
#mainContent .productBox .bottomLine span.expand img {
  width: 45px; 
  height: 25px; 
  border: none; 
  margin: 0; 
  margin-right: 15px;
}
#mainContent img.off, #mainContent img.on, #mainContent img.user,  #mainContent img.half {
  float: right;
  border: none;
  margin: 0;
  margin-left: 2px;
  width: 19px;
  height: 23px;
}
#mainContent .coupons {
  border-left: 1px solid #c7c2c2;
}
#mainContent .coupons p {
  color: #000000;
  font-size: 13px;
  line-height: 15px;
  padding: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  margin: 0;
}
#mainContent .coupons h1 {
  font-size: 16px;
  font-weight: bold;
  color: #a13ebf;
  padding: 10px; 
  padding-top: 18px
}
#mainContent .coupons h2 {
  font-size: 14px;
  font-weight: bold;
  color: #84b818;
  padding: 10px; 
  padding-bottom: 5px;
}
#mainContent .coupons h2 a {
  color: #84b818;
}
#mainContent .coupons h2 a:link, #mainContent .coupons h2 a:visited { 
  color: #84b818;
	text-decoration: none;
}
#mainContent .coupons h2 a:hover, #mainContent .coupons h2 a:active { 
	text-decoration: underline;
	color: #84b818;
}
#mainContent .coupons h3 {
  font-size: 13px;
  font-weight: bold;
  color: #84b818;
  line-height: 15px;
  display: inline;
}
#mainContent .coupons a {
  color: #000000;
}
#mainContent .coupons a:link, #mainContent .coupons a:visited {  
	color: #000000;
	text-decoration: none;
}
#mainContent .coupons a:hover, #mainContent .coupons a:active { 
	text-decoration: underline;
	color: #000000;
}
#mainContent .coupons span.bold {
  font-weight: bold;
  color: #000000;
}
#mainContent .coupons span.rest {
  color: #000000;
  font-size: 9px;
}
#mainContent #formFrame {
  width: 450px;
  text-align: center;
}
#mainContent ul {
  font-size: 12px;
  line-height: 17px;
  font-weight: normal;
  color: #000000;
  padding-left: 25px;
  /*padding-top: 10px;*/
}
#mainContent li {
  list-style-image: url("images/bullet-g.gif") ;
	vertical-align: middle;
	padding-bottom: 5px;
}
#mainContent ul a {
  font-size: 12px;
  line-height: 17px;
  font-weight: normal;
  color: #8c8384;
}
#mainContent ul a:link, #mainContent ul a:visited { 
  color: #8c8384;
	text-decoration: none;
}
#mainContent ul a:hover, #mainContent ul a:active { 
	text-decoration: underline;
	color: #8c8384;
}
#mainContent .gifts_images {
  height: 90px;
  padding-left: 18px;
}
#mainContent .gifts_images img {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 10px;
  border: 1px solid #c7c2c2;
}
#mainContent .gifts_images a:hover img {
  text-decoration: underline;
	border: 1px solid  #8c8384;
}
#mainContent .header_line {
  text-align: right;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 18px;
  padding-right: 28px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #edebeb;
}
#mainContent .header_line h1 {
  color: #52790b;
  font-size: 15px;
  float: left;
  padding: 0px;
}
#mainContent .header_line h1 a {
  color: #52790b;
  font-size: 15px;
  float: left;
  padding: 0px;
}
#mainContent .header_line h1 a:link, #mainContent .header_line h1 a:visited { 
	text-decoration: none;
}
#mainContent .header_line h1 a:hover, #mainContent .header_line h1 a:active { 
	text-decoration: underline;
}
#mainContent   a.list {
  font-size: 11px;
  font-weight: bold;
  color: #52790b;
}
#mainContent   a.list:link, #mainContent   a.list:visited { 
	text-decoration: none;
}
#mainContent  a.list:hover, #mainContent   a.list:active { 
	text-decoration: underline;
}
form.submitSite label {
  width: 150px;
	color: #000000;
	float: left;         /* lables will start where the "margin-left" is */
	margin-right: 3px;   /* right margin after the longest label */
  text-align: left;
	display: inline;
	margin-bottom:10px;
	padding-left: 15px;
	line-height: 20px;
	font-weight: bold;
}
form.submitSite input {
	background: #fff;
	color: #000000;
	border: 1px solid #8c8384;
	width: 250px;
	margin-right: 15px;
	height: 20px;
	margin-bottom:10px;
	overflow: hidden;
}
form.submitSite input.submit {
	background: #ffffff;
	color: #000000;
	width: 130px;
	border: 1px outset;
	text-align: center;
	margin-bottom:10px;
	line-height: 20px;
	font-weight: bold;
}
#footer {  /* footer bar houses the copyright information and the bottom navigation */
	width: 540px;
	margin-left: 200px;
	height: 60px;
	overflow: hidden;
	clear: both;
	text-align: center;
}
#footer span#copyright { 
	line-height: 15px;
	font-size: 10px;
	color: #a943c3;
}
#footer a {
	padding-left: 4px;
	padding-right: 4px;
	font-size: 10px;
	line-height: 20px;
}
#footer a:link, #footer a:visited {
	color: #a943c3;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
	color: #a943c3;
}
.topLine {
	background: url('images/h-line.gif') no-repeat top left;
	overflow: visible;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

}
input.add_ugc_gift {
  color: #ffffff; 
  font-weight: bold; 
  font-size: 16px; 
  width: 125px; 
  height: 40px; 
  padding-bottom: 5px;
  border: none; 
  cursor: hand;
}