* { margin: 0; padding: 0; font-weight: normal; font-style: normal; border: none; }

.tl-events { height: 100%; overflow: hidden; }

/* Frames */

h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; color: #9cc4c0; }

.logo h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; color: #9cc4c0; text-transform: uppercase; margin-top: 30px; clear: both; }

a.itemDetails { text-decoration: none; color: #111; font: 11px/15px Verdana, sans-serif; text-transform: uppercase; }

span.more { text-transform: capitalize; color: #000; font-weight: bold; font-size: 12px; background-color: #b5e0da; }

.scrollNotice { position: absolute; left: 20px; bottom: 100px; padding: 8px; font: 11px Verdana, sans-serif; text-transform: uppercase; }

.wrBorder { width: 100%; height: 70px; background-color: #fff; position: absolute; bottom: 0; left: 0; z-index: 1; }

p.catLayer { position: absolute; top: 0; left: 0; display: none; text-transform: uppercase; margin: 20px; padding: 5px; background: url(/assets/images/opaque-white-50.png) repeat; font: 14px Georgia, "Times New Roman", Times, serif; }

p.img { margin: 20px; padding: 0; overflow: hidden; background-color: #fff; }

p.img a { display: block; width: 100%; height: 100%; }

#frame1 { width: 300px; height: 284px; background: url(/assets/images/frames/01.gif) no-repeat; position: absolute; top: 100px; left: 0; }

#frame2 { width: 300px; height: 378px; background: url(/assets/images/frames/02.gif) no-repeat; position: absolute; top: 100px; left: 320px; }

#frame3 { width: 310px; height: 268px; background: url(/assets/images/frames/03.gif) no-repeat; position: absolute; top: 100px; left: 630px; }

#frame4 { width: 280px; height: 341px; background: url(/assets/images/frames/04.gif) no-repeat; position: absolute; top: 400px; left: 10px; }

#frame5 { width: 320px; height: 250px; background: url(/assets/images/frames/05.gif) no-repeat; position: absolute; top: 490px; left: 310px; }

#frame6 { width: 290px; height: 320px; background: url(/assets/images/frames/06.gif) no-repeat; position: absolute; top: 390px; left: 650px; }

#frame7 { width: 280px; height: 200px; background: url(/assets/images/frames/07.gif) no-repeat; position: absolute; top: 750px; left: 20px; }

#frame8 { width: 290px; height: 190px; background: url(/assets/images/frames/08.gif) no-repeat; position: absolute; top: 755px; left: 320px; }

#frame9 { width: 300px; height: 230px; background: url(/assets/images/frames/09.gif) no-repeat; position: absolute; top: 725px; left: 640px; }

#frame10 { width: 300px; height: 284px; background: url(/assets/images/frames/01.gif) no-repeat; position: absolute; top: 970px; left: 0; }

#frame11 { width: 300px; height: 284px; background: url(/assets/images/frames/01.gif) no-repeat; position: absolute; top: 960px; left: 315px; }

#frame12 { width: 310px; height: 268px; background: url(/assets/images/frames/03.gif) no-repeat; position: absolute; top: 960px; left: 630px; }

#frame13 { width: 280px; height: 341px; background: url(/assets/images/frames/04.gif) no-repeat; position: absolute; top: 1280px; left: 10px; }

#frame14 { width: 320px; height: 250px; background: url(/assets/images/frames/05.gif) no-repeat; position: absolute; top: 1270px; left: 310px; }

#frame15 { width: 290px; height: 320px; background: url(/assets/images/frames/06.gif) no-repeat; position: absolute; top: 1260px; left: 650px; }

#frame16 { width: 280px; height: 200px; background: url(/assets/images/frames/07.gif) no-repeat; position: absolute; top: 1630px; left: 20px; }

#frame17 { width: 290px; height: 190px; background: url(/assets/images/frames/08.gif) no-repeat; position: absolute; top: 1550px; left: 320px; }

#frame18 { width: 300px; height: 230px; background: url(/assets/images/frames/09.gif) no-repeat; position: absolute; top: 1600px; left: 640px; }

#frame19 { width: 300px; height: 284px; background: url(/assets/images/frames/01.gif) no-repeat; position: absolute; top: 1850px; left: 0; }

#frame20 { width: 300px; height: 378px; background: url(/assets/images/frames/02.gif) no-repeat; position: absolute; top: 1780px; left: 320px; }

#frame21 { width: 310px; height: 268px; background: url(/assets/images/frames/03.gif) no-repeat; position: absolute; top: 1850px; left: 630px; }

/* NEW SHOP */

#scroller { width: 100%; height: 500px; overflow: auto; position: absolute; bottom: 0; left: 0; }

#scroller .inner { width: 10000px; }

#scroller-vertical { width: 100%; height: 100%; overflow: auto; position: absolute; bottom: 0; left: 0; }

#scroller-vertical .inner { height: 10000px; }

#scroller p { font: 11px/17px Verdana, sans-serif; width: 100%; }

/*
#scroller p { font: 11px Verdana, sans-serif; text-transform: uppercase; text-align: center; width: 100%; }
*/

#nav-upper { top: 20px; position: absolute; z-index: 5000; right: 20px; text-transform: uppercase; }

#nav-lower { position: absolute; z-index: 50; bottom: 20px; right: 20px; }

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

html { width: 100%; height: 100%; }

body { color: #434343; font: 75%/1.5 "Lucida Grande", Lucida, Verdana, sans-serif; }

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

.clear { clear:both; overflow: hidden; }

/* Body
-------------------------------------------------------------- */

body.home { background: url(/assets/images/home-main-white.gif) no-repeat left bottom; }

body.home2 { background-color: #fff; overflow: hidden; } 

body.four-0-4 { background: #fff5be url(/assets/images/404-bg.gif) repeat-x center top; }

body.checkout { background: url(/assets/images/checkout-bg.gif) no-repeat left bottom; }

body.bgRight { background: url(/assets/images/checkout-bg-right.gif) no-repeat right bottom; }

body.scroll { overflow: hidden; background: url(/assets/images/head-01.gif) no-repeat center bottom; }

body.scroll2 { overflow: hidden; background: url(/assets/images/head-02.gif) no-repeat center bottom; }

body.scroll3 { overflow: hidden; background: url(/assets/images/head-03.gif) no-repeat center bottom; }

body.scroll4 { overflow: hidden; background: url(/assets/images/head-04.gif) no-repeat center bottom; }

body.scroll5 { overflow: hidden; background: url(/assets/images/head-05.gif) no-repeat center bottom; }

body.noscroll { background-color: #fff; }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111111; }

h1 { font-size: 2.5em; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.3em; margin-bottom: 0.5; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Text elements
-------------------------------------------------------------- */

p { margin-bottom: 1em; }

a { color: #336699; }

a:focus { outline:none }

img { border: 0 }

.item-price { font-size: 1.5em; text-align: right; }

p.price { position: absolute; z-index: 1; bottom: 0; margin: 0; }

p.price span { color: #72726a; background: url(/assets/images/main-nav-bg.png) repeat; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; }

div.details-buttons { position: absolute; left: 30px; bottom: 30px; margin: 0; }

a.close-details { text-decoration: none; background-color: #333; color: #fff; padding: 8px; font: 11px Verdana, sans-serif; }

.add-item a { color: #fff; background-color: #464646;padding: 8px; font: 11px Verdana, sans-serif; text-decoration: none; }

#added { color: #464646; background-color: #98cb67;padding: 8px; font: 11px Verdana, sans-serif; }

a.button { text-decoration: none; background-color: #333; color: #fff; padding: 8px; font: 11px Verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; margin: 0; }

p.code { font-size: 10px; color: #999; font-weight: bold; text-transform: uppercase; }

div.event { width: 300px; height: 175px; float: left; }

div.contact { width: 225px; height: 150px; float: left; }

div.wr { padding: 100px 30px; overflow: hidden; }

#checkout { width: 600px; margin-top: 150px; margin-right: auto; margin-left: auto; padding: 30px; background-color: #eee ; }

div.wonder { margin-right: 30px; margin-bottom: 30px; }

form#search { margin: 0; padding: 0; float: left; }

ul#wr-nav { position: absolute; z-index: 5; background-color: transparent; bottom: 20px; left: 20px; }

ul#wr-nav li { list-style-type: none; background-color: transparent; float: left; border-right: 1px solid #b7b7b7; }

ul#wr-nav li.last { list-style-type: none; background-color: transparent; float: left; border-right-style: none; }

ul#wr-nav li.viewBy { display: block; text-decoration: none; color: #000; padding: 0 10px; background: url(/assets/images/opaque-white-90.png) repeat; font: 11px/30px Verdana, sans-serif; }

ul#wr-nav a { display: block; text-decoration: none; color: #000; padding: 0 10px; background: url(/assets/images/opaque-light-grey.png) repeat; font: 11px/30px Verdana, sans-serif; }

ul#wr-nav a:hover, ul#main-nav a:focus { }

ul#wr-nav a.selected { background-color: #333; background-image: none; color: #fff; }

ul#wr-nav li.categories a { background-color: #333; margin-left: 10px; background-image: none; color: #fff; }

/* Main nav
-------------------------------------------------------------- */

ul#main-nav { z-index: 1000; float: left; }

ul#main-nav.home { }

ul#main-nav.rest { }

ul#main-nav li { list-style-type: none; float: left; }

ul#main-nav li.last { list-style-type: none; float: left; }

ul#main-nav a { display: block; text-decoration: none; color: #000; padding: 0 4px; font: 11px Verdana, sans-serif; text-align: center; border-right: 1px solid #ccc; }

ul#main-nav.home a { display: block; text-decoration: none; color: #111; padding: 0 10px; font: 11px/30px Verdana, sans-serif; text-align: center; text-transform: uppercase; letter-spacing: 1px; }

ul#main-nav a:hover, ul#main-nav a:focus { color: #9cc4c0; }

ul#main-nav a.selected { background-color: transparent; background-image: none; color: #9cc4c0; }

ul#main-nav li.categories a { background-color: #ebb9b0; margin-left: 10px; background-image: none; color: #111; }

div.home {  }

div.home-top-left { background: url(/assets/images/home-top-left-white.png) no-repeat left top; width: 150px; height: 64px; display: block; position: absolute; top: 0; left: 0; z-index: 0; }

div.top-border { position: absolute; top: 0; left: 0; width: 100%; height: 75px; z-index: 4; background: url(/assets/images/top-border.png) repeat-x center top; display: block; }

div.bottom-border { position: absolute; bottom: 0; left: 0; width: 100%; height: 75px; z-index: 4; background: url(/assets/images/bottom-border.png) repeat-x 25% top; display: block; }

div.left-border { position: absolute; top: 0; left: 0; width: 75px; z-index: 4; background: url(/assets/images/left-border.png) repeat-y 0 top; display: block; height: 100%; }

div.right-border { position: absolute; bottom: 0; right: 0; width: 75px; height: 100%; z-index: 4; background: url(/assets/images/right-border.png) repeat-y 0 20%; display: block; }

div.home-page { position: absolute; top: 0; left: 0; z-index: 3; background: url(/assets/images/main-nav-bg.png) repeat; width: 100%; height: 90px; }

div.no-scroll { margin: 200px 30px 30px; }

.notice { font: 14px/20px "Lucida Grande", Lucida, Verdana, sans-serif; position: absolute; width: 25%; bottom: 30px; left: 30px; background-color: #c6c6c6; }

.notice p { padding: 10px; margin: 0; }

div.pageTitle { position: absolute; z-index: 6; left: 30px; top: 0; }

div.logo { position: absolute; z-index: 50; left: 20px; top: 20px; }

div.logo img { float: left; }

div.logo h2 { float: left; width: 300px; margin-left: 10px; }

/* Text elements
-------------------------------------------------------------- */

.desc { width: 400px; }

.details { position: absolute; z-index: 4; width: 100%; }

#details { display: none; height: 100%; position: absolute; z-index: 500; width: 100%; background: url(/assets/images/opaque-light-grey.png) repeat; }

#details .inner { color: #000; overflow: hidden; position: absolute; height: 400px; margin: 0; background: #fff url(/assets/images/top-border.png) no-repeat left top; border-top: 1px solid #818c98; bottom: 0; width: 100%; }

#details .main-image { height: 100%; width: 300px; background-color: #fff; float: left; margin: 30px 15px; }

#details .zoomed-image { height: 100%; width: 300px; background-color: #fff; float: left; margin: 30px 15px 30px 0; }

#details .description { height: 100%; width: 300px; float: left; overflow: hidden; margin: 30px 15px 30px 30px; }

#details .spacer { width: 100%; height: 100%; }

.navigation { position: absolute; z-index: 100; width: 100%; }

#categories { width: 100%; display: none; background: url(/assets/images/opaque-grey-90-a.png) repeat; z-index: 101; }

#categories .inner { color: #fff; padding: 90px 30px 30px; overflow: hidden; }

#categories .each { width: 160px; margin-right: 15px; float: left; overflow: hidden; height: 100%; border-right: 1px solid #ccc; }

#categories a { color: #111; text-decoration: none; }

#categories a:hover { color: #fff; }

#categories a.selected { color: #fff; }

.items { color: #111;background-color: #ccc; float: left; margin: 0; padding: 0; }

#basketDetails { position: absolute; bottom: 20px; right: 20px; }

.items p { font: 11px/30px Verdana, sans-serif; padding: 0 8px; margin: 0; }

.looking { color: #111; background-color: #ccc; margin-right: 4px; float: left; margin-left: 4px; }

.looking p { font: 11px/30px Verdana, sans-serif; padding: 0 8px; margin: 0; letter-spacing: 1px; text-transform: uppercase; }

.show-cats { color: #111; margin-right: 4px; float: left; background-color: #b5e0da; }

.show-cats p { font: 11px Verdana, sans-serif; padding: 0 4px; cursor: pointer; margin: 0; }

a.h3Link
 { color: #111; text-decoration: none; }

a.h3Link:hover
 { color: #999; text-decoration: none; }

/* Slider
-------------------------------------------------------------- */
		
.slider-wrap { width: 100%; overflow: hidden; height: 100%; }

.csw { overflow: hidden; width: 100%; height: 100%; position: absolute; }

.stripViewer { overflow: hidden; width: 100%; height: 400px; position: absolute; top: 50%; margin-top: -225px; }
		
.panelContainer { height: 100%; width: 10000px; position: relative; float: left; }

.panelContainerWr { width: 100%; height: 10000px; position: relative; float: left; }
		
.panel { float:left; height: 100%; position: relative; }

.panel img {  }

.panel img.item { position: absolute; bottom: 25px; }
		
.wrapper { padding: 0 0 0 30px; height: 100%; margin-left: 30px; }

/*
.wrapper { padding: 0 0 0 30px; height: 100%; margin-left: 30px; border-left: 10px solid #ccc; }
*/

.wrapper2 { padding: 0 0 0 30px; height: 100%; margin-left: 30px; }
				
.stripNavL, .stripNavR, .stripNavU, .stripNavD { position: absolute; bottom: 30px; text-indent: -9000em; z-index: 6; }
		
.stripNavL a, .stripNavR a, .stripNavU a, .stripNavD a { display: block; height: 30px; width: 40px; }
		
.stripNavL { right: 80px; }

.stripNavU { right: 80px; }
		
.stripNavR { right: 30px; }

.stripNavD { right: 30px; }
		
.stripNavL { background: url("/assets/images/arrow-left.gif") no-repeat center; }
		
.stripNavR { background: url("/assets/images/arrow-right.gif") no-repeat center; }

.stripNavU { background: url("/assets/images/arrow-up.gif") no-repeat center; }
		
.stripNavD { background: url("/assets/images/arrow-down.gif") no-repeat center; }

/*div.frame { background: url(/assets/images/frame-left.gif) no-repeat left top; margin-left: 30px; padding: 63px 0 0 40px; margin-right: 60px; }

div.frame p { background: url(/assets/images/frame-right.gif) no-repeat right bottom; display: block; height: 100%; margin: 0; padding: 25px 66px 25px 25px; }

div.frame img { margin: 0; padding: 0; }

img.frame { border: 10px solid #ebe9d8; }*/

div.panel div.info { margin-left: 35px; clear: both; }

p.loading { width: 32px; height: 32px; margin-top: -16px; margin-left: -16px; top: 50%; left: 50%; position: absolute; }

/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:			1px solid #ccc;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}

#basket-wrapper { height: 100%; position: absolute; z-index: 1; width: 100%; }

.each-item { float: left; width: 250px; margin-right: 20px; height: 376px; }

.image { background-color: #fff; padding: 10px; height: 180px; }

.text { height: 196px; background: url(../images/dots-24px.gif) repeat; font: 11px/24px "Lucida Grande", Lucida, Verdana, sans-serif; padding: 0 10px; width: 230px; }

.inner { color: #000; overflow: hidden; padding: 30px; }

.total { font-size: 16px; }

#basket .spacer { width: 100%; height: 100%; }

.intro { position: absolute; width: 400px; top: 120px; z-index: 6; height: 92px; background: url(/assets/images/statement.png) no-repeat; right: 20px; text-decoration: underline; }

.intro p { font: 24px/32px Georgia, "Times New Roman", Times, serif; color: #fff5be; text-align: left; width: 600px; margin-left: auto; margin-right: auto; }

/*
.intro p { font: italic 16px/22px Georgia, "Times New Roman", Times, serif; padding: 8px; margin: 0; color: #000; left: 160px; text-align: left; background: url(../images/main-nav-bg.png) repeat; }
*/

/* ------------------ */

/* ------------------ */

#content { width: 100%; height: 100%; position: absolute; overflow: hidden; }

#browserMask{
	overflow: hidden; text-align: left; position: absolute; left: 0px; top: 150px; width: 1263px; height: 400px; clip: rect(0px, 1263px, 400px, 0px); z-index: 6;
}

#productbrowser {
	height:369px; background-color: #fff; }
#productbrowser li {
	list-style-type:none;
}
#pb-productbrowsercontainer {
	height:369px;
	margin:0 auto;
	height:1%;
}
#pb-productslider {
	height:140px;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
}
#pb-productslider .pb-productimage {
	float:left;
	height:369px;

	width:389px;
	text-align:left;
}
#pb-productslider .pb-productimage a:link, #pb-productslider .pb-productimage a:visited {
	color:#32312D;
	float:left;
	font-size:9px;
	overflow:hidden;
	text-decoration:none;
	width:100%;
}

#pb-productslider .pb-productimage a:hover {
	color:#E40109;
	text-decoration:none;
}

#pb-productslider .pb-productimage .prodInfo{
	position:absolute;
	top:300px;
	*position:relative;*top:0;
	z-index:9;
	margin-top:-0px;

}


#pb-productslidertrack-cnt{
	margin:0 auto; 
	display: block; 
	text-align: center; 
	height: 30px; 
	position: relative; 
	width: 902px;
	*width: 889px;
	z-index: 20; top: 520px; }
#pb-productslidertrack {
	background: transparent url(/assets/images/blank.gif) repeat scroll 0%;
	height:30px;
	left:0px;
	position:absolute;
	top:0;
	width:944px;
	z-index:20;
}
#pb-productsliderhandle {

	cursor:pointer;
	height:30px;
	position:absolute;
	width:213px;
	top:0;
	left:0;
	z-index:30;
}

#pb-rightarrow, #pb-leftarrow{
	position: absolute; 
	z-index: 50; 
	top: 0; 
	width: 44px; 
	height: 30px;
	
}
#pb-lefttarrow{
	left:0;  }
#pb-rightarrow{
	right: 0;  }

#pb-productslidertrack {

}