/* @override 
	http://id.pixeloid.hu/assets/shared/css/default.css
	http://www.iddesign.hu/assets/shared/css/default.css
	http://id:8888/assets/shared/css/default.css
*/

body { background-color: #e5e1d8; font-family: verdana;  background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-position: top center; }
a { text-decoration: none; }
#mainwrapper { width: 960px; margin: auto; }
#flash { width: 936px; height: 380px; margin: auto; border: 7px solid #fff; overflow: hidden; }
#content { width: 710px; display: inline;float: left; margin-left: 10px; background-color: #fff; margin-bottom: 5px; padding-top: 10px; position: relative; padding-bottom: 7px;}
#content h5 {
  font-size: 10px;
  font-weight: normal;
  height: 22px;
  margin-top: 3px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 7px;
  color: #888; }

/* HEADER */

#header { background-image: url(../images/headerbg.gif); background-position: 50% 0px ; height: 70px; margin-bottom: 30px;margin-top: 5px; }
#headerwrapper { width: 950px; margin: auto; }
#header #navigation { height: 80px; float: left; position: relative;
	width: 785px;
}
#header ul { font-weight: bold; font-size: 11px; white-space: nowrap;}
#header ul li { position: relative; display: block; float: left; margin-right: 24px; margin-top: 42px; padding-bottom: 4px; line-height: 20px; }
#header ul li:hover, #header ul li.hover { border-bottom: 4px solid #000; cursor: pointer;}
#header ul li a { color: black; }
#header ul ul { display: block; position: absolute; top: 28px; height: 30px; background-color: #000; padding-left: 10px; overflow: hidden; font-size: 14px; z-index: 10000; left: 0px;}
#header ul ul li { line-height: 30px; margin-top: 0px; } 
#header ul ul li a { color: #ccc; font-size: 11px; font-weight: normal; }
#header ul ul li a:hover { color: #fff; font-size: 11px; color: #fff;}
#header ul ul li:hover { border: none; }

#header ul li.lang{
	position: static;
}
#header ul li.lang a{
	position: absolute;
	display: block;
	top: 43px;
	width: 23px;
	height: 15px;
	right: 0px;
	text-indent: -10000px;
	background-image: url(../images/flags.gif);
}
#header ul li.lang a.en{
	background-position: bottom left;
}



/* LOGO */
#header #logo { width: 130px; height: 70px; float: right; color: #fff; cursor: default; }
#header #logo img { margin-left: 10px; height: 70px; }

/* META */
#meta { float: left; margin-top: 41px; }
#meta img { cursor: pointer; }
#meta input { font-family: verdana; font-size: 11px; border: 0; border-bottom: 1px solid #ddd; height: 20px; float: left; line-height: 20px; }

/* ALSO DOBOZOK */
#boxes { width: 960px; margin: 5px auto; height: 265px; overflow: hidden; clear: both;}
#boxes div { width: 216px; height: 110px; float: left; background-color: #000; border: 7px solid #fff; margin: 5px; }
#boxes div:hover { border-color: #000; cursor: pointer; }
#boxes div img { height: 85px; width: 216px; }
#boxes div span { display: block; line-height: 25px; position: relative; width: 200px; height: 25px; z-index: 1; top: 0px; color: white; font-size: 11px; font-weight: normal; padding-left: 10px; overflow: hidden; }
#boxes div span img { width: 13px; height: 13px; float: right; margin-right: 10px; margin-top: 5px; }

/* FOOTER */
#footer { clear: both; width: 950px; margin: auto; font-size: 11px; font-weight: normal; line-height: 30px; height: 50px; color: #aaa; }
#footer span { float: left; }
#footer a { float: right; margin-left: 10px; }
#footer a:hover { color: #000; }

/* TERMEKEK */
.product-thumb-boxes { font-size: 11px; line-height: 15px; margin: 0px 7px; }

