/*
-----------------------------------------------
CatchTheMania.com
Stylesheet: Framework.css
Author:   Steve Van Etten
Organization:	Vermont Design Works
Created: 28 April 2011
----------------------------------------------- */


body {
	background: #992B2A url(../images/bg-body.jpg) repeat-x 0 0;
	text-align: center;
}

#container {
	text-align: left;
	margin: 0 auto;
	width: 960px;
	position:relative;
}

/* Masthead Styles */

#masthead { 
	position:relative;
	width: 960px;
	height: 76px;
	clear:both;
	z-index:900;
 	}

#border-wrapper { float: left; clear:both; width: 958px; border: 1px solid #ffffff; }

#logo { width:205px; height:180px; position:absolute;top:25px;left:375px; z-index:900; }

#utility-nav  { position: absolute; bottom: 10px; right:0; width: 201px; height: 23px; margin:0; padding:0; }
#utility-nav li { float: left; }
#utility-nav li, #utility-nav li a { display: block; text-indent: -999em; outline: 0; height: 23px;  }
#utility-nav li#utility-nav-1, #utility-nav li#utility-nav-1 a { width: 56px; }
#utility-nav li#utility-nav-2, #utility-nav li#utility-nav-2 a { width: 76px; }
#utility-nav li#utility-nav-3, #utility-nav li#utility-nav-3 a { width: 69px; }
#utility-nav li#utility-nav-1 { background: transparent url(../images/utility-nav.png) no-repeat 0 0; }
#utility-nav li#utility-nav-2 a, #utility-nav li#utility-nav-2 a:visited { background: transparent url(../images/utility-nav.png) no-repeat  -56px 0; }
#utility-nav li#utility-nav-2 a:hover, #utility-nav li#utility-nav-2 a:active { background: transparent url(../images/utility-nav.png) no-repeat -56px -23px; }
#utility-nav li#utility-nav-3 a, #utility-nav li#utility-nav-3 a:visited { background: transparent url(../images/utility-nav.png) no-repeat -132px 0; }
#utility-nav li#utility-nav-3 a:hover, #utility-nav li#utility-nav-3 a:active { background: transparent url(../images/utility-nav.png) no-repeat -132px -23px; }

#top-links { position: absolute; top:3px; right:0; list-style-type: none;  }
#top-links li { float: left; }
#top-links li span { color: #d8d8d8; padding: 0 5px; }
#top-links li a { font-size: 11px; text-transform: uppercase; font-weight: bold; text-decoration:none;  }
#top-links li a, #top-links li a:visited { color: #d8d8d8; }
#top-links li a:hover, #top-links li a:active { color: #f47522; }

#btn-member-login, #btn-member-login a { width: 126px; height: 27px; }
#btn-member-login { position: absolute; top:22px; left:0; }
#btn-member-login a { text-indent: -999em; display:block; outline:0; }
.btn-login, .btn-login a { background: transparent url(../images/btn-member-login.png) no-repeat 0 0; }
.btn-login a:hover, .btn-login a:active { background-position: 0 -27px; }
.btn-account, .btn-account a { background: transparent url(../images/btn-my-account.png) no-repeat 0 0; }
.btn-account a:hover, .btn-account a:active { background-position: 0 -27px; }

#btn-member-login .btn-logout { font-size: 12px; font-weight: bold; text-indent: 0; width: auto; height: auto; position: absolute; left: 132px; top: 3px; background: none; }
#btn-member-login .btn-logout:link, #btn-member-login .btn-logout:visited { color: #f47522; }
#btn-member-login .btn-logout:hover, #btn-member-login .btn-logout:active { color: #ffffff; }

p#close-window { position: absolute; top: 13px; right: 10px; text-align: right; margin:0; font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  }
p#close-window a { padding: 2px 20px 2px 0; text-decoration: none; display: inline-block; }
p#close-window a, p#close-window a:visited { color: #f79b15; background: transparent url(../images/icon-close.png) no-repeat 100% 50%; }
p#close-window a:hover, p#close-window a:active { color: #595959; background: transparent url(../images/icon-close-over.png) no-repeat 100% 50%; }


/* HOME PAGE */

#top-content { width:958px; height: 315px; float:left; clear:both; z-index:1; position:relative; }
#top-content #banner { width: 679px; height: 315px; float:left; }
#top-content #cta-nav, #top-content #cta-nav ul { width: 279px; height: 315px; float:left; list-style-type:none; margin:0; padding:0; }
#top-content #cta-nav li a { text-indent:-999em; display:block; outline:0; }
#top-content #cta-nav li,  #top-content #cta-nav li a { width: 279px; height: 79px; }
#top-content #cta-nav li a { background: transparent url(../images/cta-nav.png) no-repeat 0 0; }
#top-content #cta-nav li#cta-nav-4, #top-content #cta-nav li#cta-nav-4 a { height: 78px; }
#top-content #cta-nav li#cta-nav-1 a, #top-content #cta-nav li#cta-nav-1 a:visited { background-position: 0 0; }
#top-content #cta-nav li#cta-nav-1 a:hover, #top-content #cta-nav li#cta-nav-1 a:active { background-position: -279px 0; }
#top-content #cta-nav li#cta-nav-2 a, #top-content #cta-nav li#cta-nav-2 a:visited { background-position: 0 -79px; }
#top-content #cta-nav li#cta-nav-2 a:hover, #top-content #cta-nav li#cta-nav-2 a:active { background-position: -279px -79px; }
#top-content #cta-nav li#cta-nav-3 a, #top-content #cta-nav li#cta-nav-3 a:visited { background-position: 0 -158px; }
#top-content #cta-nav li#cta-nav-3 a:hover, #top-content #cta-nav li#cta-nav-3 a:active { background-position: -279px -158px; }
#top-content #cta-nav li#cta-nav-4 a, #top-content #cta-nav li#cta-nav-4 a:visited { background-position: 0 -237px; }
#top-content #cta-nav li#cta-nav-4 a:hover, #top-content #cta-nav li#cta-nav-4 a:active { background-position: -279px -237px; }

