/* CSS Document */

body {
	margin:0;
	color: #000;
	/* background-image:url(/images/background.gif); */
	background-repeat:repeat-x;
	font-family:"Helvetica Neue",Helvetica,Arial;
}
#header {
	width: 50em;
	margin:auto;
	height: 74px;
/*	background-image:url(/images/headerbg.png);
	background-position:top center;
	background-repeat:repeat-x; */
/*	text-align:center; */
	}
p {
	font-size:1.2em;
}
img {
border:none;
}
#logo {
	background-image:url(/images/ShopWise.png);
	height:74px;
	float:left;
	width:212px;
	}
#logo2 {
	background-image:url(/images/ShopWiseNoSideBar.png);
	height:74px;
	float:left;
	width:212px;
	}
/*Submenu*/
#submenu {
	text-align:right;
	padding:.3em;
    width:50em;
    margin:auto;
}
/* Top menu background */
#menuTop {
	width:100%;
	height:74px;
}
#topMenuItem1 {
	background:url(images/menuItems/topMenuItem1.png) repeat-x;
	border-right:2px solid #FFF;
	text-align:center;
	width:6.81em;
}
#topMenuItem2 {
	background:url(images/menuItems/topMenuItem2.png) repeat-x;
	border-right:2px solid #FFF;
	text-align:center;
	width:6.75em;
}
#topMenuItem3 {
	background:url(images/menuItems/topMenuItem3.png) repeat-x;
	border-right:2px solid #FFF;
	text-align:center;
	width:8.63em;
}
#topMenuItem4 {
	background:url(images/menuItems/topMenuItem4.png) repeat-x;
	text-align:center;
	width:14.13em;
}
/*menu items*/
#menuShop {
	background:url(images/MenuShop.png) no-repeat center;
	height:36px;
}
#menuSave {
	background:url(images/MenuSave.png) no-repeat center;
	height:36px;
}
#menuDonate {
	background:url(images/MenuDonate.png) no-repeat center;
	height:36px;
}
#menuAbout {
	background:url(images/MenuAbout.png) no-repeat center;
	height:36px;
}
#menu2 {
	background:url(/images/MenuTop.png) repeat-x;
	height:38px;
	width:100%;
	text-align:right;
}
#menu2 div {
	padding-top:.5em;
	padding-right:5px;
}
#menu2c {
	width:10px;
	height: 38px;
	background:url(/images/MenuTopLeft.png) no-repeat left top;
	}
/*possibly delete */
#text2Box div {
	padding-top:5px;
	}
#text2Box div input {
	border:#EDDD9E 1px solid;
	}
#text2Box div select {
	border:#EDDD9E 1px solid;
	}
h1 {
	font-size:2em;
	margin:0px;
	font-family:"Helvetica Neue",Helvetica,Arial;
}
#maintb {
	width: 50em;
	margin: auto;
	}
#content a {
	color:#5585BE;
	text-decoration:none;
	}
#content a:hover {
	color:#FF9900;
	text-decoration:none;
	}
#content {
	margin-top:10px;
	color:#000;
	}
#menutd {
	width: 212px;
	vertical-align:top;
	}
#maintd {
	vertical-align:top;
	background-color:#FFF;
	}
/*Sidemenu stuff */
#sidemenu {
	width: 212px;
	text-align: right;
	background-image:url(/images/SideMenu/SideMenu.png);
	background-repeat:repeat-y;
	font-size:.9em;
	background-position:right;
	}
#sidemenu ul {
padding:5px;
margin-top: 0;
margin-bottom:0;
margin-right:13px;
margin-left:0;
}
#sidemenu li {
list-style:none;
height:1.5em;
}
/*#sidemenu li:hover {
	background-color:#FFF;
	font-size:1.1em;
	height:1.36em;
	filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
	}
*/
#sidemenu a {
	margin-right:3px;
	font-size:.95em;
	color:#3A71B2;
}
#sidemenu h2 {
margin:-5px 18px -5px;
font-size:1.2em;
}
#menuhead {
	background:url(/images/SideMenu/SideMenuTop.png) no-repeat top;
	height:11px;
	font-size:1px;
	}
