/*	Challenge Rewards Stylesheet	*/


	/* Override EZP  */
.cufon-loading body {
	visibility: hidden;
}

body {
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

ul li {
	background-image: none;
	list-style-type: disc;
}

div#webpage {
	text-align: left;
	margin: 0 auto;
	width: 960px;
}

div#ezwt {
	width: 95%;
}

div#header {
	padding: 0;
}

div#header ul li {
	margin: 0;
	display: block;
}

div#searchbox {
	width: auto;
}

div#path {
	padding: 0;
}

div#columns {
	padding: 0;
}

div.content-view-full div.class-frontpage {
	background-color: transparent;
}

div#sidemenu, div#extrainfo {
	padding: 0;
}

div.attribute-header h1, div.attribute-header h1.long {
	background-image: none;
	padding: 0;
}

div#footer {
	background-image: none;
	margin: 0;
	padding: 0;
}

/*	================	*/

	/*	CORE	*/
div.left-aside {
	float: left;
}

div.right-aside {
	float: right;
}

div.columns {
}

ul.menu {
	margin: 0;
	padding: 0;
}

ul.menu li {
	list-style-type: none;
}

ul.submenu {
	display: none;
	padding: 0;
	margin: 0;
}

ul.horizontal li {
	float: left;
	margin: 0;
	padding: 2px 4px;
}

ul.vertical li {
	display: list-item;
	float: none;
	margin: 0;
	padding: 4px;
}

.float-break {
	clear: both;
}

.hidden {
	display: none;
}

/*	================	*/

	/*	PAGELAYOUT	*/
#main-content.center-column {
	margin: 0 20%;
}

div.nosidemenu #main-content.center-column {
	margin-left: 0;
}

div.noextrainfo #main-content.center-column {
	margin-right: 0;
}

#sidemenu {
	width: 20%;
}

#extrainfo {
	width: 20%;
}

div.nosidemenu #sidemenu, div.noextrainfo #extrainfo {
	display: none;
}

/*	================	*/

	/*	CUSTOM STLYES	*/

a {
	color: #ff9c00;
}

a:hover {
	color: #ffffff;
}

body {
	background: #000000 url(../images/site-bkgnd.png) no-repeat 50% 0;
	margin: 10px;
}

fieldset {
	margin-top: 15px;
	padding: 8px 12px;
}

fieldset label, legend {
	color: #ffffff;
}

div#webpage {
	background-color: #232323;
	color: #ffffff;
	padding: 12px 0;
}

div#webpage-content{
	background-color: #191919;
	border: solid 1px #666666;
	margin: 0 auto;
	width: 934px;
	min-height: 960px;
}

div#header {
	background-color: transparent;
}

.homepage div#header {
	height: 360px;
}

div#logo {
	margin: 0;
	position: relative;
	top: -10px;
	z-index: 10;
}

div#utility-block {
	float: right;
	margin: 0.5em 1em 0 0;
}

div#searchbox {
	border: solid 1px #666666;
	float: none;
	margin: 0;
	padding: 4px;
}

div#searchbox input#search-field {
	font-size: 1.25em;
	padding: 5px 5px 4px;
	vertical-align: middle;
}

div#path {
	padding: 14px;
}

div.nosidemenu.noextrainfo div#columns {
/*	padding: 14px;*/
}

div.warning {
/*	display: none;*/
}

div.message-confirmation, div.message-feedback, div.message-warning, div.message-error, div.warning{
	background-color: transparent;
}

p {
  line-height: 1.6em;
}

div#links {
	width: auto;
}

div#links a {
	background-image: none;
	border-width: 0;
	text-decoration: underline;
}

table.list th {
	height: auto;
}

div.attribute-header h1, div.attribute-header h1.long {
	color: #ff9c00;
	font-size: 1.9em;
}

p.nopointsmessage {
  padding: 10px;
  border: 1px solid #3c89b3;
}

div.content-view-full div.content-view-productitem div.attribute-image {
/*  float: left;*/
  margin: 0px 10px 10px 0px;
}

