body { padding: 0px; margin: 0px; background : #fff;     font-family: Arial, Helvetica, sans-serif; }
img { border: 0; vertical-align : middle; }
form { margin : 0; }

table { border-collapse : collapse; }
td, th { padding : 0; }

p {
    margin-top: 0px;
    line-height: 135%;
    padding: 0px 5px 0px 5px;
    margin-bottom: 15px;
}

a:link    { color: #B40001; text-decoration: underline; }
a:visited { color: #93072E; text-decoration: underline; }
a:hover   { color: #fff; text-decoration: none; background: #B40001; }
a:active  { color: #fff; text-decoration: none; background: #FF3300; }

input, select { vertical-align : middle; }
input.qty { width : 30px; text-align : center; }

h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.2em;
    line-height: 1.3em;
    color: #333;
    background-color: #f5f5f5;
    padding: 3px;
    margin : 4px 0 5px 0;
    border-bottom: 1px solid #ccc;
}

h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.1em;
    line-height: 1.2em;
    color: #333;
    background-color: #fff;
    margin : 10px 0;
    padding: 3px;
    border-bottom: 1px solid #ccc;
}

div.hr {
    background : url(../images/separator.gif) repeat-x center;
    margin: 10px 0px 10px 0px; padding : 10px 0 10px 0;
    height: 1px; clear: both; border : 0;
}
div.hr hr { display : none; }

#main { width : 100%; }

#header { background : url(../images/header_background.jpg) repeat-x; }
#headerHolder { width: 766px; }

#navBar { background : url(../images/navbar_background.jpg) repeat-x; clear : both;}
#navBarButtons { width: 766px; }
#navBarButtons img { vertical-align: top;}

#headerDrop {
    background : url(../images/header_drop.jpg) repeat-x;
    height: 27px;
}

#eeeBox { position: absolute; top: 10px; right: 0px; }



.layoutCell { vertical-align : top; }

#leftColumnContainer { width : 200px; }
#rightColumnContainer { width : 179px; }

#leftColumn {
    width:198px;
    border : 1px solid #999; border-left : 0;
    background : url(../images/column_background2.jpg) repeat-x;
}


#middleColumn {
    border:1px solid #999;
    background : url(../images/column_background2.jpg) repeat-x;
    margin : 0 20px 0 20px;
    /* sorts issues with IE6 peekaboo bug and weird placement of EEC watermark
       when the browser was a certain width ie. > 1024 & < around 1900 */

}

#rightColumn {
    width:179px;
    border : 1px solid #999;
    border-right : none;
    background : url(../images/column_background2.jpg) repeat-x;
}

.content {
    padding: 8px;
    font-size: 0.8em;
    border: 2px solid #FFF;
}

#middleColumn .content {
    background : url(../images/eec_watermark4.jpg) no-repeat;
    line-height: 1.2em;
    height: 1%;
    margin-top: 0px;
    padding: 8px;
}


#middleColumn h3 {
    font-size: 1.05em;
    margin-bottom: -2px;
    padding: 3px;
    margin-top: 2px;
    line-height: 1.2em;
    color: #FFFFFF;
    margin-left: 5px;
}

#middleColumn h4 {
    margin: 24px 0px 6px 4px;
    padding-top: 10px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.1em;
    color: #333;
}

#leftColumn .header {
    margin: 2px -1px 0px 0px;
    background : url(../images/column_header_righthand.gif) no-repeat right #93072E;
}
#leftColumn h2 { margin-top: 5px; }
#leftColumn ul { margin: 0px 0px 15px 3px; padding: 0px; list-style: none; line-height: 1.4em; }

#middleColumn .header {
    margin: 2px -1px 0px -1px;
    background: url(../images/column_header_righthand.gif) no-repeat right #93072E;
}

#rightColumn .header {
    margin: 2px 0px 0px -1px;
    background : url(../images/column_header_righthand.gif) no-repeat right #93072e;
}


#footer {
    background :url(../images/footer_background.gif) repeat-x;
    height: 36px;
    margin-top: 20px;
    padding: 0px 0px 15px 221px;
}

#footerContent {
    background : url(../images/footer_righthand.gif) no-repeat right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #FFFFFF;
    height: 31px;
    padding-top: 5px;
}

#footer a { color: #FFF; text-decoration: underline; }
#footer a:hover { color: #fff; text-decoration: none; background: #B40001; }
#footer a:active { color: #fff; text-decoration: none; background: #FF3300; }

.imageLeft {
    float: left;
    padding: 2px;
    border: 1px solid #ccc;
    margin: 0px 10px 3px 0px;

}

.imageRight {
    float: right;
    padding: 2px;
    border: 1px solid #ccc;
    margin: 0px 0px 3px 10px;
}

