@CHARSET "ISO-8859-1";

/******************************
        General Layout 
******************************/
body{
    width: 100%;
	background-position: center 120px;
	background-repeat: repeat-x;
}

/*** header ***/
div#header{
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
}
a#logo{
	width: 189px;
	height: 61px;
	display: block;
	margin-top: 36px;
	float: left;
}

form div.search_bar{
	background: url('/images/bg_search.gif') no-repeat;
	width: 146px;
	height: 19px;
	padding: 4px 4px 0px 10px;
	margin-top: 32px;
	margin-bottom: 26px;
	float: right;
}
form div.search_bar input{
	width: 125px;
	color: #707070;
	float: left;
	border: 0px;
}
form div.search_bar input#btn_search{
	width: 15px;
	float: right;
}

ul#nav{
	/*width: 764px;*/
	width: 675px;
	height: 39px;
	float: right;
}
ul#nav li{
	height: 39px;
	float: left;
}
ul#nav li a{
	height: 39px;
	display: block;
}
ul#nav li#tab1 a{
	background: url('/images/nav/whats_on.gif') top center no-repeat;
	width: 134px;
}
ul#nav li#tab2 a{
    background: url('/images/nav/directory.gif') top center no-repeat;
    width: 125px;
}
ul#nav li#tab3 a{
    background: url('/images/nav/privileges.gif') top center no-repeat;
    width: 125px;
display: none;
}
ul#nav li#tab4 a{
    background: url('/images/nav/catalogues.gif') top center no-repeat;
    width: 95px;
}
ul#nav li#tab5 a{
    background: url('/images/nav/centre_information.gif') top center no-repeat;
    width: 138px;
}
ul#nav li#tab6 a{
    background: url('/images/nav/contact_us.gif') top center no-repeat;
    width: 85px;
}
/*ul#nav li#tab7 a{
    background: url('/images/nav/subscribe.gif') top center no-repeat;
    width: 67px;
}*/
ul#nav li#tab7 a{
    background: url('/images/nav/freebies.gif') no-repeat;
    width: 98px;
}

ul#nav li#tab1 a:hover,
ul#nav li#tab1 a.current{
	background: url('/images/nav/whats_on.gif') bottom center  no-repeat;
}
ul#nav li#tab2 a:hover,
ul#nav li#tab2 a.current{
    background: url('/images/nav/directory.gif') bottom center no-repeat;
}
ul#nav li#tab3 a:hover,
ul#nav li#tab3 a.current{
    background: url('/images/nav/privileges.gif') bottom center no-repeat;
}
ul#nav li#tab4 a:hover,
ul#nav li#tab4 a.current{
    background: url('/images/nav/catalogues.gif') bottom center no-repeat;
    width: 95px;
}
ul#nav li#tab5 a:hover,
ul#nav li#tab5 a.current{
    background: url('/images/nav/centre_information.gif') bottom center no-repeat;
    width: 138px;
}
ul#nav li#tab6 a:hover,
ul#nav li#tab6 a.current{
    background: url('/images/nav/contact_us.gif') bottom center no-repeat;
    width: 85px;
}
/*ul#nav li#tab7 a:hover,
ul#nav li#tab7 a.current{
    background: url('/images/nav/subscribe.gif') bottom center no-repeat;
    width: 67px;
}*/
ul#nav li#tab7 a:hover,
ul#nav li#tab7 a.current{
    background: url('/images/nav/freebies.gif') no-repeat;
    width: 98px;
}


