@import url(http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic);

@font-face {
    font-family: 'marvelouz_dsgregular';
    src: url('marvelouz_dsg-webfont.eot');
    src: url('marvelouz_dsg-webfont.eot?#iefix') format('embedded-opentype'),
         url('marvelouz_dsg-webfont.woff') format('woff'),
         url('marvelouz_dsg-webfont.ttf') format('truetype'),
         url('marvelouz_dsg-webfont.svg#marvelouz_dsgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dualityregular';
    src: url('duality-webfont.eot');
    src: url('duality-webfont.eot?#iefix') format('embedded-opentype'),
         url('duality-webfont.woff') format('woff'),
         url('duality-webfont.ttf') format('truetype'),
         url('duality-webfont.svg#dualityregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
	margin: 0;
	padding: 0;
}

body {
 	font-size: 13px; 
	font-family: 'Asap', "Myriad Pro", arial, helvetica, sans-serif;
	background-color: #000;
	color: #fff;
}

html {

}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

a img{
	border: 0px none;
}

/* Header */
#Header{
	position:relative;
	z-index:999;
	height: 100px;
	background:url(../images/header.png) repeat-x;
}

#Logo{
	position: absolute;
	top:0px;
	left: -17px;
	z-index: 3;
}

#Header input.text{
	width:155px;
}

#Header input.action {
	margin-left:0px;
}

#Header .middleColumn{
	width:165px;
}

/* Social Media */

#SocialWidgets{
	position:absolute;
	right:0px;
	top:10px;
	overflow: hidden;
}

/* menu */

#Menu{
	position: absolute;
	top:50px;
	right:0px;
	margin: 0px;
	padding: 0px;
}

#Menu li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

#Menu li a{
	font-size: 14px;
	color: #edc900;
	text-decoration: none;
	padding: 3px 7px 3px 20px;
	text-transform: uppercase;
	line-height: 15px;
	text-transform: uppercase;
	font-family: 'marvelouz_dsgregular', Arial, Sans;
	background:url(../images/menu_star.png) no-repeat left 4px;
}

#Menu li a.section,
#Menu li a.current,
#Menu li a:hover{
	text-shadow: 0px 0px 20px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
}

#Menu li a.section,
#Menu li a.current{
	color:#fff;
}

#Menu li a.first{
	background: none;
}

#Menu li a.last{
	padding-right: 0px;
}

/* content */
#Content{
	position:absolute;
	padding-top:120px;
	width: 100%;
	top: 0px;
}

.pageHeading h1{
	padding-left: 225px;
	padding-top: 0px;
}

/* child page listings */
#ChildPages{
	height:250px;
	width:100%;
	margin-bottom: 15px;
}

.bannerItemSlider{
	height:250px;
}

a.childItem{
	float: left;
	width: 175px;
	height:250px;
	position: relative;
}

.childListingBG{
	position:absolute;
	width:175px;
	height: 220px;
	left: -30px;
	top:-10px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

a.childItem:hover{
	text-decoration:none;
}

a.childItem:hover .childListingBG{
	background-position: 0px -230px;
}

a.childItem span{
	text-transform:uppercase;
	display:block;
	padding-top:200px;
	padding-left:5px;
	padding-right:60px;
	font-size: 18px;
	color: #fff;
	font-family: 'dualityregular', Arial, Sans;
}

a.childItem.current span,
a.childItem:hover span{
	text-decoration:none;
	color:#e3ac05;
}

a.childItem span.moreIcon{
	display:block;
	position:absolute;
	top:25px;
	right:27px;
	width:21px;
	height:21px;
	background:url(../images/more_icon.png) no-repeat 0px 0px;
	padding: 0px 0px 0px 0px;
}

a.childItem:hover span.moreIcon,
a.childItem.current span.moreIcon{
	background-position:0px -30px;
}

#NextChild,
#PrevChild{
	width:35px;
	height: 35px;
	position: absolute;
	top:150px;
	z-index: 9999;
	cursor: pointer;
}

#NextChild{
	right:-40px;
	background:url(../images/next_arrow.png) no-repeat 0px 0px;
}

#PrevChild{
	left:-85px;
	background:url(../images/back_arrow.png) no-repeat 0px 0px;
}


.homePage #NextChild{
	right:0px;
	top:180px;
}

.homePage #PrevChild{
	left:0px;
	top:180px;
}

#NextChild:hover,
#PrevChild:hover{
	background-position: 0px -50px;
}

/* content areas */
#MainContentHolder{
	min-height: 650px;
}

.mainContent{
	position:relative;
	width:654px;
	height: 258px;
	background:url(../images/content_bg.png) no-repeat 0px 0px;
	padding: 30px;
	margin-left: -15px;
}

