/* 
   MEUBLES GRAHAM BARRY : MASTER STYLESHEET
   Colin Watts, Dec 06

   FOUNDATIONS                                                                                          FOUNDATIONS ::
---------------------------------------------------------------------------------------------------------------------- */
*
{
  margin:           0;
  padding:          0;
  border:           0;
  }
body
{
  background-color: #FFF;
  font:					    normal 62.5% Arial, Helvetica, sans-serif;
  color:            #666;
  text-align:       center;
  }
ul
{
  list-style-type:  none;
  }
a
{
  text-decoration:  underline;
  color:            #775878;
  }
a:hover
{
  color:            #333;
  }
div.frame
{
  width:            780px;
  margin:           0 auto;
  text-align:       left;
  }

h3.fb {
	margin:			0 0 10px !important;
}
  
/* HEADER                                                                                                    HEADER ::
---------------------------------------------------------------------------------------------------------------------- */  
div#header
{
  float:            left;
  width:            780px;
  }
div#header h1, div#header h2
{
  display:          none;
  }
  
/* FEATURED                                                                                                FEATURED ::
---------------------------------------------------------------------------------------------------------------------- */  
div#featured
{
  float:            left;
  width:            100%;
  }
div#featured img
{
  float:            left;
  }
div#featured h1, div#featured h2, div#featured h3, div#featured p
{
  float:            right;
  width:            510px; /* FIX IE */
  w\idth:           460px;
  margin:           30px 0 0 0;
  padding-left:     60px;
  font-family:      Georgia, Arial, Helvetica, sans-serif;
  font-size:        5em;
  font-weight:      normal;
  line-height:      1em;
  color:            #FFF;
  }
div#featured h2
{
  margin-top:       10px;
  font-size:        2.4em;
  }
div#featured h3
{
  margin-top:       10px;
  font-size:        2.4em;
  }
div#featured p
{
  margin-top:       10px;
  font-size:        1.8em;
  }
div#featured a
{
  color:            #FFF;
  }
div#featured a:hover
{
  color:            #604761;
  }
  
/* CONTENT                                                                                                  CONTENT ::
---------------------------------------------------------------------------------------------------------------------- */  
div#content
{
  float:            left;
  width:            780px;
  padding:          20px 0;
  }

/* NAVIGATION                                                                                            NAVIGATION ::
---------------------------------------------------------------------------------------------------------------------- */  
ul#navigation
{
  float:            left;
  width:            130px;
  }
ul#navigation li, ul#navigation a
{
  margin:           12px 0 12px 10px;
  font-family:      Georgia, Arial, Helvetica, sans-serif;
  font-size:        1em;
  font-weight:      bold;
  }
ul#navigation li ul li
{
  margin:              8px 0 8px 18px;
  list-style-image:    url("../images/bullet.gif");
  }
ul#navigation a
{
  margin:           0;
  color:            #666;
  text-decoration:  none;
  }
ul#navigation li ul li a
{
  color:            #765779;
  }
ul#navigation a:hover
{
  color:            #333;
  text-decoration:  underline;
  }
ul#navigation a.current
{
  color:            #765779;
  font-size:        1.2em;
  text-decoration:  underline;
  }
ul#navigation li ul a.current
{
  color:            #FFF;
  background-color: #765779;
  padding:          0 2px;
  font-size:        1em;
  text-decoration:  none;
  }
ul#navigation li#head, ul#navigation li#foot
{
  margin:           12px 0;
  padding:          0 0 10px 10px;
  font-size:        1.2em;
  border-bottom:    1px solid #000;
  }
ul#navigation li#foot
{
  padding:          12px 0 0 10px;
  font-size:        1.1em;
  border-top:       1px solid #000;
  border-bottom:    none;
  }  
/* PRIMARY                                                                                                  CONTENT ::
---------------------------------------------------------------------------------------------------------------------- */  
div#primary
{
  float:            left;
  width:            400px;
  }
div#primary img
{
  margin:           0 24px;
  }
h1, h2, h3, h4
{
  float:            left;
  width:            352px;
  margin:           0 24px;
  font-family:      Georgia, Arial, Helvetica, sans-serif;
  font-size:        2.9em;
  font-weight:      normal;
  display:          inline; /* FIX IE */
  }
h2
{
  font-size:        2.7em;
  }
h2 em
{
  font-size:        .5em;
  color:            #999;
  }
h2 em strong
{
  color:            #F30;
  }
h3
{
  font-size:        1.8em;
  color:            #765779;
  }
p
{
  float:            left;
  width:            352px;
  margin:           1em 24px .6em 24px;
  font-family:      Georgia, Arial, Helvetica, sans-serif;
  font-size:        1.1em;
  font-weight:      normal;
  line-height:      1.6em;
  display:          inline; /* FIX IE */
  }
p.strapline, p.quote
{
  margin:           9px 24px .6em 24px;
  font-size:        1.7em;
  line-height:      1.2em;
  color:            #765779;
  }
