/* CSS Document */
/* layout styles - navigation, branding, framework */

div { border:solid 0px #ccc; }

#bubhub {
	margin:0 auto 0;
	width:1000px;
}

#banners {
	padding:4px 0 5px;
	height:1%;
}
.bannerZone-1 {
	float:left;
	width:254px;
	height:95px;
	margin: 0;
}
.bannerZone-2 {
	float:right;
	width:728px;
	height:95px;
	margin: 0 0 0 14px
}

.bannerZone-3 {
	float:right;
	display:inline;		
	/*height:510px; Commented by ERNIE 100910 - so that extra long mpu size ads can display*/
	height:auto;
	margin: 0 0 14px 12pX;
}

.bannerZone-6 {
	float:right;
	display: inline;
	width:300px;
	/*height:510px; Commented by ERNIE 100910 - so that extra long mpu size ads can display*/
	height:auto;
	margin: 0 0 14px 12px
}

#header {
	position:relative;
	height:1%;
	padding:0 0 0.6em;
z-index:1;
}

#header h1 {
	float:left;
	width:171px;
	margin:0;
}
#header h1 a {
	display:block;
	height:84px;
	text-indent:-2000px;
	overflow:hidden;
	background:url(../images/logo-bubhub.gif) no-repeat;
}

#header h2 {
	float:left;
	width:171px;
	margin:0;
}
#header h2 a {
	display:block;
	height:84px;
	text-indent:-2000px;
	overflow:hidden;
	background:url(../images/logo-bubhub-conception.gif) no-repeat;
}

#header .tagline {
	float:left;
	width:257px;
	height:16px;
	margin:2px 0 0;
	text-indent:-2000px;
	overflow:hidden;
	background:url(../images/bg-tagline.gif) no-repeat;
}

#header .phrase {
	float:left;
	width:110px;
	height:80px;
	margin:2px 0 0;
	text-indent:-2000px;
	overflow:hidden;
	background:url(http://www.bubhub.com.au/images/phrase2.gif) no-repeat;
}
#header #courtesyNav {
	text-align:right;
	font-size:1.1em;
}

#header #members {
	font-colour: #0000ff;
	text-align:right;
	font-size:1.1em;
}

#header #topNav {
	text-align:right;
	font-size:1.1em;
	font-color:#666666;
	 
}

#header #topNav a:link, #header #topNav a:visited {
	font-size:11px;
	text-decoration: none;		
	color: #666666;
	}

#header #topNav a:hover, #header #topNav a:active {
	font-size:11px;
	text-decoration: underline;	
	color: #666666;
	}

#division{
	float: left;
	padding: 0;
	margin: 0;
}

#navbar1{
	position:absolute;
	top:60px; left:180px;
	float: left;
	width: 850px;
	height: 30px;
	background:url(http://www.bubhub.com.au/images/navbar1.gif) no-repeat;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 0px;
	word-spacing:4px;

	
}


#navbar1 a:link, #navbar1 a:visited {
	font-size: 12px;
	font-face: verdana;
	color: #ffffff;
	padding: 2;
	margin:0;
	text-decoration: none;		
	}
#navbar1 a:hover, #navbar1 a:active {
	font-size: 12px;
	font-face: verdana;
	color: #ffffff;
	padding: 2;
	margin:0;
	text-decoration: underline;	
	}


#navbar2{
	float: left;
	width: 1000px;
	height: 30px;
	background:url(http://www.bubhub.com.au/images/navbar2.gif) no-repeat;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
		
}


 
#navbar2 a:link, #navbar2 a:visited {
	font-size: 12px;
	font-face: verdana;
	font-weight: bold;
	color: #5d5faf;
	padding: 2;
	margin:0;
	text-decoration: none;		
	}

#navbar2 a:hover, #navbar2 a:active {
	font-size: 12px;
	font-face: verdana;
	font-weight: bold;
	color: #5d5faf;
	padding: 2;
	margin:0;
	text-decoration: underline;	
	}


#navbar2right{
	position:absolute;
	top:86px; left:798px;
	float: right;
	/*width: 300px;*/
	padding-top: 0px;
	padding-left: 3px;

}

#navbar2right input {
	float: left;
	width: 145px;
	padding-top: 0px;
	padding-left: 3px;
	margin-left:-5px;
}

#gobutton{
	position:absolute;
	top:2px; left:150px;
	float: right;
	/*width: 300px;*/
	padding-top: 0px;
	padding-left: 3px;
	margin-left:5px;
	tab
}

#gobutton input {
	float: left;
	width: 45px;
	padding-top: -1px;
	padding-left: 3px;
	background-color: #FFcc00;
	border: 0;
}