div.content-view-full div.content-view-productitem {
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
  

div.class-category div.content-view-children div.content-view-line {
	float: left;
	clear: none;
	margin: 10px;
	width: 30%;
}

div.class-category div.content-view-children div.content-view-line h2, div.factbox.featured div.content-view-embed h2 {
  clear: left;
}

div.content-view-full div.class-product div.attribute-image {
  position: relative;
}

div.content-view-full div.class-product div.attribute-image a.overlaylink {
  position: absolute;
  bottom: -8px;
  right:-8px;
  z-index:1000;
}

div.content-view-full div.class-product div.attribute-price {
	clear: right;
}

div.class-category div.content-view-line div.class-product {
	background-color: #232323;
	border: solid 1px #666666;
	height: 300px;
	padding: 8px 4px 4px;
	position: relative;
	text-align: center;
}

div.content-view-full div.class-category div.content-view-line div.class-product div.attribute-image {
	float: none;
	margin: 0;
}

div.class-category div.content-view-line div.class-product h2 {
	font-size: 1.25em;
	font-weight: normal;
	margin-top: 10px;
}

div.class-category div.content-view-line div.class-product div.attribute-price {
	color: #ff9c00;
	font-size: 1.25em;
	padding: 5px 0;
}

div.class-category div.content-view-line div.class-product div.more-link {
	background-color: #000000;
	bottom: 0;
	color: #ffffff;
	font-weight: bold;
	position: absolute;
	text-transform: uppercase;
	width: 96%;
}

.more-link a {
	color: inherit;
	display: block;
	padding: 4px 0;
	text-decoration: none;
}

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

th.remove-item {
	width: 1%;
}

div.content-view-children div.content-view-line {
	clear: both;
	margin: 6px 0;
}

div.sidemenu div.content-view-children div.content-view-line {
	clear: right;
}

.content-view-full .class-collector {
	padding: 10px;
}

.class-collector .embeddedquestion{
	margin: 8px 0 16px;
}

input.box, textarea.box {
/*	margin: 5px 0 10px;*/
	padding: 2px;
	width: 40%;
}

.class-collector input.box, .class-collector textarea.box {
	width: 60%;
}

.class-collector textarea.box{
	height: 220px;
}

div.content-edit input.box, div.content-edit textarea.box {
	width: auto;
}

input.required, textarea.required {
	background-color: #f6987c;
}

h2 {
	color: #ff9c00;
}

.content-view-full .class-collector h2 {
	color: #eb2027;
	margin: 1em 0 0.5em;
}

.content-view-full .class-collector label {
	color: #ffffff;
}
.content-view-full .class-collector fieldset {
	border-width: 0;
	padding: 0 1em;
}
.content-view-full .class-collector fieldset input[type=radio] {
	margin-right: 5px;
}
.content-view-full .class-collector fieldset label {
	display: inline;
}

.content-view-full .class-collector fieldset p {
	line-height: 1.25em;
	margin: 10px 0;
}

.content-view-line .class-challenge .challenge-links a {
	margin: 2px 3px;
}

div.content-view-full div.class-product div.relatedorders {
	background-image: none;
}

div.content-view-full {
/*	margin: 10px;*/
}

div.content-search legend {
	color: #ffffff;
}

	/*	FRONTPAGE	*/
div.content-view-full div.class-frontpage {
	padding: 10px 0;
}

div.content-view-full div.class-frontpage div.columns {
	margin: 0 250px 0 250px;
}

div.content-view-full div.noleftcolumn div.columns {
	margin-left: 0;
}

div.content-view-full div.norightcolumn div.columns {
	margin-right: 0;
}

div.content-view-full div.class-frontpage div.columns div.left-aside {
/*	display: inline;  Fix for IE double margin bug */
	margin-left: -250px;
	width: 250px;
}

div.content-view-full div.noleftcolumn div.columns div.left-aside {
	display: none;
}

div.content-view-full div.leftcolumn div.columns div.left-aside div.left-column {
	margin-right: 1em;
}

div.content-view-full div.class-frontpage div.columns div.right-aside {
	margin-right: -250px;
	width: 250px;
}

div.content-view-full div.norightcolumn div.columns div.right-aside {
	display: none;
}

div.content-view-full div.rightcolumn div.columns div.right-aside div.right-column {
	margin-left: 1em;
}

div.content-view-full div.class-frontpage div.columns div.center-column {
	width: 98%;
}

div.content-view-full div.class-frontpage div.columns div.center-column {
	margin: 0; /* Space between main and other columns */
}

div.content-view-full div.noleftcolumn div.columns div.center-column {
	margin-left: 0;
	padding-right: 0;
}

div.content-view-full div.norightcolumn div.columns div.center-column {
	margin-right: 0;
	padding-left: 0;
}

div.content-view-full div.class-frontpage div.attribute-bottom-column {
	clear: both
}

	/*	BANNERS 	*/
#banners-container {
	clear: both;
	border: 6px solid #ffffff;
	margin: 0 auto;
	position: relative;
	width: 894px;
	height: 212px;
	top: -32px;
}

