html { font-size: 100%; /* IE hack */ }
/* for resizing to work properly we need the above, */
/* body @ 0.85ems, now 0.75, and table font-size 100%  */
/* also need H1 etc set as below  
*/
* {
    margin:0;
    padding:0;
}
p { margin: 1em 0 0 0; }		/* with margin:0 no blank line precedes p */
body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 0.75em;
	color: #000000;
	background-color: #FFFFFF;		/*#999999 */
	text-align: center;  /*IE hack - doesn't recognise margin 0 auto for centering webpage if in Quirks mode*/

}

table { font-size: 100%; /* IE hack */ 
}

/* webpage based on 900 */
div#container1 {
	margin: 0px auto;		
	width: 980px;
	text-align: left;  /* IE hack - sets it back to left else corner-b ends up centred*/
}
/* original
.shadow-one { position: absolute; padding-top: 100px; padding-left: 100px; } 
.corner-a { position: absolute; right: 0; top: 0; width: 100px; height: 100px; background: url(/images/shadow.png) right top no-repeat; } 
.corner-b { position: absolute; left: 0; bottom: 0; width: 100px; height: 100px; background: url(/images/shadow.png) left bottom no-repeat; } 
.shadow-two { background: url(/images/shadow.png) right bottom no-repeat; } 
.shadow-three { position: relative; left: -100px; top: -100px; background: url(/images/shadow.png) left top no-repeat; } 
.shadow-four { position: relative; left: 50px; top: 50px; } this is margin outside content
reducing 100s to 40s solved IE6 problem. 40 is based on margin of 30 plus 10 for shadow
needed a padding-bottom for some reason after the above, don't know why 20px

.shadow-one { position: relative; padding-top: 40px;  padding-left: 40px;} 
.corner-a { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(/images/shadow.png) right top no-repeat; } 
.corner-b {  position: absolute; left: 0; bottom: 0; width: 40px; height: 40px; background: url(/images/shadow.png) left bottom no-repeat; } 
.shadow-two { background: url(/images/shadow.png) right bottom no-repeat; } 
.shadow-three { position: relative; left: -40px; top: -40px; background: url(/images/shadow.png) left top no-repeat; } 
.shadow-four { position: relative; left: 30px; top: 30px; padding-bottom: 20px;	width: 900px;}
*/

.shadow-one { position: relative; padding-top: 40px;  padding-left: 40px;} 
.corner-a { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(/images/shadow.png) right top no-repeat; } 
.corner-b {  position: absolute; left: 0; bottom: 0; width: 40px; height: 40px; background: url(/images/shadow.png) left bottom no-repeat; } 
.shadow-two { background: url(/images/shadow.png) right bottom no-repeat; } 
.shadow-three { position: relative; left: -40px; top: -40px; background: url(/images/shadow.png) left top no-repeat; } 
.shadow-four { position: relative; left: 40px; top: 40px; padding-bottom: 40px;	width: 900px;}
/* above - webpage based on 900   width needed for FF */

/* webpage based on 900 */
div#bdr1del {
	border: 1px solid #666666;  /* #DCD3C4, border is outside 900*/ 
	margin: 0px auto;	
	width: 900px;

}
/* IE7 needs this here as well as menuwrapper, its child 
	background-image:   url(/p7exp/images/p7exp_mbarnew.jpg);
	background-repeat: repeat-x;	
*/
/*	width:900px; IE6 needs this - done in IE6.css */
div#navIE7	{
	background-image:   url(/p7exp/images/p7exp_mbarnew.jpg);
	background-repeat: repeat-x;
	height: 100%;	/* to make backgrd go to bottom */
}
img#coptitle	{
	border:0; 
	display:block;
	width: 900px;
}	

div#forcebackground {
	clear:both;
	height:1px;
	overflow:hidden;
	font-size:0.1em;
}

/*INPUT, SELECT, TH, TD {font-size:1em}*/

