﻿.ChildItemNameList{
	float:none;

}

.ChildItemName li{
	text-align:left;
	list-style-type: disc;
	margin-left:85px;
}

.CurrencyContainer
{
	height:37px;
	display:block;
	float: left;
}

a.CurrencyButton {
	background:transparent url("../images/catalog/TokenBallanceBGRight.5d40090baf06.gif") no-repeat scroll right top;
	color:white;
	display:block;
	float: left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	height:37px;
	padding-right:20px;
	text-decoration:none;
	}

a.CurrencyButton span
{
	color:White;
	display: block;
	line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	padding: 7px 0 5px 45px;
	height:25px;
	}


a.CurrencyButton:hover span{
	text-decoration:underline;
	}

a.TokenButton span
{
	background: transparent url("../images/catalog/TokenBallanceLeft.40c2b0e57ee9.gif") no-repeat; 	/* Background left image */
}

a.VideoPokerDuelChipButton span
{
	background: transparent url("../images/catalog/ChipBallanceLeft.07b361dfff0e.gif") no-repeat; 	/* Background left image */
}

a.VideoPokerDuelGemButton span
{
	background: transparent url("../images/catalog/GemBallanceLeft.04c13d2e3e7c.png") no-repeat; 	/* Background left image */
}

.AndroidCheckoutButton {
    cursor: pointer;
    display: inline;
    color: Blue;
}


.BuyButton {
	background:transparent url("../images/catalog/OfferButtonBuyRight.2f9162da05ba.png") no-repeat scroll right top;
	color:white;
	display:block;

text-shadow: 1px 1px #111111;

	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
	height:37px;
	margin-top:3px;
	padding-right:20px;
	text-decoration:none;
	bottom:-20px;
	position: absolute;
	width: 115px;
	cursor:pointer;
	}

.BuyButton span {
	background: transparent url("../images/catalog/OfferButtonBuyLeft.b1b08b985b38.png") no-repeat; 	/* Background left image */
	display: block;
	line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	padding:3px 0 5px 20px;
	width: 95px;
	}
.BuyButton:hover span{
	text-decoration:underline;
	}



a.PurchasedButton {
	background:transparent url("../images/catalog/OfferButtonPurchasedRight.08c5ca458be2.png") no-repeat scroll right top;
	color:WhiteSmoke;
	display:block;

	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	height:37px;
	margin-left:0px;
	margin-top:3px;
	padding-right:15px;
	text-decoration:none;

	bottom:-20px;
	width:120px;


	}

a.PurchasedButton span {
	background: transparent url("../images/catalog/OfferButtonPurchasedLeft.89ba78cae7ac.png") no-repeat; 	/* Background left image */
	display: block;
	line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	padding:3px 0 5px 20px;
	}




a.AddCurrencyButton {
		background:transparent url("../images/catalog/AddTokensButtonRight.2edb494cb5ee.png") no-repeat scroll right top;
		color:white;
		display:block;
		font-family:Arial,Helvetica,sans-serif;
		font-size:16px;
		float: left;
		font-weight:bold;
		height:23px;
		margin-top:7px;
		margin-left:2px;
		padding-right:20px;
		text-decoration:none;
		}

a.AddCurrencyButton span {
	background: transparent url("../images/catalog/AddTokensButtonLeft.48133c9bd5de.png") no-repeat; 	/* Background left image */
	display: block;
	padding:3px 0 5px 10px;
	color:white;
	font-size:16px;
	}


a.AddCurrencyButton:hover span{
	text-decoration:underline;
	}

.CatalogPageDescription{
	padding:0px 20px 0px 20px;
	font-weight:600;
	}

#CatalogMainTitle{
	color:white;
	font-size:25pt;
	font-weight:bolder;
	margin-right:10px;
	display:block;
	text-align:left;
	float: left;
	height:31px;
	margin-top:-4px;
	}
#CatalogTitleCenterBottom
{
    width:100%;
    display:block;
    height: 37px;
}
#CatalogTitleCenterTop
{
    width:100%;
    display:block;
    height: 31px;
}
#CatalogEditionTitle{
	color:#4c4c4c;
	float:right;
	font-size:23pt;
	font-weight:bolder;
	margin-right:10px;
	}

#CatalogTitle {
	width:683px;/* Must Specify width and heigth, else ie6 gets wonky with the Span float inside */
	height:35px;
	float:left;

	}


#CatalogTitleLeft {
	background: transparent url("../images/catalog/StoreTitleBGLeft.5b973eff9dc0.png") no-repeat; 	/* Background left image */
	width:6px;
	height: 43px;
}

#CatalogTitleRight {
	background: transparent url("../images/catalog/StoreTitleBGRight.9694995d8c48.png") no-repeat; 	/* Background Right image */
	background-repeat:no-repeat;
	width:9px;
	height: 43px;
}


#CatalogTitleCenter {
	background: transparent url("../images/catalog/StoreTitleBGCenter.398974a861fa.png") repeat-x; 	/* Background center image */
	padding-top:0px;
	height: 43px;
}