#header ul#banner-controls {
	background-color: #303030;
	border: solid 1px #666666;
	border-bottom-width: 0;
	margin: 0;
	padding: 5px;
	position: absolute;
	right: 0;
	top: -45px;
	z-index: 99;
}

#header ul#banner-controls li {
	background: transparent url(../images/banner-controls/blank-button.png) no-repeat 50% 50%;
	float: left;
	height: 25px;
	margin: 0;
	padding: 0;
	width: 16px;
}

#header ul#banner-controls li.separator {
	background-image: url(../images/banner-controls/separator.png);
	display: none;
	margin: 2px -5px;
}

#header ul#banner-controls li.action-state {
	background-image: url(../images/banner-controls/pause-button.png);
	width: 20px;
}

#header ul#banner-controls li.action-change {
	background-image: url(../images/banner-controls/previous-button.png);
	width: 32px;
}

#header ul#banner-controls li.play {
	background-image: url(../images/banner-controls/play-button.png);
}

#header ul#banner-controls li.next {
	background-image: url(../images/banner-controls/next-button.png);
}

#header ul#banner-controls li.action-state span, #header ul#banner-controls li.action-change span, #header ul#banner-controls li.separator span {
	display: none;
}

#header ul#banner-controls li.jump-control {
	display: none;
	font-size: 10px;
	padding-top: 2px;
	text-align: center;
}

#header ul#banner-controls li.jump-control.current {
	background-image: url(../images/banner-controls/blank-active-button.png);
}

#banners {
	width: 894px;
	height: 212px;
}
/*	================	*/


	/*	GLOBAL MENUBAR	*/
#global-menubar {
	background: transparent url(../images/global-menubar-bkgnd.png) repeat-x 0 0;
	margin: 4px 14px 8px;
}

#global-menubar li {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#global-menubar li.selected {
}

#global-menubar li:hover {
}

#global-menubar li a {
	border-left: solid 1px #232323;
	border-right: solid 1px #ffffff;
	color: #000000;
	display: block;
	font-size: 1.25em;
	margin: 7px 0;
	padding: 10px;
	text-decoration: none;
	text-transform: uppercase;
}

#global-menubar li.firstli a {
	border-left-width: 0;
}

#global-menubar li.lastli a {
	border-right-width: 0;
}

#global-menubar li.selected a {
}

#global-menubar li a:visited {
}

#global-menubar li div.submenu-frame {
	background-color: #212121;
	border: solid 1px #c0c0c0;
	border-top-width: 0;
	display: none;
	padding: 1px 8px 8px;
	position: absolute;
	z-index: 1000;
}

#global-menubar li ul.submenu {
	background: #6b6b6b url(../images/submenu-bkgnd.png) repeat-x 0 0;
	border: solid 1px #c0c0c0;
	border-top-width: 0;
	display: block;
	padding: 8px 0;
}

