/* css code by id30.com 
   layout courtesy of www.csscreator.com
*/ 

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:750px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:78px; 
  background-color:#FFFFFF; 
 width:100%;
} 
 
#leftcol{
 width:75px; 
 float:left; 
 position:relative; 
 background-color:#FFFFFF;
 background-image:url(images/logo_bronte_vertical.gif);
 background-repeat:no-repeat; 
 height:200px;
}
 
#maincol{
 background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:675px;
}
 
#footer{
 height:25px; 
 clear:both;
 z-index:3;
 margin-top:-25px;
 overflow:hidden;
}

.break{
 height:25px;
 overflow:hidden;
}

#navbar_wrapper{
	padding-top:15px;
	height:0px;
}

#navbar_wrap{
	background-image:url(images/logo_bronte_horizontal.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	width:100%;
	height:63px;
	margin:0px;
}

#main_nav ul{
	list-style-type: none;
	margin: 0px;
	padding-left: 65px;
	padding-top: 40px;
}

ul.mainmenu li{
	padding: 0px 10px 0px 10px;
	display: inline;
	border-right: 1px solid #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color: #999999;
}

a.main_nav{
	text-decoration:none;
	color: #999999;
}

a.main_nav:hover{
	text-decoration:underline;
	color: #999999;
}

#title_wrapper{
	height:20px;
	width:100%;
	padding-bottom:5px;
	padding-top:5px;
	border-top:2px solid #999;
}

#pagetitle{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	color:#666666;
	float:left;
}

.arrowpad{
	padding-right:5px;
	float:left;
	padding-top:3px;
}

#submenu_wrapper{
	padding-bottom:10px;
}

#submenu{
	background-color:#e0d4bb;
	width:675px;
	height:15px;
	padding-top:6px;
	padding-bottom:6px;
}

/** css dropdown menu **/

#dmenu {
	margin-left: -40px;
	margin-top: 0px;
}

#dmenu li>ul { 
	top: auto;
	left: auto;
}

.topmenuul {
}

.topmenuli{
	list-style-type:none;
	float:left;
}

.topmenutitle {
	text-decoration: none;
	border-right: 1px solid #999;
	padding: 0px 10px 0px 10px;
	display:block;
	width:auto;	
	color:#999999;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:0.75em;
	font-weight:bold;
	margin-left: 0px;
}

.submenuul {
	margin-top:-1px;
	background-color:#FFFFFF;
	background-position: top left;
	background-repeat: repeat-x;
	border-top:1px solid #e0d4bb;
	border-bottom:1px solid #e0d4bb;
	border-right:1px solid #e0d4bb;
	border-left:1px solid #e0d4bb;
	list-style-type:none;
	position:absolute;
	padding:0px;
	margin:0px;
	display:none;
}

.submenuli a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	padding:3px;
	text-decoration: none;
	border-bottom:1px solid #e0d4bb;
	color: #333333;
	display:block;
	width:150px;
	margin:0px;
}

.submenuli a:hover{
	text-decoration: none;
	background:#e0d4bb;
	color: #333333;
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display: block;
}

#content {
	clear: both;
}

/** end of css drop down menu **/

#maincontent{
	
}

#banner_contact{
	width:675px;
	height:190px;
	background-image:url(images/banner_contact.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#banner_index{
	width:675px;
	height:190px;
	background-image:url(images/home.swf);
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#banner_1{
	width:675px;
	height:190px;
	background-image:url(images/banners/product_banner_1.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#banner_2{
	width:675px;
	height:190px;
	background-image:url(images/banners/product_banner_2.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#banner_3{
	width:675px;
	height:190px;
	background-image:url(images/banners/product_banner_3.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#banner_4{
	width:675px;
	height:190px;
	background-image:url(images/banners/product_banner_4.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
}
 
#banner_5{
	width:675px;
	height:190px;
	background-image:url(images/banners/product_banner_5.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#banner_6{
	width:675px;
	height:190px;
	background-image:url(images/banners/product_banner_6.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#banner_7{
	width:675px;
	height:190px;
	background-image:url(images/banners/product_banner_7.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#banner_8{
	width:675px;
	height:190px;
	background-image:url(images/banners/product_banner_8.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#banner_9{
	width:675px;
	height:190px;
	background-image:url(images/banners/product_banner_9.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#banner_10{
	width:675px;
	height:190px;
	background-image:url(images/banners/product_banner_10.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#banner_11{
	width:675px;
	height:190px;
	background-image:url(images/banners/product_banner_11.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#main_left{
	float:left;
	width:47%;
	height:auto;
	padding-right:10px;
}

#column_1_colours{
	float:left;
	padding-right:10px;
}

#column_2_colours{
	float:left;
	padding-right:10px;
}

#column_3_colours{
	float:left;
	padding-right:10px;
}

#column_4_colours{
	float:left;
	padding-right:10px;
}

.colours_box{
	border:1px solid #999;
	width:65px;
	height:65px;
}

.divider{
	padding-top:10px;
}

.sub_title{
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-weight:bold;
	font-size:0.75em;
	vertical-align:middle;
}

.product_text{
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:0.85em;
	height:100%;
}

.product_text2{
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:0.85em;
}

.product_text3{
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:0.65em;
}

.product_image{
	text-align:center;
}

.bottom_line{
	border-top:1px solid #999;
}

.footer_text{
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:0.65em;
}

a.footer{
	text-decoration:none;
	color:#999999;
}

.left{
	float:left;
}

.right{
	float:right;
}

.image_top_pad{
	padding-top:10px;
}

.base_top_pad{
	padding-top:20px;
}

#main_right{
	float:left;
	width:47%;
	height:auto;
	padding-left:10px;
}	

.contact_left{
	float:left;
	width:100px;
}

.contact_right{
	float:left;
	width:200px;
}

#maincontainer:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.border{
	border:none;
}

a#cssbox{
	float:left;
    display: block;
    width:88px;
	height:33px;
    background-image:url(images/accreditation/css_off.jpg);
	background-repeat:no-repeat;
}

a#cssbox:hover {
    background-image:url(images/accreditation/css_on.jpg);
	background-repeat:no-repeat;
}

a#htmlbox{
	float:left;
    display: block;
    width:88px;
	height:33px;
    background-image:url(images/accreditation/html_off.jpg);
	background-repeat:no-repeat;
}

a#htmlbox:hover {
    background-image:url(images/accreditation/html_on.jpg);
	background-repeat:no-repeat;
}

a#waibox{
	float:left;
    display:block;
    width:88px;
	height:33px;
    background-image:url(images/accreditation/wai_off.jpg);
	background-repeat:no-repeat;
	padding-right:5px;
}

a#waibox:hover {
    background-image:url(images/accreditation/wai_on.jpg);
	background-repeat:no-repeat;
}

.alt { 
	display:none;
	visibility:hidden;
}

.padding-left{
	padding-left:20px;
}

.text-align{
	text-align:left;
}

.alignright{
	text-align:right;
}


 /* *** Fix for floated containers *** */ 
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

.linkfix{
	content:"."; 
	display:block; 
	visibility:hidden;
	float:left;
}
 
.clearfix{
	display:inline-table;
}

 /* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
 /* End hide from IE-mac */  


 
 /*printer styles*/ 
@media print{ 
 /*hide the left column when printing*/ 
#leftcol{
	display:none;
} 
#twocols, #maincol{
 	width:100%; 
	float:none;
}
}