body {margin:0; padding:0; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: #EDEDED ;}

  #container1 {background: #717171; width: 703px; margin: 20px auto; height: auto; }

    #container2 {background: url(../img/shadow_corner.gif) top right no-repeat; }

      #container3 {background: url(../img/shadow_corner.gif) bottom left no-repeat;  padding: 0 3px 3px 0; }

        #container4 {background: #FFF url(../img/bg.gif) repeat-y; ; width: 700px;padding:  0; position: relative;}
        /* Hides from IE-mac \*/
    
        #container4:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
    
        /* End hide from IE-mac */

    #top {background: url(../img/top.gif); width: 100%; height: 12px; }

    #logo {position: absolute; width: 103px; height: 77px; left: 10px; top: 25px; background: url(../img/logo.gif); }

      #logo a  {width: 100%; height: 100%; display: block;}

    

    #header { height: 108px; background: url(../img/header2.jpg) 1px 0; }

    

    #menu {margin: 0 1px; padding: 0 10px; list-style: none; background: url(../img/bg_ul.gif) repeat-x; height: 24px; }

    /* Hides from IE-mac \*/

    #menu:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}

    /* End hide from IE-mac */

      

      #menu li {float: left; height: 24px;}

        #menu li a { display: block; padding: 0 16px; height: 100%; width: 1em; line-height: 22px; color: #000; font-weight: bold; text-decoration: none; }

        #menu li>a {width: auto;}

        #menu li a:hover {padding: 0 15px; color: #666; background: url(../img/bg_li_hover.gif) repeat-x; border: solid #B4B4B4 ; border-width: 0 1px; }

 

    #contentContainer {width: 100%; padding: 25px 0; background: url(../img/bg_content.gif) repeat-y 487px 0;  }

    /* Hides from IE-mac \*/

    #contentContainer:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}

    /* End hide from IE-mac */



      #wideColumn {width: 486px; float: left;}



        #wideColumn div.text {margin: 0 25px; padding: 5px;}

        

        /*  This is a hack needed for lemon. Take it as it is. And use it!  */

        #wideColumn>div.text {height: auto !important;}

      

      #narrowColumn {width: 213px; float: right;}

        #narrowColumn form {margin: 0 20px; padding: 0; }

          #narrowColumn form h2 {margin: 0  0 10px 0;}

          #narrowColumn form div {border: solid #CCC; border-width: 1px 0; padding: 5px 0;}

            .search {color: #999; width: 140px;}

            .button {background: url(../img/bttn_search.gif) no-repeat; border: 0 !important; margin: 0 0 0 5px; width: 15px; }

          #narrowColumn input {font-size: 10px; border: 1px solid #999;}

        #narrowColumn div.text {margin: 0 15px; padding: 5px;}

        

        /*  This is a hack needed for lemon. Take it as it is. And use it!  */

        #narrowColumn>div.text {height: auto !important;}

        



    #footer {clear: both; margin: 0 1px 0px 1px; background: url(../img/bg_footer.gif) repeat-x; height: 33px; color: #FFF; padding: 0 25px; line-height: 27px; border-bottom: 1px solid #000;}

      #footer dl {margin: 0; border: solid #000; border-width: 1px 0 0 0;}

      /* Hides from IE-mac \*/

      #footer dl:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}

      /* End hide from IE-mac */

        #footer dt {font-weight: bold; float: left; padding: 2px 0 0 5px;}

        #footer dd {float: right; margin: 0; padding: 2px 5px 0 5px;}

          #footer a {color: #FFF;}





/* General rules */

H1        {font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #EF4939;}

H2        {font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #EF4939; margin: 10px 0 !important;}

P         {line-height: 14px; color: #444;}



.padding  {padding: 0 20px; }



.linkList {list-style: none; margin: 0 20px; padding: 5px 0; border: solid #CCC; border-width: 1px 0; }

  .linkList li {background: url(../img/bg_li_linklist.gif) no-repeat 0 3px;padding: 1px 0 2px 17px; }

    .linkList li a {color: #0066B3; text-decoration: none; }

    .linkList li a:hover {text-decoration: underline;}



.offer {margin: 20px; padding: 0; color: #444;}

  .offer dt { background: url(../img/bg_dl.gif) no-repeat;}
  
    .offer  dt h2 {margin: 0 !important; padding: 0 !important; display: inline !important;}
    .offer dt p {margin: 5px 0;}

    .offer a {text-decoration: none; color: #F04A3A; }

    .offer a:hover {text-decoration: underline;}

  .offer dd {background: url(../img/bg_dl_bttm.gif) no-repeat; margin: 0; height: 14px;}
  
          div.text {height: auto !important;}