/* CSS Document */

body {
	background:url(css/hp-background.jpg) center top no-repeat #FFFFFF;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000000;
}
#container {
	width:980px;
	height:608px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
}
.homepage #container {
	background:url(css/homebg.jpg) center top no-repeat;
}
.content #container {
	background:url(css/contentbg.jpg) center top no-repeat;
}

/** LOGO **/
#logo {
	position:absolute;
	left:66px;
	top:41px;
	width:220px;
	height:126px;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/Portals/www.bondiblonde.com.au/Skins/Bondi/css/logo.png');*/
	text-indent:-999em;
	overflow:hidden;
	margin:0px;
	background:url('css/logo.jpg') no-repeat;
}
/*.logo[class] { background:url('css/logo.png') no-repeat; }*/

#logo a {
	width:100%;
	height:100%;
}

/** TOP NAVIGATION **/

#navbox {
	position:absolute;
	right:48px;
	top:8px;
	width:409px;
	height:64px;
	background:#000000;
}
#nav {
	position:absolute;
	left:18px;
	top:6px;
	margin:0px;
	padding:0px;
	list-style:none;
}
#nav li {
	position:absolute;
	height:27px;
	list-style:none;
}
#nav li a {
	display:block;
	height:27px;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-999em;
}
#nav_thestory {	width:98px; }
#nav_photos { left:98px; width:93px; }
#nav_merchandise { left:191px; width:131px; }
#nav_faq { left:322px; width:52px;}
#nav_missbondi { top:27px; width:244px; }
#nav_wheretobuy { left:244px; top:27px; width:130px; }

#nav_thestory a { background-image:url(css/nav/thestory.gif); }
#nav_photos a { background-image:url(css/nav/photos.gif); }
#nav_merchandise a { background-image:url(css/nav/merchandise.gif); }
#nav_faq a { background-image:url(css/nav/faq.gif); }
#nav_missbondi a { background-image:url(css/nav/missbondi.gif); }
#nav_wheretobuy a { background-image:url(css/nav/wheretobuy.gif); }

#nav_thestory a.selected, #nav_thestory a:hover { background-image:url(css/nav/thestory_on.gif); }
#nav_photos a.selected, #nav_photos a:hover { background-image:url(css/nav/photos_on.gif); }
#nav_merchandise a.selected, #nav_merchandise a:hover { background-image:url(css/nav/merchandise_on.gif); }
#nav_faq a.selected, #nav_faq a:hover { background-image:url(css/nav/faq_on.gif); }
#nav_missbondi a.selected, #nav_missbondi a:hover { background-image:url(css/nav/missbondi_on.gif); }
#nav_wheretobuy a.selected, #nav_wheretobuy a:hover { background-image:url(css/nav/wheretobuy_on.gif); }

/** LVL2 NAV */

#lvl2Nav {
	position:absolute;
	left:97px;
	top:193px;
	width:211px;
	height:299px;
	list-style:none;
	margin:0px;
	padding:0px;
}
#lvl2Nav li {
	list-style:none;
	height:40px;
	margin:0px;
	padding:0px;
}
#lvl2Nav li a {
	display:block;
	width:211px;
	height:40px;
	text-indent:-999em;
	overflow:hidden;
	background-repeat:no-repeat;
}

#nav_link1 a { background-image:url(css/nav/missbondi/link1.gif) }
#nav_link2 a { background-image:url(css/nav/missbondi/link2.gif) }
#nav_link3 a { background-image:url(css/nav/missbondi/link3.gif) }
#nav_link4 a { background-image:url(css/nav/missbondi/link4.gif) }

#lvl2Nav_competition a { background-image:url(css/nav/missbondi/competition.gif) }
#lvl2Nav_winner a { background-image:url(css/nav/missbondi/winner.gif) }
#lvl2Nav_myspace a { background-image:url(css/nav/missbondi/myspace.gif) }

#lvl2Nav_competition a:hover,#lvl2Nav_competition a.selected { background-image:url(css/nav/missbondi/competition_on.gif) }
#lvl2Nav_winner a:hover,#lvl2Nav_winner a.selected { background-image:url(css/nav/missbondi/winner_on.gif) }
#lvl2Nav_myspace a:hover,#lvl2Nav_myspace a.selected { background-image:url(css/nav/missbondi/myspace_on.gif) }

#lvl2Nav_thestory a { background-image:url(css/nav/thestory/thestory.gif) }
#lvl2Nav_tastingnotes a { background-image:url(css/nav/thestory/tastingnotes.gif) }
#lvl2Nav_dietaryinfo a { background-image:url(css/nav/thestory/dietaryinfo.gif) }

#lvl2Nav_thestory a:hover,#lvl2Nav_thestory a.selected { background-image:url(css/nav/thestory/thestory_on.gif) }
#lvl2Nav_tastingnotes a:hover,#lvl2Nav_tastingnotes a.selected { background-image:url(css/nav/thestory/tastingnotes_on.gif) }
#lvl2Nav_dietaryinfo a:hover,#lvl2Nav_dietaryinfo a.selected { background-image:url(css/nav/thestory/dietaryinfo_on.gif) }

/** CONTENT **/
#dnn_ContentPane {
	position:absolute;
	left:354px;
	top:121px;
	width:520px;
	height:327px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height:18px;
}
* .ContentPane {
	min-height:1%;
}
* html * .ContentPane {
	height:1%;
}
/** EVENTS ON HOMEPAGE **/

#calendar {
	position:absolute;
	right:40px;
	top:80px;
	width:417px;
	height:207px;
	/*background:url(css/calendarbg.jpg);*/
	font-family:Arial, Helvetica, sans-serif;
}
#EventsPane {
	position:absolute;
	left:194px;
	top:17px;
	width:199px;
	height:191px;
}
h5#eventtitle{
	float:left;
	margin:0px;
	font-size:16px;
	color:#000000;
}

