body
{
width: 100%;
color: #fff;
background: #000;
font-family: arial, verdana;
font-size: 62.5%;
text-align: center;
margin: 12px auto 0 auto;
}
html
{
min-height: 100%;
margin-bottom: 1px;
}
img, object, embed
{
border: 0px none;
display: block;
margin: 0;
padding: 0;
}
form
{
margin: 0;
padding: 0;
}

a:visited, a:link
{
outline: none;
color: #3c797a;
text-decoration: underline;
}
a:hover, a:active, a.active:visited, a.active:link
{
outline: none;
color: #fff;
text-decoration: underline;
}

hr
{
clear: both;
width: 100%;
height: 1px;
color: #575757;
border: 0px none;
border-bottom: 1px dotted #575757;
padding: 10px 0 0 0;
margin: 0 0 10px 0;
line-height: 1em;
}

input.input, textarea, select
{
font-size: 1em;
line-height: 1em;
font-family: arial, verdana;
padding: 3px;
border: 0 none;
background: #fff;
color: #575757;
}
select
{
padding: 2px;
}

h2, h3, h4
{
padding: 0;
margin: 0 0 .8em 0;
display: block;
font-size: 1.8em;
line-height: 1.1em;
color: #3c797a;
}
h2.order
{
margin: 20px 0 .8em 0;
width: 100%;
float: left;
}
h2 span.left
{
float: left;
}
h2 span.right
{
width: 210px;
float: right;
}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}

p
{
padding: 0;
margin: 0 0 .7em 0;
font-size: 1.2em;
line-height: 1.6em;
}
p.intro, p.introbreak
{
margin: 0 0 .7em 0;
font-size: 1.6em;
font-weight: bold;
}
p.introbreak
{
clear: both;
padding: 20px 0 0 0;
}

ul, ol
{
margin: 0 0 0 0;
padding: 0 0 0 20px;
}
ul.margin
{
margin: 0 0 20px 0;
}
ul li, ol li
{
font-size: 1.2em;
line-height: 1.4em;
}
li li
{
font-size: 1em;
margin: 0 0 .7em 0;
}

p.logo, h1.logo, div.contenthome p span.t
{
margin: 0;
padding: 0;
float: left;
display: block;
text-indent: -8000px;
font-size: .05em;
line-height: .05em;
}
p.logo a, h1.logo a, ul.news li a, div.panel ul li a
{
float: left;
display: block;
text-decoration: none;
}
p.logo, p.logo a, h1.logo, h1.logo a
{
background: url(/images/logo.gif) no-repeat;
width: 700px;
height: 99px;
}
p.logo, h1.logo
{
position: relative;
z-index: 20;
margin: -69px 0 24px 0;
padding: 0;
}
p.logo img, h1.logo img
{
display: none;
}
p.logo a:hover, h1.logo a:hover{text-decoration: none;}

div.contenthome p span.t{z-index: 20; position: absolute; margin: -86px 0 0 -49px;width: 164px;height: 101px;background: url(/titles/t.gif) no-repeat;}

div.content h1
{
font-size: 2.5em;
font-weight: normal;
line-height: 1.1em;
margin: 0 0 1em 0;
padding: 0;
}
div.content span.brightred
{
color: #ff0000;
}
div.content span.red
{
color: #7E0C2A;
}
div.content span.orange
{
color: #FBB160;
}
div.content span.blue
{
color: #3c797a;
}
div.content span.green
{
color: #A3D93E;
}
div.content span.yellow
{
color: #FFE14E;
}
div.content span.pink
{
color: #cd8ba7;
}
div.content span.purple
{
color: #55425e;
}


div.brennan
{
width: 700px;
margin: auto;
text-align: left;
}

div.header
{
width: 700px;
float: left;
padding: 0;
}
div.header div.image
{
width: 700px;
float: left;
height: 186px;
position: relative;
}
div.header div.image img
{
left: 0;
top: 0;
position: absolute;
}
div.header ul.top
{
width: 700px;
float: left;
padding: 0;
margin: 0 0 12px 0;
list-style-type: none;
}
div.header ul.top li
{
float: right;
font-size: 1.1em;
line-height: 16px;
padding: 0 0 0 13px;
}
div.header ul.top li a:visited, div.header ul.top li a:link
{
color: #50abac;
}
div.header ul.top li a:hover, div.header ul.top li a:active
{
color: #fff;
}
div.header ul.top li.facebook, div.header ul.top li.facebook a
{
background: url(/images/facebook.gif) no-repeat top right;
}
div.header ul.top li.facebook a
{
padding: 0 19px 0 0;
}

div.content, div.contenthome
{
float: left;
width: 650px;
padding: 30px 25px 20px 25px;
background: #191919 url(/images/bottom.gif) no-repeat bottom left;
}
div.contenthome
{
padding-top: 104px;
}

