body {
	background-color: #4F4F4F;
	background-image: url(../img/body-bg.png);
	background-position: top;
	background-repeat: repeat-x;
	text-align: center;
	font-size: 62.5%;
	font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
}

#header-wrapper, #content-wrapper, #footer-wrapper {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#header-wrapper {
	padding-top: 30px;
	background-color: #000;
}

#header {
	height: 100px;
	background-image: url(../img/header-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#header h1 {
	float: right;
	width: 150px;
	height: 40px;
	margin-right: 20px;
	margin-top: 40px;
	text-indent: -1000em;
}

#header h1 a {
	display: block;
	width: 150px;
	height: 40px;
}

#header ul {
	margin-top: 50px;
	margin-left: 20px;
	float: left;
}

#header ul li {
	display: inline;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: bold;
	margin-right: 20px;
}

#header ul li a {
	color: #FFF;
	text-decoration: none;
}

#header ul li a:hover, #header ul li a.active {
	color: #F48825;
}

#content-shadow {
	text-align: center;
	background-image: url(../img/content-shadow-bg.png);
	background-position: top;
	background-repeat: no-repeat;
}

#content-wrapper {
	background-color: #424242;
	background-image: url(../img/content-wrapper-bg.png);
	background-position: top;
	background-repeat: repeat-x;
}

#content {
	border-bottom: 1px solid #F48921;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 20px;
}

#footer-wrapper {
	padding-bottom: 50px;
	background-image: url(../img/footer-wrapper-bg.png);
	background-position: top;
	background-repeat: no-repeat;
}

#footer {
	border-top: 1px solid #373737;
	padding-top: 40px;
	margin: 0 19px 50px 21px;
}

#footer p {
	width: 411px;
	float: left;
	margin: 0 20px 0 20px;
	padding-top: 0;
	color: #777777;
	font-size: 1.0em;
	line-height: 1.4em;
}

