/*
 * Standard grid table properties
 */

table.grid {
   width:466px;
   border:0;
   border-collapse:collapse;
   table-layout:fixed;
}

table.grid td {
   padding:0;
   border-color:#8f8f8f;
   border-width:1px 0 0 0;
   border-type:solid;
}

table.grid td.img {
   border-left:1px solid #8f8f8f;
   width: 89px;
   height:89px;
   padding:0 !important;
   overflow:hidden;
   vertical-align:middle;
   text-align:center;
}

table.grid td.desc {
   padding:4px 4px 4px 10px;
}

table.images td.first {
   border-right-width:1px;
}

table.images td {
   width: 233px;
   height: 233px;
   border-right:0px;
}

table.images td img {
   width: 233px;
   height: 233px;
}

iframe.component {
   border:0;
   width:466px;
   border:0;
   border-top:1px solid #8f8f8f;
   height:300px;
}
/*
 * product-cart
 */
div.arrow {
   background-image:url(../gfx/etc/arrow-up.gif);
   background-position:right center;
   background-repeat:no-repeat;
}

ul.cart {
   list-style-position:outside;
   list-style-type:none;
   margin-left:0;
   padding-left:0;
}
   ul.cart input {
      vertical-align:middle;
      margin-right:1em;
   }

input.cart {
   border:0;
   background-color:transparent;
   height:15px;
   padding-left:5px;
   text-align:left !important;
}

/*
 * product-select
 */


div.product-select {
   background-color:#f0f0f0;
}

form.product-select {
   display:block;
   margin:0;
}

table.properties {
   border-collapse:collapse;
   border-top: 1px solid #8F8F8F;
   width:467px;
   margin-left:-1px;
}

table.properties td,
table.properties th {
   padding: 2px 4px 2px 4px;
   border-width: 0px 0px 1px 1px;
   border-style: solid;
   border-color: #8F8F8F;
}

table.properties td.last, 
table.properties th.last {
   border-bottom-width:0;
}

table.properties th {
   color: #004f96;
   background-color: #F0F0F0;
   text-align: left;
   vertical-align:top;
   white-space:nowrap;
}

/*
 * Details table
 */
div.productdetails table {
   border-collapse:collapse;
   border: 1px solid #8F8F8F;
   margin-top:1em;
   width:100%;
}

   div.productdetails table tr td {
      padding: 2px 4px 2px 4px;
      border-width: 1px;
      border-style: solid;
      border-color: #8F8F8F;
   }
   
   div.productdetails table tr th {
      padding: 2px 4px 2px 4px;
      color: #004f96;
      background-color: #F0F0F0;
      text-align: left;
      vertical-align:top;
      border-style: solid;
      border-color: #8F8F8F;
      border-width: 1px;
      white-space: nowrap;
   }
   

/*
 * product table
 */
table.producttable {
   width:466px;
   border-collapse: collapse !important;
   border-width: 1px 0 1px 0 !important;
   border-style: solid;
   border-color: #8F8F8F;
   margin-bottom:24px;
}

   table.producttable td,
   table.producttable th {
      padding: 2px 4px;
      border-width: 1px 0 0 0;
      border-style: solid;
      border-color: #8F8F8F;
   }
   
   table.producttable td {
      border-width: 1px 0 0 1px;
      text-align: right;
   }
   
   table.producttable th.name {
      text-align: left;
      border-width: 1px 0 0 0;
      white-space: nowrap;
   }
      
      table.producttable thead th {
         border-width: 0 0 0 1px !important;
         color: #004f96;
         background-color: #F0F0F0;
         cursor: default;
         text-align: center !important;
      }
      
      table.producttable thead th.name {
         border-left-width:0 !important;
      }
   
      table.producttable th.name a {
         font-weight: normal;
      }

   table.producttable td.checkbox {
      padding: 2px;
      width: 20px;
   }

form {
   display:block;
   margin:0;
}

form.content td {
   width:180px;
}

form.content dl dd input {
   border:1px solid #000;
}

form.content input.text {
   border:1px solid #000;
   width:180px;
}

form.content textarea {
   border:1px solid #000;
   width:200px;
   height:140px;
}

form.content input.submit {
   border:1px outset;
   width:180px;
   
}

form tbody.products th {
   text-align:left;
}

iframe.frame {
   border-width:0;
   margin:0;
   padding:0;
}

img.link {
   float:right;
   border:1px solid #8f8f8f;
   margin-left:1em;
   margin-bottom:1em;
}

div.siteselect div.siteSelectDesc {
   height:74px;
   padding:5px;
   display:none;
}

div.appendix img {
   vertical-align:middle;
}

div.appendix div.paged-nav {
   background-color:#fff;
}

div.appendix div.paged-nav span.links a {
   padding-left:1em;
}

div.appendix div.paged-nav a.inactive {
   color:#000 !important;
}

div.appendix div.back-to-top {
   background-color:#fff;
}

div.appendix div.back-to-previous {
   background-color:#fff;
}

div.appendix div.back-to-top img {
   float:right;
}

div.appendix div.back-to-top a.text {
   display:none;
}


div.filebrowser ul {
   margin: 0;
   padding: 0;
}

div.filebrowser li {
   margin: 0;
   padding: 0 0 0 19px;
   background-position: top left;
   background-repeat: no-repeat;
   list-style-type: none;
   line-height: 16px;
}

div.filebrowser li.folder {
   background-image: url(../gfx/icons/folder.gif);
}

div.filebrowser li.file {
   background-image: url(../gfx/icons/file.gif);
}

div.filebrowser p.description {
   margin: 0;
   padding: 0;
   font-size: 10px;
   font-style: italic;
}