#topLink {
    padding: 3px 3px 3px 5px;
    border-top: 1px solid #ccc;
    margin-top: 25px;
    clear: both;
    background : url(../images/eec_watermark_small.jpg) no-repeat right #f4f4f4;
}

.comments {
    color: #999;
    font-style: italic;
    font-weight:bold;
}
.price {
    color: #808000;
    font-weight: bold;
}
.price-old {
    color : #666;
    text-decoration : line-through;
}

.featuredWine .float1 {
    width: 56%;
    float: left;
    margin-right: 5px;
    line-height: 1.2em;
}

.featuredWine .float2 {
    float: left;
    width: 41%;
    border-left: 1px solid #ccc;
    padding-bottom: 3px;
    line-height: 1.4em;
}

.featuredWine .float2 div { padding : 0px 10px 10px 0px; margin-left : 5px;}

.searchResult .float1 {
    float: left;
    margin-right: 3px;
}

.searchResult .float2 {
    float: left;
    border-left: 1px solid #ccc;
    margin-bottom: 2px;
}

.featuredWine .float2 .pricingInformation {
    background-color: #ECECE6;
    padding: 2px 4px 4px 4px;
    line-height: 1.6em;
}

.featuredWineHeader {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 3px;
}

.featuredWineHeader a { color: #B40001; text-decoration: underline; }
.featuredWineHeader a:hover { color: #fff; text-decoration: none; background : #B40001; }
.featuredWineHeader a:active { color: #fff; text-decoration: none; background: #FF3300; }

.searchNavTop {
    padding: 7px;
    border: 1px solid #808000;
    vertical-align: middle;
    margin-bottom: 20px;
}

.pager { padding: 5px; border: 1px solid #808000; margin : 5px 0 5px 0; }

#userAccountText { font-size : 0.8em; margin: 0px 0px 10px 0px; }
#search-form { font-size : 0.8em; margin: 0px 0px 10px 4px; }
#search-form input { font-size : 1em; }
#search-form-query { width : 106px; }

fieldset { margin : 0; padding : 0 10px 5px 10px; border : 1px solid #808000; }
legend { margin-bottom : 5px; color : #000; font-weight : bold; font-size:13px; }
.hideable { display : none; }

.data td { padding: 5px; }
.data th { padding : 3px; background : #EAEAEA; }
.data .value { text-align : center; }
.data .total { font-weight : bold; background-color: #ccc; }
table .data { margin-bottom: 10px; }

.vertical-data td, .vertical-data th { border-top : 1px solid #eee; border-bottom : 1px solid #eee; padding : 5px; }
.vertical-data th { text-align : left; font-weight : bold; }


.freightTable th { text-align: left; padding: 4px; background: #EAEAEA; border-bottom: 1px solid #fff; }
.freightTable td { vertical-align: top; padding: 4px; background: url(/images/diagonal_lines_light.gif) #fff; }
table .freightTable { border: 1px solid #ccc; border-spacing: 5px; border-collapse: separate; background-image: url(/images/diagonal_lines_dark.gif); }
.freightTable .total { font-weight : bold; }

.user-form-input { width : 200px; }
.user-form-input-small { width : 40px; }
textarea.user-form-input { height : 60px; }

#order-comments { width : 400px; height : 60px; }

.error { background : #b40001; color : #fff; }

.currency { text-align : right; }

#advanced-search td { padding : 2px; }
#search-num-results { margin-bottom : 3px; }

.cart-status-success { margin : 0; background : #060; color : #fff; font-weight : bold; }
.cart-status-failure { margin : 0; background : #900; color : #fff; font-weight : bold; }

.secureInfo { width: 25%; float: left; padding: 8px; margin: 0px 0px 10px 10px; background-color:#EEE; border: 1px solid #ccc}

.dateTitle { font-style: italic; color: #808000; }

.featuredDate { font-size: 0.8em; color: #808000; font-style: italic; font-weight: normal; margin-left: 35px; font-family: Arial, Helvetica, sans-serif; }

acronym { background: yellow; border: none; cursor: help; }

.feed { background : url(/images/feed-icon-14x14.png) no-repeat left center; padding-left : 18px; }
a.feed:hover { background : #B40001 url(/images/feed-icon-14x14.png) no-repeat left center; padding-left : 18px; }

.order-status { margin : 5px; padding : 5px; background : #eee; border : #c0c0c0; }
.order-status h3 { margin : 0 !important; color : #000 !important; padding : 0 !important; }
.order-status p { margin : 0 !important; padding : 0 !important; }
.order-status-unpaid    { border : 1px solid #e3dcd1; background : #ece6e0;}
.order-status-pending   { border : 1px solid #d1dae3; background : #e0e5ec;}
.order-status-cancelled { border : 1px solid #e3d1d1; background : #ece0e0;}
.order-status-complete  { border : 1px solid #d1e3d1; background : #e0ece0;}
.order-status hr { color : #666; background : #666; }

ul { line-height: 135%; }