/*  Reset Styles
----------------------------------- */	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
	ol,ul {list-style:none;}
	blockquote,q {quotes:none;}
	:focus {outline:0;}
	ins {text-decoration:none;}
	del {text-decoration:line-through;}
	textarea {overflow:auto;}
	body {line-height:1;font-size:62.5%; font-family: Arial, Helvetica,  "Lucida Grande", sans-serif;font-weight: 300;background:#000000;text-align:center;color:#555555;}
	html>body{font-size:12px;}

/*  Basic Typography
----------------------------------- */
	h1, h2, h3, h4, h5, h6 {color: #333; font-weight: bold;font-family:'Alte Haas Grotesk',Helvetica,Arial;}
	h1 { font-size: 36px; line-height: 36px;margin-bottom:18px;}
	h2 { font-size: 30px; line-height: 30px; margin: 15px 0 9px; letter-spacing: -1px;}
	h3 { font-size: 22px; line-height: 22px; margin: 14px 0 0px;}
	h4 { font-size: 16px; line-height: 18px; margin: 18px 0 18px;}
	h5 { font-size: 14px; line-height: 18px; margin: 18px 0 9px;}
	h6 { font-size: 13px; line-height: 18px; text-transform:uppercase;}
	a {color:#6a006c;text-decoration: none}
	a:hover {color:#333333}
	a:visited {font-weight: normal;} 
	p {margin:9px 0}
	em {background-color:#eee9ee;display:block;padding:9px;}
	h5 small {font-size: 0.8em;}
/*  Platform Specific Styles
----------------------------------- */
	body.mac {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 400;}
	body.win {font-family: Arial, Helvetica, "Lucida Grande", sans-serif;}
	body.iphone .container {display: none;-webkit-text-size-adjust: none;}

/* Layout
----------------------------------- */
	.container { font-size:12px;line-height:18px;margin:0 auto;text-align:left;width:900px; } 
	#contentWrapper { background-color: #f1e8f0;margin-bottom: 20px;margin-top: 20px;-moz-border-radius: 3px;-webkit-border-radius: 3px }

/*  Columns ---*/
	.column { float:left;display:inline; margin-right:20px; }
	.column.last { margin-right: 0 }
	.w60 { width:60px; }
	.w80 { width:80px; }
	.w120 { width:120px; }
	.w140 { width:140px; }
	.w180 { width:180px; }
	.w200 { width:200px; }
	.w220 { width:220px; }
	.w240 { width:240px; }
	.w280 { width:280px; }
	.w290 { width:290px; }
	.w440 { width:440px; }
	.w480 { width:480px; }
	.w600 { width:600px; }
/*  Classes ---*/	
	.first { margin-top: 0; }
	.inner10 { padding: 10px }
	.inner20 { padding: 20px }
	.left-align {text-align:left;}
	.float-left { float:left }
	.float-right {float:right }
	img.float-left {margin-right: 20px}
	img.float-right {margin-left: 20px}
/*  Clear & Self-clearing ---*/	
	.clear { clear:both; display:block; }
	.clearfix:after { visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0; }
	.clearfix { display: inline-block; }
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	.replace {font-family: Arial;height:0;overflow:hidden;padding-top:36px;width: 290px;}
	.replace.itunes {background: url(../media/graphics/h3-itunes.png) no-repeat 0 0;}
	.replace.twitter {background: url(../media/graphics/h3-twitter.png) no-repeat 0 0;}
	.replace.news {background: url(../media/graphics/h3-news.png) no-repeat 0 0; width:270px}

/* Buttons
----------------------------------- */
	.btn{display:inline-block;background:none;font:100%/1.2 Arial,Sans-serif;;font-variant:small-caps;margin:0;padding:3px 0;border-width:0;overflow:visible;text-decoration:none;color:#333;}
	* html button.btn{padding-bottom:1px;}
	html:not([lang*=""]) button.btn{margin:0 -3px;}
	.btn span{background:#ddd url(../media/graphics/bg-button.gif) repeat-x 0 0;margin:0;padding:3px 0;border-left:1px solid #bbb;border-right:1px solid #aaa;}
	* html .btn span{padding-top:0;}
	.btn span span{position:relative;padding:3px .4em;border-width:0;border-top:1px solid #bbb;border-bottom:1px solid #aaa;}
	button.pill-l span{border-right-width:0;}
	button.pill-l span span{border-right:1px solid #bbb;}
	button.pill-c span{border-right-style:none;border-left-color:#fff;}
	button.pill-c span span{border-right:1px solid #bbb;}
	button.pill-r span{border-left-color:#fff;}
	.btn:hover span,.btn:hover span span,.btn:focus span,.btn:focus span span{cursor:pointer;/* important for any clickable/pressable element */
	border-color:#6a006c !important;color:#000;}
	.btn:active span{background-position:0 -400px;outline:none;}
	.btn:focus,.btn:active{outline:none;}
	.btn.active span{background:none;border-color:222222;}
	.btn.active span a{color:#bbb;}
	.primary{font-weight:bold;color:#000;}


/*  Header
----------------------------------- */
	#header { background: url(../media/graphics/bg-header.jpg) no-repeat center top;height:300px;margin:0 auto;position:relative;width:100% }
	#header .container {position:relative}
	#header h1 {height:80px;margin:20px 0 0 0;position:absolute;width:220px;}
	#header h1 a {display: block;height:0px;overflow:hidden;padding:40px 0 0 0;width:220px;}
	.ie #header h1 a {display: none}
	#navigationWrapper { background: url(../media/graphics/bg-navigation.png) no-repeat center top; height: 80px;margin:8px 0 4px;width: 900px; }
	#navigation { display:block;float:right;position: relative;}
	#navigation li { float:left;margin:30px 30px 0 0; }
	#navigation li a { color: #f1e8f0;font-size: 14px;font-weight: 600;text-transform: uppercase; }
	#navigation li a:hover { color: #2fb7c9; }
	#navigation li a.active { color:#2fb7c9 }
	#toolbar {font-size:10px;line-height:10px;margin-top:5px;padding:0px;position: absolute;right:24px; top:0}
	#toolbar ul {margin:0 14px 0 0;padding: 0;}
	#toolbar ul li {float:left;margin-left:14px;}
	#toolbar ul li a {color:#d5edef;}
	#toolbar ul li a:hover {color:#ffffff;}
	
/*  Featured Home
----------------------------------- */
	#featured { background-color: #6a006c;margin-bottom: 20px;-moz-border-radius: 3px;-webkit-border-radius: 3px }
	#featured h2 { color:#fffefd;font-size: 17px;height:40px;line-height: 20px; margin:0; padding:20px }
	#featured div a { background: url(../media/graphics/button-get-your-card.png) no-repeat center top;float: right;height:0px;overflow:hidden;padding-top:80px;width:200px; }
	#featured div a:hover { background-position: 0 -80px }

/*  Layout ---*/
	.section { background-color: #ffffff;line-height:16px;margin-bottom: 20px;overflow: hidden;-moz-border-radius: 3px;-webkit-border-radius: 3px}
	.section .footer { color:#555555;font-size: 11px; font-variant: small-caps;margin: 5px 0 -5px;text-align: right;}
	.section .footer a {color:#555555}
	.section .toolbar {font-size: 11px; height: 11px; line-height: 11px; margin: 8px 10px 18px;text-align: right}
	.section .toolbar .btn { display:inline;margin-left: 10px; }

/*  Typography ---*/
	.section h2 {background-color: #393939;color: #ffffff;font-size:16px;line-height:16px;margin:0;padding: 10px 0 10px 10px;}
	.section h3 {color:#393939;font-size: 16px; line-height: 18px; margin: 0 0 8px;}
	.section .inner20 h3 {margin: 14px 0 4px;}
	.section .inner20 h3.first {margin-top:0}
	.section .inner20 strong {font-weight: bold}
	#content ul li {background: url(../media/graphics/li-magenta.png) no-repeat left 6px;padding-left: 10px;margin: 0 0 9px  10px}

/*  Colours ---*/
	.section.cyan h3 {color:#2099a5;}
	.section.magenta h3 {color:#6a006c;}
	.section.magenta h2 {background-color:#6a006c;}
	.section.cyan a {color:#2099a5;}
	.section.cyan a:hover {color:#12585f;}
	.section.magenta a {color:#6a006c;}
	.section.magenta a:hover {color:#4a004b;}
	.section.magenta em {border-left: 5px solid #6a006c;color: #6a006c;}
	#ad img {height:220px;width:220px;}

/*  Home
----------------------------------- */

/*  Featured Discounts ---*/
	#featuredDiscounts {display:block;margin-right:-20px;width: 580px;}
	#featuredDiscounts li {font-size:11px;float:left;line-height:12px;margin:0 10px 10px 0;width: 180px}
	#featuredDiscounts li span.image {background-color: #ffffff;float: left;height:70px; margin-right: 10px;overflow: hidden;width: 70px;-moz-border-radius: 3px;-webkit-border-radius: 3px}
	#featuredDiscounts li span.image img {height:70px;width: 70px;}
	#featuredDiscounts li span.title {color:#6a006c;display: block; font-weight: bold;}
	#featuredDiscounts li a {color:#555555;display: block; font-weight: normal;height:70px; padding:5px;-moz-border-radius: 3px;-webkit-border-radius: 3px}
	#featuredDiscounts li a:hover {background-color: #e6e6e6;}

/*  News ---*/
	#news {color:#555555;}
	#news dt {font-size:14px;font-weight: bold;}
	#news dd {margin-bottom: 18px;}
	#news dd.date {color:#aaaaaa;font-size:11px;margin-bottom: 9px}
	#news dd a {font-variant: small-caps; font-weight: bold;}

/*  Tweets ---*/
	#tweets li {clear:both;font-size: 11px;margin-bottom: 14px;}
	#tweets .image {clear:left;float: left; margin: 4px 10px 14px 0;overflow: hidden;-moz-border-radius: 3px;-webkit-border-radius: 3px}
	#tweets .image img {height:48px;width: 48px;}

/*  Competition ---*/
	#competition li {margin-bottom:18px;}
	
/*  iTunes Top Ten ---*/
	#topten li {clear: both; font-size: 11px; margin-bottom: 10px;position: relative;}
	#topten li img {float:left;height:55px;margin: 0 10px 9px 0;width: 55px}
	#topten li span.artist {color:#555555;display: block}
	#topten li span.artist span.title {display: block;font-size:12px;font-weight: bold;}
	#topten li a.btn span span {padding: 3px;}
	#topten li a.btn {margin-left: 10px}
	#topten li span.buttons {display: block;text-align: right}
	#topten .number {color:#cccccc;font-size:13px;font-weight:bold;position: absolute;right:0}
	
	
/*  Subpage General
----------------------------------- */
	#subpage {background: #000000 url(../media/graphics/background-subpage.jpg) no-repeat center top;}
	#subpage #contentWrapper {background: #f1e8f0 url(../media/graphics/bg-body-top.png) no-repeat center top;}
	#subpage #header { background: none; height: auto; width: 900px }


/*  Breadcrumb ---*/
	#breadcrumb {display: block;}
	#breadcrumb li {float: left;margin: -20px 0 20px;}
	#breadcrumb li a {background: url(../media/graphics/bg-li-breadcrumb.png) no-repeat right center;color:#555555;display:block;font-size: 10px;font-weight:bold;line-height: 10px;margin-right:10px;padding:13px 20px 13px 0;text-transform: uppercase;}
	#breadcrumb li a:hover {color:#333333;}

/*  Featured Discounts Subpage
----------------------------------- */
	#featuredSub {background: #a92295 url(../media/graphics/bg-featured2.jpg) repeat-x left bottom;}
	#featuredSub ul {margin-right: -10px;}
	#featuredSub li {float:left;height:140px;margin-right:10px;}
	#featuredSub li a {display: block;background: url(../media/graphics/bg-logo-large.png) no-repeat left top;height:100px;padding: 5px;width: 170px;}
	#featuredSub li a span {color:#f1e8f0;display:block;font-size: 14px;font-weight: bold;margin-top: 18px;}
	#featuredSub li a:hover {background-position: left -110px}
	#featuredSub li a:hover span {color: #ffffff;}

/*  Pagination ---*/
	.toolbar #pagination {float: right;}
	.toolbar #pagination li {float: left;display: block;margin: 0 0 0 8px;}
	.toolbar #pagination li span {color:#6a006c;display: block;font-size:10px;line-height:11px;padding: 2px 4px;}
	.toolbar #pagination li.active span, .toolbar #pagination li span {color:#666666;display: block;font-size:11px;line-height:11px;}
	.toolbar #pagination li a:hover {background: #aba6ab;color:#fefefe;}
	.toolbar p {float:left;margin:0;padding: 0;}

/*  Discount Details Subpage
----------------------------------- */

	#discount .imageWrapper img {}
	#discount h3 {margin:0 0 9px 0}
	#discount p {margin:9px 0}
	#discount .address {background-color:#fbf7fb;border-left: 5px solid #977398;float:left;margin: 18px 20px 0 0px;padding:10px 0px 10px 10px;width: 240px;}
	#discount .address dt {font-weight: bold;}
	#discount .address dd {font-size: 11px;line-height: 16px;}

/*  News Subpage
----------------------------------- */

	#news h3 {color:#555555;margin-bottom: 0;}
	#news p.author {font-size:11px;margin-top: 0;}
	#news p a {font-variant: small-caps;font-weight: bolder;}

/*  Subpage Sidebar
----------------------------------- */

/*  County search ---*/
	#counties select {margin-top: 9px;}

/*  Tag Cloud ---*/
	#tagcloud li {float: left; margin: 0 9px 10px 0;}
	#tagcloud li a {background: url(../media/graphics/bg-tag.png) no-repeat right top; color: #f7e8f5;display:block;font-size:10px;line-height:20px;height:20px;padding: 0 12px 0 5px; }
	#tagcloud li a:hover {background-position: right -19px}
	#tagcloud li a span {color:#e8b5e1;}
	#tagcloud li a:hover span {color: #ffffff}

/*  Tooltips ---*/
	.tipsy {padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
	.tipsy-inner { padding: 8px 8px; background-color: black; color: white; max-width: 200px; text-align: center;-moz-border-radius: 4px;-webkit-border-radius: 4px}
	.tipsy-north { background-image: url(../media/graphics/tipsy-north.gif); background-position: top center; }
	.tipsy-south { background-image: url(../media/graphics/tipsy-south.gif); background-position: bottom center; }
	.tipsy-east { background-image: url(../media/graphics/tipsy-east.gif); background-position: right center; }
	.tipsy-west { background-image: url(../media/graphics/tipsy-west.gif); background-position: left center; }

/*  Buttons ---*/
	.button {display:block;height:0;overflow: hidden;}
	#getyourcard {display: block;background: #f1e8f0 url(../media/graphics/button-get-your-card-sub.jpg) no-repeat left top;margin:-4px 0 16px;overflow:hidden;padding-top:100px;height:0px;width: 240px}
	#getyourcard:hover {background-position: left -100px;}
	#sign-me-up {background: url(../media/graphics/button-sign-me-up.png) no-repeat 0 -8px;cursor: pointer;margin: 20px auto 0 auto; padding-top:38px;width: 224px;}
	#sign-me-up:hover {background-position: 0 -57px}

/*	Blockquote ---*/
	blockquote {background: transparent url(../media/graphics/quote-open.png) no-repeat 0 0;}
	blockquote p {margin:0}
	blockquote > p:first-child {text-indent: 22px;}
	blockquote p cite {color:#aaaaaa;display: block;font-size:11px;margin: 9px 0 0; text-indent:0}
	blockquote p cite img {float:left; margin-right:10px;}
	.lastword {background: transparent url(../media/graphics/quote-close.png) no-repeat bottom right;padding: 0 22px 0 0;}

/*	Form ---*/
	.form .column {margin-right: 40px}
	.form fieldset {border:none;border-left:5px solid #dddddd;display:block;margin:0 0 18px 10px;padding:18px 0 18px 25px;width:100%;}
	.form label, .form span.label {font-size:11px;line-height:14px;display:block; margin:16px 0 2px;}
	.form input[type=text], .form input[type=password], .form select, .form textarea {background-color:#ffffff;width:100%; padding:5px; border:solid 1px #dcd8dc; font-size: 13px; font-family: Arial, Helvetica, Verdana;font-weight:bold;height:14px;-moz-border-radius: 4px;-webkit-border-radius: 4px}
	.form textarea {height: auto}
	.form select {height:24px;padding: 0;}
	.form .secure {background: url(../media/graphics/secure.png) no-repeat left center;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;color:#6a006c;padding:9px 0px 9px 50px;}
	.form label span, .form span.label span {color:#6a006c;font-weight: bold;font-size: 14px;}
	.form label.first, .form span.label.first {margin-top: 0;}
	.form span.label {position: relative;}
	.form span.label p {display: none;position: absolute;top: -30px;left: 160px;width:140px;}
	.form span.label p em {background-color: #dddddd; font-style: normal;font-size:11px;font-weight: normal;}
	.form span.label  a {font-size:12px;font-weight: bold;}

/*  Endorsements Subpage
----------------------------------- */
	#content blockquote p {margin-bottom: 27px;}
	#content blockquote p cite {margin:0;text-align: right;}
	
/*  Contact Subpage
----------------------------------- */
	#content .social li {background:none;display:inline;float:left;height:18px;margin:0 10px 0 0;padding: 0;}
	.social .fb a {background: url(../media/graphics/icon-facebook.png) no-repeat 0 0;display: block;height:0;overflow: hidden;padding-top: 18px;width: 18px}
	.social .twitter a {background: url(../media/graphics/icon-twitter.png) no-repeat 0 0;display: block;height:0;overflow: hidden;padding-top: 18px;width: 18px}

/*  Footer
----------------------------------- */
	#footer {background: #000000;margin-bottom: 18px;-moz-border-radius: 3px;-webkit-border-radius: 3px}
	#footer p {font-size:11px;float:right; text-align: right;}
	#footer p em {background: none;color:#999999;display:inline;font-size:13px;font-style:normal;margin:0;padding:0;}
	#footer p a {color: #555555}
	#footer p a:hover {color: #999999}
	#footer dl dt {font-size:11px;margin-bottom: 9px;}
	#footer dl dd {float:left;margin-right: 20px}
	#footer dl dd a {display: block;height: 0;overflow:hidden;padding-top: 44px;}
	#footer dl dd#isic a {background: #000000 url(../media/graphics/logo-isic.png) no-repeat left top;width:44px;}
	#footer dl dd#napd a {background: #000000 url(../media/graphics/logo-napd.png) no-repeat left top;width:116px;}
	#footer dl dd#nyci a {background: #000000 url(../media/graphics/logo-nyci.png) no-repeat left top;width:93px;}