/*body { color: #666666;
background-color: #ffffff;
margin: 0px;
padding: 0px;
border-style: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.75em;
line-height: 1.2em;
}*/
.top-menu {
display:block;
clear:both;
padding:0px;
margin:0px;
border:0px;}
.top-menu img{
display:inline;
float:left;
height:34px;
margin-bottom:0;
margin-left:0;}


.scalable-content{
display:inline;
float:left;
border:0px solid #1f2ca6;
}

      .content .content-top {
      /* No rules needed here, but for the sake of completeness */
      }
      .content .content-top .content-top-left {
      /* float this one left and .content-top-right right so they flow over  .content-top-repeat, which is the top center slice */
      float: left;
      /* width and height are defined by the image */
      width: 25px;
      height: 23px;
      background: url('../../images/top-left.gif') no-repeat;
      }
      .content .content-top .content-top-right {
      float: right;
      /* height needs to be the same across all top slices! */
      height: 23px;
      width: 27px;
      background: url('../../images/top-right.gif') no-repeat;
      }
      .content .content-top .content-top-repeat {
      height: 23px;
     /* the margins are the width of the top left and top right slices - this is not always neccessary, but in my case I was using alpha-transparent PNG8, which broke the layout in IE6 then */
      margin-left: 25px;
      margin-right: 27px;
      /* note that we repeat-x the image here */
      background: url('../../images/top.gif') repeat-x;
      }
      .content .content-repeat {
      /* No rules needed here, but for the sake of completeness 
      margin-top:-12px;*/
      }
      .content .content-repeat .content-repeat-left {
      /* repeat-y the image - this div will automatically resize with the content */
      background: url('../../images/left-stretch.gif') left repeat-y;
      }
      .content .content-repeat .content-repeat-left .content-repeat-right {
      /* same as center left slice */
      background: url('../../images/right-stretch.gif') right repeat-y;
      }
      .content .content-repeat .content-repeat-left .content-repeat-right .content-repeat-center {
      /* Put your text formatting here */
      /* again, margins are the widths of the left and right center slice */
      /*margin-left: 25px;
      margin-right: 27px;*/
      /* and this is the solid background color 
      background: #fffbf2;*/
      }
      .content-repeat-center p, h1, h2, h3, h4, table, td, tr
      {
          margin:0;
          padding:0;
      }
      
      .content .content-repeat .content-repeat-clearfix {
      /* you better have this if you have floated stuff in your content */
      clear: right;
      }
      .content .content-bottom {
      /* No rules needed here, but for the sake of completeness 
      margin-top:-12px;*/
      }
      .content .content-bottom .content-bottom-left {
      /* same technique as above when stying the top part */
      float: left;
      /* again, image size defines the size of this div */
      width: 25px;
      height: 31px;
      background: url('../../images/bottom-left.gif') no-repeat;
      }
      .content .content-bottom .content-bottom-right {
      /* see above */
      float: right;
      width: 27px;
      /* note the height _must_ be euqal across all bottom slices */
      height: 31px;
      background: url('../../images/bottom-right.gif') no-repeat;
      }
      .content .content-bottom .content-bottom-repeat {
      /* margins again defined by the width of the bottom left and right slices */
      margin-left: 25px;
      margin-right: 27px;
      /* and height is the same across all bottom slices */
      height: 31px;
      /* don't forget the repeat-x thingy */
      background: url('../../images/bottom.gif') repeat-x;
      }

.container .scalable-content p
{
    font-size:11px;
    color:#333333;
}

.container .scalable-content h1
{
    font-size:13px;
    color:#336699;
}

.priceButton
{
    color:#ffffff;
    text-decoration:none;
    background:#ffffff url('../../images/product_buttons_r3_c4.gif') no-repeat scroll center center;
    width:95px;
    height:20px;
}

.compareButn
{
    background:#ffffff url('../../images/product_buttons_r4_c1.gif') no-repeat scroll center center;
    width:196px;
    height:29px;
    padding-top:5px;
}