/* -----------------
   TABLE OF CONTENTS
   1 Headers
   2 Text elements
   3 Colours
   4 Lists
   5 Links
   6 Form elements
   7 Positioning
   8 Tables
----------------- */



/* ----------------- */
/* --- 1 HEADERS --- */
/* ----------------- */

h1{
	font-size:210%;
	margin:95px 0 0 0;
	height:67px;
	padding:15px 0 0 10px;
	}

	h1.twolines{
		margin:62px 0 24px 0;
		}


	html>body h1{
		height:auto;
		min-height:67px;
		}

	h1 img{
		display:block;
		margin:-15px 0 0 -10px;
		position:relative;
		}

h2{
	font-size:110%;
	margin:0 0 2px 0;
	padding:7px 0 0 0;
	}

	div.rightcolumn h2{
		text-transform:lowercase;
		}

	h2.gradient{
		background:#BFA55D url("../images/site_objects/bg_sectiongradient.gif") top repeat-x;
		border-top:1px solid #CDB469;
		border-bottom:1px solid #FFF;
		color:#FFF;
		font-size:140%;
		margin:0;
		padding:4px 10px 6px 10px;
		text-transform:lowercase;
		}

		div.rightcolumn h2.gradient{
			width:190px;
			}
			
.nolower {
	text-transform: none!important;	
}

h3{
	font-size:110%;
	margin:0 0 7px 0; 
	padding:0;	
	}

	div.rightcolumn h3, div.rightcolumn h2{
		text-transform:lowercase;
		}

	h3.alert,h2.alert{
		background:url("../images/site_objects/icon_alert.gif") no-repeat;
		font-size:140%;
		line-height:1.1em;
		margin:0;
		height:42px;
		padding:1px 10px 8px 55px;
		position:relative;
		text-transform:lowercase;
		}

		h3.alert a,h2.alert a{
			color:#000;
			}

		html>body h3.alert,html>body h2.alert{
			height:auto;
			min-height:42px;
			}
	
	h3.chat,h2.chat{
		background:url("../images/site_objects/icon_webchat.gif") no-repeat 7px 10px;
		font-size:140%;
		line-height:1.1em;
		margin:0;
		height:25px;
		padding: 7px 10px 2px 51px;
		position:relative;
		text-transform:lowercase;
		}
		
		.fontsize105 { font-size: 105%;}

		h3.chat a,h2.chat a{
			color:#000;
			}

		html>body h3.chat,html>body h2.chat{
			height:auto;
			min-height:42px;
			}
			

	h3.email,h2.email{
		background:url("../images/site_objects/icon_email.gif") no-repeat;
		font-size:140%;
		line-height:1.1em;
		margin:0;
		height:40px;
		padding:11px 10px 0 50px;
		position:relative;
		text-transform:lowercase;
		}

		h3.email a,h2.email a{
			color:#000;
			}

		html>body h3.email,html>body h2.email{
			height:auto;
			min-height:40px;
			}

	h3.rss,h2.rss{
		background:url("../images/site_objects/icon_rss.gif") no-repeat;
		font-size:140%;
		line-height:1.1em;
		margin:0;
		height:37px;
		padding:8px 10px 0 42px;
		position:relative;
		text-transform:lowercase;
		}
		
	h2.twitter,h2.youtube,h2.facebook{
			font-size:140%;
			line-height:1.1em;
			margin:45px 0 0 0;
			height:37px;
			padding:8px 10px 0 42px;
			position:relative;
			}
		
	h2.twitter{
			background:url("../images/logos/logo_twittert_s.gif") no-repeat;}
		
	h2.facebook{
			background:url("../images/logos/logo_facebookt_s.gif") no-repeat;}
		
	h2.youtube{
			background:url("../images/logos/logo_youtubet_s.gif") no-repeat;}

		h3.rss a,h2.rss a{
			color:#000;
			}

		html>body h3.rss,html>body h2.rss{
			height:auto;
			min-height:37px;
			}

	h3.download,h2.download{
		background:url("../images/site_objects/icon_download.gif") no-repeat;
		font-size:140%;
		line-height:1.1em;
		margin:0;
		height:42px;
		padding:2px 10px 8px 50px;
		position:relative;
		text-transform:lowercase;
		}

		h3.download a,h2.download a{
			color:#000;
			}

		html>body h3.download,html>body h2.download{
			height:auto;
			min-height:42px;
			}

	h3.question,h2.question{
		background:url("../images/site_objects/icon_question.gif") no-repeat;
		font-size:140%;
		line-height:1.1em;
		margin:0;
		height:42px;
		padding:2px 30px 8px 50px;
		position:relative;
		text-transform:lowercase;
		}

		h3.question a,h2.question a{
			color:#000;
			}

		html>body h3.question,html>body h2.question{
			height:auto;
			min-height:42px;
			}


	h3.audio,h2.audio{
		background:url("../images/site_objects/icon_audio.gif") no-repeat;
		font-size:140%;
		line-height:1.1em;
		margin:0;
		height:42px;
		padding:2px 0 8px 50px;
		position:relative;
		}

		h3.audio a,h2.audio a{
			color:#000;
			}

		html>body h3.audio,html>body h2.audio{
			height:auto;
			min-height:42px;
			}
