@import url("zoom.css"); 
a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,  object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	text-indent: 0;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
a{ text-decoration: none; }
a:focus{ overflow: hidden; }
ul, ol { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th { text-align: left; }

body { font-size: 75%;line-height: 137%; }
html>body { font-size: 12px; }

body,h1,h2,h3,h4,h5,h6,input,select,textarea{font-family: Frutiger,Arial,sans-serif}
p{padding: 1px 3px;}
img{vertical-align: middle;}

/* basics */
body{color: #666666;}
.left{float: left;}
.right{float: right}
.cl{clear: both;}
.include, .hide{display: none;}
a{color: #666666; color: inherit;}

/* -- reset --*/
.summary a, .summary a:hover, .description a, .description a:hover{text-decoration: none; border-bottom: 1px dashed;}
.summary a:hover, .description a:hover { border-bottom: 1px solid;}

/* -- basic layout -- */

html, body{
	position: relative;
	width: 100%;
	height: 100%;
}
body {
	text-align: center;
}
#wrapper {
	position: relative;
	width:900px;
	margin: 0 auto;
	text-align: left;
	z-index: 2;
}
#footer{
	clear: both;
}
body{
	background: #F6F7F9;
}
#wrapper{
	padding: 20px 0 0;
	-moz-box-shadow: 0 0 10px 5px #D3D5EA;
	-webkit-box-shadow: 0 0 10px 5px #D3D5EA;
	box-shadow: 0 0 10px 5px #D3D5EA;
	background: #ffffff;
}
/* -- header -- */
#header{
	height: 107px;
	background: #ffffff url('hdr_0.gif') no-repeat 0 0;
	position: relative; 
	z-index: 3;
	overflow: visible;
}
#logo{
	position: absolute;
	display: block;
	left:0;
	top:0;
	margin: 0 0 0 17px;
	width:454px;
	height:79px;
	background: url('logo_0.gif') no-repeat 0 0;
}
#banner{
	position: absolute;
	top: 0;
	right: 0;
	width: 250px;
	height: 116px;
	background: url("hdr_right_0.png") no-repeat 100% 0;
	z-index: 3;
}
.menu{
	position:relative;
	top:79px;
	background:url("hdr_bg_0.png") repeat-x 0 0;
	overflow: auto;
}
.menu li{
	float: left;
	margin-left: 1px;
}
.menu a{
	display: block;
	height: 39px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	margin: 0 1px;
}
.menu a:hover{ background-position: 50% 100%; }

.menu .home{ width: 37px; background-image: url("btn_home_0.png"); }
.menu .home:hover{ height: 100px; }

.cat1.c0{ margin-left: 40px; }

.menu .cat1, .menu .cat2, .menu .cat3, .menu .cat4 { width: 129px; }
.menu .cat1{ background-image: url("btn_cat1_0.png"); border-top: 1px solid #C8A9E8; height: 38px; }
.menu .cat2{ background-image: url("btn_cat2_0.png"); border-top: 1px solid #D7DE7F; height: 38px; }
.menu .cat3{ background-image: url("btn_cat3_0.png"); }
.menu .cat4{ background-image: url("btn_cat4_0.png"); }

.menu .faq{ width: 40px; background-image: url("btn_faq_0.png");  }
.menu .faq:hover{ height: 70px;}
.menu .fav{ width: 107px; background-image: url("btn_fav_0.png"); }
.menu .fav:hover{ height: 67px;}

/*
.menu .news{ width: 31px; }
.menu .sun{ width: 31px; }
.menu .hearts{ width: 31px; }
.menu .thund{ width: 31px; }
.menu .clock{ width: 31px; }
*/

/* -- main -- */
#content{
	overflow: hidden;
}
/* -- footer -- */
#footer {
	font-size: 0.9em;
	background: url("logos.png") no-repeat 50% 10px;
	padding-top: 79px;
}
.footlinks{ text-align: center; }
.footlinks ul li{
	display: inline;
	padding-right: 3px;
	margin-right: 3px;
	border-right: 1px solid;
}
.copy{
	clear: both;
	padding: 20px;
	text-align: center;
	color: #000000;
}
/*-e404-*/
#info{
	padding:40px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}
#info a{ border-bottom: 1px dotted #000000; }

/**/

#ifr{
	width: 1px;
	height: 1px;
	visibility: hidden;
}
/*-- multi --*/
#p_headline{
	font-size:1.4em;
	font-weight:bold;
	line-height:1.2;
}
#p_welcome{
	position: relative;
}
#p_welcome.index{
	min-height: 75px;
}
#p_welcome p{}
#p_welcome h3{
	font-weight: bold;
	font-size: 1.2em;
}
#p_image{
	text-align: center;
}
.go{
	background: #ffffff url("arrows.gif") no-repeat -105px -6px;
	width:80px;
	height:20px;
	font-weight: bold;
	padding-left: 18px;
	margin:5px;
	text-decoration: underline;
	float: right;
}
.price{
	font-size: 1.4em;
	font-weight: bold;
	margin: 5px;
}
.price .prefix{
	margin-right: 5px;
	font-weight: normal;
	font-size: 0.8em;
}
.price .suffix{ margin-left: 5px}
.price.old{
	color: #000000;
	text-decoration: line-through;
	font-size: 0.9em;
}
.zoom{
	line-height:20px;
	margin-bottom: 5px;
	padding-left: 20px;
	min-width:100px;
	background: url("zoom.gif") no-repeat 0 0;
	cursor: pointer;
}
/* bestsellers */

