/* Hamilton Wines Stylesheet for Clients */

body {
color: #fdf9ee;
font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0px 0px 0px 0px;
scrollbar-3dlight-color: #4f5147;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #f1f1e8;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #4f5147;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #999999;
scrollbar-track-color: #333333;
}

a:link, a:visited {
text-decoration: none;
color: #fdf9ee;
}
a:hover, a:active {
text-decoration: underline;
color: #ffffff;
/* font-weight: bold;*/
}

P {margin-top: 5px; }
P.1 {margin-top: 10px; }
P.2 {margin-top: 20px; }
P.3 {margin-top: 30px; }
P.4 {margin-top: 40px; }

#Page {
position: absolute;
left: 10px;
top: 0px;
width: 400px;
height: 370px;
font : 12px Arial, Helvetica, sans-serif;
color: #fdf9ee;
text-align: justify;
z-index: 1;
overflow: visible;
background-color: transparent; 
border-top : 0px solid White;
border-left : 0px solid White;
border-right : 0px solid White;
border-bottom : 0px solid White;
padding : 0px 0px 0px 0px;
}

#PageDis {
position: absolute;
left: 10px;
top: 0px;
width: 580px;
height: 373px;
font : 12px Arial, Helvetica, sans-serif;
color: #fdf9ee;
text-align: justify;
z-index: 1;
overflow: visible;
background-color: transparent; 
border-top : 0px solid White;
border-left : 0px solid White;
border-right : 0px solid White;
border-bottom : 0px solid White;
padding : 0px 0px 0px 0px;
}

#PageImg {
position: absolute;
left: 5px;
top: 0px;
width: 180px;
height: 20px;
font : 11px Arial, Helvetica, sans-serif;
color: #fdf9ee;
z-index: 1;
overflow: visible;
background-color: transparent; 
border-top : 0px solid White;
border-left : 0px solid White;
border-right : 0px solid White;
border-bottom : 0px solid White;
padding : 0px 0px 0px 0px;
}

.soldout {
font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff0000; font-weight:  bold; 
/*text-align: center;*/
}

.fieldtext {
background-color: #4f5147;
border: 1px inset #888888;
color: #ffffff;
font-family: arial,helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
padding-left: 2px;
vertical-align: middle;
background-image: url(img/corners.gif);
}

.fieldtextorder {
background-color: #333333;
border: 1px solid #4f5147;
color: #ffffff;
font-family: arial,helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
padding-left: 3px;
vertical-align: middle;
background-image: url(img/corners.gif);
text-align: left;
}

.fielddropdown {
background-color: #4f5147;
color: #ffffff;
font-family: arial,helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
vertical-align: middle;
background-image: url(img/corners.gif);
}

.fieldtextarea {
background-color: #4f5147;
border-bottom: 1px;
border-color: #888888 ;
border-left: 1px;
border-right: 1px;
border-top: 1px;
color: #ffffff;
font-family: arial,helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
padding-left: 2px;
scrollbar-3dlight-color: #aeaeae;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #ffffff;
scrollbar-darkshadow-color: #aeaeae;
scrollbar-face-color: #eeeeee;
scrollbar-highlight-color: #eaeaea;
scrollbar-shadow-color: #c0c0c0;
scrollbar-track-color: #ffffff;
vertical-align: middle;
background-image: url(img/corners.gif);
}

.formbutton {
background-color: #4f5147;
border-color: #dddddd;
border-width: 1px;
color: #ffffff;
cursor: hand;
font-family: arial,helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
text-align: center;
}




/* Special Font Variation */
.bold { font-weight : bold; }
.italic {	font-style :  italic; }
.bolditalic { font-style :  italic; font-weight : bold; }
.justify { text-align : justify; }
.link { color : #ffffff; }


.data:hover { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color : #ffffff; text-decoration: none; cursor: hand; }
.data { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color : #000000; }

/* Fonts */
.pageheader { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #fdf9ee; font-weight:  bold; font-style : normal; }
.prodheader { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fdf9ee; font-weight:  bold; font-style : normal; }
.bodylgbold { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fdf9ee; font-weight:  bold; font-style : normal; }
.bodybold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fdf9ee; font-weight:  bold; font-style : normal; }
.body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fdf9ee; font-style : normal; }
SPAN.bodysmall { color: #fdf9ee; font-family: Arial, sans-serif; font-size: 10px; }
.bodysmall { color: #fdf9ee; font-family: Arial, sans-serif; font-size: 10px; }
SPAN.bodyvsmall { color: #fdf9ee; font-family: Arial, sans-serif; font-size: 9px; }
.bodyvsmall { color: #fdf9ee; font-family: Arial, sans-serif; font-size: 9px; }

td { font : 12px Arial, Helvetica, sans-serif; color : #fdf9ee; }

/*  Colours  */
SPAN.blue { color: #0033ff; }
SPAN.blue-1 { color: #336699; }
SPAN.black { color: #000000; }
SPAN.gray { color: #777777; }
SPAN.green { color: #339900; }
SPAN.red { color: #dc143c; }
SPAN.silver {color: #c0c0c0; }
SPAN.tan { color: #d2b48c; }
SPAN.teal { color: #008b8b; }
SPAN.white { color: #ffffff; }
SPAN.yellow { color: #ffff00; }
SPAN.gold { color: #ffd700; }
.gold { color: #ffd700; }
.red { color: #dc143c; }

/* Print Fonts */
.p-pageheaderL { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; font-weight:  bold; font-style : normal; }
.p-pageheader { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; font-weight:  bold; font-style : normal; }
.p-prodheader { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight:  bold; font-style : normal; }
.p-bodylgbold { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; font-weight:  bold; font-style : normal; }
.p-bodybold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight:  bold; font-style : normal; }
.p-body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-style : normal; }
SPAN.p-bodysmall { color: #000000; font-family: Arial, sans-serif; font-size: 11px; }
.p-bodysmall { color: #000000; font-family: Arial, sans-serif; font-size: 11px; }
SPAN.p-bodyvsmall { color: #000000; font-family: Arial, sans-serif; font-size: 9px; }
.p-bodyvsmall { color: #000000; font-family: Arial, sans-serif; font-size: 9px; }