h3.feedback,h2.feedback{
		background:url("../images/site_objects/icon_feedback.gif") no-repeat;
		font-size:140%;
		line-height:1.1em;
		margin:0;
		height:40px;
		padding:11px 10px 0 50px;
		position:relative;
		text-transform:lowercase;
		}

		html>body h3.feedback,html>body h2.feedback{
			height:auto;
			min-height:40px;
			}

	div#sitewrapper div#content div.featureblock h3,div#sitewrapper div#content div.rightcolumn h3,div#sitewrapper div#content div.rightcolumn h2{
		font-size:140%;
		text-transform:lowercase;
		margin-bottom:7px; 
		}


h4, h5, h6 {  
	font-size:95%;
	margin:7px 0 0 0; 
	padding: 0;	
	}



hr{
	background:#FFF;
	border:0;
	border-top:1px dotted #CCC;
	color:#FFF;
	font-size:1px;
	margin:0;
	overflow:hidden;
	padding:0;
	}





/* ----------------------- */
/* --- 2 TEXT ELEMENTS --- */
/* ----------------------- */

p{
	margin:0 0 10px 0;
	padding:0;
	line-height:1.4em;
	}

	div.homepagebox p{
		margin:2px 0 0 0;
		}

p.toplink{
	clear:both;
	color:#bea55a;
	font-size:95%;
	padding:0 0 0 10px;
	}

blockquote.subhead{
	clear: both;
	background:#FFF;
	color:#bea55a;
	font-size:160%;
	font-weight:bold;
	margin:0;
	padding:0;
	}

	blockquote.subhead p{
		line-height:1.2em;
		}

	div.column blockquote.subhead{
		padding:0;
		}


blockquote.quote{
	background:#FFF;
	color:#bea55a;
	font-size:140%;
	font-weight:bold;
	margin:0;
	padding:0 20px;
	}

	blockquote.quote p{
		line-height:1.1em;
		margin:0;
		padding:0;
		}

	cite.quote{
		display:block;
		font-style:normal;
		padding:3px 20px 14px 20px;
		}




/* ----------------- */
/* --- 3 COLOURS --- */
/* ----------------- */












/* --------------- */
/* --- 4 LISTS --- */
/* --------------- */

ul{
	list-style-type:none;
	margin:0 0 14px 0;
	padding:0;
	}

	ul li{
		background:url("../images/site_objects/icon_bullet_gold.gif") top left no-repeat;
		margin:0 0 8px 0;
		padding:0 0 0 16px;
		}

	ul.blackbullet li{
		background:url("../images/site_objects/icon_bullet.gif") top left no-repeat;
		}

	ul.nobullet li{
		background:none;
		padding:0;
		}

	ul.margintop6px {
		margin-top:6px;
		}
	
ul.links{
	clear:both;
	list-style-type:none;
	margin:0 0 15px 0;
	padding:2px 0 0 0;
	}

	ul.links li{
		background:none;
		margin:0;
		padding:5px 0 0 0;
		}

	ul.links li a{
		text-decoration:underline;
		}

		ul.links li a:hover,ul.links li a:focus,ul.links li a:active{
			text-decoration:none;
			}



	ul.links li.download a{
		text-decoration:none;
		}

		html body ul.links li.download a span{
			text-decoration:underline;
			}

		ul.links li.download a:hover span, ul.links li.download a:focus span, ul.links li.download a:active span{
			text-decoration:none;
			}


			
			
ul.alphabet{
	float:left;
	width:658px;
	}

	ul.alphabet li{
		float:left;
		margin:0;
		padding:0;
		}

	
	

ol{
	margin:0 0 14px 22px;
	padding:0;
	}