#index #main { float:left; clear: both; background: #ffffff; width: 958px; }
#main { background: #ffffff; float:left; }

/*Secondary Pages */

#cta-secondary, #cta-secondary ul { width: 958px; height: 32px; margin:0; padding:0; list-style-type: none; }
#cta-secondary ul li, #cta-secondary ul li a { float: left; width: 200px; height: 32px; text-indent: -999em; }
#cta-secondary ul li a { background: transparent url(../images/cta-secondary.png) no-repeat 0 0; }
#cta-secondary ul li#cta-secondary-1, #cta-secondary ul li#cta-secondary-1 a { width: 200px; }
#cta-secondary ul li#cta-secondary-2, #cta-secondary ul li#cta-secondary-2 a { width: 347px; }
#cta-secondary ul li#cta-secondary-3, #cta-secondary ul li#cta-secondary-3 a { width: 255px; }
#cta-secondary ul li#cta-secondary-4, #cta-secondary ul li#cta-secondary-4 a { width: 156px; }
#cta-secondary ul li#cta-secondary-1 a, #cta-secondary ul li#cta-secondary-1 a:visited { background-position: 0 0; }
#cta-secondary ul li#cta-secondary-1 a:hover, #cta-secondary ul li#cta-secondary-1 a:active { background-position: 0 -32px; }
#cta-secondary ul li#cta-secondary-2 a, #cta-secondary ul li#cta-secondary-2 a:visited { background-position: -200px 0; }
#cta-secondary ul li#cta-secondary-2 a:hover, #cta-secondary ul li#cta-secondary-2 a:active { background-position: -200px -32px; }
#cta-secondary ul li#cta-secondary-3 a, #cta-secondary ul li#cta-secondary-3 a:visited { background-position: -547px 0; }
#cta-secondary ul li#cta-secondary-3 a:hover, #cta-secondary ul li#cta-secondary-3 a:active { background-position: -547px -32px; }
#cta-secondary ul li#cta-secondary-4 a, #cta-secondary ul li#cta-secondary-4 a:visited { background-position: -802px 0; }
#cta-secondary ul li#cta-secondary-4 a:hover, #cta-secondary ul li#cta-secondary-4 a:active { background-position: -802px -32px; }


/*
-----------------------------------------------
START CONTENT CSS
----------------------------------------------- */

/* Universal Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {  margin: 0; padding: 0; }
fieldset, a img { border: 0 solid transparent;}


body { font: 62.5%/1.8em Arial, 'Helvetica Neue', helvetica, serif; }

/*
Accessibility Statement */

#access_key, .access_key { text-align: center; }

.hide { display: none; }
.show { display: block; }

/*
Typography */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, 'Helvetica Neue', helvetica, serif;
	font-weight: normal;
	color: #000000; 
}

h1 { 
	font-size:3em; 
	 margin: 12px 0 20px 0;
	 line-height: 1.0385em;
	color: #ffffff;
	font-style: italic; 
	padding: 10px 0 10px 10px;
	background: #f47522;
	width: 618px;
	}

h2.subhead {
	font-size: 2.6em;
	margin: 12px 0 20px 0;
	line-height: 1.0385em;
	color: #ffffff;
	font-style: italic; 
	padding: 7px 0 7px 10px;
	background: #f47522;
	width: 618px;
	float: left;
	clear: both;
	}