.product-thumb-boxes ul li { width: 696px; height: 470px; margin-top: 21px; margin-bottom: -5px; }

.product-thumb-boxes ol { position: absolute; top: 4px; left: -7px; }
.product-thumb-boxes ol li { width: 7px; height: 7px; float: left; margin-left: 7px; background-color: #eee; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.product-thumb-boxes #cprevnext { position: absolute; right: 0px; z-index: 5000 }
.product-thumb-boxes #cprevnext span { cursor: pointer; margin-left: 7px; }
#cprevnext p { position: absolute; background-color: #fff1a5; font-size: 10px; line-height: 13px; text-align: center; width: 130px;
 border: 1px solid #888; color: #888; padding: 3px; left: -135px; top: -0px; z-index: 10000; }

/* OLDALSAV */
#products { width: 230px; height: 731px; background-color: #fff; float: left; padding-top: 10px; margin-left: 5px; display: inline;position: relative; }
#products ul { margin: 0px 7px; padding-bottom: 10px; }
#products ul ul { margin: 0px; padding: 0px; display: none; margin: 5px 0px; overflow: hidden; }
#products h2 { font-size: 11px; border-bottom: 1px solid #ddd; cursor: pointer; padding-top: 5px; padding-bottom: 0px; text-transform: uppercase; font-weight: normal }
#products ul li { line-height: 20px; }
#products ul ul li { font-size: 11px; color: #808285; margin-left: 40px; cursor: pointer; white-space: nowrap; }
#products h3 { margin-left: -40px; padding-left: 40px; background-repeat: no-repeat; background-position: -30px center; font-weight: normal; }
#products h3.aktiv { background-position: left center; }
#products a:hover { color: #000; }
#products a { display: block; } 

/* IKONOK */
.kanape { background-image: url(../images/ikon-kanape.gif); }
.fotel { background-image: url(../images/ikon-fotel.gif); }
.dohanyzoasztal { background-image: url(../images/ikon-dohanyzoasztal.gif); }
.szekrenypolc { background-image: url(../images/ikon-szekrenypolc.gif); }
.tvallvany { background-image: url(../images/ikon-tvallvany.gif); }
.komodtalalo { background-image: url(../images/ikon-komodtalalo.gif); }
.etkezoasztal { background-image: url(../images/ikon-etkezoasztal.gif); }
.etkezoszek { background-image: url(../images/ikon-etkezoszek.gif); }
.barasztal { background-image: url(../images/ikon-barasztal.gif); }
.barszek { background-image: url(../images/ikon-barszek.gif); }
.iroasztal { background-image: url(../images/ikon-iroasztal.gif); }
.fogasakaszto { background-image: url(../images/ikon-fogasakaszto.gif); }
.tukor { background-image: url(../images/ikon-tukor.gif); }
.irodaszek { background-image: url(../images/ikon-irodaszek.gif); }


/* MARKETINGBLOKK */
#marketingblokk h6 { font-size: 20px; line-height: 20px; margin-left: 7px; font-weight: normal !important; margin-top: 7px; margin-bottom: 12px; }
#marketingblokk { height: 353px; margin: 7px; margin-top: 0px; overflow: hidden; border-bottom: 3px solid #000; }
#marketingblokk div { float: left; }
#marketingblokk p { height: 234px; width: 172px; float: left; margin-left: 7px; font-size: 11px; line-height: 16px; color: #888; margin-top: 62px; border: 1px solid #ddd; padding: 7px; }
#marketingblokk div li img { width: 500px; height: 250px; }
#marketingblokk ol { position: absolute; bottom: 7px; right: 7px; z-index: 1000; }
#marketingblokk ol li { width: 7px; margin-left: 7px; height: 7px; float: left; background-color: #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
#mprevnext { position: absolute; top:40px; right: -7px; z-index: 1000; }
#mprevnext p { position: absolute; top: -107px; left: -131px; padding: 3px !important; width: 150px; height: 28px; font-size: 10px; line-height: 13px; text-align: center; background-color: #fff1a5; }
#mprevnext span { margin-right: 7px; color: #fff; font-size: 14px; cursor: pointer; }
#marketingblokk p.termekek { height: 232px; width: 170px; float: left; margin-left: 7px; font-size: 11px; line-height: 16px; color: #aaa; margin-top: 62px; padding: 9px; background-color: #000; border: none; }
#marketingblokk h6 span { font-size: 13px; line-height: 19px; font-weight: normal; }


/*
.vegoldal h5 { font-size: 11px !important; color: #000 !important; margin: 0px 10px !important; line-height: 24px !important; }
.vegoldal h5 img { width: 20px; height: 20  px; float: right; margin-left: 5px; }
*/

a { color: #888; }

.noborder { border: none !important; }
#adatok { width: 255px; height: 425px; float: left; margin-top: 0px; font-size: 11px; line-height: 16px; display: inline;overflow: hidden;}
#adatok h6 { font-size: 20px; padding-bottom: 0px; color: #000; font-weight: normal; line-height: 26px; }
#adatok div { border-top: 1px solid #ddd; padding: 7px 0px; position: relative; color: #888; }
#adatok #pdf { height: 80px; }
#adatok #pdf img { position: absolute; right: 2px; top: 9px; }
#pdfimage { width: 58px; height: 83px; top: 9px !important; right: 2px !important; border: 1px solid #aaa; opacity: .8 }
#pdfimage:hover { opacity: 1 }

.plus { background-image: url(../images/bc.gif); background-repeat: no-repeat; background-position: 0px 11px; padding-left: 9px !important; }
#ar { font-weight: bold; font-size: 13px; color: #000 !important; line-height: 17px; }
#ar span { font-weight: normal; font-size: 11px; color: #888; }

#tabs { height: 13px; border: none !important; }
#tabs p { float: left; margin-top: -7px; }
#tabs span {
 display: block; float: right; background-color: #eee;
 font-size: 10px; line-height: 16px;
 padding: 0px 5px; margin-left: 5px; margin-top: -7px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 width: 40px; text-align: center;
 color: #000; cursor: pointer; text-shadow: 1px 1px 1px #fff; }
#tabs span.activetab { background-color: #000; color: #fff; text-shadow: none; }

#karpitok {
  height: 55px;
  }

.scroller { position: absolute; top: 0px; right: 0px; z-index: 999;
  border: 0 !important;  padding: 0 !important;
  height: 50px; width: 175px; overflow: hidden;
  float: right; margin-top: -10px; }
.scroller ul { position: absolute; top: 10px; }
.scroller ul li { display: block;float: left; width: 35px; height: 30px; text-align: center; overflow: hidden; }

.scroller ul li  img {  float: right; width: 30px; height: 30px;}
#karpitnagy { position: absolute; top: -211px; left: 75px; width: 150px; height: 175px;
 background-image: url(../images/000-50-transparent.png); padding: 0px !important; border: 1px solid #000 !important; }
#karpitnagy img { position: absolute; top: 4px; left: 4px; border: 1px solid #888; width: 140px; }
#karpitnagy span { margin-top: 150px; margin-left: 5px; display: block; line-height: 20px; color: #ccc; font-size: 10px; }


#nagykep { width: 710px; height: 741px; position: absolute; top: 0px; left: 0px; display: none; z-index: 1000; background-repeat: no-repeat; background-position: center; background-color: #fff; cursor: pointer; }
#fotok { width: 425px;  height: 425px; float: left; margin: 10px; margin-top: 0px; overflow: hidden; position: relative; margin-bottom: 20px; cursor: pointer; display: inline; }
#fotok div { position: absolute; top: 7px; right: 7px; z-index: 1000;  }
#fotok img { width: 425px; height: 425px; }
#fotok ol { position: absolute; top: 7px; left: 7px; z-index: 2000; }
#fotok ol li { width: 7px; height: 7px; background-color: #eee; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; margin-right: 7px; }
#prev, #next { width: 15px !important; height: 14px !important; }

/* TOVABBIAK */
#tovabbiaktitle { font-weight: bold; position: absolute; top: 470px; left: 10px; font-size: 11px; line-height: 15px; background-image: url(../images/bcblack.gif); background-repeat: no-repeat; background-position: 0px center; text-indent: 9px; }
#tovabbiak { width: 690px; clear: both; margin-left: 10px; height: 232px; margin-bottom: 3px; border-top: 1px solid #000;padding-top: 10px; }

.product-thumb-boxes div.outer,
#tovabbiak div.outer {width: 230px; height: 232px; float: left;   position: relative; }

.product-thumb-boxes div.bg,
#tovabbiak div.bg {width: 230px; height: 232px;   position: absolute; top: 0px; left:  0px; background: #ccc; z-index: 1;}

.product-thumb-boxes div.inner,
#tovabbiak div.inner { width: 228px; height: 230px;top: 1px; left: 1px; position: absolute; z-index: 2; background-color: #fff;}

.product-thumb-boxes div.inner a, 
#tovabbiak div.inner a { display: block; height: 230px;}

.product-thumb-boxes div.inner img,
#tovabbiak div.inner img { display: none; }

.product-thumb-boxes div.inner span,
#tovabbiak div.inner span { display: block; position: absolute;  width: 214px; height: 216px; text-indent: 0px; top:  7px; left: 7px;;}

.product-thumb-boxes a,
#tovabbiak a { font-size: 11px; color: #888 }

.product-thumb-boxes div.inner p,
#tovabbiak div.inner p { bottom: 0px; position: absolute; font-size: 11px; line-height: 16px; color: #888; width: 214px; height: 20px; left: 7px;}


/* KATEGORIAK */
#categories {
  clear: both;
  width: 702px;
  margin: 7px;
  margin-left: 1px;
  }