#footer #logo-limited-space {
	display: block;
	float: left;
	width: 129px;
	height: 23px;
	background-image: url(../img/logo-limited-space.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

#footer #logo-oaa {
	display: block;
	float: left;
	width: 79px;
	height: 39px;
	background-image: url(../img/logo-oaa.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

h2 {
	height: 40px;
}

#heading-campaign {
	background-image: url(../img/heading-campaign.png);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -1000em;
}

/** column layout: col (generic column class) **/
.col { margin-bottom: 20px; margin-left: 20px; float: left; }

/** column layout: col-<spanage> (e.g col-2 spans 2 columns) **/
.col-1 { width: 150px; background-color: #F00; }
.col-2 { width: 320px; background-color: #F0F; }
.col-3 { width: 490px; background-color: #FF0; }
.col-4 { width: 660px; background-color: #0FF; }

/** column layout: col-first (removes left margin from first column) **/
.col-first { margin-left: 0; }

/** column layout: remove following to switch on column debugging **/
.col { background-color: transparent; }

p {
	font-size: 1.2em;
	line-height: 1.3em;
	padding: 10px 0 10px 0;
	color: #FFF;
}

/** package accordion styling **/

.package-header {
	font-size: 1.0em;
	height: 26px;
	line-height: 26px;
	clear: both;
	font-weight:bold;
	color: #6D6E71;
}

.package-header div {
	float: left;
	text-align: center;
	height: 26px;
	text-indent: -1000em;
}

.package-header div.package-name { width: 139px; border-right: 1px solid #2E2E2E; background-image: url(../img/package-header-name-bg.png); }
.package-header div.package-sites { width: 51px; border-right: 1px solid #2E2E2E; background-image: url(../img/package-header-sites-bg.png); }
.package-header div.package-malls { width: 51px; border-right: 1px solid #2E2E2E; background-image: url(../img/package-header-malls-bg.png); }
.package-header div.package-footfall { width: 76px; background-image: url(../img/package-header-footfall-bg.png); line-height: 12px; }
.package-header div.package-footfall span { font-size: 0.9em; }

#package-accordion .package-header {
	background: #4B4B4B;
	color: #949494;
}

#package-accordion .package-header div {
	border-width: 1px;
	border-style: solid;
	border-color: #303030;
	background-image: none;
	text-indent: 0;
}

#package-accordion .package-header div.package-name { width: 132px; text-align: left; padding-left: 5px; }
#package-accordion .package-header div.package-sites { width: 50px; }
#package-accordion .package-header div.package-malls { width: 50px; }
#package-accordion .package-header div.package-footfall { width: 75px; line-height: 23px; }

#package-accordion .package-header {
	font-size: 1.5em;
	cursor:pointer;
	height: 27px;
	line-height: 25px;
	margin-top: 2px;
	font-weight: normal;
	overflow: hidden;
}

#package-accordion .package-header div {
	height: 25px;
}



/** palette styling **/

#package-accordion .palette-1-header { background-color: #F0B719; color: #FFF; }
#package-accordion .palette-1-header div {	border-color: #F7D84F #E18302 #E18302 #F7D84F; }

#package-accordion .palette-2-header { background-color: #E39925; color: #FFF; }
#package-accordion .palette-2-header div {	border-color: #F0C561 #CA5B05 #CA5B05 #F0C561; }

#package-accordion .palette-3-header { background-color: #DD5F28; color: #FFF; }
#package-accordion .palette-3-header div {	border-color: #ED9B64 #BF2306 #BF2306 #ED9B64; }

#package-accordion .palette-4-header { background-color: #E03733; color: #FFF; }
#package-accordion .palette-4-header div {	border-color: #EE7672 #C40B0A #C40B0A #EE7672; }

#package-accordion .palette-5-header { background-color: #ED1C24; color: #FFF; }
#package-accordion .palette-5-header div {	border-color: #F5545F #DC0305 #DC0305 #F5545F; }

#package-accordion .palette-6-header { background-color: #D51820; color: #FFF; }
#package-accordion .palette-6-header div {	border-color: #E94E5A #B10204 #B10204 #E94E5A; }

#package-accordion .palette-7-header { background-color: #D31171; color: #FFF; }
#package-accordion .palette-7-header div {	border-color: #E741A9 #AE0132 #AE0132 #E741A9; }

#package-accordion .palette-8-header { background-color: #C6158D; color: #FFF; }
#package-accordion .palette-8-header div {	border-color: #E049BD #99014D #99014D #E049BD; }

#package-accordion .palette-9-header { background-color: #822E91; color: #FFF; }
#package-accordion .palette-9-header div {	border-color: #B66CC0 #420852 #420852 #B66CC0; }

#package-accordion .palette-10-header { background-color: #632C83; color: #FFF; }
#package-accordion .palette-10-header div { border-color: #9E69B6 #260743 #260743 #9E69B6; }


#package-accordion .palette-1-header:hover { background-color: #D8A416; color: #FFF; }
#package-accordion .palette-1-header:hover div { border-color: #EACC4A #B66901 #B66901 #EACC4A; }

#package-accordion .palette-2-header:hover { background-color: #CC8921; color: #FFF; }
#package-accordion .palette-2-header:hover div { border-color: #E4BA5B #991C05 #991C05 #E4BA5B; }

#package-accordion .palette-3-header:hover { background-color: #C65524; color: #FFF; }
#package-accordion .palette-3-header:hover div { border-color: #E0935F #991C05 #991C05 #E0935F; }

#package-accordion .palette-4-header:hover { background-color: #C9312E; color: #FFF; }
#package-accordion .palette-4-header:hover div { border-color: #E26F6C #9E0908 #9E0908 #E26F6C; }

#package-accordion .palette-5-header:hover { background-color: #D51920; color: #FFF; }
#package-accordion .palette-5-header:hover div { border-color: #E94F5A #B10204 #B10204 #E94F5A; }

#package-accordion .palette-6-header:hover { background-color: #BF161D; color: #FFF; }
#package-accordion .palette-6-header:hover div { border-color: #DC4A55 #8F0103 #8F0103 #DC4A55; }

#package-accordion .palette-7-header:hover { background-color: #BD0F65; color: #FFF; }
#package-accordion .palette-7-header:hover div { border-color: #DB3DA0 #8C0028 #8C0028 #DB3DA0; }

#package-accordion .palette-8-header:hover { background-color: #B2137F; color: #FFF; }
#package-accordion .palette-8-header:hover div { border-color: #D545B3 #810345 #810345 #D545B3; }

#package-accordion .palette-9-header:hover { background-color: #752982; color: #FFF; }
#package-accordion .palette-9-header:hover div { border-color: #AC66B6 #350642 #350642 #AC66B6; }

#package-accordion .palette-10-header:hover { background-color: #592876; color: #FFF; }
#package-accordion .palette-10-header:hover div { border-color: #9664AD #1F0636 #1F0636 #9664AD; }

#package-accordion .on {
	background-color: #F00;
}

#package-accordion .package-child {
	height: 180px;
}

#package-accordion .package-content .col {
	margin-top: 10px;
	margin-bottom: 7px;
}

#package-accordion .package-content .package-cost {
	font-size: 1.2em;
}

#package-accordion .package-content .package-cost strong {
	color: #F48825;
	font-weight: bold;
}

#package-accordion .package-content .package-cost span {
	color: #FFF;
	font-size: 1.5em;
	line-height: 1.8em;
	font-weight: bold;
}

#package-accordion .package-content .package-cost small {
	color: #6D6E71;
	font-size: 0.9em;
}

#map-links {
	padding: 20px 20px 5px 20px;
}

#view-site-list,
#download-site-list {
	display: block;
	padding-left: 30px;
	height: 25px;
	line-height: 25px;
	background-position: left;
	background-repeat: no-repeat;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFF;
	margin: 0 0 5px 0;
	text-decoration: none;
}
#view-site-list {
	background-image: url(../img/view-site-list-bg.gif);
}
#download-site-list {
	background-image: url(../img/download-site-list-bg.gif);
}

table {
	border-collapse: collapse;
	width: 100%;
	margin: 10px 0 10px 0;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #FFF;
}

table a {
	color: #FFF;
}

table td {
	padding: 4px 5px 3px 5px;
	border-bottom: 1px solid #565758;
}

table thead td {
	font-size: 1.5em;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #3C3C3C;
}

table td.w10  { width:  10%; }
table td.w15  { width:  15%; }
table td.w20  { width:  20%; }
table td.w25  { width:  25%; }
table td.w30  { width:  30%; }
table td.w40  { width:  40%; }
table td.w50  { width:  50%; }
table td.w60  { width:  60%; }
table td.w70  { width:  70%; }
table td.w80  { width:  80%; }
table td.w90  { width:  90%; }
table td.w100 { width: 100%; }

table td.left   { text-align: left; }
table td.center { text-align: center; }
table td.right  { text-align: right; }

table td.top    { valign: top; }
table td.middle { valign: middle; };
table td.bottom { valign: bottom; }