h2 { font-size: 2.0em; line-height: 1.2857em; margin: 1.0385em 0 0.3462em; }
h3 { font-size: 1.8em; line-height: 1.2857em; margin: 1.2857em 0 0.4286em; }
h4 { font-size: 1.6em; line-height: 1.0588em; margin: 1.5882em 0 0.5294em; color:#000000;font-weight:bold; }
h5 { font-size: 1.2em; font-weight: bold; margin-bottom: 0; }
h6 { font-size: 1.2em; font-weight: bold; margin-bottom: 0; }

p { font-size: 1.3em; margin-bottom: 1.5em;line-height:22px; }
address { font-size: 1.2em; font-style: normal; margin-bottom: 1.5em; }
blockquote { margin: 0 3.6em; padding-bottom: 1.8em; }
blockquote p { margin-bottom: 0.75em; font-size:1.2em; color: #f47522; }
blockquote .source, blockquote .position, blockquote .school { font-size: 1.2em; }

ul, ol { margin: 0 0 1.8em 3.6em; }
ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; }
li { font-size: 1.4em; }
#content ul li ol li, #content ol li ul li, #content ul li ul li, #content ol li ol li { font-size:14px; }
#content li { margin-bottom:3px; color:#3c3b3b;  }
ul.plain {list-style-type:none;margin-left:0;}

dl { margin: 0 0 1.8em 0; }
dt { font-size: 1.2em; font-weight: bold; }
dd { font-size: 1.2em; margin: 0 0 1.5em 3.6em; }
dd ul, dd ol { margin-left: 0; }
dd * { font-size: 1em; }

.publication_name { font-style: italic; }
.footnote { font-size: 11px; }

/*
Images */

a img { border: 0; }

p.last { margin-top: 3em; }

.image-left, .image-right, .image-center { font-size: 1.2em; line-height: 0; }
.no-border img { border:0; }
.image-left-wrapper { 
	float: left;
	margin: 0 2em 0.75em 0; 
	padding:0; 
	background: transparent url(../images/bg-mi-tl.gif) no-repeat 0 0;
	}

.image-right-wrapper { 
	float: right;
	margin: 0 0 0.75em 2em; 
	padding:0; 
	background: transparent url(../images/bg-mi-tl.gif) no-repeat 0 0;
	}

.mi-bl {background:transparent url(../images/bg-mi-bl.gif) no-repeat 0 100%;padding:0 0 0 15px; }
.mi-tr {background:transparent url(../images/bg-mi-tr.gif) no-repeat 100% 0;padding: 15px 0 0 0;}
.mi-br {background:transparent url(../images/bg-mi-br.gif) no-repeat 100% 100%;padding:0 15px 10px 0;}

.image-left {
	float: left;
	margin: 0;
	padding: 0 2em 0.75em 0; 
}

.image-right {
	float: right;
	margin: 0;
	padding: 0 0 0.75em 2em; 
}

.image-center {
	margin: 0 auto 1.8em auto;
	text-align: center;
}


.caption {
	font-size: 1.1em;
	line-height: 1.6364em;
	text-align: center;
}

/*
Links */

a { outline:0; }
a:link { color: #f47522; }
a:visited { color: #3c3b3b; }
a:hover { color: #931f1d; }
a:active { color: #f47522; }

/*
Tables */

table {
	margin: 0 auto 1.8em auto;
}

caption {
	font-size: 1.2em;
	font-style: italic;
	text-align: center;
	padding: 0 0 0.6429em 0;
	margin: 0 auto;
}

td, th {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1em;
	border-bottom: 1px solid #5F7EA5;
	padding: 0.5em 9px 0.25em 9px;
}

th {
	font-weight: bold;
	border: 0;
}

tfoot td {
	line-height: 1.5em;
}

tfoot ul { margin: 0; list-style: none; }
tfoot li { font-size: 1em; }


/*
-----------------------------------------------
END CONTENT CSS End START CSS
----------------------------------------------- */
#navigation
{
	width: 958px;
	height:64px;
	clear:both;
	border-bottom:1px solid #ffffff;
}

#navigation ul
{
	background: transparent url(../images/navigation.png) no-repeat top left;
	padding: 0;
	margin: 0;
	width: 958px;
	height: 64px;
	float: left;
	list-style: none;
	line-height: 1;
}

#navigation a
{
	display: block;
	height: 64px;
	text-decoration: none;
}

#navigation a span
{
	position: absolute;
	left: -999em;
}

#navigation li
{
	font-size: 14px;
	margin: 0;
	padding: 0;
	float: left;
	width: 200px;
}

#navigation li, #navigation li a
{
	background-image: url(../images/navigation.png);
	background-position: 0 0;
}

/*
Static Nav State */


#navigation #nav-index a, #navigation #nav-index { 	width: 106px; background-position: -0px 0;}
#navigation #nav-catch-the-mania a, #navigation #nav-catch-the-mania { 	width: 140px; 	background-position: -106px 0;}
#navigation #nav-where-to-play a, #navigation #nav-where-to-play { 	width: 350px; 	background-position: -246px 0;}
#navigation #nav-success-stories a, #navigation #nav-success-stories { 	width: 115px; 	background-position: -596px 0;}
#navigation #nav-success-stories-blog a, #navigation #nav-success-stories-blog { width: 115px; 	background-position: -596px 0;} /* For the blog link */
#navigation #nav-become-a-member a, #navigation #nav-become-a-member { width: 134px; background-position: -711px 0; }
#navigation #nav-contact-us a, #navigation #nav-contact-us { width: 113px; 	background-position: -845px 0;}

/*
Rollovers */
#navigation #nav-index:hover a, #navigation #nav-index a:hover, #navigation #nav-index.sfhover { background-position: -0px -64px; }
#navigation #nav-catch-the-mania:hover a, #navigation #nav-catch-the-mania a:hover, #navigation #nav-catch-the-mania.sfhover {  background-position: -106px -64px;}
#navigation #nav-where-to-play:hover a, #navigation #nav-where-to-play a:hover, #navigation #nav-where-to-play.sfhover {  background-position: -246px -64px;}
#navigation #nav-success-stories:hover a, #navigation #nav-success-stories a:hover, #navigation #nav-success-stories.sfhover { background-position: -596px -64px;}
#navigation #nav-success-stories-blog:hover a, #navigation #nav-success-stories-blog a:hover, #navigation #nav-success-stories-blog.sfhover { background-position: -596px -64px;} /* For the blog link */
#navigation #nav-become-a-member:hover a, #navigation #nav-become-a-member a:hover, #navigation #nav-become-a-member.sfhover { background-position: -711px -64px; }
#navigation #nav-contact-us:hover a, #navigation #nav-contact-us a:hover, #navigation #nav-contact-us.sfhover { 	background-position: -845px -64px;}

/*
You Are Here */
#navigation #nav-index.current a { background-position: -0px -128px; }
#navigation #nav-catch-the-mania.current a { background-position: -106px -128px; }
#navigation #nav-where-to-play.current a { background-position: -246px -128px; }
#navigation #nav-success-stories.current a { background-position: -596px -128px; }
#wp-blog #nav-success-stories-blog a { background-position: -596px -128px; } /* For the blog link */
#navigation #nav-become-a-member.current a { background-position: -711px -128px; }
#navigation #nav-contact-us.current a { background-position: -845px -128px; }

#footer { background: #f6f6f6 url(../images/bg-expandable-footer.png) no-repeat 100% 100%; clear: both; }
/*Expandable Footer*/
#nav-explore {margin: 0 auto;overflow: hidden;width: 940px;}
#nav-explore a:link, #nav-explore a:visited { color: #000; text-decoration: none; }
#nav-explore a:hover, #nav-explore a:active { color: #ffffff; text-decoration: none; }
#nav-explore h2 { font: normal 1.1em/1.5em Arial, sans-serif; margin: 0; padding: 2px 0 4px; }
#nav-explore h2 a { padding-left: 12px; background: transparent url(../images/bg-arrow.png) no-repeat 0 50%; }
#nav-explore h2.expanded a { background-image: url(../images/bg-arrow-down.png); }
#nav-explore ul { margin: 0; list-style: none; }
#nav-explore ul ul { padding-bottom: 5px; }
#nav-explore-content > li { float: left; font-size: 11px; border-right: 1px solid #000; padding: 0 5px; }
#nav-explore-content li, #nav-explore-content li li { font-size:11px; }
.expanded #nav-explore-content > li { min-height:162px; }
#nav-explore-content > li > a { padding-bottom: 4px; display: block; }
#nav-explore-index { width:83px; }
#nav-explore-catch-the-mania { width:141px; }
#nav-explore-where-to-play { width:133px; }
#nav-explore-success-stories { width:144px; }
#nav-explore-whats-new { width:120px; }
#nav-explore-become-a-member { width:153px; }
#nav-explore-contact-us { width:79px; }

#nav-explore-wrapper { padding:10px;clear:both; }


/* Dropdowns */

#navigation li ul {
	position: absolute;
	background:#858585;
	width:164px;
	height: auto;
	left: -999em;
	z-index: 200;
	color: #ffffff;
	padding-bottom:5px;
	background-image:none;

}
#navigation li ul li { width:154px; }

/* Target Ugly Dropdowns
#navigation li#nav-about ul { width:131px; }
#container #navigation li#nav-about li, #container #navigation li#nav-about li a { width:111px;}
#container #navigation li#nav-about li a { width:111px; }
#navigation li#nav-about li a span { width:111px; }
*/

#navigation li:hover ul, #navigation li.sfhover ul {
	left: auto;
}

#navigation li:hover, #navigation li.hover {
    position: static;
}

#container #navigation li li a { width: 144px; }

#container #navigation li li a {border-bottom: 1px solid #ffffff;padding:5px 10px 5px 10px;text-align:left; }
#container #navigation li li.last a {padding:5px;text-align:center;}
#container #navigation li li, #container #navigation li li a { background: none; color: #ffffff;padding:0 5px 0px 5px; }
#container #navigation li li a:link, #container #navigation li li a:visited { color: #ffffff; text-decoration: none; padding:5px; }
#container #navigation li li a:hover, #container #navigation li li a:active { color: #ffffff; background: #000000; text-decoration: none;padding:5px;}


#container #navigation li li a {
	padding:5px 10px 5px 10px;
	height: auto;
	text-align:left;
}

#navigation li li a span {
	font-size: 13px;
	text-align:left;
	padding: 5px;
	line-height: 1.1em;
	position: static;
	display:block;
}