#global-menubar li ul.submenu li {
	background-image: none;
	border-bottom: solid 1px #464646;
	border-top: solid 1px #d6d6d6;
	margin: 0 6px;
	padding: 0 0 0 6px;
}

#global-menubar li ul.submenu li.firstli {
	border-top-width: 0;
}

#global-menubar li ul.submenu li.lastli {
	border-bottom-width: 0;
}

#global-menubar li ul.submenu div {
	background: transparent url(../images/menu-item-bullet.png) no-repeat 0 50%;
	padding: 3px 15px;
}

#global-menubar li ul.submenu div.iehover {
	background-image: url(../images/menu-item-bullet-hover.png);
}

#global-menubar li ul.submenu a {
	border-width: 0;
	font-size: 1em;
	color: #ffffff;
	margin: 0;
	padding: 0 8px;
	text-transform: none;
}

#global-menubar li:hover ul.submenu li:hover, #global-menubar li.iehover ul.submenu li.iehover {
}

#global-menubar li:hover ul.submenu li:hover a, #global-menubar li.iehover ul.submenu li.iehover a {
	color: #075592;
}

#global-menubar li.nostyle {
	background-image: none;
	padding: 0;
}

#global-menubar li.nostyle a {
	padding: 0;
}
/*	================	*/

		/*	Styled Box	*/

div.styledbox {
	margin: 10px auto;
}

div.styledbox div.attribute-header  h1 {
	color: #ffffff;
	font-weight: bold;
	padding: 10px;
	text-transform: uppercase;
}

div.styledbox div.attribute-long {
	padding: 10px;
}

div.styledbox.star {
	background-color: #232323;
	border: solid 3px #ffffff;
}

div.styledbox.star div.attribute-header h1 {
	background: transparent url(../images/global-menubar-bkgnd.png) repeat-x 0 0;
	color: #075592;
}

div.content-view-full div.styledbox.star div.attribute-image {
	margin: 10px;
}

div.styledbox.grid {
	background-color: #232323;
	border: solid 1px #636363;
}

div.styledbox.grid div.attribute-header {
	background: transparent url(../images/infobox-header-bkgnd.png) repeat-x 0 0;
	height: 54px;
}
/*	================	*/

		/*	Sidemenu	*/

#main-content.center-column {
	margin: 0 250px;
	padding: 0 20px;
}

div#sidemenu {
	background-color: #232323;
	border: solid 1px #636363;
	margin: 4px 0 8px 14px;
	width: 226px;
}

div#sidemenu h2 {
	background: transparent url(../images/infobox-header-bkgnd.png) repeat-x 0 100%;
	font-size: 14px;
	padding: 7px 10px 13px;
}

div#sidemenu ul.menu {
	margin: 0;
}

div#sidemenu ul.menu li {
	padding: 3px 10px;
}

div#sidemenu li.current {
	background-color: #141414;
}

div#sidemenu li.current div.menu-item {
	font-weight: bold;
}

div#sidemenu li.current ul.submenu {
	display: block;
}

div#sidemenu ul.submenu li {
}

/*	================	*/

		/*	Featured Factbox	*/
div.featured {
	background-color: #232323;
	border: solid 1px #636363;
/*	clear: both;*/
	width: auto;
}

div.featured div.attribute-header {
	background-color: #191919;	/* url(../images/featured-header-bkgnd.png) repeat-x 0 0*/
	color: #075592;
	padding: 6px;
}

div.featured div.attribute-header h2 {
	font-size: 1.1em;
	text-transform: uppercase;
}

div.featured div.attribute-price {
	color: #ff9c00;
	padding: 5px 0;
}

div.featured div.attribute-image {
	margin-right: 6px;
}
	/*	================================	*/

		/*	jQuery Tools Scrollable		*/
.scrolling-items {
	position:relative;
	overflow:hidden;
	width: 250px;
	height:125px;
}