.categorie {
  width: 214px;
  height: 137px;
  margin-left: 6px;
  margin-bottom: 14px;
  margin-top: 7px;
  float: left;
  display: inline;
  position: relative;
  border: 7px solid #fff;
  border-top: 0;
  background-position: center 30px;
  background-repeat: no-repeat;
  opacity: 1;  }

.categorie span {
  display: block;
  font-size: 13px;
  line-height: 30px;
  background-color: #fff;
  width:214px; height: 30px;
  background-repeat: no-repeat;
  background-position: right center;
  color: #000;
  }

.categorie a { display: block; height: 100%; height: 100%; position: absolute; }


/* INSPIRACIO */
#inspiracio { overflow: hidden; background: #000; }

#inspiracio #bg { width: 100%; height: 100%; position: absolute; z-index: -2; }

#inspiracio #bg img { width: 100%; position: absolute; bottom: 0px; min-width: 960px; min-height:600px; }

#inspiracio #loading {
  width: 100%; height: 100%; top: 0px; left: 0px; position: absolute;
  background: #000 url(../images/loader.gif) no-repeat center center;
  z-index: -1;
  }

#inspiracio #lapozo {
  position: absolute;
  left: 0px; top: 50%; margin-top: -75px;
  width: 100%; height: 150px; opacity: 0;
  }

