/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce
   -----------------------------------------------------------------------------------------
   based on:
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com
   (c) 2003         nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License
   -----------------------------------------------------------------------------------------

   XTC5 Template & Stylesheets
   -----------------------------------------------------------------------------------------
   (c) 2007 Ing. Michael Frst
       bluegate communications
           http://www.bluegate.at
   ---------------------------------------------------------------------------------------*/

/* BODY */
* {margin:0;padding:0}
body {font-family:Verdana,Arial,Sans-serif; font-size:11px; margin:0; padding:0; background-color:#DEDEDC;}

/* HEADINGS */
h1 {color:#000000;font-weight:bold;font-size:13px;margin:20px 0px 15px 0px;padding:0px;width:auto;border-style:solid;border-width:0px 0px 1px 0px;border-color:#000000;}
h2 {color:#000000; font-weight:bold;font-size:12px;margin:15px 0px 8px 0px;padding:0px;}
h3 {color:#000000; font-weight:bold;font-size:12px;margin:15px 0px 8px 0px;padding:0px;font-family:Verdana,Arial,Sans-serif;}

/* LINKS GLOBAL */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer}
a:link {color:#000000}
a:visited {color:#000000}
a:hover,a:active {color:#000000}
a img {border:none}


/* PARAGRAPH GLOBAL */
p {margin:8px 0px 8px 0px;font-size:11px;}


/* TABLE GLOBAL */
table td {padding:2px;}
ul {
margin: 0 0 0 .5em;
padding: 0 0 0 .5em;
list-style-type:disc;
}
li {
margin: 0;
padding: 0;
}

#wrap {
        margin: 0 auto; padding: 0; width: 1000px; text-align:center;

}

#header_01 {
  width: 552px;
  float: left;
  padding: 0;
  margin: 0 auto;
}

#header_03 {
  width: 339px;
  float: right;
  padding: 0;
  margin: 0 auto;

}

#top {

  width: 1000px;
  margin: 0 auto;
  text-align:left;
  padding-top: 0px;
}

#topmenubox {

  width: 109px;
  height:162px;
  margin: 0 auto;
  color: #ffffff;
  font-size: 11px;
  padding-top:28px;
  background-image: url(img/header_02.jpg);
  float: left;
display: inline;

}

.menutop ul {

color: #ffffff;


}

.menutop li {

  list-style-type: none;
  padding-top: 15px;
  color: #ffffff;
  font-size:12px;
  font-weight:bold;
  text-align:right;

}


.menutop li a {color: #ffffff;}

.menutop li a:hover {color: #ffffff;}

#search {

  width: 1000px;
  background-image: url(img/header_04.jpg);
  background-repeat: repeat-y;
  margin: 0 auto;
  text-align:left;
  padding-top: 0px;
  height:43px;
}


#maincontent {

  width: 1000px;
  background-image: url(img/main_bkgd.jpg);
  background-repeat: repeat-y;
  margin: 0 auto;
  text-align:left;
  padding-top: 0px;
}

#leftmenu {
  width: 203px;
  float: left;
  padding: 0;
  margin: 0 auto;
}

#rightmenu {
  width: 203px;
  float: right;
  padding: 0;
  margin: 0 auto;

}

#content {
width: 594px;
float: left;
display: inline;
font-size: 11px;
margin: 0 auto;
padding-top:0px;

}

#hl_new_products {
  height: 28px;
  background-image: url(img/hl_new_products.jpg);
  background-repeat: no-repeat;
  padding: 7px 0 0 20px;
  font-size: 12px;
  color:#ffffff;
  font-weight:bold;
  margin: 0 auto;
}

#navtrail a {

  color:#AFAFAF;
  font-size:9px;
  margin-top:5px;
}

#navtrail  {

  color:#AFAFAF;
  font-size:9px;

}


#banner {
  width: 100px;
  height: 100px;
  margin: 0 auto 0 auto;
  text-align: center;
}


/* CATEGORY MENU */