#menufoot {
	background:url(/images/SideMenu/SideMenuBottom.png) no-repeat left bottom;
	height:11px;
	font-size:1px;
	}
a {
	color:#000;
	}
a:hover {
	color:#5585BE;
	}
#footer {
	text-align:center;
	margin:0 auto 20px auto;
	width:100%;
	height:84px;
	color:#000;
	font-size:.9em;
	clear:both;
	}
#footer a {
	color:#000;
	}
/* possibly delete */
.detail {
	border:solid 1px #CCCCCC;
	margin:20px 12px 5px 5px;
	padding:5px;
	font-size:.88em;
	color:#000;
	}
h5 {
	margin:5px 0 5px 0;
	}
#text {
	filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
	}
#text:hover {
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
	}
	
/*round box orange*/
.RoundedBoxOrange .bt, .RoundedBoxOrange .bt b, .RoundedBoxOrange .bb, .RoundedBoxOrange .bb b {
	display: block; height: 10px;font-size: 1px;background:url(/images/roundBox/RoundedBoxOrange.png) no-repeat;position:relative;
}
.RoundedBoxOrange .bt {
	top: -1px; left: -1px
	}
.RoundedBoxOrange .bt b {
	background-position:100% -10px; left: 2px
	}
.RoundedBoxOrange .bb {
	background-position:0 -20px; top:1px; left: -1px
	}
.RoundedBoxOrange .bb b {
	background-position:100% -30px; left: 2px
	}
.RoundedBoxOrange {
	width:100%;
	border: #FFC862 1px solid;
	margin:10px 0 10px 0;
	font-size:.88em;
	position:relative;
	}
/*round box orange wide but not 100%*/
.RoundedBoxOrangeWide .bt, .RoundedBoxOrangeWide .bt b, .RoundedBoxOrangeWide .bb, .RoundedBoxOrangeWide .bb b {
	display: block; height: 10px;font-size: 1px;background:url(/images/roundBox/RoundedBoxOrange.png) no-repeat;position:relative;
}
.RoundedBoxOrangeWide .bt {
	top: -1px; left: -1px
	}
.RoundedBoxOrangeWide .bt b {
	background-position:100% -10px; left: 2px
	}
.RoundedBoxOrangeWide .bb {
	background-position:0 -20px; top:1px; left: -1px
	}
.RoundedBoxOrangeWide .bb b {
	background-position:100% -30px; left: 2px
	}
.RoundedBoxOrangeWide {
	width: 41.6em;
	border: #FFC862 1px solid;
	margin:10px 0 10px 0;
	font-size:.88em;
	position:relative;
	}
/*round box orange narrow column*/
.RoundedBoxOrangeRCol .bt, .RoundedBoxOrangeRCol .bt b, .RoundedBoxOrangeRCol .bb, .RoundedBoxOrangeRCol .bb b {
	display: block; height: 10px;font-size: 1px;background:url(/images/roundBox/RoundedBoxOrange.png) no-repeat;position:relative;
}
.RoundedBoxOrangeRCol .bt {
	top: -1px; left: -1px
	}
.RoundedBoxOrangeRCol .bt b {
	background-position:100% -10px; left: 2px
	}
.RoundedBoxOrangeRCol .bb {
	background-position:0 -20px; top:1px; left: -1px
	}
.RoundedBoxOrangeRCol .bb b {
	background-position:100% -30px; left: 2px
	}
.RoundedBoxOrangeRCol {
	width:12.5em;
	border: #FFC862 1px solid;
	margin:10px 0 10px 0;
	font-size:.88em;
	position:relative;
	}
	/*round box gray solid*/