#inspiracio #lapozo div { margin: 50px; height: 42px; width: 42px; cursor: pointer; opacity: .6 }
#inspiracio #lapozo div:hover { opacity: 1 }
#inspiracio #lapozo #lapozElore { float: right; background-image: url(../images/jobbra.gif); }
#inspiracio #lapozo #lapozHatra { float: left; background-image: url(../images/balra.gif); }


#infoBar {
  position: absolute; bottom: -50px;
  width: 100%;
  background-color: #fff;
  font-size: 11px;
  line-height: 23px;
  border-top: 1px solid #000;
  }

#infoBar div {
  padding: 0px 10px;
  float: left;
  cursor: default;
  background-image: url(../images/bc.gif);
  background-repeat: no-repeat;
  background-position: 7px center;
  padding-left: 20px;
  }

#infoBar #name {
  font-size: 14px;
  font-weight: bold;
  background-image: none;
  text-indent: 0px;
  padding-left: 10px;
  }

#infoBar div p {
  font-size: 11px;
  line-height: 16px;
  display: none;
  margin-left: -20px;
  font-weight: normal;
  }

#infoBar #name p {
  margin-left: -10px;
  }

#infoBar div:hover { background-color: #000; color: #fff; }

#infoBar #thumbnails {
  float: right;
  background-image: url(../images/tn.gif);
  background-repeat: no-repeat;
  background-position: 10px center;
  text-indent: 10px;
  }

