/*
(c) Ditton Wine Traders 2008
Developed by Mark Iliff, Talespinner - www.talespinner.co.uk
******************************************************************************/



/*Named objects - pages
******************************************************************************/

#customerTable {
	width: 100%;
	padding: 2px;
	margin-bottom: 2ex;
	font-size: 0.9em;
/*			letter-spacing: 0.05em;*/
	}

#customerTable td {
	text-align: left;
	vertical-align: top;
	}

#customerTable td.id,
#customerTable td.com
	{
	text-align: center;
	}

#customerTable td.left {
/*			text-align: left;*/
	}

#customerTable th {
	text-align: center;
	vertical-align: bottom;
	padding-bottom: 1ex;
	font-size: 105%
	}


#wineSearch,
#wineSearchClear
	{
	margin-left: 5px;
	width: 200px;
	}

#wineSearch fieldset {
	padding: 5px;
	width: 185px;
	margin: 0;
	margin-bottom: 10px;
	border: 1px solid #b19274;
	}

#wineSearch fieldset fieldset {
	/*2nd level fieldsets*/
	width: 170px;
	}

#wineSearch legend {
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #b19274;
	text-transform: lowercase;
	letter-spacing: 0;
	}

#wineSearch fieldset fieldset legend {
	/*2nd level fieldsets*/
	font-size: 1.1em;
	}

#wineSearch label, 
#wineSearch input, 
#wineSearch textarea, 
#wineSearch select 
	{
	display: block;
	vertical-align: middle;
	width: 80px;
	float: left;
	margin-bottom: 10px;
	}

#wineSearch label {
	line-height: 1em;
	font-size: 0.85em;
	text-align: right;
	width: 60px;
	padding-right: 10px;
	clear: left;
	padding-bottom: 10px;
	margin-bottom: -10px;
	}

#wineSearch input, 
#wineSearch textarea, 
#wineSearch select 
	{
	}

#wineSearch textarea {
	height: 100px;
	}

#wineSearch a {border-bottom-width: 1px}
#wineSearch label.check {width: 150px; font-size: 0.95em; text-align: left}
#wineSearch label.check input {width: 20px; margin: 0 10px 0 40px}

#wineMaint {
	margin-left: 5px;
	line-height: 1em;
/*	width: 200px;*/
	}

#wineMaint th {
	text-align: right;
	padding-right: 20px;
	}



#wineMaint fieldset {
/*	padding: 5px;
	width: 300px;
	margin: 0;
	margin-bottom: 10px;
	border: 1px solid #b19274;*/
	}

#wineMaint fieldset fieldset {
	/*2nd level fieldsets*/
/*	width: 170px;*/
	}

#wineMaint legend {
/*	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #b19274;
	text-transform: lowercase;
	letter-spacing: 0;*/
	}

#wineMaint fieldset fieldset legend {
	/*2nd level fieldsets
	font-size: 1.1em;*/
	}

#wineMaint label, 
#wineMaint input, 
#wineMaint textarea, 
#wineMaint select 
	{
/*	display: block;*/
	vertical-align: middle;
/*	width: 80px;
	float: left;*/
	margin: 5px 0;
	}

#wineMaint label {
/*	line-height: 1em;
	font-size: 0.85em;
	text-align: right;
	width: 60px;
	padding-right: 10px;
	clear: left;
	padding-bottom: 10px;
	margin-bottom: -10px;*/
	}

#wineMaint input, 
#wineMaint textarea, 
#wineMaint select 
	{
	width: 250px;
/*	margin-right: 20px;*/
	}

#wineMaint textarea {
/*	height: 100px;*/
	}

#wineTable #resultCue {
	padding: 5px;
	border: solid #b19274; border-width: 1px 0;
	font-size: 110%;
	font-style: italic;
	text-align: left;
	}
	

/*Other
******************************************************************************/
div.boxL, div.boxS {
	width: 200px;
	float: left;
	margin: 4ex 0 4ex 5px;
	background: url(/images/widgets/rounded3-200.gif) bottom no-repeat;
	}

.boxL h2, .boxS h2 {
	font-size: 16px;
	text-transform: lowercase;
	background-color: #3d007a;
	margin: 0;
	padding: 0;
	padding-left: 1em;
	color: white;
	font-style: normal;
	}

div.boxS {font-size: 0.85em/*; margin: 0 0 1ex 5px*/}
.boxS h2 {font-size: 1em}

.boxL p {
	margin: 1em;
	}


div.boxP {
	width: 240px;
	float: left;
	margin: 0 10px 10px 0;
	background: url(/images/boxW240P.png) bottom no-repeat;
	}

.boxP h2 {
	font-size: 20px;
	background: #e5cbff;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	color: #3d007a;
	font-style: normal;
	}

.boxP p {
	margin: 1em;
	}

.lh1 {line-height: 1}

.dataError {
	background-color: #ffffc0;
	font-weight: bold;
	color: #cd2748
	}

.pullQ30D {
	/*Pullquote-style box - 30% width, white on dark purple, right float*/
	width: 30%; 
	float: right; 
	padding: 1ex 1em; 
	margin: 0 0 1ex 1em;
	text-align: right;
	font-size: 0.85em;
	font-style: italic; 
	}


.bgExcel {
	background: url(/images/widgets/logoExcel.gif) center no-repeat;
	}

.bgPDF {
	background: url(/images/widgets/logoPDF.gif) center no-repeat;
	}

div.scroll100 {
	overflow: auto; 
	max-height: 100px; 
	width: 85%; 
	border: 1px solid #e0e0e0; 
	padding: 1ex 1em; 
	margin: 0.2ex 0;
	}

.confMsg {
	padding: 50px; 
	background-color: #faf5e6; 
	margin-bottom: 4ex
	}

/* En primeur marking */
	.win {padding: 0 0.1em}
	td.win span, #epLegend span {padding: 0 2px; background: #3d007a/*#c92d30*/; 
		font-size: 80%; font-weight: bold; color: white}
	td.win span {margin-left: 1em;}
	#epLegend {text-align: left; padding-top: 1em}
	td.win span a, #epLegend span a {color: white; border: 0}
	
	/* CSS3 */
	td.win span, #epLegend span {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		}


/*
RSS & email buttons
******************************************************************************/

	
/* Button zone for feed buttons on wine list */
	div.subWrapTop {
		}
	
	div.subWrapBot {
		padding-bottom: 50px
		}
	
/* Wine page button container */
	div.wineSub {
		}

	div.wineSub p {
		float: left; 
		margin: 0; 
		font-size: 80%
		}
	

/*
Language selected box
******************************************************************************/
	#langSelect {margin: 4ex 0; padding: 0 10px}
	#langSelect p {margin:0; font-weight: bold}
	#langSelect a {color: #b19274; border: 0}
	#langSelect a:hover {color: #3d007a}
	#langSelect img {vertical-align: middle}
	#langOn {width: 205px; height: 19px; vertical-align: middle; padding: 0.2em 0;
		background: url(/images/widgets/langOn.gif) no-repeat}


/*
Hide JS-only elements [include JS statement at foot of page to reverse]
******************************************************************************/
	.jsOnly {display: none}