#secondary-content { width: 280px; float: left; z-index:1; }
.twocol #content-wrapper { width: 678px; float:left; }
.twocol #content-wrapper #content { width: 628px; padding:0 25px 20px 25px; float:left;   }
#index #content { width: 625px; padding:25px 25px 20px 25px; float: left; }
#index #content h1 { width: 624px; height: 46px; background: transparent url(../images/index-h1.png) no-repeat 0 0; text-indent:-999em; margin:0 0 15px 0; padding:0; }
#content-wrapper { width: 958px; float:left; }
#members #content-wrapper #content {  width: 958px; }
#members #content-wrapper #content h1 { width: 948px; }

#facebook-comments-wrapper { width: 623px; border: 1px solid #5672a9; float:left; clear:both; margin:0; padding:0; }
#facebook-comments-wrapper h2 { padding: 3px 0 3px 10px; width: 613px; background: #5672a9; margin: 0; color:#ffffff; }
#facebook-comments-wrapper .fb-comments { margin: 12px 0 0 12px; }
#index #right-column { width: 283px; float: left; padding-bottom: 25px; }

#ask-a-question #content-wrapper #content, #thanks-for-your-question #content-wrapper #content {  width: 918px; padding: 0 20px; }
#ask-a-question #content-wrapper #content h1, #thanks-for-your-question #content-wrapper #content h1 { width: 908px; }


#wp-blog-widget { width: 280px; float: left; clear:both; margin-bottom: 10px; background: transparent url(../images/bg-blog-bottom.png) no-repeat 100% 100%;  }
#index #wp-blog-widget { margin-top: 10px; }
#wp-blog-widget-wrapper { width: 280px; background: transparent url(../images/bg-blog-top.png) no-repeat 0 0; padding-top: 3px; }
#wp-blog-widget .wp-blog-content { width: 250px; margin: 15px 0 0 15px; }
#wp-blog-widget h2 {  margin: 0 0 2px 0; width: 250px; padding-bottom: 1px; border-bottom: 2px solid #f47522; font-size: 24px; font-family: 'Helvetica Neue Light', 'Helvetica Neue', helvetica; font-weight: 200; }
#wp-blog-widget h2 a { text-decoration: none; }
#wp-blog-widget h2 a, #wp-blog-widget h2 a:visited { color: #9c1a1d; }
#wp-blog-widget h2 a:hover, #wp-blog-widget h2 a:active { color: #f47522; }
#wp-blog-widget p.view-all { margin-bottom: 10px; }
#wp-blog-widget p.view-all a { text-decoration: none; text-transform: uppercase; font-size: 10px; font-weight: bold; }
#wp-blog-widget p.view-all a, #wp-blog-widget p.view-all a:visited { color: #f47522; }
#wp-blog-widget p.view-all a:hover, #wp-blog-widget p.view-all a:active { color: #9c1a1d; }
#wp-blog-widget .wp-blog-content h3 { margin:0; line-height: 16px; }
#wp-blog-widget .wp-blog-content h3 a { font-size: 16px; text-decoration: none; font-weight: bold; }
#wp-blog-widget .wp-blog-content h3 a, #wp-blog-widget .wp-blog-content h3 a:visited { color: #000000; }
#wp-blog-widget .wp-blog-content h3 a:hover, #wp-blog-widget .wp-blog-content h3 a:active { color: #f47522; }
#wp-blog-widget .blog-post { float:left; clear: both; margin-bottom: 15px; width: 100%; }
#wp-blog-widget .image { width: 50px; float: left; }
#wp-blog-widget .has-image .content { margin-left: 60px; }