H1 {
	font-size:2em;
	font-family: "Trebuchet MS", Arial, sans-serif;
}  /* displayed at 24px if body is 62.5%*/
H2 {font-size:1.5em}  /* displayed at 18px  if body is 62.5%*/
H3 {font-size:1.25em}  /* displayed at 15px  if body is 62.5%*/
H4 {font-size:1em}  /* displayed at 12px if body is 62.5% */

:link:focus, :visited:focus { /*styles*/ }
a {	color: #000000;	text-decoration: none; }
/*color: red; */
a:visited { }
a:hover, a:visited:hover { color: red; text-decoration: underline; }  /* #00FFFF turquoise */
:link:active, :visited:active { /*styles*/ }

.undlink {
	text-decoration: underline;
}
/* add the i for IE7 bug where float left and italics stop image from rendering */
i { zoom: 1; }

#homeouter a { color: #ffffff;}
#homeouter a:visited { color: red; }

 
.alhs {
	font-size: 0.9em;
}
.c1 {
	text-decoration: underline;
	font-style: italic;
}
.c3 {
	font-size: 160%;
	font-weight: bold;
}
.h1a {
	font-size: 160%;
	font-weight: bolder;
	letter-spacing: 0.4em;
	line-height: 80px;
	font-family: "Trebuchet MS", Arial, sans-serif;

}
/* h2a unused */
.h2a {
	font-size: 180%;
	font-weight: bold;
	letter-spacing: 10px;
	text-align: left;
	color: #999999;
}
.h4a {
	font-size: 130%;
	font-weight: bold;
}
.h4b {
	font-size: 130%;
	font-weight: bold;
	color: #999999;
	font-style: italic;
}
.h5a {
	font-size: 115%;
	font-style: italic;	
}
.clearboth {
	clear:both;	
}

.indent2 {
	margin-left: 2em;
}
.redtext {
	color: #FF0000;
}
.redmess {
	font-size: 100%;
	color: #FF0000;
	font-weight: bold;
}
.errmess {
	font-size: 120%;
	font-style: italic;
	color: #FF0000;
	font-weight: bolder;
}
.centtext {
	text-align:center;	
}
.centdiv {
	width: 450px;
	margin-left: auto;
	margin-right: auto;	
}
.centdiv1 {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.floatl {
	float:left;
}
.floatr {
	float:right;	
	
}
.lhs30 {
	padding-left:30px;
	padding-right:30px;
}
.rhs30 {
	padding-right:30px;
}
.pad100 {
	padding-right: 100px;
	padding-left: 100px;
}
.pad80 {
	padding-right: 80px;
	padding-left: 80px;
}
.margin40r {
	margin-right: 40px;
}
/* 	background-color: #231f20; */
/* webpage based on 900 	padding: 0px;*/
div#homeouter {
	clear:both;
	background-color: black;
	color: #FFFFFF;
	width:900px;	/* this stops IE from defaulting to 898, giving overflow problem */
	
}
#homeouter img {
	padding-top: 6px;
}

/* webpage based on 900 */	
div#homeleft {
	float:left;
	width:288px;
	text-align:center;	
}
/* webpage based on 900 */
div#homemid {
	float:left;
	width:288px;
	text-align:center;			
}
/* webpage based on 900 */
div#homeright {
	float:left;
	width:320px;
}
/* 	width: 900px; see IE6.css  
width is 900px	
padding-left:30px; done on pages that need it now */
div#mainbody {
	clear:both;
	text-align: left;
	background-color: #FFFFFF;
	color: #000000;
	border-right: thin solid #CCCCCC;
	border-bottom: thin solid #CCCCCC;
	border-left: thin solid #CCCCCC;
}

/* webpage based on 900 */
.hist1 {
	width: 300px;
	float:left;
}

.hist2 {
	width: 540px;
	float:left;	
}

