/* for font-size use: XXpx / 16 = YYem from parent element */

.norm {}

h2 a { color: #333; } h2 a:hover { color: #CC0033; }

.litegrey { color: #999; }
.grey { color: #666; } a.grey:hover { color: #532c85; }
.red { color: #CA0032; } a.red:hover { color: #532c85; }
.inl { color: #532c85; text-decoration:none; border-bottom: dashed 1px #532c85; } a.inl:hover { border-bottom: dashed 1px #CA0032; color: #CA0032; outline: none; }
.darkgrey { color: #333; } a.darkgrey:hover { color: #532c85; }
.nowrap { white-space: nowrap; }

/* markup */

#mainall { background: url(/i/bg_indexbody.gif) repeat-x 0 122px; }

/* for correct float clear */
.container { width: 100%; overflow: hidden; }

.clear { clear: both; }

.left { float: left; }
.right { float: right; }
.tcenter { text-align: center; }
.tright { text-align: right; }
.rel { position:relative; }
.nomarker { list-style:none; } .nomarker li { margin-left: 0; }


/* in header area */
#mainall #header { 
	/* background: url(/i/bg_indexhead.jpg) no-repeat 536px 100%; 
	*/
	}
#header { height: 122px; width: 980px; }
.mainlogo { margin: 3px 0 0 42px; }
.headermenu1 { font-size: 0.688em; float: left; margin:77px 0 0 0; }
.headermenu1 a { margin: 0 20px 0 0;  }
.headermenu2 { font-size: 0.75em; line-height: 1.2em; float: right; margin:78px 0 0 0; }
.headermenu2 span { margin: 0 10px; }
.headermenu2 a, .headermenu2 span { float: left; }
.headermenu2 span.greeting { color: #666; margin: 0 20px; }
.headermenu2 span.greeting a { font-weight: bold; }


#mainall .maxwidth { background: #fff url(/i/bg_maxwidth.jpg) no-repeat 0 0; width: 995px; }
#all .maxwidth { width: 995px; }


/* in content area*/
#content { width: 100%; overflow: hidden; }
.leftcol { width: 215px; float: left;  }
.rightcol { margin: 0 0 0 215px;  }
#all #content .rightcol { margin: 0 0 0 265px;  }

.mainmenu { list-style: none; width: 195px; padding: 18px 0 0 0; font-size: 14px;
	background: url(/i/bg_mainmenu.jpg) no-repeat 100% 100%; }
.mainmenu li { margin: 0; padding: 0 0 9px 20px; }
.mainmenu li.expand { padding: 0 0 0 20px; }
.mainmenu li li { padding: 0 0 5px 10px; }
.mainmenu ul { list-style: none; width: 155px; padding: 7px 0 0 0; margin: 7px 0 0 20px; font-size: 11px;
	background: url(/i/bg_mainsubmenu.jpg) no-repeat 100% 100%; }
.mainmenu a { color: #fff; text-decoration: none; display: block; margin: 0 21px 0 0; padding: 0 0 0 20px; }
.mainmenu a:hover, .mainmenu a.mOn { 
	color: #fff;
	background: #FF4e00 url(/i/title_bg.gif) repeat-y 0 0;
/*
	color: #ffc300; 
*/
}
.mainmenu li li a { margin: 0 0 0 0; padding: 0 0 0 8px; }
.smshadow, .mshadow { display: block; }
.smshadow { margin: 0 0 0 20px; }

/* search form */
.searchform { margin: 40px 0 0 40px; font-size: .688em; color: #333;  padding: 0 0 20px 0; }
#mainall .searchform { margin-top: 40px;  padding: 0; }
#searchfield { float: left; width: 134px; height: 19px; border-right: 0; }
#searchbutt { border: solid 1px #cc0033; }



.mainabout { width: 470px; margin: 0 0 0 45px; float: left; }
.mainabout p { float:left; font-size: .688em; line-height: 1.3em; width: 205px; margin: 0 20px 0 0; }
.mainabout h2, .mainnewitems h2 { padding-top: 36px; }
.mainnewitems { margin: 0 0 0 516px; position: relative; height: 160px; }
.newitems {float:right; width: 225px; }
.mainnewitems p, .newitems p { font-size: .688em; line-height: 1.3em; }
.mainnewitems p.withpic, .newitems p.withpic { margin-left: 100px; }
.mainnewitems .img, .newitems .img  { float:left; width: 95px; font-size: .625em; }
.mainnewitems .img, .mainnewitems p, .newitems .img, .newitems p  { margin: 0 0 15px 0; }

.mainnewitems .inl, .newitems .inl { font-size: .688em; display: block; float: left; color: #532c85; text-decoration:none; border-bottom: 0; padding-right: 10px; background: url(/i/triangle.gif) no-repeat 100% 8px; } 
.mainnewitems .inl span, .newitems .inl span { border-bottom: dashed 1px #532c85; } 
.mainnewitems a.inl:hover, .newitems a.inl:hover  { border-bottom: 0; color: #CA0032; outline: none; background: url(/i/triangle.gif) no-repeat 100% -38px; }
.mainnewitems a.inl:hover span, .newitems a.inl:hover span { border-bottom: dashed 1px #CA0032; }

.mainnewitems p a, .mainnewitems p span, .newitems p a, .newitems p span  { display: block; }
.mainnewitems p a, .newitems p a { color: #CC0033; margin: 5px 0; }
.mainnewitems p a:hover, .newitems p a:hover  { text-decoration: none; } 
.newprod { color: #999; }

/* catalog */
.sortline { background: #532C85; color: #fff; font-size: .75em; padding: 5px 20px 5px 22px; margin: 0 10px 0 0; }
.sortline span { font-size: .9em; margin: 0 20px 0 0; }
.sortline a { color: #fff; text-decoration: none; border-bottom: dashed 1px #fff; }
.sortline a:hover { color: #fff; border-bottom: solid 1px #fff; }
.sortline a, .sortline strong { margin: 0 6px; }

.catline { line-height: 1.4em; color: #A7A7A7; padding: 0 0 30px 0; }
.catline h2, .catline h2 a { float: left; font-size: 1.125em; line-height: 1.1em;color: #333; padding: 0; margin:0; }
.catline a, .catline strong  { font-size: .75em; margin: 0 5px; }
.catline a strong  { font-size: 1em; margin: 0; }
.catline strong { color: #333; }
.catline a { color: #CA0032; } .catline a:hover { color: #532c85; }

.lcol { float: left; width: 330px; }
.rcol { width: 330px; margin-left: 355px; }


.catpic { border: solid 1px #eee; width: 107px; height: 153px; float: left; overflow: hidden; position: relative; margin: 0 0 30px 0; }
.catpic a { width: 107px; height: 153px; display: block; }
.catpic img.plus { position: absolute; bottom: 0; right: 0; }
.catdetail { margin: 0 0 30px 118px; font-size: .688em; line-height: 1.3em; }
.catdetail ul { width: 182px; list-style: none; margin: 5px 0 0 0; line-height: 1.6em; }
.catdetail li { margin: 0; width: 182px; overflow: hidden; text-align: right; white-space: nowrap; }
.catdetail li span { float: left; color: #999; }
.catdetail li strong { font-size: 1.2em; }
.bbask {  width: 182px; text-align: right; }

/* catitem */
.item h2.it { font-size: 1.5em; }
.itempic { width: 190px; height: 415px; float: left; overflow: hidden; }
.itemdetail { margin: 0 0 30px 200px; font-size: .688em; line-height: 1.3em; }
.itemdetail ul { width: 475px; list-style: none; margin: 5px 0 0 0; line-height: 1.6em; }
.itemdetail li { margin: 0; width: 475px; overflow: hidden; text-align: right; white-space: nowrap; background: url(/i/gray_dot.gif) repeat-x 0 95%; }
.itemdetail li.itemprice { line-height: 2em; vertical-align: bottom; padding: 10px 0 0 0; }
.itemdetail li.itemprice span { line-height: 2.3em; vertical-align: bottom; }
.itemdetail li span { float: left; color: #999; background: #fff; }
.itemdetail li strong { font-size: 2.1em; }
.item .bbask {  width: 475px; }

.itemdetail dl { width: 475px; margin: 15px 0 0 0; line-height: 1.3em; }
.itemdetail dt { color: #999; }
.itemdetail dd { margin: 0 0 15px 0; }

.itemdetail h5 { color: #999; padding: 0; margin: 15px 0 0; text-transform: lowercase; } 
.itemdetail .det { width: 475px; line-height:1.3em;}


/* texts */
.title { float: left; color: #fff; font-size: 2.8em; border-bottom: solid 18px #fff; line-height: 1em; background: #FF7000 url(/i/title_bg.gif) repeat-y 0 0; padding: 8px; }

.text { font-size: .825em; }
.text p, .text ul, .text ol { height: 1%; }
.text h2 { font-size: 2.1em; }
.text h3 { font-size: 1.6em; }
.text h4 { font-size: 1.3em; }
.text ul, ul.redmark { list-style: none; background: url(/i/ul_bg.gif) no-repeat 0 100%; }
.text ul li, ul.redmark li { padding: 4px 0; }
.text ol li { margin-left: 2.2em; }
.text table th, .dectable th { color: #fff; background: #532C85; font-weight: normal; text-align: left; padding: 5px 0 5px 5px; }
.text table td, .dectable td { padding: 5px 0 5px 5px; border-bottom: solid 1px #A4A1AA; }
.prodstable td {padding: 5px;}
.dectable { font-size: .688em; }

.feedback { }
.feedback label { display: block; color: #A4A1AA; }
.feedback input, .feedback textarea { border: solid 1px #A4A1AA; width: 340px; }
.feedback p { width: 342px; text-align: right; } .feedback p input { border:0; width: auto;}



#footer { }
/* 
#address { position: absolute; bottom: 0; left: 40px; width: 160px; font-size: 0.688em; line-height:1.2em;  }
*/
#address { bottom: 0; padding-left: 40px; width: 160px; font-size: 0.688em; line-height:1.2em;  }
#address h3 { padding-top: 0; } #address p { padding-bottom: 0; }

#footer { }

.copy { margin: 0 0 0 40px; font-size: .625em; padding: 60px 0 30px 0; color: #666; line-height: 1.2em; }


/* year & month archive links */
.archtitle { font-size: 1.125em; line-height: 1.22em; }
.text .archivelinks ul { list-style: none; background: #fff; width: 100%; overflow: hidden; padding: 4px 0 0 0; margin: 0 0 10px 0; }
.archyear { font-size: 12px; }
.archmonth { font-size: 11px; }
.archivelinks li { margin: 0; float: left; padding: 0 2px; color: #97999C; }

/* pages */
.text ul.pages {  background: #fff; list-style: none; width: 100%; overflow: hidden; margin: 0 0 10px 0; }
.pages li { margin: 0; float: left; }
.pages li a { display: block; color: #fff; background: #c40930; text-decoration: none; font-weight: bold; line-height: 1em; font-size: 12px; padding: 5px 7px; }
.pages a:hover, .pages a.mOn { 	background: #FF4e00 url(/i/title_bg.gif) repeat-y 0 0; }
.pages img { margin: 2px 0 1px 0; }
.pagenext { background: url(/i/next.gif) no-repeat 50% 0; }
.pageprev { background: url(/i/prev.gif) no-repeat 50% 0; }
.pages a:hover img, .pages a.mOn img { background-position: 50% -41px; }

/* news, press ... */
.newslist { margin: 10px 0; }
.newslist dt { padding: 15px 0 0 0; }
.newslist dd { margin: 0 0 10px 0; font-size: 0.85em; }
.newslist dt span.grey { font-size: 0.85em; color:#97999C; }
.podrdescr { background: #3B334A; color: #fff; padding: 10px; }
.newsdate {font-size: 0.85em;}

/* main page production */
#prodframe { background: url(/i/bg_indexbody.gif) repeat-x 0 0; height: 354px;  padding: 22px 0; position: relative; }
.prodframe { width: 713px; height: 354px; background: #fff url(/i/bg_prodframe.jpg) no-repeat 310px 100%; 
	margin: 0 0 0 22px; }
.brandlabel { position: absolute; bottom: 22px; left:-75px; }
#mainproducts { width: 465px; height: 354px; float: left; overflow: hidden; }
#mainbrands { width: 224px; height: 354px; margin-left: 0; overflow: auto; float:right; }
#mainbrands ul { list-style: none; width: 200px; overflow:hidden; }
#mainbrands li { margin: 0 20px 0 0; width: 80px; float: left; line-height: 60px; text-align: center; }
#mainbrands img { vertical-align: middle; }



#mainbrands  a, #mainbrands  span { display: block; width: 80px; height: 60px; background-repeat: no-repeat;background-position: 50% 50%; }
#mainbrands  a:hover { background-position: 50% 50%; }

.vacform { padding: 40px 0 0 0; }
form.vacform table td { border: 0; vertical-align: top; }
.inptxt { width: 420px; border: solid 1px #ccc; }




.catmlist {
	list-style: none;
	width: 490px;
	overflow: hidden;
	margin: 20px 0 0 0;
}
.catmlist li {
	margin: 5px 0 ;
	width: 49%;
	float: left;
	height: 120px;
	font-size: .688em;
	text-align: center;
}
.catmlist a {
	text-decoration: none;
	display: block;
}
.catmlist img {
	display: block;
	width: 107px;
	height: 80px;
	margin: 0 auto;
}

.catmlist span {
	text-decoration: underline;

}

.exsep, .incat, .incat1 {
	margin: 0 10px 0 0;
}
.incat img.red, .incat1 img.red {
	margin: 0 0 10px 10px;
}

.incat1 { padding-top:0;}
.text ul.retaillist {
	list-style: none;
	width: 100%;
	overflow: hidden;
	margin: 20px 0;
	background: none;
}
#content .text ul.retaillist li {
	margin: 5px 0 15px 0;
	padding: 0;
	width: 33%;
	float: left;
	height: 120px;
	font-size: .688em;
	line-height: 120px;
	vertical-align:middle; 
	text-align: center;
}
#content .text ul.retaillist img {
	line-height: 120px;
	vertical-align:middle;
	display: inline; 
}


#sitemap li {
	padding: 2px 0 2px 20px;
	background: url(/i/hd.gif) no-repeat 0 0.8em;
	margin: 0;
}
#sitemap li.last {
	background: url(/i/vdl.gif) no-repeat 0 0.8em;
}
#sitemap, #sitemap ul {
	padding: 2px 0 2px 0px;
	list-style: none;
	background: url(/i/vd.gif) repeat-y 1px 0;
}


.showall {
	position: relative;
	left: -265px;
	background: #fff;
	width: 994px;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

.galcontainer {
	vertical-align: top;
	width:200px; 
	margin: 10px 6px 10px 10px; 
	text-align:center;
	display: inline-block;
}