/* TOP BOXES */
.home-page-box {
  height: 428px;
}


div.pane-jump a {
  width: 125px;
	text-align: center;
	bottom: 7px;
	right: 7px;
	padding:  3px 3px;
	position: absolute;
	text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}

#cycled-front-pane-1 div.pane-jump a {
	background-color: #EEE;
	opacity: 0.50;
	-moz-opacity: 0.50;
	filter: alpha(opacity=50);


	text-decoration: none;
	color: #1b2a47;

	border: 1px solid #FFF;
}

div.pane-jump a:hover {
  text-decoration: underline;
}

#cycled-front-pane-1 div.pane-jump a:hover {
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
}

#cycled-front-pane-2 div.pane-jump {

}

#categories {
  width: 970px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
  display: none;
}

#categories .browse-component {
  margin-left: 15px;
  margin-top: 10px;
  width: 465px;
}

#categories .browse-component li {
  float: left;
  display: block;
  width: 230px;
}

#categories .browse-component .inline-list li {
  float: none;
  display: inline;
  width: auto;
}

/*#categories .browse-component.personal-care {
  width: 466px;
}*/

#categories .browse-component.toys, #categories .browse-component.household-chemicals, #categories .browse-component.personal-care, #categories .browse-component.food {
  width: 226px;
}

#highlight-image, #quick-pick-container {
  width: 400px;
  float: left;
}

#quick-pick-container {
  width: 380px;
  margin-left: 8px;
}

#highlight-image {
  position: relative;
}


#highlight-image img.promo-image {
  display: block;
  margin: 0 auto;
  left: -1px;
  bottom: 1px;
  position: absolute;
}

#highlight-image ul.inline-list {
  width: 100%;
  text-align: center;
}

#search-browse {
  width: 560px;
  margin-left: 410px;
}

#search-browse .browse-component .browse-component-entry {
  height: 79px;
}

.search-browse-component {
  /*margin-top: -8px;*/
  padding: 0 0 0 15px;
}

.home-page-box h2 {
  margin: 0 0 5px;
  padding: 0;
}

.home-page-box h3 {
  margin: 0 0 10px;
  padding: 0;
}

.search-browse-component input.combo-button {
  width: 370px;
}


.browse-component {
  float: left;
  width: 270px;
}

.browse-component ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.browse-component .browse-component-text a.primary {
  text-decoration: none;
}

.browse-component .browse-component-text a.primary:hover {
  text-decoration: underline;
}

.browse-component li {
  position: relative;
  margin-bottom: 11px;
}

.browse-component img {
  width: 64px;
  height: 64px;
  padding: 8px;
  background: transparent url('http://resources.goodguide.net/22/AG/images/backgrounds/category.png') no-repeat top left;
  float: left;
}

/*.browse-component-text {
  position: absolute;
  top: 0;
  left: 91px;
  top: 10px;
  width: 143px;
}*/

.browse-component-text {
  float: left;
  margin-left: 7px;
  margin-right: 5px;
  position: relative;
  top: 5px;
  width: 141px;
}

.browse-component-text, .browse-component-text .categories, .browse-component-text .categories li {
  width: 128px;
}

#categories .browse-component-text, #categories .browse-component-text .categories, #categories .browse-component-text .categories li {
  width: 100px;
}

.browse-component-text ul.categories {
  margin-top: 5px;
}

.browse-component-text li {
  background: transparent url('http://resources.goodguide.net/22/AG/images/icons/browse_category_arrow.gif') no-repeat left 0.35em;
  padding-left: 12px;
  margin-bottom: 6px;
  font-size: 11px;
  line-height: 16px;
}


/*
.browse-component-text ul.inline-list {
  display: block;
  margin-top: 0.2em;
}
*/

/*#highlight-image ul.inline-list  {
  position: absolute;
  bottom: 13px;
}

#highlight-image ul.inline-list.qp-links {
  position: static;
}*/

.search-browse-footer-link {
  float: right;
  padding-right: 10px !important;
  padding-bottom: 13px !important;
	padding-top: 16px !important;
}

#categories .search-browse-footer-link {
  padding-bottom: 0 !important;
	padding-top: 0 !important;
	margin-top: -4px;
}

.search-browse-component form {
  position: relative;
  margin-bottom: 20px;
}

#search-fader {
  position: absolute;
  top: 8px;
  left: 13px;
  width: 370px;
}

