/* 

	client: Arsenal FC
	design: Rippleffect
	css: membership pages specific
	
*/

/* 

some membership specific css is in structure.css as alternatives needed to be used for IE6..

..and since this is titled, it overwrites the IE6 specific stylesheet 

*/


body {
	background-color:#1a1a1a;
}

#header {
	background-image:url(../images/structure/member-header.jpg);
}

#container {
	background-image:url(../images/structure/member-bgrepeat.gif);
}

#mainnav ul li a {
	padding:4px 30px 4px 29px;
}

#logofooter {
	background-image:url(../images/structure/member-footer.jpg);
}

#leftnav ul li {
	background-image:url(../images/nav/member-leftnavbk.jpg);
}

#O2banner {
	margin:15px 0 15px 5px;
}

#member-home ul li.button a.member-button {
	width:219px;
	height:17px;
	background-image:url(../images/membership/membership-button.png);
	background-repeat:no-repeat;
	background-position:top;
	text-transform:uppercase;
	color:#aa0000;
	font-size:1em;
	font-weight:bold;
	display:block;
	text-align:center;
	padding:3px 0 2px 0;
}

#member-home {
	margin:14px 0 0 0;
}

#member-home ul {
	width:241px;
	height:auto;
	padding:0 10px;
	margin:2px 0 0 0;
	float:left;
	background-repeat:no-repeat;
	background-position:top;
}

#member-home ul li#join {
	background-image:url(../images/membership/ul-join.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:0px 0 0 15px;
	margin:0 0 -11px 0;
	height:27px;
	position:relative;
	z-index:10;
}

#member-home ul li#tickets {
	background-image:url(../images/membership/ul-tickets.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:0px 0 0 15px;
	margin:0 0 -6px 0;
	height:22px;
	position:relative;
	z-index:10;
}

#member-home ul li#arsenal {
	background-image:url(../images/membership/ul-arsenal.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:0px 0 0 15px;
	margin:0 0 -6px 0;
	height:21px;
	position:relative;
	z-index:10;
}

#member-home ul li {
	background-position:top;
	background-repeat:repeat-y;
	margin:1px 0 0 0;
	padding:1px 0 2px 15px;
	width:226px;
	list-style:none;
	font-size:1.1em;
}

#member-home ul li.header {
	background-image:url(../images/membership/li-header-bg.png);
	background-repeat:no-repeat;
	height:45px;
	padding:0 0 0 15px;
}

#member-home ul li.header img {
	height:45px;
	width:45px;
	float:right;
	padding:0 2px 0 0;
}

#member-home ul li.header p {
	font-size:1em;
	padding:10px 0 0 1px;
	color:#666666;
}

#member-home ul li.button {
	padding:10px 9px 7px 6px;
}

#member-home ul li.button a {
	background-image:none;
	padding:0;
}

#member-home ul li.grey {
	background-image:url(../images/membership/li-bg.png);
}

#member-home ul li.white {
	background-image:url(../images/membership/li-bg2.png);
}

#member-home ul li a {
	background-image:url(../images/nav/lightred-bullet.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	margin:0 0 0 6px;
	color:#000000;
}

#member-home ul li a:hover {
	color:#aa0000;
}

#member-home ul li.shadow {
	background-image:url(../images/misc/bottomshadow.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:15px;
	padding:0;
	margin:1px 0 0 0;
	width:241px;
}

#member-home ul#junior-gunners {
	background-image:url(../images/membership/junior-gunners.png);
	background-repeat:no-repeat;
	background-position:top;
	width:241px;
	height:163px;
	margin-top:1px;
}

#member-home ul#junior-gunners li#home-page {
	margin:35px 0 4px 0;
	padding:0 0 0 15px;
}

#member-home ul#junior-gunners li#home-page a {
	padding:0 0 0 3px;
	background-image:none;
}

#member-home ul#junior-gunners li {
	margin:0 0 -1px 0;
	list-style:none;
}

#member-home ul#junior-gunners li a {
	padding:0 0 3px 14px;
	background-image:url(../images/membership/junior-bullet.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-weight:bold;
	margin:0 0 -1px 8px;
	color:#ffffff;
	text-transform:uppercase;
}

#views-header {
	background-image:url(../images/membership/you-view-header.png);
	background-repeat:no-repeat;
	background-position:top;
	width:500px;
	height:22px;
	margin:-1px;
	position:relative;
}

.fullwidth-link {
	display:block;
	text-align:right;
	width:490px;
	padding:0 10px 0 0;
	border-bottom:1px solid #cccccc;
	float:left;
	margin:0 0 0 12px;
}


.fullwidth-link a {
	background-image:url(../images/nav/lightred-more.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding:2px 14px 1px 0;
	color:#666666;
	font-size:1.1em;
	display:block;
}

.fullwidth-link a:hover {
	color:#aa0000;
}

/* membership tickets page */

.ticket-logos {
	width:92px;
	height:45px;
	border:1px solid #cccccc;
	padding:1px;
	margin:3px 0 4px 3px;
}

.ticket-logos a {
	margin:0 0 0 0;
	padding:0 !important;
	float:left;
	border:0;
}

.ticket-logos a img {
	margin:0 0 0 0;
	padding:0;
	border:0;
	float:left;
	display:block;
}

.ticket-logos img.club {
	background-image:url(/assets/images/structure/article/seperator.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:0 2px 0 0 !important;
	float:left;
}

#member-tickets-box { /* necessary for IE6 to get margins right as can't use padding on table due to border */
	padding:0 0 0 5px;
}

table#member-tickets {
	width:512px;
	border-top:1px solid #cccccc;
}

