* {
    margin:0px;
    padding:0px;
}
body {
    margin-top: 20px;
    font-family: Verdana, sans-serif;
    font-size:12px;
    color: #333;
    
}
a {
    color: #0099CC;
    text-decoration: none;
}
p {
    margin:1em 0;
    line-height: 1.7em;
}
label {
    display:block;
    margin-top:10px;
}
div.checkbox {
    margin-top:10px;
}
.checkbox label {
    display: inline
}
h1,h2,h3 {
    font-weight: normal;
    font-family: 'Times Roman', 'Times New Roman', Times, serif;
}
h1 {
    font-size:24px;
}
h2 {
    font-size:18px;
}
img {
    border:0;
}
a:hover {
    text-decoration: underline;
}
#background {
    margin:0 auto;
    min-width:960px;
    background-repeat: no-repeat;
    background-position: top center;
    
}
#container {
    width:960px;
    margin: 0 auto;
    position: relative;
}
#header {
    height:91px;
}
#logo {
    float:left;
    width:200px;
}
#menu {
    position: relative;
    z-index: 11;
    margin-left:200px;
}
#top-menu {

    padding-right:40px;
    height:47px;
}
#top-menu ul {
    float:right;
    list-style-type:none;
    margin: 0;
    padding: 0;
}
#top-menu li {
    float:left;
    padding:0 20px;
    border-right:1px dotted #adadad;
}
#top-menu li a.active {
    color: #333;
}
ul.times a, ul.times li{
    font-size:14px;
    font-family: 'Times Roman', 'Times New Roman', Times, serif;
}
.times-font {
    font-family: 'Times Roman', 'Times New Roman', Times, serif;
}
#main-menu {
    float:right;
    padding-right:40px;
}
.padding {
    padding-left:40px;
}
#middle {
    position: relative;
}
#footer {
    clear:both;
    padding-left:40px;
    font-size:10px;
    color:#666;
    margin-bottom:20px;
    overflow: hidden;
}
#quotes {
    padding-top:10px;
    background:url(img/quote_11.png) top left no-repeat;
    padding-left:50px;
   
    color: #666;
}
#quotes .quote {
     font-size:18px;
    font-style: italic;
    line-height: 24px;

}
#quotes .quoter {
    margin-top:7px;
    padding-left:40px;
}
#white {
    clear:both;
    min-height: 200px;

}
#content {
    margin-bottom: 30px;
    overflow: hidden;
    min-height: 600px;
}
.button {
    background:#0099cc;
    width:89px;
    height:24px;
    line-height: 24px;
    text-align: center;
    color:white;
    font-weight: normal;
    display:block;
    font-size:14px;
    font-family: 'Times Roman', 'Times New Roman', Times, serif;
    border:0;
    cursor: pointer;
}
.button:hover {
    text-decoration: none;
    background:#333;
}
.searching {
    width:140px;
    background: url('img/1-1.gif') 10px 3px no-repeat #333;
    color: #aaa;

}
#heart {
    
}

/*home */
body.home {
    background: url(img/background/home_07.png) 0px 111px repeat-x;
}
.home #middle {

    height:540px;
}

.home #tabs {
    position: absolute;
    top:50px;
    left:40px;
    width:350px;
    height:442px;
    background: url(img/home/tabs_13.png);
    z-index: 10;
}
.home .tab_container {
    width:300px;
}
.home .tab_content {

}
.home h3 {
    margin-top:20px;
}
.home #quotes {
    margin-top:35px;
    margin-left:340px;
    width:512px;
}


/*wines*/
body.wines, body.content {
    background: url(img/background/wines_03.png) 0px 111px repeat-x;
}
.wines #middle {
    padding-top:41px;
    width:920px;
}
.wines #info {
    margin-left:458px;
}
.wines #tasting {
    height:295px;
    overflow: hidden;
    margin-top:-10px;
}
.wines h1.name {
    font-size:24px;
    font-weight: bold;
}
.wines .year {
    color:#666;
    font-weight: normal
}
.release {
    font-size: 11px;
    color: #666;
    margin:0;
}
.wines #buy-wine {
    
    float: left;
}
.wines .blurb {
    height:165px;
    overflow: hidden;
}


.wines #cases-remaining {
    float:right;
}
.wines #cases-remaining div {
    float:left;
}
.wines #produced {
    padding-right:5px;
    text-align: right;
    border-right: 1px dotted #adadad;
}
.wines #remaining {
    padding-left:5px;
}
.wines #produced h1 {
    font-weight: normal;
}
ul.tabs li.active  {
    border-top: 1px dotted #adadad;
}
.home ul.tabs li.active {
    border-top:0;
}
.wines #image {
    float:left;
    padding-left:40px;
    width:400px;
}
.wines #extra {
    min-height: 200px;
}
#notification-window {
    width:500px;
}
#notification-window label {
    width:230px;
}
.notification-check {
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}
#notification-window a.button {
    color:white;
}
.wines .tab_content {
    margin-bottom: 20px;
}

/*content */
.content #middle {
    text-align: right;
    height:300px;
}
.content #white .left {
    float:left;
    width:340px;
}
.content #white .right {
    margin-left:340px;
    width:500px;
}
.content .right .title {
    padding-top:50px;
    height:50px;
}
.content .left .title {
    height:100px;
}
.content .right .title h1 {
    font-weight: normal;
}
.content #quotes {
    width:210px;
    margin-left:40px;
}