#search-fader li {
  width: 370px;
}

/* FEATURES */

#company-features {
  width: 336px;
  float: left;
  margin-left: 10px;
}

#learn-features {
  width: 580px;
  float: right;
}

#learn-features .feature {
  margin-left: 40px;
  width: 278px;
}


.feature h3 {
	font-size: 14px;
}

.feature p, .feature li {
	font-size: 12px;
}

.feature .description {
	height: 62px;
}


#learn-features h2 {
  margin-left: 40px;
}

#learn-features h2 , #company-features h2 {
	margin-bottom: 6px;
}

.feature.short h3 {
  float: left;
}

#learn-features .feature.right {
  width: 265px;
  margin-left: 7px;
}

#learn-features .feature.left {
  width: 253px;
	margin-right: 11px;
}

#learn-features .short {
  width: 552px !important;
	margin-left: 41px !important;
}

#learn-features .short p {
  margin-left: 144px !important;
}

.feature.short {
	min-height: 40px;
	height: 40px !important;
	margin-bottom: 4px;
	padding-top: 3px;
}

.feature.left.short {
  width: 330px !important;
  margin-left: 0px !important;
	padding-left: 6px;
	position: relative;
	left: -6px;
}

#learn-features .feature.right.short {
  width: 490px !important;
}


.feature {
  min-height: 135px;
  height: 135px;
  margin-bottom: 26px;
}

/* NEWS */
#news, #more-links {
  padding: 0.3em 10px 0.6em;
  border-top: #DFE4ED solid 1px;
  border-bottom: #DFE4ED solid 1px;
  margin: 1em 0 0.5em;
  height: 1em;
}

#more-links {
	position: relative;
	top: -20px;
	margin-bottom: 1px;
}

#news a, #more-links a {
  text-decoration: none;
}

#news a:hover, #more-links a:hover {
  text-decoration: underline;
}

#news h2, #more-links h2 {
  margin: 0 1em 0 0;
  padding: 0;
  float: left;
}

#news ul {
  margin: 0 0 0 8em;
  padding: 0;
  list-style: none;
  width: 800px;
}

#news li {
  display: none;
  max-height: 1.5em;
  overflow: hidden;
}

#news li:first-child {
  display: block;
}

#more-links li {
	margin: 0px 5px 0 0;
}

#browse-all .browse-component {
  float: none;
  width: auto;
}

#browse-all  .br {
  padding: 10px;
}

.home-page-box.tall {
  height: auto;
}

#browse-all .light-gradient {
  margin-bottom: 4em;
}

#browse-all .browse-component li.browse-component-entry {
  float: left;
  width: 237px;
  margin-bottom: 2.5em;
}

.home-page-box #browse-all h1, #user-profile h1, .home-page-box.padded h1 {
  padding: 0;
  margin: 1em 0 0.25em;
}                               


.home-page-box.padded {
  padding: 0 15px;
}



/***********************
 * ADDED FOR LEARN PAGE *
 ************************/

#learn #learn-blog h1 {
  margin: -15px -15px 2px;
}

#learn #learn-blog .see-more {
  margin-top: 2em;
  margin-left: 10px;
}


.feature-container {
        margin-top: 2.75em;
}

.feature-container .feature {
  margin: 10px 0 10px 0px;
  width: 290px;
}

.feature-container .la {
        float: left;
        width: 295px;
        clear: left;
}
.feature-container .ca {
        width: 287px;
        margin-left: 40px;
        margin-right: 10px;
}
.feature-container .ra {
        float: right;
        width: 290px;
}

.blog-entries {
        margin: 20px 10px 0 10px;
        padding-right: 12px;
}

.blog-entries ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-entries li {
  list-style: none;
  margin-top: 2em;
  padding: 0;
}

.blog-entries li:first-child {
  margin-top: 1em;
}

.blog-entry-preview {
        font-size: .9em;
}

#learn-blog .br {
        padding: 15px 10px;
}

#learn-issues, #learn-about {
  padding: 0 10px;
}

#learn-about, #learn-issues {
  margin-bottom: 3em;
}

