/* Mooble :: Screen CSS Definitions */

body
{
   margin: 0px;
   padding: 0px;

   color: #000000;

   background-color: #F16000;

   font-size: 75%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

img
{
   behavior: url(/css/htc/iepngfix.htc);
}

hr
{
   border: 0px;

   height: 1px;

   border-bottom: 1px solid #F27900;
}

#header-upper
{
   height: 85px;

   padding: 1px;

   background-color: #F47A01;

   border-bottom: 2px solid #F16000;
}

#header-upper h1
{
   display: none;
}

#header-logo
{
   float: left;

   margin-top: 11px;
   margin-left: 7px;
}

#top-nav
{
   float: right;

   margin: 0px;
   padding: 0px;

   padding-top: 5px;

   list-style: none;
}

#top-nav li
{
   float: left;
}

#top-nav li a
{
   float: left;

   height: 17px;

   color: #FFFFFF;

   display: block;

   font-size: 0.9em;
   font-weight: bold;

   padding: 0px 10px 0px 20px;

   text-transform: lowercase;
   text-decoration: none;

   background-image: url(../img/header/img-hdr-arrow.gif);
   background-repeat: no-repeat;
}

#top-nav li a:hover
{
   text-decoration: underline;
}

#header-nav
{
   clear: right;

   float: right;

   margin: 0px;
   padding: 0px;

   padding-top: 45px;

   list-style: none;
}

#header-nav li
{
   float: left;
}

#header-nav li a
{
   float: left;

   height: 17px;

   color: #FFFFFF;

   display: block;

   font-size: 0.9em;
   font-weight: bold;

   padding: 0px 10px 0px 20px;

   text-transform: lowercase;
   text-decoration: none;

   background-image: url(../img/header/img-hdr-arrow.gif);
   background-repeat: no-repeat;
}

#header-nav li a:hover
{
   text-decoration: underline;
}

/*

#header-middle
{
   height: 105px;

   background-color: #F16000;

   border-top: 1px solid #F9BF99;
   border-bottom: 1px solid #F9BF99;
}

*/

#header-lower
{
   height: 132px;

   background-image: url(../img/header/img-hdr-lower-bkg.gif);
   background-repeat: repeat-x;

   border-top: 1px solid #F9BF99;
   border-bottom: 2px solid #FF9933;

   text-align: center;
}

#header-flash
{
   width: 780px;
   height: 132px;

   margin: 0px auto;

   position: relative;
}

#middle
{
   background-color: #FF9933;

   border-top: 2px solid #F16000;

   background-image: url(../img/middle/img-mid-bkg.gif);
   background-repeat: repeat-y;
}

#left
{
   float: left;

   width: 180px;
}

#main-menu
{
   font-size: 0.9em;
}

#crumbs
{
   font-size: 0.9em;

   padding-top: 10px;
}

#right
{
   margin-left: 180px;

   padding: 1px 10px 10px 10px;
}

#right a
{
   color: #FFFFFF;

   font-weight: bold;
   font-family: Verdana,Arial,Helvetica,Sans-Serif;
}

#right h1
{
   /* color: #883221; */

   color: #FFFFFF;

   font-size: 14pt;
   font-weight: bold;
   font-family: Trebuchet MS,Arial,Helvetica,Sans-Serif;
}

#right h2
{
   /* color: #883221; */

   color: #FFFFFF;

   font-size: 12pt;
   font-weight: bold;
   font-family: Trebuchet MS,Arial,Helvetica,Sans-Serif;

   margin-top: 10px;
   margin-bottom: 10px;
}

#right h3
{
   /* color: #000000; */

   color: #FFFFFF;

   font-size: 11pt;
   font-weight: bold;
   font-family: Trebuchet MS,Arial,Helvetica,Sans-Serif;

   margin-top: 10px;
   margin-bottom: 10px;
}

#right h4
{
   color: #883221;

   font-size: 10.5pt;
   font-weight: bold;
   font-family: Trebuchet MS,Arial,Helvetica,Sans-Serif;
}

#right h5
{
   color: #883221;

   font-size: 10pt;
   font-weight: Bold;
   font-family: Trebuchet MS,Arial,Helvetica,Sans-Serif;
}

#right h6
{
   color: #883221;

   font-size: 9pt;
   font-weight: Bold;
   font-family: Trebuchet MS,Arial,Helvetica,Sans-Serif;
}

div.clear
{
   clear: both;
}

#footer
{
   height: 22px;

   padding-top: 8px;

   background-color: #F27900;
}

#footer-items
{
   width: 375px;

   margin: 0px auto;
}

#footer-nav
{
   margin: 0px;
   padding: 0px;

   list-style: none;
}

#footer-nav li
{
   float: left;
}

#footer-nav li a
{
   float: left;

   height: 17px;

   color: #FFFFFF;

   display: block;

   font-size: 0.9em;
   font-weight: bold;

   padding: 0px 10px 0px 20px;

   text-transform: lowercase;
   text-decoration: none;

   background-image: url(../img/footer/img-ftr-arrow.gif);
   background-repeat: no-repeat;
}

#footer-nav li a:hover
{
   text-decoration: underline;
}

#last-updated
{
   float: right;

   height: 17px;

   color: #FFFFFF;

   display: block;

   font-size: 0.9em;
}

.prodimg
{
   border: 1px solid #F27900;
}

div.product
{
   float: left;

   width: 400px;

   min-height: 260px;

   padding-right: 20px;
}

* html div.product
{
   height: 260px;
}

div.product div.product-left
{
   float: left;

   width: 200px;
}

div.product div.product-right
{
   float: left;

   width: 200px;
}

#right div.product div.product-right h3
{
   margin: 0px;
}

.index-navigation
{
   margin-top: 10px;
}

.button
{
   padding: 3px;

   color: #FFFFFF;

   font-size: 1.1em;

   border: 1px solid #BF4D00;

   background-color: #F27900;
}

a.button-link
{
   padding: 3px;

   text-decoration: none;

   border: 1px solid #BF4D00;

   background-color: #F27900;
}

a.button-link:hover
{
   background-color: #F16000;
}

.colour
{
   border: 1px solid #FFFFFF;
}

.prodattr
{
   padding: 3px;

   border: 1px solid #DF6D20;

   background-color: #FF8910;
}

.availability
{
   padding: 4px;

   border: 1px solid #DF6D20;

   background-color: #FF8910;
}

.availability h4
{
   margin: 0px;
}

.cart-table .header
{
   color: #FFFFFF;

   background-color: #BF4D00;
}

.cart-table .row1
{
   background-color: #F27900;
}

.cart-table .row2
{
   background-color: #F27900;
}

.cart-table .footer
{
   color: #FFFFFF;

   background-color: #BF4D00;
}

.form-box
{
   padding: 10px 0px;

   background: #F67D04;

   width: 600px;

   border: 1px solid #DF6D20;
}

.form-box .label
{
   width: 140px;

   text-align: right;
}

form
{
   margin: 0px;
   padding: 0px;
}

.required
{
   color: #FF0000;
}