#searchForm {
	position:absolute;
	float:right;
	width:400px;
	top:6px;
	left:600px;
	text-align:right;
	margin:6px 0 0;
	z-index:10;
}
#searchForm input.input {
	width:100px;
	font-size:1.1em;
	margin-right:2px;
	padding:1px 2px;
	border:solid 1px #dddddd;
	border-width:0 1px 1px 1px;
	border-color:#dddddd #f0f0f0 #dddddd #c3c3c3;
	background:url(../images/bg-input.gif) no-repeat;
}
#searchForm input.button {
	border:none 0;
	background:#ffffff;
	width:48px;
	height:19px;
	margin:0;
	vertical-align:middle;
}
#searchForm span {
	font-size:1.1em;
	text-align:right;
	display:block;
	margin:6px 0 0;
}
#searchForm span a {
	color:#ff0099;
}
#searchForm span a:hover {
	text-decoration:none;
}

#memberlogin {
	position:absolute;
	left:598px;
	top:16px;
	float:right;
	width:400px;
	height:37px;
	text-align:left;
	z-index:10;
	padding:5px 0 0 10px;
	background:url(http://www.bubhub.com.au/images/loginnew.gif) no-repeat;

}

#memberlogin span {
	font-size:10px;
	color: #999999;
	text-align:right;
	display:block;		
	margin:0 80px 5px 0;
}

#memberlogin #linklog {
	float: left;
	font-size:10px;
	color: #999999;
	display:inline;		
	margin:0 0 0 227px;
}
#memberlogin #linklog a:link, #memberlogin #linklog a:visited {
	font-size:10px;
	color:#ff0099;
	text-decoration:none;

}
#memberlogin #linklog a:hover, #memberlogin #linklog a:active {
	font-size:10px;
	color:#9999cc;
	text-decoration:none;
}

#memberlogin #linkreg {
	float: left;
	font-size:10px;
	color: #999999;
	display:inline;		
	margin:0 0 0 58px;	
}

#memberlogin #linkreg a:link, #memberlogin #linkreg a:visited {
	font-size:10px;
	color:#ff0099;
	text-decoration:none;
	margin:0 0 0 0;

}

#memberlogin #linkreg a:hover, #memberlogin #linkreg a:active {
	font-size:10px;
	color:#9999cc;
	text-decoration:none;
	margin:0 0 0 0;
}

#adlogin {
	position:absolute;
	left:-5px;
	top:0px;
	float:right;
	width:250px;
	height:37px;
	text-align:left;
	z-index:10;
	padding:5px 0 0 0px;
	 
}

#adlogin span {
	font-size:10px;
	color: #999999;
}

#adlogin #adlinklog {
	float: left;
	font-size:10px;
	color: #999999;
	display:inline;		
	margin:0 0 0 30px;
}
#adlogin #adlinklog a:link, #adlogin #adlinklog a:visited {
	font-size:10px;
	color:#ff0099;
	text-decoration:none;

}
#adlogin #adlinklog a:hover, #adlogin #adlinklog a:active {
	font-size:10px;
	color:#9999cc;
	text-decoration:none;
}

#adlogin #adlinkreg {
	float: left;
	font-size:10px;
	color: #999999;
	display:inline;		
	margin:0 0 0 62px;	
}

#adlogin #adlinkreg a:link, #memberlogin #adlinkreg a:visited {
	font-size:10px;
	color:#ff0099;
	text-decoration:none;
	margin:0 0 0 0;

}

#adlogin #adlinkreg a:hover, #adlogin #adlinkreg a:active {
	font-size:10px;
	color:#9999cc;
	text-decoration:none;
	margin:0 0 0 0;
}

#thirdlogin {
	position:absolute;
	left:-240px;
	top:-7px;
	float:right;
	width:100px;
	height:37px;
	text-align:left;
	z-index:5;
	padding:7px 0 0 35px;
	 
}

#loginText {
	position:absolute;
	left:600px;
	top:17px;
	float:right;
	width:500px;
	height:37px;
	text-align:left;
	z-index:10;
	padding:5px;
	background:url(http://www.bubhub.com.au/images/loginnew.gif) no-repeat;
}

#loginText span {
	font-size:1.0em;
	color: #999999;
	text-align:right;
	display:block;
	margin:0 111px 0 0;
}
#loginText span a {
	color:#ff0099;
}
#loginText span a:hover {
	text-decoration:none;
}

#loginText a:link, #loginText a:visited {
	color:#ff0099;
}
#loginText a:hover, #loginText a:active {
	text-decoration:none;
}