/*tabs*/
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;


    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px;
    line-height: 31px;
    border-bottom: 1px dotted #adadad;
    border-left: none;
    margin-bottom: -1px;

    overflow: hidden;
    position: relative;
}
ul.tabs li a {

    display: block;
    color:#333;
    padding: 0 25px;
    border-right: 1px dotted #adadad;
    outline: none;
}
.home ul.tabs li a {
    padding-right:0;
}
ul.tabs li a:hover {
    text-decoration: none;
}
html ul.tabs li.active, html ul.tabs li.active a  {
    color: #0099CC;
    border-bottom: 1px solid #fff;
}
.tab_container {
    padding-left:25px;
    border-top: none;
    float: left;
    width: 100%;

}
.tab_content {
    margin-top:20px;
}

/*orders */
.header {
    color:#0099cc;
    font-size:14px;
    font-family: 'Times Roman', 'Times New Roman', Times, serif;
    margin: 25px 0;
    font-weight: normal;
}
body.orders {
    background: url(img/background/orders_03.png) 0px 111px repeat-x;
}
.orders #middle .right{
    padding-top:10px;
    margin-left:460px;
    
}
.orders #white .left {
    float:left;
    padding-left:40px;
    width:420px;
}
.orders #white .right {
    margin-left:460px;
}
.orders td {
    padding:5px 0;
}
.orders td.divider {
    margin:20px 0;
    border-bottom:1px dotted #adadad;
    font-weight: bold;
}
.orders th {
    text-align: left;
    padding-bottom:15px;
    font-weight: normal;
    padding-top:15px;
}
#total {
    margin-top:1em;
    border-top:1px dotted #adadad;
    margin-right: 40px;
    padding-top:1em;
    overflow: hidden;

}
#grandTotal {
        font-size: 36px;
    color:#0099cc;
    float:right;
    
}
#grandTotal .total {

}
#grandTotal.case-error {
    font-size:24px;
    color:red;
}
.case-blurb {
    padding-left:10px;
    padding-top:5px;
    display: none;
}
table.order_total {margin-bottom: 1em}
table.order_total td.field {font-weight: bold;width:120px}


/*forms*/
.blasted label {
    float:left;
    width:105px;
}
.blasted .error-message {
    margin-left:105px;
    font-size: 11px;
    color:red;
}
.blasted .credit-card .error-message {
    clear:left;
    margin-left:160px;
}
.blasted .postal .error-message {
    margin-left: 95px;
}
.blasted input[type=text], .blasted select {
    border:1px solid #ccc;
    background:#e1f0f7;
    width:255px
}
.blasted select {
    width:205px;
}
.blasted div.input {
    margin-bottom:10px;
}
.blasted label {
    margin-top:0px;
}
.blasted .checkbox input {
    float:left;
    margin-right:10px;
}
.blasted .checkbox {
    clear: both;
    margin:5px 5px 0 0 ;
    overflow: hidden;
}
div.province {
    float:left;
    width:195px;
}
div.province select{
    width:75px;
}
div.postal label {
    width:95px;
}
div.postal input[type=text] {
    width:70px;
}
div.phone {
    clear:both
}
input[type=text].qty, input[type=text].case-qty {
    width:45px;
}
.blasted div.qty {
    margin:0;
}
div.month {
    float:left;
    width:260px;
}
div.month select {
    width:90px;
}
.blasted .credit-card label {
    width:160px;
}
.blasted .credit-card input[type=text] {
    width:200px
}
.blasted input.sold-out {
    background: #ccc;
}

/*newsletter */
.newsletter-form label{
    width:120px;
}
.newsletter-form div.submit {
    margin-left:120px;
    margin-top:30px;
}

/* search wines */
#map_canvas {
    margin-left:340px;
    height:540px;
    width:580px;
}
#search-wines {
    margin-left:40px;
    float:left;
    padding-top:20px;
}
#legend {
    width:300px;
    margin-left:40px;
    float:left;
}
.white-padding {
    padding-top:30px;
    min-height: 200px;

}
#results {
    margin-left:340px;
}
#listings {
    margin-top:20px;
}
.search-wine input[type=text], .search-wine select {
    width: 260px;
}
.search-wine label {
    margin-bottom:5px;
}
.search-wine .input {
    margin-bottom:10px;
}
.disable {
    color:#aaa;
}


/*small bottles */
#small-bottle {
    margin-right:40px;
    text-align: center;
    width:285px;
}


#flashMessage {
  border: 1px solid #CC0000;
  background-color: #FFD9D0;
  width: 95%;
  margin: 10px auto 20px auto;
  padding: 10px;

	color: #000;
	font-size: 120%;
	font-weight: bold;
}

/*newsletter archives*/
.archive p {
    margin-bottom: 0;
}

/*retail */
ul.retail {
    margin-left:20px;
    line-height: 1.7em;
    list-style-type: none;
}


/*admin */
table {
    border-collapse: collapse;
}
.admin table td {
    padding:3px;
    border:1px solid #eee;
}
.admin table tr:hover {
    background: #eee;
}
.admin textarea {
    width:600px;
}

/*portal */

body.portal {
    background: url(img/background/orders_03.png) 0px 111px repeat-x;
}
.portal #middle .right{
    padding-top:15px;
    margin-left:340px;
    width:580px;
}
.portal #white .left {
    float:left;
    padding-left:40px;
    width:420px;
}
.portal #white .right {
    margin-left:340px;
}
.portal .intro {
    height:135px;
}
.portal ul.tabs li a  {
    padding:0 53px;
}
table.portal td {
    border:none;
    padding:5px;
}
table.portal td.title {
    font-weight:bold;
    padding-top:20px;
}

.hidden {display: none}
.loading {height:11px;background: url('img/loading.gif') no-repeat}
#grandTotal .loading {background-position: top right}