p.quote
{
  margin:           1.2em 24px 0 24px;
  font-size:        1.3em;
  }
p.large
{
  margin:           9px 24px 1em 24px;
  font-size:        1.4em;
  }
p.description
{
  margin:           0 24px 2em;
  }
p#signature
{
  width:            161px;
  height:           76px;
  background:       url("../images/signature.gif") 0 0;
  text-indent:      -9999px;
  }
p#signature-fr
{
  width:            161px;
  height:           76px;
  background:       url("../images/signature-fr.gif") 0 0;
  text-indent:      -9999px;
  }
div#primary ol
{
  float:            left;
  width:            352px; /* FIX IE */
  w\idth:           332px;
  padding:          0 0 20px 20px;
  margin:           0 24px;
  display:          inline; /* FIX IE */
  list-style-type:  lower-roman;
  }
div#primary ol li ul
{
  width:            332px; /* FIX IE */
  w\idth:           312px;
  padding:          5px 0 10px 20px;
  list-style-type:  square;
  }
div#primary ol li
{
  clear:            left;
  font-size:        1.1em;
  line-height:      1.5em;
  margin:           .5em 0 0 0;
  }
div#primary ol li ul li
{
  font-size:        1em;
  }

/* PRODUCT INDEX                                                                                      PRODUCT INDEX ::
---------------------------------------------------------------------------------------------------------------------- */ 
ul.products
{
  float:            left;
  width:            352px;
  margin:           0 0 14px 24px;
  display:          inline; /* FIX IE */
  }
ul.products li
{
  float:            left;
  width:            108px;
  margin:           0 0 0 14px;
  display:          inline; /* FIX IE */
  background-color: #F0F0F0;
  }
ul.products li.first
{
  clear:            left;
  margin:           0;
  }
div#primary ul.products li img
{
  float:            left;
  width:            98px; /* FIX IE */
  w\idth:           104px;
  height:           104px;
  border:           2px solid #DEDEDE;
  margin:           0;
  }
ul.products li h2, ul.products li p
{
  clear:            left;
  float:            left;
  width:            100px;
  margin:           5px 4px 0 4px;
  display:          inline; /* FIX IE */
  font-size:        1.2em;
  color:            #765779;
  }
ul.products li p
{
  margin:           2px 4px 5px 4px;
  font-size:        1em;
  line-height:      1.4em;
  color:            #666;
  }
ul.products li p.price
{
  font-size:        1.2em;
  margin:           0 4px;
  padding:          2px 0 5px 0;
  }
ul.products li p.price strong
{
  color:            #F30;
  }
div#primary img#product
{
  float:            left;
  width:            348px;
  height:           auto;
  border:           2px solid #DEDEDE;
  margin:           0 0 12px 24px;
  }
p.price
{
  margin-top:       0;
  font-size:        2em;
  }
a.button
{
  float:            left;
  background-color: #765779;
  padding:          0 6px;
  font-size:        .8em;
  color:            #FFF;
  text-decoration:  none;
  }
a.button:hover
{
  background-color: #333;
  color:            #FFF;
  }

/* FORM                                                                                                        FORM ::
---------------------------------------------------------------------------------------------------------------------- */  
form
{
  float:            left;
  width:            352px;
  margin:           0 0 14px 24px;
  display:          inline; /* FIX IE */
  }
form p, form p.strapline
{
  margin:           1em 0 0.6em 0;
  }
form p.subtotal
{
  text-align:       right;
  font-size:        1.6em;
  }
form p.subtotal em
{
  font-size:        2em;
  }
fieldset
{
  float:            left;
  width:            352px;
  }
legend
{
  padding:          6px 0 0 0;
  font-size:        1.2em;
  }
legend em
{
  font-size:        .9em;
  }
input.text, select.quantity
{
  width:            346px;
  margin:           4px 0;
  border:           1px solid #B7B7B7;
  background-color: #EEE;
  padding:          3px;
  }
select.quantity
{
  width:            50px;
  margin:           4px 10px 4px 0;
  }
span.group
{
  float:            left;
  width:            352px;
  margin:           5px 0;
  }
label
{
  margin:           0 20px 0 4px;
  }
div#primary input.submit
{
  float:            right;
  margin:           10px 0;
  font-family:      Georgia, Arial, Helvetica, sans-serif;
  background-color: #765779;
  padding:          3px 6px;
  color:            #FFF;
  text-decoration:  none;
  }
div#primary input.submit:hover
{
  background-color: #333;
  color:            #FFF;
  cursor:           pointer;
  }

div.alert
{
  float:            left;
  width:            318px;
  border:           2px solid #F30;
  padding:          15px;
  font-size:        1.2em;
  color:            #F30;
  }
span.warning
{
  font-size:        1.2em;
  color:            #F30;
  }

