@charset "UTF-8";
/* CSS DOCUMENT */
html, body { margin: 0; background-image: url(../images/background.jpg); background-repeat: no-repeat; background-position: 50% 0; background-color: #363636; }
* { font-family: Arial, Helvetica, sans-serif; font-size:11px; }

.clear { clear: both; }
.textLeft { width:430px; text-align:left; display:block; float:left; }
.textLeft a { font-size:13px; }
.textRight { width:430px; text-align:right; display:block; float:left; }
#topCheckout { position: absolute; top: 0; left: 50%; width: 860px; height: 20px; margin-left: -430px; padding-top: 10px; z-index: 5; text-align: left; color: #fff; }
#topCheckout * { color: #fff; }
#topLogo { background-image: url(../images/header_bg.png); background-repeat: no-repeat; width: 910px; height: 65px; margin: 0 auto; }
#logoContainer { position: relative; width: 198px; height: 167px; margin: 0 auto; padding-top: 10px; z-index: 10; }
#content { background-image: url(../images/content_bg.png); width: 910px; height: 100%; min-height: 785px; margin: 0 auto; }
#content #menu { width: 860px; height: 43px; overflow:hidden; margin: 0 auto; }

#content #container { background-image: url(../images/main_bg.jpg); width: 860px; height: 100%; min-height: 785px; margin: 0 auto; }
#bottom { margin: 0 auto; width:910px; }
#bottomTop { background-image: url(../images/footer_top.png); width:910px; height:11px;  }
#containerBottom { background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; background-color: #565759; width:850px; margin: 0 auto; color: #fff; padding: 15px 10px; text-align: center; }
#containerBottom a{color: #FFF;}

#mainGallery{ height: 180px; width: 860px; text-align: left; }
#label1 { margin-left: 10px; position: absolute; width:168px; height:47px; z-index: 10; }
#label2 { margin-left: 10px; position: absolute; width:109px; height:47px; z-index: 10; }
#label3 { margin-left: 10px; position: absolute; width:152px; height:47px; z-index: 10; }

.panelSmall { margin: 0 0 10px 10px; width: 247px; height:100%; min-height: 285px; float: left; color: #333333; }
.panelSmall span{ margin: 0 15px; font-family:inherit; font-size: 12px;}
.panelSmall .date, .panelBig .date { font-family:inherit; font-size: 10px; color: #fff; }
#panelSmallTop { margin-top: 14px; width: 247px; height: 5px; background-image: url(../images/panel_small_top.png); }
#panelSmallContent { display:block; padding-bottom: 10px; width: 247px; min-height: 250px; background-image: url(../images/panel_small_bg.png); }
#panelSmallBottom { width: 247px; height: 5px; background-image: url(../images/panel_small_bottom.png); }

.panelBig{ margin: 0 8px 10px 8px; width: 587px; height:100%; min-height: 285px; float: right; color: #333333; }
.panelBig span{ margin-left: 15px; font-family:inherit; font-size: 12px; }
.panelBig img{  }
.panelBig h1, .panelBig h2 { margin: 0; padding: 0 10px; font-family: inherit; font-size: 11px; text-transform: uppercase; }
.panelBig h2 { color: #666666; }
#panelBigTop { margin-top: 14px; width: 587px; height: 6px; background-image: url(../images/panel_big_top.png); }
#panelBigContent { width: 587px; min-height: 258px; background-image: url(../images/panel_big_bg.png); }
#panelBigBottom { width: 587px; height: 6px; background-image: url(../images/panel_big_bottom.png); }

hr, hr.big { padding: 0; border: 0; height: 2px; width: 215px; background-image: url(../images/hspacer_small.gif); }
hr.big { width: 555px; }

a { font-family: inherit; font-size: inherit; color: #B5121B; text-decoration:none; }
a:hover { text-decoration: underline; }
ul{list-style-type:none; padding: 0; margin: 0;}
.formField { padding-left: 2px; font-size: inherit; color: #666; border: 1px solid #333; }
select.formField { padding-left: 0; }
.formButton { background-color: #666; color: #fff; border: 1px solid #333; cursor: pointer; }

/* slider */
#slider{ width:860px; height:180px; position:relative; overflow:hidden; }
.sliderImage{ float:left; position:relative; display:none; }
.sliderImage span{ margin-bottom: 3px; position:absolute; padding:10px 13px; width:860px; background-color:#999; -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; color:#000; display:none; }
.sliderImage span strong{ font-size:14px; color: #000;}
.bottom{bottom:0; left:0; }

/* scrollable */
/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 567px;	 
	height:212px;
	margin: 0px 10px 10px 10px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
}

/* single item */
#thumbs #product {
	float:left;
	width:142px;
	height:212px;
	background-image: url(../images/prod_bg.png);
	color:#fff;
	cursor:pointer;
}

#thumbs img { margin: 10px auto; display: block; }
#bigimage, #smallimage { margin: 0 10px 10px 10px; display: block; float:left; }
#thumbs #info { height: 50px; }
#thumbs #buy { margin-left: 10px; height: 20px; float: left; text-align:left; }
#bigimage #buy, #smallimage #buy { height: 20px; float: left; text-align:left; }
#thumbs #oldprice, #bigimage #oldprice, #smallimage #oldprice {  width: 50px; height: 20px; float: left; text-align:right; color: #000; font-weight: normal; text-decoration: line-through;  }
#thumbs #price, #bigimage #price, #smallimage #price {  width: 50px; height: 20px; float: left; text-align:right; color: #B5121B; font-weight: bold;  }
#thumbs h1, #thumbs h2 { margin: 0; padding: 0 10px; font-family: inherit; font-size: 11px; text-transform: uppercase; }
#thumbs h1 { color: #B5121B; }
#thumbs h2, #thumbs h2 a { color: #666666; }
#bigimage #price { width: 84px; font-size: 15px; }
#bigimage #oldprice { width: 84px; font-size: 15px; } 

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin: 0px auto 10px auto;
	padding-top: 5px;
	width:200px;
	height:20px;
}

/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;     
	cursor:pointer;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	

/*********** autocompleter ***********/

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	z-index:20;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}