.p40{
	overflow:auto;
	clear: both;
	padding: 2px 12px;
}
.p40 li{  
	float: left;
	margin:0 20px;
	width:177px;
	position: relative;
	border: 1px solid #3E5D75;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.p40 li:hover{
	border: 1px solid #F96B00;
}
.p40 .fn{
	position: absolute;
	top: 104px;
	margin: 0 2px;
}
.p40 .image{
	display: block;
	height: 100px;
	padding-bottom: 45px;
	margin-top: 2px;
	text-align: center;
}
.p40 .photo{
	max-width: 175px;
	max-height: 100px;
}
.p40 .summary{
	display: none;
}
.p40 .price{
	float: left;
}
.p40 .old{
	float: left;
}
.p40 .go{
	clear: left;
}
/* -- rank / full -- */

.rank, .full{
}
.rank li, .full li{display: -moz-inline-stack; display: inline-block; vertical-align: top;}
.rank li{
	display: expression(/rank/.test(this.parentNode.className)? "inline" : "list-item");
	zoom: 1;
}
.full li{
	display: expression(/full/.test(this.parentNode.className)? "inline" : "list-item");
	zoom: 1;
}
.rank > li, .full > li{
	width:100%;
	margin-bottom: 5px;
}
.rank ul > li, .full ul > li{
	width: 31%;
	padding: 2px 1% 5px;
}
.rank .fancy > a, .full .fancy > a{
	position: absolute;
	display: block;
	width: 100%;
	height: 64px;
	z-index: 3;
}
.rank .fancy img, .full .fancy img{}
.rank .fancy, .full .fancy{}
.rank  h2, .full h2, .full .h2{
	font-size:1.5em;
	font-weight:bold;
	line-height:26px;
	background: #C3C3C3;
	color: #ffffff;
	padding: 0 5px;
}
.rank .fancy h2{
	float: right;
	width: 280px;
	padding: 0 5px;
	margin-top: -26px;
	z-index: 1;
	position: relative;
}
.rank  .fn, .full .fn{
	font-weight: bold;
}
#full {}
#full h1{
	font-size: 1.2em;
	font-weight: bold;
}
#full ul{
	overflow:auto;
	padding: 10px 0;
}
#full li{ float: left; margin-left: 10px;}
#full li a{border-right: 1px solid; padding-right: 10px;}
#full li.last a{border: 0 none;}
/* -- prod --*/
.hproduct{
	overflow:auto;
	margin: 0 10px 10px;
	border: 1px solid #3E5D75;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
}
.hproduct .title, .rp h1{
	font-size: 1.5em;
	margin: 10px;
}
.rp .hproduct .fn{
	margin-left: 250px;
	margin-bottom: 5px;
}
.hproduct .fn{
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 10px;
}
.hproduct .image{
	width: 250px;
	float: left;
}
.rp .hproduct .image{
	margin-top: -20px;
}
.hproduct .photo{
	max-width: 250px;
	margin-bottom:5px;
	cursor: pointer;
}
.hproduct .zoom{}
.hproduct .zoom span{
	padding-left: 18px;
	background: url("arrows.gif") no-repeat -104px -16px;
	text-decoration: underline;
}
.hproduct .description{
	margin-bottom:20px;
	margin-left: 260px;
}
.hproduct .pbox{
	float: right;
}
.hproduct .price{
	float: left;
	margin-right: 10px;
	text-align: right;
	padding: 10px;
	background: #3E5D75;
	color: #FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	font-size: 2em;
}
.hproduct .price .suffix{
	vertical-align: super;
	font-size: x-small;
}
.hproduct .old{
	background: #3E5D75 url("price_old.png") no-repeat 50% 50%;
	border: 1px solid #3E5D75;
	color: #3E5D75;
	text-decoration: none;
	font-size: 1em;
	padding: 5px;
}
.hproduct .go{
	width: 160px;
	height: 36px;
	line-height: 36px;
	font-size: 1.6em;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	padding: 0;
	background: #7C97AC url("btn_shade.png") repeat-x 0 100%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 0 1px #3E5D75;
	-webkit-box-shadow: 0 0 0 1px #3E5D75;
	box-shadow: 0 0 0 1px #3E5D75;
	border: 1px solid rgba(255, 255, 255, 0.4);
}
.hproduct .go:hover{
	background: #5C778C;
}
.hproduct .go.inactive, .hproduct .go.inactive:hover{
	width: auto;
	height: auto;
	background:transparent;
	color: #888888;
	border: 0 none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* -- scrollable -- */

/* -- slider -- */
.pp{position: relative; padding-top: 30px;}
.pp #slider{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#slider{
	height: 30px;
}
#slider .previous{
	float: left;
	padding-left: 26px;
	background: url("arrows_v.gif") no-repeat 0 -71px;
}
#slider .next{
	float: right;
	padding-right: 26px;
	background: url("arrows_v.gif") no-repeat 100% -39px;
}
#slider a{
	text-decoration: underline;
}