a#link_viewall {
	position:absolute;
	right:0px;
	width:59px;
	height:13px;
	background:url(css/viewall.gif) no-repeat;
}

a#link_viewad {
	width:55px;
	height:13px;
	background:url(css/viewad.gif) no-repeat;
}
a#link_home {
	position:absolute;
	right:7px;
	top:8px;
	width:33px;
	height:64px;
	background:url(css/homelink.gif) no-repeat;
}
#header_events {
	position:absolute;
	margin:0px;
	right:7px;
	top:80px;
	width:33px;
	height:207px;
}
#header_events a {
	width:33px;
	height:207px;
	/*background-image:url(css/headers/eventcalendar.jpg);*/
}
#eventlist {
	list-style:none;
	position:absolute;
	left:194px;
	top:45px;
	margin:0px;
	padding:0px;
	width:199px;
	background:url(css/eventsep.gif) bottom left repeat-x;
	padding-top:3px;
}
#eventlist li {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:12px;
	background:url(css/eventsep.gif) top left repeat-x;
	padding-top:6px;
	padding-bottom:3px;
}
#eventlist li label {
	display:block;
	float:left;
	width:32px;
	color:#FFFFFF;
}
#eventlist li span {
	display:block;
	float:left;
	width:160px;
	color:#000000;
}

.PhotoPane {
	width:164px;
	position:absolute;
	left:0px;
	top:0px;
}

.linkPane {
	width:250px;
	position:absolute;
	left:160px;
	top:210px;
}

.linkPane a{
font-weight:bold;
}
/** TVC Holder **/
.homepage #tvc {
	position:absolute;
	right:40px;
	top:295px;
	width:417px;
	height:144px;
	background:url(css/tvcbg.jpg);
	font-family:Arial, Helvetica, sans-serif;
}
.TVCPane {
	position:absolute;
	left:8px;
	top:8px;
	width:164px;
	font-size:12px;
	color:#000000;
}
.ScreenshotPane {
	width:229px;
	position:absolute;
	right:8px;
	top:8px;
}
/** HEADERS **/
h3.Head {
	text-indent:-999em;
	overflow:hidden;
	height:14px;
	margin:0px 0px 48px 0px;
	background-position:top left;
	background-repeat:no-repeat;
}

#header_eventscalendar {
	background-image:url(css/headers/h_eventcalendar.gif);
}
/** FOOTER **/

#lowcarb {
	position:absolute;
	right:66px;
	bottom:55px;
	background-image:url(css/lowcarb.gif);
	width:242px;
	height:76px;
	text-indent:-999em;
	overflow:hidden;
	margin:0px;
}

#footernav {
	position:absolute;
	left:48px;
	top:578px;
	width:400px;
	font-size:9px;
	color:#000000;
}
#footernav .sep {
	color:#FFFFFF;
	margin-left:13px;
	margin-right:13px;
}
#footernav a {
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

/** HELPERS **/
.paneltitle {
	margin:0px;
	display:block;
	margin-bottom:1em;
	font-size:16px;
	color:#000000;
}
.forminput {
	border:1px solid #999999;
}
.formbutton {
	font-size:12px;
	border:1px solid #999999;
}
.hidden {
	display:none;
}
ul.horzlist {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.horzlist li {
	display:inline;
	float:left;
	list-style-type:none;
}
ul.horzlist a {
	display:block;
	float:left;
	text-decoration:none;
}

ul.horzlist a span{
	visibility:hidden;
}

.imglink {
	display:block;
	text-indent:-999em;
	overflow:hidden;
	margin:0px;
	background-position:top left;
	background-repeat:no-repeat;
}

#loaded_container {
	margin:0 auto;
	width:900px;
	height:70px;
}
#loaded_left {
	float: left;
	width: 400px;
	height: 70px;
	
	
	text-align: left;
}
#loaded {
	float: right;
	width: 100px;
	height: 60px;
	background: url(css/site_by_loaded.gif) top right no-repeat;
}
a.link {
	display: block;
	width: 100px;
	height: 40px;
}

a.linkboys {
	display: block;
	width: 210px;
	height: 70px;
}


/********************************************
Form Styles
*****************************************/

.iframepage {
	background: transparent;
	text-align:left;
}

.formTable {
	color: #000;
}

.formTable th {
	font-weight: normal;
	width: 105px;
	font-size: 12px;
}

.submit {
	background: #000;
	border: none;
	color: #FFF;
	font-weight: bold;
	padding: 0; margin:0;
	text-transform: uppercase;
	font-size: 11px;
}

.textinput {
	background: #FFF;
	border: 1px solid #999;
	width: 220px;
}


#loaded-frame {

	width: 900px;
	height: 80px;
	margin: 0px auto;
	padding: 20px 20px 20px 0px;
	
}

#loaded-logo{
	float:right;
	display:block;
}

a#loaded-webdeveloper:link, a#loaded-webdeveloper:hover, a#loaded-webdeveloper:visited{
	float:right;
	display:block;
	padding:4px 0px 2px 0px;
	width: 110px;
	font-size: 8px !important;
	text-align: right;
	color: #7E8B84;
	text-decoration: none;
	letter-spacing:1px;
	clear:both;
}

a#loaded-webdeveloper:hover{
	color: #D8D3CA;	
}



/******************************
	STORE LOCATOR CSS
*******************************/

table.listitems td {
	padding:10px;
	margin:5px;
	font-size: 11px;
	line-height: 11px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
html > body .clearfix {min-height: 1px; height: auto;} 
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */