* {margin: 0;padding: 0;}
html, body {
height: 100%;
}
body {
font-family: arial, helvetica, sans-serif;
font-size: 76%;
color: #000;
background: #E5C4DB;
}
#pagepreview_wrap {
background: #fff;
padding: 25px;
min-height: 100%;
}
#wrapper {
padding: 0;
margin: 0 auto;
max-width: 1191px;
min-width: 1000px;
position: relative;
min-height: 100%;
background: #fff;
_width: 1000px;
_height: 100%;
}
body#pagehome #wrapper {background: #fff url(../images/back1.jpg) no-repeat 50% 100%;}
body#pageabout #wrapper {background: #fff url(../images/back2.jpg) no-repeat 100% 200px;}
body#pageclients #wrapper {background: #fff url(../images/back3.jpg) no-repeat 50% 210px;}
body#pagecontactus #wrapper {background: #fff url(../images/back4.jpg) no-repeat 60% 50px;}
#container {
background: url(../images/menu.png) no-repeat 428px 0;
}
body#pagehome #container {
padding-bottom: 170px;
}
#header {
background: url(../images/headr.png) no-repeat 428px 51px;_position: relative;_background: url(../images/headr.gif) no-repeat 428px 51px;
}
#logo {
background: url(../images/logo.png) no-repeat 0 0;
height: 109px;
text-indent:-5000px;
margin:0;padding:0;border:0;
}
#headertext {
position: absolute;
left: -5000px;
}
#inner {
padding-top: 72px;
background: url(../images/headb.png) no-repeat 0 0;_background: url(../images/headb.gif) no-repeat 0 0;
_zoom: 1;
}
#nav {
position: absolute;
top:20px;
right: 20px;
}
#nav a {
outline: none;
}
#nav1 {
list-style:none;
margin: 0; border: 0;
}
#nav1 li {
margin: 0; padding: 0; border: 0;
float:left;
position: relative;
display:block;
z-index: 1000;
}
#nav1 li#link1 {
}
#nav1 a {
display:block;
margin: 0;padding: 0 1px;
font-size: 13px;
text-indent: -5000px; overflow: hidden;
height: 20px;
text-decoration: none;
background-repeat: no-repeat;
background-position: 50% 0;
font-family: Arial Black;
color: white;
_text-indent: 0; _overflow: visible;
_padding:0 4px;_text-align: right;
}
#nav1 a:link, #nav1 a:visited {
}
#nav1 a:focus, #nav1 a:hover {
background-position: 50% -20px;
color: #E5C4DB;
}
#nav1 a:active {
}
#nav1 li.current a {
background-position: 50% -20px;
}
#nav1 #lihome a {background-image: url(../images/nav1.png); width: 90px; _background-image: none;}
#nav1 #liabout a {background-image: url(../images/nav2.png); width: 95px; _background-image: none;}
#nav1 #liproducts a {background-image: url(../images/nav3.png); width: 110px; _background-image: none;}
#nav1 #liclients a {background-image: url(../images/nav4.png); width: 100px; _background-image: none;}
#nav1 #linews a {background-image: url(../images/nav5.png); width: 85px; _background-image: none;}
#nav1 #lipress a {background-image: url(../images/nav7.png); width: 85px; _background-image: none;}
#nav1 #licontactus a {background-image: url(../images/nav6.png); width: 120px; _background-image: none;}
#nav1 #nav2 {
position: absolute;
top: 15px; right: 21px; /*right: 268px;*/
list-style:none;
margin: 0; border: 0;
padding-top: 31px; /* needed for rollover */
*background: url(../images/blank.png) repeat 0 0; /* prevents ie onmouseout bug */
_right: 0px;
}
#nav1 #nav2 li {
float: none;
margin:0 0 3px;padding:0;
*margin:0 0 2px;
}
#nav1 #nav2 a {
display: block;
margin:0;padding:0;
width: 175px;height: 16px;line-height: 14px;
font-weight: normal;
font-family: "Arial Black", arial, sans-serif;
text-decoration: none;
color: #A90B76;text-indent: 0px; overflow:visible;
text-align: right;
font-size: 13px;
background-image: none;
/*
background-repeat: no-repeat;
background-position: 100% -120px;
*/
}
/*#nav2 #linkcategory1 a {background-image: url(../images/wine1.png);text-indent: -5000px; overflow: hidden; _background-image: none;}
#nav2 #linkcategory2 a {background-image: url(../images/wine2.png);text-indent: -5000px; overflow: hidden; _background-image: none;}
#nav2 #linkcategory20 a {background-image: url(../images/wine3.png);text-indent: -5000px; overflow: hidden; _background-image: none;}
#nav2 #linkcategory19 a {background-image: url(../images/wine4.png);text-indent: -5000px; overflow: hidden; _background-image: none;}
#nav2 #linkcategory21 a {background-image: url(../images/wine5.png);text-indent: -5000px; overflow: hidden; _background-image: none;}
#nav2 #linkcategory22 a {background-image: url(../images/wine6.png);text-indent: -5000px; overflow: hidden; _background-image: none;}
#nav2 #linkcategory25 a {background-image: url(../images/wine25.png);text-indent: -5000px; overflow: hidden; _background-image: none;}
#nav2 #linkcategory26 a {background-image: url(../images/wine26.png);text-indent: -5000px; overflow: hidden; _background-image: none;}*/
#nav1 #nav2 a:link, #nav1 #nav2 a:visited {}
#nav1 #nav2 a:focus, #nav1 #nav2 a:hover, #nav1 #nav2 li.current a {
color: #E5C4DB;
/*background-position: 100% 0;*/
}
#nav1 #nav2 a:active {}
#user {
position: absolute; top:71px; right:25px;
}
#loginarea {
position: absolute; top:35px; right:0;	
}
#loginbox {
position:relative;
width: 312px; height: 69px;
padding-top: 1px;
background: url(../images/loginbox.png) no-repeat 0 0;
_background: url(../images/loginbox.gif) no-repeat 0 0;
}
#loginbox h2 {
display: none;
}
#loginbox p {
padding:0;
}
#loginbox .email, #loginbox .password {
margin: 8px 0 0 15px;	
}
#loginbox label {
color: white;
float:left;clear: left;
width: 72px;height: 22px; line-height: 22px;
}
#loginemail, #loginpassword {
background: white;border:0;
width: 160px;height: 18px;
padding: 2px;
}
#loginbox #login {
position: absolute; right: 8px; bottom: 14px;
height: 45px; width: 45px;
margin:0; padding:0; border: 0;
text-indent: -5000px; overflow: hidden; line-height: 500px;
background: url(../images/login.png) no-repeat 0 0;
cursor: pointer;
_background: url(../images/login.gif) no-repeat 0 0;
}
#loginbox #login:hover {
}
#logoutbox {
position: absolute; top:0; right:0;
}
#loginbox .register,
#logout, .buttons a {
display:block;
width: 140px;
padding: 3px 6px;
height: 17px; line-height: 17px;
text-decoration: none;
border:0;
background-image: url(../images/input.png);
background-repeat: no-repeat;
background-position: 0 0;
color: #A90B76;
float: left;
text-align: center;
_background-image: url(../images/input.gif);
}
#loginbox .register, #logout {
position: absolute;
top: -35px; right: 160px;
}
#loginbox .register:focus, #loginbox .register:hover, #logout:focus, #logout:hover, .buttons a:hover {
background-position: 0 -23px;
color: white;
}
.buttons a {
margin: 0 5px 5px 0;
}
#basketbox {
position: absolute; top:0; right:0;
}
#basketbox a {
display:block;
width: 112px;
padding-left: 40px;
height: 23px; line-height: 23px;
background-image: url(../images/basket.png);
background-repeat: no-repeat;
background-position: 0 0;
font-size: 0.9em;
text-align: left;
text-decoration: none;
_background-image: url(../images/basket.gif);
}
#basketbox a:focus, #basketbox a:hover {
background-position: 0 -23px;
color: white;
}
#content {
clear: left;
min-width: 996px;
max-width: 1096px;
margin: 10px auto 0 50px;
padding-top: 30px;
padding-bottom: 100px;
_width: 996px;
}
#pagehome #content {
padding-right: 350px;
min-width: 550px;
max-width: 750px;
margin-left: 100px;
padding-top: 0px;
padding-bottom: 0px;
_width: 550px;
}
#pageabout #content, #pagep9 #content, #pagep10 #content, #pagepaypal #content {
padding-right: 320px;
min-width: 606px;
max-width: 776px;
_width: 606px;
}
#pageproducts #content {
padding-top: 60px;
}
#pagecontactus #content {
min-width: 896px;_width: 896px;
}
#pageclients #content {
padding-top: 0px;
}
#main {
min-height: 250px;_height: 250px;
}
#pageproducts #main {
width: 950px;
margin:0 auto;
}
#pageclients #main {
color: #444;
font-size: 0.9em;
}
#pagepress #main, #pagenews #main {
width: 950px;
margin:0 auto;
}
#side {
float:right;
width: 210px;
}
#pagehome #side, #pageregister #side {
margin-left: 20px;
margin-bottom: 50px;
position: relative;
width: 210px;
padding: 60px 20px 10px;
min-height: 150px;
background-repeat: no-repeat;
background-position: 0 0;
background-image: url(../images/offers.png);
_background-image: url(../images/offers.gif);
_margin-top: 20px;
_height: 150px;
}
#pageregister #side {
float:left;
margin-top: 0px;
}
#pageclients #side {
width: 30%;
margin-right: 20px;
float: left;
}
#pageabout #side {
float:none;
width: auto;
padding-bottom: 30px;
}
#pagecontactus #side {
width: 270px;
padding: 20px 20px 50px 0;
color: #444;
font-size: 1.2em;
}
#pagecontactus #side p {
padding: 0;
}
#pagebasket #content, #pageorders #content, #pageregister #content, #pagereset #content {
width: 996px;
padding-top: 10px;
margin: 0 auto;
}
#endnote {
width: 312px;
color: #444;
text-align: right;
padding-top:8px;
font-size: 0.9em;
}
#pagehome #endnote {
padding-top:264px;
}
#pagehome.member #endnote {
padding-top:334px;
}
#foothold {
position:absolute;
right: 0;
bottom:0;
min-width: 200px;
text-align: right;
}
#foothold2 {
position:absolute;
left: 0;
bottom:3px;
}
#footertext {
text-align: right;
font-size: 1em;
position: absolute;
bottom:0px;
right:0;
}
#footertext span {
display: block;
}
#pagehome #footertext {
bottom: 220px;
}
#vattext {
text-align: left;
font-size: 1em;
position: absolute;
bottom:15px;
left:0;
}
#footer p {
font-size: 1em;
padding:4px 25px 4px 10px;
color: #999;
}
#footer p a {
}
.scrolldown, .scrollup {
position: absolute;
right:10px;
width: 18px; height: 40px;
cursor: pointer;
}
.scrolldown {
bottom: 10px;
}
.scrollup {
bottom:55px;
}
/*typography*/
a {
text-decoration: none;
font-weight: bold;
color: #A90B76;
}
a:link {}
a:visited {}
a:focus, a:hover {
color: #9DC825;
}
a:active {
color: #000;
}
.highlight a {color: #999;}
.highlight a:link {}
.highlight a:visited {}
.highlight a:focus, .highlight a:hover {color: #9DC825;}
.highlight a:active {color: #000;}
.error a {color: #9DC825;}
.error a:link {}
.error a:visited {}
.error a:focus, .error a:hover {color: #999;}
.error a:active {color: #000;}
h1 {
font-size: 24px;
color: #999;
font-weight: normal;
padding: 0.5em 0;
}
#pagehome #pagetitle, #pageabout #pagetitle, #pageproducts #pagetitle, #pagepress #pagetitle, #pageclients #pagetitle, #pagenews #pagetitle, #pagecontactus #pagetitle {
display: none;
}
h2 {
font-size: 16px;
color: #A90B76;
padding: 0 0 0.5em;
}
#pageabout h2 {
line-height:1;
padding:0;
}
#pageclients h2 {
padding:0;
}
h1 a, h2 a, h3 a {
text-decoration: none;
}
h3,h4,h5,h6 {
padding:  0 0 0.5em;
line-height: 1.4;
}
h3 {
font-size: 14px;
}
h4, h5, h6 {
font-weight: bold;
font-size: 1em;
}
p, li {
font-size: 1.1em;
}
#pageclients p {
padding: 0;
}
li li {
font-size: 1em;
}
p {
padding: 0 0 0.5em;
line-height: 1.4;
}
#side p, #content p { /* this is important as process_content now adds a <br /> to all <p>s */
padding: 0;
}
#content p, #content h2, #content h3, #content h4, #content h5, #content h6 {
max-width: 700px;
}
#content li {
max-width: 630px;
}
ul, ol {
padding: 0 0 1em 70px;
}
li {
margin: 5px 0 0 0;
}
strong, b {
font-weight: bold;
}
label strong {
color: #000;
}
big {
font-size: 1.5em;
}
small {
font-size: 0.85em;
line-height: 1.2;
}
table {
width: 100%;
border-collapse: collapse;
}
th {
text-align: left;
}
tr.blank td {
height: 10px;
}
tr.grandtotal {
font-weight: bold;
font-size: 1.2em;
}
img {
border: 0;
}
#errors {
margin-bottom: 20px;	
padding: 10px 0 0 100px;
background: url(../images/error.png) no-repeat 0 0;
min-height: 80px;
_background: url(../images/error.gif) no-repeat 0 0;
_height: 80px;
}
.error {
color: #A90B76;
}
#content p.error {
padding-bottom: 5px;
}
label {
font-weight: bold;
display: block;
}
input, textarea {
font-family: arial, verdana, sans-serif;
}
input.textinput, textarea {
border: 1px solid #ccc;
font-size: 1em;
padding: 3px;
}
input.textinput:focus, textarea:focus {
border: 1px solid #aaa;
}
h2.category {
position: absolute;
left: -5000px;
}
.categorytext {
margin-left: 100px;
padding-bottom: 30px;
}
/* special inserts css */
.hide {
display:none;
}
.clear {
clear: both;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.float {
float: left;
margin-right: 1em;
margin-bottom: 1em;
}
.floatright {
float: right;
margin-left: 1em;
margin-bottom: 1em;
}
.highlight {
color: #A90B76;
}
.highlight2 {
color: #9DC825;
}
#pagepress .box {
float:left;	
width: 300px;
}
/* listings */
.listing {
position: relative;
width: 700px;
}
.minilisting, .pressitem, .newsitem {
position: relative;
float:left;
width: 450px;
margin-bottom: 20px;
}
.minilisting{
min-height:260px;
_height: 260px;
}
.pressitem {
min-height: 125px;_height: 125px;
}
.newsitem.odd, .pressitem.odd {
clear:left;
margin-right: 30px;
}
.pressitem.odd {
border-right: 1px dashed #ccc;
}
.listing .images, .minilisting .images, .pressitem .images, .newsitem .images {
position:relative;
float:left;
min-height: 75px;_height: 75px;
}
.listing .images {width: 200px;}
.minilisting .images {width: 100px;}
.pressitem .images {width: 120px;}
.newsitem .images {width: 50px;}
.listing .details, .minilisting .details, .pressitem .details, .newsitem .details {
float:left;
}
.listing .details {width: 500px;padding-top: 10px;}
.minilisting .details {width: 320px;}
.pressitem .details {width: 310px;}
.newsitem .details {width: 390px;}
.listing .short {
padding-bottom: 10px;
}
.listing h2 {
padding-bottom: 1em;
}
.minilisting h3, .pressitem h2, .pressitem h3, .newsitem h3 {
padding-bottom: 0.25em;
font-size: 16px;
}
.pressitem h2 {
padding-top: 10px;
}
#content .pressitem p, #content .newsitem p {
padding: 0 0 0.5em 0;
font-size: 13px;
}
#content #news .newsitem p {
font-size: 12px;
}
#pageproducts .gallery_mainimagewrap, #pageproducts .gallery_thumbs {width: 150px;}
.gallery_thumbs div {float:left;}
.gallery_thumbs a {
display: block;
text-align: center;
margin: 5px 5px 0 0;
}
.listing h2, .minilisting h2, .listing h3, .minilisting h3 {font-size: 1.4em;}
#content .minilisting p, #content .listing p {font-size: 1em;}
#content .listing p.brand, #content .minilisting p.brand, #content .listing p.price, #content .minilisting p.price {font-size: 1.1em;}
#content .listing p.brand, #content .minilisting p.brand {color: #A90B76;}
.freedelivery, #content .listing p.freedelivery {
font-style: italic;
color: #666;
font-size: 0.8em;
}
#news {
position: absolute; top:190px; right:25px;
background: #fff url(../images/side.png) no-repeat 0 0;
width: 272px;height: 184px;
padding: 50px 30px 10px 10px;
_background: #fff url(../images/side.gif) no-repeat 0 0;
}
#pagehome .side h2, #pageregister .side h2, #news .newsitem h3 {
font-size: 1em;
}
#newscontent {
position: relative;
height: 193px;width: 272px;
overflow: hidden;
}
#news .newsitem { /*front page*/
width: 256px;height: auto;
margin: 10px 0 15px 15px;
clear:left;
}
#news .newsitem .images {width: 40px;}
#news .newsitem .details {width: 215px;}
#content #news .newsitem .date {
font-size: 0.7em !important;
padding-bottom: 0 !important;
}
#content .listing .date, #content .date {
color: #bbb !important;
}
.addtobasket, .inbasket, #content .detail5 {
position: relative;
width: 152px;
margin:1em 0 0 0;padding: 0;
height: 40px;
}
#content .detail5 {
margin-left: 0px;
}
.minilisting .addtobasket, .minilisting .inbasket, #content .minilisting .detail5 {position: relative;}
.addtobasket .submit, .addtobasket .minus, .addtobasket .plus {
position: absolute;top:0;
border: 0; color: #A90B76;
cursor: pointer;
}
.addtobasket .submit, .inbasket a, .detail5 strong {
left: 0px;
display:block;
text-align: center;
text-decoration: none;
background-image: url(../images/input.png);_background-image: url(../images/input.gif);
background-repeat: no-repeat;
background-position: 0 0;
background-color: transparent;
z-index: 1;
font-size: 1em;
font-weight: bold;
width: 152px;height: 23px;line-height:23px;
vertical-align: top;
}
.inbasket a {
background-image: url(../images/input2.png);_background-image: url(../images/input2.gif);
}
.detail5 strong {
color: #9EC827;
background-image: url(../images/input3.png);_background-image: url(../images/input3.gif);
}
.addtobasket .submit:hover, .inbasket a:hover {
background-position: 0 -23px;
color: white;
}
.addtobasket .minus, .addtobasket .plus {
margin-top: 4px;
background-color: transparent;
width: 13px;height: 15px;
text-indent: -5000px;
line-height: 1000px; overflow: hidden;
background-repeat: no-repeat;
background-position: 50% 0;
}
.addtobasket .minus {
background-image: url(../images/minus.png);_background-image: url(../images/minus.gif);
left: 4px;
z-index: 2;
}
.addtobasket .plus {
background-image: url(../images/plus.png);_background-image: url(../images/plus.gif);
right: 4px;
z-index: 3;
}
.addtobasket .minus:hover, .addtobasket .plus:hover {
background-position: center;
background-position: 50% -20px;
}
#orders .orderid a {
display: block;
width: 87px; height: 28px; line-height: 28px;
text-align: center;
font-size: 1.5em;
background-repeat: no-repeat;
background-position: 50% 0;
background-image: url(../images/oid.png);_background-image: url(../images/oid.gif);
}
#orders .orderid a:hover {
background-position: 50% -28px;
color: white;
}
.productslink {
text-align: right;
}
tr.voucher {
color: #9DC825;
background: #fff;
}
.offer, span.voucher {
display: block;
font-style: italic;
}
#contactform, #registerform, #basket, #resetform, #orders, #order {
position: relative;
width: 540px;
background: url(../images/formbottom.png) no-repeat 0 100%;_background: url(../images/formbottom.gif) no-repeat 0 100%;
margin: 0 20px 20px 0;
}
#contactform, #registerform, #basket, #resetform {
padding: 0 0 70px;
}
#contactform h2, #registerform h2, #basket h2, #resetform h2, #orders h2, #order h2 {
padding: 20px;
line-height: 1;
background: url(../images/formtop.png) no-repeat 0 0;_background: url(../images/formtop.gif) no-repeat 0 0;
}
#contactform h3, #registerform h3, #resetform h3 {
padding: 0;
margin: 0 20px;
}
#contactform p, #registerform p, #resetform p {
padding: 0;
margin: 0 20px;
}
#contactform .textinput, #registerform .textinput, #resetform  .textinput {
width: 490px;
margin: 0;
padding: 4px 5px;
border: 0;
background: white;
}
#contactform label, #registerform label, #resetform label {
padding:0;
font-weight: normal;
color: #444;
}
#registerform .tick, #registerform .select  {
padding: 5px 0 0;
}
#registerform {
float:left;
_margin-left: 20px;
}
#resetform {
}
#tick, #subscribe, #confirm, .checkbox {
margin: 5px 5px 0 0;
float: left;
}
#send, #submit, #checkout, #reset {
position: absolute; right: 15px; bottom: 15px;
height: 45px; width: 45px;
margin:0; padding:0; border: 0;
text-indent: -5000px; overflow: hidden; line-height: 500px;
cursor: pointer;
background-repeat: no-repeat;
background-position: 0 0;
}
#send {
background-image: url(../images/send.png);_background-image: url(../images/send.gif);
}
#submit {
background-image: url(../images/submit.png);_background-image: url(../images/submit.gif);
}
#reset {
background-image: url(../images/reset.png);_background-image: url(../images/reset.gif);
}
#checkout {
width: 114px;
background-image: url(../images/checkout.png);_background-image: url(../images/checkout.gif);
}
#basket, #order {
float:left;
}
#basket table, #orders table, #order table {
margin: 0 20px 20px;
width: 500px;
}
#basket th, #basket td, #orders th, #orders td, #order th, #order td {
padding: 2px;
}
#basket a, #orders a, #order a { 
text-decoration: none;
font-size: 1.1em;
}
#basket .even, #order .even {
background: #fff;
}
#basket .grandtotal, #order .grandtotal {
background: white;
}
#basket p, #orders p, #order p {
margin: 0 20px;
}
#terms {
float: left;
margin: 5px 5px 0 0;
}

