/* CSS Document */
/* ****** Rounded corner Box ****  */
/* set the image to use and establish the lower-right position */
.PromTopBox, .PromTopBox_body, .PromTopBox_head, .PromTopBox_head h2 {
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-image: url(images/PNGS/promTop.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.PromTopBox {
	width: 980px !important;   	/* intended total box width - padding-right(next) */
	width: 980px;              	/* IE Win = width - padding */
	padding-right: 5px;       	/* the gap on the right edge of the image (not content padding) */
	margin: 5px auto;  			/*5px 5px 5px; 	 auto; use to position the box */
}
/* set the top-right image */
.PromTopBox_head {
	background-position: top right;
	margin-right: -5px;       /* pull the right image over on top of border */
	padding-right: 13px;      /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.PromTopBox_head h2 {
	background-position: top left;
	margin: 0;                 /* reset */
	border: 0;                 /* reset */
	padding: 0px 0px 0px 15px;  /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%;                /* IE Holly Hack */
}
/* set the lower-left corner image */
.PromTopBox_body {
	background-position: bottom left;
	margin-right: 8px;        /* interior-padding right */
	padding: 0px 0px 20px 10px; /* mirror .cssbox_head right/left */
}
.PromTopBox_head h2 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;     /* this is tricky if box width is in ems */
	/*text-align: center;*/
	/*text-shadow: rgb(0,0,0) 0px 2px 5px;  Safari-only, but I'm doing it just 'cause I can */
}
.PromTopBox_body h2 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;     /* this is tricky if box width is in ems */
	/*text-align: center;*/
	/*text-shadow: rgb(0,0,0) 0px 2px 5px;  Safari-only, but I'm doing it just 'cause I can */
}

/*  ****************************************************************************** */

.PromListBox, .PromListBox_body, .PromListBox_head, .PromListBox_head h2 {
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-image: url(images/PNGS/ListBG.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.PromListBox {
	width: 650px !important;   	/* intended total box width - padding-right(next) */
	width: 640px;              	/* IE Win = width - padding */
	padding-right: 5px;       	/* the gap on the right edge of the image (not content padding) */
	margin: 5px auto;  			/*5px 5px 5px; 	 auto; use to position the box */
}
/* set the top-right image */
.PromListBox_head {
	background-position: top right;
	margin-right: -5px;       /* pull the right image over on top of border */
	padding-right: 13px;      /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.PromListBox_head h2 {
	background-position: top left;
	margin: 0;                 /* reset */
	border: 0;                 /* reset */
	padding: 15px 0px 5px 15px;  /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%;                /* IE Holly Hack */
}
/* set the lower-left corner image */
.PromListBox_body {
	background-position: bottom left;
	margin-right: 8px;        /* interior-padding right */
	padding: 0px 0px 20px 10px; /* mirror .cssbox_head right/left */
}
.PromListBox_head h2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;     /* this is tricky if box width is in ems */
	text-align: left;
	/*text-shadow: rgb(0,0,0) 0px 2px 5px;  Safari-only, but I'm doing it just 'cause I can */
}