/* -- list 1 -- */
.l1{clear:both;}
.l1 dt{
	margin: 10px 10px 20px;
}
.l1 dt span{ font-weight: bold; }
.l1 dt a{ text-decoration: underline; }
.l1  > dd {display: -moz-inline-stack; display: inline-block; vertical-align: top;}
.l1 dd{
	display: expression(/l1/.test(this.parentNode.className)? "inline" : "list-item");
	zoom: 1;
}
.l1 dd{
	width: 27%;
	margin: 0 3% 10px;
	position: relative;
	border-top: 1px solid #dddddd;
	padding-top: 10px;
}
.l1 .fn{
	font-weight: bold;
	margin-bottom: 5px;
}
.l1 .image{
	float: left;
	border: 1px solid #ffffff;
	margin-right: 10px;
}
.l1 .image:hover{
	border: 1px solid #F96B00;
}
.l1 .photo{}
.l1 .summary{
	margin-bottom:10px;
}
.l1 .price{
	clear: left;
	float: left;
	font-size: 1.1em;
}
.l1 .old{ font-size:1em; }
/* -- list 2 -- */

.l2{
	height: auto;
}
.l2.short{
	height:110px;
	overflow: hidden;
	position: absolute;
}
.l2 li{
	width: 31%;
	height:100px;
	float: left;
	margin: 5px 1%;
}
.l2 .fn{
	font-weight: bold;
}
.l2 .summary{}


/*-- short -- */

.shortme{min-height: 160px;}
#p_welcome.shortme{min-height: 50px;}
.shortened { overflow: hidden;}
.shortened.short {height: 160px;}
#p_welcome.shortened.short {height: 50px;}
.shortened .spacer{float: right; width: 1px; height: 120px;}
#p_welcome.shortened .spacer{height: 20px;}
.shrt_btn{
	background: url("arrows_v_0.gif") no-repeat -22px 0%;
	height:13px;
	line-height:13px;
	text-indent: 0;
	font-weight: bold;
	padding-left: 24px;
	border: 0 none !important;
	float: right;
	clear: right;
	cursor:pointer;
}
.short.shrt_btn, .short .shrt_btn{
	background-position: -22px 100%;
}

/* -- scroll -- */
.scrollable, .scrollable ul{ display: none; clear: both;}
.scrollable.related, .scrollable.bestsellers{
	display: block;
	margin-bottom:20px;
}
.scrollable.related ul, .scrollable.bestsellers ul{display: block;}
.bestsellers dt, .related dt{
	font-weight: bold;
	padding: 10px;
}
.scroller{
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
.scroller.vertical{
	clear: both;
	height:100px;
	padding: 5px;
	overflow: hidden;
	margin: 5px;
	border: 1px solid #3E5D75;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.sclr-btn{
	display: block;
	width: 20px;
	position: absolute;
	background: rgba(255,255,255,0.8);
	height: 100%;
	cursor:pointer;
	z-index: 2;
}
.sclr-btn span{
	display: block;
	width: 14px;
	height: 28px;
	background: url("arrows_0.gif") no-repeat 0 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -14px;
	margin-left: -7px;
	cursor:pointer;
	z-index: 2;
}
.sclr-btn:hover span{ background-position: 0 100%; }
.scroll-left{ left: 0; }
.scroll-right{ right: 0; }
.scroll-right span{background-position: 100% 0;}
.scroll-right:hover span{ background-position: 100% 100%; }
.vertical .sclr-btn{
	background: url("arrows_v_0.gif") no-repeat 0 0;
	top: auto;
	margin: 0;
	width: 22px;
	height: 13px;
}
.vertical .sclr-btn:hover{ background-position: 100% 0; }
.vertical .scroll-top{
	top: 1px;
	right: 1px;
}
.vertical .scroll-bottom{
	bottom: 1px;
	right: 1px;
	background-position: 0 100%;
}
.vertical .scroll-bottom:hover{ background-position: 100% 100%; }


.scroller .disabled{
	
/*	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity:0.5;
*/
}
.scroller  .disabled span{ background-position: 0 100%; }
.vertical .disabled.scroll-top { background-position: 100% 0; }
.scroller .disabled.scroll-bottom, .scroller .disabled.scroll-right span{ background-position: 100% 100%; }

/* pages */

.pages{}
.pages a{}
.pages a span{ display: none; }
.pages a.next, .pages a.prev{ position: relative; background: url("arrows.gif") no-repeat 36px -21px}
.pages a.next{background-position: 100% -1px; padding-right: 12px}
.pages a.prev{ padding-left: 50px;}
.pages a.prev:hover{background-position: 0 -21px;  padding-left: 12px;}
.pages a.next:hover span, .pages a.prev:hover span{
	display: inline;
}
.pages .current{ font-weight: bold;}