/*** logo list ***/
ul#logolist{
    width: 905px;
    height: 40px;
    margin: 0 auto;
    padding: 35px 0px 45px 55px;
    border-top: 1px solid #dcdcdc;
}
ul#logolist li{
	height: 40px;
	margin-right: 48px;
	float: left;
}
ul#logolist li a{
	height: 40px;
    display: block;
}
ul#logolist li#ikea a{
	background: url('/images/logolist.gif') 0px top no-repeat;
	width: 71px;
}
ul#logolist li#freedom a{
    background: url('/images/logolist.gif') -71px top no-repeat;
    width: 88px;
}
ul#logolist li#kmart a{
    background: url('/images/logolist.gif') -159px top no-repeat;
    width: 78px;
}
ul#logolist li#coles a{
    background: url('/images/logolist.gif') -237px top no-repeat;
    width: 65px;
}
ul#logolist li#kingpin a{
    background: url('/images/logolist.gif') -302px top no-repeat;
    width: 98px;
}
ul#logolist li#hoyts a{
    background: url('/images/logolist.gif') -400px top no-repeat;
    width: 86px;
}
ul#logolist li#centro a{
    background: url('/images/logolist.gif') -486px top no-repeat;
    width: 82px;
}
ul#logolist li#ikea a:hover{
	background: url('/images/logolist.gif') 0px bottom no-repeat;
}
ul#logolist li#freedom a:hover{
    background: url('/images/logolist.gif') -71px bottom no-repeat;
}
ul#logolist li#kmart a:hover{
    background: url('/images/logolist.gif') -159px bottom no-repeat;
}
ul#logolist li#coles a:hover{
    background: url('/images/logolist.gif') -237px bottom no-repeat;
}
ul#logolist li#kingpin a:hover{
    background: url('/images/logolist.gif') -302px bottom no-repeat;
}
ul#logolist li#hoyts a:hover{
    background: url('/images/logolist.gif') -400px bottom no-repeat;
}
ul#logolist li#centro a:hover{
    background: url('/images/logolist.gif') -486px bottom no-repeat;
}

/*** base menu ***/
div#basemenu_wrap{
	width: 100%;
    background-color: #f7f7f7;
}
div#basemenu{
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 0px 30px 0px;
}
div#basemenu ul{
	width: 160px;
	float: left;
}
div#basemenu ul li{
	width: 160px;
	font-size: 10px;
	color: #a0a0a0;
	margin-bottom: 7px;
	line-height: normal;
}
div#basemenu ul li.b_section{
	font-size: 11px;
	color: #636363;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}
div#basemenu a{
    color: #a0a0a0;
    font-size: 10px;
}
div#basemenu a:hover{
	text-decoration: none;
}

div#basemenu ul#b_contact_us,
div#basemenu ul#b_contact_us li{
	width: 150px;
}

div#basemenu ul#b_subscribe{
    width: 170px;
}
div#basemenu ul#b_subscribe li{
	width: 160px;
	padding-left: 10px;
}
div#basemenu ul#b_subscribe li#subscribe_form_wrap{
	width: 170px;
	height: 43px;
	padding-top: 10px;
	padding-left: 0px;
}
form div.email_subscription_form{
    background: url('/images/bg_subscribe.gif') no-repeat;
    width: 156px;
    height: 19px;
    padding: 4px 4px 0px 10px;
}
form div.email_subscription_form input{
    width: 125px;
    color: #707070;
    float: left;
    border: 0px;
}
form div.email_subscription_form div.submit input{
	background: url('/images/bg_subscribe_btn.gif') no-repeat;
    width: 15px;
    float: right;
}

/*** footer ***/
div#footer{
	width: 960px;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 0px 15px 0px;
    font-size: 10px;
    color: #333333;
    letter-spacing: 1px;
    text-transform: uppercase;
}
div.footer_inside {
	width: 960px;
    overflow: hidden;
    margin-bottom: 5px;
}
div#footer div.footer_inside div{
	font-weight: bold;
	float: left;
	padding-top: 6px;
}
div#footer ul{
	width: auto;
	overflow: hidden;
	float: right;
}
div#footer ul li{
	margin-left: 36px;
	float: left;
}
div#footer a{
	font-size: 10px;
    color: #000000;
    text-decoration: none;
}
div#footer a:hover{
	color: #a0a0a0;
}


/******************************
        Home Layout 
******************************/
/*** banner ***/
div#banner_wrap{
    width: 100%;
    border-top: 5px solid #c1c0bc;
    border-bottom: 5px solid #c1c0bc;
	
	position: relative;
}
div#banner_wrap a#hide_show_area{
	width: 100%;
	height: 17px;
	display: block;
	
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
}
div#home_banner{
    width: 960px;
    height: 490px;
    margin: 0 auto;
    
    position: relative;
}