#infoBar #thumbnails:hover {
  background-image: url(../images/tnhover.gif);
  }


#infoBar p {
  position: absolute;
  width: 300px;
  background: #000;
  background-color: rgba(0,0,0,.65);
  color: #fff;
  padding: 14px;
  margin-left: -10px;
  bottom: 23px;
  padding-left: 10px;
  }

#thumbnails p {
  position: absolute;
  width: 256px; bottom: 23px; right: 0px;
  background-color: #000;
  background-color: rgba(0,0,0,.65);
  padding: 7px;
  padding-right: 0px;
  }

#thumbnails p img {
  width: 50px;
  height: 38px;
  float: right;
  margin: 7px;
  cursor: pointer;
  }

#balOldal, #jobbOldal { font-size: 12px; line-height: 16px; }
#balOldal h6, #jobbOldal h6 { font-size: 20px; line-height: 25px; font-weight: normal; text-transform: uppercase; }
#balOldal h6 { margin: 20px 0px; }
#balOldal { margin-left: 17px; float: left; width: 400px; }
#jobbOldal { margin-right: 27px; float: right; width: 209px; margin-top: 25px; }
#balOldal p, #jobbOldal p { margin: 20px 0px; font-family: verdana; font-size: 11px; line-height: 16px; }
.bc { margin: 7px; position: relative;}
#products h2 a { color: #000; }
#jobbOldal p { margin-top: 5px; padding-top: 5px; border-top: 1px solid #ccc; color: #888; }
#jobbOldal img { border: 5px solid #fff; -webkit-box-shadow: 0px 2px 7px #ccc; -moz-box-shadow: 0px 2px 3px 2px #eee; width: 200px; }
#balOldal img { border: 5px solid #fff; -webkit-box-shadow: 0px 2px 7px #ccc; -moz-box-shadow: 0px 2px 3px 2px #eee; }
#fb1 { float: left; }
#fb2 { position: absolute; top: 50px; right: 15px; }
#fb2 img { width: 170px; margin-bottom: 10px; }

