/* common */
 *{ margin: 0px; padding: 0px; }
 html{ margin: 0px; padding: 0px;}
 body{ font-family: Arial; margin: 4px 2px; padding: 0px; width:680px; }
 img{ border: none; }
 a{ text-decoration: none; color: #000000; }
 a:hover{ text-decoration: none; color: #000000; }
 .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; }
 
 .strike { text-decoration: line-through; }
 .saving { font-size: 14px; }
 
 /* hide */
 #header,
 #mainmenu,
 #inforow,
 #footer,
 #footermenu,
 #leftposition,
 #articleleftbar,
 #articleviewbuttons,
 #filter,
 #backlink,
 #articleright,
 #articlerelated,
 #quantity,
 .pagination,
 .none,
 .noprint,
 .buyitccompany { display: none; }
 
 div.articleleft{ width:560px; float:left; }
 div.articleright{ width:200px; float:right; }
 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 div.mainleft{ width:335px; float:left; vertical-align:top; font-size:12px; padding-right:5px; text-align: center; }
 #article div.mainright{ width:300px; float:right; vertical-align:top; font-size:12px; padding-left:5px; }
 #mainimage { margin: 4px 0 0 4px; }
 #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; font-size:24px; }
 #article div.additional{ margin:0 5px; padding:5px; }
 #article li.colorselectleft{ height:30px; }
 #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; }
 #article li.print{ padding:0 33px 0 18px; }
 #article li.imageright{ padding-right:3px; }
 #article ul.images{ padding-left:140px; }
 #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:75px; 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; }
 
 /* fonts */
 .boxfonts { font-size:13px; color:white;}
 .leftboxtitle,h1 { font-family:Arial; font-size:21px; font-weight:normal;}
 h2, .boxlinks { font-family:Arial; font-size:15px; margin-bottom:12px; font-weight:normal;}
 #article { padding: 10px; }
 
 /* article grid view */
 #articles .articlegrid { width: 200px; height: 305px; float: left; }
 #articles .articlegridlast { width: 165px; height: 305px; float: left; }
 #articles .articlegriddetail { width: 165px; height: 260px; margin: 0; padding: 0; }
 #articles .articlegriddetail a { text-decoration: none; }
 #articles .articlegridimage { width: 166px; height: 234px; padding: 0; }
 #articles .articlelistimage img { margin: 2px 0; }
 #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; 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; }
 #articles .articlelistframe { width: 160px; height: 228px; padding: 0 1px; float: left; }
 #articles .articlelistframe a { text-decoration: none; }
 #articles .articlelistimage { width: 156px; height: 198px; }
 #articles .articlelistimage img { margin: 2px 0; }
 #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; position: absolute; z-index: 100; }
 
 /* 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; }