html, body {
	height: 100%; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 82%;
	background-image: url('images/header_bg.jpg'); background-repeat: repeat-x;
}

#main { width: 970px; margin: auto; }

#content { width:950px; height:100%; margin: 5px auto; font-family: "Trebuchet MS", Arial, sans-serif; color: #000; font-size: 13px; }
.contentProp { float: right; width: 1px; height: 300px; }
.contentClear { clear: both; height: 1px; overflow: hidden; }

#content h1 { font-size: 20px; color: #666; margin-top: 30px; }
#content h2 { font-size: 14px; color: #000; }
#content h3 { font-size: 14px; color: #cc9933; font-weight: normal; margin-top: 4px; margin-bottom: 4px; }
#content p { margin-top: 6px; margin-bottom: 6px; }
#content a { font-weight: bold; text-decoration: none; color: #990000; }
#content a:hover { font-weight: bold; text-decoration: underline; color: #996600; }


hr { width: 80%; border: none 0; border-top: 1px solid #cc9933; height: 1px; }

.clear { display: block; clear: both; height: 1px; width: 90%; overflow:hidden; }

.smallprint { color: #666; font-size: 10px; }


/* Persistent top links */
#topLinks { width: 950px; height: 19px; margin-left: auto; margin-right:auto; line-height: 16px; text-align: right; font-size: 10px; }
#topLinks a { color: #c7b4a5; text-decoration: none; margin-left: 20px; }
#topLinks a:hover { text-decoration: underline; }


/* Logo */
#headerTop { width:950px; height:110px; margin-left:auto; margin-right:auto; }

#logo { float: left; height: 95px; width: 250px; margin-top: 5px; }
#logo img { border: 0px; }


/* Basket Info (Header) */
#basketInfo { float: right; height: 70px; width: 220px; margin-top: 28px; color:#c7b4a5; font-size: 11px; display: inline; }
#basketText { float: left; display: inline; width: 130px; height: 70px; text-align: right;}
#basketText p { margin-top: 6px; }
#basketText a { color: #c7b4a5; text-decoration: none; }
#basketText a:hover { text-decoration: underline; }
#basketImg { float: right; display: inline; width: 62px; height: 70px; }
#basketImg img { border: 0px; }

/* Temp header Messages. */
#tempHeaderInfo { position: absolute; height: 70px; width: 420px; top: 28px; left: 300px; color:#999; font-size: 10px; border: 1px dashed #ccc; z-index: 4; }

/* Main menu */
.menu { width:950px; height: 29px; margin-left: auto; margin-right: auto; font-size: 11px; line-height: 28px; }
.menu a {
	height: 29px;
	color: #ece8e6;
	text-decoration: none;
	background: url('images/nav_divider.gif'); background-repeat: no-repeat; background-position: 0 7px;
	padding-left: 12px; padding-right: 12px;
	float: left;
	display: inline;
}
.menu a:hover { background: url('images/nav_link_bg.gif'); }
.menu a:hover, .menu a.current{ background: url('images/nav_link_bg.gif'); }

/* Second level menu links */
#tabMenu { width: 950px; height: 21px; margin-left: auto; margin-right: auto; padding-top: 4px; }
.tabcontainer { clear: left; width:95%; /*width of 2nd level sub menus*/
	height: 1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/ }
.tabcontent { display:none; color:#6a4634; }
.tabcontent a { color: #ccc3be; text-decoration: none; }
.tabcontent a:hover { color: #b3aba6; }


#banner { width: 950px; height: 136px; margin: 0 auto; background: #fff; }


/* Persistent bottom links */
#footerTop { width:100%; height: 3px; overflow: hidden; background: #671320; margin-top: 20px; }
#bottomLinksContainer { width:100%; height:19px; margin: 3px auto; line-height:16px; text-align:right; font-size:10px; background: #85002f; border-top: 1px solid #ad0038; border-bottom: 1px solid #460022; }
#bottomLinks { width: 950px; margin: 0px auto; }
#bottomLinks a { color: #c7b4a5; text-decoration: none; margin-left: 20px; }
#bottomLinks a:hover { text-decoration: underline; }


/* Footer etc */
#nav-bottom { width: 950px; margin: 20px auto; text-align: right; display: block; padding: 4px; background: #fff; }
#card-logos { width: 930px; height: 30px; margin: 10px auto; text-align: right; display: block; background: url('images/home_footerlogos.gif') no-repeat top right; }


/* End of shard styling ------------------------------------------------------------------------------------- */



/* About */
.aboutImgLHS { float: left;  margin: 10px 0px 40px 40px; padding: 3px; border: 1px solid #ccc; }
.aboutImgRHS { float: right;  margin: 0px 40px 40px 0px; padding: 3px; border: 1px solid #ccc; }
.aboutTextLHS { float: left;  width: 400px; margin: 0px 0px 40px 40px; }
.aboutTextRHS { float: right;  width: 400px; margin: 0px 40px 40px 0px; }

/* Team */
#teamLHS { float: left; margin-top: 20px; margin-left: 10px; margin-right: 10px; margin-bottom: 50px; width: 600px;  padding: 4px; min-height: 300px; }
.teamImg { float: left; margin-right: 12px; margin-bottom: 8px; padding: 3px; border: 1px solid #ccc; }
#teamLHS hr { border: none 0; border-top: 1px solid #cc9933; height: 1px;}
.teamLHSlikes { color: #797979; }
.teamNameName { font-weight: bold; font-size: 14px}
#teamNames { float: right; margin-top: 20px; margin-left: 10px; margin-right: 10px; margin-bottom: 50px; width: 262px;  min-height: 300px; }
.teamName { width: 260px; height: 54px; background: url('images/box_teamName.gif'); margin-bottom: 6px; }
.teamNameImg { float: left; margin: 4px 12px 4px 4px; padding: 2px; border: 1px solid #ccc; background: #fff; }
.teamNameImg:hover { float: left; margin: 4px 12px 4px 4px; padding: 2px; border: 1px solid #000; background: #fff; }
.teamNameDesc { color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

/* Selection Process */
#selectionProcess { float: right; margin-top: 50px; margin-left: 20px; margin-right: 20px; width: 500px; background: url('images/about_selection.jpg'); background-repeat: no-repeat; /*border: 1px solid #ccc;*/ height: 300px; }

/* Sommeliers Page */
#sommelierMain { float: left; width: 300px; min-height: 400px; margin: 0px 0px 40px 0px; }
#sommelierPeople { float: right; width: 350px; height: 400px; margin: 20px 0px 40px 0px; overflow: auto; margin-top: 30px; }
#sommelierImg { float: right; width: 260px; height: 400px; margin: 20px 0px 40px 0px; overflow: auto; margin-top: 30px; background: url('images/about_sommeliers.jpg'); }
.sommelierPerson { width: 320px; padding: 4px;  display: block; margin-bottom: 14px; border-bottom: 1px solid #ccc; }
.sommelierPersonDesc { color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.sommelierThumbnail { width: 40px; height: 40px; float: left; display: inline; margin-right: 4px; padding: 2px; border: 1px solid #ccc; background: #fff; }
.sommelierPersonProp { width: 1px; height: 50px; overflow: hidden; float: right; }
.sommelierClear { clear: both; height: 1px; overflow: hidden; }

/* The name */
.nameBlock { float: left; width: 280px; min-height: 300px; margin: 20px 0px 40px 0px; padding-right: 20px; }


/* Wines */
#winesLHS { float: left; margin-top: 20px; margin-right: 10px; margin-bottom: 50px; width: 290px;  padding: 4px; min-height: 300px; }
#winesChoices { float: right; margin-top: 20px; margin-bottom: 50px; width: 630px;  min-height: 300px; }
.winesChoice { float: left; width: 300px; height: 136px; background: url('images/box_wines.gif'); margin-left: 14px; margin-bottom: 14px; }
.heading { margin-top: 6px; margin-bottom: 6px; }
.winesChoiceImg { float: left; margin: 4px 12px 4px 4px; padding: 3px; border: 1px solid #ccc; background: #fff; }
.winesChoiceImg:hover { float: left; margin: 4px 12px 4px 4px; padding: 3px; border: 1px solid #000; background: #fff; }
.winesChoiceDesc { margin-top: 0px; color: #666; font-size: 12px; line-height: 15px; }

#caseSelectionTable { width: 400px; background: #f9f9f9; border: 1px solid #eee;/*url('images/caseselectionMid.gif');*/ }
/*#caseSelectionTable tr.caseSelectionTable_header { background: url('images/caseselectionTop.gif'); 
background-position: top left; background-repeat: no-repeat; }
#caseSelectionTable tr.caseSelectionTable_footer { background: url('images/caseselectionBottom.gif'); 
background-position: bottom left; background-repeat: no-repeat; }*/

.case_bottle_icon { float: left; margin: 4px 12px 4px 4px; padding: 2px; border: 1px solid #ccc; background: #fff; }
.case_bottle_icon:hover { float: left; margin: 4px 12px 4px 4px; padding: 2px; border: 1px solid #000; background: #fff; }
.case_bottle_clear { display: block; clear: both; height: 4px; width: 90%; overflow: hidden; }

.casesAddLink { text-align: right; padding: 10px 6px 10px 0px; }

.wine_tick {  }

.wineInfoInventory { color: #666; font-size: 12px;  }

.warning_box { font-size: 12px; color: #cc0000; border: 1px solid #eee; background: #f9f9f9; padding: 6px; }

/*#winePagesText { float: left; margin-top: 50px; margin-left: 20px; margin-right: 20px; width: 500px; background: url('images/wines_everydayBG.jpg'); background-repeat: no-repeat; border: 1px solid #ccc; min-height: 300px; }*/

#everyday { float: right; margin-top: 50px; margin-left: 20px; margin-right: 20px; width: 500px; background: url('images/wines_everydayBG.jpg'); background-repeat: no-repeat; border: 1px solid #ccc; min-height: 300px; }
#everydayActive { float: right; margin-top: 20px; margin-left: 40px; margin-right: 20px; width: 480px; background: #fff;border: 1px solid #fff; min-height: 300px; }

#finedining { float: right; margin-top: 50px; margin-left: 20px; margin-right: 20px; width: 500px; background: url('images/wines_finediningBG.jpg'); background-repeat: no-repeat; border: 1px solid #ccc; min-height: 300px; }
#finediningActive { float: right; margin-top: 20px; margin-left: 40px; margin-right: 20px; width: 480px; background: #fff; border: 1px solid #fff; min-height: 300px; }

#other { float: right; margin-top: 50px; margin-left: 20px; margin-right: 20px; width: 500px; background: url('images/wines_otherBG.jpg'); background-repeat: no-repeat; border: 1px solid #ccc; min-height: 300px; }
#otherActive { float: right; margin-top: 20px; margin-left: 40px; margin-right: 20px; width: 480px; background: #fff; border: 1px solid #fff; min-height: 300px; }

#previewcru { float: right; margin-top: 50px; margin-left: 20px; margin-right: 20px; width: 500px; background: url('images/wines_previewcruBG.jpg'); background-repeat: no-repeat;  border: 1px solid #ccc; min-height: 330px; }
#previewcruActive { float: right; margin-top: 20px; margin-left: 40px; margin-right: 20px; width: 480px; background: #fff; border: 1px solid #fff; min-height: 330px; }

#gifts { float: right; margin-top: 30px; margin-left: 20px; margin-right: 20px; width: 500px; background: url('images/wines_giftsBG.jpg'); background-repeat: no-repeat; min-height: 340px; }
#giftsActive { float: right; margin-top: 20px; margin-left: 40px; margin-right: 20px; width: 480px; background: #fff; min-height: 340px; }

#tastings { float: right; margin-top: /*50px*/40px; margin-left: 20px; margin-right: 20px; width: 340px; height: 340px; background: url('images/tastingsBG.jpg'); border: 1px solid #ccc; }


#dictionary { float: right; margin-top: /*50px*/40px; margin-left: 20px; margin-right: 20px; width: 340px; height: 340px; background: url('images/foodwine_dictionaryBG.jpg'); border: 1px solid #ccc; }

/* Recipes */
.recipeInfo { color: #666; font-weight: bold; }




/* Forms */
#contact-text { float: left;  margin-left: 10px; width: 550px; }
#contact-form { float: right; margin-top: 50px; margin-right: 10px; width: 320px; background: url('images/contactMid.gif'); }

#contact-formTop { width:320px; height:4px; background-image:url('images/contactTop.gif'); background-repeat:no-repeat; display:block; }
#contact-formBottom { width:320px; height:4px; background-image:url('images/contactBottom.gif'); background-repeat:no-repeat; display:block; }

.contact-form-smallprint { padding: 6px; font-size: 11px; color: #999; }

#address { float: left; margin-top: 8px; margin-bottom: 8px; margin-right: 10px; width: 200px; }
#addressClear { display: block; clear: both; height: 1px; width: 90%; overflow:hidden; }

.form-top { float: right; margin-right: 16px; margin-top: 6px; margin-bottom: 6px; display: inline; font-size: 11px; color: #999; }
.form-element { float: right; margin-right: 16px; margin-bottom: 6px; display: inline; }

.form-textbox { padding: 3px; border: 1px solid #b7b7b7; border-bottom: 2px solid #cc9933; font-size: 11px; color: #333; width: 160px; font-family: verdana; background: url("images/form_textbox_bg.gif") bottom left repeat-x #fff; }
.form-textarea { padding: 3px; border: 1px solid #b7b7b7; border-bottom: 2px solid #cc9933; font-size: 11px; color: #333; width: 260px; font-family: verdana; background: url("images/form_textarea_bg.gif") bottom left repeat-x #fff; }
.form-textbox-red { padding: 3px; border: 1px solid #b7b7b7; border-bottom: 2px solid #ed585c; font-size: 11px; color: #333; width: 160px; font-family: verdana; background: url("images/form_textbox_bg_red.gif") bottom left repeat-x #fff; }
.form-textarea-red { padding: 3px; border: 1px solid #b7b7b7; border-bottom: 2px solid #ed585c; font-size: 11px; color: #333; width: 260px; font-family: verdana; background: url("images/form_textarea_bg_red.gif") top left repeat-x #fff; }


.button { background:  #ccc; border: 1px solid #000; color: #000; }
.button:hover { background:  #c6c6c6; border: 1px solid #000; color: #000; }
#form-response { width: 340px; margin: 20px auto; }
.required { color: #cc3333; }







/* Basket */
#basket { margin: 20px auto; width: 800px; /*border: 1px dashed #ccc;*/ }
#basket table { /*background: #f9f9f9;*/ }
#basket table td.basket_headLeft { background: url('images/basket_headLeft.gif'); font-weight: bold; padding-bottom: 4px; border-bottom: 1px solid #eee; }
#basket table td.basket_headMid { background: url('images/basket_headMid.gif'); font-weight: bold; padding-bottom: 4px; border-bottom: 1px solid #eee; }
#basket table td.basket_headRight { background: url('images/basket_headRight.gif'); background-position: top right; font-weight: bold; padding-bottom: 4px; border-bottom: 1px solid #eee; }

#basket table td.basket_cellLeft { background: url('images/basket_cellLeft.gif'); padding-top: 4px; }
#basket table td.basket_cellMid { background: #f9f9f9; padding-top: 4px; }
#basket table td.basket_cellRight { background: url('images/basket_cellRight.gif'); background-position: top right; padding-top: 4px; }

#basket table td.basket_footLeft { background: url('images/basket_footLeft.gif'); background-position: bottom left; font-weight: bold; padding-top: 6px; padding-bottom: 6px; /*border-top: 1px solid #eee;*/ }
#basket table td.basket_footMid { background: url('images/basket_footMid.gif'); background-position: bottom left; font-weight: bold; padding-top: 6px; padding-bottom: 6px; /*border-top: 1px solid #eee;*/ }
#basket table td.basket_footRight { background: url('images/basket_footRight.gif'); background-position: bottom right; font-weight: bold; padding-top: 6px; padding-bottom: 6px; /*border-top: 1px solid #eee;*/ }



/* Used in basket.php */
.box250 { float: left; color: #363636; background: url(images/box250bg.gif); margin-right: 24px; margin-top: 22px; width: 250px; }
.box250-last { float: left; color: #363636; background: url(images/box250bg.gif); margin-right: 0px; margin-top: 22px; width: 250px; }
.box250-home { /*float: left;*/ color: #363636; background: url(images/box250bg.gif); width: 250px; }
.box250content { font-size: 12px; width: 230px; margin: 2px auto; color: #363636; min-height: 100px; }
.box250content-home { font-size: 12px; width: 240px; margin: 2px auto; color: #363636; min-height: 100px; }
.box250content-home Img { float: left; margin: 0px 6px 0px 0px; padding: 2px; border: 1px solid #ccc; background: #fff; }
.box250content-home Img:hover { float: left; margin: 0px 6px 0px 0px; padding: 2px; border: 1px solid #000; background: #fff; }



.box250Top { width:250px; height:5px; background-image:url(images/box250top.gif); background-repeat:no-repeat; display:block; }
.box250Bottom { width:250px; height:4px; background-image:url(images/box250bottom.gif); background-repeat:no-repeat; display:block; }
.box250content h2 { margin: 2px; }
.box250content p { margin-top: 4px; margin-bottom: 6px; }
.exclamation { float: left; width: 31px; height: 26px; margin: 12px; background: url('images/basket_exclamation.gif'); }


#basket p, #basket button { margin: 1em; }
#basket table td a { font-weight: bold; text-decoration: none; color: #990000; }

#debug { color: #666; padding: 6px; }
#debug a { font-weight: bold; text-decoration: none; color: #990000; }


/*  */
#basketTable { background: #f9f9f9; }



/* Sagepay form styling only */
.errorheader { width: 90%; background: url("images/form_textbox_bg_red.gif") top left repeat-x #fff; border: 1px solid #b7b7b7; border-bottom: 2px solid #ed585c; text-align: center; margin-top: 20px; padding: 6px 0px; margin: 10px auto; }

.warning { font-size: 12px; color: #cc0000; list-style-image:url(form_bullet.gif); }

.formTable { width: 90%; background: #f9f9f9; border: 1px solid #eee; margin: 20px auto; }
#storeDetailsBasketTable { width: 90%; background: #f9f9f9; border: 1px solid #eee; margin: 20px auto; font-size: 11px; }

.formButton { font-size: 13px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; text-decoration: none; color: #990000; border: 0px; background: #fff; cursor: pointer; }
.formButton:hover { font-size: 13px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; text-decoration: underline; color: #996600; border: 0px; background: #fff; cursor: pointer; }

.stConfBdrBottom { border-bottom: 1px solid #eee; font-weight: bold; }

.formFooter { width: 70%; margin: 12px auto; }


.fieldLabel { width: 30%; text-align: right; }	
.fieldData { width: 70%; padding-left: 10px; color: #666; }

.inputBoxDisable {  background-color: #ddd; border: 1px solid #999; }
.inputBoxEnable { background-color: #fff; border: 1px solid #999; }

.storeDetailsSmallprint { color: #666; font-size: 11px; }