#loginText2 {
	position:absolute;
	left:593px;
	top:40px;
	float:right;
	width:400px;
	text-align:right;
	z-index:10;
	margin-top: 2px;
}

#loginText2 span {
	font-size:1em;
	text-align:right;
	display:block;
	margin:0 0 0;
}
#loginText2 a:link, #loginText2 a:visited {
	color:#999999;
}
#loginText2 a:hover, #loginText2 a:active {
	text-decoration:none;
}

#loginText3 {
	position:absolute;
	left:600px;
	top:17px;
	float:right;
	width:500px;
	height:37px;
	text-align:left;
	z-index:10;
	padding:9px 0 0 35px;
	background:url(../images/loginnew.gif) no-repeat;
}

#loginText3 span {
	font-size:1.0em;
	text-align:right;
	display:block;
	margin:0 90px 0 0;
}
#loginText3 span a {
	color:#ff0099;
}
#loginText3 span a:hover {
	text-decoration:none;
}

#loginText3 a:link, #loginText3 a:visited {
	color:#ff0099;
}
#loginText3 a:hover, #loginText3 a:active {
	text-decoration:none;
}



#loginBox {
	position:absolute;
	left:600px;
	top:32px;
	float:right;
	width:400px;
	text-align:right;
	z-index:10;;
}
#loginBox input.input {
	width:60px;
	font-size:1.1em;
	margin-right:2px;
	padding:1px 2px;
	border:solid 1px #dddddd;
	border-width:0 1px 1px 1px;
	border-color:#dddddd #f0f0f0 #dddddd #c3c3c3;
	background:url(../images/bg-input.gif) no-repeat;
	height:12px;
}
#loginBox input.button {
	border:none 0;
	background:#ffffff;
	width:48px;
	height:19px;
	margin:0;
	vertical-align:middle;
}
#loginBox span {
	font-size:1.1em;
	text-align:right;
	display:block;
	margin:6px 0 0;
}
#loginBox span a {
	color:#ff0099;
}
#loginBox span a:hover {
	text-decoration:none;
}

#primaryNav {
	position:absolute;
	top:14px; left:180px;		/* 20070924  left changed from 240px */
	padding-top:2.2em;
	width:84%;					/* 20070924  width changed from 100% */
	border:solid 0px #ccc;		/* 20070924  additional attribute added */
}

#primaryNav h2,
#primaryNav p {
	display:none;
	visibility:hidden;
}
#primaryNav a {
	font-size:1.2em;
	text-decoration:none;
	color:#4d4d7d;
	background:#a6a6d3 url(../images/bg-primaryNav-a.gif) repeat-x; 
	padding:0.5em 0.3em 0.3em;
	display:block;
	float:left;
}
#primaryNav a:hover {
	text-decoration:underline;
}
#primaryNav a em {
	font-style:normal;
}

#primaryNav a#myBubHub {
    background:none; 
    padding:0;
    display:block;
    float:none;
    left: 22.2em;
    top:-0.15em;
    position:absolute;
    width:230px;
    height:42px;
}
#primaryNav a#myBubHub span{
    display:none;
}



#primaryNav .spacer {
	display:block;
	float:left;
	text-indent:-30000em;
	overflow:hidden;
	width:22px;
	padding:0.6em 0;
	background:url(../images/bg-primaryNav-spacer.gif) no-repeat;
}
#primaryNav .midspacer {
	display:block;
	float:left;
	text-indent:-30000em;
	overflow:hidden;
	width:22px;
	padding:0.6em 0;
	background:url(../images/bg-primaryNav-midspacer.gif) no-repeat;
}
#primaryNav .end {
	display:block;
	float:left;
	text-indent:-30000em;
	overflow:hidden;
	width:11px;
	padding:0.6em 0;
	background:url(../images/bg-end.gif) no-repeat;
}
#navLevel-1 {
	width:100%;
	height:2.4em; min-height:2.4em;
	background:url(../images/bg-level1.gif) no-repeat; 
	padding-left:11px;
	margin-left:18px;
}
#navLevel-2 {
	clear:both;
	width:100%;
	height:2.4em; min-height:2.4em;
	background:url(../images/bg-level1.gif) no-repeat; 
	padding-left:11px;
}

#content {
	height:1%;
	padding:4px 0 2em;
	border:solid 1px #fbfbfb;
}
#leftContent h1 {
	font-size:1.6em;
	font-weight:bold;
	margin:0.5em 0 1.4em;
}
#leftContent h2 {
	font-size:1.4em;
	font-weight:bold;
	margin:1.1em 0 1.4em;
}
#leftContent h3,
#leftContent h4 {
	font-size:1.1em;
	font-weight:bold;
	margin:1.4em 0 0.4em;
}