table#member-tickets p {
	margin:0;
	padding:0;
	font-size:1em;
}

table#member-tickets p.date {
	color:#666666;
	padding:1px 0 0 0;
}

table#member-tickets img.circle {
	margin:0 -2px -2px 0;
	text-align:right;
}

table#member-tickets a img.icon {
	padding:0;
	margin:0;
}

table#member-tickets .soldout {
	background-color:#aa0000;
	color:#ffffff;
	font-weight:bold;
	padding:0 1px 0 3px;
	margin:0 0 0 -2px;
	text-transform:uppercase;
}

table#member-tickets a {
	padding:0 1px;
}

table#member-tickets p.date a {
	color:#aa0000;
	font-weight:bold;
	padding:0;
	text-transform:uppercase;
}

#member-key {
	float:left;
	width:500px;
	margin:6px 0 0 0;
	padding:0;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background-color:#f2f2f2;
	height:auto;
}

#member-key .grey-topcurve {
	margin:0 -1px 0px -1px;
	position:relative;
}

#member-key .grey-bottomcurve {
	margin:5px -1px 0 -1px;
	position:relative;
}

#member-key p.key {
	padding:2px 29px 0 30px;
	font-weight:bold;
	color:#aa0000;
	float:left;
}

#member-key ul {
	float:left;
	margin:0;
}

#member-key ul#left {
	width:171px;
}

#member-key ul#left li {
	width:171px;
}

#member-key ul#right {
	width:229px;
}

#member-key ul#right li {
	width:229px;
}

#member-key ul li {
	float:left;
	font-size:1.1em;
	margin:0 0 2px 0 ;
	list-style:none;
}

#member-key ul li img {
	margin:0 1px -3px 0;
}

#member-key ul li img.icon {
	margin:-1px -1px -5px -2px;
}

#twocol-imagelinks {
	margin-bottom:24px;
}

ul#ticketprices {
	width:500px;
	float:left;
}

ul#ticketprices li {
	width:492px;
	border-bottom:1px solid #cccccc;
	padding:3px 0 1px 10px;
	float:left;
	list-style:none;
}

ul#ticketprices li p {
	display:inline;
	display:block;
	float:left;
	padding:0;
	margin:0;
	line-height:1.19em;
}

ul#ticketprices li p.type {
	width:322px;
}

ul#ticketprices li p.category {
	width:73px;
	margin:0 0 0 11px;
}
/* Facebook and Twitter homepage holder */
#member-home ul.membership-social-media li {
	padding:0;
	margin:0;
	list-style:none;
	width:auto;
}
#member-home ul.membership-social-media li .facebook-box {
	background:url("../images/social/facebook-bg.gif") 0 0 no-repeat ;
	float:right ;
	height:83px ;
	margin:0 11px 5px 0 ;
	display:inline ;
	width:115px ;
	position:relative ;
}
#member-home ul.membership-social-media li .facebook-box .fb_button_holder {
    position: absolute ;
    left: 16px ;
    top: 34px ;
	width:90px ;
	height:22px ;
	overflow:hidden ;
}
#member-home ul.membership-social-media li .facebook-box a.facebook-like {
    position: absolute ;
    top: 62px ;
	left: 7px ;
	color: #ad0101 ;
	font-size: 10px ;
	font-weight:bold ;
	background: none ;
	padding:0;
	margin:0;
	font-family:Tahoma, Arial, sans-serif ;
}
#member-home ul.membership-social-media li .facebook-box a.facebook-like:hover {
	text-decoration: underline ;
}
#member-home ul.membership-social-media li .twitter-box {
	position:relative ;
	background:url("/assets/images/social/twitter-bg.gif") 0 0 no-repeat ;
	float:right ;
	height:83px ;
	margin:0 0 5px ;
	width:115px ;
}
#member-home ul.membership-social-media li .twitter-box a.twitter-follow {
    position: absolute ;
    top: 62px ;
	left: 11px ;
	color: #ad0101 ;
	font-size: 10px ;
	font-weight:bold ;
	background: none ;
	padding:0;
	margin:0;
	font-family:Tahoma, Arial, sans-serif ;
}
#member-home ul.membership-social-media li .twitter-box ul li a.twitter-follow:hover {
	text-decoration: underline ;
}
#member-home ul.membership-social-media li .twitter-box a.twitter-title {
    position: absolute ;
    left: 21px ;
    top: 30px ;
	text-indent:-9999px ;
	display:block ;
	width:74px ;
	height:27px ;
	padding:0;
	margin:0;
	background: none ;
	background:url("/assets/images/social/follow-btn.gif") 0 0 no-repeat ;
}
#member-home ul.membership-social-media li .twitter-box a.twitter-title:hover {
	background:url("/assets/images/social/follow-btn.gif") 0 -27px no-repeat;	
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#mainnav ul li a {
	padding:4px 29px 4px 29px !important;
}
}