div#intro_outer_panel{
	width: 400px;
}
div#intro_outer_panel{
	position: absolute;
}
.position_left_middle{
    top: 117px;
    left: 0px;
}
.position_left_top{
    top: 30px;
    left: 0px;
}
.position_right_top{
    top: 15px;
    right: 0px;
}
.position_nodisplay{
    display: none;
}
div#intro_panel{
	background-color: #ffffff;
	width: 358px;
	padding: 28px 20px 20px 20px;
	margin-bottom: 15px;
	border: 1px solid #dedfde;
	
	position: relative;
}
div#intro_panel h1{
	font-size: 28px;
	color: #11a849;
	font-weight: bold;
    margin-bottom: 18px;
}
div#intro_panel img#pointer_down{
	position: absolute;
	bottom: -15px;
	left: 10px;
}

div#subscribe_outer_panel{
	width: 330px;
	
	position: absolute;
	top: 15px;
	right: 0px;
}
div#subscribe_outer_panel.position_nodisplay{
    display: none;
}
div#subscribe_panel{
	background-color: #ffffff;
	width: 288px;
	padding: 20px 20px 20px 20px;
	margin-top: 15px;
	border: 1px solid #dedfde;
	
	position: relative;
}
div#subscribe_panel p.heading{
	width: 180px;
	font-size: 14px;
	color: #11a849;
	font-weight: bold;
	margin-bottom: 0px;
}
div#subscribe_panel a.btn_continue{
	width: 101px;
	height: 22px;
	display: block;
	float: right;
	margin-top: 6px;
}
div#subscribe_panel img#pointer_up{
	position: absolute;
	top: -15px;
	right: 10px;
}

a.btn_expand_contract{
	width: 19px;
    height: 17px;
    display: block;
    
    position: absolute;
    left: 10px;
    bottom: 0px;
}
a#btn_expand{
	background: url('/images/home/btn_expand.png') left top no-repeat;
}
a#btn_contract{
	background: url('/images/home/btn_contract.png') left top no-repeat;
	display: none;
}

/*** home content ***/
div#homecontent{
    width: 940px;
    overflow: hidden;
    margin: 0 auto;
    padding: 18px 10px;
    padding: 10px 10px 18px 10px;
}
div#homecontent .black_headings{
    margin-bottom: 7px;
}
div#homecontent p{
    margin-bottom: 0px;
}
div#hp_catalogue{
    width: 300px;
    margin-right: 20px;
	float: left;
	padding-top: 8px;
}
div#hp_catalogue img{
    margin-bottom: 23px;
}
div#adventures{
    width: 220px;
    margin-right: 20px;
	float: left;
	padding-top: 8px;
}
div#adventures img{
    margin-bottom: 23px;
}
div#connect{
	background: url('/images/home/twitterbird.gif') top right no-repeat;
    width: 220px;
    margin-right: 20px;
	float: left;
	padding-top: 8px;
}
div#connect a#btn_twitter{
    background: url('/images/home/txt_twitter_facebook.gif') left top no-repeat;
    width: 65px;
    height: 20px;
    display: block;
    /*float: left;*/
}
div#connect a#btn_facebook{
    background: url('/images/home/txt_twitter_facebook.gif') -73px top no-repeat;
    width: 68px;
    height: 20px;
    display: none;
    margin-left: 73px;
}
div#connect div#twitterfeed{
	background-color: #fcfcfc;
    width: 198px;
    margin: 13px 0px 25px 0px;
    >margin: 7px 0px 25px 0px;
    padding: 10px 10px 11px 10px;
    border: 1px solid #e6e6e6;
    
    position: relative;
}
div#connect div#twitterfeed img#pointer_up_lightgrey{
    position: absolute;
    top: -10px;
    left: 10px;
}
div#connect a#btn_follow_twitter{
    background: url('/images/home/bg_btns.gif') left top no-repeat;
    width: 154px;
    height: 22px;
    display: block;
    margin-bottom: 8px;
}
div#connect a#btn_join_facebook{
    background: url('/images/home/bg_btns.gif') left -22px no-repeat;
    width: 154px;
    height: 22px;
    display: none;
}
div#centre_info{
    width: 140px;
	float: left;
	padding-top: 8px;
}
div#centre_info table{
    margin-bottom: 49px;
}
div#centre_info table td{
    margin-bottom: 5px;
}
div#centre_info a#btn_major_trading_hrs{
    background: url('/images/home/bg_btns.gif') left -44px no-repeat;
    width: 140px;
    height: 22px;
    display: block;
    margin-bottom: 8px;
}
div#centre_info a#btn_how_to_get_here{
    background: url('/images/home/bg_btns.gif') left -66px no-repeat;
    width: 140px;
    height: 22px;
    display: block;
}


