/*
	STAY LEGAL <stay-legal.co.uk>
	
	COLOURS:
	Body Text		#000
	Light Text		#999
	Heading			#780
	Sub-Heading		#9a3
	Link			#780
*/



/* Structure
------------------------------------*/
*									{ margin: 0; padding: 0; }

body								{ color: #333; font: 11px/18px arial, helvetica, sans-serif; }
#container							{ width: 840px; margin: 0 auto; }

div#header span						{ float: left; width: 286px; height: 151px; margin-top: 17px; background: url('http://www.stay-legal.com/template/logo.jpg'); text-indent: -9999px; }
div#header span a					{ display: block; width: 286px; height: 151px; }
div#header address					{ float: left; width: 537px; margin: 60px 17px 60px 0; font-style: normal; text-align: right; }

div#main							{ display: inline; float: left; width: 619px; margin: 17px 17px; }
div#side							{ float: left; width: 169px; padding-top: 25px; color: #999; }
div#wide							{ display: inline; float: left; width: 668px; margin: 17px 17px; }

div#footer							{ clear: both; margin: 0 17px; padding-top: 8px; border-top: solid 1px #ccc; color: #777; }

div.highlight						{ background: #cbddef; padding: 10px; }

div.extract							{ margin-top: 16px; padding: 15px 20px 10px 19px; color: #333; background: #f3f3f3 url('http://www.stay-legal.com/images/extract-bg.gif') no-repeat left top; }



/* Navigation
------------------------------------*/
#menuh								{ font: 11px arial, helvetica, sans-serif; }

#menuh a							{ display: block; margin: 0; padding: 6px 10px; text-align: center; white-space: nowrap; }
#menuh a:link,
#menuh a:visited,
#menuh a:active						{ color: #fff; text-decoration: none;	}
#menuh a:hover						{ color: #fff; text-decoration: none;	}	

#menuh a.top_parent					{ border-left: solid 1px #fff; text-transform: uppercase; }

#menuh a.top_parent:hover 			{ background: #9a3; }
#menuh li.left a.top_parent:hover 	{ background: #9a3 url('http://www.stay-legal.com/template/nav.gif') no-repeat -6px -26px; }
#menuh li.right a.top_parent:hover 	{ background: #9a3 url('http://www.stay-legal.com/template/nav.gif') no-repeat 113px -26px; }

#menuh li.left						{ background: url('http://www.stay-legal.com/template/nav.gif') no-repeat -6px top; }
#menuh li.right						{ background: url('http://www.stay-legal.com/template/nav.gif') no-repeat 114px top; }
#menuh li.left a.top_parent			{ border: none; }

#menuh ul							{  background: url('http://www.stay-legal.com/template/nav-bg.gif') repeat-x left top; width: 120px; float: left; margin: 0; padding: 0; list-style: none; }
#menuh li							{ position: relative; min-height: 20px; margin: 0; padding: 0; vertical-align: bottom; }
#menuh ul ul						{ width: 181px; display: none; position: absolute; top: auto; z-index: 500; }
#menuh ul ul ul						{ top: 0; left: 100%; }
div#menuh li:hover					{ z-index: 100; cursor: pointer; }
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul	{ display: none; }
div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul		{ display: block; }
div#menuh li:hover a				{ color: #fff; }
div#menuh li:hover ul li a			{ border: solid 1px; #fff; border-top: none; color: #fff; background: #780; text-align: left; font-size: 11px; white-space:normal; }
div#menuh li:hover ul li.first a	{ border-top: solid 1px #fff; }
div#menuh li:hover ul li.last a		{  }
div#menuh li:hover ul li a:hover	{ background: #9a3; }



/* Typography
------------------------------------*/
#main p								{ font-size: 14px; }
p									{ margin-bottom: 8px; }
div#content ul						{ margin: 0 0 8px 8px; list-style: none; }
div#content ol						{ margin: 0 0 8px 30px;  }
div#content ul li					{ padding: 2px 0 2px 20px; margin-bottom: 8px; background: url('http://www.stay-legal.com/images/arrow.gif') no-repeat left 2px; }
div#content ol li					{ margin-bottom: 8px; }

dt									{ color: #000; font-weight: bold; }
dd									{ margin-bottom: 16px; }
dd address							{ padding-left: 23px; margin-bottom: 4px; }
dd address.phone					{ background: url('http://www.stay-legal.com/template/contact_phone.gif') no-repeat left top;  }
dd address.email					{ background: url('http://www.stay-legal.com/template/contact_email.gif') no-repeat left 1px; }

h1									{ margin-bottom: 16px; padding-top: 8px; color: #780; font-size: 16px; }
h2									{ margin-bottom: 16px; padding-top: 8px; color: #780; font-size: 14px; }
h3									{ margin-bottom: 8px; padding-top: 8px; color: #780; }

div.extract p						{ text-align: justify; }
div.extract h2						{ color: #333; font-size: 14px; text-transform: uppercase; text-align: center; }
div.extract h3						{ color: #666; padding-top: 8px; margin-bottom: 16px; font-size: 12px; text-align: center; }

div.testimonial						{ padding: 15px 20px; margin-bottom: 20px; background: #f6f6f6; }
div.testimonial blockquote			{ margin: 0; color: #666; font-size: 14px;  }

blockquote							{ margin: 0 17px 16px; padding-top: 8px; color: #999; font-size: 16px; line-height: 24px; font-style: italic; }
blockquote p cite					{ color: #000; font-size: 11px; line-height: 16px; font-style: normal; }

p.half								{ float: left; width: 403px; padding-bottom: 8px; }
p.quote								{ clear: both; margin: 0; padding: 5px 0; background: #000; color: #fff; font-weight: bold; text-align: center; }

a:link, a:visited					{ color: #f73; }
a:hover								{ color: #940; }

div#footer a:link,
div#footer a:visited				{ color: #777; text-decoration: none; }
div#footer a:hover					{ color: #444; }

address.email a:link,
address.email a:visited				{ color: #777; text-decoration: none; }
address.email a:hover				{ color: #444; }

a									{ outline: none; }
a img								{ border: none; text-decoration: none; }

div#side a:link, div#side a:visited	{ text-decoration: none; }



/* Price Table
------------------------------------*/
table#compare						{ width: 450px; margin-bottom: 20px; border-collapse: collapse; }

table#compare td.price				{ padding-bottom: 15px; text-align: center; font-size: 24px; font-weight: bold; color: #f73; }
table#compare td.tick				{ width: 80px; text-align: center; }

table#compare tr th					{ padding-top: 5px; }
table#compare tr td					{ padding: 5px 10px; }
table#compare tr.border td			{ /* border-bottom: solid 1px #ccc; */ }

table#compare tr th.feature,
table#compare tr td.feature			{ background: #ddd; }
table#compare tr.alt td				{ background: #eee; }
table#compare tr.alt td.feature		{ background: #ccc; }



/* Forms
------------------------------------*/
input.text							{ width: 200px; padding: 5px; border: solid 1px #ccc; font-size: 13px; }
input.required						{ border: solid 1px #666; }
input.error							{ border: solid 1px #900; background: #fee; }
input.button						{ font-size: 14px; padding: 5px 20px; }
textarea.text						{ width: 400px; padding: 5px; height: 150px; border: solid 1px #ccc; font-size: 13px; }

label								{ color: #666; font-size: 13px; }
label.required						{ color: #333; font-weight: bold; }
label.response						{ color: #333; font-weight: bold; padding-top: 15px; }
label.error							{ padding-left: 10px; color: #900; font-weight: bold; }

table.form							{ width: 100%; margin-bottom: 30px; border-collapse: collapse; }
table.form td						{ padding: 10px; border-bottom: solid 1px #ccc; vertical-align: top; }
table.form th						{ padding: 5px 10px; background: #aaa; color: #fff; font-size: 13px; text-align: left; }

table.form tr.alt td				{ background: #eee; }
table.form tr.first td				{ border-top: solid 1px #888; }
table.form td.label					{ width: 150px; text-align: right; padding-top: 15px; }
table.form td.response				{ padding-top: 15px; }
table.form td.radios				{ padding-top: 15px; }
table.form td.response label		{ color: #333; font-weight: bold; }
table.form tr.first td.label		{ padding-top: 15px; }
table.form td.question				{ width: 300px; padding: 15px 10px; }
table.form td.question span			{ color: #999; }



/* Ephemera
------------------------------------*/
hr									{ background: #ccc; height: 1px; border: none; margin: 10px 0 10px 0; }

div.clear							{ clear: both; }


#main div.largeBuyNow				{ cursor: pointer; width: 240px; height: 80px; background: url('/template/buy-block.gif') no-repeat left top; }
#main div.largeBuyNow h3			{ margin: 0; padding: 16px 0 0 40px; color: #fff; font-size: 15px; text-transform: uppercase; }
#main div.largeBuyNow p				{ margin: 0; padding: 0 40px; color: #fbd373; font-size: 12px; }




#main p.breadcrumb					{ margin: 0; padding: 5px 10px; background: #ccc; font-size: 11px; }
table#docItemsTable					{ width: 100%; border-collapse: collapse; background: #fff; font-size: 12px; }
table#docItemsTable th				{ padding: 3px 10px; background: #eee; text-align: left; }
table#docItemsTable th.price,
table#docItemsTable td.price		{ text-align: right; }
table#docItemsTable td				{ border-bottom: solid 1px #eee; padding: 5px 10px; }

table#docItemsTable p				{ font-size: 11px; }
table#docItemsTable code			{ font: "Courier New", Courier, monospace; }


#buyDocuments						{ background: #eee; }
#docCategories 						{ float: left; width: 148px; background: #eee; border-right: solid 1px #bbb; }
#docCategories h3 					{ padding: 5px 10px; background: #ccc; color: #333; font-size: 11px; }
div#content #docCategories ul 		{ list-style: none; }
div#content #docCategories ul li 	{ background: 0; padding: 0; margin: 0; }

#docItems 							{ float: left; width: 470px; border-left: solid 1px #bbb; margin-left: -1px; }