/******************** 
 STYLE.css
 @author Anthony Macali
 @updated 21/07/2009
 ********************/

  body { margin:0; font:14px Trebuchet MS; }
   
  /* reset */
  a { text-decoration:none; }
  img { border:0; }
  h1, h2, h3, h4 { margin:0; padding:0; font-size:100%; }
  p, ul, li { margin:0; padding:0; list-style:none; }
  img { border:0; }
  form, input { margin:0; padding:0; line-height:1px; }
  
  table { border-collapse:collapse; border:0; }

/******************** 
 GLOBAL
 ********************/
  .clear { clear:both; }
  .left { float:left; }
  .right { float:right; }

  /* container */
  .container { width:940px; margin:auto; }

/******************** 
 BANNER
 ********************/
  #banner { height:80px; background:#FFF url(/images/logo.gif) 0 28px no-repeat; padding-left:64px; padding-top:20px; }

  #banner .header { height:43px; background:#FFF url(/images/background.gif) bottom repeat-x; padding-top:10px; }
  #banner .header a.logo { width:310px; height:30px; float:left; background:url(/images/loveatfirstbite.gif) no-repeat; text-indent:-5000px; outline:0 none; }
  #banner .header .menu { margin-top:15px; }

/******************** 
 MENU
 ********************/ 
  .nav { height:30px; background:url(/images/cupcakes.gif) 1px 8px no-repeat; }
  .nav .menu { margin-top:4px; }
    
  ul.menu { float:right; padding-right:2px; }
  ul.menu li { float:left; color:#5F5F5F; margin-left:14px;  }
  ul.menu li a { color:#5F5F5F; }
  ul.menu li a:hover { background-color:#FFF; color:#FF66CC; }
  
  ul.menu li.active a { color:#6666FF; }
  
/******************** 
 CONTENT
 ********************/
  #content { margin:24px 0 24px 0; }  

  #content h1 { color:#ff66dd; line-height:1.4em; font-weight:normal; }
  #content h2 { color:#6666FF; line-height:1.4em; font-weight:normal; }
  #content h3 { color:#ff66dd; font-size:1.5em; margin-bottom:26px; }
  #content h4 { color:#6666FF; font-size:1.1em; line-height:1.8em; }
  
  #content span { color:#6666FF; }
  #content p { color:#5F5F5F; margin-bottom:14px; line-height:135%; }
  #content a { color:#6666FF; } 
  
  /* list */
  #content ul { color:#5F5F5F; margin-bottom:14px; padding-left:20px; }
  #content ul li { padding-left:4px; line-height:1.4em; }

  #content ul.disc { padding-left:40px; }
  #content ul.disc li { list-style-type:disc; }
  
  /* image */
  #content img.right { border:1px solid #ccc; float:right; margin:0 2px 0 64px; }

  /* float */
  #content div.left { float:left; width:340px; margin-right:64px; }
  #content div.left p { margin-bottom:16px; }
  #content div.left img { border:1px solid #ccc; }
  
  #content p.quote { line-height:0.82em; color:#6666FF; }
    
  /* heading */
  div.heading { width:600px; float:right; text-align:right; }
  div.desc { height:190px; }

  /* facebook */
  .fb-root span { border:1px solid red; }

/******************** 
 INDEX
 ********************/  
  #page-index #content h1 { font-size:1.5em; letter-spacing:0.6px; margin-bottom:20px; }   
  #page-index .desc { height:281px; }

  ul.links { height:108px; padding-top:14px; }
  ul.links a { width:82px; text-align:center; height:108px; display:block; float:left; margin-right:12px; line-height:1.2em; }
  ul.links a { background-image:url(/images/photos/links.jpg); background-repeat:no-repeat; outline:0 none; }
  ul.links a:hover { color:#ff66dd !important; }
  
  ul.links a#wedding { background-position:0 bottom; }
  ul.links a#celebration { background-position:-81px bottom; }
  ul.links a#kids { background-position:-162px bottom; }
  ul.links a#seasonal { background-position:-243px bottom; }
  ul.links a#corporate { background-position:-324px bottom; margin-right:0; }

  .slideshow { position:relative; height:400px; width:400px; float:left; margin:0 66px 0 2px; }
  .slideshow img { position:absolute; top:0; left:0; z-index:8; border:1px solid #ccc; }
  .slideshow img.active { z-index:10; }
  .slideshow img.last-active { z-index:9; }  
  
/******************** 
 PAGES
 ********************/
  /* taste */
  #page-taste #content li span { font-weight:bold; }
 
  /* admirers */
  #page-admirers div.heading { width:400px; } 
  #page-admirers #content h4 { display:block; width:100%; float:none; }
  
  /* pricing */ 
  #page-pricing #content h4 { float:left; width:120px; }
  #page-pricing #content div p { margin:0; }
  #page-pricing #content div ul { margin:0; }  
  
  #page-pricing div.cupcakes { width:450px; float:left; padding-top:5px; margin-bottom:14px; }
  #page-pricing div.delivery { width:450px;  float:left; margin-bottom:0; }
  #page-pricing p.delivery  { margin:0; margin-left:120px; }
  
  #page-pricing div.gift-boxes { float:left; margin-bottom:14px; }
  #page-pricing div.stands { float:left; width:800px; margin-bottom:14px; }

  /* faqs */
  #page-faqs #content h4 { float:left; width:200px; }
  #page-faqs #content div p { margin:0; }
  #page-faqs #content div ul { margin:0; }  
  
  #page-faqs div.contact,
  #page-faqs div.orders, 
  #page-faqs div.payment { width:365px; float:left; margin-bottom:18px; }
  
  #page-faqs div.delivery { float:left; margin-bottom:18px; }
  #page-faqs div.storage { float:left; margin-bottom:18px; }
  #page-faqs div.retail { float:left; margin-bottom:18px; }
  
  /* orders */
  #page-orders #content h4 { float:left; width:160px; }
  #page-orders #content div p { margin:0; }
  #page-orders #content div ul { margin:0; }  
  
  #page-orders div.orders { width:380px; float:left; margin-bottom:18px; }
  
  #page-orders div.custom { float:left; margin-bottom:18px; }
  #page-orders div.minimum { float:left; margin-bottom:18px; }
  #page-orders div.delivery { float:left; margin-bottom:18px; }


/******************** 
 GALLERY
 ********************/
  .scrollable { position:relative; overflow:hidden; width:446px; height:182px; border:1px solid #e7e7e7; z-index:0; }
  .scrollable .items { width:20000em; position:absolute; }
  
  .items div { float:left; padding-left:6px; }
  .items div img { float:left; margin:6px 6px 0 0; border:1px solid #fff; width:80px; height:80px; }
  .items div img.active { border:1px solid #6666FF !important; }

  /* buttons */
  .button { background:url(/images/arrow.gif) 205px top no-repeat; height:28px; display:block;  }
    
  a.browse { width:20px; height:24px; cursor:pointer; }
  a.disabled { visibility:hidden !important; }

  a.right { margin-right:0px; float:left; margin-left:10px; display:block; background:url(/images/arrow-right.gif) top no-repeat;  }
  a.left { float:left; background:url(/images/arrow-left.gif) top no-repeat; margin-left:199px; } 

  #page-corporate .button a { display:none; }
  
/******************** 
 CONTACT
 ********************/   
  form fieldset { border:0; } 
  form label { display:inline-block; width:140px; text-align:right; color:#6666FF; height:22px; line-height:24px; padding-right:10px; vertical-align:top; }
  form input { width:244px; }

  form p { }

  form input { border:1px solid #ccc; height:20px; padding:1px 4px; line-height:20px; }  
  form select { border:1px solid #ccc; font-size:0.9em; height:24px; padding:2px; }
  form option { padding:2px; }
  form textarea { border:1px solid #ccc; font:0.9em Arial; padding:2px; } 
  
  form #phone { width:144px; }
  form #occasion { width:153px; }
  form #date-of-occasion { width:144px; }
  form #find-us { width:153px; }
  form #enquiry {  width:350px; height:80px; }
  
  form #submit { height:24px !important; margin-top:14px; margin-left:150px; width:75px; }
  form #reset { height:24px !important; margin-top:14px; width:75px; }
  
  label.error { width:500px; text-align:left; padding-left:10px; font-size:0.8em; font-style:italic; color:#ff3333; }
  input.error { border:1px solid #ff3333; }
  
/******************** 
 FOOTER
 ********************/
  #footer { height:70px; background:#FFF url(/images/background.gif) 0 22px repeat-x; }
  
  #footer, #footer span { color:#333; }
  #footer a { color:#6666FF; }
  #footer a:hover { text-decoration:underline; }
  
  #footer li.tagline { float:left; color:#6666FF; }
  #footer li.contact { text-align:right; display:block; margin-bottom:12px; color:#6666FF; }
  
  #footer li.fb-root { float:left; text-indent:-5000px; margin-right:6px; }
  #footer li.fb a { display:block; width:67px; height:20px; background:url(/images/facebook.jpg) no-repeat; }
  #footer li.copyright { float:left; }
  #footer li.phone { text-align:right; display:block; color:#6666FF; }
  
/******************** 
 STICKY FOOTER
 ********************/
  * { margin:0;padding:0; } 
  html, body, #wrap { height:100%; }
  body > #wrap { height: auto; min-height: 100%; }
  #main { padding-bottom:70px; }  /* must be same height as the footer */
  
  #footer { position:relative; margin-top:-70px; /* negative value of footer height */ height:70px; clear:both; } 

  /* CLEAR FIX*/
  .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden; }
  .clearfix { display:inline-block; }
  /* Hides from IE-mac \*/
  * html .clearfix { height:1%; }
  .clearfix { display:block; }
  /* End hide from IE-mac */