.RoundedBoxGraySolid .bt, .RoundedBoxGraySolid .bt b, .RoundedBoxGraySolid .bb, .RoundedBoxGraySolid .bb b {
	display: block; height: 10px;font-size: 1px;background:url(/images/roundBox/RoundedBoxSolidGray.png) no-repeat;position:relative;
}
.RoundedBoxGraySolid .bt {
	top: -1px; left: -1px
	}
.RoundedBoxGraySolid .bt b {
	background-position:100% -10px; left: 2px
	}
.RoundedBoxGraySolid .bb {
	background-position:0 -20px; top:1px; left: -1px
	}
.RoundedBoxGraySolid .bb b {
	background-position:100% -30px; left: 2px
	}
.RoundedBoxGraySolid {
	width:100%;
	border:#D7D7D7 1px solid;
	margin:10px 0 10px 0;
	font-size:.88em;
	background:#D7D7D7;
	position:relative;
	}
/*round box dark gray solid*/
.RoundedBoxGraySolidOutside .bt, .RoundedBoxGraySolidOutside .bt b, .RoundedBoxGraySolidOutside .bb, .RoundedBoxGraySolidOutside .bb b {
	display: block; height: 10px;font-size: 1px;background:url(/images/roundBox/RoundBoxSolidGrayOutside.png) no-repeat;
	position:relative;
}
.RoundedBoxGraySolidOutside .bt {
	top: 0; left: 0
	}
.RoundedBoxGraySolidOutside .bt b {
	background-position:100% -10px; left: 0
	}
.RoundedBoxGraySolidOutside .bb {
	background-position:0 -20px; top:0px; left: 0
	}
.RoundedBoxGraySolidOutside .bb b {
	background-position:100% -30px; left: 0
	}
.RoundedBoxGraySolidOutside {
	margin:2px 0 2px 0;
	font-size:1em;
	background:#999999;
	text-align:left;
	color:#FFF;
	position:relative;
	}
.RoundedBoxGraySolidOutside input, .RoundedBoxGraySolidOutside textarea, .RoundedBoxGraySolidOutside select {
	background-color:#999;
	color:#FFF;
	margin:-5px 0 -5px 0;
	width:100%;
	border:none;
	border-color:#999;
	}
.content {
margin-left:10px;
margin-right:10px;
}
.BoxNoBorder {
	margin:10px 0 10px 0;
	font-size:.88em;
	width:100%;
}
#bannerWide { 
	width:800px;padding:0px;margin:0;background-repeat:no-repeat;height:178px;
	}
.profileButton input{
	background:url(/images/orangeButtonSmall.png) no-repeat center;
	background-size:auto;
	width:75px;
	height:35px;
	border:none;
	}
.buttonLarge {
	background:url(/images/orangeButtonLarge.png) no-repeat center;
	background-size:auto;
	width:146px;
	height:35px;
	border:none;
	}
.buttonSmall {
	background:url(/images/orangeButtonSmall.png) no-repeat center;
	background-size:auto;
	width:75px;
	height:35px;
	border:none;
	}
.buttonMedium {
	background:url(/images/orangeButtonMedium.png) no-repeat center;
	background-size:auto;
	width:109px;
	height:35px;
	border:none;
	}
.thead {
background-color:#CCCCCC;
}
ul.alphabet {
  list-style-type:none;
  margin:0 0 10px 0;
  padding:0 4px 0 7px;
}
.alphabet li  {
  margin:0;
  padding:0 4px 0 0;
  display:inline;
}
.alphabet a:link, .alphabet a:visited {
  color:#0053A0;
  text-decoration:underline;
  margin:0;
  padding:0;
}
/* Lists */
#shop ul {
list-style:none;
margin:0;
padding:5px;
}
/* Headers */
h2 {
margin:5px;
padding:0px;
font-size:18px;
}
h3 {
margin:0 0 0 5px;
}
#selectbenef {
	background:url(images/beneficiary/BenefChoose.png) no-repeat;
	height:71px;
	}
