@font-face {
	font-family: 'TrebuchetMS';
	src: url('../fonts/trebuc-webfont.eot');
	src: local('☺'), 
	url('../fonts/trebuc-webfont.woff') format('woff'), 
	url('../fonts/trebuc-webfont.ttf') format('truetype'), 
	url('../fonts/trebuc-webfont.svg#webfonteV8VOIXL') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'VonnesRegular';
    src: url('../fonts/vonnes-thin-webfont.eot');
    src: local('☺'), url('../fonts/vonnes-thin-webfont.woff') format('woff'), url('../fonts/vonnes-thin-webfont.ttf') format('truetype'), url('../fonts/vonnes-thin-webfont.svg#VonnesRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VonnesBold';
    src: url('../fonts/vonnes-bold-webfont.eot');
    src: local('☺'), url('../fonts/vonnes-bold-webfont.woff') format('woff'), url('../fonts/vonnes-bold-webfont.ttf') format('truetype'), url('../fonts/vonnes-bold-webfont.svg#VonnesRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	background:#ecebea url(/layout/gfx/site-bg1.jpg) no-repeat center bottom;
	font-family: 'TrebuchetMS';
	font-size:13px;
	margin:0px;
	padding:0px;
	color:#535353;
}

.treb {
	font-family: 'TrebuchetMS';
	font-weight: normal;
	font-style: normal;
}

.vonnesR {
	font-family: 'VonnesRegular';
	color: red;
}

.vonnesB {
	font-family: 'VonnesBold';
	color: red;
}

img {
	border:0px;
}

div.clearer {
	clear:both;
}

form {
	margin:0px;
	padding:0px;
}

label {
	cursor:pointer;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	margin:0px 0px 0px 10px;
}

a {
	text-decoration:none;
}

div.wrapper {
	margin:0px auto;
	width:842px;	
}

div.main-head {
	position:relative;
	height:155px;
}

a.logo {
	position:absolute;
	display:block;
	width:178px;
	height:96px;
	background:url(/layout/gfx/logo.png) no-repeat left top;
	left:44px;
	top:37px;
}

div.head-text {
	position:absolute;
	font-size:14px;
	color:#b2b2b2;
	text-align:right;
	text-transform:uppercase;
	right:0px;
	top:77px;
	line-height: 22px;
}

div.head-text span {
	font-size:10px;
}

div.main-menu {
	background:url(/layout/gfx/main-menu-bg.png) no-repeat left top;
	height:38px;
	padding:15px 0px 0px 44px;
	margin-bottom:6px;
}

div.main-menu a {
	display:block;
	height:29px;
	padding: 0px 33px 0px 7px;
	float:left;
	text-transform:uppercase;
	color:#ccc2c1;
	margin-right:5px;
	font-weight: bold;
	font-size: 14px;
}

div.main-menu a span {
	display:block;
	height:29px;
	line-height:29px;
	padding:0px 14px 0px 7px;
	cursor:pointer;
}

div.main-menu a:hover, div.main-menu a.active {
	background:url(/layout/gfx/topmenu-a-hover.png) no-repeat left top;
	color:#fea217;
}

div.main-menu a:hover span, div.main-menu a.active span {
	background:url(/layout/gfx/topmenu-span-hover.png) no-repeat right top;
}


div.footer-container {
	height:149px;
	background-color:#1b1b1b;
}

div.footer {
	position:relative;
}

div.footer-menu {
	position:absolute;
	left:41px;
	top:30px;
	width:668px;
}

div.footer-menu a {
	display:inline-block;
	color:#888888;
	margin-right:30px;
	font-size:11px;
}

div.footer-menu a:hover, div.footer-menu a.active {
	color:#ffffff;
}

div.copy {
	position:absolute;
	right:15px;
	top:30px;
	color:#858585;
	
}

a.across {
	position:absolute;
	display:block;
	width:102px;
	height:13px;
	background:url(/layout/gfx/across.png) no-repeat left top;
	right:15px;
	top:57px;
}

div.promos {
	display:none;
}

div.promo {
	position:relative;
}

div.prod-promo {
	position:relative;
}

div.promocontainer {
	background:url(/layout/gfx/promo-container.png) no-repeat left top;
	height:298px;
	padding:14px 45px 0px 42px;
}

div.prod-promocontainer {
	height:316px;
}

div.prod-promo-desc {

}

div.promobox-item {
	position:relative;
	width:755px;
	height:265px;
}

div.prod-promobox-item {
	position:relative;
	width:505px;
	height:316px;
	padding: 20px;
}

div.home-promo-mask {
	position:absolute;
	background:url(/layout/gfx/home-promo-mask.png) no-repeat left top;
	width:755px;
	height:265px;
	left:0px;
	top:0px;
}

div.prod-promo-mask {
	position:absolute;
	background:url(/layout/gfx/prod-promo-mask.png) no-repeat left top;
	width:545px;
	height:316px;
	left:0px;
	top:0px;
}

div.promopager {
	position:absolute;
	/*display:inline-block;*/
	display: none;
	right:45px;
	top:257px;
	z-index:100;
	background:url(/layout/gfx/slider-pager.png) no-repeat left top;
	padding:10px 0px 0px 10px;	
}

div.promopager a, div.prod-promopager a {
	display:inline-block;
	width:36px;
	height:36px;
	background:url(/layout/gfx/promopager-a.png) no-repeat left top;
}

div.promopager a:hover, div.promopager a.activeSlide {
	background:url(/layout/gfx/promopager-a-hover.png) no-repeat left top;
}


div.prod-promopager a:hover, div.prod-promopager a.activeSlide {
	background:url(/layout/gfx/promopager-a-hover.png) no-repeat left top;
}


div.prod-promopager {
	position:absolute;
	display:inline-block;
	right:0px;
	top:294px;
	z-index:100;
	background:url(/layout/gfx/slider-pager.png) no-repeat left top;
	padding:10px 0px 0px 10px;	
}








div.promo-text {
	position:absolute;
	left:20px;
	top:16px;
	font-size: 26px;
}

div.shader p, div.shader span p{
	margin:0px;
	padding:0px;
}

div.shader {
	position:relative;
	width:626px;
}

div.shader span {
	position:absolute;
	left:1px;
	top:1px;
	color:#ffffff;
	color: #a3a2a2;
}

a.promo-url {
	position:absolute;
	display:block;
	
	width:755px;
	height:265px;
	left:0px;
	top:0px;
}

div.fc {
	margin:14px 0px 49px 0px;
}

/**********
 * ERROR
 **********/
div.error,
div.info {
	position: relative;
	cursor: help;
    padding: 3px;
}
	div.error div,
	div.info div {
		display: none;
	}
	div.info div {
		background: transparent url(../gfx/bg-info.gif) repeat left top;
	}
	div.error div {
		background: transparent url(../gfx/bg-error.gif) repeat left top;
	}
div.show-info div {
	display: block;
	position: absolute;
	top: 9px;
	left: 22px;
	white-space: nowrap; 
	padding: 10px 10px 10px 20px;
	color: #ffffff;
}

div.pcat-top {
	width:189px;
	height:6px;
	background:url(/layout/gfx/pcat-top.png) no-repeat left bottom;
}

div.pcat-body {
	width:186px;
	background:url(/layout/gfx/pcat-body.png) repeat-y left top;
	padding:0px 1px 0px 2px;
}

div.pcat-body a {
	display:block;
	text-transform:uppercase;
	color:#969696 !important;
	height:23px;
	line-height:23px;
	background:url(/layout/gfx/pcat-a-bg.png) no-repeat center bottom;
	padding:0px 0px 0px 20px;
	width:163px;
	font-size: 12px;
}

div.pcat-body a:hover, div.pcat-body a.active {
	background:url(/layout/gfx/pcat-a-hover.png) repeat-x left top;
	color:#73201c !important;
}

div.pcat-bottom {
	height:7px;
	background:url(/layout/gfx/pcat-bottom.png) no-repeat left top;
	clear: both;
}