/* INTERNAL LIST SUBMENU */

div#sitewrapper div#content ul.submenu{
	background:#FFF;
	border-bottom:1px solid #E2D3A8;
	color:#bea55a;
	font-size:140%;
	font-weight:bold;
	list-style-type:none;
	margin:1px 0 25px 0;
	padding:6px 5px 5px 5px;
	}

	div#sitewrapper div#content ul.submenu li{
		background:none;
		display:inline;
		padding:0;
		}

	div#sitewrapper div#content ul.submenu li.nolink{
		background:#FFF;
		color:#CCC;
		padding:0 5px;
		}

	div#sitewrapper div#content ul.submenu li a{
		background:#FFF;
		color:#bea55a;
		padding:0 5px;
		text-decoration:none;
		}

		div#sitewrapper div#content ul.submenu li a:hover,div#sitewrapper div#content ul.submenu li a:active,div#sitewrapper div#content ul.submenu li a:focus{
			text-decoration:underline;
			}

	div#sitewrapper div#content ul.submenu li.lit a{
		background:#FFF;
		color:#000;
		}


/* INTERNAL LIST SUBSUBMENU */

div#sitewrapper div#content ul.subsubmenu{
	background:#FFF;
	border-bottom:1px solid #E2D3A8;
	color:#bea55a;
	font-weight:bold;
	list-style-type:none;
	margin:-24px 0 25px 0;
	padding:6px 5px 5px 5px;
	}

	div#sitewrapper div#content ul.subsubmenu li{
		background:none;
		display:inline;
		padding:0;
		}

	div#sitewrapper div#content ul.subsubmenu li.nolink{
		background:#FFF;
		color:#ccc;
		padding:0 5px;
		}

	div#sitewrapper div#content ul.subsubmenu li a{
		background:#FFF;
		color:#bea55a;
		padding:0 5px;
		text-decoration:none;
		}

		div#sitewrapper div#content ul.subsubmenu li a:hover,div#sitewrapper div#content ul.subsubmenu li a:active,div#sitewrapper div#content ul.subsubmenu li a:focus{
			text-decoration:underline;
			}

	div#sitewrapper div#content ul.subsubmenu li.lit a{
		background:#FFF;
		color:#000;
		font-weight:bold;
		}


/* SMALL MEDIA SELECTION MENU */

ul.smallmedia{
	list-style-type:none;
	margin:0;
	padding:0;
	width:220px;
	}

	ul.smallmedia li{
		background:#FFF;
		color:#bea55a;
		float:left;
		height:125px;
		margin:0 10px 10px 0;
		padding:0;
		width:100px;
		}

	html>body ul.smallmedia li{
		height:auto;
		min-height:125px;
		}

	ul.smallmedia li a strong{
		text-decoration:none;
		}

	ul.smallmedia li img{
		clear:both;
		float:left;
		margin:0 0 2px 0;
		}

/* FOOTER LANGUAGE MENU */
.divider { padding: 0 10px 0 10px;
	color: #BEA55A;
	}
.footer_copy { float: right; white-space:nowrap;
	}
div#sitewrapper div#footer ul{
	width:620px;
	}
div#sitewrapper div#footer ul.lang_bottom_menu { 
	width: 650px; 
	padding-bottom:10px;
	}

/* --------------- */
/* --- 5 LINKS --- */
/* --------------- */

a{ 
	color:#bea55a;
	text-decoration:underline; 
	}

a:hover,a:focus,a:active{ 
	text-decoration:none; 
	cursor: pointer;
	}


a.invisablelink {
	text-decoration:none;
	}
	
a.invisablelink span{
	text-decoration:underline;
	}
	
a.invisablelink:hover span, a.invisablelink:active span, a.invisablelink:focus span{
	text-decoration:underline;
	}


	
h2.gradient a{
	color:#FFF;
	text-decoration:none;
	}

h2.gradient a:hover,h2.gradient a:focus,h2.gradient a:active{ 
	text-decoration:underline; 
	}




/* ----------------------- */
/* --- 6 FORM ELEMENTS --- */
/* ----------------------- */