.pdfs li { float: left; }
.pdfs li img { -webkit-box-shadow: 0px 0px 7px #ccc; }
.pdfs li img:hover { -webkit-box-shadow: 0px 0px 7px #aaa; }

.pdfs { margin-left: 14px; width: 420px; padding: 0px 40px; margin-bottom: 10px; -webkit-border-radius: 5px; }
.pdfs li img { height: 120px; float: left; margin: 20px; margin-top: 27px; }
.pdfs li img.szeles { margin-left: 14px; margin-right: 0px; }
.pdfs { background-image: url(../images/polc1.jpg); background-position: bottom; height: 200px }
.pdfs li { position: relative; }
.pdfs li a span {
  display: block;
  width: 100px;
  height: 32px;
  position: absolute; bottom: -45px; left: 0px;
  margin: 20px; font-size: 10px;
  color: #888;
  text-align: center; line-height: 14px;
  text-shadow: 1px 1px 0px #fff;
  }

.bordered { border: 1px solid #bbb; font-size: 11px; padding: 7px; }
#hirlevel {  text-indent: 10px; background: black;position: absolute; bottom: 0px; color: #ccc; margin-top: 20px; font-size: 11px; padding: 7px 0; line-height: 16px; width: 230px; left: 0px; }
#hirlevel input { width: 212px; font-family: verdana; margin-top: 10px; 
margin-left: 8px;border:  none; display: inline; float: left; background:  #aaa; color: #555; line-height: 22px;}
#hirlevel input[type=submit] { width: 100px; height: 25px; font-size: 11px; margin: 10px 56px; background: #aaa; border: none; color: #555}

#studio88 {
  float: left !important; display: block; width: 19px; height: 15px; margin-top: 7px; 
  background-image: url(../images/s88.gif);
  }

.nagyfooter #studio88 { float: right !important; }
.nagyfooter #links {line-height: 18px; padding: 0px; overflow: hidden;}
.nagyfooter #links strong { text-transform: uppercase; color: #000; }

.nagyfooter .bottom{
	clear: both;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	 border-top: 1px solid #eee; 
}

#footerbal { width: 230px; float: left; margin-right: 10px; color: #aaa; padding-top: 10px;}
#footerbal img { height: 32px; float: left; clear: both; margin-top: -7px !important; }
#footerbal a { float: none !important; margin-left: 0px; color: #aaa; }
#footerjobb { width: 710px; float: right; overflow: hidden;margin-top: 10px;}
#footerjobb div{
}

#footerjobb div.column{
	float: left;
	margin-right: 10px;
	 color: #aaa;
	 overflow: hidden;
}

#footerjobb div.section{
	overflow: hidden;
	clear: both;
	border-top: 1px solid #eee; padding-top: 10px ;
}
#footerjobb a { color: #aaa; float: none;}
#footerjobb a:hover { color: #fff }

#footerjobb strong { float: left; !important;clear: both; width: 110px;margin-top:;}

#footerjobb h6 { font-weight: bold; background-image: url(../images/bc.gif); background-repeat: no-repeat; text-indent: 0px; background-position: 0px center; margin-left: 0px; overflow: hidden;}

#footerbal strong { float: left; color: #aaa !important; }
#footerjobb  div.column ul {padding-bottom: 18px; }

.nagyfooter #links {
	padding-bottom: 0px;
}




#munkatarsaink p img { float: left; border: 5px solid #fff; width: 154px; height: 154px; }
#munkatarsaink p {
  width: 164px; overflow: hidden;
  height: 194px;
  font-size: 11px;
  line-height: 25px;
  float: left;
  margin: 14px 7px;
  margin-right: 6px;
  -webkit-box-shadow: 1px 1px 10px #ddd;
  background: #fff;
  font-weight: bold;
  color: #888;
  text-align: center; }
  
  
  
  
  #alaprajz { width: 400px; height: 308px; background-image: url(../images/alaprajz.jpg); background-position: center; background-repeat: no-repeat; position: relative; }
  #alaprajz>div { width: 30px; height: 30px; position: absolute; z-index: 1000;}
  #alaprajz div div { margin-left: -415px; margin-top: -185px; background: #000; width: 414px; height: 274px; overflow: hidden; -webkit-box-shadow: 2px 2px 5px #aaa; -webkit-border-radius: 15px; z-index: 20000;}
  #alaprajz img { border: 7px solid #000; }
  #set1 { top: 139px; left: 287px; }
  #set2 { top: 226px; left: 183px; }
  #set3 { top: 226px; left: 85px; }
  #set4 { top: 137px; left: 134px; }
  #set5 { top: 46px; left: 208px; }
  #set6 { top: 77px; left: 341px; }

a.addthis_button {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
}

a.addthis_button img {
	display: block;
}
  

.noeffect {
  -webkit-box-shadow: 0px 0px 0px #fff !important;
}




#kereses {
  width: 150px; 
  height: 23px;
  position: relative;
  margin-left: 558px;
  margin-top: 38px;
}