#site-info p.copyright { color: #ffffff; float:left; width: 650px; }
#site-info p.vdw-link { width: 275px; float:right; }
#site-info p.vdw-link a {
	padding:10px 0 10px 30px;
	display:block;
	text-decoration: none;
	font-size: 10px;
	line-height: 13px;
	position: relative;
}
#site-info p.vdw-link a:before {
	position: absolute;
	content: '\e900';
	font-family: 'catchthemania';
	font-size: 12px;
	left: 0;
	top: 10px;
	font-weight: normal;
}
#site-info p.vdw-link a, #site-info p.vdw-link a:visited { color: #ffffff; }
#site-info p.vdw-link a:hover, #site-info p.vdw-link a:active { color: #cecece; }


#secondary-navigation { width: 279px; float: left; clear: both; border-right: 1px solid #ffffff;  }
#secondary-navigation ul { width: 279px; margin: 0; padding:0; list-style-type: none; }
#secondary-navigation ul li { width: 269px; border-left: 10px solid #f47522; }
#secondary-navigation ul li a { width: 249px; padding: 15px 10px 15px 10px; display: block; text-transform: uppercase; font-size: 14px; background: #333232; border-bottom: 1px solid #ffffff;font-weight: bold;  }
#secondary-navigation ul li.last a { border-bottom:1px solid #333232; }
#secondary-navigation ul li.current a { background: #f47522; }
#secondary-navigation ul li a, #secondary-navigation ul li a:visited { color: #ffffff; text-decoration: none; }
#secondary-navigation ul li a:hover, #secondary-navigation ul li a:active { color: #ffffff; text-decoration: underline; }
#secondary-navigation ul ul { width: 269px; }
#secondary-navigation ul li ul li { border-left:0; width: 269px; }
#secondary-navigation ul li.current.parent { border-bottom:0; }
#secondary-navigation ul li ul li a { width: 229px; padding: 12px 10px 12px 30px; font-size: 11px;  }
#secondary-navigation ul li.current ul li a { background: #fa9a12; } 
#secondary-navigation ul li.open a { border-bottom: 0; }
#secondary-navigation ul li.current ul li.current a { background: #f47522; }

#share-the-mania-widget-secondary { float:left; clear: both; width: 280px; height: 150px; background: transparent url(../images/bg-share-the-mania.png) no-repeat 0 0; }
#share-the-mania-widget-secondary h2 { text-indent: -999em; margin:0; padding:0; display:none; }
#share-the-mania-widget-secondary .share-the-mania-wrapper { margin: 55px 0 0 10px; }

#share-the-mania-widget { float:left; clear: both; width: 280px; height: 150px; background: transparent url(../images/bg-share-the-mania.png) no-repeat 0 0; }
#share-the-mania-widget h2 { text-indent: -999em; margin:0; padding:0; display:none; }
#share-the-mania-widget .share-the-mania-widget-wrapper { margin: 55px 0 0 10px; }

/*
-----------------------------------------------
End NAVIGATION CSS
----------------------------------------------- */


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////
START Forms CSS
 */

.vertical fieldset {
	border: 0 solid transparent;
	clear: both;
	overflow: hidden;
}

.vertical legend {
	position: relative;
}

.vertical legend span {
	color: #4D4D4C;
	font-size: 1.2em;
	font-weight: bold;
	position: relative;
	display: block;
	padding: 0 0 0.75em;
	width: 520px;
}

.vertical legend span span { display: inline; width: auto; }

.vertical ul {
	margin-left: 0; 
	list-style: none;
}

.vertical li {
	padding-bottom: 5px;
	min-height:42px;
}

.vertical li.notes { min-height: 0; }

.vertical input, .vertical select {
	display: block;
	width: 150px;
	font-size: 1em;
}

.vertical input[type="text"], .vertical input[type="password"], .vertical select, .vertical textarea {
	border: 1px solid #CCC;
}