form{
	margin:0;
	padding:0;
	}

	form fieldset{
		border:0;
		margin:0;
		padding:0;
		}

	form fieldset select,form fieldset input,form fieldset textarea{
		font-family:Arial, Verdana, Helvetica, Sans-serif;
		font-size:100%;
		}

	form fieldset input.submit{
		background:#759932;
		border:0;
		color:#FFF;
		cursor:pointer;
		font-weight:bold;
		margin:0;
		overflow:visible;
		padding:2px 5px 2px 6px;
		width:auto;
		}
		

		form.verification fieldset input.submit:hover,form.verification fieldset input.submit:focus,form.verification fieldset input.submit:active, form fieldset input.submit:hover{
			text-decoration:underline;			
			}

	form fieldset input.plain{
		background:#FFF;
		border:0;
		color:#bea55a;
		cursor:pointer;
		display:block;
		font-weight:normal;
		margin:0;
		overflow:visible;
		padding:0;
		text-decoration:underline;			
		width:auto;
		}

		form fieldset input.plain:hover,form fieldset input.plain:focus,form fieldset input.plain:active{
			text-decoration:none;			
			}



/* --------------------- */
/* --- 7 POSITIONING --- */
/* --------------------- */

div.margintop {
	margin-top: 20px;
}
p.margintop {
	margin-top:10px;
}
/* ------
TWO IMAGES IN MAIN CONTENT SIDE BY SIDE
------ */

div#sitewrapper div#content div.doublecolumn div.imagecontainer{
	clear:both;
	display:inline;
	float:left;
	margin:0 -10px 15px -10px;
	width:430px;
	}

	div#sitewrapper div#content div.doublecolumn div.imagecontainer img.left{float:left;}
	div#sitewrapper div#content div.doublecolumn div.imagecontainer img.right{float:right;}

.thumbnail {
	 margin: 0 0 -3px 0;
	}
div#sitewrapper div#content div.rightcolumn h2.videoheader {
	margin-bottom:0pt;
	}

/* ------
MODULE BOXES (PREDOMINANTLY IN RIGHT HAND BAR ON INTERNAL PAGES)
------ */

div#sitewrapper div#content div.module{
	border-top:1px solid #DFCF9F;
	float:right;
	padding:10px;
	}

	div#sitewrapper div#content div.rightcolumn div.module, div#sitewrapper div#content div.factsheetcontainer div.module{
		color:#000;
		margin:0 0 20px 0;
		padding:10px 10px 0 10px;
		width:210px;
		}

		
		
	div#sitewrapper div#content div.rightcolumn div.module div#flashcontainer {
		margin:0 -10px 0 -10px;
		padding:2px 0 0 0;
		}
		
	div#sitewrapper div#content div.rightcolumn div.bgalcohol{
		background:url("../images/site_objects/bg_alcohol_right.gif") top right no-repeat;
		padding:10px 110px 88px 10px;
		width:110px;
		}



/* ------
'FEATURE BOX' - RELATED LINKS ETC. AREA WITH GRADIENT IN B/G 
(AT BOTTOM OF PAGES IN 'ALCOHOL AND YOUR BODY' AND 'SOCIAL 
SITUATIONS')
------ */

div#sitewrapper div#content div.featureblock{
	background:#FFF url("../images/site_objects/bg_featuregradient.jpg") repeat-x;
	border-top:1px solid #DFCF9F;
	clear:both;
	float:left;
	margin:20px 0 0 0;
	overflow:hidden;
	padding:25px 0;
	width:670px;
	}

	div#sitewrapper div#content div.featureblock p{
		font-size:95%;
		margin:0 0 8px 0;
		}




/* ------
SEARCH PAGE STUFF
------ */

div#sitewrapper div#content div.searchfurniture{
	border-top:1px solid #DFCF9F;
	clear:both;
	float:left;
	margin:10px 0 -10px 0;
	overflow:hidden;
	padding:5px 10px;
	width:650px;
	}

	div#sitewrapper div#content div.searchfurniture p{
		float:left;
		margin:0;
		padding:0;
		}
	
	div#sitewrapper div#content div.searchfurniture .navigation {
		white-space: nowrap;
	}

	div#sitewrapper div#content div.searchfurniture ul{
		list-style-type:none;
		margin:0;
		padding:0;
		}

		div#sitewrapper div#content div.searchfurniture ul li{
			background:none;
			display:inline;
			margin:0 0 0 10px;
			padding:0;
			}

	div#sitewrapper div#content div.searchfurniture div.results{
		float:left;
		}

	div#sitewrapper div#content div.searchfurniture div.navigation{
		float:right;
		}

		div#sitewrapper div#content div.searchfurniture div.navigation ul li img{
			margin:1px 0 0 0;
			}
			
	form.searchsuggestion{
		background:#FFF!important;
		color:#000!important;
		margin:0!important;
		}

		form.searchsuggestion input{
			background:#FFF!important;
			border:0!important;
			color:#BEA55A!important;
			cursor:pointer;
			font-weight:bold;
			margin:0!important;
			position:absolute;
			text-decoration:underline;
			}

		form.searchsuggestion input:focus,form.searchsuggestion input:hover,form.searchsuggestion input:active{
			text-decoration:none;
			}

