@import url(bilite_nav.css);
@import url(bilite_typography.css);


@charset "UTF-8";
/* CSS Document */

/***********************

Project Graphics - BiLite
Date Created: 17th September 2008

***********************/



* { margin:0; padding:0; }

#ie_alert {	display:none; } /* Alert to instruct users to upgrade IE6 - only seen by IE6- users */

body { background:#ecdbf2; }

#wrapper {
	position:relative;
	margin:0 auto;
	width:960px;
	background:#fff url(../images/bilite_wrapper_bg.gif) repeat-y;
	}
	
#header  {
	width:940px;
	height:164px;
	margin:0 10px;
	padding:0;
	}

#header h1 {
	float:left;
	display:block;
	width:630px;
	height:164px;
	margin:0;
	padding:0;
	background:url(../images/bilite_header_bilite.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	}
#header  a.big-link {
	float:right;
	display:block;
	width:310px;
	height:164px;
	margin:0;
	padding:0;
	background:url(../images/bilite_header_progx.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	}


	
#content {
	margin:0;
	padding:50px 60px 30px 60px;
	}

#introcopy {
	display:block;
	width:230px;
	margin:0;
	padding:0;
	float:left;
	}

#introbullets {
	display:block;
	width:200px;
	margin:0 0 25px 30px;
	padding:0;
	}

#introbullets li {
	margin:0 0 4px 0;
	padding:0;
	list-style-image:url(../images/bullet_small_ltpurple.gif);
	font-size:14px;
	color:#330644;
	}

#introbullets p {
	margin:0 0 0 10px;
	padding:0;
	}


/* ------------ Tabs ------------ */
#bilite_content {
	display:block;
	width:545px;
	margin:0;
	padding:0;
	float:right;
	}

.imagebox {
	width:419px; /* 443px minus padding */
	height:380px;
	padding:5px 12px 10px 12px;
	margin:0 0 20px 0;
	background:url(../images/bilite_imagebox.gif) no-repeat;
	}

.tab_content {
	float:left;
	display:block;
	width:443px;
	margin:0 0 30px 0;
	padding:0;
	}
	
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}


.dimensions {
	margin:10px 0 25px 0;
	}
	
.dimensions h4 {
	color:#009bc9;
	font-size:14px;
	margin:0 0 15px 0;
	padding:0;
	}

.dimensions em {
	color:#fff;
	font-size:10px;
	font-weight:normal;
	}

.dimensions p {
	margin:0;
	padding:0;
	font-size:12px;
	}

.dimensions ul {
	margin:5px 0 0 10px;
	padding:0;
	}

.dimensions li {
	font-size:12px;
	margin:0 0 4px 20px;
	padding:0;
	list-style-image:url(../images/bullet_small_blue.gif);
	}



/****** FLASHES ******/
#flash_main_site { position:absolute; top:15px; left:755px; }

#footer_flashes {
	display:block;
	width:443px;
	margin: 0 0 0 95px;
}

#flash_bilite_catalogue {
	display:block;
	float:left;
	width:110px;
	height:120px;
	background:url(../images/flash_bilite_catalogue.jpg) no-repeat left center;
	padding:22px 0 0 90px;
	margin-bottom: 20px;
	margin-right:5px;
}
	
#flash_online_catalogue {
	display:block;
	float:right;
	width:238px;
	margin-top:15px;
}	
	


#footer {
	width:940px;
	height:77px;
	padding:48px 0 0 0;
	margin:0 10px;
	background:url(../images/bilite_footer_bg.gif) top repeat-x;
	}	
	

.clear {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: auto;
}

.img_left {
	float:left;
	margin-right:25px;
	margin-bottom:25px;
	}

.img_right {
	float:right;
	margin-left:25px;
	margin-bottom:25px;
	}

img { border:none; }