#leftContent p {
	font-size:1.1em;
	margin:0 0 1em;
	line-height:140%;
}
#leftContent ul,
#leftContent ol {
	font-size:1.1em;
	padding:0 0 0 3.2em !important;
	padding:0;
	margin:0 0 1em;
	line-height:140%;
}
#leftContent ul li {
	list-style-image:url(../images/bullet.gif);
	list-style-type:circle;
}
#leftContent a {
	color:#ff0099;
}
#leftContent a:hover {
	color:#333399;
	text-decoration:none;
}
#breadcrumbs {
	font-size:1em;
	color:#666666;
	font-weight:bold;
	padding:4px 0 22px;
}
#breadcrumbs strong {
	color:#4d4d7d;
}
#breadcrumbs a {
	color:#333333;
	text-decoration:underline;
	font-weight:normal;
}
#breadcrumbs a:hover {
	color:#000000;
	text-decoration:none;
}

#content-links ul {
	margin:0;
	padding:0 !important;
	padding:0 0 0 3.2em !important;
}
#content-links li {
	list-style-type:none !important;
	list-style-image:none !important;
	background:url(../images/bg-content-links.gif) no-repeat 0% 50%;
	padding-left:12px;
}
#content-links a {
	color:#333333;
	text-decoration:none;
}
#content-links a:hover {
	color:#000000;
	text-decoration:underline;
}

#footer {
	height:1%;
	border-top:solid 1px #e0dbcf;
}
#legals, #networking {
	margin:5px 0 0;
	padding:0;
	list-style:none;
	display:block;
	width:48%;
}
#networking {
	text-align:right;
}

#navsearchbox{
	float: left;
	width: 1000px;
	height: 37px;
	background:url(../images/home/navsearch.gif) no-repeat;
	padding-bottom: 0px;
}

#navsearchboxleft{
	float: left;
	width: 340px;
	padding-top: 7px;
	padding-left: 3px;
}

#navsearchboxcenter{
	float: left;
	width: 340px;
	padding-top: 1px;
}

#navsearchboxright{
	float: right;
	width: 100px;
	padding-top: 6px;
	padding-left: 3px;

}

#navsearchboxright p {
	font-size: 1em;
	font-face: verdana;
	font-color: #000000;
	padding: 0;
	margin: 0;
}

#navsearchboxright a:link, #content_banner_1 a:visited {
	text-decoration: none;		
	color: #000000;
	}
#navsearchboxright a:hover, #content_banner_1 a:active {
	text-decoration: underline;	
	color: #000000;
	}


#forumtotal {
	margin:0 auto 0;
	width:1000px;
	padding:0;
}

#forumleft {
	margin:0 auto 0;
	width:800px;
	float: left;
	padding:0;
}

#forumright {
	margin:0 auto 0;
	width:174px;
	float: right;
	padding:0;

}


#forumleftmpu {
	margin:0 auto 0;
	width:660px;
	float: left;
	padding:0;
}

#forumrightmpu {
	margin:0 auto 0;
	width:310px;
	float: right;
	padding:0;

}

#wantmoretotal {
	margin:0 0 20px 0;
	width:600px;
	padding:10px;
	border: 1px solid #ff0099;
 	-moz-border-radius: 10px;
	background: #FEEAF6;
}

#wantmoretotal h2 {
	margin:0;
	padding:10px 0 20px 50px;
	font: bold 1.4em verdana;
	color: #ff0099;
        background: url(http://www.bubhub.com.au/images/magnifyingglass.gif) no-repeat 0px 0px; 
}

#wantmoretotal a:link, #wantmoretotal a:visited {
	font-size:1.1em;
	text-decoration: none;		
	color: #ff0099;
	padding: 0 0 10px 20px;
	}

#wantmoretotal a:hover, #wantmoretotal a:active {
	font-size:1.1em;
	text-decoration: underline;	
	color: #5d5faf;
	padding: 0 0 10px 20px;
	}