/* Wizard page */
.colLeft {
float:left;
width:18em;
padding:5px;
}
.colRight {
float:right;
width:18em;
padding:5px;
}
.colCenter {
margin:auto;
width:18em;
padding:5px;
}
#pageheader {
background:url(images/pageHeader.png) repeat-x;
height:47px;
}
/* Banner stuff */
#banner {
		position:relative;
		width:800px;
		height:403px;
		background:url('/images/banner.png') no-repeat;
}
#loginBox {
		position:absolute;
		top:185px;
		right:30px;
		text-align:right;
		margin:auto;
		width:230px;
}
#loginBox form {
		text-align:right;
}
#bookmarklet {
		position:absolute;
		top:330px;
		right:55px;
		border:dashed 1px #777777;
		padding:5px;
}
.banner-text {
		font-size:.8em;
}
#banner #rules-label {
		font-size:.7em;
}
#orgSelect {
		position:absolute;
		top:50px;
		right:30px;
		text-align:right;
		margin:auto;
		width:230px;
}
.success_notify {
    width:200px;
    text-align:center;
}
#pageheader h1 {
	padding-top:3px;
	padding-left:10px;
	float:left;
	line-height:40px;
}
#pageheader img {
	float:left;
	margin-top:16px;
	margin-left:5px;
}
#pageHeaderLeft {
height:47px;
float:left;
width:8px;
margin-right:-3px;
background:url(images/pageHeaderLeft.png) no-repeat;
}
#pageHeaderRight {
height:47px;
float:right;
width:8px;
margin-left:-3px;
background:url(images/pageHeaderRight.png) no-repeat;
}
.boxTitle {
		margin-top:.6em;
}
.BoxHeader {
background:url(images/BoxHeader.png) repeat-x;
height:26px;
vertical-align:top;
}
.BoxHeaderLeft {
height:26px;
float:left;
width:8px;
margin-right:-3px;
background:url(images/BoxHeaderLeft.png) no-repeat;
}
.BoxHeaderRight {
height:26px;
float:right;
width:8px;
margin-left:-3px;
background:url(images/BoxHeaderRight.png) no-repeat;
}
.BoxHeader h2 {
font-size:1.3em;
}
#cat2 {
display:none;
}
#goBack {
display:none;
}
.banner728 {
width:728px;
margin:auto;
padding:5px;
}
.BoxHeader h2 {
margin:0;
}
.register {
width:200px;
border:dashed #999999 thin;
padding:5px;
margin:-35px 0 0 45px;
float:right;
}
.iBox {
margin:5px 0 5px 10px;
}
.italic { font-style:italic }
.optionBox { border:1px dashed; padding:5px;}
.note { color:#999999;font-size:.9em}
#signup .inputlabel {
	font-size:1.3em;
	color:#777;
	padding:.3em;
	float:left;
	text-align:right;
	width: 140px;
}
.inputlabel {
	font-size:1.3em;
	color:#777;
	padding:.3em;
	text-align:right;
	width: 140px;
}
#content .button {
	background-color:#999999;
	margin:.5em;
	color:#FFF;
}
#content #signup input {
	font-size:1.3em;
	font-weight:bold;
	border: 2px solid #DDDDDD;
	height:1.5em;
	padding-left:.3em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	float:left;
}
#content form input.biginput {
	font-size:1.3em;
	font-weight:bold;
	border: 2px solid #DDDDDD;
	height:1.5em;
	padding-left:.3em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.errormsg {
	color:#FF0000;
	padding-top:65px;
	margin-left:170px;
	position:absolute;
}
#login .error {
		font-size:.7em;
		display:none;
		color:#FF0000;
		margin:0;
		padding:0;
}
#signup #whysignup {
	width:320px;
	float:right;
}
#signup #whysignup ul {
	padding:0;
	margin:0;
}
#signup #whysignup ul li {
	list-style:none;
	margin-left:1.2em;
	margin-bottom:.3em;
	vertical-align:middle;
}