
/****************************************************** YUI Reset (Modified) */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

em { font-style: italic; font-weight: inherit; }
strong { font-weight: bold; font-style: inherit; }

img { display: block }





/****************************************************************** Clearfix */

.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 */





/******************************************************** Global Definitions */

body {
  background: #000;
  color: #7c0041;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  }

hr, .no-css { display: none }

div.hr { border-top: 1px dashed #8e1b46; margin: 20px 0; height: 1px; }

blockquote { margin: 1em 0 1em 0; padding: 0 2.5em; }

p, .p { margin: 18px 0 }

ul, ol { padding: 0; margin: 0; }

li { margin: 2px 0 }
  ol li { list-style: none }
  ul li { list-style: none }

#left ul { margin: 10px 0; }





/*********************************************** Global Layout & Positioning */

#logo {
  left: 40px;
  position: absolute;
  top: 109px;
  z-index: 8;
  }

#nav-bg {
  background: #770e3c;
  left: 0;
  position: absolute;
  height: 52px;
  top: 239px;
  width: 920px;
  z-index: 7;
  }

#nav {
  color: #b78aa1;
  font-size: 12px;
  left: 0;
  line-height: 12px;
  position: absolute;
  text-align: right;
  top: 259px;
  width: 900px;
  z-index: 9;
  }

#content {
    background: #fff;
    background: rgba(255, 245, 255, 0.85);
    font-size: 12px;
    left: 455px;
    line-height: 16px;
    margin-bottom: 50px;
    padding: 35px;
    position: absolute;
    top: 291px;
    width: 395px;
    }

#page-shop #content {
    left: 255px;
    width: 595px;
    }

#footer-bg {
    background: transparent url(/img/header_bg.png) repeat-x scroll 0px 0px;
    left: 455px;
    position: absolute;
    height: 240px;
    top: 0px;
    width: 465px;
    z-index: 7;
    }

#footer {
    color: #eaabc8;
    font-size: 11px;
    left: 455px;
    line-height: 16px;
    position: absolute;
    text-align: right;
    top: 190px;
    width: 445px;
    z-index: 9;
    }

img.vetri-link { float: left; padding-top: 20px; }
img.osteria-link { float: left; padding-left: 24px; }

div#OT_searchWrapperAll, div#OT_searchWrapperAll div {
    background: transparent !important;
    }





/********************************************* Generic Positioning & Spacing */

.no-border { border: 0 !important }
.no-margin { margin: 0 !important }
.no-padding { padding: 0 !important }

.no-top  { border-top: 0 !important; margin-top: 0 !important; padding-top: 0 !important; }
.no-bottom  { border-bottom: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }

.no-bottom-border { border-bottom: 0 !important }
.no-bottom-padding { padding-bottom: 0 !important }
.no-bottom-margin { margin-bottom: 0 !important }

.extra-space { margin-bottom: 2em !important; margin-top: 2em !important; }
.extra-space-top { margin-top: 2em !important }
.extra-space-bottom { margin-bottom: 2em !important }

.dashed-box { background: #fff; border: 1px dashed #000; padding: 10px; }





/************************************************************ Generic Floats */

.float-right { float: right }
.float-left { float: left }





/******************************************************** Generic Typography */

.small { font-size: 10px; line-height: 14px; }
.regular { font-size: 12px; line-height: 14px; }
.b, .bold { font-weight: bold !important }
.red { color: #bf2026 }
.uppercase { text-transform: uppercase }
.faded, .disabled { color: #aaa }
.centered { text-align: center }

blockquote + h2, blockquote + h3, blockquote + p, p + h1 { margin-top: 1.5em }
p + h3 { margin-top: 1.25em }

.pull-quote, .pull-quote-left, .pull-quote-right {
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  }

  .pull-quote-left { float: left; margin-right: 18px; width: 35%; }
  .pull-quote-right { float: right; margin-left: 18px; width: 35%; }

.byline { font-size: 9px; letter-spacing: 1px; text-transform: uppercase; }

.inset { padding-left: 3em }





/******************************************************************* Headers */

h1 {
    color: #222;
    font-family: Georgia, Times, serif;
    font-size: 40px;
    font-style: italic;
    font-weight: normal;
    line-height: 42px;
    margin-bottom: 18px;
    }

h2, h3 {
    color: #8e1b46;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    margin: 16px 0 12px 0;
    }

h3 {
    font-size: 13px;
    line-height: 16px;
    }





/********************************************************************* Links */

a:link, a:visited, a:active, a:hover {
  color: #b7547d;
  font-weight: normal;
  text-decoration: underline;
  }
  a:hover { color: #472131 }

#nav a {
  color: #ecb2d0;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  }

  #nav a:hover { color: #ffffff; text-decoration: none; }
  #nav a.active { color: #ffffff; font-weight: bold; text-decoration: none; }

#footer a {
  color: #eaabc8;
  text-decoration: none;
  }
  #footer a:hover { color: #fff }





/************************************************************** Gift Section */

input, textarea {
  font-size: 15px;
  padding: 2px;
  }

textarea {
  font-family: "Palatino Linotype", Book Antiqua, Palatino, "Hoefler Text", Georgia, serif;
  font-size: 13px;
  }

.required {
  font-weight: bold;
  color: #C00;
  }

.edit-button, .delete-button {
  line-height: 16px;
  float: left;
  font-size: 10px;
  padding-left: 19px;
  }

.edit-button { background: transparent url(/img/store/icons-edit.png) scroll no-repeat 0px 0px }

.delete-button { background: transparent url(/img/store/cross.png) scroll no-repeat 0px 0px }

.results {
  background-color: #FFF;
  border: 3px solid #B8D3E5;
  padding: 1em 1em 1em 3em;
  margin: 1em 0;
  font-weight: bold;
  }

  .results-ok {
    color: #3A7305;
    border-color: #4D9906;
    background: #FFF url(/img/store/results-ok.png) no-repeat scroll 10px 10px;
    }

  .results-error {
    color: #c52020;
    border-color: #D40B00;
    background: #FFF url(/img/store/results-error.png) no-repeat scroll 10px 12px;
    }

  .results-alert {
    color: #2B71C0;
    border-color: #1F4E8B;
    background: #FFF url(/img/store/results-info.png) no-repeat scroll 10px 11px;
    padding: 9px 9px 9px 40px !important;
    }


/********************************************************************* Menus */

#content li {
    color: #222;
    font-size: 11px;
    line-height: 14px;
    margin: 6px 0 0 25px;
    }

#content li strong, #content li b {
    font-size: 13px;
    }