ul#categorymenu {padding-top:10px;padding-bottom:10px;margin: 0;padding-left: 0px; }
/* 1st TIER */
ul#categorymenu li.level1 {list-style-type:none; background-image:url(img/button.jpg);height:15px; padding:2px 0px 0px 15px;}
ul#categorymenu li.level1 a {text-decoration:none; color:#000000; font-weight:bold;}
/* 2nd TIER */
ul#categorymenu li.level2 {list-style-type:none; padding:2px 0px 2px 20px;}
ul#categorymenu li.level2 a {font-size: 10px; text-decoration:none; color:#E67817; font-weight:bold;}
/* 3rd TIER */
ul#categorymenu li.level3 {list-style-type:none; padding:2px 0px 2px 30px;}
ul#categorymenu li.level3 a {font-size: 10px; text-decoration:none; color:#AFAFAF; font-weight:bold;}

/*  Menu-Boxen Start  */

.menutopleft {

  height: 33px;
  padding: 31px 0 0 15px;
  background-image: url(img/hl_box_left.jpg);
  background-repeat:no-repeat;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  margin: 0;

}

.menutopleft_cat {

  height: 33px;
  padding: 7px 0 0 15px;
  background-image: url(img/hl_cat.jpg);
  background-repeat:no-repeat;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  margin:0 auto;

}

.menutopright {

  height: 33px;
  padding: 31px 20px 0 0;
  background-image: url(img/hl_box_right.jpg);
  background-repeat:no-repeat;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  text-align:right;
  margin:0 auto;
}

.menutopleft_cart {

  height: 33px;
  padding: 7px 20px 0 0;
  background-image: url(img/hl_cart.jpg);
  background-repeat:no-repeat;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  text-align:right;
  margin:0 auto;
}



.menucontent {

width: 180px;
  padding: 0;
  margin: 0;
  font-size: 11px;
  padding: 10px 0 15px 20px;
}

.menucontentright {
text-align:left;
width: 170px;
  margin: 0;
  font-size: 11px;
  padding: 10px 0 15px 20px;
}

.menucontentcenter {
text-align:center;
width: 180px;
  margin: 0;
  font-size: 11px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:12px;

}

/* PRODUCT PREVIEW */
#listingheader {padding:7px 0px 0px 15px; margin:0;height:20px;font-size:11px;background-image: url(img/hl_new_products.jpg);
        background-repeat:repeat-x;font-weight:bold;color: #000000;border: 1px solid;border-color: #6B6B6B;}
.listingbox {
  width:567px;
  padding: 0px;
  border: 1px solid #6B6B6B;
  float: left;
  margin: 0px;
  background: #FFFFFF;
}