.vertical em, em.required { font-weight: bold; color: red; }
.vertical em.note { color: #000; font-weight: normal; }

.vertical .submit { padding-top: 5px; min-height: 0; }
.vertical .submit input { margin: 0; width: auto; display: inline; }

.nolabel p { font-size: 1em; margin: 0; }
.nolabel select { width: auto; min-width: 5em; display: inline; }
.nolabel label, label.hide { position: absolute; left: -999em; }

/*
Long Text Areas */
.vertical .long {
	width: 100%;
}
.long label { display: block; }
.long textarea { width: 95%; height: 5em; }

.textarea { border: 1px solid #CCC; }

/*
Column Layout */

ul.twocol { float: left; width: 100%; display: inline; }

ul.twocol li {
	float: left;
	width: 50%;
}

#content ul.twocol li { margin-bottom:0; }

ul.threecol {
	float: left;
	width: 100%;
	margin:10px 0 0 0;
}

ul.threecol li {
	float: left;
	width: 33%;
}

ul.twocol input, ul.twocol select {
	width: 90%;
}


ul.threecol input, ul.threecol select {
	width: 90%;
}

ul li.onecol {
	clear: both;
	width: 100%;
}
/*
Explanation */

.vertical .explanation {
	font-style: italic;
	color: #999;
	min-height: 0;
}

#content form li, form li, .vertical li { list-style-type:none; }
 

/*
Radio Buttons and Checkboxes */

ul.radio li, ul.checkbox li { min-height: 0; }
ul.radio label, ul.checkbox label { font-weight: normal; }
ul.radio input, ul.checkbox input { border: 0; margin-left: 1.5em; }
ul.radio input, ul.checkbox input, ul.radio select, ul.checkbox select { width: auto; display: inline; }
ul.radio .text input, ul.checkbox .text input { width: 150px; }

li.radio, li.checkbox { min-height: 0; }
li.radio label, li.checkbox label {	font-weight: normal; padding-bottom: 5px; }
li.radio input, li.checkbox input { width: auto; display: inline; margin-left: 1.5em; }
li.radio p, li.checkbox p { padding-bottom: 5px; }

/* Readonly */
.vertical input.readonly, .vertical textarea.readonly { border: 0; }
.vertical #url { width: 99%; }

/*
Error Messages */

.vertical input[class="error"], .vertical select[class="error"], .vertical textarea[class="error"] { border: 1px solid red; }

#error-container, .errors {
	color: #000;
	border: 1px solid red;
	padding: 1.8em 1.8em 0;
	margin-bottom: 1.8em;
}

.vertical .errors li { min-height: 0; }

#error-container h2, .errors h2 { margin-top: 0; color: #ff0000; }

#error-container li { min-height: 0;margin-bottom:0; }

#customer_form h2 { margin-top: 10px; }
.vertical select#cc_month { width: 130px; float:left; margin-right: 10px; display:inline; }
.vertical select#cc_year { width: 130px; float:left; }
.vertical input#cvv { width: 130px; } 
.vertical input#customer_initials { width: 130px; }
fieldset#customer_location ul.threecol, fieldset#initials ul.threecol { margin-bottom:0; }
fieldset#initials p { margin-bottom:0; }
#recaptcha_widget_div { margin-bottom: 15px; }
.ui-dialog-content p.license_agreement_close { margin: 15px 0 0 0; }
p.license_agreement_close a { font-weight : bold; font-size: 16px; }

p.ctm-signup-note { margin-bottom:0; font-style: italic; }
select#subscription_type_id_cosmetic, select#subscription_type_id_cosmetic option { font-size:12px; }

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////
END FORMS CSS 
*/

/* Component containers
----------------------------------*/
#ui-datepicker-div { display: none; }
.ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1.2em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/manager/media/style/ContentWorks/contentworks/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #cecece; background: #f47522; color: #fff; font-weight: bold; }
.ui-widget-header a { color: #fff; }
.ui-icon { width: 16px; height: 16px; background-image: url(/manager/media/style/ContentWorks/contentworks/images/ui-icons_222222_256x240.png); }

/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { color: #cecece; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { color: #cecece; }
.ui-datepicker .ui-datepicker-next-hover { color: #cecece; }
.ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -16px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-prev span:hover, .ui-datepicker .ui-datepicker-next span:hover { cursor: pointer; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }


/*
Dialog */

.ui-dialog { position: absolute; overflow: hidden;	border: 1px solid #9c1a1d; background:#ffffff;   }
.ui-dialog .ui-icon { background: none; }
.ui-dialog-content {
	background: #fff;
	padding: 10px 0 10px 10px;
	border: none;
	background-image:none; 
}

.ui-dialog-titlebar {
	display: none;
}

.ui-dialog-titlebar-close {
	font-size: 11px;
	position: absolute;
	top: 5px;
	right: 10px;
	text-decoration: none;
}

.ui-dialog-content h2 {
	font: normal 1.8em/1.2em Georgia, Times, 'Times New Roman', serif;
	color: #696969;
	text-align: center;
	margin: 0;
}

.ui-dialog-content p {
	font: 1.1em/1.5em Georgia, Times, 'Times New Roman', serif;
	color: #696969;
	margin: 0;
	text-align: center;
}

.ui-dialog-content.errors { border: 0; margin: 0; }

#login-register .submit { padding-left: 40px; }

#customer-login-form {
	display: block;
	padding: 10px 0 10px 0;
	position: relative;
}

#customer-login-form #error-container {
	margin: 0 5px 20px 5px;
	padding: 25px 10px 10px 10px;
}

#customer-login-form #error-container h2 {
	font-size: 17px;
	width: auto;
}

#customer-login-form #error-container ul {
	width: auto;
	text-align: left;
	font-size: 10px;
	color: red;
}

#customer-login-form #error-container li {
	width: auto;
}

#customer-register-form {
	display: block;
	padding-top: 10px;
}

#customer-login-form ul { list-style-type:none; width: 250px; margin: 0 auto; padding:0; }

#customer-login-form ul li { width: 250px; margin-bottom: 10px; }
#customer-login-form ul li input[type="text"], #customer-login-form ul li input[type="password"] { width: 243px; height: 25px; padding: 5px 0 0 5px; margin:0; border: 1px solid #f79b15; background: #ebebeb; color:#595959; margin:0; font-size: 14px;  }
#customer-login-form ul li label {  color: #f79b15; text-align: left;  float: left; font-size: 12px; }
#customer-login-form ul li label.error { color: red; float: none; display: block; clear: both; }
#customer-login-form ul li.submit { width: 66px; height: 27px; margin:0; float: left; text-align:left;  }

