body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	background: url('/images/nonprofits/15/shop/page_bg.jpg') repeat-x 0 0;
	background-color: #8ec23a;
}

div.top {
	background: url("/images/nonprofits/15/shop/bg_top.gif") no-repeat 19px 0;
	padding-top: 2px;
}

div.outer {
    background: url('/images/nonprofits/15/shop/bg.gif') repeat-y 19px 21px;
}

div.page {
    background: url('/images/nonprofits/15/shop/left_tile.jpg') repeat-y 21px -74px;
}

div.wrapper {
	background: url('/images/nonprofits/15/shop/page_inner_bg.jpg') no-repeat -1px 98px;
	margin: 0 auto;
	width: 998px;
}

div#left img.topLeftHeader {
	float: left; 
	padding-bottom: 1px;
}

div#left img.leftColumnImg {
	float: left; 
}

div#left img.leftColumn {
	float: left;
}

div#left div.block {
	float: left;
	font-size: 12px;
	line-height: 16px;
	padding-top: 10px;
	width: 250px;
	/*border-bottom: 10px solid #19262A;*/
}

div#left div.block h3 {
	color: #25647A;
	font-size: 16px;
	font-weight: normal;
	margin: 5px 15px;
}

div#left div.block a {
	color: #25647A;
	font-size: 12px;
	text-decoration: none;
}

div#left div.block a:hover {
	text-decoration: underline;
}

div#left div.block p {
	color: #665032; 
	margin: 0 15px 15px;
}

div#left div.block ul {
	color: #665032; 
	float: left;
	margin: 0px 20px 15px;
}

div#left div.block ul li {
	margin: 0 0 5px 10px;
}

div#spacerBottom {
	background: url('/images/nonprofits/15/shop/bg_bottom.gif') no-repeat scroll 0 0;
	background-color: #C0E2F9;
	height: 2px;
	margin-left: 19px;
	width: 903px;
}

div.last {
	padding: 0px;
}

/*div.fillerTop {
	height: 20px; 
	width: 100%;
}*/

div.fillerBottom {
	background: url(/images/nonprofits/15/shop/footer_bg.gif) repeat-x;
	display: block;
	height: 58px; 
	margin-top: 10px;
	width: 100%;
}

#shop .search div {
    background-color: #49acca;
}

#shop div#bottombar {
	background-color: #6cb028;
	clear: both;
	float: left;
	height: 77px;
	margin-left: 20px;
	width: 900px;
}

#shop div#bottombar img {
	float: right;
}

#shop .search div {
	height: 20px;
}

#shop div.app-button {
	display:block;
	float: left;
	height: 65px;
	left: 184px;
	top: 35px;
	position: relative;
	width: 184px;
}
#shop div.app-button a {
	background: url(/images/nonprofits/15/shop/app_button.png) no-repeat 0 0;
	display: block;
	height: 65px;
	width: 184px;
	/*left: 37px;
	top: 251px;*/
}
#shop div.app-button a:hover {
	background: url(/images/nonprofits/15/shop/app_button.png) no-repeat 0 -65px;
}

#content img.logo {
	float: left;
	clear: both;
	border-bottom: 1px solid #C0C0C0;
}
#content div.inner h3 {
	border-bottom: none;
	width: 505px;
	padding-bottom: 0px;
}

#content div.data {
	float: left;
	clear: both;
	width: 585px;
}

#shop div.row a {
	color: #2675A4;
}
#shop div.row h4,
#shop .search input#query,
#shop ul#directory li a:hover {
	color: #4c6373;
}
#shop div.row span.special-info {
	color: #e6272d;
}
#shop ul#directory {
	/*border-bottom:10px solid #c0e2f9;
	border-top:10px solid #c0e2f9;*/
	border-bottom:10px solid #6cb028;
	border-top:10px solid #6cb028;
}
#shop ul#directory li.selected a,
#shop ul#directory li ul li a:hover,
#shop ul#directory li ul li.selected a {
	color: #4c6373;
}
div#left img.leftColumnImg {
	/*border-bottom: 10px solid #c0e2f9;*/
	border-bottom: 10px solid #6cb028;
	padding-bottom: 1px;
	padding-top: 1px;
}

div.topNav {
	height: 160px;
}

div.headerHorn {
	background: url(/images/nonprofits/15/shop/header_horn.jpg) no-repeat -1px 0;
	width: 998px;
	height: 100px;
}

div.headerHorn a.logo {
	background: url(/images/nonprofits/15/shop/logo.gif) no-repeat;
	display: block;
	float: left;
	height: 140px;
	width: 93px;
	position: relative;
	left: 8px;
	top: 10px;
}

div.headerHorn ul.navigation {
	float: left;
	position: relative;
	left: 19px;
	top: 57px;
	list-style: none;
}

div.headerHorn ul.navigation li {
	color: #FFFFFF;
	font-size: 18px;
	float: left;
	margin-left: 10px;
}

div.headerHorn ul.navigation li a {
	color: #FFFFFF;
	text-decoration: none;
}

div.headerHorn ul.navigation li a:hover {
	text-decoration: underline;
}

div.topHeader {
	width: 998px;
	height: 250px;
}
div.topHeader img.statement {
	float: left;
	position: relative;
	left: 66px;
	top: 1px;
}

div.donation {
	float: left;
	position: relative;
	left: 144px;
	top: 0px;
	height: 98px;
	width: 204px;
}

div.donation a {
	display: block;
	background: url(/images/nonprofits/15/shop/make_donation_button.png) no-repeat 0 0;
	height: 98px;
	width: 204px;
}

div.donation a:hover {
	background: url(/images/nonprofits/15/shop/make_donation_button.png) no-repeat 0 -98px;
}

#shop div.npsm-badge {
	background-color: #FFFFFF;
	border-bottom: 10px solid #6cb028;
}

/** APP PAGE **/

#shop div.app-message {
	background-color: #49acca;
}
#shop div.app-message span.header {
	color: #ffffff;
}
#shop span.get-started {
	color: #0081c5;
}

#shop div.share-app {
	height: 235px;
}

#shop div.share-app p.top40 a {
	color: #0081c5;
}

#shop div.share-app a.facebook {
	background: url(/images/nonprofits/67/shop/apps/facebook-app-icon.jpg) no-repeat 0 0;
}
#shop div.share-app a.twitter {
	background: url(/images/nonprofits/67/shop/apps/twitter-app-icon.jpg) no-repeat 0 0;
}
#shop div.share-app a.linkedin {
	background: url(/images/nonprofits/67/shop/apps/linkedin-app-icon.jpg) no-repeat 0 0;
}

#shop div.share-app a.facebook:hover {
	background: url(/images/nonprofits/67/shop/apps/facebook-app-icon.jpg) no-repeat 0 -83px;
}
#shop div.share-app a.twitter:hover {
	background: url(/images/nonprofits/67/shop/apps/twitter-app-icon.jpg) no-repeat 0 -83px;
}
#shop div.share-app a.linkedin:hover {
	background: url(/images/nonprofits/67/shop/apps/linkedin-app-icon.jpg) no-repeat 0 -83px;
}

#shop span.get-started,
#shop span.share-our-app,
#shop span.spread-our-badge,
#shop span.choose-browser,
#shop span.accept-our-terms,
#shop span.get-our-app {
	font-weight: bold;
}

/** END APP PAGE **/