/* SECONDARY                                                                                              SECONDARY ::
---------------------------------------------------------------------------------------------------------------------- */  
ul#secondary
{
  float:            left;
  width:            250px;
  margin:           0 0 10px 0;
  }
ul#secondary li
{
  float:            left;
  margin:           10px 0 25px 0;
  padding-left:     16px;
  border-left:      7px solid #b7b7b7;
  }
ul#secondary h2, ul#secondary h3
{
  width:            225px;
  margin:           0;
  }
ul#secondary p
{
  float:            none;
  width:            225px;
  font-family:      Arial, Helvetica, sans-serif;
  margin:           1em 0;
  font-size:        .9em;
  }
p#nav a
{
  font-size:        1.1em;
  text-decoration:  none;
  }
p#nav a:hover
{
  text-decoration:  underline;
  }
  
/* MAILING LIST                                                                                        MAILING LIST ::
---------------------------------------------------------------------------------------------------------------------- */  
form#mailinglist
{
  float:            left;
  width:            210px;
  margin:           10px 0;
  }
form#mailinglist fieldset
{
  float:            left;
  width:            200px;
  }
form#mailinglist input.text
{
  float:            left;
  width:            160px;
  margin:           0;
  border:           1px solid #666;
  padding:          3px 2px;
  font-size:        1.1em;
  color:            #AAA;  
  }
form#mailinglist input.submit
{
  float:            right;
  height:           21px;
  font-size:        1.1em;
  padding:          2px 2px;
  background:       #b7b7b7;
  border:           1px solid #666;
  }
form#mailinglist input.submit:hover
{
  cursor:           pointer;
  background-color: #333;
  color:            #FFF;
  }

/* SHOPPING BASKET                                                                                  SHOPPING BASKET ::
---------------------------------------------------------------------------------------------------------------------- */  
div#dynamic, div#shopping
{
  float:            right;
  width:            250px;
  }
div#shopping
{
  padding-bottom:   10px;
  background-color: #DEDEDE;
  }
div#dynamic h2
{
  float:            left;
  width:            230px;
  font-size:        1.5em;
  margin:           10px;
  color:            #333;
  }
div#dynamic a.button
{
  font-family:      Georgia;
  float:            left;
  margin:           5px 0 0 10px;
  padding:          5px 10px;
  font-size:        1.3em;
  border:           1px solid #FFF;
  background-color: #765779;
  color:            #FFF;
  }
div#dynamic a.button:hover
{
  background-color: #333;
  }
ul#basket
{
  float:            left;
  width:            230px;
  margin:           0 10px;
  display:          inline; /* FIX IE */
  }
ul#basket li
{
  float:            left;
  width:            230px;
  border-top:       1px solid #B7B7B7;
  padding:          5px 0 3px 0;
  }
body#orderForm ul#basket, body#orderForm ul#basket li
{
  width:            352px;
  margin:           0;
  }
body#orderForm ul#basket li
{
  padding:          5px 0;
  }
ul#basket img
{
  float:            left;
  width:            88px; /* FIX IE */
  w\idth:           90px;
  height:           90px;
  border:           2px solid #FFF;
  }
body#orderForm ul#basket img
{
  margin:           0;
  border-width:     0;
  }
ul#basket h4, ul#basket p
{
  float:            right;
  width:            132px;
  margin:           0;
  padding-bottom:   3px;
  font-size:        1.2em;
  color:            #765779;
  }
body#orderForm ul#basket h4, body#orderForm ul#basket p
{
  width:            250px;
  }
ul#basket p
{
  padding-bottom:   0;
  font-size:        1em;
  line-height:      1.3em;
  color:            #666;
  }
ul#basket p.price
{
  font-size:        1.2em;
  color:            #333;
  }
ul#basket p.price strong
{
  color:            #F30;
  }
ul#basket p.remove
{
  margin:           4px 0;
  color:            #765779;
  }
ul#basket a.delete
{
  background-color: #333;
  color:            #FFF;
  text-decoration:  none;
  margin:           0 0 0 4px;
  padding:          0 3px;
  }
ul#basket a.delete:hover
{
  background-color: #000;
  color:            #F30;
  }

/* SHOWCASE                                                                                                SHOWCASE ::
---------------------------------------------------------------------------------------------------------------------- */  
ul#showcase
{
  float:            left;
  width:            780px;
  }
ul#showcase li
{
  display:          inline;
  float:            left;
  }

/* FOOTER                                                                                                    FOOTER ::
---------------------------------------------------------------------------------------------------------------------- */
div#footer
{
  float:            left;
  margin-top:       20px;
  width:            780px;
  height:           120px;
  border-top:       1px solid #454545;
  margin-right:     -3px; /* FIX IE */
  }
div#footer p
{
  float:            left;
  width:            756px;
  margin:           12px;
  font-size:        1em;
  line-height:      1.6em;
  display:          inline; /* FIX IE */
  }
div#footer a
{
  color:            #666;
  text-decoration:  none;
  }
div#footer a:hover
{
  color:            #333;
  }