/*
	global.css
	styles specific to entire spotlight property group website
*/

/* Base overrides
   --------------------------------------------------- */
	body { font-size:70%; font-family:'trebuchet ms', verdana, arial, helvetica, sans-serif; }
	body, #container-shadow, #container { text-align:center; }
	#container-shadow { width:986px; margin:0em auto; background:transparent url('/site_media/img/bg-container-shadow.png') center top no-repeat; padding-top:15px; }
	#container { width:942px; margin:0em auto; background:#f3f3f3 url('/site_media/img/bg-container-repeat.gif') center bottom repeat-y; color:#000; font-weight:bold; margin-top:15px;
					 -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; }
	#container-inner { background:url('/site_media/img/bg-container-top.gif') center top no-repeat; 
							 -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; }
	#container-inner { text-align:left; }
	p.highlight { background: #a1b700; color: #FFFFFF; padding: 0.8em; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; }
	.box-shadow { -moz-box-shadow: 3px 3px 15px #000000; -webkit-box-shadow: 3px 3px 15px #000000; }	
	
/* Header
	--------------------------------------------------- */
	#header { height:71px; position: relative; }
	#header ul.navigation { padding-top:44px; }
	#header ul.navigation li { float:left; margin:0em 10px; }
	#header ul.navigation li.last { margin-right: 0; }
	#header ul.navigation li#logo { margin-left:11px; margin-top:-33px; }
	#header ul.navigation li a { text-decoration:none; color:#fff; display:block; }
	#header ul.navigation li a img { display:block; }	
	#header form { position: absolute; top: 0.5em; right: 0.5em; }
	#header form legend { display: none; }
	#header form label { display: block; text-transform: uppercase; color: #ffffff; margin-right: 0.3em; float: left; }
	#header form input.textinput { border: 0; background: #FFFFFF; margin-right: 0.3em; opacity: 0.8; padding: 0 0.2em;
											 filter:alpha(opacity=80); -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; float: left; } 
	#header form input.imageinput { display: block; float: left; }											 
	
/* Footer
	--------------------------------------------------- */	
	#footer { width:972px; margin: 0 auto; padding-top: 0.5em; text-transform: uppercase; /*background: url(../skins/carnegie/img/footer.png) top left no-repeat;*/ }
	#footer ul.navigation { padding: 0 15px; }
	#footer ul.navigation li { float:left; margin:0 16px 0 0; }
	#footer ul.navigation li a { text-decoration:none; color:#fff; display:block; }

/* Global Classes
   --------------------------------------------------- */
	.content { overflow:auto; }

/* Main Container
   --------------------------------------------------- */
	#main { width:502px; float:left; padding:36px; line-height:1.5em; }
	#main h1 { color:#6a6a6a; margin:-17px; font-size:2em; min-height:42px; }
	#main h2 { color:#6a6a6a; font-weight:bold; text-transform:uppercase; }
	#main dt { color:#6a6a6a; text-transform:uppercase; }
	#main p, #main ul { margin:1.5em 0em; }
	
	/* Lists */
	#main ul { border:1px solid #f3f3f3; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; }
	#main ul li { width:auto!important; }
	#main ul li.odd { background:#dfdfdf; }
	#main ul li { padding:4px 17px; } 	
	
	/* Layout */
	/* Two-column Blocks */
	#main ul.layout-two-column-blocks { /* background:orange; */ overflow:auto; }
	#main ul.layout-two-column-blocks li { float:left; width:242px!important; padding:0em; margin:1.5em 0px; }
	#main ul.layout-two-column-blocks li.left { margin-left:16px!important; }
	#main ul.layout-two-column-blocks li.right { }
	#main ul.layout-two-column-blocks li a.map { border:1px solid #ccc; display:block; float:left; line-height:0; }
	#main ul.layout-two-column-blocks li a.logo { background:#fff url('/site_media/img/logo-woolworths.gif') center center no-repeat; width:240px; height:69px; border:1px solid #ccc; display:block; margin:0.75em 0em; }
	#main ul.layout-two-column-blocks li a.logo:hover,
	#main ul.layout-two-column-blocks li a.map:hover { border-color:#6a6a6a; }

	#main table.alt-shading { width:240px; border-collapse:separate; float:left; margin:0.5em 0em; padding:0px; }
	#main table.alt-shading tr {  }
	#main table.alt-shading tr td { padding:6px; }
	#main table.alt-shading tr td.top-left { -moz-border-radius-topleft:15px; -webkit-border-radius:3px; -khtml-border-radius:3px; }
	#main table.alt-shading tr td.top-right { -moz-border-radius-topright:15px; -webkit-border-radius:3px; -khtml-border-radius:3px; }
	#main table.alt-shading tr td.bottom-left { -moz-border-radius-bottomleft:15px; -webkit-border-radius:3px; -khtml-border-radius:3px; }
	#main table.alt-shading tr td.bottom-right { -moz-border-radius-bottomright:15px; -webkit-border-radius:3px; -khtml-border-radius:3px; }

/* Side Panel
   --------------------------------------------------- */
	#side { width:368px; float:right; overflow:hidden; }

	/* Side Buttons */
	#side ul.navigation { padding:10px; overflow:auto; }
	#side ul.navigation li { padding:0em; margin:0 0 6px; }
	#side ul.navigation li a,
	dt.recipe div a { text-decoration: none; }
		
/* Tables
   --------------------------------------------------- */
	table tr th { padding:4px 17px; }
	table tr th, xtable caption { background:#a1b700 url('/site_media/img/table-th.gif') top center repeat-x; color:#fff; text-transform:uppercase; }
	table tr th.left, xtable caption { background:#a1b700 url('/site_media/img/table-th-left.gif') top left no-repeat; }
	table tr th.right { background:#a1b700 url('/site_media/img/table-th-right.gif') top right no-repeat; }
	table tr td { background:#e8e8e8; }
	table tr td.odd { background:#f3f3f3; }
	table tr td.hours,
	table tr td.phone a { white-space:nowrap; }
	table tr td { padding:0em; }
	table tr td a { padding:4px 17px; min-height:1em; color:#000; text-decoration:none; display:block; }	
	table tr td a:hover { color:#6a6a6a; }
	table caption { color:#fff; padding:4px 0px; }
	.wysiwyg table { width:auto!important; float:none; }
	.wysiwyg table caption { color:#6a6a6a; text-transform:uppercase; }
	.wysiwyg table tr td { padding:4px 12px!important; }
	
/* What's On
   --------------------------------------------------- */
	dl.whats-on {  }
	dl.whats-on dt { clear:left; }
	dl.whats-on dt img { float:left; margin-right:19px; margin-bottom:17px; }
	dl.whats-on dd { margin-left:203px; background:transparent url('/site_media/img/hr.gif') repeat-x bottom right; padding-bottom:17px; margin-bottom:17px; }
	
/* Recipes */
	dt.recipe { margin:0em!important; }
	dt.recipe div { float:left; width:200px; overflow:hidden; }
	dt.recipe a { float:left; }
	dd.recipe p { margin:0em 0em 1em!important; }
	dd.recipe ol, dd.recipe ul { margin:0em!important; padding:0em!important; }
	dd.recipe ol li { list-style-type:decimal; background:transparent; margin:0em 0em 1em 1.5em; padding:0em!important; }
	dd.recipe ul li { list-style-type:square; background:transparent!important; margin:0em 0em 0em 1.25em; padding-left:0.25em!important; }
	dd.recipe h1,
	dd.recipe h2,
	dd.recipe h3,
	dd.recipe h4,
	dd.recipe h5,
	dd.recipe h6 { text-transform:none; font-size:1em; font-weight:bold; color:#6a6a6a; margin:2em 0em 1em; }
	dd.recipe h1,
	dd.recipe h2 { text-transform:uppercase; }
	
	.wysiwyg { clear:left; }
	dd.recipe .wysiwyg { clear:none; }
	ul.recipe-list { margin:1.5em 0em!important; padding:0em!important; overflow:auto; }
	ul.recipe-list li { margin:0em!important; padding:0em!important; list-sytle-type:square!important; float:left; }
	ul.recipe-list li:before { content:"|"; margin:0em 1em; }
	ul.recipe-list li:first-child:before { content:""; margin:0em!important; }
	ul.recipe-list li a {  }
	
/* Special Offers */
	dl.special-offers dt {  background:transparent url('/site_media/img/hr.gif') repeat-x top right; padding-top:17px; margin-top:17px; }
	
/* Form defaults
   --------------------------------------------------- */
	form ul { overflow:auto; display:list!important; margin:1.5em 0em!important; }
	form ul li { margin:0.5em 0em; padding:0em!important; overflow:auto; display:list-item!important; clear: left; background:transparent!important; }
	form ul li label { width:6em; display:block; float:left; text-transform:uppercase; }
	form ul li label.error { color: red; width: 200px; margin-left: 1em; display: none; }
	form ul li input.submit { font-size:1.2em; }
	form ul li input, 
	form ul li textarea { width:18em; float: left; }
	form ul li input.short { width: 7em; }
	form ul li input.submit, 
	#side ul.navigation li a,
	dt.recipe div a { text-transform:uppercase; width:auto!important; color:#fff!important; background:#6a6a6a!important; }
	form ul li input, 
	form ul li textarea, 
	form ul li input.submit, 
	#homepage #intro a.button,
	#side ul.navigation li a,
	dt.recipe div a { background:#dadada; color:#000; padding:0em 0.5em; border:1px solid #aeaeae; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; }
	form ul li.checkbox input { margin-left: 6em; width: auto; border: 0; background: none; }
	form ul li.checkbox label { width: 18em; margin-left: 0.5em; }
	form input#id_postcode, form input#id_age, form input#sendEnquiry { width:5.25em!important; }
	form select#id_gender { width:6.5em!important; }
	
/* Homepage
   --------------------------------------------------- */
	#homepage { background:#6a6a6a url('../img/bg-strip.gif') bottom center no-repeat; }
	#homepage img { display: block; }
	#homepage #intro { height: 256px; background: url(../img/bg-home.jpg) top left no-repeat; overflow: hidden; }
	#homepage #intro h1 { color:#6a6a6a; margin: 30px 0 5px 500px; width: 385px; font-size: 1.4em; font-weight: bold; text-transform: uppercase; }
	#homepage #intro div.copy { margin: 0 0 0 530px; width: 380px; }
	#homepage #intro div.copy ul { list-style: square; margin: 5px 0; }
	#homepage #intro div.copy ul li { list-style: square; list-style-position: inherit; margin-left: 20px; }
	#homepage #intro a.button { display: inline-block; margin: 10px 0 0 730px; background:#6a6a6a; color:#fff; padding:0.3em 0.6em; font-size: 1.2em; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; text-decoration: none; text-transform: uppercase; }
	#homepage #strip { padding: 5px;
							 -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; 
							 -webkit-border-radius-bottomleft:4px; -webkit-border-radius-bottomright:4px; 
							 -khtml-border-radius-bottomleft:4px; -khtml-border-radius-bottomright:4px; }
	#homepage #strip #promo-left { float: left; }

	/* scrollable styles */
	#homepage #strip #promo-right { position: relative; float: right; width: 464px; height: 162px; background: url(../img/ajax-loader.gif) center center no-repeat #000000; }
	#homepage #strip #promo-right .display { position: absolute; top: 0; left: 0; }
	#homepage #strip #promo-right #nav { position: absolute; top: 0; left: 0; width: 102px; height: 154px; background: transparent /* url(../img/bg-home-promo-right-nav.png) */; padding: 4px; }
	#homepage #strip #promo-right #nav #actions { position: absolute;	width:102px; height: 154px; }
	#homepage #strip #promo-right #nav #actions a { position: absolute; display: block; font-size:11px; cursor:pointer; color:#FFFFFF; width: 102px; height: 12px; background: #000000; text-align: center; }
	#homepage #strip #promo-right #nav #actions a img { width: 7px; margin: 0 auto; }
	#homepage #strip #promo-right #nav #actions a:hover { text-decoration:underline; color:#000000; background: #FFFFFF; }
	#homepage #strip #promo-right #nav #actions a.prevPage { top: 0; left: 0; }
	#homepage #strip #promo-right #nav #actions a.nextPage { bottom: 0; left: 0; }
	#homepage #strip #promo-right #nav #actions a.disabled { opacity: 0.5; filter:alpha(opacity=50); cursor: default!important; }
	#homepage #strip #promo-right #nav #actions a.disabled:hover { background: #000000; }
	#homepage #strip #promo-right #nav .vertical { position:absolute; overflow:hidden; height: 126px; width: 102px; margin-top: 12px; }
	#homepage #strip #promo-right #nav .items { position:absolute; height:20000em;	margin: 0px; }
	#homepage #strip #promo-right #nav .items a { display: block; position: relative; margin:3px 0; padding:0; font-size:12px; height:39px; }
	#homepage #strip #promo-right #nav .items img { height:39px!important; width:102px!important; border: 0!important; }
	#homepage #strip #promo-right #nav .items .active { width: 96px; height: 33px; border: 3px solid #FFFFFF!important; overflow: hidden; }
	#homepage #strip #promo-right #nav .items .active img { position: absolute; top: -3px; left: -3px; }

/* clearfix
	http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
	-------------------------------- */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: inline-block; }
	* html .clearfix { height: 1%; } /* Hides from IE-mac */
	.clearfix { display: block; } /* End hide from IE-mac */