/* End hide from IE5/mac */
.productPreview {padding:0; margin:0;}
.productPreviewContent {vertical-align:top; width:100%}
.productPreviewContent h2 {font-size:11px;padding: 0; margin:0px 0px 5px 0px;}
.productPreviewContent h2 a {font-size:11px; font-weight:bold;}
.productPreviewImage {vertical-align:top; padding:3px 15px 0px 0px;}
.productPreviewImage img {border: solid 1px #000000;}
.productPreviewContent .price{font-size:12px; font-weight:bold; padding:0; margin:0}
.productPreviewContent .taxandshippinginfo {font-size:11px; font-weight:normal; color:#000000; padding:0; margin:0}
.productPreviewContent .vpe {font-size:11px; font-weight:normal; color:#000000; padding:0; margin:0}
.productPreviewContent .shippingtime {font-size:11px; font-weight:normal; color:#000000; padding:0; margin:0}
.productPreviewContent .stockimage {margin:0; padding:0;}
.productPreviewContent .stockimagetext {margin:0; padding:0; font-size:11px; font-weight:normal; color:#000000;}
.productPreviewContent .productOldPrice {font-size:12px; font-weight:bold; color:#DA0303;}
.productPreviewContent .taxandshippinginfo a {font-size:11px; font-weight:normal; color:#000000;}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .listingbox {
width: 560px;
}
/* End hide from IE5/mac */

.listing  {margin:0 auto;text-align:left; padding: 8px 0 0 10px; font-size:11px; color: #ffffff; font-weight:bold;}
.listing a {color: #E67817;}
.listing a:visited {color:#E67817}
.listing a:hover,a:active {color:#E67817}
.price  {font-size:14px; color: #000000; font-weight:bold;}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .listing {
width: 555px;
}

#listingcontent {
  clear: both;
  width: 567px;
  margin: 0;
  padding: 0;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .listingcontent {
width: 567px;
}

#listingcontent_left {
  width: 170px;
  float: left;
  padding: 5px;
  margin: 0 auto;
}

#listingcontent_right {
  width: 130px;
  float: right;
  padding: 35px 5px 5px 5px;
  margin: 0 auto;
  text-align:left;

}

#listingcontent_main {
width: 230px;
padding: 5px;
float: left;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .listingcontent_main {
width: 212px;
}

.listingfooter  {margin:0 auto; padding: 0px; font-size:11px;background-image: url(img/products_footer.jpg);       background-repeat:repeat-x;height:32px;border-top: 1px solid;border-color: #6B6B6B;}


/* PRODUCT INFO / PRODUCT DETAILS */
#productinfowrap {display:table; width:100%}
#productinfoimages { float:left; background-color:#EDEDED; text-align:center; width:220px; padding:10px; margin:0px 10px 10px 0px; border: solid 1px #999999;}
#productinfoimages .productimage {border: solid 1px #999999;}
#productinfoimages .hrlightgrey {margin-top:6px; margin-bottom:6px;}
#productinfopricewithimages {float:right; width:300px}
#productinfopricewithimages img {cursor:pointer}
#productinfopricewithoutimages {width:100%}
#productinfopricewithoutimages img {cursor:pointer}
#productinfoprice {padding:5px}
#productinfoprice .hrlightgrey {margin-top:6px; margin-bottom:6px;}
#productinfoprice .productprice {margin:0; padding:0; font-size:14px; font-weight:bold;}
#productinfoprice .productOldPrice {color:#FF0000;margin:0; padding:0; font-size:12px; font-weight:bold;}
#productinfoprice .taxandshippinginfo {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
#productinfoprice .taxandshippinginfo a {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
#productinfoprice .shippingtime {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
#productinfoprice .stockimage {margin:0; padding:0;}
#productinfoprice .stockimagetext {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
p.productinfoproductadded {font-size:11px;color:#8F8F8F;font-style:italic;}
.productoptions {background-color:#efefef; padding:2px;}
.addtobasket {background-color:#EDEDED; padding:3px; text-align:right; border-style:solid; border-width:1px 0px 0px 0px; border-color:#999999}

/* POPUPS PRODUCTINFO */
body.popupproductinfo {padding:15px;background:none; background-color:#fff}

/* POPUP print_order.html */
body.popupprintorder {font-family:Verdana,Arial,Sans-serif; font-size:13px; padding:15px;background:none; background-color:#fff}
body.popupprintorder .products tr.header td {font-weight:bold; background-color:#EDEDED;}
body.popupprintorder .products .total {text-align:right}
body.popupprintorder .products .quantity {vertical-align:top}
body.popupprintorder .productname {vertical-align:top}
body.popupprintorder .model {vertical-align:top}
body.popupprintorder .singleprice {vertical-align:top}
body.popupprintorder .totalprice {vertical-align:top}

/* HIGHLIGHTBOX (BACKGROUND) */
div.highlightbox {padding: 15px; background-color:#EFEFEF; border: solid #697074 1px}
div.highlightbox ul {margin-left:15px; padding:0; display:block; list-style-type:square; line-height:20px}
div.highlightbox h1 {color:#000000; padding:0px 0px 10px 0px; margin:0; border:none; font-size:12px}
div.highlightbox div.hr {height:1px; line-height:1px; margin:0; padding:0; display:block; border-bottom: solid 1px #697074;}

/* PAYMENT TYPE SELECTION */
table.paymentblock {background-color:#EFEFEF; border-style: solid; border-width:1px 1px 1px 1px; border-color:#697074; margin-bottom:15px;}
table.paymentblock tr td.header {background-color:#EFEFEF; padding:2px; padding-left:5px; color:#FA9135; font-weight:bold;}

/* SHIPPING TYPE SELECTION */
table.shippingblock {background-color:#efefef; border-style: solid; border-width:1px 1px 1px 1px; border-color:#cccccc; margin-bottom:15px;}
table.shippingblock tr td.header {background-color:#efefef; padding:2px; padding-left:5px; color:#000000; font-weight:bold;}
table.shippingblock tr td {vertical-align:top;}
table.shippingblock tr td.description {width:100%; vertical-align:top; padding-left:6px;}
table.shippingblock tr td.radiobutton {vertical-align:top; white-space:nowrap; padding:4px;}
table.shippingblock tr td.radiobutton input {margin:0; padding:0;}
table.shippingblock tr td.price {vertical-align:top; white-space:nowrap}

/* ORDER DETAILS IN ACCOUNT HISTORY */
table.accounthistoryinfoorderdetails tr td {vertical-align:top}
table.accounthistoryinfoorderdetails tr.header td {font-weight:bold}

/* MESSAGEBOX ON CONTACT SITE */
textarea.message_body {width:130px;}

/* DOWNLOAD BOX FOR USER DOWNLOADS */
table.downloadbox {padding: 5px; background-color:#3F90D1; border: solid #000000 1px; margin-bottom:8px;}
table.downloadbox tr td.icon{padding-right: 15px;}
table.downloadbox tr td.downloadlink{width:100%;}

/* TABLE WICH SHOWS GRADUATED PRICES */
table.graduatedprice {font-size:11px; text-align:left; margin-top:5px;}
table.graduatedprice tr td.header{font-size:12px; font-weight:bold; text-align:left}

/* ORDER DETAILS */
table.orderdetails {font-size:11px; background-color:#3F90D1; border-style: solid; border-width:0px 1px 1px 1px; border-color:#E67817;}
table.orderdetails tr td {padding:4px}
table.orderdetails tr.headerrow td {background-color:#FA9135; color:#ffffff; font-weight:bold}
table.orderdetails tr.headerrow td.left {text-align:left}
table.orderdetails tr.headerrow td.center {text-align:center}
table.orderdetails tr.headerrow td.right {text-align:right}

/* ORDER DETAILS CONTENT ROW 1 */
table.orderdetails tr.contentrow1 td {background-color:#efefef;vertical-align:top}
table.orderdetails tr.contentrow1 td.quantity {text-align:center}
table.orderdetails tr.contentrow1 td.quantity input {font-size:11px; padding:2px; border:solid #E67817 1px;}
table.orderdetails tr.contentrow1 td.productname {text-align:left}

/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td {background-color:#DFDFDF;vertical-align:top}
table.orderdetails tr.contentrow2 td.quantity {text-align:center}
table.orderdetails tr.contentrow2 td.quantity input {font-size:11px; padding:2px; border:solid #E67817 1px;}
table.orderdetails tr.contentrow2 td.productname {text-align:left}

/* ORDER DETAILS SINGLE PRICE */
table.orderdetails tr td.singleprice {text-align:right; white-space:nowrap}

/* ORDER DETAILS TOTAL PRICE PER ITEM */
table.orderdetails tr td.totalprice {text-align:right; white-space:nowrap}

/* ORDER DETAILS DELETE CHECKBOX */
table.orderdetails tr td.delete {text-align:center; white-space:nowrap}

/* ORDER DETAILS PRODUCT ATTRIBUTES */
table.orderdetails tr td.productname table.productattributes {margin-top:3px;}
table.orderdetails tr td.productname table.productattributes tr td {padding:0px;}
table.orderdetails tr td.productname table.productattributes tr td.attribute {padding-right:4px;}
table.orderdetails tr td.productname table.productattributes tr td.value {width:100%;}

/* ORDER DETAILS SUBTOTAL */
table.orderdetails tr td.subtotal {background-color:#ffffff; text-align:right;border-style: solid; border-width:1px 0px 0px 0px; border-color:#E67817;}

/* PRODUCT NAVIGATOR */
div.productnavigator {background-color:#efefef; padding:8px; border:#999999 1px solid}

/* REVIEW LIST */
table.reviewlist {background-color:#3F90D1; border-style: solid; border-width:0px 1px 1px 1px; border-color:#000000;}
table.reviewlist tr td {padding:4px; white-space:nowrap}
table.reviewlist tr.header td {background-color:#3F90D1; color:#FFFFFF; font-weight:bold}
table.reviewlist tr.contentrow1 td {background-color:#3F90D1;}
table.reviewlist tr.contentrow2 td {background-color:#efefef;}
textarea#review {width:100%}

/* MEDIA LIST */
table.medialist {background-color:#3F90D1; border-style: solid; border-width:1px; border-color:#000000;font-size:11px}
table.medialist tr td {padding:6px; white-space:nowrap; vertical-align:top}
table.medialist tr.contentrow1 td {background-color:#3F90D1;}
table.medialist tr.contentrow2 td {background-color:#efefef;}

/* SITEMAP */
.sitemapwrap {}
.sitemapwrap .sitemapleft {background-color:#efefef;display:table; float:left; width:235px; margin-bottom:15px;}
.sitemapwrap .sitemapright {background-color:#efefef; display:table; float:right; width:235px; margin-bottom:15px;}
.sitemapheader {padding:3px; background-color:#E67817; color:#FFFFFF; font-weight:bold}
.sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover {color:#FFFFFF; text-decoration:none}
.sitemapcontent {padding:6px}
.sitemapcontent li {list-style-type:none}

/* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea {width:100%}

/* ORDER DETAILS ON CHECKOUT SITE */
table.checkoutconfirmationorderdetails {padding:0; margin:0px 0px 10px 0px; border:none}
table.checkoutconfirmationorderdetails tr td.productname {width:100%; font-weight:bold;}
table.checkoutconfirmationorderdetails tr td.shippingtime {padding:0px 0px 0px 30px; color:#666666; font-size:11px; font-weight:normal; white-space:nowrap}
table.checkoutconfirmationorderdetails tr td.productattributes {padding:0px 0px 0px 30px; color:#666666; font-size:11px; font-weight:normal;}
table.checkoutconfirmationorderdetails tr td.productprice {white-space:nowrap; text-align:right}

table.checkoutconfirmationorderdetailstotal {padding:0; margin:10px 0px 0px 0px; border:none}
table.checkoutconfirmationorderdetailstotal tr td.name {width:100%;text-align:right}
table.checkoutconfirmationorderdetailstotal tr td.value {white-space:nowrap; text-align:right}

/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea {width:100%}

/* CHECKOUT NAVIGATION */
ul#checkoutnavigation {}
ul#checkoutnavigation li {height: 40px; list-style-type:none; float:left; width:105px; margin-right:8px;margin-left:8px; border: solid 1px; padding:4px}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html ul#checkoutnavigation li {
width: 100px;
}
ul#checkoutnavigation li.active {background-color: #FA9135}
ul#checkoutnavigation li.active .number {font-size:12px; font-weight:bold;color:#FFFFFF}
ul#checkoutnavigation li.active .title {font-size:12px; font-weight:bold;color:#FFFFFF}
ul#checkoutnavigation li.active .description {font-size:11px}

ul#checkoutnavigation li.inactive {color:#999999; background-color: #efefef; border-color:#999999}
ul#checkoutnavigation li.inactive .number {font-size:12px; font-weight:bold}
ul#checkoutnavigation li.inactive .title {font-size:12px; font-weight:bold}
ul#checkoutnavigation li.inactive .description {font-size:11px}

/* ERROR MESSAGES */
p.errormessage {border: dotted #E67817 2px; padding:15px; background-color:#ffffff}

/* SUCCESS MESSAGE */
.messageStackSuccess {padding:4px; background-color:#efefef}

/* FOOTER */


#footer {
  clear: both;
  width: 1000px;
  height: 65px;
  margin: 0  0 5px 0;
  padding: 0 0  0 0;
}

#footer_left {
  width: 203px;
  float: left;
  padding: 0;
  margin: 0 auto;
}

#footer_right {
  width: 203px;
  float: right;
  padding: 0;
  margin: 0 auto;

}

#footer_main {
width: 520px;
float: left;
display: inline;
font-size: 11px;
margin: 0 auto;
padding-top:31px;
padding-left:74px;
background-image: url(img/bg_middle_end.jpg);
height:34px;
text-align:left;

}
A.footer {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #ffffff;
        font-weight : normal;
        text-decoration: none;

}

A.footer:hover {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #ffffff;
        font-weight : normal;
        text-decoration: underline;
}
A.footer:visited {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #ffffff;
        font-weight : normal;
        text-decoration: none;
}






/* XTC COPYRIGHT */
.copyright {margin: 0 auto; width:1000px; background-color:#DEDEDC; text-align:center; color:#666666; font-size:11px; padding:0px 0px 10px 0px;}
/* XTC ParseTime */
.parseTime {margin: 0 auto; width:1000px; background-color:#DEDEDC; text-align:center; color:#666666; font-size:11px; padding:0px 0px 10px 0px;}

.rahmen_reiter_anzeige
{
        border: 1px;
        border-style: solid;
        border-right: 1px solid #B1BCC9;
        border-left: 1px solid #B1BCC9;
        border-top: 1px solid #FFFFFF;
        border-bottom: 1px solid #B1BCC9;
}

.rahmen_reiter_default
{
        border-right: 1px solid #B1BCC9;
        border-top: 1px solid #B1BCC9;
        border-bottom: 1px solid #B1BCC9;
        padding-top:2px;
        padding-left:10px;
        padding-right:10px;
        padding-bottom:2px;
        background-color: #F6F5F5;

}

.rahmen_reiter_choose
{
        border-right: 1px solid #B1BCC9;
        border-top: 1px solid #B1BCC9;
        padding-top:2px;
        padding-left:10px;
        padding-right:10px;
        padding-bottom:2px;
}

.rahmen_reiter_default:hover
{
  background-color: #F6F5F5;
}

.link_color_reitermenue_choose:hover
{
  text-decoration:none;
  color: #000000;
  font-weight: bold;
}

.link_color_reitermenue:hover
{
  color: #E67817;
  font-weight: bold;
}

.link_color_reitermenue
{
  color: #E67817;
  font-weight: bold;
}

.link_color_reitermenue_choose
{
  color: #000000;
  font-weight: bold;
}

.catListing1 {
  width:180px;
  padding: 0px;
  float: left;
  margin: 0px;
  background: #FFFFFF;
}

/*                ######## Start Categorie-Listing ########                        */

.abstandcat {width: 12px; overflow: hidden; float: left;}

.subcat {
  width: 172px;
  height: 40px;
  overflow: hidden;
  text-align: center;
  float: left;
}

.subcat a {
  display: block;
  width: 160px;
  height: 28px;
  padding: 5px;
  background: #F8E9D1;
  border: 1px solid #edc280;
}

.subcat a:hover {background: #F0DFC3; color: #000000; text-decoration: none;}


/*                ######## Ende Categorie-Listing ########                        */


/*                ######## Start Bewertungen ########                        */

.catlist {
  width:30%;
  padding: 5px;
  float: left;
  margin-top: 2px;
  height:160px;
}

#catlisting {
width: 560px;
  text-align:left;
  padding: 0;
}