/* -- Dialogue Generic CSS -- */
#staticDialog {
	width:20em;
	font-size:0.8em;
}
#staticDialog p {
	padding-right:1em;
	height:2em;
}
/*new css for the amended dialogues*/
body.jsDisabled #dialogueButtonsCtrl{ 
    width:50em;
    font-size:1.2em;
}
#dialogueButtonsCtrl{ 
    height:  100%;
    position: relative;
	text-align:left;
	font-size:0.7em;
}
#mainContentPadding #dialogueButtonsCtrl 
{
	font-size:1.0em;
}
#dialogueButtonsCtrl h4 {
	margin-bottom:15px;
	font-size: 1.1em;
}
#dialogueButtonsCtrl .dialogueButtonsCtrl  {
     text-align:center; 
     margin: 1em 0 0 0;
}
#dialogueButtonsCtrl  .dialogueButtonsCtrl.right, #dialogueContainer .dialogueButtonsCtrl.center, #dialogueButtonsCtrl .dialogueButtonsCtrl.center  {
	text-align:center;
}
#dialogueButtonsCtrl  .dialogueButtonsCtrl input.confirm {
	margin-right:10px;
}
#dialogueButtonsCtrl .col {
	width:49%;
	float:left;
}
#dialogueButtonsCtrl p, #dialogueButtonsCtrl ul li {
	margin-bottom:1em;
}
#dialogueButtonsCtrl ul li{
 list-style-position:inside;
}
#dialogueButtonsCtrl table thead {
	font-weight:bold;
	background-color:#eee;
}
#dialogueButtonsCtrl table thead td {
	padding:5px;
}
#dialogueButtonsCtrl.QuantityWarning table{
	border-collapse:collapse;
}
#dialogueButtonsCtrl.QuantityWarning table td{
	border-collapse:collapse;
    border-bottom:1px solid #DDDDC8;
    padding:5px;
}

/*code form the older dialogues - not sure if this is being used*/
#dialogueContainer { 
    height:  100%;
    position: relative;
	text-align:left;
}
#dialogueContainer h4 {
	margin-bottom:15px;
}
#dialogueContainer .col {
	width:49%;
	float:left;
}
#dialogueContainer p {
	margin-bottom:1em;
}
#dialogueContainer table thead {
	font-weight:bold;
	background-color:#eee;
}
#dialogueContainer table thead td {
	padding:5px;
}
#dialogueContainer .dialogueButtonsCtrl  {
     text-align:center; 
     margin: 1em 0 0 0;
}
#dialogueContainer .dialogueButtonsCtrl.right {
	text-align:right;
}
/* -- Specific Dialogue CSS (Width defaults to 40em.) -- */

.VisaInfo img.right, .MCInfo img.right  {
	float:right;
	margin-right:20px;
}
div#EmptyBasket {
	width:20em;
}
div#QuantityWarning table td.canCheckout {
	width:150px;
}

.QuantityWarning,.VisaInfo, .MCInfo, .CheckoutBasket {
	width:40em;
	padding-right:10px;
}
.CantFindAddress{
	width:25em;
	padding-right:10px;
}
.SecurityCode{
	width:48em;
	padding-right:10px;
}
.symbols{
	width:65em;
	padding:0;
}
.tasteGuide{
	width:65em;
	padding:0;
}
.awards{
	width:60em;
	padding:0;
}

/* -- TASTE ICONS -- */
table.tasteGuideImagesNum, table.tasteGuideImagesAlpha, table.tasteGuideImagesIcons {
	font-size:100%;
	width:95%;
	margin:10px 0 20px 10px;
	border-collapse:collapse;
	border:1px solid #ccc;
}
table.tasteGuideImagesNum th, table.tasteGuideImagesAlpha th {
	background:#611427 url(/Wine/MarketingContent/Sites/Retail/wine/online/p/i/Generic/FoodAndWineMatching/basketH3Bkgrd.gif) repeat-x left bottom;
	color:#FFFFFF;
	/*font-size:0.75em;*/
	padding:8px 0 8px 5px;
}
table.tasteGuideImagesIcons th {
	background:#611427;
	color:#FFF;
	border-bottom:1px solid #ccc;
}
table.tasteGuideImagesNum tbody td, table.tasteGuideImagesAlpha tbody td, table.tasteGuideImagesIcons tbody td {
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	/*font-size:0.7em;*/
	padding:5px
}

table.tasteGuideImagesNum th, table.tasteGuideImagesNum td
{
	width:12%;
	text-align:center;
}
table.tasteGuideImagesAlpha th, table.tasteGuideImagesAlpha td
{
	width:35%;
	text-align:center;
}
table.tasteGuideImagesAlpha td.mediumBodied
{
	width:10%;
}
table.tasteGuideImagesIcons th, table.tasteGuideImagesIcons td
{
	text-align:center;
}
#dialogueButtonsCtrl table.tasteGuideImagesIcons td p.info
{
	text-align:left;
	margin:0;
}

/* -- AWARDS -- */
div.labellingCopy {
	margin:0 20px;
	height:460px;
}
div.labellingCopy h1 {
	color:#661427;
	font-size:1.3em;
	padding:10px 0 5px;
}
div.labellingCopy ul{
	margin:5px 0 0 25px;
}
#decanterAwardsDiv{
	width:200px;
	float:left;
}
#decanterAwardsDiv ul.decanterAwards  {
	display:inline;
	height:85px;
	width:200px;
	margin:5px 0 0 0;
}
#decanterAwardsDiv ul.decanterAwards li {
	display:inline;
	float:left;
	margin:8px;
}
#decanterAwardsDiv h3#decanterAwardsHeader{
	text-align:center;
	margin-bottom:10px;
}
#iwscDiv{
	width:185px;
	float:left;
	margin-left:20px;
}
#iwscDiv ul.iwsc  {
	display:inline;
	height:85px;
	width:185px;
	margin:5px 0 0 0;
}
#iwscDiv ul.iwsc li {
	display:inline;
	float:left;
	margin:8px 5px;
}
#iwscDiv h3#iwscHeader{
	text-align:center;
}
#iwcDiv{
	width:185px;
	float:left;
	margin-left:20px;
}
#iwcDiv ul.iwc  {
	display:inline;
	height:85px;
	width:185px;
	margin:5px 0 0 0;
}
#iwcDiv ul.iwc li {
	display:inline;
	float:left;
	margin:8px 5px;
}
#iwcDiv h3#iwcHeader{
	text-align:center;
}
div.labellingCopy h2{
	color:#611427;
	font-size:1.0em;
	font-weight:bold;
	padding:0 0 0.9em 0;	
}
div.labellingCopy h3{
	color:#611427;
	font-size:0.95em;
	font-weight:bold;
	padding:0.9em 0 0 0;	
}
#dialogueContainer #awards {
	text-align:right;
	float:none;
	clear:both;
}