/* lounge tabular data styles Ernie 090909*/
	.data_row {height:500px; margin-bottom:25px;}
	.data_row_a {height:500px;}
	.data_row_b {height:220px;}
	.data_row_c {height:240px;}
	.data_cell {height:100%; width:320px; border:1px solid #ddd; float:right; }
	.data_cell_first {margin-left:15px; float:left; }
	.data_cell h2 {background-color:#eeeeff; margin:0 !important; padding:5px 10px; border-bottom:1px solid #ddd; }
	.data_cell h3 {color:#9999cc }
	.data_cell li {padding-right:10px;}
	.data_cell p {margin:0px !important; padding:0 10px 0 0; float:right !important}
	.data_cell img {float:right; margin:-20px 10px 10px 10px}

/* Nav bar drop down list styles (Sons of suckerfish) modified ------------------ \\ */
  #nav_gold_bar, #nav_gold_bar ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;

}

#nav_gold_bar a {
	display: block;
 
	/*width: 8em;*/ /*ernie */
}

#nav_gold_bar li { /* all list items */
	float: left;
	padding:0 5px 0 5px;
	border-right:1px solid #8F8459; /*ernie */
	/*width: 8em;*/ /* width needed or else Opera goes nuts */  /*ernie */
}

#nav_gold_bar li a {line-height: 1.2;} /*ernie */
#nav_gold_bar li ul li a {line-height: 1; padding:3px 0; width:13em} /*ernie */


#nav_gold_bar li ul { /* second-level lists */
	position: absolute ;
	background: #FFCC00;
	border-bottom:1px solid #ffab00;
	border-right:1px solid #ffab00;
	width:13em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:100;
}

 
#nav_gold_bar li.nav_last, #nav_gold_bar li ul li {border-right:none;} /*ernie */
 
#nav_gold_bar li.nav_user_login {background:url(/images/header_login_btn_bg.jpg) repeat-x; height:24px; margin-top:-4px; padding:4px 10px}

#nav_gold_bar li:hover ul, #nav_gold_bar li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#nav_gold_bar ul li a:link, #nav_gold_bar ul li a:visited, #nav_gold_bar ul li a:hover, #nav_gold_bar ul li a:active {
font-size: 11px;
}

#nav_gold_bar li {margin-left:0px }


/*ernie */
 
/* ------------------------------------------ // */

/* Header Directory Search styles ------------- \\ */
#dsearch {font-size:11px; font-family:Arial, Helvetica, sans-serif; width:442px; left:538px; position:absolute;  background:url(/images/dsearch_bg.jpg) no-repeat; padding:1px 10px 2px 10px; margin-top:5px}
#dsearch a {color:#FF0099}
#dsearch #heading {float:left;     }
#dsearch #search_all {float:right}
#dsearch form {clear:both ; margin:0; padding:0; border:0; background:none; overflow:auto}
#dsearch input, #dsearch select {font-size:10px; margin:0 0 0 6px; padding:1px 0 0 0; font-family:Arial, Helvetica, sans-serif; color:#000; border:1px solid #628BAF; display:block; float:left}
#dsearch input {height:16px; width:130px; padding-top:2px;       }
#dsearch select {height:20px; }
#dsearch #keyword{margin-left:0px; padding-left:4px }
#dsearch #category {width:125px   }
#dsearch input#zip {width:45px;  }
#dsearch input#zip_miles {width:45px; z-index:-99; }
#dsearch .submit-button {height:20px; width:41px; margin-top:-1px; margin-bottom:1px; padding-top:1px; border:0}
#header_tile{visibility:hidden}
#header_tile img {padding-top:4px;margin-left:50px; }
/* ie hacks */
 
#dsearch .submit-button {margin-bottom:expression('-4px');   }
#dsearch input, #dsearch select {font-size: expression('11px'); margin-left: expression('6px');}
/* ------------------------------------------ // */

/* ssv */
.listing_results .sale, #ssv .sale{background:url(/images/icon-starburst-sale.gif) no-repeat 100% 10px scroll}
.listing_results .voucher, #ssv .voucher {background:url(/images/icon-starburst-voucher.gif) no-repeat 100% 10px scroll}
.listing_results .free-sample, #ssv .free-sample {background:url(/images/icon-starburst-free-sample.gif) no-repeat 100% 10px scroll}
.listing_results .discount, #ssv .discount {background:url(/images/icon-starburst-discount.gif) no-repeat 100% 10px scroll; }
.listing_results .special-offer, #ssv .special-offer {background:url(/images/icon-starburst-special-offer.gif) no-repeat 100% 10px scroll; }

/* imgtooltip */
.thumbnail-item { /* position relative so that we can use position absolute for the tooltip */ position: relative;  }
.thumbnail-item a {  }
.thumbnail-item img.thumbnail {	border:3px solid #ccc;	}	
.tooltip {/* by default, hide it */ display: none; /* allow us to move the tooltip */	position: absolute; /* align the image properly */  }
.tooltip span.overlay {/* put this overlay on the top of the tooltip image */ position: absolute; top: 0px; left: 0px; display: block;}
.clear {clear:both}

/*jqmodal*/
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

.jqmClose {float:right}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* clicker images links */
.clicker_image {cursor:pointer}