/******************************
        Default Layout 
******************************/
/*** banner ***/
div#banner{
    width: 960px;
    height: 170px;
    margin: 0 auto;
}

/*** content wrap ***/
div#content_wrap{
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
    padding: 25px 0px 35px 0px;
}

ul#subnav{
	width: 140px;
	float: left;
}
ul#subnav li{
	width: 140px;
	border-bottom: 1px dashed #d3dad9;
}
ul#subnav li a{
	width: 120px;
	font-size: 12px;
	color: #686d78;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
	display: block;
}
ul#subnav li a:hover,
ul#subnav li a.current{
	background: #11a849 url('/images/default/arrow.gif') 130px center no-repeat;
	width: 110px;
	padding-right: 20px;
	color: #ffffff;
}

div#defaultcontent{
	width: 560px;
	float: right;
}
div#defaultcontent ul{
	margin-bottom: 10px;
}
div#defaultcontent ul li{
	margin-left: 15px;
	list-style: disc;
}

div#sidebar{
	width: 220px;
	margin-left: 20px;
	float: right;
}
div#sidebar div#upper_wrap{
	padding: 20px 0px;
	border-bottom: 1px dashed #d3dad9;
	margin-bottom: 30px;
}
div#sidebar div#upper_wrap h2{
	margin-bottom: 5px;
}
div#sidebar div#upper_wrap ul{
    margin-bottom: 10px;
}
div#sidebar div#upper_wrap ul li{
	margin-left: 15px;
	list-style: disc;
}
div#sidebar div#lower_wrap a#btn_follow_twitter_blue{
    background: url('/images/btn_twitter_facebook.gif') left top no-repeat;
    width: 170px;
    height: 21px;
    display: block;
    margin-bottom: 10px;
}
div#sidebar div#lower_wrap a#btn_join_facebook_blue{
    background: url('/images/btn_twitter_facebook.gif') left -21px no-repeat;
    width: 170px;
    height: 21px;
    display: none;
}


/******************************
	   Form Layout
******************************/
.form{
	width: 480px;
	overflow: hidden;
	margin-top: 20px;
	
	border: 0px solid red;
}
.form h4{
	margin-bottom: 10px;
}

.form div{
	width: 232px;
	overflow: hidden;
	margin-bottom: 10px;
	float: left;
	padding-right: 8px;
}
.form div.long{
	width: 472px;
}

.form label{
	width: 105px;
	display: block;
	float: left;
}
.form input{
	width: 125px;
	float: left;
	border: 1px solid #e0e0e0;
}
.form div.long input{
	width: 365px;
}
.form select{
	width: 125px;
	float: left;
	border: 1px solid #e0e0e0;
}
.form textarea{
	width: 365px;
	height: 90px;
	float: left;
	border: 1px solid #e0e0e0;
}

.form div.checkbox{
	width: 480px;
	padding-right: 0px;
}
.form div.checkbox label{
	width: 480px;
	margin-bottom: 10px;
}
.form div.checkbox div{
	width: 240px;
	padding-right: 0px;
}
.form div.checkbox div label{
	width: 220px;
	margin-bottom: 0px;
	>margin-top: 2px;
}
.form div.checkbox div input{
	width: auto;
	border: 0px;
	margin-right: 5px;
	>margin-right: 0px;
}

