@charset "utf-8";

body {
	margin: 0px;
	font: 13px arial,geneva,helvetica,sans-serif;
}
form {
	margin: 0px;
}
img { 
	border: none;
}

a:link, a:active, a:hover, a.activeLink { 
	color: #2518b5;
}
a:visited, a.visitedLink, a.activeLink:visited { 
	color: #609;
}


/* 
SEARCH HEADER 
-------------------------------------------------------- */

div.home-searchbox-wrapper {
	text-align: center;
	margin: 65px auto 50px auto;
}


/*
SEARCH SUGGESTIONS
-------------------------------------------------------- */
form#formWithSuggest {
	position: relative;
	margin: 0 auto;
}
form#formWithSuggest input {
	font-size: 15px;
	padding: 4px 9px;
	border: 1px solid #ccc;
}

div#suggestionDropDown {
	position: absolute;
	text-align: left;
	width: 468px;
}
.suggestions {
	background-color: white;
	border:1px solid #ccc;
	height: auto;
	padding: 3px;
}
.suggestions .suggestion {
	padding-left: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: white;
}
.suggestions a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}

div.current {
	background: #ccc !important;
}

/*
MAIN CONTENT AREA
-------------------------------------------------------- */

div.content {
	margin: 0px auto;
}

table.resultTable {
	margin-left: 0;
	width: 556px;
	border-collapse: collapse;
}
table.resultTable tr div.search-result {
	margin: 10px 0;
}
table.resultTable div.search-result {
	width: auto;
}
table.resultTable div.search-result:first-child {
	margin-top: 5px;
}
table.resultTable td {
	border-top: 1px solid #fff;
}
table.resultTable td.position {
	white-space: nowrap;
}

span.url {
	color: green;
	text-decoration: none;
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden;
}

div.right-content {
	padding-left: 20px;
}

table.resultTable td.resultContainer {
	padding: 0px;
}

/* 
SEARCH RESULTS PAGE
-------------------------------------------------------- */

div#img-wrapper {
	display:inline;
	position:relative;
	cursor: pointer;
}
table.goodness-list {
	border-collapse: collapse;
}
table.goodness-list td {
	padding: 0;
}
table.goodness-list td.recommended {
	padding-left: 30px;
}

table.goodness-list td div {
	margin: 10px 0;
}

table.goodness-list td div.rating {
	color: #999999;
	margin: 0 0 0 0;
}

table.goodness-list td table.sitelinks {
	margin-top: 10px;
}

div.rating {
	color: #999999;
	margin-top: 0;
}

table.goodness-list tr:last-child td div {
	margin-bottom: 3px;
}

table.goodness-list tr:first-child td:first-child {
	margin-top: 5px;
}

div#rightgoodness a, div#rightgoodness a b {
	font-size: 18px;
}
div#rightgoodness p {
	margin: 0;
}

img.star-rating {
	height: 12px;
}

div.section-title {
	color: dimgrey; margin-bottom: 0; margin-top: 10px;
}
div.north-goodness	{
	margin: 0;
}
div.east-goodness	{
	margin: 0;
}
div.south-goodness {
	margin: 0;
}