.SmallHeader #CatalogTitleLeft
{
	background: transparent url("../images/catalog/BigStoreTitleBGLeft.c7a2accab253.png") no-repeat; 	/* Background left image */
	height: 76px;
}

.SmallHeader #CatalogTitleRight
{
    background: transparent url("../images/catalog/BigStoreTitleBGRight.6226edfed329.png") no-repeat; 	/* Background Right image */
    height: 76px;
}

.SmallHeader #CatalogTitleCenter
{
	background: transparent url("../images/catalog/BigStoreTitleBGCenter.d1b61fcd1221.png") repeat-x; 	/* Background center image */
	height: 76px;
}


body {
	background:#efeee7 none repeat scroll 0 0;
	color:#4C4C4C;
	font-family:arial,helvetica,sans-serif;
	margin:0px;
	padding:0 0 0 0;
	width:100%;
	}



.OfferContainer{
	background-image:url("../images/catalog/OfferBG.6def1b5e46a5.png");
	background-repeat:no-repeat;
	margin:10px;
	position:relative;
	float:left;
	text-align:center;
	width:135px;
	height:200px;
	}

.OfferContainerDetails{
height:180px;
width:135px;

}


.OfferName{
color:#4885A5;
font-size:80%;
font-weight:bolder;
padding:10px 0px 10px 0px;
}

.CatalogListProductOffersBriefName{
color:#4885A5;
font-size:80%;
font-weight:bolder;
padding:10px 0px 10px 0px;
}

.CategoryNameNav{
	white-space:nowrap;
	padding-right:10px;
}


.OfferIcon{
/*height:64px;
width:64px;*/
margin:auto;


}
.OfferIconSpecial1{
position:absolute;
top:30px;
left: 5px;
height:32px;
width:32px;
}

.OfferIconSpecial2{
position:absolute;
top:70px;
left: 5px;
height:32px;
width:32px;

}






.OfferDescription{
color:#4885A5;
font-size:80%;
font-weight:bold;
padding:10px 0px 10px 0px;
max-width:135px;
width: auto !important;
width: 135px;
margin:0px 5px 0px 5px;
}

.OfferButton{
	margin:auto;
	color:white;
	font-size:100%;
	font-weight:bolder;

}





img{
	border:0px;
}



.OfferButton div{
padding:2px;
margin:auto;
}

.OfferList{
	display:block;
	padding:0px;
}


.OfferList li{
	list-style: none;
	float:left;
	width:155px;
	margin-left:0px

}

.CatalogListItemTypeBriefOuterContainer
{
	width: 100%;
	height:auto;
	padding:0px;
	margin:0px;

}

.CatalogListItemTypeBriefContainer li
{
	   float: left;
		text-decoration: none;
		padding: 4px 0px 0 0;
		margin-right: 1px;
		margin-left:0px;
		font: 900 14px "Arial", Helvetica, sans-serif;
		white-space:nowrap;
		list-style: none;
}


.CatalogListItemTypeBriefContainer li a:hover{
	text-decoration:underline;
	color:black;


}



.CatalogListItemTypeBriefContainer {
	display:inline;
	margin-bottom:-3px;

}


.CatalogListItemTypeBriefContainer UL
{
		margin:80px;
		white-space:nowrap;
		margin:0px;
}



.CatalogListItemTypeBriefSelected a{
	float: left;
	text-decoration: none;
	color:#a47c49;
	padding: 0px 15px 0 0;
	margin: 0px;
	font: 900 14px "Arial", Helvetica, sans-serif;
	background: url("../images/catalog/CatagoryButtonSelected.22c61112260b.png") no-repeat top right;
	line-height:1.5em;
}

.CatalogListItemTypeBriefSelected a span{
	float: left;
	padding-left: 15px;
	padding-top:5px;
	display: block;
	height: 20px;
	background: url("../images/catalog/CatagoryButtonSelected.22c61112260b.png") no-repeat top left;
	color:DarkGoldenRod;

}

.CatalogListItemTypeBriefUnSelected a{
	float: left;
	text-decoration: none;
	ccolor:#a47c49;
	padding: 0px 15px 0 0;
	margin: 0px;
	font: 900 14px "Arial", Helvetica, sans-serif;
	background: url("../images/catalog/CatagoryButton.7f51b8f19fa9.png") no-repeat top right;
	line-height:1.5em;
}

.CatalogListItemTypeBriefUnSelected a span{
	float: left;
	padding-left: 15px;
	padding-top:5px;
	display: block;
	height: 20px;
	background: url("../images/catalog/CatagoryButton.7f51b8f19fa9.png") no-repeat top left;
	color:#a47c49;


}



