@charset "utf-8";
/* 

WESTFIELD PRODUCTION
westfield.com.au
Copyright 2008
	
XHTML/CSS Developer: 
	Agus Daud
	
Retail Edge	
			
*/

* {margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 78%; line-height: 1.20em;}
a {color: #0f1930;}
fieldset {border: none;}
legend {display: none;}
h1 {font-size: 1.05em; font-weight: normal;}
h1.supplier {font-size: 18px; line-height: 1em; font-weight: normal; color: #ff0000;}
p {margin: 0 0 0.9em 0; color: #363636;}
p.pagination {font-size: 0.9em;}


/* Layout */
/* this layout includes a 20 pixel allowance for Global Nav. */
.site-container {width: 970px; margin: 0 auto; padding: 20px 0 0 0;}

/* Overwrite Global Nav */
 
#westfieldGlobalNavigationContainer {background: transparent none!important; xwidth: 970px!important;}
#westfieldGlobalNavigation {background: #F3F2F2 none!important; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; width: 968px!important;}
#westfieldGlobalNavigationCorporate {margin: 0 10px 1px 1px!important;}
.main-container {border: 1px solid #c8c8c8; border-top: 0;}

.header {background: #f2f2f2 none; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8;}
	.header .left-header {background: transparent url(../../images/background/westfield_retail_services.gif) 0 0 no-repeat; float: left; text-indent: -9999px; width: 285px; height: 55px; margin: 16px 0 0 10px; display: inline; padding: 0 0 6px 0;}
	.header .right-header {background: transparent url(../../images/background/white-westfield-logo.gif) 0 0 no-repeat; float: right; text-indent: -9999px; width: 89px; height: 29px; margin: 15px 10px 0 0px; display: inline;}
 		.header h2 a {display: block; width: 285px; height: 55px;}

.primary-nav-container {border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; height: 31px; background: transparent url(../../images/background/primary-nav-background.gif) 0 -1px repeat-x; border-top: 1px solid #c8c8c8;}

.top-content-container {}
	.top-content-container .top-content-left {float: left;}
	.top-content-container .top-content-right {float: right; width: 330px;}
	
/* Navigation */
ul.primary-nav {list-style: none; float: left;}
	ul.primary-nav li {float: left; border-right: 1px solid #c8c8c8;}
		ul.primary-nav li a {display: block; height: 30px; line-height: 30px; text-decoration: none; padding: 0 8px; border-right: 1px solid #fff;} /* IE6 */
			ul.primary-nav li a:hover {text-decoration: underline;}
			ul.primary-nav li.selected a {font-weight:bold; text-decoration:underline;}

ul.primary-right-nav {list-style: none; float: right;}
	ul.primary-right-nav li {float: left; border-right: 1px solid #c8c8c8; padding:0 8px;}
	ul.primary-right-nav li.westfield-account {border:0; float:left; padding:0 2px;}
	ul.primary-right-nav li.westfield-account.first {border-left:1px solid #c8c8c8; padding:0 2px 0 8px;}
	ul.primary-right-nav li.westfield-account.last {padding:0 8px 0 2px;}
		ul.primary-right-nav li .westfield-account-label,
		ul.primary-right-nav li a {height: 30px; line-height: 30px; text-decoration: none;}
		ul.primary-right-nav li a.login-link,
		ul.primary-right-nav li a.reg-link {color:#ff0000; font-weight:bold;}
			ul.primary-right-nav li a:hover {text-decoration:underline;}
			ul.primary-right-nav li a.login-link.selected,
			ul.primary-right-nav li a.reg-link.selected {font-weight:bold; text-decoration: underline;}
			
/* Homepage */
.subscribe {margin: 0 10px 10px 0; padding: 7px 9px; border: 1px solid #5c6989; background: #f6f6f6 none; border-top: 0;}
	.subscribe .subscribe-label {width: 99px; float: left; font-size: 0.8em; line-height: 1.25em; color: #363636;}
	.subscribe .subscribe-input {float: left; width: 170px; padding: 3px 0 0 0;} /* IE6, IE7 */
	.subscribe .subscribe-submit {float: left; width: 30px; height: 20px; padding: 3px 0 0 0; } 
	.subscribe .subscribe-input-text {width: 169px; height: 18px; border: 1px solid #5c6989;}
		.subscribe .subscribe-input-text.error {border: 1px solid red;}
		.subscribe label.error {display: none!important;}
	.subscribe .subscribe-submit-button {border: 0; background: transparent url(../../images/background/subscribe-button-background.gif) 0 0 no-repeat; width: 30px; display: block; color: #fff; text-transform: uppercase; line-height: 1.2em; height: 20px;}
	
.subscribe-popup {width: 298px; height: 125px; border: 1px solid #5C6989; padding: 10px; position: absolute; background: #fff none; display: none;}
	.subscribe-popup p.close {text-align: right; display: block;}
	.subsribe-message {margin: 0 0 100px 0;}
	
.slogan {padding: 17px 0 0 21px; color: #3d4965;}
	.slogan.slogan-b {padding: 17px 0 0 10px;}

.tiles-container {width: 950px; margin: 0 auto;}
	.tiles-container .tiles-left-container {width: 620px; float: left; margin: 0 9px 0 0;}
	.tiles-container .tiles-right-container {width: 320px; float: left;}

.advertisement-container {padding: 10px; background: #ebebeb none; margin: 0 0 14px 0;}	
	.advertisement-container .advertisement-container-top {padding: 0 0 11px 0;}
	.advertisement-container .advertisement-container-top.advertisement-container-top-training {padding: 0 0 20px 0;}
	.advertisement-container img {border: 0;}
	
.tiles-top-main-container {margin: 0 0 20px 0;} /* Clear */
	.tiles-top-main-container .tiles-top-left-main-container {float: left; width: 410px;}
	.tiles-top-main-container .tiles-top-right-main-container {float: left; width: 210px;}
	
.tiles-inner-container {}
	.tiles-inner-container h2 {background: transparent url(../../images/background/second-header-background.gif) 0 0 repeat-x; height: 29px; display: block; border-bottom: 1px solid #adadad; border-right: 1px solid #adadad; font-size: 18px; font-weight: normal; line-height: 29px; padding: 0 0 0 10px; color: #333}
		.tiles-inner-container h2.yellow {color: #333333;}
	.tiles-top-right-main-container	h2 {padding: 0 0 0 20px;}
	.tiles-top-left-main-container .tiles-inner-container .tiles-container-content {background: #fcfcfc url(../../images/retail-edge-men-women.jpg) 100% 0 no-repeat;; height: 160px;}
	.tiles-top-left-main-container .tiles-inner-container .tiles-container-content-inner {width: 187px; padding: 10px;}
	.tiles-top-left-main-container .tiles-container-content.tiles-container-content-alt .tiles-container-content-inner {width: auto;}
	.tiles-top-left-main-container .tiles-container-content.tiles-container-content-alt {background: #F7F7F7 none!important;}
	
	.tiles-top-left-main-container .tiles-container-content {position: relative;}
	.tiles-top-left-main-container .main-image-container {position: absolute; right: 0px; bottom: 0px; width: 204px; height: 173px; background: transparent url(../../images/retail_edge_men.png) 0 0 no-repeat;} /* ie6 */
		.main-image-container p.description {display: none;}
	
ul.list-arrow {list-style: none;}	
	ul.list-arrow li.float {float:left; margin:0 35px 0 0;}
	ul.list-arrow li {background: transparent url(../../images/background/arrow-red.gif) 0 5px no-repeat; padding: 0 0 5px 13px;}
	ul.list-arrow li.selected {background: transparent url(../../images/background/black-arrow.gif) 0 5px no-repeat;}
		ul.list-arrow li a.deselect {text-decoration: underline; color:#CCCCCC;}
		ul.list-arrow li a {text-decoration: underline; color: #ff0000;}
 		ul.list-arrow li.selected a {color: #363636;}

.tiles-top-left-main-container .tiles-container-content {border-right: 1px solid #ffffff;}

.tiles-container-content img {border: 0;}

.tiles-top-right-main-container .tiles-container-content {background: #F7F7F7 none; height: 160px;}

.tiles-bottom-main-container {margin: 0 0 14px 0;} /* clear */







	.tiles-bottom-right-main-container {float: left; width: 410px;}
		.tiles-bottom-right-main-container h2 {padding: 0 0 0 20px;}
	.tiles-bottom-right-main-container .tiles-inner-container .tiles-container-content {background:none repeat scroll 0 0 #F7F7F7; height: 150px;}
	.tiles-bottom-right-main-container .tiles-inner-container .tiles-container-content-inner {width: 187px; padding: 10px;}
	.tiles-bottom-right-main-container .tiles-container-content.tiles-container-content-alt .tiles-container-content-inner {width: auto;}
	.tiles-bottom-right-main-container .tiles-container-content.tiles-container-content-alt {background: #F7F7F7 none!important;}
	
	.tiles-bottom-right-main-container .tiles-container-content {position: relative;}
	.tiles-bottom-right-main-container .main-image-container {position: absolute; right: 0px; bottom: 0px; width: 204px; height: 173px; background: transparent url(../../images/retail_edge_men.png) 0 0 no-repeat;} /* ie6 */
		.main-image-container p.description {display: none;}
	
		
		
		
		
		
	
	.tiles-bottom-main-container h2 {background: transparent url(../../images/background/second-header-background.gif) 0 0 repeat-x; height: 29px; display: block; border-bottom: 1px solid #adadad; border-right: 1px solid #adadad; font-size: 18px; font-weight: normal; line-height: 29px; padding: 0 0 0 10px; color: #363636}
	.tiles-bottom-main-container .tiles-bottom-container {width: 200px; margin: 0 10px 0 0; float: left; background: #f7f7f7 none; position: relative;}
		.tiles-bottom-main-container .tiles-bottom-container.tiles-bottom-container-c-last {margin: 0;}
		.tiles-bottom-main-container .tiles-bottom-container.tiles-bottom-container-b-last {margin: 0;}
		.tiles-bottom-main-container .tiles-bottom-container.tiles-bottom-container-a-last {margin: 0;}
		
	.tiles-bottom-main-container .tiles-content-container {height: 150px;}
	.tiles-bottom-container .main-image-container {width: 89px; height: 176px; position: absolute; bottom: 0; right: 0;}
	
.tiles-bottom-container.tiles-bottom-container-a .tiles-content-container .tiles-content-container-inner {width: 108px; padding: 8px 8px;}
	.tiles-bottom-container.tiles-bottom-container-a .main-image-container {background: transparent url(../../images/two-girl.png) 0 0 no-repeat;} /* ie6 */
.tiles-bottom-container.tiles-bottom-container-b .tiles-content-container .tiles-content-container-inner {padding: 8px 8px;}
.tiles-bottom-container.tiles-bottom-container-c .tiles-content-container .tiles-content-container-inner {width: 115px; padding: 8px 8px;}
.tiles-bottom-container.tiles-bottom-container-c .tiles-content-container {background: transparent url(../../images/retail-edge-study.jpg) 100% 100% no-repeat;}

.tiles-bottom-container.tiles-bottom-container-a-last .tiles-content-container .tiles-content-container-inner {width: 108px; padding: 8px 8px;}
	.tiles-bottom-container.tiles-bottom-container-a-last .main-image-container {background: transparent url(../../images/two-girl.png) 0 0 no-repeat;} /* ie6 */
	.tiles-bottom-container.tiles-bottom-container-a .tiles-content-container {}
.tiles-bottom-container.tiles-bottom-container-b-last .tiles-content-container .tiles-content-container-inner {padding: 8px 8px;}
.tiles-bottom-container.tiles-bottom-container-c-last .tiles-content-container .tiles-content-container-inner {width: 115px; padding: 8px 8px;}
.tiles-bottom-container.tiles-bottom-container-c-last .tiles-content-container {background: transparent url(../../images/retail-edge-study.jpg) 100% 100% no-repeat;}
.tiles-bottom-container.tiles-bottom-container-c .main-image-container {} /* ie6 */

.tiles-container-freetext {padding: 10px;}
	
/* Supplier */

.supplier-main-container-outer {padding: 0 0 9px 0}
.supplier-main-container {background: transparent url(../../images/background/advertisement-right-background.gif) 100% 0 repeat-y;}
	.supplier-main-container .supplier-main-container-left {width: 760px; float: left; padding: 0 10px 0 10px;}
	.supplier-main-container .supplier-main-container-right {width: 180px; float: left;}
	.supplier-main-container .advertisement-container {margin: 0;}
	
.supplier-list-container {border: 1px solid #d7d7d7; padding: 10px;}
	
.advertisement-a {margin: 0 0 30px 0;}
.advertisement-b {margin: 0 0 30px 0;}

.pagination-container {}
	.pagination-container p.pagination {float: left; margin: 0; padding: 0 0 1em 0; }
	.pagination-container ul.pagination-page {float: right;}

ul.pagination-page {list-style: none;}
	ul.pagination-page li {float: left; background: transparent url(../../images/background/pagination-divider.gif) 100% 4px no-repeat; padding: 0 4px 0 4px;}
		ul.pagination-page li a {color: #ff0000;}
		ul.pagination-page li.total, ul.pagination-page li.last, ul.pagination-page li.pagination-of, ul.pagination-page li.pagination-list {background: transparent none;}
		ul.pagination-page li.last, ul.pagination-page li.pagination-list, ul.pagination-page li.pagination-of {padding: 0 0 0 3px}
		ul.pagination-page li.back, ul.pagination-page li.forward {background: transparent url(../../images/background/pagination-background.gif) 0 0 repeat-x; width: 16px; height: 16px; padding: 0;}
			ul.pagination-page li.back a, ul.pagination-page li.forward a {display: block; line-height: 15px; color: #fff; margin: 0 auto; display: block; width: 8px; text-decoration: none;}

.filter-text {border-bottom:1px solid #BDC3D0; margin:0 0 10px; padding:20px 0 10px;}
	.filter-text .category,
	.filter-text .state {font-weight:bold;}
.filter-area {margin:0 0 10px;}
	.filter-category-area {padding:0 20px 0 0;}

/* table */
.table-supplier {border-collapse: collapse; width: 100%; margin: 0 0 10px 0;}
	.table-supplier thead tr th {height: 30px; background-color: #5c6989; color: #fff; text-decoration: underline; text-align: left; border: 4px solid #5c6989;}
		.table-supplier thead tr th.col1 {border-right: 0; padding: 0 0 0 12px;}
		.table-supplier thead tr th.col2 {border-right: 0; border-left: 0;}
		.table-supplier thead tr th.col3 {border-right: 0; border-left: 0;}
		.table-supplier thead tr th.col4 {border-left: 0;}
	
	.table-supplier thead tr th .text {float: left; height: 30px; line-height: 30px; cursor: pointer;}	
	.table-supplier thead tr th .table-arrow {width: 10px; height: 30px; display: block; float: left; margin: 0 0 0 10px;}
	.table-supplier thead tr th.header .table-arrow {background: transparent url(../../images/background/table-icon.gif) -10px 8px no-repeat;}
	.table-supplier thead tr th.headerSortUp .table-arrow {background: transparent url(../../images/background/table-icon.gif) -20px 8px no-repeat;}
	.table-supplier thead tr th.headerSortDown .table-arrow {background: transparent url(../../images/background/table-icon.gif) 0 8px no-repeat;}
	
	.table-supplier tbody tr td {background-color: #f1f1f3; height: 29px; border-bottom: 1px solid #bdc3d0; padding-right: 12px;}
	.table-supplier tbody tr.odd td {background-color: #fff;}
		.table-supplier tbody tr.special td, .table-supplier tbody tr.alt.alt-special td {border: 4px solid #5c6989; font-size: 1.23em; font-weight: bold; height: auto; padding-top: 15px; padding-bottom: 15px; line-height: 1.15em;}
		.table-supplier tbody tr.special td.col1, .table-supplier tbody tr.alt.alt-special td.col1 {border-right: 0;}
		.table-supplier tbody tr.special td.col2, .table-supplier tbody tr.alt.alt-special td.col2 {border-right: 0; border-left: 0;}
		.table-supplier tbody tr.special td.col3, .table-supplier tbody tr.alt.alt-special td.col3 {border-right: 0; border-left: 0;}
		.table-supplier tbody tr.special td.col4,.table-supplier tbody tr.alt.alt-special td.col4 {border-left: 0;}
	.table-supplier tr td a {color: #ff0000;}
	.table-supplier tr td.col1 {padding: 5px 0 5px 12px; width: 120px;}
	.table-supplier tr td.col2 {width: 155px;}
	.table-supplier tr td.col3 {width: 137px;}
	.table-supplier tr td.col4 p {margin:0.9em 0;}
	
.table-supplier-product {border-collapse: collapse; width: 100%; margin: 0 0 20px 0;}
	.table-supplier-product thead tr th {height: 30px; background-color: #5c6989; color: #fff; text-decoration: none; text-align: left; padding: 0 12px 0 12px;}
.table-supplier-product tbody tr td {background-color: #f1f1f3; height: 29px; border-bottom: 1px solid #bdc3d0; padding: 0 12px 0 12px;}
	.table-supplier-product tbody tr.odd td {background-color: #fff;}
	.table-supplier-product tr td a {color: #ff0000;}		
	
/* Supplier Directory */
.supplier-product-main-container {padding: 0 10px 0 9px;}

.supplier-product-main-container {} /* ie6 */
	.supplier-product-main-container .supplier-product-main-container-left {float: left; width: 585px;}
	.supplier-product-main-container .supplier-product-main-container-right {float: right; width: 320px;}
	.supplier-product-main-container .supplier-product-main-container-bottom {float: left; width: 949px; min-height: 140px; padding: 30px 0 0 0;}

.supplier-product-main-container-right .image-one {padding: 42px 0 0 0; display: block; height: 30px;}

.supplier-product-header-container {padding: 0 0 8px 0; border-bottom: 1px solid #d6d9e1; margin: 0 0 20px 0;}
	.supplier-product-header-container .supplier-product-header-container-left {width: 400px; float: left;}
	.supplier-product-header-container .supplier-product-header-container-right {width: 185px; float: right;}
	
ul.supplier-product-list {text-align: right; list-style: none; padding: 5px 0 0 0;}
	ul.supplier-product-list li {margin: 0 0 4px 0;}
	ul.supplier-product-list li a.yellow-arrow {background: transparent url(../../images/background/arrow-red.gif) 0 5px no-repeat; padding: 0 0 0 13px; text-decoration: underline; color: #ff0000;}

a.terms-and-condition {background: transparent url(../../images/background/arrow-red.gif) 0 5px no-repeat; padding: 0 0 0 13px; text-decoration: underline; color: #ff0000; font-size: 0.9em;}

.terms-and-condition-container {position: relative; }
.terms-popup {font-size: 0.9em; position: absolute; top: -200px; left: 10px; border: 1px solid #000; height: 189px; width: 369px; background: #fff none; display: none;}
	.terms-popup-inner { border-bottom: 1px solid #7d7d7d; border-right: 1px solid #7d7d7d; height: 190px; width: 370px;}
	.terms-popup-content {overflow-y: scroll; height: 169px; clear: both; padding: 0 20px;}
	.terms-popup .close-popup {width: 18px; height: 17px; background: transparent url(../../images/background/close-button.gif) 0 0 no-repeat; float: right; cursor: pointer;}
	.terms-popup .terms-popup-content-container {padding: 1px 2px;}
	.terms-popup h3 {font-size: 1em; font-weight: bold;}

/* IPP */
#ipp-frame {margin:10px 0;}
.ipp-container {position: relative; }
.ipp-popup {background:#CCCCCC; border:1px solid #000000; display:none; height:130px; left:350px; position:absolute; top:50px; width:300px;}
	.ipp-popup-inner { border-bottom: 1px solid #7d7d7d; border-right: 1px solid #7d7d7d; height:131px; width:301px;}
		.ipp-popup .ipp-popup-content-container {}
			.ipp-popup .close-popup {background: transparent url(../../images/background/close-button.gif) 0 0 no-repeat; float: right; cursor: pointer; height: 17px; width: 18px;}
			.ipp-popup-content {padding:20px 5px 5px;}
				.ipp-buttons {text-align:center;}
					.ipp-button {margin:0 5px 0 0; padding:3px 0 0;}
	
/* News & Events */
.news-container {}
	.news-container .news-inner-container {padding: 0 10px 0 10px;}
	
ul.state-news {list-style: none; padding: 45px 0 25px 0;}
	ul.state-news li {float: left;}
	ul.state-news li a {text-decoration: none;  background: transparent url(../../images/background/red-line-background.gif) 0 100% repeat-x; padding: 0 29px; padding-bottom: 9px; display: block; font-size: 1.15em; font-weight: bold; outline: none;}
	ul.state-news li a:focus {background: transparent url(../../images/background/red-line-selected.gif) 50% 100% no-repeat;}
	ul.state-news li a.selected {background: transparent url(../../images/background/red-line-selected.gif) 50% 100% no-repeat;}
		ul.state-news li.act a {padding-left: 10px;}
			ul.state-news li.act a.selected {background: transparent url(../../images/background/red-line-selected.gif) -22px 100% no-repeat;}
			ul.state-news li.act a:focus {background: transparent url(../../images/background/red-line-selected.gif) -22px 100% no-repeat;}
		ul.state-news li.wa a {padding-right: 10px;}
			ul.state-news li.wa a.selected {background: transparent url(../../images/background/red-line-selected.gif) -8px 100% no-repeat;}
			ul.state-news li.wa a:focus {background: transparent url(../../images/background/red-line-selected.gif) -8px 100% no-repeat;}
			
dl.region-list {padding: 0 0 0 25px; display: none;}
	dl.region-list dd {float: left; width: 160px;}
	dl.region-list dt {float: left; width: 160px;}

.news-events-container {}
	.news-events-container .regain-act {width: 528px; float: left;}
	.news-events-container .arrow-result-container {width: 420px; float: left;}
.arrow-result-container {}
	.arrow-result-container .news-arrow {width: 110px; float: left;}
		.arrow-result-container .news-arrow .arrow-image {padding: 125px 0 190px 0;}
	.arrow-result-container .news-events-result { width: 310px; float: left;}
	
dl.centre-news-events {display: none;}
	dl.centre-news-events dt {font-size: 1.15em; font-weight: bold; background: transparent url(../../images/background/red-line-background.gif) 0 100% repeat-x; padding: 45px 0 9px 0; text-transform: uppercase; margin: 0 0 25px 0;}
	dl.centre-news-events dd {}
		dl.centre-news-events dd a {display: block; background: transparent url(../../images/background/pdf-icon.jpg) 0 0 no-repeat; height: 40px; padding: 0 0 0 45px; line-height: 40px; color: #ff0000; margin: 0 0 20px 0;}

/* Overlay Popup */

.overlay-popup-container {width: 970px; margin: 0 auto;}
.black-overlay {display: none; background-color: black; width: 100%;  height: 100%; position: absolute; top: 0; left: 0; opacity: 0.5;} /* ie6 */ /* ie7 */
.overlay-popup {width: 388px; padding: 0 20px 20px 20px; background: #081228 url(../../images/background/overlay-popup-background.gif) 0 0 no-repeat; border: 1px solid #fff; position: absolute; top: 40px; margin: 0 0 0 270px; display: none;}
	.overlay-popup.overlay-popup-no-javascript {position: static; display: block; margin: 0 0 15px 0;}
	.overlay-popup .overlay-header-container {padding: 10px 0 10px 0; color: #fff;}
		.overlay-popup .overlay-header-container a {color: #fff; text-decoration: none;}
	.overlay-popup .red {color: #fc4141;}
	.overlay-popup .small {display: block; font-size: 0.9em; font-style:italic;}
	.overlay-popup ul {list-style: none;}
	.overlay-popup .overlay-popup-content {padding: 20px; padding-bottom: 10px; background: #f5f5f5 none; border: 1px solid #000;}
	.overlay-popup .mandatory-field {margin: 0 0 15px 0;}
		.overlay-popup .mandatory-field .block {display: block;}
		.overlay-popup .mandatory-field .block label.error {display: block;}
	.overlay-popup .submit-a {border: 0; background: transparent url(../../images/background/button-type-submit.gif) 0 0 no-repeat; height: 20px; width: 70px; padding: 20px 0 0 0; overflow: hidden; cursor: pointer;}
	.overlay-popup .button-submit-a {height: 20px;}
	.overlay-popup ul.mandatory-field label.error {border: 0; display: block; color: red;}
	.overlay-popup ul.form-field-a label.error {display: none!important;}
	.overlay-popup .input-text-a.error {border: 1px solid red;}
	.overlay-popup .input-textarea-a.error {border: 1px solid red;}
	.overlay-popup #warning {display: none;}
	.overlay-popup .result {font-size: 1em; font-weight: bold; margin: 0 0 10px 0;}
	.overlay-popup #contactuswarning, .overlay-popup #orderformwarning {display: none;}
	.overlay-popup .ajax-loader {padding: 0 0 0 10px; display: none;}
	.overlay-popup #result .captcha-error {display: none;}
	.error .captcha-error {color: red; font-weight: bold;}
	
.overlay-header-container {} /* clear */
	.overlay-header-container .overlay-header-left {float: left; font-size: 1.45em; line-height: 18px; font-weight: normal;}
	.overlay-header-container .overlay-header-right {float: right; font-size: 0.9em; line-height: 18px;}
	
.overlay-popup-content ul.form-field-a {padding: 0 0 10px 0;}
	.overlay-popup-content ul.form-field-a li {float: left;}
	.overlay-popup-content ul.form-field-a .label-a {width: 110px; display: block;}
	.overlay-popup-content ul.form-field-a .input-text-a {width: 230px;}
	.overlay-popup-content ul.form-field-a .input-textarea-a {width: 230px; height: 55px;}
	.overlay-popup-content .captcha-container {padding: 0 0 10px 10px;}
	
#supplier-enquiry iframe {width: 370px!important;}
#contact-us iframe {width: 370px!important;}	
	
/* Training */

.training-container {margin: 0 0 15px 0;} /* clear */
	.training-container .training-left-container {width: 410px; margin: 0 10px 0 0; float: left;}
	.training-container .training-right-container {width: 200px; float: right;}
	
.training-left-container h3 {height: 20px; line-height: 20px; color: #fff; background: #5c6989 none; font-size: 1em; font-weight:bold; padding: 0 0 0 10px;}
	.training-left-inner-container {border: 1px solid #ccc; border-top: 0; padding: 9px; padding-top: 6px;}
		.training-left-inner-container p {margin: 0 0 0.7em 0;}
	
.training-main-content {background: #f7f7f7 none; padding: 10px 10px 0 10px; height: 330px;} /* clear */
	.training-main-content h2 {margin: 0 0 10px 0; font-size: 1.15em; font-weight: bold;}
	.training-main-content .training-main-left-content {width: 177px; float: left; margin: 0 16px 10px 0;}
	.training-main-content .training-main-right-content {width: 177px; float: left; margin: 0 0 10px 0;}
	.training-main-content .training-main-bottom-content {float: left;}
	
.training-right-container {}
	.training-right-container h3 {height: 20px; line-height: 20px; color: #fff; background: #5c6989 none; font-size: 1em; font-weight: bold; padding: 0 0 0 10px;}
	.training-right-container p {line-height: 1.25em;}
	.training-right-container .training-right-inner-container {border: 1px solid #ccc; border-top: 0; padding: 10px 9px; margin: 0 0 10px 0;}
	.training-right-container-image-container {margin: 10px 0 0 0;}
	.training-right-container a img {border: 0;}
	
/* footer */
.footer {margin: 20px 0 0 0;} /* clear */
	.footer	.footer-logo {background: transparent url(../../images/background/westfield-footer-logo.jpg) 0 0 no-repeat; padding: 0 0 0 20px; float: left; font-size: 0.85em; color: #9c9c9c;}
	.footer .footer-nav-container {float: right;}
	
ul.footer-nav {list-style: none;}
	ul.footer-nav li {float: left; padding: 0 0 0 6px;}
		ul.footer-nav li a {padding: 0 6px 0 0; font-size: 0.85em; color: #9c9c9c; text-decoration: none;}


/* competition */

.competition-container {padding: 0 10px; margin:0 0 0.9em 0}
.competition-small-text-container {width: 400px;}
.competition-container-inner {}
	.competition-container-inner .competition-container-inner-left {width: 400px; float: left; border: 1px solid #adb4c4; background: #fafafa none;}
		.competition-container-inner .competition-form-container {padding: 10px 0 0 20px;}
	.competition-container-inner .competition-container-inner-right {width: 530px; float: right; background: transparent url(../../images/background/price-background.jpg) 0 0 no-repeat;}
	
.price-container {}
	.price-container .price-container-left {width: 260px; float: left;}
	.price-container .price-container-right {width: 260px; float: right;}
	.price-container .price-container-bottom {width: 530px; float: left; text-align: center; padding: 10px 0 0 0; font-size: 0.82em;}
	.price-container .price-container-bottom p {margin:0 0;}
	.price-container h2 {height: 42px; text-indent: -9999px;}
	.price-container .price-container-inner {padding: 0px 0 5px 6px;}
	.price-container .price-one {padding: 10px 10px;}
	.price-container .price-two {padding: 12px 10px 10px 10px;}
	.price-container .price-three {padding: 12px 10px 10px 10px;}

/* competition form */

.competition-container .competition-small-text {font-size:0.9em;}
#competition-form ul.form-field-a, #competition-form ul.mandatory-field {list-style: none; margin: 0 0 8px 0;}
	#competition-form ul.mandatory-field {font-size: 0.9em;}
	#competition-form ul.mandatory-field li.float {float: left; margin: 0 10px 0 0; width: 300px;}
	#competition-form ul.form-field-a.form-field-a-long {margin: 0 0 15px 0;}
	#competition-form ul.form-field-a li {float: left;}
	#competition-form ul.form-field-a li .label-a {width: 115px; display: block;}
	#competition-form ul.form-field-a li .terms {width: 180px; display: block; margin: 0 0 0 5px; font-size: 0.9em;}
	#competition-form ul li .red {color: #ff0000;}
	#competition-form ul.form-field-a li .input-text-a {width: 240px; font-size: 0.9em; padding: 2px; border: 1px solid #adb4c4;} /* ie6 */ /* ie7 */
	#competition-form ul.form-field-a li select.input-text-a {width: 245px; font-size: 0.9em; padding: 2px; border: 1px solid #adb4c4;} /* ie6 */ /* ie7 */	
	#competition-form ul.form-field-a li .input-textarea-a {width: 242px; height: 55px;}
	#competition-form ul.form-field-a li.terms-checkbox {padding: 3px 0 0 0; display: block;}
	#competition-form ul.form-field-a a.yellow-arrow {background: transparent url(../../images/background/arrow-red.gif) 0 4px no-repeat; padding: 0 0 0 10px; text-decoration: underline; color: #ff0000;}
	#competition-form ul.form-field-a .submit-a {border: 0; background: transparent url(../../images/background/button-type-submit.gif) 0 0 no-repeat; height: 20px; width: 70px; padding: 20px 0 0 0; overflow: hidden; cursor: pointer;}
	#competition-form ul li .input-text-a.error, #competition-form ul li select.input-text-a.error, #competition-form ul li .input-textarea-a.error, #competition-form ul li .input-checkbox-a.error {border: 1px solid red;}
	#competition-form ul.form-field-a li label.error {display: none!important;}
	#competition-form ul.mandatory-field li label.error {color: red;}
	#competition-form #competitionwarning {display: none;}

/* registration form */
.orange-link-arrow {background: transparent url(../../images/background/arrow-red.gif) 0 5px no-repeat; padding:1px 0 5px 13px;}
	.orange-link-arrow a {color:#ff0000;}

.registration-intro {width:620px;}
.registration-form-container {}
	.registration-form-container h3 {background:#5C6989 none repeat scroll 0 0; color:#FFFFFF; font-size:1em; font-weight:bold; height:20px; line-height:20px; padding:0 0 0 10px;}
	.registration-form-container .content-container {background:#ebebeb none repeat scroll 0 0;}
	.registration-form-container .content-container,
	.registration-form-container .fields-container {padding:6px 9px 9px;}
		.registration-form-container .fields-container .input-text-a.error {border: 1px solid red;}
		.registration-form-container .fields-container dl dd {float:left; width:200px;}
			.registration-form-container .fields-container dl dd ul.shopping-centres {list-style-position:outside; list-style-type:none;}
				.registration-form-container .fields-container dl dd ul.shopping-centres li {float:left; margin:0 0 0 10px;}
				.registration-form-container .fields-container dl dd ul.shopping-centres li.state-heading {margin:0;}
				.registration-form-container .fields-container dl dd ul.shopping-centres li.state-heading.new-state-heading {margin:10px 0 0;}
				.registration-form-container .fields-container dl dd ul.shopping-centres li label {display:block; width:130px;}
				.registration-form-container .fields-container dl dd ul.shopping-centres li h4 {font-size: 1.0em; font-weight: bold; width: 130px;}
		.registration-form-container .fields-container.submit-button {padding:6px 0 9px 9px;}
	.registration-form-container .red {color:#FF0000;}
	.registration-form-container ul.mandatory-field {font-size:0.9em;}
	.registration-form-container ul.mandatory-field,
	.registration-form-container ul.form-field-a {list-style-position:outside; list-style-type:none; margin:0 0 8px;}
		.registration-form-container ul.mandatory-field li.float {float: left; margin: 0 10px 0 0; width: 400px;}
		.registration-form-container ul.mandatory-field li label.error {color: red;}
		.registration-form-container ul.form-field-a li,
		.registration-form-container ul.checkbox li.checkbox-details {float:left;}
			.registration-form-container ul.form-field-a li label {display:block; width:190px;}
			.registration-form-container ul.form-field-a li input {border: 1px solid #ADB4C4; font-size:0.9em; padding:2px; width:245px;}
	.registration-form-container ul.checkbox {list-style-position:outside; list-style-type:none;}
		.registration-form-container ul.checkbox li.checkbox-details input {margin:0 10px 0 0;}
		.registration-form-container ul.checkbox li.checkbox-details.special {margin:3px 0 0;}
		.registration-form-container ul.checkbox li.checkbox-details.special label.select {color:#ff0000;}
		.registration-form-container ul.checkbox li.checkbox-details.special label.deselect {}
		.registration-form-container ul.checkbox li button.submit-a {border: 0; background: transparent url(../../images/background/button-type-submit.gif) 0 0 no-repeat; float:right; height: 20px; width: 70px; padding: 20px 0 0 0; overflow: hidden; cursor: pointer;}
	.registration-sub-container {}
	.registration-sub-container.registration-sub-container-checkbox {margin: 0 0 20px 0;}
		.form-container {float:left; width:620px;}
		.form-container.border {border:1px solid #ADB4C4;}
		.detail-container {float:right; width:320px;}
			.detail-container ul.steps {list-style-position:outside; list-style-type:none;}
			.detail-container ul.steps li {margin:0 0 8px;}

/* generic */
.generic-main-container-outer {padding:0 0 9px;}
.generic-main-container {background:transparent url(../../images/background/advertisement-right-background.gif) 100% 0 repeat-y;}
.generic-main-container.no-ads {background:none;}
	.generic-main-container-left {width:740px; float:left; padding:10px 20px;}
	.generic-main-container-left.no-ads {width:auto;}
		.generic-main-container-left h2 {padding:5px 0pt 10px; font-size:14px;}
		.generic-main-container-left a {color:#ff0000;}
		.generic-main-container-left ul {margin:0 0 10px 15px;}
	.generic-main-container-right {width:180px; float:left;}
	.generic-main-container .advertisement-container {margin:0;}


/* edit template temporary CSS */
/* edit template is currently being written */
.highlight-temp {position: absolute; background: yellow none; opacity: 0.3; z-index: 9999; cursor: pointer;} /* ie6 */ /* ie7 */
	.highlight-temp h2 {text-align: center; font-size: 1.4em; margin: 5px 0 0 0;}

.edit-link {display: none;}
	.edit-template {background: transparent url(../../images/background/btn_edit.gif) 0 0 no-repeat; width: 33px; height: 15px; display: block; float: left; text-indent: -9999px;}
	.submit-template {background: transparent url(../../images/background/btn_submit.gif) 0 0 no-repeat; width: 45px; height: 15px; display: block; float: left; text-indent: -9999px;}
		.submit-template a {width: 45px; height: 15px; display: block; text-indent: -9999px;}
	.newpage-template {background: transparent url(../../images/background/btn_newpage.gif) 0 0 no-repeat; width: 60px; height: 15px; display: block; float: left; text-indent: -9999px;}
		.newpage-template a {width: 60px; height: 15px; display: block; text-indent: -9999px;}


 #tnc-validation-error { color: red; font-weight: bold; padding-bottom: 10px; }
		
/* FF Clearing */
ul.list-arrow:after,
.registration-form-container ul.checkbox:after,
.registration-sub-container:after,
.registration-form-container ul.mandatory-field:after,
.registration-form-container .fields-container dl:after,
.registration-form-container ul.form-field-a:after,
#competition-form ul.mandatory-field:after,
#competition-form ul.form-field-a:after,
.price-container:after,
.competition-container-inner:after,
.edit-link:after,
.training-main-content:after,
.training-container:after,
.overlay-popup-content ul.form-field-a:after,
.overlay-header-container:after,
.supplier-product-header-container:after,
.supplier-product-main-container:after,
.arrow-result-container:after,
.news-events-container:after,
dl.region-list:after,
ul.state-news:after,
ul.pagination-page:after,
.pagination-container:after,
.supplier-main-container:after,
.generic-main-container:after,
.footer:after,
.tiles-bottom-main-container:after,
.tiles-top-main-container:after,
.tiles-container:after,
.subscribe:after,
.top-content-container:after,
ul.primary-nav:after,
.header:after,
.clearfloat {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/* Clear */
* html ul.list-arrow,
* html .registration-form-container ul.checkbox,
* html .registration-sub-container,
* html .registration-form-container ul.mandatory-field,
* html .registration-form-container .fields-container dl,
* html .registration-form-container ul.form-field-a,
* html #competition-form ul.mandatory-field,
* html #competition-form ul.form-field-a,
* html .price-container,
* html .competition-container-inner,
* html .edit-link,
* html .training-main-content,
* html .training-container,
* html .overlay-popup ul.form-field-a,
* html .overlay-header-container,
* html .supplier-product-header-container,
* html .supplier-product-main-container,
* html .arrow-result-container,
* html .news-events-container,
* html dl.region-list,
* html ul.state-news,
* html ul.pagination-page,
* html .pagination-container,
* html .supplier-main-container,
* html .generic-main-container,
* html .footer,
* html .tiles-bottom-main-container,
* html .tiles-top-main-container,
* html .tiles-container,
* html .subscribe,
* html .top-content-container,
* html ul.primary-nav,
* html .header,
* html .clearfloat {height: 1%;}

*+html ul.list-arrow,
*+html .registration-form-container ul.checkbox,
*+html .registration-sub-container,
*+html .registration-form-container ul.mandatory-field,
*+html .registration-form-container .fields-container dl,
*+html .registration-form-container ul.form-field-a,
*+html #competition-form ul.mandatory-field,
*+html #competition-form ul.form-field-a,
*+html .price-container,
*+html .competition-container-inner,
*+html .edit-link,
*+html .training-main-content,
*+html .training-container,
*+html .overlay-popup ul.form-field-a,
*+html .overlay-header-container,
*+html .supplier-product-header-container,
*+html .supplier-product-main-container,
*+html .arrow-result-container,
*+html .news-events-container,
*+html dl.region-list,
*+html ul.state-news,
*+html ul.pagination-page,
*+html .pagination-container,
*+html .supplier-main-container,
*+html .generic-main-container,
*+html .footer,
*+html .tiles-bottom-main-container,
*+html .tiles-top-main-container,
*+html .tiles-container,
*+html .subscribe,
*+html .top-content-container,
*+html ul.primary-nav,
*+html .header,
*+html .clearfloat {min-height: 1%;}