#customer-login-form h2 { text-align:left; color: #9c1a1d; font-size: 24px; font-family: "Helvetica Neue-Light", 'Helvetica Neue', helvetica; border-bottom: 1px solid #f79b15; padding-bottom: 2px; width: 250px; margin:0 auto 10px auto; }
#customer-login-form .errors h2 { font-size: 16px; width: auto; border-bottom: none; }
#customer-login-form .errors { margin: 0 10px 10px 10px; }
#customer-login-form .errors ul { width: auto; }
#customer-login-form .errors ul li { width: auto; text-align: left; }
#customer-login-form .links { float:right; margin:-27px 10px 0 0; text-align:right; padding-bottom: 5px; }
#customer-login-form .links p { margin-bottom:0; font-family: Arial, Helvetica, sans-serif; text-align:right; font-weight:bold; }
#customer-login-form .links p a { font-size: 11px; }
#customer-login-form .links p a, #customer-login-form .links p a:visited { color: #595959; }
#customer-login-form .links p a:hover, #customer-login-form .links p a:active { color: #F79B15; }

/* member page */ 
#members #content-wrapper #content h1 { margin-bottom: 0; margin-top: 25px; }
#members-only { width: 958px; float:left; padding-top: 60px; background: transparent url(../images/bg-member-page-headings.png) no-repeat 0 0; }
.members-area-update #members-only { background: transparent url(../images/members-area-header.png) no-repeat 0 0; }
.members-content { width: 920px; padding: 20px; position: relative; }
.members-content p { font-size: 1.4em; line-height: 18px; margin-bottom: 1em; }
.members-content p.heading { margin-bottom: 0; }
.members-content #btn-renew-my-subscription { position: absolute; top: -87px; right: 20px; }
.members-content #btn-cancel-my-subscription { position: absolute; top: -34px; right: 20px; }
.members-content #btn-cancel-my-subscription a { font-size: 1.4em; font-weight: bold; color: #ffffff; text-decoration: none; }
.members-content #btn-cancel-my-subscription a:hover, .members-content #btn-cancel-my-subscription a:active { text-decoration: underline; }

#members-only .columns { width: 100%; float:left; clear:both; background: transparent url(../images/bg-member-data-tile.png) repeat-y 0 0; margin-top: 10px; margin-bottom: 30px; padding: 20px 0 0 0; }
#members-only .columns .column { width: 33%; float: left; }
#members-only .columns .column ul { list-style-type: none; }
#members #content-wrapper #content #members-only .columns .column ul li { color: #6d6d6d; }
#members-only .columns .column ul li, #members-only .columns .column ul li a { font-size: 16px; }
#members-only .columns .column ul li a, #members-only .columns .column ul li a:visited { color: #6d6d6d; }
#members-only .columns .column ul li a:hover, #members-only .columns .column ul li a:active { color: #f47522; }
#members-only .columns .column ul.member-file-download-links li { margin-bottom: 15px; }

#subscription-renewal-form #main { background: #ffffff; width: 958px; float:left; }
#subscription-renewal-form #main #content-wrapper #content { width: 898px; float: left; }
#subscription-renewal-form #main #content-wrapper #content h1 { width: 898px; }

#subscription-cancel-form #main { background: #ffffff; width: 958px; float:left; }
#subscription-cancel-form #main #content-wrapper #content { width: 898px; float: left; }
#subscription-cancel-form #main #content-wrapper #content h1 { width: 898px; }
#subscription-cancel-form #cancel_form li { display: inline; margin-right: 15px; }

.become-a-member #main { background: #ffffff; width: 958px; float:left; }
.become-a-member #main #content-wrapper #content { width: 918px; float: left;padding:0 20px 20px 20px; }
.become-a-member #main #content-wrapper #content h1 { width: 908px; }

#admin-member-signup #main { background: #ffffff; width: 958px; float:left; }
#admin-member-signup #main #content-wrapper #content { width: 918px; float: left;padding:0 20px 20px 20px; }
#admin-member-signup #main #content-wrapper #content h1 { width: 908px; }


#members-only .columns .column #scroller h2, #members-only .columns #faqs-column h2 { margin-top:0; font-size: 16px; font-weight: bold; font-family: 'Helvetica Neue', helvetica, arial, sans-serif; }
#members-only .columns #faqs-column h2 { margin-top: 25px; }
#members-only .columns #faqs-column .faq-entry .target { margin-bottom: 20px; border-bottom: 1px solid #F47522; }
.members-area-update #members-only .columns .column ul.member-file-download-links { margin-left:0; margin-bottom: 20px; }
#members-only .columns .column ul.member-file-download-links li { margin-bottom:2px; }

.promo-files { width: 295px; margin-left: 18px; }
.promo-file { width: 295px; float: left; clear: both; margin-bottom: 10px; }
.promo-files .promo-file .image { width: 60px; float: left; }
.promo-files .has-image .content { margin-left: 70px; }
.promo-files .content { margin-right: 15px; }
#members-only .promo-files .promo-file p, #members-only .promo-files .promo-file p a { font-size: 16px; }
#members-only .promo-files .promo-file p a, #members-only .promo-files .promo-file p a:visited { color: #6d6d6d; }
#members-only .promo-files .promo-file p a:hover, #members-only .promo-files .promo-file p a:active { color: #f47522; }

#faqs-column .faqs { width: 275px; padding-right: 20px; }

#faqs-column .faqs .faq-entry h3, #faqs-column .faqs .faq-entry h3 a { font-size: 16px; margin-top:0; }
#faqs-column .faqs .faq-entry h3 a, #faqs-column .faqs .faq-entry h3 a:visited { color: #6d6d6d; }
#faqs-column .faqs .faq-entry h3 a:hover, #faqs-column .faqs .faq-entry h3 a:active { color: #f47522; }
#faqs-column .faqs .target p { margin-bottom: 3px; }
#faqs-column .faqs .target p.ask-question-link { padding-left: 10px; background: transparent url(../images/bg-arrow.png) no-repeat 0 8px; font-size: 12px; }