.CatalogListProductOffersBriefDesc{
color:#4885A5;
font-size:80%;
font-weight:bold;
padding:0px 0px 0px 0px;
height:38px;
max-height:38px;
min-height:38px;
max-width:130px;
width:130px;
min-width:130px;
margin:0px 0px 0px 0px;
/*overflow:hidden;*/
}
.CatalogListProductOffersBriefDescContainer
{
overflow:hidden;
height:38px;
max-height:38px;
min-height:38px;
max-width:130px;
width:130px;
min-width:130px;
}

.CatalogListProductMembershipOffersBriefDesc
{
    color: #4885A5;
    font-size: 80%;
    font-weight: bold;
    margin: 0;
    max-width: 130px;
    max-height:4em;
    height:4em;
    min-height:4em;
    padding: 0px;
    overflow:hidden;
    display:inline;
}

.CatalogListItemTypeBriefDesc{
color:#4885A5;
font-size:80%;
font-weight:bold;
max-width:135px;
max-height:4em;
margin:0px 5px 0px 5px;
height:4em;
}

.CatalogListProductOffersQuantityOwned{
color:DarkOrange;
font-size:90%;
font-weight:bold;
padding:0px 0px 0px 0px;
max-width:135px;
max-height:1em;
margin:0px 0px 0px 0px;
overflow:hidden;
height:1em;
}



.CatalogListProductOffersPriceContainer{
width: 135px;
height:32px;
bottom:30px;
}

.CatalogListProductOffersBriefPrice{
	color:red;
	float: left;
	font-weight:bold;
	/*left:36px; this was to offest the price, but Im centering it now*/
	line-height:16px;
	width: 64px;/*Required to get the text to center, the div needs to fill the space*/
	margin-top:7px;
}
.CatalogPurchaseConfirmationHighlightedText
{
    color:Red;
}

.CatalogListProductOffersBriefQuantity{
		display:none; /* Hidding for now, messes up the layout, and not really needed for tokens */
		background-color:fuchsia;
}


.CatalogListProductOffersBriefContainer
{
    float:left;
}

.CatalogListProductOffersBriefContainer ul{
	margin: auto;
	padding: 0;
	list-style-type: none;
	text-align: center;
	max-width:820px;
	width:100%;
}

.CatalogListProductOffersBriefContainer li{
	display: inline;
	margin: 0px -8px 0px -8px;
}

.CatalogRewards li{
	display: inline;
    margin: 0;
    text-align: center;
    width: 120px;
}



.CurrencyIcon{
	background-repeat:no-repeat;
	float: left;
	height:32px;
	width:32px;
	margin-left: 4px;
}

.OfferIconDetails{
	background-image:url("../images/catalog/DetailsButton_32.63d03f3a3056.png");
	background-repeat:no-repeat;
	height:32px;
	width:32px;
	float: left;
}

.OfferIconDetails:hover{
	background-image:url("../images/catalog/DetailsButtonHover_32.d1db0e3fe6b6.png");
}

.PopupContainer
{
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	z-index:100000;
	margin:0px;
	padding:0px;
}


.OfferDetailsPopup{
	position:absolute;
	Width:300px;
	background-color:White;
	z-index:100;
	color:black;
	display:none;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #4C4C4C;
	text-align:left;
}

.OfferDetailsPopupTitle{
	width:100%;
	background-color:white;
	z-index:100;
	padding:2px;
	color:#4C4C4C;
	font-weight:bold;
	text-align:center;
}

.OfferDetailsIcon{
	float:left;
	padding-right:5px;
	height:64px;
	width:64px;
}

.OfferDetailsPopupImage{
	display:block;
}

.CatalogListProductOffersBrief{
	list-style: none;
	margin-left:0px;
}

.CatalogListProductOffersBriefPurchase{
	height:30px;
	width:135px;
	bottom:0px;
	margin-top:-4px;
 	TEXT-ALIGN: center;
}

.WakaWaka{}


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

a.Redeem {
    color:white;
    font-weight:bold;
    padding-right: 20px;
    display:block;
	height: 30px;
	float: right;
	margin-top:7px;
}

.SpecialImage {
    cursor: pointer;
    float: left;
    height: 200px;
    margin: 10px;
    position: relative;
    text-align: center;
    width: 135px;
}

.BuyOfferDetailTop
{
    margin: 0 auto;
}

.BuyOfferDetailTopText
{
    max-width: 400px;
    font-size: large;
    font-weight: bold;
    text-align: center;
}

.BuyOfferDetailTopContainer
{
    max-width: 400px;
}

.BuyOfferDetailOuterContainer
{
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    overflow: hidden;
}

.BuyOfferDetailContainer
{
    max-width: 400px;
}

.BuyOfferDetail
{
    max-width: 400px;
}

.BuyOfferDetailPaymentHeader
{
    font-size: large;
    font-weight: bold;
    max-width: 400px;
    cursor: pointer;
}

.BuyOfferDetailInner
{
    border-style:outset;
    border-width:5px;
    padding: 4px;
    margin: 10px;
    max-width: 400px;
}

.InlineOfferIcon
{
    display: block;
    margin: 4px;
    vertical-align: middle;
    margin: 0 auto;
}