/* css Document :: Union Hand Roasters :: by F2B.co.uk ----------------------------------------------------------------------*/

@import url(uhr_nav.css); /* imports navigation stylesheet  */
/* main elements -------------------------------------------------------------------------------------------------------------*/
body 									{margin: 0; padding: 0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;line-height: 1.166; background-color:#140e29; text-align:center; min-width:990px}
p 										{padding: 0; margin: 0;margin: 0; font-size: 1em; color:#fff}
img, form 							{border: 0; padding: 0; margin: 0}
h1, h2, h3, h4, h5, h6, form, ul, li, img 	{padding: 0; margin: 0}
select                               	{font-size: 0.95em}
a                                      	{color:#00ccff}
label									{margin-left:10px}
/* structural/layout elements ------------------------------------------------------------------------------------------------*/
#container 							{width: 990px; padding: 0; background: #1F153F; text-align:left; margin-left:auto;margin-right:auto}
#header								{width:990px; height:191px; text-align:center;}
#header h1						{color:#00ccff; font-size:2em; text-align:center; padding:10px 0 10px 0;}
#header p							{font-size:12px; line-height:20px}
#unionHandRoasters			{width:286px;float:left}
#sectionImage					{width:704px;float:left}
#pageContent					{min-height: 280px; height:auto; width:990px; clear:both; background: #1F153F url(../images/pagecontent_bg.jpg) repeat-x top left}
/*\*/
* html #pageContent 			{height: 280px}
/**/
#footer								{display: block; z-index: 999; width:990px; clear:both; background: #00CCFF url(../images/footerbg.gif) repeat top left; margin:0 auto 0 auto}
	#footer div						{float:left; width:495px; background-color:#00CCFF; padding:7px 0 6px 0; height:1.4em;}
	#footer a                         {color:#1F153F; font-size:1em; font-weight:bold; text-decoration:none}
	#footer a:hover              {text-decoration:underline}
	#footer	h2#phonenumber	{color:#1F153F; font-size:1em; padding:0 0 0 20px;float:left}
	#footer	h2#copyright		{color:#0383b2; font-size:0.9em; padding:0 20px 0 0; text-align:right}
	
    #footer p                       {font-weight:bold;}
    #footer p#phonenumber	{color:#1F153F; font-size:1em; padding:0 0 0 20px;float:left}
    #footer p#copyright		{color:#0383b2; font-size:0.9em; padding:0 20px 0 0; text-align:right; float:right}
	
	
#leftCol								{width:286px;float:left; background: #1F153F url(../images/pagecontent_bg.jpg) repeat-x top left; padding:0}
	#leftCol	p						{padding:10px 20px 0 10px; line-height:1.4em}
#rightcol							{width:704px;float:left; background: #1F153F url(../images/pagecontent_bg.jpg) repeat-x top left; padding:0}
#bodyContent						{float:left; padding:0 0 15px 46px; width:658px; color:#fff}
	#bodyContent a 				{color:#ffcc00; font-weight:bold; text-decoration:none}
	#bodyContent a:hover 	{color:#00ccff}
	#bodyContent	 h1			{font-size:1.3em; color:#fff}
	#bodyContent	 h2			{font-size:1.1em; color:#00CCFF; margin:3px 0}
	#bodyContent	 h3			{font-size:1.1em; color:#FDAB02; margin-bottom:5px}
	#bodyContent	 h4			{font-size:1em; color:#FDAB02; margin-bottom:10px}
	#bodyContent p				{padding:0 20px 15px 0; font-size:1em; line-height:1.3em;}
#qsinfo 								{clear:both}	
	#qsinfo p.minorder			{width:214px; font-size:0.9em; color: #00ccff; line-height:1.2em; padding-left: 0}
	#qsinfo ul			{width:214px; font-size:0.9em; color: #00ccff; line-height:1.2em; padding-left: 0}
    #qsinfo a						{color:white; text-decoration:none; font-weight:bold; font-size:1em}	
	#qsinfo a:hover				{color:#00ccff; text-decoration:none}	
	#qsinfo .useful				{padding: 7px 0; width: 233px;border-bottom:1px dotted #00ccff; padding-bottom:6px}
/* miscellaneous tags ------------------------------------------------------------------------------------------------------ */
.fl 										{float:left;}
.fr 									{float:right;}
.cb									{clear:both;}
.divider                         		{}
.orange								{color:#FDAB02;}
.aqua								{color:#00CCFF;}
.white 								{color:#fff;}
.black								{color:#000;}
.small								{font-size:0.81em}
.bold									{font-weight:bold;}
.block								{display:block;}
.inline								{display:inline;}
.greyBorder						{border:1px solid #666;}
.normal                         		{font-weight:normal}
.topspacer							{margin-top:10px}
.dborder                        		{border-bottom:1px dotted #00ccff; padding-bottom:6px}
.tborder                         	{border-top:1px dotted #00ccff; padding-top:6px}
.nopad 								{padding-left:0; padding-right:0}

.clearfix:after 						{content: "."; height:0; visibility: hidden; display: block; clear: both}
.clearfix 							{display: inline-block}
/* Hides from IE-mac \*/
* html .clearfix 					{height: 1%; display: block; }
/* End hide from IE-mac */