.shopping-items { }
	.shopping-items h2 { margin-left: 10px; font-size: 16px; font-weight: normal; }
	.shopping-items a { text-decoration: none; border: 1px solid #fff; display: block; padding: 5px; }
		.shopping-items a:hover { border:1px solid #bebebe;-moz-box-shadow:inset 0 0 5px #bebebe;-webkit-box-shadow:inset 0 0 5px #bebebe;box-shadow:inset 0 0 5px #bebebe} 
		.shopping-items a span.product-name { display: block; height: 35px; margin-bottom: 8px; overflow: hidden; }
		.shopping-items a span.url { display: block; color: black }
	
.mask:hover{border:1px solid #bebebe;-moz-box-shadow:inset 0 0 5px #bebebe;-webkit-box-shadow:inset 0 0 5px #bebebe;box-shadow:inset 0 0 5px #bebebe}


/*
FOOTER 
-------------------------------------------------------- */
div.footer{
	color: #999;
	font-size: 10px;
	text-align: center;
	margin: 10px auto;
}
div.footer a {
	color: #039;
	font-size: 13px;
}
div.footer-search {
	margin: 10px auto;
	margin-top: 0;
	padding: 10px;
	background: #F8F8F8;
	border: 1px solid #ebebeb;
	border-top: 1px solid #9cf;
	text-align: left;
	padding-left: 124px;
}


/* SEARCH BOX */

div.search-bar			{ padding: 5px 10px 5px 0; text-align: left; border-bottom: 1px solid #E5E5E5; border-top: 1px inset #bbb;}
div.search-bar table td { vertical-align: middle; white-space: nowrap; width: 114px; }
div.search-bar table td.logo img { vertical-align: middle; }

div.search-form			{ float: left; display: inline; margin: 7px 0 0 0; }
#searchbox_textfield	{ height: 19px; max-width: 572px; }
#searchbox_textfield2	{ height: 19px; max-width: 572px; font-size: 15px; padding: 4px 9px; }
#searchbox_textfield:focus {
	outline: none;
}
#searchbox_textfield2:focus {
	outline: none;
}


/* RESULTS BAR */

div.search-results		{ color: #999999; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
div.other-media-links		{ color: #999999; font-size: 13px; width: 840px; text-overflow: ellipsis; white-space: nowrap; display: inline-block; border-bottom: 1px solid #EBEBEB; }
div.other-media-links span		{ padding-right: 30px }


/* STYLE OVERRIDE FOR LEFT BAR */

div.right-content		{ border-left: 0; width: 270px; solid #dedede; }

div.moreResults			{ height: 1px; background-color: #ccf0f0; text-align: center; margin: 30px 0 30px; padding: 0; border: 0; }
div.moreResults h4		{ font-weight: normal; text-align: center; margin: 0; }
div.moreResults h4 a		{ text-decoration: none; background: #fff url(search/images/icon_arrow_blue1.png) no-repeat right center; padding: 0 21px 0 5px; font-size: 16px; font-weight: bold; color: #20C; display: inline-block; font-weight: normal }


/* DUCK DUCK GO BLOCK */

div#ddg div.duck-inner { border:3px solid #ddd; padding: 0 9px; box-shadow: 1px 1px 3px #eee }
div#ddg h3 { margin: 0 -9px 5px; background: #e8eefa; font-size: 20px; font-weight: normal;
	padding: 14px 0 10px 15px; border-bottom: 1px solid #ddd; }	
div#ddg img { float: left; margin: 8px 10px; }
div#ddg p { clear: left }
div#ddg p.source { margin: 10px -9px 0; padding: 10px; border-top: 1px solid #ddd;
	color: #555; line-height: 24px; font-size: 11px; }
div#ddg p.source a { color: #555; display: inline-block; font-size: 11px; }
div#ddg p.source a.ddg { background: url(images/logo_duckduckgo.png) no-repeat; }


/* RESPONSIVE DESIGN CHANGES */

div.container-table { display:table; }
div.left { min-width: 115px; }
div.left, div.middle, div.right { display: table-cell; vertical-align: top; line-height: 18px; }
div.container-table a.activeLink  { font: 18px arial,geneva,helvetica,sans-serif; text-decoration: none; color: #2518b5 }
div.container-table a.activeLink:visited { color: #609 }

div.other-media-links { max-width: 840px; width: 100%; box-sizing: border-box }

div.footer > a { display: inline-block; white-space: nowrap; line-height: 18px; }

@media screen and (max-width: 980px) {
	table.resultTable { width: auto; }
	div.search-bar table td { width: auto; }
	
	div.other-media-links { padding: 20px }
	
	div.middle { max-width: 500px; }
	
	div.footer-search { padding-left: 15px; }
}	

@media screen and (max-width: 900px) {
	div.container-table { display: block; }
	div.left { display: block; }	
	div.middle, div.right { display: table-cell; }
	div.left { display: block; }
}


@media screen and (max-width: 768px) {
	div.search-bar table { width: 100%; }		
	
	div.search-bar table td.logo { display: block; text-align: left; max-width: none; }
	div.search-bar table td.logo img { margin: 0; }
	div.search-bar table td.logo + td { display: block; }
	
	div.search-form { display: block; float: none; margin: 7px 10px 0 10px; }
	form#formWithSuggest input[type=text] { width: 71% !important; }
	#searchbox_textfield2 { width: 67% !important; }
	
	
	div.middle, div.right { display: block; }
	
	.shopping-items > table { display: block; }
	.shopping-items > table tr { display: block; }
	.shopping-items > table tr > td { display: inline-block; width: 45%; vertical-align: top; }
	
	div.footer > a, div.footer p { line-height: 20px; }
}

@media screen and (max-width: 480px) {	
	span.url{ width: auto !important; }	
	div.other-media-links { white-space: normal; }
	div.other-media-links span { white-space: nowrap; padding-right: 10px; }
	div.search-form { text-align:center; }
	.footer-search form, div.other-media-links { white-space: nowrap; }
	
}