body#faq .faq-entry h3, body#faq .faq-entry h3 a { font-size: 16px; margin-top:0; }
body#faq .faq-entry h3 a, body#faq .faq-entry h3 a:visited { color: #6d6d6d; }
body#faq .faq-entry h3 a:hover, body#faq .faq-entry h3 a:active { color: #f47522; }
body#faq .target p { margin-bottom: 3px; }
body#faq .target p.ask-question-link { padding-left: 10px; background: transparent url(../images/bg-arrow.png) no-repeat 0 8px; font-size: 12px; }


#scroller, .promo-files
{
	width: 295px;
	height: 415px;
	margin-left: 18px;
	overflow: auto;
}

#members-only .columns #faqs-column {
	width: 295px;
	height: 415px;
	margin-left: 18px;
	overflow: auto;
}


/* Subscription Renewal */
#btn-renew-my-subscription, #btn-renew-my-subscription a { width: 244px; height: 66px; outline:0; text-indent: -999em; display: block; }
#btn-renew-my-subscription { margin: 30px 0 10px 43px; }
#btn-renew-my-subscription a, #btn-renew-my-subscription a:visited { background: transparent url(../images/btn-renew-my-subscription.png) no-repeat 0 0; }
#btn-renew-my-subscription a:hover, #btn-renew-my-subscription a:active { background: transparent url(../images/btn-renew-my-subscription.png) no-repeat 0 -66px; }

/*FAQ Ask a Question Page */
.faq-reply { float: left; clear: both; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #F47522; }
.faq-reply p { margin-bottom:0; }
.ctm-reply { margin: 10px; padding: 15px; background: #E0E0E0; }
.ctm-reply p.source { font-style:italic; }

/* Video Gallery */
.video-widget { width: 100%; float: left; clear: both; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #F47522; }
.video-widget .video { width: 120px; float: left; }
.video-widget .video img, .video-widget .video a { display: block; }
.video-widget .content { margin-left: 130px; }
.video-widget .content h2 { margin-top:0; }
.video-widget .content h2 a { text-decoration: none; }
.video-widget .content h2 a, .video-widget .content h2 a:visited { color: #F47522; }
.video-widget .content h2 a:hover, .video-widget .content h2 a:active { color: #595959; }
.video-widget .content p { margin-bottom: 0; }

/* Where To Play Page */
.customer_location { width: 100%; float: left; clear: both; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #F47522; }
.customer_location .content h2 { margin-top:0; }
.customer_location .content ul { list-style-type: none; margin:0; padding:0; }
.customer_location .content ul li a, .customer_location .content ul li a:visited { color:#F47522; }
.customer_location .content ul li a:hover, .customer_location .content ul li a:active { color:#595959; }
.customer_location .image { width: 200px; float: left; }
.has-image .content { margin-left: 220px; }
.map_canvas { width: 398px; height: 198px; border: 1px solid #F47522; margin: 10px 0 0 0; }
.customer_location a { font-size: 12px; }

/* Promo Signup Page Styles */
.promo #content { padding: 0 20px; }
.promo #enter_code_container { width: 600px; margin: 80px auto; padding:0 20px 20px 20px; text-align: center; }
.promo h1 { width: auto; }
.promo #enter_code_container h2 { margin-bottom: 20px; }
.promo #enter_code_container input[type=text] { border: 1px solid #aaa; border-bottom: none; width: 200px; height: 20px; padding: 10px; font-size: 20px; text-align: center; background-color: #eee; outline: none; }
.promo #enter_code_container input[type=submit] { display: block; margin: 0 auto; border: 1px solid #d0641d; width: 222px; height: 30px; background-color: #f47522; font-size: 16px; cursor: pointer; color: #fff; }
.promo #enter_code_container input[type=submit]:hover, .promo #enter_code_container input[type=submit]:active { background-color: #f59d62; color: #ffffff; border: 1px solid #d0641d; }
.promo #enter_code_container input[name=email] { display: none; }
.promo #landing_page_container object { display: block; margin: 0 auto; }
.promo #landing_page_container input[type=submit] { display: block; margin: 20px auto 10px auto; border: 1px solid #d0641d; width: 560px; height: 50px; background-color: #f47522; font-size: 22px; cursor: pointer; color: #fff; }
.promo #landing_page_container input[type=submit]:hover, .promo #enter_code_container input[type=submit]:active { background-color: #f59d62; color: #ffffff; border: 1px solid #d0641d; }
.promo #landing_page_container a#contact_us { display: block; margin: 10px auto; border: 1px solid #d0641d; width: 450px; height: 18px; background-color: #f47522; font-size: 18px; text-align: center; text-decoration: none; padding: 10px 0; color: #fff; }
.promo #landing_page_container a#contact_us:hover, .promo #landing_page_container a#contact_us:active { background-color: #f59d62; color: #ffffff; border: 1px solid #d0641d; }
.promo #signup_form_container h1 { width: auto; }

/* Survey Page Styles */
.promo #promo-survey-form p { margin: 20px 0 5px 0; }
.promo #promo-survey-form label.radio { margin-right: 20px; }
.promo #promo-survey-form input[type=radio] { display: inline; width: 13px; }
.promo #promo-survey-form input[type=text] { display: inline; margin-right: 20px; }
.promo #promo-survey-form select { display: inline; }

/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #555555;
	padding: 20px; 	
	border: 20px solid #888888;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

/* Update Payment Info */
.update-payment-form h2 {
	margin-top: 0;
}
.update-payment-intent,
.renewal-date-explanation {
    font-size: 200%;
    line-height: 1.25;
    padding: 15px;
    border: 1px solid blue;
}
li.update-payment__cvv {
	width: 100%;
}
li.update-payment__billing-address {
	clear: left;
}
.btn-update-payment {
    background: #e5e5e5;
    border-radius: 1em;
    border: 1px solid #ccc;
    padding: 0.75em;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}
.btn-update-payment:hover {
    background: #ccc;
}