/**********************************
 * User Login Page                *
 **********************************/
 /*#user-profile #actions, #user-profile .preferences-region {
   margin: 0 15px;
 }*/

 #user-profile {
   position: relative;
 }

 #user-profile .br {
   padding: 15px;
 }

 #user-profile ul, #user-profile-edit ul {
   list-style: none;
 }
 
 #user-profile-submit {
   margin-top: 2em;
 }

 #user-profile h1 {
   margin-top: 0;
 }

 #user-profile label {
   font-weight: bold;
 }

 #user-profile .profile {
   position: absolute;
   right: 0;
   width: 400px;
 }

 #user-profile #lists {
   width: 520px;
   padding: 18px 15px;
   min-height: 300px;
 }

 #user-profile #lists .shareable-footer {
   float: none;
   margin-top: 1.5em;
   margin-bottom: 3em;
 }

 #user-profile ul.recommendation-list li {
   margin-bottom: 0.25em;
 }

 #user-profile-edit {
   padding: 0 15px;
 }

 #user-profile-edit .preferences-region {
   margin-bottom: 3em;
 }

 #user-profile-edit label {
   display: block;
   margin-top: 1em;
   margin-bottom: 0.25em;
 }

 #user-profile-edit label.inline {
   display: inline;
 }

 #change-password-block {
   margin-top: 1em;
 }

 #required {
   margin-top: 1em;
   margin-bottom: 2.5em;
 }

#shopping-details {
        position: absolute;
        top: 560px;
        margin-bottom: -50px;

}

.shopping-inner-box {
        padding: 8px;
        height: 250px;
}







/****************
  QUICK PICKS 
****************/
#cycled-front-pane-3 {
  position: relative;
}

#qp-start-over {
	width: 100px;
	position: absolute;
	bottom: 18px;
	text-align: right;
	font-size: 12px;
	left: 334px;
}

#quick-picks-popup {
	position: absolute;
	width: 970px;
	height: 430px;
	top: -2px;
	left: 0;
	z-index: 90;
}

#quick-picks-popup .br {
	height: 610px !important;
	padding: 12px 12px 12px 21px;
}


#quick-picks-popup h1 {
  margin: 0;
	padding-bottom: 5px;
	line-height: 1em;
	font-size: 22px;
	float: left;
}

.qp-result-category, .qp-product, .qp-options-for-category {
  height: 89px;
  min-height: 89px;
  max-height: 89px;
  margin: 0;
}

.qp-product.inactive {
	display: none;
}

#quick-pick-categories li {
  clear: left;
}

#quick-pick-categories input {
  float: left;
  top: 0.4em;
  position: relative;
  margin-right: 0.5em;
}

#quick-pick-categories label {
   float: left;
 }

#quick-pick-categories, #quick-pick-categories ul, .qp-result-category ul, #qp-results-categories{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.qp-result-category {
  clear: left;
}

#quick-pick-categories-box .rounded-box .br {
	padding: 18px 18px 18px 28px;
	height: 200px !important;
}

#quick-pick-categories-box .rounded-box {
	background-color: #ced7e8;
	width: 200px;
	position: relative;
	top: 6px;
}

#quick-pick-tabs {
	height: 20px;
	top: 2px;
	margin-left: 8px !important;
}


#quick-pick-container li {
	padding: 0px;
}

#quick-pick-container .br {
	height: 428px;
}

#quick-pick-container .ui-tabs-panel {
	margin: -1px 0px 0px -8px;
	padding: 5px 0px;
	width: 150px;
}

#quick-pick-container .ui-tabs-selected {
	background-color: #ced7e8 !important;
	border-top-color: #CED7E8 !important;
	border-bottom-width: 0px;
	padding-bottom: 4px !important;
}

#quick-pick-container .ui-tabs-nav {
	margin-left: 0px;
	margin-bottom: 0px;
}

#quick-pick-container .ui-tabs-nav li {
	width: 82px;
	height: 18px;
	text-align: center;
	background-color: #eef1f7;
	padding: 3px;
}

#quick-pick-container .ui-tabs-nav span {
	color: #444;
}

#quick-pick-container .ui-tabs-nav span, #quick-pick-container .ui-tabs-nav a {
	text-align: center;
	font-size: 12px;
}

#quick-pick-container .ui-tabs-panel label{
	font-size: 1.1em;
	line-height: 2em;
	color: #333;
}

#quick-pick-container .br {
	padding-left: 15px;

}

#quick-pick-container label.disabled {
	color: gray;
}