div.content p img.image_right
{
float: right;
padding: 0 0 10px 20px;
}
div.content p img.image_left
{
float: left;
padding: 0 20px 10px 0;
}
div.content p img.image_center
{
margin: auto;
display: inline;
}

div.contentleft
{
float: left;
width: 360px;
padding: 0 18px 0 0;
border-right: 1px dotted #ccc;
}
div.contentleft p
{
float: left;
width: 360px;
}
div.contentright
{
float: right;
width: 250px;
}
div.contentright p
{
width: 100%;
float: left;
margin: 0 0 13px 0;
}
div.contentright p img
{
float: left;
padding: 0 5px 5px 0;
}
div.splitleft
{
float: left;
width: 420px;
padding: 0 18px 0 0;
border-right: 1px dotted #ccc;
}
div.splitleft div.map
{
width: 418px;
height: 350px;
float: left;
border: 1px solid #ccc;
}
div.splitright
{
float: right;
width: 190px;
}

div.content p.top
{
float: left;
width: 650px;
margin: -5px 0 0 0;
text-align: right;
}
div.content div.wine
{
float: left;
width: 630px;
padding: 10px;
margin: 0 0 10px 0;
background: #333333;
}
div.content div.cc
{
float: left;
width: 100%;
}
div.content div.hide
{
display: none;
}
div.content div.wine div.analysis
{
float: left;
width: 630px;
padding: 10px 0 0 0;
}
div.content div.wine p img
{
float: left;
margin: 0 10px 0 0;
border: 1px solid #ccc;
}
div.content div.wine p.soldout
{
	color: #ff0000;
	font-weight: bold;
}
div.content div.wine div.price
{
width: 175px;
float: right;
}
div.content div.wine div.price p
{
font-size: 1.4em;
}
div.content div.wine div.price p strong
{
color: #3c797a;
}
div.content div.wine div.price p del
{
color: #ff0000;
}

div.form
{
width: 100%;
float: left;
}
div.form fieldset
{
width: 638px;
float: left;
border: 1px solid #ccc;
padding: 5px;
margin: 0 0 10px 0;
}
div.form fieldset legend
{
font-size: 1.2em;
font-weight: bold;
padding: 5px;
color: #3c797a;
}
div.form div.formthin, div.form div.formright
{
width: 196px;
float: left;
padding: 0 19px 0 0;
}
div.form div.formhalf
{
float: left;
width: 310px;
}
div.form div.formright
{
padding: 0;
}
div.form div.formright img.ssl
{
border: 0 none;
}
div.form div.formwide
{
width: 630px;
float: left;
}
div.form p.field
{
float: left;
width: 100%;
}
div.form p.submit
{
margin: 0;
float: left;
width: 100%;
}
div.form p.submit input
{
float: right;
background: #3c797a;
border: 0 none;
padding: 5px;
color: #fff;
}
div.form p.field input, div.form p.field textarea, div.form p.field select
{
background: #fff;
border: 1px solid #ccc;
width: 188px;
}
div.form p.field textarea
{
height: 80px;
}
div.form p.field select
{
padding: 2px;
width: 196px;
}
div.form p.field select.auto
{
width: auto;
}
div.form p.field input.alert, div.form p.field textarea.alert, div.form p.field select.alert
{
border: 1px solid #3c797a;
}
div.form span.star
{
color: #3c797a;
font-weight: bold;
}
div.form p.field input#verify
{
width: 130px;
}
div.form p.field img
{
float: right;
}

div.form div.status
{
background: #3c797a;
border: 1px solid #3c797a;
width: 648px;
margin: 0 0 10px 0;
float: left;
}
div.form div.status p
{
width: 638px;
float: left;
padding: 3px 5px;
margin: 0;
color: #fff;
font-weight: bold;
}
div.form div.status ul
{
width: 618px;
float: left;
padding: 3px 5px 3px 25px;
background: #fff;
color: #3c797a;
}
div.form div.status ul
{
margin: 0;
}
div.form p.field span.small
{
line-height: 1em;
font-size: .9em;
}
div.form form
{
float: left;
width: 100%;
}
div.form form.loading
{
background: url(/images/loading.gif) no-repeat top right;
}

div.footer
{
width: 700px;
float: left;
padding: 8px 0 8px 0;
text-align: center;
}
div.footer p
{
width: 700px;
float: left;
margin: 0;
color: #fff;
font-size: 1.1em;
}

abbr, acronym, span.abbr
{
cursor: help;
border-bottom: 1px dotted #cfcfcf;
}

.tip				{ border: 5px solid #3c797a; padding: 10px; width:350px; background: #fff; text-align: left;}
.tip-top			{}
.tip-title		{ color:#3c797a; font-weight:bold; margin:0 0 10px 0; font-size: 1.3em; }
.tip-text		{ color:#000; font-size: 1.2em; }
.tip-bottom		{}