/******************************

	General Layout

******************************/


body {
	background:#000 url("../img/bg-main.jpg") no-repeat center top;
	color:#fff;
}
body.en {
	background-image:url("../img/bg-main.jpg");
}
body.uk {
	background-image:url("../img/bg-main.jpg");
}
body.it {
	background-image:url("../img/bg-main.jpg");
}
body.au {
	background-image:url("../img/bg-main.jpg");
}
body.nz {
	background-image:url("../img/bg-main.jpg");
}
body.bnl {
	background-image:url("../img/bg-main.jpg");
}
body.de {
	background-image:url("../img/bg-main.jpg");
}
body.fr {
	background-image:url("../img/bg-main.jpg");
}
body.es {
	background-image:url("../img/bg-main.jpg");
}
body.sg {
	background-image:url("../img/bg-main.jpg");
}
body.sea {
	background-image:url("../img/bg-main.jpg");
}
body.ph {
	background-image:url("../img/bg-main.jpg");
}
body.hk {
	background-image:url("../img/bg-main.jpg");
}
body.tw {
	background-image:url("../img/bg-main.jpg");
}
body.kr {
	background-image:url("../img/bg-main.jpg");
}
body.mx {
	background-image:url("../img/bg-main.jpg");
}
body.bra {
	background-image:url("../img/bg-main.jpg");
}
body.chl {
	background-image:url("../img/bg-main.jpg");
}
body.arg {
	background-image:url("../img/bg-main.jpg");
}
body.jp {
	background-image:url("../img/bg-main.jpg");
}
body.dk {
	background-image:url("../img/bg-main.jpg");
}
body.se {
	background-image:url("../img/bg-main.jpg");
}
body.no {
	background-image:url("../img/bg-main.jpg");
}
#wrapper {
	width:800px;
	margin:0 auto;
}
#wrapper-drop {
	width:300px;
	margin:285px auto 0;
}
h2 {
	text-transform:uppercase;
	font-size:1.5em;
	color:#f00;
}
footer {
	width:100%;
	background:url("../img/footer-logos.jpg") no-repeat center 200px;
	padding-top:300px;
}
.uk footer{
	width:100%;
	background:url("../img/footer-logos-uk.jpg") no-repeat center 200px;
	padding-top:300px;
}
.es footer{
	width:100%;
	background:url("../img/footer-logos-es.jpg") no-repeat center 200px;
	padding-top:300px;
}
.fr footer{
	width:100%;
	background:url("../img/footer-logos-fr.jpg") no-repeat center 200px;
	padding-top:300px;
}
.de footer{
	width:100%;
	background:url("../img/footer-logos-de.jpg") no-repeat center 200px;
	padding-top:300px;
}
.it footer{
	width:100%;
	background:url("../img/footer-logos-it.jpg") no-repeat center 200px;
	padding-top:300px;
}
.bnl footer{
	width:100%;
	background:url("../img/footer-logos-bnl.jpg") no-repeat center 200px;
	padding-top:300px;
}
.au footer{
	width:100%;
	background:url("../img/footer-logos-anz.jpg") no-repeat center 200px;
	padding-top:300px;
}
.nz footer{
	width:100%;
	background:url("../img/footer-logos-anz.jpg") no-repeat center 200px;
	padding-top:300px;
}
h2.white {
	color:#fff;
	text-align:center;
}
li.catitle {
	background:#ccc;
}
li.catitle:hover, li.catitle a:hover {
	background:#ccc !important;
	color:#000 !important;
}
#retail-logos {
	margin-top:1em;
}
/******************************

	Dropdown

******************************/

.tzSelect{
	height:36px;
	display:block;
	width:100%;
	position:relative;
	clear:both;
	float:none;
	background:#fff;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	line-height:36px;
	font-size:1.0em;
}

.tzSelect .selectBox{
	position:absolute;
	height:36px;
	width:100%;
	text-align:left;
	cursor:pointer;
	line-height:1.65em;
	background:transparent url('../img/nub-over.jpg') no-repeat 268px center;
	color:#000;	
	transition: color .25s;
	-moz-transition: color .25s;
	-webkit-transition: color .25s;
	-o-transition: 	color .25s;
}

.tzSelect .selectBox:hover,
.tzSelect .selectBox.expanded{
	background-color:#fff;
	color:#333;
	background-image:url('../img/nub.jpg');	
}

.tzSelect .dropDown{
	position:absolute;
	top:38px;
	left:0;
	width:100%;
	border-width:0 1px 1px;
	list-style:none;
	clear:both;
	background:#fff;
	z-index:101;
}
.tzSelect p {
	padding:2px 10px;
	margin:0 32px 0 0;
	text-align:center;
}

.tzSelect ul{
	margin:0; padding:0;
}
.tzSelect li{
	height:36px;
	cursor:pointer;
	position:relative;
	line-height:1.65em;
	z-index:999;

}
.tzSelect li.hide{display:none;}
.tzSelect li:hover{background:#f00; color:#fff;}

.tzSelect li span{
	left:60%;
	position:absolute;
	top:.5em;
}

.tzSelect li i{
	color:#333;
	display:block;
	font-size:1em;
}

.tzSelect li img{
	left:1em;
	position:absolute;
	top:.5em;
}