.hist3 {
	width: 300px;
	float:right;
}
.faml {
	padding: 0 20px 0 0;	
	float:left;
}

.famr {
	padding: 0 0 0 20px;	
	float:right;	
}

.fam3 {
	width: 300px;
	float:right;
}

table.winesbdr {
	border-collapse: collapse;
	border: 1px solid black;
}
table.winesbdr td {
	padding: 5px;
	border: 1px solid black;
	text-align: left;		/* IE6 - to negate earlier centering of table */
}
td.wineslist {
	background-color: #FFFFFF;
	font-size: 0.9em;	
}
td.wineslist a:hover, a:visited:hover {text-decoration: none; }


.frogbg {
	background-image:  url(../images/frog.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;

}
.novbluebg {
	background-image:  url(../images/bknovblue.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.novpurpbg {
	background-image:  url(../images/bknovpurp.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.novpinkbg {
	background-image:  url(../images/bknovpink.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.ledgebg {
	background-image: url(/images/caustbksep.jpg);
	position: relativedel;		/*  IE6 - else bkgnd not full but then bottle image disappears but if I put this in, my dropdown nav doesn't work */	
	background-repeat: no-repeat;

}
.amadeusbg {
	background-image:  url(/images/bkamadeus.jpg);
	background-repeat: no-repeat;

}
.corkscrewbg {
	background-image:  url(/images/bkcorkscrew.jpg);
	background-repeat: no-repeat;
}
/* as a layer this image goes over the top of navigation drop downs */
.draggreenbg {
	background-image:  url(/images/bkdraggreen.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.postofficebg {
	background-color: #ECE4D1;
	background-image:  url(/images/bkpostoffice.jpg);
	background-repeat: no-repeat;
}
.stingbg {
	background-color: #ECE4D1;
	background-image:  url(/images/bksting1.jpg);
	background-repeat: no-repeat;
}

.bandbtab1 {
	margin-left: auto;
	margin-right: auto;
}
.bandbtab1 td{
	text-align:center;
	padding: 10px;
}
.bandbimgl {
	margin:0 20px 20px 0;
	float:left;
}
.bandbimgr {
	margin:0 0 20px 20px;
	float:right;
}
/*  	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: white white white white;  	
	background-color: white;
	border-collapse: collapse;
	border-width: 10px;
	border-style: solid;
	border-color: red;		
	
	color: #000000;		
	-moz-border-radius: 0px 0px 0px 0px;*/
	
	
table.products {
	width: 840px;
	border-spacing: 6px;
}
table.products td {	
	padding: 10px;
	background-color: #ece4d1;	
}
td.centerimage {
	width: 270px;
	text-align:center;
}
td.pad10 {
	padding: 10px;
}
.CDimage1 {
	margin:0 10px 10px 0;
	float:left;
}
.CDimage2 {
	margin:0 20px 10px 0;
	float:left;
}
.menubdr {
	border: 1px solid gray;
	padding: 10px;
	width: 650px;
	margin: auto;
}
.menu1 {
	padding: 10px;
	font-size: 110%;
	background-color: #ece4d1;
	text-align: center;
}
.wdbottle {
	float:left;
	padding: 20px 35px;
}
table.awards {
	border-collapse: collapse;
	width: 500px;

}	
table.awards td {
	padding: 5px 5px 5px 0px;
	vertical-align: top;
}

.photos1 {
	padding: 10px; 
	border: 3px double #CCCCCC;
}
div.photos2a {
	height: 150px;
	width: 690px; 
	overflow: auto;
}	
table.photos2b {
	border: 1px solid #CCCCCC;	
}
table.photos2b td {

	padding: 10px; 
	border: 1px solid #CCCCCC;
}	
.shop1a {
	font-size: 130%;
	float: left;
	width: 450px;
	font-weight: bold;
}
.shop1b {
	padding:30px;
}
/*  	background-color: #ECE4D1; */
.shoptab1 {
	background-color: #ECE4D1;
	border: thin solid #666666;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	border-collapse: collapse;	
}
/*  	padding: 3px;*/
table.shoptab1 td{

}
table.shoptab2 {
	border: thin solid #666666;
 	margin-left: auto ;
  	margin-right: auto ;	
	width: 600px;

}
/*  		background-color: #ECE4D1;*/
table.shoptab2 td{
	background-color: #ECE4D1;
	padding: 3px;
}
.shop2ht {
	line-height: 25px;
	border-spacing: 3px;
	background-color: white;
}
.shop3a {
	width: 295px;
	border: medium ridge #ECE4D1;
	padding: 5px;
}
  .checkout {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
  .checkoutinput {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}   
  .nopcart {background: #464444;border: 1px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff;}
  
  .nopheader {
	background: #464444;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
}
/* 
	border-top: none;
	border-right: solid;
	border-bottom: solid;
	border-left: solid;  
*/
  .nopentry {
	background: #ece4d1;
	line-height: 20px;
	padding: 0 10px  0 10px;
}
  .nopentrytable {
	text-align: center;
	padding: 5px;
	border: 2px solid #FFFFFF;
	font-size: 90%;
}
  .nopentrytable input {
	height: 1.2em;
	font-size: 100%;
	text-align: right;	
}
  .nopentrytotals {
	border: 2px solid #FFFFFF;
	text-align: right;	
	width: 600px;	
}	
  .nopentrytotals input {
	font-size: 90%;
	text-align: right;		
}
  .nopentrytotals td{
	padding-right: 5px;
}	
  .noptotal {background: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
  .nopbuttondel {background: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.nopheaderDiscdel {
	background: #464444;
	color: #FFCCFF;
	font-weight: bold;
	text-align: center;
}

.nopentryDiscdel {
	background-color: #FFCCFF;
}

.orderhdr {
	font-weight: bold;
	background-color: #FFFFFF;
	height: 30px;
	padding: 10px;
}
div#maineditor {
	border: thin solid #CCCCCC;
 	margin: auto ;	
	text-align: center;
}
/* for database - first, previous, next, last */
table.editor1 {
	border-collapse: collapse;
 	margin: auto ;	

}  
table.editor1 td{
	border: 2px solid #999999;
	padding: 5px;
	width: 50px;
} 
table.editor2 {
 	margin: auto ;	
}
table.editor2 th{
	background: #464444;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
} 	
table.editor2 tr{
	line-height: 20px;
} 	  
table.editor2 td{
	background: #ece4d1;
	padding: 0 10px;
} 
table.editorleft {
	margin:auto;
	line-height: 20px;
	border: 1px solid;
	text-align: left;	
}
td.editorlefta {
	background: #ece4d1;
	font-weight: bold;
	padding: 0 10px  0 10px;
}
td.editorleftb {
	border: thin solid gray;
	padding: 0 10px  0 10px;	
}

  
.htdel {
	line-height: 20px;
}
.td1del {
	background-color: #FFFFEA;
	border: thin outset #666666;
	padding: 2em;
	font-style: italic;
}
.bgyellowdel {
	background-color: #FFFFCC;
}
.redastdel {
	font-size: 160%;
	font-weight: bold;
	color: #FF0000;
}


.tab1del {
	background-color: #FFFFFF;
	border: thin solid #666666;
}
.aligninputdel{
	text-align: right;
	display: block;
}

.tdlhsdel {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #666666;
	margin-right: 10px;
	vertical-align: top;
	font-size: 0.85em;
	width: 150px;
}

.wd1del {
	font-size: 1.2em;
	font-weight: bold;

}
.wd2del {
	font-weight: bold;

}
.p12del {
	font-size: 12pt;
}
.p11del {
	font-size: 11pt;
}
.p10del {
	font-size: 10pt;
}

.undlinksdel {
	font-size: 0.7em;
	text-decoration: underline;
	font-weight: normal;
}