.mainContent .preLoader{
	width:654px;
	height: 258px;
	position: relative;
	background:url(../images/159.gif) no-repeat center center;
}

.mainContent.noBG{
	background-image:none;
	height:auto;
	padding: 0px;
	width:724px;
}

.contentBottom{
	position: absolute;
	width:724px;
	height:50%;
	bottom:0px;
	left:0px;
	background:url(../images/content_bottom.png) no-repeat 0px bottom;
}

.contentTop{
	position: absolute;
	width:724px;
	height:50%;
	top:0px;
	background:url(../images/content_top.png) no-repeat 0px 0px;
	left:0px;
	
}

.innerContent{
	position:relative;
	padding: 30px;
	padding-right: 40px;
}

.mainImage{
	margin-top: -10px;
	float: left;
	width: 180px;
}

.homePanelOne .mainImage{
	width: 210px;
}

.fullBodyContent,
.smallerBodyContent{
	float: left;
	width: 250px;
	padding-right: 20px;
	height: 258px;
	overflow: hidden;
	overflow-y: auto;
}


.fullBodyContent p,
.smallerBodyContent p{
	font-size:12px;
	line-height: 16px;
}

.homePanelOne .fullBodyContent,
.homePanelOne .smallerBodyContent{
	border-right:0px none;
}

.fullBodyContent{
	width: 430px;
}

.rightSideContent{
	float: left;
	width: 178px;
	padding-left: 20px;
}

a.findRetailerButton{
	display:block;
	width:178px;
	height:32px;
	background:url(../images/find_retalier.png) no-repeat 0px 0px;
}

a.findRetailerButton:hover{
	background-position: 0px -50px;
	text-decoration: none;
}

/* Related Pages */
#RelatedPages{
	margin-top: 10px;
}

#RelatedPages p{
	margin-bottom:0px;
}

#RelatedPages ul,
#RelatedPages ul li{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#RelatedPages ul li a{
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-family: 'marvelouz_dsgregular', Arial, Sans;
	padding-top: 2px;
}

/* Footer */
#Footer{
	position:relative;
	clear: both;
	float: left;
	width:100%;
	background:url(../images/footer_bg.png) repeat-x center 20px;
	z-index: 20;
}

#Footer .container_12{
	padding: 55px 0px 30px 0px;
}

#Footer .grid_6{
	margin-top: -20px;
}

#Footer .copywrite{
	font-size: 11px;
	color:#ccc;
}

#HomeBGS{
	position:absolute;
	top:0px;
	left:0px;
}

.bannerItem,
#HomeBGS{
	height: 1024px;
	width:100%;
}

.bannerItemContent h1{
	position: absolute;
	top:120px;
	left:240px;
	font-size: 43px;
	letter-spacing: -2px;
}

#BannerPaging{
	z-index:9999;
}

a.productRangeButton{
	position:absolute;
	right:0px;
	top:340px;
	display:block;
	width:112px;
	height:32px;
	background:url(../images/range_button.png) no-repeat 0px 0px;
}

a.productRangeButton:hover{
	background-position: 0px -50px;
	text-decoration: none;
}

.bannerItem .homePanelOne{
	position: absolute;
	width: 680px;
	height: 220px;
	top: 540px;
	left: 130px;
	z-index: 99999;
	background:url(../images/home_bg_1.png) no-repeat 0px 0px;
	padding: 30px;
	padding-top: 20px;
}

.bannerItem .speachBubble{
	position:absolute;
	z-index:99999;
}

#HomePromo{
	position: absolute;
	width:230px;
	height: 240px;
	top:420px;
	right:0px;
	z-index: 9999;
	background-repeat: no-repeat;
}

a#HomePromo:hover{
	text-decoration: none;
	background-position: 0px -270px;
}

.typography .faqContent h3{
	margin-bottom: 0px;
	font-size: 18px;
	padding-bottom: 10px;
	margin-top: 25px;
	border-bottom: 1px solid #db6477;
}

.typography .faqContent .question{
	padding-bottom:10px;
	border-bottom: 1px solid #db6477;
	padding-top: 10px;
	cursor: pointer;
	background:url(../images/question.png) no-repeat 0px 10px;
	padding-left: 22px;
}

.typography .faqContent .question:hover{
	color:#edc900;
}

.typography .faqContent .answer{
	display: none;
	padding-top: 10px;
	border-bottom: 1px solid #db6477;
	background:url(../images/answer.png) no-repeat 0px 10px;
	padding-left: 22px;
}

.typography  .FAQ.current .question{
	border-bottom: 0px none;
}