#qp-img-baby {
	z-index: 4;
	position: absolute;
	left: 183px;
	bottom: -6px;  
	height: 318px;
	width: 179px;
	overflow: hidden;
}

#qp-img-essentials img {
  width: 179px;
  height: 340px;
}

#qp-img-baby img {
  width: 179px;
  height: 328px;
}

#qp-img-essentials {
	z-index: 4;
	position: absolute;
	left: 190px;
	bottom: -12px;
	height: 321px;
	width: 179px;
	overflow: hidden;
}

#qp-learn-more-box h2 {
  font-size: 15px !important;
  line-height: 17px !important;
}


#qp-results-categories, .qp-results-categories {
	position: relative;
	top: 13px
}

#qp-header-table {
	margin: 0px 0px 10px 539px;
}

.qp-spacer{
	padding-right: 1px;
}

.qp-column-name {
	line-height: .9em;
	font-size: 10.5px;
	text-align: center;
	padding: 4px;
	color: #666;
	float: left;
}

#qp-submit-button {
	padding: 34px 0px 0px;
}

.qp-product-img, .qp-text-container, .qp-icon-container  {
	/*display: table-cell;
	vertical-align: top;*/
	float: left;
}

.qp-icon-container {
	width: 23px;
	padding: 0px 0px 0px 0px;
	margin-left: 3px;
	margin-right: 17px;
}

.qp-icon-container > div {
	padding: 0px 10px;
}

.has-right-border {
	border-right: 1px dashed;
	border-right-color: #CED7E8 !important;
}

#qp-inside-container {
	padding-left: 6px;
	position: relative;
}

#quick-pick-container h2 {
	padding-top: 15px;
	margin-top: 0px;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: -20px;
}

#quick-pick-container h3 {
	margin-top: 20px;
	font-size: .95em;
	margin-bottom: 19px;
	
}

.qp-see-another, .qp-learn-more, .qp-price, .qp-rating {
	display: block;
}

.qp-rating, .qp-price {
	position: relative;
	top: -2px;
}

.qp-product-name, .qp-trivia {
	display: block;
}

.qp-product-name {
	font-size: 19px;
}

.qp-trivia {
	font-size: .8em;
	line-height: 1.1em;
	color: gray;
	padding: 5px 0px;	
}

.qp-links {
	font-size: 10px;
	text-decoration: none;
	display: block;
}


.qp-product-img .rounded-box {
	background-color: white;
}

#quick-picks-popup .qp-product-img .br {
	width: 64px;
	max-width: 64px;
	
	height: 59px !important;
	min-height: 59px !important;
	
	padding: 3px !important;
}

.qp-product-img td {
	width: 62px;
	height: 57px;
}

.qp-text-container {
	width: 420px;
	padding: 0px 24px 0px 20px;
}

.qp-rating .value {
	display: block !important;
}



/* Any element with the light blue boxes goes here: */
.qp-price, .qp-see-another, .qp-learn-more {
	width: 24px;
	max-width: 28px;
	height: 27px;
	max-height: 27px;
	font-size: .8em;
	background: url('http://resources.goodguide.net/22/AG/images/backgrounds/quick_picks_icons.gif') left 0px repeat-x;
}


.qp-price-5 {
	background-position: -27px -1px;
}
.qp-price-10 {
	background-position: -27px -28px;
}
.qp-price-15 {
	background-position: -27px -56px;
}
.qp-price-20 {
	background-position: -27px -83px;
}
.qp-price-40 {
	background-position: -27px -110px;
}

.qp-see-another {
	background-position: -55px -2px;
}

.qp-learn-more {
	background-position: -2px -2px;
}

.qp-learn-more a {
	width: 23px;
	height: 23px;
	min-width: 23px;
	min-height: 23px;
	display: block;
	text-decoration: none;
}

.qp-see-another {
	cursor: pointer;
}
/*
ul.qp-options-for-category {
	margin-bottom: 15px;
}*/

#qp-learn-more-box {
	position: absolute;
	left: 669px;
	top: 19px;
	
	
	width: 281px;
	min-height: 330px;

}

#qp-learn-more-box .rounded-box {
	background-color: #eef1f7;
	padding: 0px !important;
	margin: 0px !important;
}

#quick-picks-popup #qp-learn-more-box .br {
	padding: 10px 10px !important;
	margin: 0px !important;
	
	height: 572px !important;
	min-height: 377px;

}


