/*** htmlframe ***/
 * { margin: 0px; padding: 0px; }
 html { margin: 0px; padding: 0px;}
 body { font-family: Arial; font-size: 12px; margin:0 8px 0px 8px; padding: 0px; width:965px; }
 img { border: none; }
 a { text-decoration: underline; color: #000000; }
 a:hover { text-decoration: none; color: #000000; }
 
 /* common */
 .clear-all { clear: both; margin: 0; padding: 0; line-height: 1px; height: 1px; }
 .spacer3 { height: 3px; clear: both; margin: 0; padding: 0; }
 .spacer5 { height: 5px; clear: both; margin: 0; padding: 0; }
 .spacer7 { height: 7px; clear: both; margin: 0; padding: 0; }
 .spacer12{ height: 12px; clear: both; margin: 0; padding: 0; }
 .spacer13{ height: 13px; clear: both; margin: 0; padding: 0; }
 .spacer10 { height: 10px; clear: both; margin: 0; padding: 0; }
 .spacer15 { height: 15px; clear: both; margin: 0; padding: 0; }
 .spacer18{ height: 18px; clear: both; margin: 0; padding: 0; }
 .spacer20 { height: 20px; clear: both; margin: 0; padding: 0; }
 .spacer25 { height: 25px; clear: both; margin: 0; padding: 0; }
 .spacer30 { height: 30px; clear: both; margin: 0; padding: 0; }
 .spacer40 { height: 40px; clear: both; margin: 0; padding: 0; }
 ul { list-style-type: none; clear: both; margin: 0; padding: 0; }
 li { float: left; text-align: left; margin: 0; padding: 0; }
 h1{ margin: 0; padding: 0; }
 .categorytitlebox { position:relative;}
 .categorytitle { position:absolute; bottom:0; left:23px}
 .printonly,
 .none { display: none; }
 .headerspacer10holder {position:relative; background-color:white; z-index:1000000}
 
 /* help cursor */
 .help { cursor: help; }
 .pointer { cursor: pointer; }
 
 /* info row link color */
 .inforowlink { color: #3a98d4; }
 .inforowlink:hover { color: #a1cdf2; }
 
 /* errors */
 .error { padding: 5px 0; color: #e6463c; font-style: italic; font-size: 11px; }
 input.errorinput,
 select.errorinput { background-color: #f7c7c3; }
 
 /* info */
 .infotext { padding: 5px; margin: 5px 0 0 0; background-color: #c7e1f7; color: #0089c0; }
 
 /* hover */
 .hover:hover { text-decoration: underline; }
 
 /* IE7 radio button fix */
 input[type="radio"] { padding: 0; margin: 0; width: 15px; height: 15px; }
 
 /* font styles */
 .bold{ font-weight:bold; }
 .italic { font-style: italic; }
 .strike { text-decoration: line-through; }
 
 /* buttons */
 .orangelink{display:block; height:19px; padding:4px 12px 0px 35px; background:#f7c7c3 url(http://www.otto.si/images/submitorangebutton.png) no-repeat top left; margin-bottom:5px}
 
 /* buttons size */
 .smallbutton{ width:45px}
 
 /* margin */
 .marginzero { margin:0px}
 
 /* fonts */
 .boxfonts{ font-size:13px; color:white;}
 .leftboxtitle,
 h1 { font-family:Arial; font-size:20px; font-weight:normal;}
 .leftboxtitle1 { font-family:Arial; font-size:20px; font-weight:normal;}
 h2, .boxlinks{ font-family:Arial; font-size:15px; margin-bottom:12px; font-weight:normal;}
 
 .whitebg { background-color: white; padding: 0 2px; }
 
 .black{ color: black !important; }
 .white { color: white !important; }
 .gray{ color: gray !important; }
 
 /* font colors by colorid */
 .red { color:#da2031 !important; }
 .lightred { color:#f4bcc1 !important; }
 .blue { color:#0089c0 !important; }
 .lightblue { color:#b2dbec !important; }
 .violet { color:#bf2f7f !important; }
 .lightviolet { color:#ecc0d8 !important; }
 .turquoise { color:#11a3a1 !important; }
 .lightturquoise { color:#b7e3e3 !important; }
 .orange { color:#f88000 !important; }
 .lightorange { color:#fdd9b2 !important; }
 .green { color:#7f9a01 !important; }
 .lightgreen { color:#d8e1b2 !important; }
 .navyblue { color:#3259a0 !important; }
 .lightnavyblue { color:#c1cde2 !important; }
 .pink { color:#fe297a !important; }
 .lightpink { color:#ffbed7 !important; }
 .yellow { color:#FFBA00 !important; }
 .lightyellow { color:#FFEAB2 !important; }
 .defaultblue{ color:#a1cdf2 !important; }
 .lightdefaultblue{ color:#e3f0fb !important; }
 .ottored{ color:#e6463c !important; }
 .lightottored{ color:#f4bbc1 !important; }
 .gold{ color:#b3a053 !important; }
 .lightgold{ color:#ede8d4 !important; }
 
 /* box colors by colorid */
 .redbox{ background-color:#da2031 !important; }
 .lightredbox{ background-color:#f4bcc1 !important; }
 .bluebox{ background-color:#0089c0 !important; }
 .lightbluebox{ background-color:#b2dbec !important; }
 .violetbox{ background-color:#bf2f7f !important; }
 .lightvioletbox{ background-color:#ecc0d8 !important; }
 .turquoisebox{ background-color:#11a3a1 !important; }
 .lightturquoisebox{ background-color:#b7e3e3 !important; }
 .orangebox{ background-color:#f88000 !important; }
 .lightorangebox{ background-color:#fdd9b2 !important; }
 .greenbox{ background-color:#7f9a01 !important; }
 .lightgreenbox{ background-color:#d8e1b2 !important; }
 .navybluebox{ background-color:#3259a0 !important; }
 .lightnavybluebox{ background-color:#c1cde2 !important; }
 .pinkbox{ background-color:#fe297a !important; }
 .lightpinkbox{ background-color:#ffbed7 !important; }
 .yellowbox { background-color:#FFBA00 !important; }
 .lightyellowbox { background-color:#FFEAB2 !important; }
 .defaultbluebox{ background-color:#a1cdf2 !important; }
 .lightdefaultbluebox{ background-color:#e3f0fb !important; }
 .ottoredbox{ background-color:#e6463c !important; }
 .lightottoredbox{ background-color:#f4bbc1 !important; }
 .goldbox{ background-color:#b3a053 !important; }
 .lightgoldbox{ background-color:#ede8d4 !important; }
 
 /* inactive article view */
 .graybox { background-color:#d4d4d4 !important; }
 
 /* box borders by colorid */
 .redborder{ border:solid 1px #da2031; }
 .lightredborder{ border:solid 1px #f4bcc1; }
 .blueborder{ border:solid 1px #0089c0; }
 .lightblueborder{ border:solid 1px #b2dbec; }
 .violetborder{ border:solid 1px #bf2f7f; }
 .lightvioletborder{ border:solid 1px #ecc0d8; }
 .turquoiseborder{ border:solid 1px #11a3a1; }
 .lightturquoiseborder{ border:solid 1px #b7e3e3; }
 .orangeborder{ border:solid 1px #f88000; }
 .lightorangeborder{ border:solid 1px #fdd9b2; }
 .greenborder{ border:solid 1px #7f9a01; }
 .lightgreenborder{ border:solid 1px #d8e1b2; }
 .navyblueborder{ border:solid 1px #3259a0; }
 .lightnavyblueborder{ border:solid 1px #c1cde2; }
 .pinkborder{ border:solid 1px #fe297a; }
 .lightpinkborder{ border:solid 1px #ffbed7; }
 .yellowborder{ border:solid 1px #FFBA00; }
 .lightyellowborder{ border:solid 1px #FFEAB2; }
 .defaultblueborder{ border:solid 1px #a1cdf2; }
 .lightdefaultblueborder{ border:solid 1px #e3f0fb; }
 .ottoredborder{ border:solid 1px #e6463c; }
 .lightottoredborder{ border:solid 1px #f4bbc1; }
 .goldborder{ border:solid 1px #b3a053; }
 .lightgoldborder{ border:solid 1px #ede8d4; }
 
 /* pictogram by colorid close */
 .redpictogram{ background-image:url(http://www.otto.si/images/piktogrami/picred.png) }
 .bluepictogram{ background-image:url(http://www.otto.si/images/piktogrami/picblue.png) }
 .violetpictogram{ background-image:url(http://www.otto.si/images/piktogrami/picviolet.png) }
 .turquoisepictogram { background-image:url(http://www.otto.si/images/piktogrami/picturquoise.png) }
 .orangepictogram{ background-image:url(http://www.otto.si/images/piktogrami/picorange.png) }
 .greenpictogram { background-image:url(http://www.otto.si/images/piktogrami/picgreen.png) }
 .navybluepictogram{ background-image:url(http://www.otto.si/images/piktogrami/picnavyblue.png) }
 .pinkpictogram{ background-image:url(http://www.otto.si/images/piktogrami/picpink.png) }
 .yellowpictogram { background-image:url(http://www.otto.si/images/piktogrami/picyellow.png) }
 .defaultbluepictogram{ background-image:url(http://www.otto.si/images/piktogrami/picdefaultblue.png) }
 .ottoredpictogram{ background-image:url(http://www.otto.si/images/piktogrami/picottored.png) }
 .goldpictogram { background-image:url(http://www.otto.si/images/piktogrami/picgold.png) }
 
 /* pictogram by colorid open */
 .redpictogramo{ background-image:url(http://www.otto.si/images/piktogrami/picred_o.png) }
 .bluepictogramo{ background-image:url(http://www.otto.si/images/piktogrami/picblue_o.png) }
 .violetpictogramo{ background-image:url(http://www.otto.si/images/piktogrami/picviolet_o.png) }
 .turquoisepictogramo{ background-image:url(http://www.otto.si/images/piktogrami/picturquoise_o.png) }
 .orangepictogramo{ background-image:url(http://www.otto.si/images/piktogrami/picorange_o.png) }
 .greenpictogramo { background-image:url(http://www.otto.si/images/piktogrami/picgreen_o.png) }
 .navybluepictogramo{ background-image:url(http://www.otto.si/images/piktogrami/picnavyblue_o.png) }
 .pinkpictogramo{ background-image:url(http://www.otto.si/images/piktogrami/picpink_o.png) }
 .yellowpictogramo { background-image:url(http://www.otto.si/images/piktogrami/picyellow_o.png) }
 .defaultbluepictogramo{ background-image:url(http://www.otto.si/images/piktogrami/picdefaultblue_o.png) }
 .ottoredpictogramo{ background-image:url(http://www.otto.si/images/piktogrami/picottored_o.png) }
 .goldpictogramo{ background-image:url(http://www.otto.si/images/piktogrami/picgold_o.png) }
 
 /* pictogram by colorid squer */
 .redpictograms{ background-image:url(http://www.otto.si/images/piktogrami/picred_s.png) }
 .bluepictograms{ background-image:url(http://www.otto.si/images/piktogrami/picblue_s.png) }
 .violetpictograms{ background-image:url(http://www.otto.si/images/piktogrami/picviolet_s.png) }
 .turquoisepictograms{ background-image:url(http://www.otto.si/images/piktogrami/picturquoise_s.png) }
 .orangepictograms{ background-image:url(http://www.otto.si/images/piktogrami/picorange_s.png) }
 .greenpictograms { background-image:url(http://www.otto.si/images/piktogrami/picgreen_s.png) }
 .navybluepictograms{ background-image:url(http://www.otto.si/images/piktogrami/picnavyblue_s.png) }
 .pinkpictograms{ background-image:url(http://www.otto.si/images/piktogrami/picpink_s.png) }
 .yellowpictograms{ background-image:url(http://www.otto.si/images/piktogrami/picyellow_s.png) }
 .defaultbluepictograms{ background-image:url(http://www.otto.si/images/piktogrami/picdefaultblue_s.png) }
 .ottoredpictograms{ background-image:url(http://www.otto.si/images/piktogrami/picottored_s.png) }
 .goldpictograms{ background-image:url(http://www.otto.si/images/piktogrami/picgold_s.png) }
 
 
 .leftmarginsurvy{ margin-left:22px;}
 .marginsmall{ margin:13px;}
 .marginsmallleft{ margin-left:13px;}
 .marginsmallright{ margin-right:13px;}
 .marginsmalltop{ margin-top:13px;}
 .marginsmallbottom{ margin-bottom:13px;}
 
 
 .marginbig { margin:18px;}
 .marginbigleft { margin-left:18px;}
 .marginbigright { margin-right:18px;}
 .marginbigtop{ margin-top:18px;}
 .marginbigbottom{ margin-bottom:18px !important;}
 
 /* icons */
 .icoarrowwhite { padding:0px 13px 0px 0px; background:transparent url(http://www.otto.si/images/arrowtorightwhitetransparent.png) no-repeat right center;}
 
 /*** htmlframe header ***/
 #header { height:112px;}
 #header h1 { width: 141px; height: 51px; text-indent: -1000em; cursor: pointer; margin:35px 0px 25px 14px; padding: 0; display:block; float:left;}
 #header h1.normal { background-image: url(http://www.otto.si/images/logo.png); background-repeat: no-repeat; }
 #search { width:401px; float:left; margin:4px 2px 0 0; margin-left:35px;}
 #boxsearchtitle { width:401px; float:none; clear:both; height:19px;}
 .boxsearchtitletext { font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #6cb2df; }
 #boxsearchtitle img.arrowtoright { margin-bottom:3px;}
 #boxsearchfield { width: 390px; height: 56px; background-color: #a1cdf2; float: none; clear: both; padding: 15px 0px 15px 10px;}
 #boxsearchfield .title { width: 390px; height: 35px; }
 #searchfields .searchinputfields { float: left; width: 391px; }
 #searchfields .searchnodeid { float: left; width: 150px; height: 22px; margin-right: 5px; border: 1px solid #999999; padding: 0; }
 #searchfields .searchstring { float: left; width: 176px; height: 18px; margin-right: 5px; border: 1px solid #999999; padding: 2px 2px 0 2px; }
 #searchfields .searchbutton { float: left; width: 22px; }
 #reminder { width: 203px; float: left; margin: 0 2px 0 0; background: #ffffff; position: relative; }
 #boxremindertitlepadding { margin-top: 4px; }
 #boxremindertitle { width: 203px; float: none; clear: both; background: #ffffff; position: absolute; z-index: 1100; height:23px;}
 div.basketplaceholder{ width: 203px; height: 20px; }
 #boxremindertitle img.arrowtoright { margin-bottom:3px;}
 #boxreminderfield img.arrowtoright { margin-bottom:6px;}
 #boxreminderfield { width:193px; height:86px; background-color:#a1cdf2; padding:0 0px 0 10px; background-color:#a1cdf2; position:absolute; z-index:1100; margin-top:3px; }
 #boxreminderfield .infobasket{ color:#FFFFFF; margin-top:3px; margin-left:20px; }
 #boxmyottofield .infobasket { color:#FFFFFF; margin-top:3px; }
 #boxreminderfield .articlessum { width:60px; float:left; border-right:solid 1px #FFFFFF; margin-right:10px;}
 #boxmyottofield .articlessumprice { width:100px; float:left;}
 #myottoservices { width:167px; float:left; margin-top:2px; }
 *html #myottoservices { width:150px; float:left;}
 #servicesdropdown { display:block;position:absolute; border: solid 1px #c7e2f7; background-color:White; z-index:10; width:155px; padding:5px; top:19px;}
 *html #servicesdropdown { display:block;position:absolute; border: solid 1px #c7e2f7; background-color:White; z-index:10; width:140px; padding:5px; top:19px;}
 #servicesdropdownholder { display:none;}
 a.serviceslink { display:block; width:145px; height:13px; padding:5px; color:#79bae2; text-decoration:none; } 
 a.serviceslink:hover { background-color:#c7e2f7; font-weight:bold; text-decoration:none;}
 
 #boxmyottofield { background-color:#a1cdf2; padding:15px 0px 14px 10px; height:57px; }
 #boxmyottofield img.arrowtoright { margin-bottom:6px;}
 #boxservicestitle { width:167px; background-color:#c7e1f7;margin-bottom:2px;height:19px; position:relative}
 *html #boxservicestitle { width:150px; background-color:#c7e1f7;margin-bottom:2px;height:19px; position:relative}
 #boxservicestitle img.arrowdown { right:7px; top:7px; position:absolute;}
 #boxservicestitle img.myottotitle { left:7px; top:2px; position:absolute;}
 
 /*** htmlframe mainmenu ***/
 #mainmenu { padding: 17px 0px 15px 0px; }
 #mainmenu a { margin-right: 5px; text-decoration:none; height:25px; }
 
 /*** htmlframe footer ***/
 #footer { width:100%; float:left;}
 #tuv { float:left;display:table-cell;margin-right:19px;width:178px;}
 #tuv img { float:left;}
 #tuv a { display:block; float:left; width:70px; margin-top:20px; margin-left:13px}
 #tuv span { display:block; float:left; width:70px; margin-top:20px; margin-left:13px}
 #footertext { display:table-cell;float:right; width:765px; text-align:center;}
 .buyitccompany { width:100%; text-align:center;}
 
 /*** htmlframe footermenu ***/
 #footermenu { width:100%; display:table-cell; text-align:center; height:22px; padding-top:5px; background-color:#a1cdf2; float:left; margin-top:18px }
 #footermenu a.footer { border:none; text-decoration:none; margin:10px 40px 0px 0px; }
 #footermenu a.footer img { border:none;}
 
 /*** default page ***/
 #directordererror{ display:none; }
 #inforow { width:100%;}
 #leftposition { float:left;display:table-cell;padding-top:10px; margin-right:19px;width:178px}
 *html #leftposition { float:left;display:block;padding-top:10px; margin-right:10px;width:178px}
 #centerposition { display:table-cell; float:right; width:768px; padding-top:10px; text-align:left;}
 
 /*** default page : left bar ***/
 #leftposition div.lefttopbox { width:180px; height:181px; display:block; vertical-align:bottom; text-align:center;}
 .orderinghelp { width:180px; display:table-cell; padding-bottom:18px;}
 #leftposition div.leftposition { float:left; width:50px;}
 #leftposition div.leftposition img { margin-right:4px;}
 #leftposition div.rightposition { float:right; width:101px;}
 #leftposition div.rightposition img.freecall { margin-top:5px;}
 .directordering { width:180px; display:table-cell;} 
 div.directorderform { margin-top:23px; padding-bottom:18px;float:left; }
 div.directorderform div.input { width:152px; float:left}
 div.directorderform div.input input { width:148px; height:21px; border:solid 1px #989898; float:left}
 div.directorderform div.button { width:25px; float:right}
 .newsletter { width:180px; display:table-cell;} 
 div.newsletterform { margin-top:23px; padding-bottom:18px;float:left; }
 div.newsletterform div.input { width:152px; float:left}
 div.newsletterform div.input input { width:148px; height:21px; border:solid 1px #989898; float:left}
 div.newsletterform div.button { width:25px; float:right}
 div.leftsurvy div.radio { width:15px; float:left}
 div.leftsurvy div.radiodesc { width:156px; float:right}
 #leftsurvy { padding-bottom:18px;}
 #surveysubmitbutton { float:left; width:auto; margin-left:22px;}
 #surveyresultbutton { float:right; width:auto; margin-top:3px; color:#E6463C}
 .surveyanwserspan { color:#E7463C;}
 #surveybackbutton { color:#E7463C;}
 
 /*** default page : center ***/
 #bannerplace { width:767px; height:375px; margin-bottom:13px; float:left;border-top: 1px solid #999999;border-bottom: 1px solid #999999;border-left: 1px solid #999999;border-right: 1px solid #999999; }
 .bannerbox { float:left; width:375px; height:181px; text-align:left;}
 .bannerbox img { cursor:pointer; }
 .bannersmalldesc { float:right; width:158px; margin-right:18px; position:relative;}
 .bannersmalldesc h1 { margin-top:29px; cursor:pointer; position:absolute; width:135px;}
 .dformatcontent { position:absolute; top:85px; height:80px; overflow:hidden; z-index: 900; }
 .dformatcontent a { color:White !important;}
 
 /*** category page ***/
 #categorybannerplace { width:767px; margin-bottom:13px;}
 .bannercatsmalldesc { position:relative; top:86px;}
 /*** category page left menu ***/
 #navlist { margin-left: 0; padding-left: 0; list-style: none; }
 #navlist li { padding-left: 10px; background-image: url(http://www.otto.si/images/redarrowclose.png);background-repeat: no-repeat; background-position: 0 .5em; float: none; }
 #navlist li a { color:#505050;} 
 #navlist li a.selected { margin-left:-10px; padding-left:10px;}
 #navlist li.current { padding-left: 10px; background-image: url(http://www.otto.si/images/redarrowopen.png);background-repeat: no-repeat; background-position: 0 .5em; }
 #navlist li.current ul { padding-left: 0; list-style: none; margin-left: 0; }
 #navlist li.current ul li.current { padding-left: 10px; margin-left:-10px;background-image: url(http://www.otto.si/images/redarrowopen.png);background-repeat: no-repeat; background-position: 0 .5em; }
 #navlist li.current ul li { padding-left: 10px; background-image: url(http://www.otto.si/images/blackarrowclose.png);background-repeat: no-repeat;background-position: 0 .5em; }
 #navlist li.current ul li a.selected { margin-left:-20px ; padding-left:20px;}
 #navlist li.current ul li.current ul li { padding-left: 10px; margin-left:20px; background-image: url(http://www.otto.si/images/squerredicon.png);background-repeat: no-repeat; background-position: 0 .5em; }
 #navlist li.current ul li.current ul li a.selected { margin-left:-20px ;padding-left:20px;}
 #navlist li.current ul li.current ul li.current { padding-left: 20px; margin-left:-10px; background: #f4bbc1 url(http://www.otto.si/images/redarrowopen.png);background-repeat: no-repeat; background-position: 10px .5em; }
 #navlist li.current ul li.current ul li.current ul li { padding-left: 10px; margin-left:10px; background: #f4bbc1 url(http://www.otto.si/images/squerredicon.png);background-repeat: no-repeat; background-position: 0 .5em; }
 #navlist li.current ul li ul li { padding-left: 10px; background-image: url(http://www.otto.si/images/blackarrowclose.png);background-repeat: no-repeat; background-position: 0 .5em; }
 #navlist a { display:block; width:100%; font-size:13px}
 .smallbanerimg { float:left; width:179px; background-color:White; text-align:center; height:181px;}
 .smallbanerimg1 { float:left; width:179px; background-color:White; height:181px; }
 /*#navlist .selected { background-color:red;}*/
 
 /* pagination */
 .pagination { float: right; text-align: right; font-size: 12px; height: 23px; margin: 0; padding: 0; }
 .pagination a { text-decoration: none; }
 .pagination a:hover { text-decoration: underline; }
 .pagination span { text-decoration: underline; }
 .paginationnumbers { padding-top: 5px; float: right; }
 .paginationnext,
 .paginationprevious { float: right; } 
 
 /* article view buttons */
 #articleviewbuttons { float: right; height: 23px; text-align: right; }
 #articleviewbuttons a { margin-left: 12px; }
 
 /* articles */
 #articlestitle { float: left; width: 450px; }
 #articles { margin: 10px 0; }
 #articles .articlegriddetail a,
 #articles .articlegriddetail a:hover,
 #articles .articlelistframe a,
 #articles .articlelistframe a:hover { text-decoration: none; }
 
 
 /* articles filter */
 #articlefilter { width: 738px; padding: 5px 15px 15px 15px; }
 #articlefilter .label { color: White; font-size: 13px; width: 120px; }
 #articlefilter .articlebrandid { width: 240px; float: left; margin-right: 5px; }
 #articlefilter .articlebrandid select { width: 240px; }
 #articlefilter .articlecolor { width: 159px; float: left; margin-right: 5px; }
 #articlefilter .articlecolor select { width: 159px; }
 #articlefilter .articlesize { width: 159px; float: left; margin-right: 5px; }
 #articlefilter .articlesize select { width: 159px; }
 #articlefilter .sort { width: 160px; float: left; margin-right: 5px; }
 #articlefilter .sort select { width: 160px; }
 
 /* article grid view */
 #articles .articlegrid { width: 200px; height: 305px; float: left; }
 #articles .articlegridlast { width: 166px; height: 305px; float: left; }
 #articles .articlegriddetail { width: 166px; height: 260px; }
 #articles .articlegridimage { width: 164px; height: 234px; padding: 0 1px; background-position: center center; background-repeat: no-repeat; }
 #articles .articlegridbrand { width: 166px; height: 24px; padding: 5px 0; text-align: center; text-transform: uppercase; text-decoration: none; }
 #articles .articlegridtitle { width: 166px; height: 48px; float: left; text-align: center; padding-top: 18px; font-size: 12px; }
 #articles .articlegridsale { width: 166px; height: 54px; background-image: url('http://www.otto.si/images/article_sale.png'); background-repeat: no-repeat; background-position: right; position: absolute; z-index: 100; }
 
 /* article list view */
 #articles .articlelistdetail { width: 587px; height: 228px; float: right; }
 #articles .articlelistdetail h1 { font-size: 15px; font-weight: bold; }
 #articles .articlelistdetail h2 { font-size: 15px; margin: 3px 0 2px 0; }
 #articles .articlelistframe { width: 160px; height: 228px; padding: 0 1px; float: left; }
 #articles .articlelistimage { width: 156px; height: 198px; background-position: center center; background-repeat: no-repeat; }
 #articles .articlelistbrand { width: 156px; height: 24px; padding: 5px 0; text-align: center; text-transform: uppercase; }
 #articles .articlelistcontent { font-size: 12px; }
 #articles .articlelistsale { width: 162px; height: 54px; background-image: url('http://www.otto.si/images/article_sale.png'); background-repeat: no-repeat; background-position: right; position: absolute; z-index: 100; }
 
 .divtofade { width:486px; height:375px; float:left; text-align:right;cursor:pointer;/*border-top: 1px solid #999999;border-bottom: 1px solid #999999;border-left: 1px solid #999999;*/}
 *html .divtofade { width:486px; height:375px; float:left; text-align:right;cursor:pointer;/*border-top: 1px solid #999999;border-bottom: 1px solid #999999;border-left: 1px solid #999999;*/}
 .presentbuttons { width:280px; height:376px; float:right; /*border-bottom:solid 1px #999999;border-right:solid 1px #999999; */}
 *html .presentbuttons { width:275px; height:376px; float:right; /*border-bottom:solid 1px #999999;border-right:solid 1px #999999; */}
 .presentbuttons li ul { clear:none; }
 .navigationimagemap { cursor:pointer; width :280px; height:93px; background-image:url(http://www.otto.si/images/unselect.png); background-color:#dedede; background-repeat:repeat-x; border-top:solid 1px #999999;}
 *html .navigationimagemap { cursor:pointer; width :275px; height:93px; background-image:url(http://www.otto.si/images/unselect.png); background-color:#dedede; background-repeat:repeat-x; border-top:solid 1px #999999;}
 .navigationimagemap1 { cursor:pointer; width :280px; height:93px;background-image:url(http://www.otto.si/images/select.png);background-repeat:repeat-x; border-top:solid 1px #999999; }
 *html .navigationimagemap1 { cursor:pointer; width :275px; height:93px;background-image:url(http://www.otto.si/images/select.png);background-repeat:repeat-x; border-top:solid 1px #999999; }
 .promotionimge { width: 40px; height: 93px; float: left; }
 *html .promotionimge { width: 39px; height: 93px; float: left; }
 .promotiontitles { width: 225px; height: 80px; float: left; padding-left: 15px; }
 *html .promotiontitles { width: 200px; height: 80px; float: left; padding-left: 15px; }
 .promotiontitle { margin-top: 20px; }
 
 /* clear border for first link */
 #link0 { border-top:solid 0px #999999; }
 
 /*** content.aspx ***/
 .contenttext { width:100%; float:left}
 .contents img { border:solid 1px #FFBA00}
 .contents a { color:#FFBA00 !important;}
 .contenttextwidth { width:541px; float:left}
 .contentbox { width:184px; float:right}
 .imgleft { float:left; margin:0px 10px 10px 0px}
 .imgright { float:right; margin:0px 10px 0px 10px}
 .subtitle { font-size:14px; font-weight:bold; clear:both; margin-bottom:10px}
 ul.attachment { float:left;width:147px;}
 ul.attachment li.left { width:25px; text-align:center;}
 ul.attachment li.left img { margin-bottom:2px;*margin-bottom:0px;*margin-top:5px;}
 ul.attachment li.right { width:120px; float:right}
 ul.attachment li.right a { text-decoration:none} 
 ul.attachment li.right a:hover { text-decoration:underline} 
 ul.menuholder { }
 /* level 1*/
 ul.menuholder a { font-size:13px; text-decoration:none; color:#505050}
 ul.menuholder a:hover { text-decoration:underline;}
 ul.menuholder li { background-color:Transparent; background-repeat:no-repeat; background-position:0 0px; float:none; padding-left:8px; margin-bottom:5px; }
 ul.menuholder li a { font-size:14px}
 ul.menuholder li.selected { background-color:Transparent; background-repeat:no-repeat; background-position:0 0px;}
 ul.menuholder li.selected a { text-decoration:none;}
 ul.menuholder li.selected a:hover { text-decoration:none;}
 /* level 2 */
 ul.menuholder li ul { background:white; margin-left:-8px; padding-left:8px;}
 ul.menuholder li ul li { background-color:Transparent; background-repeat:no-repeat; background-position:0 0px; float:none; padding-left:8px ; margin-left:-8px;}
 ul.menuholder li ul li a { font-size:13px;}
 ul.menuholder li ul li.selected { background-color:Transparent; background-repeat:no-repeat; background-position:0 0px; float:none; padding-left:8px; margin-left:-8px }
 ul.menuholder li ul li.selected a { text-decoration:none; }
 ul.menuholder li ul li.selected a:hover { text-decoration:none;}
 
 /* level 3 */
 ul.menuholder li ul li ul { background:white; margin-left:-8px; padding-left:8px;}
 ul.menuholder li ul li ul li { background-color:Transparent; background-repeat:no-repeat; background-position:8px 0px; float:none; padding-left:16px; margin-bottom:0px; margin-bottom:5px;}
 ul.menuholder li ul li ul li a { font-size:13px;}
 ul.menuholder li ul li ul li.selected { background-color:Transparent; background-repeat:no-repeat; background-position:8px 0px; float:none; padding-left:16px; margin-left:-8px; margin-bottom:5px; }
 ul.menuholder li ul li ul li.selected a { text-decoration:none;}
 ul.menuholder li ul li ul li.selected a:hover { text-decoration:none;}
 
 /* level 4 */
 ul.menuholder li ul li ul li ul { background:white; margin-left:-16px; padding-left:16px;}
 ul.menuholder li ul li ul li ul li { background-color:Transparent; background-repeat:no-repeat; background-position:0px 0px; float:none; padding-left:8px; margin-left:8px; margin-bottom:5px;}
 ul.menuholder li ul li ul li ul li a { font-size:13px;}
 ul.menuholder li ul li ul li ul li.selected { background-color:Transparent; background-repeat:no-repeat; background-position:16px 0px; float:none; padding-left:22px; margin-left:-16px }
 ul.menuholder li ul li ul li ul li.selected a { text-decoration:none;}
 ul.menuholder li ul li ul li ul li.selected a:hover { text-decoration:none;}
 
 
 .grey {color:#505050;}
 
 /* info left bar */
 /* level 1*/
 ul.infomenuholder a { font-size:13px; text-decoration:none; color:#505050}
 ul.infomenuholder a:hover { text-decoration:underline;}
 ul.infomenuholder li { background-color:Transparent; background-repeat:no-repeat; background-position:0 0px; float:none; padding-left:8px; margin-bottom:5px; }
 ul.infomenuholder li a { font-size:14px}
 ul.infomenuholder li.selected { background-color:Transparent; background-repeat:no-repeat; background-position:0 0px;padding-left:8px; margin-bottom:5px;}
 ul.infomenuholder li.selected a { text-decoration:none;}
 ul.infomenuholder li.selected a:hover { text-decoration:none;}
 /* level 2 */
 ul.infomenuholder li ul { background:white; margin-left:-8px; padding-left:8px; margin-bottom:-2px}
 ul.infomenuholder li ul li { background-color:Transparent; background-repeat:no-repeat; background-position:8px 0px; float:none; padding-left:16px ; margin-left:-8px;}
 ul.infomenuholder li ul li a { font-size:13px}
 ul.infomenuholder li ul li.selected { background-color:Transparent; background-repeat:no-repeat; background-position:8px 0px; float:none; padding-left:16px ; margin-left:-8px; }
 ul.infomenuholder li ul li.selected a { text-decoration:none; }
 ul.infomenuholder li ul li.selected a:hover { text-decoration:none;}
 /* level 3 */
 ul.infomenuholder li ul li ul { background:white; margin-left:-8px; padding-left:8px;}
 ul.infomenuholder li ul li ul li { background-color:Transparent; background-repeat:no-repeat; background-position:8px 0px; float:none; padding-left:16px; margin-bottom:0px; margin-bottom:5px;}
 ul.infomenuholder li ul li ul li a { font-size:13px;}
 ul.infomenuholder li ul li ul li.selected { background-color:Transparent; background-repeat:no-repeat; background-position:8px 0px; float:none; padding-left:16px; margin-bottom:0px margin-bottom:5px; }
 ul.infomenuholder li ul li ul li.selected a { text-decoration:none;}
 ul.infomenuholder li ul li ul li.selected a:hover { text-decoration:none;}
 
 /* level 4 */
 ul.infomenuholder li ul li ul li ul { background:white; margin-left:-16px; padding-left:16px;}
 ul.infomenuholder li ul li ul li ul li { background-color:Transparent; background-repeat:no-repeat; background-position:0px 0px; float:none; padding-left:8px; margin-left:8px; margin-bottom:5px;}
 ul.infomenuholder li ul li ul li ul li a { font-size:13px;}
 ul.infomenuholder li ul li ul li ul li.selected { background-color:Transparent; background-repeat:no-repeat; background-position:16px 0px; float:none; padding-left:8px; margin-left:8px; }
 ul.infomenuholder li ul li ul li ul li.selected a { text-decoration:none;}
 ul.infomenuholder li ul li ul li ul li.selected a:hover { text-decoration:none;}
 
 
 /*** cover.aspx ***/
 .imgleft1 { float:left; margin:0px 16px 0px 0px}
 .imgright1 { float:right; margin:0px 0px 0px 16px}
 .coversmall { float:left; width:367px;}
 .coverh1 { padding-right:5px;}
 .coversmall img.imgleft1 { border:solid 1px #FFBA00}
 .coversmall a { color:#FFBA00;}
 .coverhtml { width:368px;float:left;}
 .coverhtml a { color:#FFBA00;}
 .coverhtmlsmall { float:none; padding-right:5px}
 
 
 /*** ajaxsendtofriend. ***/
 /* POPUP - modal dialog */
 #modalBackground { position: fixed;left: 0;top: 0;width: 3000px;height: 100%;z-index: 3000;background-color: black;display: none;opacity: 0.33;filter: alpha(opacity=33)}
 
 #modalWindow { position: fixed;left: 0;top: 0;z-index: 5002;background-color: white;border:solid 1px red;display: none;width: 640px;}
 
 #modalWindow a, 
 #modalWindow a:hover { color: #2c2829; }
 #modalWindow .modalFrame { margin: 0; padding: 10px; border: 10px solid #EBE7DF; }
 #modalWindow .contentlargeimage { margin: 0; width: 640px; height: 420px; }
 #modalWindow .contentlargeimage img { margin: 10px 0 0 20px; }
 #modalWindow .contentlargeimagenavigation p { color: #595752; margin: 3px 0; text-align: center; font-size: 0.8em; background-color: #ece7e1; font-weight: bold; }
 #modalWindow .contentlargeimagenavigation { height: 40px; margin: 0; background-color: #ece7e1; }
 
 #sendtofriendholder p { clear: both; margin: 0; padding: 5px 0 8px 0; font-size: 0.9em; }
 #sendtofriendholder p span { float: left; font-size: 12px; padding-top: 2px; text-align: right; }
 #sendtofriendholder font { float: left; margin-left: 160px; width: 160px; text-align: left; }
 #sendtofriendholder input[type="text"] { width: 208px; height:18px; padding: 2px 0; border:solid 1px #999999; margin-left:8px; padding-left:5px;}
 #sendtofriendholder input[type="checkbox"] { float: left; }
 #sendtofriendholder select { width: 165px; }
 #sendtofriendholder textarea { width: 204px; padding: 2px; height: 85px; border:solid 1px #999999; margin-left:8px; }
 #sendtofriendholder input.address { width: 120px; }
 #sendtofriendholder input.housenumber { width: 20px; margin-left: 5px; }
 #sendtofriendholder .buttons { margin: 10px 0; }
 #sendtofriendholder .confirm { float: right; margin-right: 10px; }
 #sendtofriendholder .cancel { float: right; }
 #sendtofriendholder .alertborder { color: red; display: none; font-size:small; line-height: 10px; }
 #sendtofriendholder .close { float: right; margin: 5px 5px 0 0; }
 #sendtofriendbody textarea { font-family: Arial, Sans-Serif; font-size: 12px; padding-left:5px;}
 
 #modalWindowSpaceHolder { position: relative; z-index: 3001;}
 #modalWindowSendToFriend { position: absolute; left: 0;top: 0;z-index: 5003;display: none;}
 
 /* ajaxsendtofriend.aspx */
 #sendtofriendheader { margin: 0 auto; background-image:url('http://www.otto.si/images/sendtofriendhead.png'); background-repeat:no-repeat; height: 21px; width: 466px; }
 #sendtofriendbody { margin: 0 auto; background-image:url('http://www.otto.si/images/sendtofriendbody.png'); background-repeat: repeat-y; padding-bottom: 10px; width: 466px; }
 #sendtofriendfooter { margin: 0 auto; background-image:url('http://www.otto.si/images/sendtofriendfooter.png'); background-repeat:no-repeat; height: 19px;width: 310px; }
 #sendtofreindsendermailparagraph,
 #sendtofreindsendernameparagraph,
 #sendtofreindsendtomailparagraph,
 #sendtofreindmessageparagraph { clear: both; margin: 0; padding: 5px 10px; font-size: 0.9em; }
 #sendtofreindsendermailparagraph span,
 #sendtofreindsendernameparagraph span,
 #sendtofreindsendtomailparagraph span,
 #sendtofreindmessageparagraph span { float: left; font-size: 12px; text-align: left; }
 #modalWindowSendToFriend .alert { margin: 0 20px 0 10px; width: 140px; color: red; font-size: 0.8em;float: right;}
 #sendtofriendbuttons { margin: 5px 0px 0px 162px; height: 25px; width: 187px; }
 #sendtofriendclose { float: left; margin-top: 5px; }
 #sendtofriendsend { float: right; }
 #sendtofriendtitle { text-align: left; font-size: 14px; font-weight: bold; padding-left:18px; height:20px; padding-top:3px; margin:16px 0px; }
 #sendtofriendtextarea { width: 260px; height: 100px; }
 .info { text-align:center!important; width:448px}
 .formleft { width:154px; text-align:right;}
 .button1 { float:left; width:65px}
 .button2 { float:right; width:65px}
 .marginleft162 { margin-left:162px}
 .sendtofriendtitle { margin-left:18px;}
 
 /*** catalog.aspx ***/
 .catalog { float:left; width:112px; margin-right:29px;height:180px;}
 .catalog ul li.left { width:16px;}
 .catalog ul li.right { width:90px; float:right; margin-top:3px}
 .catalog .catalogimage { height:146px;}
 #catalog p.error { height:15px;}
 #catalog select { padding: 0 0 0 2px; }
 #catalog input[type="text"] { border: 1px solid #999999; height: 18px; line-height: 18px; padding: 2px; }
 #catalog p { clear: both; margin: 0; padding: 4px 0; width: 100%; font-size: 12px; }
 #catalog p span { float: left; width: 190px; padding-top: 2px; margin-right: 10px; vertical-align: text-bottom; text-align: right; }
 #catalog .address { width: 153px; margin-right: 5px; }
 #catalog .housenumber { width: 28px; }
 #catalog .input { width: 194px; }
 #catalog .zip { width: 58px; margin-right: 5px; }
 #catalog .city { width: 123px; }
 #catalog .country { width: 200px; height: 22px; }
 #catalog .day,
 #catalog .month { width: 46px; margin-right: 5px; height: 22px; }
 #catalog .year { width: 93px; height: 22px; } 
 
 .cataloginfo, 
 #catalogbutton { margin-left: 200px; }
 
 /* format content */
 div.formatcontent ol { margin-left: 20px; }
 div.formatcontent ol li { margin: 5px 0 0 10px; float: none; clear: both; }
 div.formatcontent ul { margin-left: 20px; list-style-type: disc; }
 div.formatcontent ul li { float: none; margin: 5px 0 0 5px; }
 div.formatcontent p { clear: none; }
 div.formatcontent a { color: #e6463c; }
 div.formatcontent a:hover { color: #f4bbc1; } 
 
 
 /* split content - two cols */
 #splitcontent { display:table-cell; float:right; width:768px; padding-top:20px; text-align: left; }
 #splitcontent .leftcontent { float: left; width: 415px; }
 #splitcontent .rightcontent h1 { padding-bottom: 10px; }
 #splitcontent .rightcontent { float: right; width: 315px; margin-right: 20px; border-width: 2px; padding: 0; }
 /* banner content - right side */
 .bannercontent { padding: 15px; }
 .bannercontent h1 { padding-bottom: 10px; }
 .bannercontent a { color:#e6463c !important; }
 
 /* send password */
 #sendpasswordform .emailtitle { float: left; width: 60px; padding-top: 3px; }
 #sendpasswordform input { float: left; width: 200px; margin-right: 10px; height: 18px; line-height: 18px; padding: 2px; border: 1px solid #999999; }
 #sendpasswordform .button { float: left; width: 65px; }
 
 /* login */
 #loginform .emailholder, 
 #orderloginform .emailholder { float: left; width: 145px; height: 65px; margin-right: 15px; }
 #loginform .emailtitle, 
 #orderloginform .emailtitle { float: left; width: 145px; padding-bottom: 5px; }
 #loginform .emailinput, 
 #orderloginform .emailinput { float: left; width: 145px; padding-bottom: 5px; }
 #loginfrom .passwordholder, 
 #orderloginfrom .passwordholder { float: left; width: 200px; height: 65px; }
 #loginform .passwordtitle, 
 #orderloginform .passwordtitle { float: left; width: 200px; padding-bottom: 5px; }
 #loginform .passwordinput, 
 #orderloginform .passwordinput { float: left; width: 200px; padding-bottom: 5px; }
 #loginform input, 
 #orderloginform input { float: left; width: 140px; height: 18px; line-height: 18px; padding: 2px; border: 1px solid #999999; }
 #loginform .button, 
 #orderloginform .button { float: left; width: 65px; margin-top: 25px; }
 
 /* register */
 #register h2 { font-weight: bold; margin: 0; padding: 0; }
 #register select { padding: 0 0 0 2px; }
 #register input[type="text"],
 #register input[type="password"] { border: 1px solid #999999; height: 18px; line-height: 18px; padding: 2px; }
 #register p { clear: both; margin: 0; padding: 4px 0; width: 100%; font-size: 12px; }
 #register p span { float: left; width: 190px; padding-top: 2px; margin-right: 10px; vertical-align: text-bottom; text-align: right; }
 #register .address { width: 153px; margin-right: 5px; }
 #register .housenumber { width: 28px; }
 #register .input { width: 194px; }
 #register .zip { width: 58px; margin-right: 5px; }
 #register .city { width: 123px; }
 #register .country { width: 200px; height: 22px; }
 #register .day,
 #register .month { width: 46px; margin-right: 5px; height: 22px; }
 #register .year { width: 93px; height: 22px; } 
 
 #registerbuttons { margin: 25px 0 0 200px; width: 200px; }
 #registerbuttons .left { float: left; }
 #registerbuttons .right { float: right; }
 
 /* orderlogin register */
 #register1 h2 { font-weight: bold; margin: 0; padding: 0; }
 #register1 select { padding: 0 0 0 2px; }
 #register1 input[type="text"] { border: 1px solid #999999; height: 18px; line-height: 18px; padding: 2px; }
 #register1 p { clear: both; margin: 0; padding: 4px 0; width: 100%; font-size: 12px; }
 #register1 p span { float: left; width: 130px; padding-top: 2px; margin-right: 10px; vertical-align: text-bottom; text-align: right; }
 #register1 .address { width: 153px; margin-right: 5px; }
 #register1 .housenumber { width: 28px; }
 #register1 .input { width: 194px; }
 #register1 .zip { width: 58px; margin-right: 5px; }
 #register1 .city { width: 123px; }
 #register1 .country { width: 200px; height: 22px; } 
 #register1 .day,
 #register1 .month { width: 46px; margin-right: 5px; height: 22px; }
 #register1 .year { width: 95px; height: 22px; } 
 
 #myaccount select { padding: 0 0 0 2px; }
 #myaccount input[type="text"],
 #myaccount input[type="password"] { border: 1px solid #999999; height: 18px; line-height: 18px; padding: 2px; }
 #myaccount p { clear: both; margin: 0; padding: 4px 0; width: 100%; font-size: 12px; }
 #myaccount p span { float: left; width: 130px; padding-top: 2px; margin-right: 10px; vertical-align: text-bottom; text-align: right; }
 #myaccount p span.text { float: left; width: 130px; padding: 0; margin-right: 10px; vertical-align: text-bottom; text-align: right; }
 #myaccount .address { width: 155px; margin-right: 5px; }
 #myaccount .housenumber { width: 28px; }
 #myaccount .input { width: 194px; }
 #myaccount .zip { width: 58px; margin-right: 5px; }
 #myaccount .city { width: 125px; }
 #myaccount .country { width: 200px; height: 22px; }
 #myaccount .day,
 #myaccount .month { width: 46px; margin-right: 5px; height: 22px; }
 #myaccount .year { width: 97px; height: 22px; }
 
 #myaccountbuttons { margin: 20px 0 0 140px; width: 200px; }
 #myaccountbuttons .left { float: left; }
 #myaccountbuttons .right { float: right; }
 
 #myaccountdeliveryaddresses { width: 770px; }
 #myaccountdeliveryaddresses .myaccountdeliveryaddress { width: 210px; height: 155px; float: left; margin: 0 10px 15px 0; }
 #myaccountdeliveryaddresses .addressdata { width: 210px; height: 90px; }
 #myaccountdeliveryaddresses .addressbuttons { width: 210px; height: 25px; }
 #myaccountdeliveryaddresses .buttonedit { width: 80px; height: 25px; float: left; margin-right: 10px; }
 #myaccountdeliveryaddresses .buttonremove { width: 100px; height: 25px; float: left; }
 
 #myaccountboxes { width: 770px; }
 #myaccountboxes .myaccountbox { float: left; width: 370px; height: 190px; margin: 0 15px 15px 0; }
 #myaccountboxes .myaccountboxtitleholder { width: 370px; height: 23px; margin-bottom: 10px; }
 #myaccountboxes .myaccountboxtitle { float: left; height: 23px; font-size: 21px; }
 #myaccountboxes .myaccountboxlink { float: left; height: 23px; }
 #myaccountboxes .myaccountboximage { float: left; margin: 0 5px 5px 0; }
 
 #ajaxdeliveryaddress { width: 390px; padding: 20px; }
 #ajaxdeliveryaddress input[type="text"],
 #ajaxdeliveryaddress input[type="password"] { border: 1px solid #999999; height: 18px; line-height: 18px; padding: 2px; }
 #ajaxdeliveryaddress p { clear: both; margin: 0; padding: 4px 0; width: 100%; font-size: 12px; }
 #ajaxdeliveryaddress p span { float: left; width: 100px; margin-right: 10px; vertical-align: text-bottom; text-align: right; }
 #ajaxdeliveryaddress .address { width: 153px; margin-right: 5px; }
 #ajaxdeliveryaddress .housenumber { width: 28px; }
 #ajaxdeliveryaddress .input { width: 194px; }
 #ajaxdeliveryaddress .zip { width: 58px; margin-right: 5px; }
 #ajaxdeliveryaddress .city { width: 123px; }
 #ajaxdeliveryaddress .country { width: 200px; height: 22px; }
 
 #ajaxdeliveryaddressbuttons { margin: 25px 0 0 110px; width: 200px; }
 #ajaxdeliveryaddressbuttons .left { float: left; }
 #ajaxdeliveryaddressbuttons .right { float: right; }
 
 .articleslistview { float: right; margin-left: 5px; }
 .articlegridview { float: right; margin-left: 5px; }
 .articlespagination { float: right; }
 
 .searchstringtext { line-height: 25px; }
 
 
 /* article.aspx */
 div.articleleft{ width:415px; float:left; }
 #articleright{ width:350px; float:right; text-align:right; font-size:12px; }
 #articleright a{ text-decoration:none; }
 #articleright a:hover{ text-decoration:underline; }
 #articleright font{ text-decoration:underline; font-weight:bold; }
 div.articleback{ width:23px; height:19px; color:#ffffff; font-size:11px; padding-top:4px; text-align:center; cursor:pointer; margin-right:5px; }
 li.backleft{ padding-right:5px; }
 li.back{ padding-top:3px; font-size:12px; }
 #article{ padding:10px; background:url('http://www.otto.si/images/vertical_dots_padding.png') center repeat-y; }
 #article div.mainleft{ width:340px; float:left; vertical-align:top; font-size:12px; padding-right:10px; text-align: center; }
 #article .articlesale { width: 340px; height: 54px; background-image: url('http://www.otto.si/images/article_sale.png'); background-repeat: no-repeat; background-position: right; position: absolute; z-index: 100; display: none; }
 #article div.mainright{ width:380px; float:right; padding-left:10px; font-size:12px; vertical-align:top; }
 #article h1.articlecount{ font-size:17px; }
 #article li.articlecount{ padding-top:3px; }
 #article div.topcontent{ padding:0 10px; }
 #article li.titleleft{ width:270px; }
 #article li.titleright{ width:90px; text-align:right; }
 #article div.price{ padding:0 10px 0 10px; font-size:16px; line-height: 20px; }
 #article .saving { font-size: 14px; }
 #article div.additional{ margin:0 5px 0 5px; padding:5px; }
 #article li.colorselectleft{ height:30px; width:180px; }
 #article li.colorselectright{ padding:2px 0 0 10px; }
 #article a.red{ text-decoration:underline; color:#e6463c; }
 #article a.red:hover{ text-decoration:none; color:#e6463c; }
 #article li.quantityli{ width:190px; }
 #article li.quantity{ padding:4px 10px 0 0; }
 #article select{ width:180px; }
 #quantity { width:35px; height:17px; padding-top:2px; }
 #article li.print{ padding:0 33px 0 18px; }
 #article li.imageright{ padding-right:3px; }
 #article ul.images{ padding-left:140px; }
 /* images scroll */
 #article div.articleimagesleft{ width:20px;}
 #article div.articleimagesright{ width:20px;}
 #article div.articleimagesleftm{ width:12px; height:18px; margin:30px 0 32px 0; cursor:pointer; }
 #article div.articleimagesrightm{ width:12px; height:18px; margin:30px 0 32px 0; cursor:pointer; float:right; }
 #scrolldivarticleimages{ position:relative; height:80px; width:300px; overflow-y:hidden; overflow-x:hidden; }
 #scrolldivarticleimages1{ position:absolute; white-space:nowrap; z-index:80; }
 #scrolldivarticleimages1 div.banneritem{ display:inline; }
 #scrolldivarticleimages1 img{ cursor:pointer; }
 /* view related */
 #articlerelated div.articleviewrelatedleft{ width:49px; } 
 #articlerelated div.articleviewrelatedright{ width:49px; }
 #articlerelated div.articleviewrelatedleftm{ width:12px; height:18px; margin:90px 0 0 10px; cursor:pointer; }
 #articlerelated div.articleviewrelatedrightm{ width:12px; height:18px; margin:90px 10px 0 0; cursor:pointer; float:right; }
 #scrolldivarticleviewrelated,#scrolldivarticlerelated{ position:relative; height:250px; width:666px; overflow-y:hidden; overflow-x:hidden; }
 #scrolldivarticleviewrelated1{ position:absolute; white-space:nowrap; z-index:80; position:relative; }
 #scrolldivarticleviewrelated1 div.banneritem{ display:inline; width:130px; overflow:auto; white-space:nowrap; }
 #scrolldivarticleviewrelated1 table.banneritemtable{ display:inline; width:130px; vertical-align:top; }
 #scrolldivarticleviewrelated1 td.image{ text-align:center; padding-top:35px; }
 #scrolldivarticleviewrelated1 td.title{ padding:8px 10px 0 10px; height:30px; font-size:12px; text-align:center; }
 #scrolldivarticleviewrelated1 td.price{ font-size:18px; text-align:center; }
 #articlerelated div.title{ height:23px; }
 #articlerelated div.titleleft{ float:left; padding:3px 0 0 15px; }
 #articlerelated div.titleright{ float:right; }
 #viewrelatedarticlesdiv{ display:block; }
 #viewrelatedarticlesdiv ul.viewrelatedul{ padding:1px; }
 
 /* common */
 .horizontaldots{ background-image: url('http://www.otto.si/images/horizontal_dots.png'); background-repeat: repeat-x; height:1px; font-size:1px; line-height:1px; }
 .horizontaldotsred{ background-image: url('http://www.otto.si/images/horizontal_dots_red.png'); background-repeat: repeat-x; height:1px; font-size:1px; line-height:1px; }
 
 
 /* button */
 div.buttonleft{ float:left; width:23px; height:23px; cursor:pointer; }
 div.buttonright{ float:right; height:20px; padding-top:3px; cursor:pointer; text-align:center; }
 
 
 /* basket.aspx */
 #ordersteps li.basket{ width:100px; }
 #ordersteps li.arrow{ padding:10px 40px 0 0; }
 #ordersteps li.orderlogin{ width:100px; padding-top:2px; }
 #ordersteps li.orderdelivery{ width:110px; padding-top:12px; }
 #ordersteps li.plus{ padding:15px 50px 0 0; }
 #ordersteps li.orderpayment{ width:100px; padding-top:16px; }
 #ordersteps li.orderpayment{ width:100px; padding-top:16px; }
 div.basketfont{ font-size:12px; }
 div.basketline{ height:9px; border-bottom:solid 1px #bfbfbf; margin-bottom:18px; }
 /* basketquickorder */
 #basketquickorder{ height:18px; }
 #basketquickorder li.catalognumber{ font-size:18px; width:115px; padding-top:2px; }
 #basketquickorder input.ident{ width:131px; height:19px; border:solid 1px #999999; padding: 2px 2px 0 2px; }
 #basketquickorder li.tobasket{ padding:0 0 0 5px; }
 #basketquickorder li.ident{ width:145px; }
 #basketquickorder li.color{ font-size:18px; padding-top:2px; width:55px; }
 #basketquickorder li.colorinput{ padding:0 5px 0 5px; width:107px; }
 #basketquickorder li.size{ font-size:18px; padding-top:2px; width:70px; }
 #basketquickorder li.confirm{ padding-top:0px; }
 #basketquickorder select{ height:23px; padding-bottom:1px; border:solid 1px #999999; width:107px; }
 
 /* basketheader */
 #basketheaderul{ height:25px; }
 #basketheader{ font-size:12px; }
 #basketheader li.ident{ padding:3px 0 3px 10px; width:80px; }
 #basketheader li.title{ padding:3px 0 3px 0; width:220px; }
 #basketheader li.quantity{ padding:3px 0 3px 0; width:50px; }
 #basketheader li.price{ padding:3px 0 3px 0; width:90px; text-align:center; }
 #basketheader li.discount{ padding:3px 0 3px 0; width:50px; text-align:center; }
 #basketheader li.pricewotax{ padding:3px 0 3px 0; width:110px; text-align:center; }
 #basketheader li.taxtitle{ padding:3px 0 3px 0; width:50px; text-align:center; }
 #basketheader li.sumwtax{ padding:3px 0 3px 0; width:80px; }
 #basketheader li.remove{ padding:3px 0 3px 0; width:28px; text-align:right; }
 #basketheader div.clear-all{ font-size:1px; }
 
 /* basket */
 #basket{ font-size:12px; }
 #basket li.ident{ padding:4px 0 1px 8px; width:82px; }
 #basket a{ text-decoration:none; }
 #basket a:hover{ text-decoration:underline; }
 #basket li.title{ padding:4px 0 1px 0; width:220px; }
 #basket li.quantity{ width:50px; }
 #basket li.quantitybasket{ width:50px; text-align:center; padding-top:4px; }
 #basket input.quantityinput{ width:40px; height:20px; border:solid 1px #999999; padding-top:1px; text-align:center; }
 #basket li.price{ padding:4px 20px 1px 0; width:70px; text-align:right; }
 #basket li.discount{ padding:4px 10px 1px 0; width:40px; text-align:right; }
 #basket li.pricewotax{ padding:4px 30px 1px 0; width:80px; text-align:right; }
 #basket li.taxtitle{ padding:4px 0 1px 0; width:50px; text-align:center; }
 #basket li.sumwtax{ padding:4px 10px 1px 0; width:70px; text-align:right; }
 #basket li.remove{ padding:4px 0 1px 0; width:28px; text-align:right; }
 div.basketgrayline{ height:1px; font-size:1px; border-bottom:solid 1px #bfbfbf; margin-bottom:2px; }
 #basket li.calculate{ padding:5px 1px 0 308px; }
 #basket li.calculateright{ text-align:right; padding:5px 0 0 110px; }
 #basket li.sumsleft{ width:120px; }
 #basket li.sumsright{ width:77px; text-align:right; }
 #basket li.bold{ font-weight:bold; font-size:13px; }
 #basket li.continueshopping{ width:485px; }
 #basket li.continueshopping2{ width:200px; }
 #basket li.emptybasket{ width:160px; }
 div.basketinfobasket{ text-align:center; width:300px; height:20px; padding:3px 0 0 0; }
 
 /* headersmallbasket */
 div.positionrelative { position:relative; }
 *html div.positionrelative { position:relative; width:193px;height:86px;}
 .boxreminderfieldleft { float: left; }
 .boxreminderfieldright { padding:5px 0 0 3px; float: left; }
 div.nowrap { white-space:nowrap; }
 #headersmallbasketrelative { position:relative; z-index:10000px}
 #headersmallbasket { position:absolute; top:-540px; left:0px; width:203px; z-index:1000; }
 #infobasket { cursor:pointer; padding-left:10px; }
 #headersmallbasket div.main{ background:#a1cdf2; padding:10px; }
 #headersmallbasket div.article{ color:#257cb6; }
 #headersmallbasket div.articleline{ background:url('http://www.otto.si/images/smallbasketdots.png') bottom repeat-x; padding-bottom:5px; margin-bottom:5px; }
 #headersmallbasket div.title{ border-bottom:solid 1px #ffffff; margin-bottom:5px; }
 #headersmallbasket li.articlepriceleft{ width:60px; }
 #headersmallbasket li.articlepriceright{ width:123px; text-align:right; }
 #headersmallbasket li.articlepricesumleft{ width:60px; font-size:13px; color:#ffffff; border-top:solid 1px #ffffff; margin-top:5px; padding-top:5px; }
 #headersmallbasket li.articlepricesumright{ width:123px; text-align:right; font-size:13px; color:#ffffff; border-top:solid 1px #ffffff; margin-top:5px; padding-top:5px; }
 #headersmallbasket div.button{ padding:10px 0 0 30px; }
 
 /* orderlogin */
 #splitcontent .leftcontentorder { float:left; width:400px; }
 #splitcontent .rightcontentorder { float:right; width:315px; margin:0 42px 0 0; border-width:2px; padding:0; }
 
 /* orderdeliverypayment */
 #orderdeliverypayment li.delivery{ width:360px; border-right:solid 1px #bfbfbf; margin-right:20px; }
 #orderdeliverypayment div.deliveryline{ width:340px; }
 #orderdeliverypayment li.deliveryinput{ width:20px; padding-bottom:8px; }
 #orderdeliverypayment li.deliverydata{ width:160px; padding-bottom:8px; font-size:13px; }
 #orderdeliverypayment li.deliveryphoneleft{ width:50px; }
 #orderdeliverypayment a{ color:#e6463c; }
 #orderdeliverypayment a:hover{ color:#e6463c; }
 #orderdeliverypayment .questionmark { padding: 0; margin: -4px 0 0 0; }
 #orderdeliverypayment li.payment{ width:360px; }
 #orderdeliverypayment li.paymentleft{ width:20px; padding-bottom:4px; }
 #orderdeliverypayment li.paymentright{ width:340px; padding-bottom:4px; }
 #divcc{ display:none; }
 #divcc select{ width:202px; border:solid 1px #999999; height:21px; }
 #divcc input{ width:196px; border:solid 1px #999999; height:19px; padding:2px 2px 0 2px; }
 #divcc .ccnumber{ width:56px; }
 #divcc li.ccleftmonth{ padding:3px 5px 0 0; width:45px; }
 #divcc li.ccleftyear{ padding:3px 5px 0 5px; width:30px; text-align:center; }
 #orderdeliverypayment li.ccleft{ width:110px; text-align:right; padding:3px 10px 0 0; }
 li.orderdeliverypaymentleft{ width:680px; }
 li.orderdeliverypaymentright{ width:88px; }
 #ordertop li.left{ width:380px; }
 #ordertop li.right{ width:385px; }
 #ordertop li.itemleft{ width:145px; font-weight:bold; text-align:right; font-size:13px; }
 #ordertop li.itemright{ width:220px; padding-left:10px; font-size:13px; }
 #basket div.horizontaldots{ width:200px; }
 #basket div.ordercommentrelative{ position:relative; display:none; }
 #basket div.ordercomment{ position:absolute; background:url('http://www.otto.si/images/order_popup.png'); width:307px; height:209px; padding:50px 0 0 55px; top:-11px; left:-289px; text-align:left; }
 #basket textarea.comment{ border:solid 1px #999999; padding: 2px; margin-top:5px; width:236px; height:96px; font-family:Arial; font-size:12px; }
 #basket li.cancelcomment{ width:154px; }
 #basket span.comment{ font-style:italic; }
 #basket textarea.ordercomment{ border:solid 1px #999999; padding: 2px; margin-top:5px; width:296px; height:71px; font-family:Arial; font-size:12px; }
 #basket li.calculateorder{ padding:5px 1px 0 168px; }
 #basket li.ordercalculateorder{ padding:5px 1px 0 0px; width:422px; }
 #basket li.orderleft{ width:398px; }
 #basket li.orderright{ width:370px; text-align:right; }
 
 /* orderconfirmation */
 div.orderconfirmationdiv{ border:solid 2px #e6463c; padding:30px; text-align:center; font-size:13px; width:325px; }
 div.orderconfirmationdiv strong { font-size: 20px; }
 #salecertificatepasscode{ width:208px; height:18px; padding:2px 2px 0 2px; border:solid 1px #999999; margin:0 5px 0 5px; }
 #salecertificatecodeinfo{ width:313px; margin-left:5px; font-weight:bold; padding:3px 0 3px 0; text-align:center; display:none; }
 #salecertificatecodeerror{ width:214px; margin:2px 0 0 5px; color:#ffffff; text-align:center; padding:3px 0 3px 0; display:none; }
 #salecertificateremove{ margin:3px 0 0 5px; cursor:pointer; }
 
 #headermyotto{ background-color:#a1cdf2; height:86px; }
 #headermyotto li.left{ padding:15px 0 0 10px; }
 #headermyotto li.right{ padding:20px 0 0 0; }
 #headerbasketsmallbox{ }
 #headerbasketsmallbox li.left{ padding:15px 0 0 10px; }
 #headerbasketsmallbox li.right{ padding:20px 0 0 0; width:70px; }
 
 /* articlebrands.aspx */
 div.brandimages { width:190px; height:140px; float:left;}
 div.brandimage { display:table-cell; vertical-align:middle; width:190px; height:140px; text-align:center; }
 div.brandimage img { margin-top:expression((140 - this.height)/2); cursor:pointer;}
 div.pagerrow { height:31px; width:100%; background-color:#A1CDF2}
 div.pagerrow span.defaultblue { color:White !important; text-decoration:underline;}
 div.pagerrow div.pagination { margin-top:4px;width:300px} 
 div.brandsholder { display:inline; width:770px; float:left; text-align:left;}
 div.articlebrandsfilter { width:300px; margin:6px 0px 0px 6px; color:White; float:left;}
 div.labelarticlebrands { width:60px;float:left;}
 ul.articlebrandmenuholder { margin-left:20px;}
 ul.articlebrandmenuholder li.selected { margin-left:-20px; padding-left:28px; background-position:20px 0;}
 div.articlebrandboxsearchtitle,
 div.articlebrandboxattachmenttitle { width:190px; float:left;}
 div.articlebrandboxsearchtitle img.arrowtoright,
 div.articlebrandboxattachmenttitle img.arrowtoright{ margin-bottom:3px; margin-left:3px}
 .width354 { width:354px;}
 ul.articlebrandlinks li { background-repeat:no-repeat; padding-left:7px; background-position:0px 0px; width:150px; margin-bottom:5px}
 ul.articlebrandattachmnets { list-style:none; float:left}
 ul.articlebrandattachmnets li { list-style:none; float:left}
 ul.articlebrandattachmnets li.icon { width: 30px; text-align:center;}
 ul.articlebrandattachmnets li.title { width: 130px}
 .articlebrandscroll { width:696px !important; border:solid 1px #d9d9d9; height:50px !important; float: left}
 .banneritemarticlebrand { display:inline;height:50px;margin:10px 2px 0;overflow:auto;width:50px;z-index:2;}
 .articlebrandbanneritem { display:inline; vertical-align:middle; height:50px; text-align:center; position:relative; }
 .articlebrandbanneritem img { margin-top:expression((50 - this.height)/2);}
 
 #wishlistheader { padding: 3px 10px; vertical-align: middle; height: 16px; }
 #wishlist .article { float: left; width: 350px; text-align: left; }
 #wishlist .color { float: left; width: 110px; text-align: center; }
 #wishlist .size { float: left; width: 110px; text-align: center; }
 #wishlist .quantity { float: left; width: 75px; }
 #wishlist .price { float: left; width: 75px; text-align: right; }
 #wishlist .remove { float: left; width: 20px; }
 
 #wishlist .articleholder { width: 765px; padding: 10px 0; }
 #wishlist .articleimage { float: left; width: 70px; }
 #wishlist .articleimage img { border: 1px solid #e7463c; }
 #wishlist .articlecontent { float: left; width: 285px; }
 #wishlist .articlecolorandsize { float: left; width: 225px; }
 #wishlist .articlecolor { float: left; width: 130px; text-align: center; }
 #wishlist .articlesize { float: left; width: 70px; text-align: center; }
 #wishlist .articlecolorandsizelink { float: left; width: 160px; height: 20px; padding-top: 10px; text-align: center; }
 #wishlist .articlequantity { float: left; width: 75px; }
 #wishlist .articlequantity input { width: 40px; padding: 1px; border: 1px solid #989898; text-align: right; }
 #wishlist .articleprice { float: left; width: 75px; text-align: right; }
 #wishlist .articleremove { float: left; width: 20px; padding-left: 15px; }
 #wishlist .articletobasketbutton { float: right; width: 100px; }
 
 #wishlist .articletobasket { float: right; width: 700px; text-align: right; }
 
 .tipclass { color: red; }
 
 #ajaxsearchadvanced { float: left; width: 450px; }
 #ajaxsearchadvancedinfo { float: left; width: 250px; text-align: center; display: none; }
 #searchadvanced select { padding: 0 0 0 2px; height: 22px; width: 200px; border: 1px solid #999999; }
 #searchadvanced input[type="text"],
 #searchadvanced input[type="password"] { border: 1px solid #999999; height: 18px; line-height: 18px; padding: 2px; }
 #searchadvanced p { clear: both; margin: 0; padding: 4px 0; width: 100%; font-size: 12px; }
 #searchadvanced p span { float: left; width: 190px; padding-top: 2px; margin-right: 10px; vertical-align: text-bottom; text-align: right; }
 #searchadvanced .button { padding: 10px 0 10px 200px; }
 #searchadvanced .input { width: 194px; }
 #searchadvanced .priceinput { width: 60px; text-align: right; }
 
 #randomarticles .brandtitle { font-size: 12px; }
 #randomarticles .pricetag { font-size: 15px; }
 
 
 #virtualcatalogbox { margin: 20px 10px; text-align: center; }
 #virtualcatalogbox .leftpage { float: left; width: 170px; }
 #virtualcatalogbox .rightpage { float: left; width: 170px; }
 
 div.buyitcholder{width:100%; float:left; margin-left:160px; font-size:11px;}
 div.copyrightotto{width:100%; float:left; font-size:11px; margin-bottom:5px;}
 div.buyitcholder div.buyitctext{width:350px; float:left}
 div.buyitcholder div.buyitcimage{width:244px; float:left; margin-top:-2px;}
 div#confirmorderdiv{ float:right;}