/*-----------------------------------------------------------*/
/* Site CSS
/*-----------------------------------------------------------*/

/* Global ---------------------------------------------------*/
html {
	color: #000000;
	background: #FFFFFF;
}
body {
	font: normal 12px/14px 'Arial', 'Sans-Serif';
}
body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dd, dt, p, form, div, pre, code, fieldset, legend, input, textarea, blockquote, th, td {
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
li {
	list-style: none;
}
object {
	outline: 0px;
}
fieldset, img {
	border: 0px;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
caption, th {
	text-align: left;
}
legend {
	color: #000000;
}
del, ins {
	text-decoration: none;
}
/*-----------------------------------------------------------*/


/*-----------------------------------------------------------*/
html, body {
	background: #000000;
	font-family: arial, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #999999;
}



a,
a:visited {
	outline: 0px;
	color: #c8c8c8;
	text-decoration:none;
	
}

a:hover,
a:active {
	color:#ffffff;
	text-decoration:underline
}


.Clearer {
	/* Clearer is currently used to correct the IE6 hasLayout issue with the small image carousel.  All known hacks have failed (height, width, float, zoom) to give the .ScrollWrapperSmall element hasLayout == true.  PAG_Page is set to overflow auto to clear the image carousel float properly should the .Clearer be removed. */
	clear: both;
	height:1px;
}
/*-----------------------------------------------------------*/


/* Header ---------------------------------------------------*/
.Header {
	width: 920px;
	margin: 0px auto 0px auto;
	padding: 28px 0px 0px 0px;
}
.Header .Logo {
	padding: 13px 0px 0px 0px;
	float: left;
}
.Header .Logo a {
	display: block;
	width: 292px;
	height: 57px;
	font-size: 1px;
	line-height: 1px;
	background: url('../../img/v1/sprite.main.jpg') 0px -26px no-repeat;
}
.Header .Logo a span,
ul.NAV_Main li a span,
ul.NAV_Social li a span,
ul.Nav_Page li a span {
	display: none;
}
.Header ul.NAV_Social {
	text-align: right;
	padding: 0px 20px 20px 0px;
}
.Header ul.NAV_Social li {
	display: inline;
}
.Header ul.NAV_Social li a {
	background: url('../../img/v1/sprite.ico.jpg') no-repeat;
	width: 32px;
	height: 32px;
	display: inline-block;
}
.Header ul.NAV_Social li.Facebook a {
	background-position: 0px 0px;
}
.Header ul.NAV_Social li.Twitter a {
	background-position: -32px 0px;
}
.Header ul.NAV_Main {
	text-align: right;
	padding: 0px 7px 0px 0px;
}
.Header ul.NAV_Main li {
	display: inline;
}
.Header ul.NAV_Main li a {
	background: url('../../img/v1/sprite.main.jpg') no-repeat;
	height: 13px;
	display: inline-block;
}
.Header ul.NAV_Main li.Main a {
	width: 61px;
	background-position: 0px 0px;
}
.Header ul.NAV_Main li.Main a:hover,
.Header ul.NAV_Main li.Main a.Selected {
	background-position: 0px -13px;
}
.Header ul.NAV_Main li.WhyItWorks a {
	width: 115px;
	background-position: -61px 0px;
}
.Header ul.NAV_Main li.WhyItWorks a:hover,
.Header ul.NAV_Main li.WhyItWorks a.Selected {
	background-position: -61px -13px;
}
.Header ul.NAV_Main li.WhereToBuy a {
	width: 113px;
	background-position: -176px 0px;
}
.Header ul.NAV_Main li.WhereToBuy a:hover,
.Header ul.NAV_Main li.WhereToBuy a.Selected {
	background-position: -176px -13px;
}
.Header ul.NAV_Main li.Questions a {
	width: 91px;
	background-position: -289px 0px;
}
.Header ul.NAV_Main li.Questions a:hover,
.Header ul.NAV_Main li.Questions a.Selected {
	background-position: -289px -13px;
}
.Header ul.NAV_Main li.WhatsGoingOn a {
	width: 125px;
	background-position: -390px 0px;
}
.Header ul.NAV_Main li.WhatsGoingOn a:hover,
.Header ul.NAV_Main li.WhatsGoingOn a.Selected {
	background-position: -390px -13px;
}
/*-----------------------------------------------------------*/

/* PAG_Page -------------------------------------------------*/
.PAG_Page {
	width: 920px;
	padding: 20px 0px 0px 0px;
	margin: 0px auto 0px auto;
	clear: both;
	overflow: auto;
}
.PAG_Page h1 {
	color: #F90000;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 24px;
	font-family: arial, sans-serif;
	font-weight: bold;
	padding: 0px 0px 10px 35px;
}
.PAG_Page .Copy {
	margin: 0px 0px 0px 301px;
}
.PAG_Page .TabContentWrapper {
	padding: 20px 35px 20px 35px;
	font-size: 13px;
	line-height: 18px;
}
.PAG_Page .TabContentWrapper p {
	padding: 0px 0px 10px 0px;
}
.PAG_Page .TabContentWrapper dl dt {
	padding: 0px 0px 10px 25px;
	font-weight: bold;
	background: url('../../img/v1/sprite.main.jpg') 0px -139px no-repeat;
	color:#fff;
}
.PAG_Page .TabContentWrapper dl dd {
	padding: 0px 0px 20px 25px;
}
/*-----------------------------------------------------------*/

/* PAG_Main -------------------------------------------------*/
.PAG_Main {
	padding: 20px 0px 20px 0px;
}
.PAG_Main h1 {
	display: none;
}
/*-----------------------------------------------------------*/

/* PAG_get-it -----------------------------------------------*/
.PAG_get-it table.Buy {
	width: 100%;
	font-size: 13px;
	line-height: 18px;
}
.PAG_get-it table.Buy tr th {
	color: #808080;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
	border-bottom: 1px solid #FFFFFF;
	text-align: right;
}
.PAG_get-it table.Buy tr th.Col {}
.PAG_get-it table.Buy tr th.ColOne {
	text-align: left;
}
.PAG_get-it table.Buy tr th.ColTwo {
	width: 75px;
}
.PAG_get-it table.Buy tr th.ColThree {
	width: 75px;
}
.PAG_get-it table.Buy tr th.ColFour {
	width: 75px;
}
.PAG_get-it table.Buy tr td {
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	text-align: right;
}
.PAG_get-it table.Buy tr.Odd td {
	background: #262626;
}
.PAG_get-it table.Buy tr.Total td {
	border-top: 1px solid #FFFFFF;
	border-spacing: 5px 0px 0px 0px;
}
.PAG_get-it table.Buy tr td.V-Hack {
	padding: 0px;
	line-height: 1px;
	font-size: 1px;
	height: 10px;
}
.PAG_get-it table.Buy tr.Last td.ColOne {
	text-align: right;
	padding: 10px 0px 0px 0px;
}
.PAG_get-it table.Buy tr td.ColOne {
	text-align: left;
}
.PAG_get-it table.Buy tr td.ColThree input {
	width: 25px;
	border: 1px;
	border-color: #FFFFFF;
	background: transparent;
	color: #FFFFFF;
	font-weight: bold;
	font-family: arial, sans-serif;
	text-align: right;
	background-color:#999999;
}
/*-----------------------------------------------------------*/

/* Scroller -------------------------------------------------*/
/* http://flowplayer.org/tools/scrollable.html */
.ScrollWrapper {
	overflow: auto;
}
.Scroller {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 864px;
	height: 361px;

	/* custom decorations */
	background: url('../../img/v1/sprite.scroll.jpg') repeat-x;
	float: left;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.Scroller ul {
	/* this cannot be too large */
	width: 20000em;
	position: absolute;
	clear: both;
}
/* single scrollable item */
.Scroller ul li {
	float: left;
	margin: 0px 20px 0px 0px;
	cursor:pointer;
	width: 265px;
	height: 361px;
}
.ScrollWrapper .BTNScroller {
	background: url('../../img/v1/sprite.scroll.jpg') no-repeat;
	width: 18px;
	height: 361px;
	display: block;
	float: left;	
}
.ScrollWrapper .BTNScroller span {
	display: none;
}
.ScrollWrapper .Previous {
	background-position: -18px -361px;
}
.ScrollWrapper .Next {
	background-position: 0px -361px;
}
/*-----------------------------------------------------------*/

/* Scroller Small -------------------------------------------*/
.ScrollWrapperSmall {
	float: left;
	padding: 0px 0px 20px 0px;
}
.ScrollWrapperSmall .Scroller{
	width: 265px;
}
/*-----------------------------------------------------------*/

/* Tabs -----------------------------------------------------*/
ul.Tabs {
	text-align: left;
	font-size: 11px;
	line-height: 26px;
	color: #FFFFFF;
	background: url('../../img/v1/tab.bg.gif') center bottom no-repeat;
	padding: 0px 0px 1px 35px;
	width: 558px;
}
ul.Tabs li {
	display: inline;
	padding: 0px 3px 0px 0px; /* 3px was chosen over 5px due to the inline attribute: Any white space in the HTML will be interoperated as a nbsp */
}
ul.Tabs li a, ul.Tabs li a:visited {
	padding: 0px 10px 0px 10px;
	vertical-align: middle;
	line-height: 26px;
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	background: url('../../img/v1/sprite.tab.gif') top center repeat-x;
	color:#fff;
	text-decoration: none;
}
ul.Tabs li a.Current,
ul.Tabs li a:hover {
	background-position: bottom center;
	text-decoration:none;
}
/*-----------------------------------------------------------*/

/* Footer ---------------------------------------------------*/
.Footer {
	width: 920px;
	margin: 0px auto 0px auto;
	font-size: 10px;
	line-height: 12px;
}
ul.Nav_Page {
	text-align: center;
	padding: 0px 0px 20px 0px;
}
ul.Nav_Page li {
	line-height: 56px;
	display: inline;
	vertical-align: middle;
}
ul.Nav_Page li a {
	background: url('../../img/v1/sprite.main.jpg') no-repeat;
	height: 56px;
	line-height: 56px;
	display: inline-block;
	vertical-align: middle;
}
ul.Nav_Page li.Why a {
	background-position: -18px -83px;
	width: 155px;
}
ul.Nav_Page li.What a {
	background-position: -248px -83px;
	width: 145px;
}
ul.Nav_Page li.GetIt a {
	background-position: -480px -83px;
	width: 160px;	
}
ul.Nav_Page li.News a {
	background-position: -720px -83px;
	width: 161px;
}
ul.Nav_Page li.DecorativeRule span {
	font-size: 1px;
	line-height: 56px;
	height: 66px;
	display: inline-block;
	border-right: 1px solid #FFFFFF;
	margin: 0px 40px 0px 40px;
	width: 1px;
	vertical-align: middle;
}
ul.Nav_Page li.DecorativeRule span span {
	display: none;
}
.Footer ul.NAV_Footer {
	text-align: center;
}
.Footer ul.NAV_Footer li {
	display: inline;
	padding: 0px 3px 0px 3px;
}
/*-----------------------------------------------------------*/

h2 {
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
}

p {
	color:#999999;
	font-size:11px;
}
.white {
	color:#ffffff;
}
.red {
	color:#f90000;
}
.bigger {
	font-size:14px;
	color:#c8c8c8;
}
.PAG_questions dt {
	font-size:14px;
	text-transform: uppercase !important;
}
.PAG_questions dd {
	font-size:11px;
}
.calendar tr {

}
.date {
	color:#ffffff;
	padding:10px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.description {
	padding-left:10px;
}
.twitterfeed {
	width:500px;
}
.twitterfeed li {
	margin-bottom:5px;
	font-size:11px;
	color:#fff;
	background:#333333;
	padding:10px;
}

.twitterfeed li a {
	
}
#menu1 ul {
	margin-left:20px;
}
#menu2 ul {
	margin-left:20px;
}
a.sideNav, a.sideNav:visited {
	background: url('../../img/v1/navarrow.gif') no-repeat;
	padding-left:15px;
}
a.sideNav:hover, a.sideNav:active  {
	background: url('../../img/v1/navarrow.gif') 0 -15px no-repeat;
	padding-left:15px;
	text-decoration:none;
}
	
a.selected, a.selected:visited, a.selected:hover, a.selected:active {
	background: url('../../img/v1/navarrow.gif') 0 -15px no-repeat;
	padding-left:15px;
	text-decoration:none;
}