.form div.captcha{
	width: 220px;
	padding-left: 240px;
	padding-right: 20px;
}
.form div.captcha label{
	width: 220px;
	float: none;
}
.form div.captcha input{
	width: 220px;
	float: none;
}
.form div.captcha img{
	margin-bottom: 10px;
}

.form div.submit{
	width: 220px;
	padding-left: 240px;
	padding-right: 20px;
}
.form div.submit input{
	background: url('/images/btn_submit.gif') no-repeat;
	width: 90px;
	height: 22px;
	float: right;
	border: 0px;
	margin-right: 0px;
	cursor: pointer;
	outline: none;
}


/******************************
	Directory  Layout
******************************/
ul#dirnav{
	width: 200px;
	float: left;
}
ul#dirnav li{
	width: 200px;
}
ul#dirnav li.parent{
	border-top: 1px dashed #d3dad9;
}
ul#dirnav li.parent a{
	background: url('/images/directory/plus.gif') 185px center no-repeat;
	width: 170px;
	font-size: 12px;
	color: #686d78;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 20px 10px 10px;
	display: block;
}
ul#dirnav li.expanded a{
	background: url('/images/directory/minus.gif') 185px center no-repeat;
}
ul#dirnav ul{
	display: none;
	border-top: 1px dashed #d3dad9;
}
ul#dirnav ul li.child a{
	background: none;
    width: 160px;
    color: #9598a0;
    padding: 7px 20px 7px 20px;
}
ul#dirnav ul li.child a:hover,
ul#dirnav ul li.child a.current{
	color: #11a849;
}

div#directorycontent{
	width: 720px;
	float: right;
}
div#map_wrap{
	width: 720px;
	margin-top: 30px;
}
div.shop_info_wrap{
	width: 310px;
}
div.shop_info{
	background-color: #ffffff;
	width: 308px;
	border: 1px solid #e0e0e0;
	padding: 10px;
	margin-bottom: 12px;
	
	position: relative;
}
div.shop_info img.logo{
	margin-right: 10px;
}
div.open_hr_wrap{
	margin-bottom: 10px;
}
div.shop_info div.pointer{
	background: url('/images/directory/pointer_left.png') no-repeat;
	width: 12px;
	height: 12px;
	
	position: absolute;
    bottom: -12px;
    left: 10px;
}
div.shop_info div.rhs{
	background: url('/images/directory/pointer_right.png') no-repeat;
	left: 305px;
}

div.shop_desc_wrap{
	padding-top: 20px;
}


/******************************
        News  Layout
******************************/
ul#pagination{
	width: 560px;
	overflow: hidden;
	margin-bottom: 0px !important;
	border: 0px solid red;
}
ul#pagination li{
	color: #333333;
	margin: 0px !important;
	list-style: none !important;
	float: right;
	border-right: 1px solid #333333;
	padding-right: 6px;
	padding-left: 6px;
}
ul#pagination li.head{
    padding-left: 0px;
    padding-right: 0px;
    border-right: 0px;
}
ul#pagination li a{
	color: #333333;
	text-decoration: none;
}

div.list{
	width: 560px;
	padding-top: 10px;
}
div.list div.each{
	width: 510px;
	overflow: hidden;
	padding: 15px 25px 20px 25px;
	border-bottom: 1px dashed #d3dad9;
}
div.list div.each div.thumbnail{
	background: url('/images/bg_thumbnail.gif') no-repeat;
	width: 114px;
    height: 114px;
	padding: 3px;
	float: left;
	margin-right: 20px;
}
div.list div.each p.light{
	color: #9598a0;
}
div.list div.each h4{
	margin-bottom: 10px;
}

div#news img,
div#offer img,
div#catalogue img{
	margin: 0px 10px 15px 20px;
	float: right;
}


/******************************
    Search Result Layout
******************************/
div#search_result h3{
	margin-bottom: 15px;
}
div#search_result ul{
	width: 560px;
}
div#search_result ul li{
	width: 510px;
	overflow: hidden;
	list-style: none;
	margin: 0px;
	padding: 15px 25px 10px 25px;
	border-bottom: 1px dashed #d3dad9;
}
div#search_result ul li p{
	font-size: 13px;
}