@media screen
{
  #header { width: auto; !important;  }
  #body {    border-top: 1px solid white;   }
  #sorry, .sorry {   display:none;	 }
  #content {
    width: auto;
    background: #FFF;
    padding: 5px 6px 11px 12px;
  } 
  #maincontent {
    float: left;								
	width:78%;									 
    padding-right:1px;
    margin-left:0px;
    margin-right:1%;
  }
  
#newcontent {
    position:relative;
  }

  #feature {
    border:1px solid #7088B0 ;
    border-top:0 none;
    width:72%;
    background: #fff;
    margin:0px 0 10px 0;
    padding:0 0 15px 0!important;
    position:relative;

  }

  #blogpreview {
    position:absolute;
    width:26%;
    border:1px solid #7088B0;
    border-top:0 none;
    right:0;
    top:0;
    background: #fff;
    padding:0;
  }
  #recent {
    background:#fff;
    width:62.2%;
    padding:0;
    margin-bottom: 10px !important ;
    border: 1px solid #7088B0;
    border-width: 0 1px 1px 1px;
  }
  div#flow{
    float:right;
    overflow: visible !important;
    overflow:hidden;
    width:74.1%;
    padding:0 0 10px 0;
    margin:0;
    background-position: -100px 0; /* Hide tab by default in case JS is absent */
  }
  div#flow div#tab {
    margin:0;
    cursor: default;
  }
   #col1  {
    overflow: hidden;
    float:left;
    clear: left;
    width:24%;
    margin:0 0 0 0;
  }
  
div.nav  {
    background:#F9FAF9;
    border: 1px #7088B0 solid;
    border-width: 0 1px 1px 1px;
    margin-bottom:11px ;
    overflow: hidden;
    width:auto!important;
    width:100%
  }

  div.product, div.cart  {
    width:auto!important;
    width:100%;
    overflow: hidden;
    background-color: #FFFAF0;
    border:1px solid #730;
    border-top:0 none;
    margin-bottom:11px ;
    position: relative;
  }
  #col3 {
    float:left;
    width:19.58%;
    margin:0;
  }


  #stats {
    color:#333;
    background:transparent;
    position:absolute;
    right:16px;
    top:8px;
    font: bold 10px/16px Verdana,Arial,Helvetica,sans-serif;
    text-align:right;
  }

  #footer {
    width:auto!important;
    background:#fff;
    clear:both;
    position:relative;
    text-align:center;
    font-size:80%;
    line-height:1.1;
    padding:0;
    border:1px solid #FFF;
  }



  #standards {
    position: relative;
    top: 50px;
    text-align: center;
  }

  #topcontrols {
    clear: both;
  }

  #skip {
    text-indent:-20em;
    position: absolute;
  }

  #tagline {
    font: bold italic 86% Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
    color: #036;
    margin: 18px 0 18px 0;
  }

  /* halfs, thirds and quarters */
  .third {
    width: 28%;
    float: left;
    padding: 0px;
    margin: 0px ! important;
    clear: right;
  }

  .twothirds {
    width: 60%;
    float: left;
    display: inline;
    clear: left;
    padding: 0px 10px 20px 0px;
    margin: 0 8px 0px 0;
    border-right: 1px solid #C6D3E7;
    overflow: hidden;
  }

  .half {
    width: 44%;
    float: left;
    padding: 5px 2%;
    margin: 0px 0px 5px 0px;
    overflow: hidden;
  }

  /* Forces blocks to enclose their floated children */
  .clearfix:after { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* This alternative fix works fine, but it's disabled to troubleshoot CatFish */
  /*.clearfix {
    overflow: hidden;
  }*/

  /* Don't know why we'd need this rule, but it was here when CatFish worked */
  .clearfix {
    display:block;
  }

  * html .clearfix { /* This should be moved to ie.css, as IE7 doesn't support * html */
    height: 1%;
  }
  /* END: Forces blocks to enclose their floated children */

  div#tab div.wrap {
    border: 1px solid #7088B0;
    border-top: 0 none;
    margin-bottom: 15px ;
    padding-bottom: 15px ;
    background-color: #fff
  }
}