/*
This file contains the structural CSS required to make the
structure of builder layouts work without limiting the style.
*/

#topnav
{
    height: 36px;
    padding: 0;
    margin: 0;
    position: relative;
    top: 6px;
    font-size: 1px;
    /*width: 100%;*/
	width:950px;
	margin-left:10px;
    clear: both;
	background-image: url(/images_kids/menu-bothcolor.jpg);
}

#topnav ul
{
	float: left;
	margin: 0;
	padding: 0;
}

#topnav span
{
    display: none;
}

#topnav li
{
	margin: 0;
	list-style: none;
	position: absolute;
	background-image: url(/images_kids/menu-bothcolor.jpg);
	text-indent: -9000px;
}

#topnav li, #topnav a
{
	height: 36px;
	display: block;
}

#topnav_home
{
	left: 0px;
	top: 0;
	background-position: 0px 0px;
	width: 77px;
	height: 36px;
}


#topnav_sydney
{
	left: 77px;
	width: 84px;
	top: 0px;
	background-position: -77px 0px;
	height: 36px;
}

#topnav_melborne
{
	left: 162px;
	top: 0px;
	background-position: -162px 0px;
	width: 121px;
	height: 36px;
}

#topnav_othercities
{
	left: 284px;
	top: 0px;
	background-position: -284px 0px;
	width: 129px;
	height: 36px;
}

#topnav_buying
{
	left: 414px;
	top: 0px;
	background-position: -414px 0px;
	width: 132px;
	height: 36px;
}

#topnav_online
{
	left: 547px;
	top: 0px;
	background-position: -547px 0px;
	width: 158px;
	height: 36px;
}

#topnav_shop
{
	left: 705px;
	top: 0px;
	background-position: -705px 0px;
	width: 112px;
	height: 36px;
}

#topnav_comp
{
	left: 815px;
	top: 0px;
	background-position: -815px 0px;
	border:solid #FF0000 0px;
	width: 128px;
	height: 36px;
	
}

#topnav_home a:hover
{
	background: url('/images_kids/menu-bothcolor.jpg') 0px -36px no-repeat;
}

#topnav_sydney a:hover
{
	background: url('/images_kids/menu-bothcolor.jpg') -77px -36px no-repeat;
}

#topnav_melborne a:hover
{
	background: url('/images_kids/menu-bothcolor.jpg') -162px -36px no-repeat;
}

#topnav_othercities a:hover
{
	background: url('/images_kids/menu-bothcolor.jpg') -284px -36px no-repeat;
}

#topnav_buying a:hover
{
	background: url('/images_kids/menu-bothcolor.jpg') -414px -36px no-repeat;
}

#topnav_online a:hover
{
	background: url('/images_kids/menu-bothcolor.jpg') -547px -36px no-repeat;
}

#topnav_shop a:hover
{
	background: url('/images_kids/menu-bothcolor.jpg') -705px -36px no-repeat;
}
#topnav_comp a:hover
{
	background: url('/images_kids/menu-bothcolor.jpg') -815px -36px no-repeat;
}

/*********************************************
	Generic module styling
*********************************************/
.builder-module,
.widget-wrapper-single,
.widget-wrapper-left {
	clear: both;
}

/*********************************************
	Navigation module
*********************************************/

/* The following sets sub-navigation element width
.builder-module-navigation li ul {
.builder-module-navigation li li {
	width: 14em;
}*/
/* The following sets navigation element height
.builder-module-navigation,
.builder-module-navigation ul {
	line-height: 2em;
}*/
/* The following need to be adjusted if the width and height is changed 
.builder-module-navigation li ul ul {
	margin: -2em 0 0 10em;
}*/

.builder-module-navigation {
	padding: 0;
	list-style: none;
}
.builder-module-navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 999;
}
.builder-module-navigation a {
	display: block;
}
.builder-module-navigation li {
	float: left;
}
.builder-module-navigation li ul {
	position: absolute;
	left: -999em;
}
.builder-module-navigation li:hover ul ul,
.builder-module-navigation li:hover ul ul ul,
.builder-module-navigation li:hover ul ul ul ul,
.builder-module-navigation li:hover ul ul ul ul ul,
.builder-module-navigation li.sfhover ul ul,
.builder-module-navigation li.sfhover ul ul ul,
.builder-module-navigation li.sfhover ul ul ul ul,
.builder-module-navigation li.sfhover ul ul ul ul ul {
	left: -999em;
}
.builder-module-navigation li:hover ul,
.builder-module-navigation li li:hover ul,
.builder-module-navigation li li li:hover ul,
.builder-module-navigation li li li li:hover ul,
.builder-module-navigation li li li li li:hover ul,
.builder-module-navigation li.sfhover ul,
.builder-module-navigation li li.sfhover ul,
.builder-module-navigation li li li.sfhover ul,
.builder-module-navigation li li li li.sfhover ul,
.builder-module-navigation li li li li li.sfhover ul {
	left: auto;
}
.builder-module-navigation li:hover,
.builder-module-navigation li.sfhover {
	position: static;
	z-index: 9999;
}


/*********************************************
	Widget Module
*********************************************/
.builder-module-widget-bar {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	overflow: hidden;
}
.builder-module-widget-bar .widget-wrapper {
	float: left;
	overflow: hidden;
}

/*********************************************
	Content Module
*********************************************/
.builder-module-content .content {
	float: left;
	overflow: hidden;
}

/*********************************************
	Image Module
*********************************************/
.builder-module-image a img {
	border: none;
}

/*********************************************
	Post Meta
*********************************************/
.meta-top {
	clear: both; /* we need this so floats in the post are cleared */
}
.meta-bottom {
	clear: both; /* we need this so floats in the post are cleared */
}

/*********************************************
	Previous/Next Page Navigation
*********************************************/
.paging {
	clear: both; /* To clear any floats */
}

/*********************************************
	Comment Styles
*********************************************/
#comments li.even,
#comments li.odd {
	clear: both;
	overflow: hidden;
}

#respond {
	overflow: hidden;
}
#respond #commentform {
	overflow: hidden;
}

/*********************************************
	Standard Classes
*********************************************/
.center {
	margin: 0 auto;
}
.left,
.middle,
.single {
	float: left;
}
.right {
	float: right;
}
.clearfloat {
	clear: both;
}
.wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.nomarpad {
	margin: 0;
	padding: 0;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/*********************************************
		The Obligatory WP Styles
*********************************************/
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	text-align: left;
}
.alignright {
	float: right;
	text-align: right;
}