#home #kereses,
#kereses .submitbtn,
#inspiracio #kereses{
	display: none;
}

#s {
  position: absolute;
  top: 0px; left: 0px;
  width: 130px;
  border: none; border-bottom: 1px solid #000;
  font: normal 11px "Verdana";
}

#s.error{
	color: red;
}
#kereses img {
  position: absolute;
  top: -3px; right: 0px;
}



#searchResults {
    width: 710px;
    height: 0px;
    background-color: #fff;
    float: right;
    display: inline;
    margin-right: 5px;
    font-size: 11px;
    position: relative;
    overflow: hidden;
    cursor: default;
}

#searchResults.loading{
	background:#fff url('../images/ajax-loader.gif') no-repeat 50% 50%;
}


#searchResults.closed-has-results{
	cursor: pointer;
}
#searchResults.closed-has-results ol,
#searchResults.closed-has-results #srClose, #searchResults.closed-has-results #srPrev, #searchResults.closed-has-results #srNext{
	display: none;
}

#searchResults.closed-has-results h5{
	margin-top: 15px;
	margin-bottom: 15px;	
	border: 0;
	background: #fff url(../images/slide.png) no-repeat center right;
}


#home #searchResults {
	width: 950px !important;
	float: none;
	margin:  0px auto;
	display: block;
}

#searchResults ul li div p a span {
    display: block; color: #000;
    font-weight: bold;
  }
#searchResults ul li div a img {
    border: 1px solid #ddd;
    width: 98px; height: 98px;
  }
#searchResults ul li div a:hover img {
    border-color: #000;
  }
#searchResults p {
    position: absolute;
    width: 103px;
    height: 100px;
    left: 110px;
    line-height: 16px;
    margin-right: 10px; 
}
  
#searchResults ul li div p, #searchResults ul li div img {
    float: left;
  }
#searchResults ul div {
    position: relative;
    width: 213px;
    height: 100px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
  }
#searchResults h5 {
    line-height: 20px;
    margin: 0px 10px; font-weight: normal;
    border-top: 1px solid #ddd;
    margin-top: 35px;
  }
#searchResults h5 span {
  float: right;
  cursor: pointer;
  padding: 0px 10px;
  margin-right: -10px;
  font-weight: bold;
  }
#srNext, #srPrev, #srClose {
  position: absolute; top: 17px; cursor: pointer;
  }
#srNext { right: 30px; }
#srPrev { right: 50px; }
#srClose { right: 10px; }
#searchResults ul li {
  width: 710px;
  }
#searchResults ol {
    position: absolute;
    top: 19px;
    left: 5px;
  }
#searchResults ol li {
  float: left;
  width: 10px; height: 10px;
  background: #eee;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-left: 5px;
  }
#searchResults ol li.act {
  background-color: #000;
  }
  
  
  
  #iddesign-nyito {
    width: 936px; height: 380px; border: 7px solid #fff; margin: 14px auto 7px auto; position: relative;
    background-image: url(../images/sprite.jpg);
    overflow: hidden;
    }
  
  #iddesign-nyito div {
    width: 936px; height: 380px; position: absolute; top: 0px; left: 0px;
    background-image: url(../images/sprite.png);
    _background-image: url(../images/sprite.gif);
    }
  
  
  
  #ui0 {
    position: absolute; bottom: 20px; right: 20px;
    background: #000; background: rgba(0,0,0,.5);
    padding: 5px; width: 400px !important;
    overflow: hidden; height: 52px; -webkit-border-radius: 10px; }
  
  #right0.right { position: absolute; right: 0px; bottom: 7px; }
  #left0.left { position: absolute; left: 0px; bottom: 7px; margin: 0px !important; }
  
  #promowrapper {
    width: 936px; height: 380px; border: 7px solid #fff; overflow: hidden;
    margin: 7px auto; position: relative; background: #fff; }
  
  .thumbSlider0, .thumbSlider { background-color: transparent !important; }