.scrolling-items .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrolling-items .items div.pane {
	float:left;
/*	margin:5px;*/
	padding: 10px 15px;
	cursor:pointer;
	width:220px;
	height:100px;
}

/* active item */
.scrolling-items .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
.scrolling-items {
	float:left;	
}
	/*	================================	*/

/*	Accordion Menu Embed	*/
.accordion {
	color:#ffffff;
}

.accordion h2 {
	background: transparent url(../images/accordion-arrow.png) no-repeat 0 center;
	cursor:pointer;
	margin:0;
	padding:5px 5px 5px 20px;
	text-transform: uppercase;
}

.accordion h2.current {
	background-image: url(../images/accordion-arrow-current.png);
	cursor:default;
}

.accordion div.pane {
	background-color: #141414;
	display:none;
	font-size:12px;
	height: 200px;
	padding:5px;
}

.accordion div.pane h2 {
	display: none;
}

.accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#ffffff;
}
/*	================	*/

div.extra-images {
	float: right;
	clear: right;
}

div.extra-images a {
	display: block;
}
	/*	================	*/

	/*	User Login and Dashboard	*/

div#utility-links {
	color: #ffffff;
	font-size: 0.85em;
	padding: 2px 0 6px;
	text-align: right;
}

div#utility-links a {
	padding: 0 4px;
}

div#utility-links a#site-login-link, div#utility-links a#site-logout-link {
	background-color: #232323;
	border: solid 1px #666666;
	font-size: 1.1em;
	margin: 4px 18px 4px 0;
	padding: 4px 24px;
	text-decoration: none;
}

div#utility-links a#site-logout-link {
	margin-right: 11px;
}

#site-login {
	background-color: #232323;
	border: solid 1px #666666;
	display: none;
	font-size: 0.85em;
	margin: 27px 0 0 631px;
	padding: 8px 15px;
	position: absolute;
	z-index: 100;
}

#site-login div.block div.element {
	float: none;
	margin: 6px 0;
}

#site-login div.block div.buttonblock {
	margin-top: -2px;
	padding-right: 1em;
	text-align: right;
}

#site-login label {
	float: left;
	font-weight: normal;
	margin-top: 4px;
	width: 64px;
}

#site-login input.halfbox {
	font-size: 1em;
	padding: 4px;
	width: 18em;
}

#site-login a {
	margin-right: 5px;
	vertical-align: top;
}

#user-dashboard {
/*	background: transparent url(../images/user-dashboard/dashboard-bkgnd2.png) no-repeat 50% 0;
	font-family: 'Courier New';*/
	font-weight: bold;
	margin: 0 auto 10px;
	position: relative;
	width: 900px;
	z-index: 100;
}

#user-dashboard table.list td{
	border-bottom:1px solid #ffffff;
	text-align:center;
}

#user-dashboard .alt-text {
	display: none;
}

#user-dashboard .digit-replace {
	display: none;
}

#user-dashboard .side-display {
	background: transparent url(../images/user-dashboard/side-display-bkgnd.png) no-repeat 0 0;
	font-size: 16pt;
	height: 54px;
	top: 52px;
	position: absolute;
	text-align: center;
	width: 159px;
	z-index: 10;
}

#user-dashboard .side-display .digit-replace {
	color: #000000;
	left: 20px;
	position: absolute;
	top: 12px;
}

#user-dashboard .side-display img.subtext {
	left: 16px;
	position: absolute;
	top: 34px;
}

#user-dashboard #user-welcome {
	color: #ff9c00;
	font-size: 1.5em;
	left: 16px;
	position: absolute;
	top: 0;
}

#user-dashboard #expiration-date {
	background: transparent url(../images/user-dashboard/expiration-date-bkgnd.png) no-repeat 0 0;
	color: #ff9c00;
	padding-bottom: 5px;
	padding-top: 26px;
	position: absolute;
	right: 78px;
	text-align: center;
	top: 60px;
	width: 98px;
}