/* ------
FACTSHEETS BOX
-------*/

div#sitewrapper div#content div.factsheet{
	background:url("../images/site_objects/bg_download_factsheet.gif") top right no-repeat;
	height:120px;
	padding:0 85px 0 0;
	}

	html>body div#sitewrapper div#content div.factsheet{
		height:auto;
		min-height:120px;
		}

div#sitewrapper div#content div.factsheet ul.links li{
	padding-bottom:8px;
	}


/*FIXES FOR RIGHT COLUMN*/
div#sitewrapper div#content div.rightcolumn div.factsheet{width:115px;}
div#sitewrapper div#content div.rightcolumn div.factsheet ul.links li{font-size:105%;}






/* ---------------- */
/* --- 8 TABLES --- */
/* ---------------- */

div#sitewrapper div#content table.news {
	margin: 0 0 20px 0;
}
div#sitewrapper div#content table.news tbody tr td{
	border-bottom:1px solid #DFCF9F;
	padding:10px 10px 10px 10px;
	vertical-align:top;
	}
	
	div#sitewrapper div#content table.news tbody tr th{
	border-bottom:1px solid #DFCF9F;
	padding:10px 10px 10px 10px;
	vertical-align:top;
	font-weight:normal;
	}

	div#sitewrapper div#content table.news tbody tr td a{
		color:#000;
		text-decoration:none;
		}

	div#sitewrapper div#content table.news tbody tr td a:hover{
		text-decoration:none;
		}
	div#sitewrapper div#content table.news tbody tr td a:hover em, div#sitewrapper div#content table.news tbody tr td a:visited:hover em {
		text-decoration:underline;
		}

	div#sitewrapper div#content table.news tbody tr td a strong{
		font-weight:normal;
		margin:0 10px 0 0;
		}

	div#sitewrapper div#content table.news tbody tr td a em{
		background:#FFF;
		color:#BEA55A;
		font-style:normal;
		margin:0;
		text-decoration:none;
		white-space:nowrap;
		}


div#sitewrapper div#content table.news tbody tr td.date{
	font-size:90%;
	}


div#sitewrapper div#content table.info {
	border-top:1px solid #bea55a;
	border-bottom:1px solid #bea55a;
	text-align:right;
	margin:0 0 15px 0;
}

div#sitewrapper div#content table.info tbody tr td{
	padding:8px 0;
	}
	
	div#sitewrapper div#content table.info thead tr th{
		padding:8px 0 8px 10px;
		border-bottom:1px solid #bea55a;
		color:#bea55a;
		vertical-align:bottom;
	}
	div#sitewrapper div#content table.info thead .nobold{
		font-weight:normal;
	}

div#sitewrapper div#content table.info tbody tr td.left {
	text-align:left;
}
div#sitewrapper div#content table.info thead tr th.left{
	text-align:left;
	padding-left:0;
}

.paddedtriplecolumn {
	padding:0 30px 10px 10px;
	float:left;
}

/*------------- other ----------*/
div#sitewrapper div#content div.featureblock {					
	min-height: 270px;
	margin-right: 0;
	}
div#sitewrapper div#content div.featureblock_large {					
	height: 360px; 
	margin-right: 0;
	}
div#sitewrapper div#content div.featureblock_largest {					
	height: 420px; 
	margin-right: 0;
	}

.wysiwyg_left_imageContainer{
	clear:left;
	float: left; 
	font-size:95%;
	line-height:1.1em;
	margin: 3px 20px  15px 0 ;
	position: relative;
}
.wysiwyg_right_imageContainer{
	clear:right;
	float: right;
	font-size:95%;
	line-height:1.1em;
	margin:3px 0  15px 20px;
	position:relative;
}

.wysiwyg_imageContainer{
	font-size:95%;
	line-height:1.1em;
	margin:19px 0 15px;
}
.wysiwyg_left_imageContainer p, .wysiwyg_right_imageContainer p, .wysiwyg_imageContainer p{
	margin:0;
	padding:0;
}

/* ----------------
   END OF STYLE.CSS
---------------- */