#quick-picks-popup .action-buttons {
	position: absolute;
	bottom: 10px;
}

#qp-select-one {
	font-size: 10px;
	display: block;
	position: absolute;
	top: 364px;
	color: #666;
	width: 120px;
	text-align: center;
}


#qp-loading img{
	width: 20px;
	position: absolute;
  bottom: 6px;
	left: 131px;
}

/* Override rounded box / sizing details for the browse-details */

#qp-learn-more-box #details-image .browse-details {
	margin: -20px -5px;
}

#qp-learn-more-intro-text p {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 40px;
	margin-top: 20px;
}


#qp-learn-more-box #details-image .br {
	height: auto !important;
	min-height: 0 !important;
	max-height: 150px !important;
	max-width: 150px !important;
}

#qp-learn-more-box #details-image img {
	width: 70px;
}


#qp-learn-more-box .browse-details a {
	font-size: 10px;
}

#qp-learn-more-box .browse-details ul.inline-list.bars.commands {
	margin: 10px 0px;
	position: absolute;
	bottom: 6px;
	width: 100%;
	left: 0px;
}

.details-product-info {
	display: none;
}

#qp-faded-logo {
	/*opacity: 0.50;
	-moz-opacity: 0.50;
	filter: alpha(opacity=50);*/
	position: relative;
	top: -12px;
	text-align: center;
	padding-bottom: 0px;
}

#qp-learn-more-intro-text{
	padding: 0px 8px;
	line-height: 1.5em;

	color: #444;
}

#qp-learn-more-loading {
	width: 250px;
	margin: auto;
	text-align: center;
	color: #666;
	display: none;
}

#qp-learn-more-loading-spinner {
	margin-top: 15px;
}



.browse-details .sub-title{
	display: none;
}

.browse-details h2 {
	margin: 6px 0px 60px 0px !important;
}

.browse-details #details-image{
	margin: 15px auto;
}

.rating-summary h2.name {
	font-size: 12px !important;
	margin-top: 0px !important;
	margin-bottom: 8px !important;
	
	height: 22px !important;
	min-height: 0px !important;
}

.browse-details #details-rating .rating-summary .rating {
	top: 8px !important;
}

#details-rating .title {
	font-size: 17px;
}

#details-rating {
	margin-top: 60px;
}

.feature #tc50-logo img {
  float: none;
}

#tc50-logo {
/*  margin-left: 35px !important;*/
  margin-top: -0.25em;
  height: 65px;
	margin-bottom: 11px;
}

.feature .links {
  margin-top: 1em !important;
}


.learn-link-no-copy {
  margin-left: 1px !important;
}

.learn-link-no-copy {
  margin-left: 1px !important;
}

.learn-link-no-copy {
  margin-top: 86px !important;
}
/*
#details-rating  {
	line-height: 0px;
	font-size: 15px;

}

#details-rating h2.name {
	margin-top: -5px;
}



#health.rating-summary {
	margin-top: 15px;
}
*/

#main-region {
  position: relative;
}

#highlight-image  .light-gradient .br {
  height: 428px;
}

#home-page-frame {
  position: relative;
	width: 400px;
	height: 430px;
	float: left;
	background: transparent url('http://resources.goodguide.net/22/AG/images/backgrounds/gwidget_background.png') no-repeat top left;
}

.crunchies-nom {
	border: 1px #ECD2AA solid;
	background-color: #FCF2E3;
}




/* LEARN PAGE ADDITIONS */


#main-region #learn-page #issues #browse-issues {
	margin-left: -10px;
}
#learn-page #learn-blog .see-more {
	margin: 10px 0;
}

#learn-page #learn-blog .see-more,
#learn-page #learn-blog h3 {
	margin-left: 10px;
}

#learn-page #news-stories .headline {
	font-size: 16px;
}

#learn-page #news-stories .preview {
	width: 760px;
	margin-bottom: 25px !important;
}


#learn-page #issues .issue-bar {
	padding-bottom: 12px !important;
}

#see-all-browse-categories {
	font-size: 12px;
	color: #777;
	padding-left: 5px;
}

#see-all-browse-categories a {
	text-decoration: none;
}

#see-all-browse-categories a:hover {
	text-decoration: underline;
}                        






.main-content #browse-all h1 {
  font-size: 25px;
  font-weight: normal;
  font-family: Arial;
}