#user-dashboard #points-remaining {
	background: transparent url(../images/user-dashboard/center-display-bkgnd.png) no-repeat 50% 0;
	height: 128px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 165px;
	z-index: 100;
}

#user-dashboard #points-remaining div.digit-replace {
	color: #eb2027;
	font-size: 30pt;
	left: auto;
	position: relative;
	right: auto;
	top: 36px;
}

#user-dashboard #previous-orders {
	background: transparent url(../images/user-dashboard/previous-orders-bkgnd2.png) no-repeat 50% 100%;
	bottom: 10px;
	color: #ff9c00;
	left: 0;
	padding-top: 24px;
	position: absolute;
	width: 165px;
}

#user-dashboard #points-awarded {
	left: 185px;
}

#user-dashboard #points-available {
	left: 276px;
}

#user-dashboard #basket-count {
	background-position: -159px 0;
	left: 466px;
}

#user-dashboard #basket-count .digit-replace {
	left: auto;
	right: 44px;
}

#user-dashboard #basket-points {
	background-position: -159px 0;
	left: 557px;
	z-index: 1;
}

#user-dashboard #basket-points .digit-replace, #user-dashboard #basket-points img, #user-dashboard #basket-count img {
	left: auto;
	right: 14px;
}

#user-dashboard #basket-points .digit-replace {
	right: 18px;
}

	/*	================	*/

	/*	Catalog Shop	*/

div.shop-basket {
	clear: both;
}

	/*	================	*/

	/*	Product Catalog	*/

#catalog-products #search-catalog {
	margin: 10px auto;
}

#catalog-products {
	margin: 0 auto;
	width: 95%;
}

#catalog-products .product-image {
	display: none;
	position: absolute;
}

#catalog-products .dataTables_filter {
/*	display: none;*/
}

#catalog-products .dataTables_paginate {
	color: #000000
}

#catalog-products div.dataTables_paginate span.paginate_active {
	background-color: #3a729c;
}

#catalog-products .datatable {
	border: solid 1px #666666;
}

#catalog-products .datatable td.icon {text-align: center;}

#catalog-products .datatable tr.bglight {
	background-color: #6b6b6b;
}

#catalog-products .datatable tr.bgdark {
	background-color: #232323;
}

#catalog-products .datatable tr.bglight .sorting_1 {
	background-color: #3a729c;
}

#catalog-products .datatable tr.bgdark .sorting_1 {
	background-color: #153c5b;
}
	/*	================	*/


	/*	FOOTER STYLES	*/

div#footer {
	height: auto;
}

div#footer div#footer-data {
	margin-top: -4px;
}

div#footer div#footer-images {
	clear: both;
	color: #ffffff;
	text-align: center;
}

div#footer div#footer-images ul {
	float: right;
	margin: 0;
}

div#footer div#footer-images ul li {
	background-image: none;
	float: left;
}

div#footer div#footer-images img {
	margin: 0 auto;
}

	/*	Footer Navigation	*/

div#footer-navigation {
	margin: 0px auto;
	margin-left: -5px;
	padding: 0;
}

div#footer-navigation ul {
	margin: 0;
	padding: 0;
	height: 16px;
}

div#footer-navigation ul li {
	float: left;
	height: 16px;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 2px 5px;
}

div#footer-navigation ul li a {
	border-bottom: dotted 1px #999999;
	color: #000000;
	display: block;
	float: left;
	height: 16px;
	line-height: 16px;
	text-decoration: none;
}

	/*	================	*/

	/*	Debug styles	*/

div#debug {
width: 960px;
margin: 20px auto;
background: #ffffff;
color: #000000;
}

div#debug a {
	color: #0000ff;
}

div#debug a:hover {
	color: #ff0000;
}

div#debug table {
width: 100%;
}

div#debug table td, div#debug table th {
padding: 4px;
border-top: 1px solid #ddd;
border-right: 1px solid #eee;
}

div#debug table td pre {
/*  white-space:normal;*/
}

tr.bglight, .border-box {
	color: black;
}