.address {
float: left;
position: relative;
width: 310px;
padding: 0 0 20px;
margin: 0 20px 20px 0;
background: url(../images/box2bottom.png) no-repeat 0 100%;_background: url(../images/box2bottom.gif) no-repeat 0 100%;
}
.address h2 {
padding: 20px 20px 10px;
color: #9DC825;
line-height: 1;
background: url(../images/box2top.png) no-repeat 0 0;_background: url(../images/box2top.gif) no-repeat 0 0;
}
.address p {
margin: 0 20px;
padding: 0 0 0 100px;
background: white;
}
.buttons {
padding-top: 20px;
}
#pageregister .buttons {
padding-top: 0px;
clear: left;
}
.message {
background: white;
display: block;
padding: 5px;
margin-bottom: 1px;
}
.note {
text-align: right;
padding-top: 10px;
margin-bottom: 20px;
}
.confirm {
margin-top: 20px !important;
}
.feed h2 {
clear: none;
}
.feed {
float:left;
width: 300px;
font-size: 1.25em;
}
.feed ul {
padding-left: 40px;
font-size: 0.85em;
}
.feed li {
color: #A90B76;
padding-bottom: 0.25em;
}
.feed li li {
padding-bottom: 0em;	
}
.feed li a {
font-weight: normal;
color: #000;
}
.feed li a:visited {
color: #666;
}
.feed li a:hover {
color: #9DC825;
}