/* ---------------------------------------------------------------------

	Born:                2009-02-09
	Last Edit:           2009-02-09
	Author:              One Reason (http://www.onereason.com.au)
	
	== STURCTURE ========================================================
	
	- GLOBAL SITE ELEMENTS -
		* Global Reset
		* Masthead
		* Navigation
		* Body Contents
		* Right Hand Side Elements	
		* Right Hand Side Map	
		* Secondary Page Elements
		* Sub Navigation Style	
		* Footer Style
		* Table Style
		* Generic Form Style				
	
	- CUSTOMISED ADD-ONS -
		* Rounded Corner
		* Button Style			
		* General List Style
		* Image List Style	
		* Extra Promotional Boxes in the Footer 
		
------------------------------------------------------------------------ */

/* Global Reset -------------------------------------------- */

* { 
	margin: 0; 
	padding: 0;
}

body {
	font:normal 0.75em Arial, Helvetica, sans-serif;
	color:#000;

}

img {
	border: none;
	 -ms-interpolation-mode:bicubic; 
}

p {
	margin: 0 0 1.4em 0;
}

p, li{
	line-height:1.75em;
}

a:link{
	color:#E31002;
	text-decoration: none;
	outline: none; /*fixes firefox link outline*/
}

a:hover {
	text-decoration: none;
	color:#999;	
}

a:visited {
	text-decoration: none;
	color:#e31002;	
}

.bb-content a:hover, .bb-content a:visited{
border-color:#999;
}

h1, h2, h3, h4, h5 {
	font:normal 2em/1.5em Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 0 0.75em 0;	
}

h1{
	font-size:3.5em;
	margin:0.75em 0 0 0;
}

.bb-content h1{
margin:0 0 13px 0;
}

.bb-content{
	position:relative;
/*	min-height:702px;
_height:702px;*/

}



h3.bb-list-title{
margin-top:0;
}

.bb-content h1 a, h3.bb-list-title a{
position:absolute;
right:33px;
top:32px;
border:none;
}

.bb-content h1 a:hover{
cursor:pointer;
}

h2{
	font-size:2.5em;
	text-transform: uppercase;
	font-weight: bolder;
	color: #E31002;
	margin: 25px 0 15px 0;
}

.bb-content .bb-rich-content > h2{
margin-top:0;
}

h3, h4, h5, h6{
	font-size:2em;
	margin: 25px 0 12px;
	color: #000000;
}

h4{
	font-size:18px;
	font-weight: normal;
	color: #000000;
}

h5{
	font-size: 1.167em;
	font-weight:bold;
	background-color: #FFFFFF;
	overflow: hidden;
	margin: 0px 0px 16px;
	color: #666666;
}

h6{
	font-size: 1.167em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding-left: 12px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #E83326;
	background-image: url(resource/bg-stripes.gif);
	background-repeat: repeat;
	padding-top: 5px;
	padding-bottom: 6px;
}

ul {
	margin: 0;
}

ul li {
	list-style-type: none;
	padding: 0;
	/*list-style:square inside url(images/bullet.gif);*/
}

ol {
	margin: 1.2em 0 0.9em 2.7em;
}

ol li {
	padding: 0 0 0.9em 0;
}

label {
	cursor: pointer;
}

table{
	border:0;
	margin:1.5em 0 1.8em 0;
	border-collapse:collapse;
}


input.btn, input.checkbox{
background:none!important;
border:0!important;
padding:0!important;
width:auto!important;
height:auto!important;
}



th{
	text-align:left;
}

td{
	vertical-align:top;
	padding-left: 18px;
}

fieldset{
	border:none;
}

.right{
	float:right;
}

.hidden{
	display:none;
}


/* Clear Fix */
.bb-clearfix:after, .bb-form-container form ul li:after, .bb-list .bb-btn-container:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.bb-clearfix, .bb-form-container form ul li, .bb-list .bb-btn-container{
	display: inline-block;
}

html[xmlns] .bb-clearfix, html[xmlns] .bb-form-container form ul li, html[xmlns] .bb-list .bb-btn-container{
	display: block;
}

* html .bb-clearfix, * html .bb-form-container form ul li, * html .bb-list .bb-btn-container {
	height: 1%;
}

.bb-btn{
padding:0!important;
margin:0!important;
background:none!important;
width:auto!important
}

/* Masthead --------------------------------*/
.site-background{
width:100%;
}

.bb-masthead-container, .nav-container, .content-container, .footer-container, .bb-sidebar-container, .seo-links-container, .newsletter-container, .member-login-container, .header-container, .hero-image-container{
width:100%;
}

.bb-masthead-container{
	background:#FFFFFF url(resource/resource/bg-masthead.gif) repeat-x;
	height:85px!important;
	padding:15px 0 0;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	top: 100px;
}

.bb-masthead, .bb-content, .seo-links, .newsletter, .member-login, .header, .hero-image{
margin:0 auto;
width:970px;
}

.bb-masthead{

position:relative;
color:#b1b1b1;
}

.bb-logo{
	float:left;
	padding-left: 15px;
}

.ecommerce-login{
float:right;
color:#b1b1b1;
}

.ecommerce-login a{
color:#7e7e7e;
}

.ecommerce-login a:hover{
color:#000;
}

#bb-btn-search:hover{
cursor:pointer;
}

#bb-search {
position:absolute;
right:0;
top:69px;
width:230px;
height:33px;
background:url(resource/bg-masthead-search.png);
padding:9px 0 0 10px;
display:none;
}

#bb-search input{
background: url(resource/bg-masthead-input.gif) no-repeat;
width:169px;
height:24px;
padding:3px 5px 0 5px;
color:#b2b2b2;
font-weight:bold;
border:none;
float:left;
}

#bb-search form{
width:220px;
}

#bb-search label, #bb-search legend{
display:none;
}

.bb-search-container .bb-top {
	float:right;
	position: relative;
	top: 43px;
}


.bb-search{
/*border: 1px solid #000000;*/
position:absolute;
right:0;
top:28px;
_width:250px;
}

.bb-search input{
float:left;
background:url(resource/resource/bg-input-masthead.gif) no-repeat;
border:none;
padding:4px 0 0 10px;
color:#a0a0a0;
width:170px;
height:20px;
margin-right:5px;
}

.bb-search input.btn{
margin-right:0;
}

.folder-1 .hero-image, .folder-1 .banner, .folder-1 .bb-masthead .sidebar a img, .search label, .rich-text, .folder-1 .sitetools-container{
display:none;
}

.bb-masthead .sidebar p{
margin:0;
}

.bb-masthead .sidebar img{
position:absolute;
top:22px;
left:300px;
}

.bb-masthead .sidebar a img{
position:absolute;
top:145px;
right:0;
left:auto;
}

.bb-searchresults {
	margin-top: -18px;
	padding-bottom: 27px;
/*	min-height:702px;
	_height:702px;*/

}



/* Navigation ---------------------------------*/
.bb-nav-container{
width:730px;
margin:0 auto;
padding:0 0 0 240px;
}


.bb-nav{
position:absolute;
top:59px;
}

.bb-nav li{
float:left;
}

.bb-nav li a{
float:left;
padding:10px 14px;
}

.bb-nav li a span{
float:left;
text-indent:-9999px;
background:url(resource/bg-nav.gif) 0 0 no-repeat;
width:113px;
height:12px;
}

.bb-nav li a:hover{
cursor:pointer;
}

.bb-nav li a:hover span{
background-position:-231px 0;
}

.bb-nav li.bb-item-2 a span{
width:110px;
background-position:0 -30px;
}

.bb-nav li.bb-item-2 a:hover span{
width:110px;
background-position:-231px -30px;
}

.bb-nav li.bb-item-3 a span{
width:122px;
background-position:0 -60px;
}

.bb-nav li.bb-item-3 a:hover span{
width:122px;
background-position:-231px -60px;
}

.bb-nav li.bb-item-4 a span{
width:137px;
background-position:0 -90px;
}

.bb-nav li.bb-item-4 a:hover span{
width:137px;
background-position:-231px -90px;
}

.bb-nav ul{
position:absolute;
background:#fff;
top:40px;
left:0;
width:538px;
z-index:999;
padding:0 15px 10px 15px;
display:none;
}


.bb-nav ul#bb-dropdown-1{
width:360px;
}

.bb-nav ul#bb-dropdown-1 li.bb-item-4{
width:105px;
}

.bb-nav ul#bb-dropdown-2 li.bb-item-4{
width:149px;
}

.bb-nav ul#bb-dropdown-2 li.bb-item-5{
/* width:149px;  This is for New zealand (NZ) which doesn't have environments */

width:149px;
}

.bb-nav ul#bb-dropdown-3{
width:606px;
}


.bb-nav ul li{
width:auto;
}

.bb-nav ul li a span{
height:11px !important;
}

.bb-nav ul li a:hover span{
height:11px !important;
}

.bb-nav ul#bb-dropdown-1 li.bb-item-1 a span{
width:77px;
background-position:0 -121px;
}

.bb-nav ul#bb-dropdown-1 li.bb-item-1 a:hover span{

width:77px;
background-position:-231px -121px;
}

.bb-nav ul#bb-dropdown-1 li.bb-item-2 a span{
width:94px;
background-position:0 -151px;
}

.bb-nav ul#bb-dropdown-1 li.bb-item-2 a:hover span{
width:94px;
background-position:-231px -151px;
}

.bb-nav ul#bb-dropdown-1 li.bb-item-3 a span{
width:97px;
background-position:0 -181px;
}

.bb-nav ul#bb-dropdown-1 li.bb-item-3 a:hover span{
width:97px;
background-position:-231px -181px;
}

.bb-nav ul#bb-dropdown-1 li.bb-item-4 a span{
width:46px;
background-position:0 -211px;
}

.bb-nav ul#bb-dropdown-1 li.bb-item-4 a:hover span{
width:46px;
background-position:-231px -211px;
}

.bb-nav ul#bb-dropdown-1 li.bb-item-5 a span{
width:73px;
background-position:0 -241px;
}

.bb-nav ul#bb-dropdown-1 li.bb-item-5 a:hover span{
width:73px;
background-position:-231px -241px;
}

.bb-nav ul#bb-dropdown-2 li.bb-item-2 a span{
width:161px;
background-position:0 -301px;
}

.bb-nav ul#bb-dropdown-2 li.bb-item-2 a:hover span{
width:161px;
background-position:-231px -301px;
}

.bb-nav ul#bb-dropdown-2 li a span{
width:121px;
background-position:0 -271px;
}

.bb-nav ul#bb-dropdown-2 li a:hover span{
width:121px;
background-position:-231px -271px;
}

.bb-nav ul#bb-dropdown-2 li.bb-item-3 a span{
width:171px;
background-position:0 -331px;
}

.bb-nav ul#bb-dropdown-2 li.bb-item-3 a:hover span{
width:171px;
background-position:-231px -331px;
}

.bb-nav ul#bb-dropdown-2 li.bb-item-4 a span{
width:122px;
background-position:0 -361px;
}

.bb-nav ul#bb-dropdown-2 li.bb-item-4 a:hover span{
width:122px;
background-position:-231px -361px;
}

.bb-nav ul#bb-dropdown-2 li.bb-item-5 a span{
width:82px;
background-position:0 -391px;
}

.bb-nav ul#bb-dropdown-2 li.bb-item-5 a:hover span{
width:82px;
background-position:-231px -391px;
}

.bb-nav ul#bb-dropdown-2 li.bb-item-6 a span{
width:49px;
background-position:0 -421px;
}

.bb-nav ul#bb-dropdown-2 li.bb-item-6 a:hover span{
width:49px;
background-position:-231px -421px;
}

.bb-nav ul#bb-dropdown-3 li a span{
width:136px;
background-position:0 -451px;
}

.bb-nav ul#bb-dropdown-3 li a:hover span{
width:136px;
background-position:-231px -451px;
}

.bb-nav ul#bb-dropdown-3 li.bb-item-2 a span{
width:164px;
background-position:0 -481px;
}

.bb-nav ul#bb-dropdown-3 li.bb-item-2 a:hover span{
width:164px;
background-position:-231px -481px;
}

.bb-nav ul#bb-dropdown-3 li.bb-item-3 a span{
width:217px;
background-position:0 -511px;
}

.bb-nav ul#bb-dropdown-3 li.bb-item-3 a:hover span{
width:217px;
background-position:-231px -511px;
}







/* Listing ----------------------------------------- */
.bb-content .bb-list ul{
margin:0;
}

.bb-content .bb-list li{
padding:1.2em 2em 1em 2em;
list-style:none;
border-bottom:1px solid #b0b0b0;
}

.bb-content .bb-list li{
background:#fff;
}

.bb-content .bb-list li:hover{

background:url(resource/bg-fieldset.gif) repeat-x;
}

.bb-list h4{
margin:0.5em 0 0 0;
}

.bb-list .bb-subheading{
color:#999;
margin-bottom:0;
}

.bb-subheading em{
font-style:normal;
}

.bb-list div{
margin:0 0 0.75em 0;
}

.bb-list p.bb-btn-container{
text-align:right;
}



.bb-list p.bb-btn-container a{
background:url(resource/btn-readmore.gif) no-repeat;
width:102px;
height:23px;
float:right;
}

.bb-news-list .bb-list p.bb-btn-container a{
background:url(resource/btn-moreinfo.gif) no-repeat;
width:95px;
}

.folder-9 .bb-list p.bb-btn-container a{
background:url(resource/btn-bloglink.gif) no-repeat;
width:102px;
height:23px;
float:right;
}

.bb-rich-content p.bb-btn-container-gallery{
text-align:right;
}

.bb-rich-content p.bb-btn-container-gallery a{
	background:url(resource/btn-gallery.gif) no-repeat;
	width:80px;
	height:28px;
	float:right;
	position: relative;
	bottom: 52px;
	z-index: 100;
}








/* Member Login ---------------------------------*/

.member-login-container{
background:url(resource/resource/bg-login.gif) repeat-x #034d84;
font-size:0.917em;
}

.member-login{
padding:10px 0 9px 0;
}

.member-login form{
padding-left:10px;
}

.member-login form input, .member-login form label, .member-login form div{
float:left;
color:#a2cbe9;
margin:0 5px 0 0;
}

.member-login form h4{
display:none;
}

.member-login form > input{
font-size:1em;
margin-right:10px;
color:#a2cbe9;
background:url(resource/resource/bg-input-login.gif) no-repeat;
width:200px;
height:19px;
border:none;
padding:5px 0 0 10px;
}

.member-login form > div > input{
margin-top:5px;
}


.member-login form label{
line-height:24px;
}



/* Poll --------------------------------*/
.poll table{
margin:0;
}

.poll table td{
padding:0 0 4px 0;
}

.poll span{
font-weight:normal;
color:#999;
text-transform:capitalize;
font-size:0.917em;
}

.poll table td input.btn{
margin-top:5px;
margin-bottom:3px;
}

.results table td{
padding-bottom:2px;
}

.poll-graph{
background:#999;
height:8px;
width:100%;
overflow:hidden;
}

.poll-graph span{
display:block;
background:#a2cbe9;
height:8px;
}

.folder-1 .random-featured{
margin:1em 0 0 0;
}

.bb-careers-list{
	background:url(resource/bg-featured.gif);
	padding:2em 1.5em 1.5em;


}

.bb-careers-list h4{
margin-top:0;
}

.bb-careers-list a{
color:#000;
}

.bb-rhs .bb-careers-list ul{
margin-left:1.5em;
}

.bb-rhs .bb-careers-list ul li{
padding-bottom:0.5em;
}

.bb-careers-list a:hover{
color:#999;
}



.random-featured .poll p.btn-container {
margin:0;
}


.extra-bar .poll td{
padding:0 0 3px 0;
}

.extra-bar .poll input{
margin:0 2px 0 0;
position:relative;
top:2px;
}

.extra-bar .poll h3 span{
font-size:0.917em;
}

.extra-bar .poll .btn-container{
font-size:1em;
margin:0.35em 0 0 0;
}

.extra-bar .poll .btn-container a{
color:#1885D8;
background:transparent url(resource/resource/arrow-blue.gif) no-repeat scroll right center;
padding:0 10px 0 0;
}



/* Breadcrumb and Page Tolls ----------------------------------------------*/

.bb-content {
	background-color: #FFFFFF;
	width: 560px;
	float:left;
	margin-top:86px;
	padding-top: 27px;
	padding-left: 34px;
	padding-right: 34px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #000000;
}

.folder-1 .bb-content{
	position:relative;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	height: 190px;
	background-image: url(resource/sidebar-background.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 27px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
			float:none;
}

.folder-26 .bb-content{
	position:relative;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	float:none;

}

.folder-26 td {
}


.folder-26 h2 {
	margin-top: 0px;
	padding-top: 0px;
}

.breadcrumb{
font-size:1.091em;
}

.content .breadcrumb a{
color:#81756b;
}

.sitetools-container{
position:absolute;
top:-70px;
_top:-75px;
left:0;
z-index:99;
font-size:0.833em;
width:960px;
padding-left:5px;
}

#sitetools{
position:relative;
}

#sitetools p{
margin:0 0 8px 0;
}

#sitetools .overlay{
position: absolute;
top: 0; /* These positions makes sure that the overlay */
bottom: 0;  /* will cover the entire parent */
left: 0;
width: 100%;
background: #fff;
opacity: 0.85;
-moz-opacity: 0.85; /* older Gecko-based browsers */
filter:alpha(opacity=85); /* For IE6&7 */
}

#sitetools .article{
width:98%;
padding:8px 1% 8px 1%;
position:relative;
}

* html #sitetools .overlay {
  height: expression(document.getElementById("sitetools").offsetHeight);
}

.breadcrumb{
float:left;
width:640px;
}

.content #sitetools .page-tools{
float:right;
width:293px;
text-align:right;
}

.content #sitetools .page-tools a{
cursor:pointer;
color:#a3a3a3;
line-height:16px;
margin-right:4px;
display:inline;
width:auto!important;
}

.content .page-tools a:hover, .content .breadcrumb a:hover{
color:#605f5f;
}

.page-tools a.listend{
margin-right:0;
}

#sitetools .page-tools span{

}

#sitetools .page-tools img{
position:relative;
top:3px;


margin-right:2px;
}







/* Content ------------------------------------------------------------ */


.folder-1 body {

}


.bb-site-container {
	position: relative;


}

.folder-1 .bb-site-container {
	background-color: #ffffff;
	height: 430px;
}

.folder-26 .bb-site-container {
	background-color: #ffffff;
	height: 430px;
}


.clickzone{
	width: 450px;
	display: block;
	height: 250px;
	float: left;
	cursor: pointer;
	background-image: url(resource/pixel.gif);
}

.folder-26 .clickzone{
	width: 675px;
	display: block;
	height: 555px;
	float: left;
	cursor: pointer;
	background-image: url(resource/pixel.gif);
}

.bb-content-container{
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	padding:0 0 2em 0;

}

.bb-heroimage {

}

.folder-1 .bb-heroimage{
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}
.folder-26 .bb-heroimage{
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}

.bb-richcontent-container{
	width: 970px;
	position: absolute;
	z-index: 12;
	height: 470px;
	left: 50%;
	margin-left: -485px;
	display: block;
	top: 180px;
}

.bb-richcontent-container .bb-mid{

}

.bb-richcontent-container .bb-top{
	display:none;

}

.bb-richcontent-container .bb-bottom{
	display:none;

}

.bb-richcontent {


}

.folder-1 p{
	margin: 0px;
	padding: 0px;
}




/* Sidebar 1 */

.bb-sidebar .bb-top{
display:none;
}
.bb-sidebar .bb-bottom{
display:none;
}

.bb-sidebar .bb-mid{
	text-align: center;
}

.bb-sidebar{
	margin: 0px;
	padding: 0px;

}

.bb-sidebar-container{
	float: left;
	width: 242px;
	display: block;
	height: 202px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-transform: uppercase;
}

.bb-sidebar-container h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 13px;
	font-weight: bold;
	color: #e83326;
	margin-top: 0px;
	margin-bottom: 4px;
}

.bb-sidebar-container h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 13px;
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 4px;
}

/* Sidebar 2 */




/* Sidebar 3 */




/* Sidebar 4 */







/* Tabs --------------------------------------------*/

#bb-random bb-hh{
padding:0 2%;
}

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
	font-size:1.138em;
	text-transform:uppercase;
	font-weight: bold;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 15px;
    background: url(resource/resource/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */  
	text-shadow:-1px -1px 0 #a5a8ad;  
}

#bb-hh .tabs-nav a {
    color: #fff;
	}

.tabs-nav .tabs-selected a {
    color: #707070;
	text-shadow:none;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
	color: #707070;
	text-shadow:none;
}

#bb-hh .tabs-nav .tabs-selected a, #bb-hh .tabs-nav a:hover, #bb-hh .tabs-nav a:focus, .tabs-nav a:active {
color: #707070;
}

.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 35px; /* IE 6 treats height as min-height */
    min-height: 35px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}

.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}

.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(resource/resource/loading.gif) no-repeat 0 50%;
}

.tabs-container ul li{
display:inline;
width:26.9%;
float:left;
padding:0 3.1%;
_padding:0 2.9%;
border-right:1px solid #dae0d6;


}

.tabs-container ul li.listend{
border-right:0!important;
}

.tabs-container p, .tabs-container h4{
margin:0;
}

.tabs-container .img-holder span{
display:block;
height:100%;
overflow:hidden;
width:100%;
}

.tabs-container h4{
color:#303431;
font-size:1.5em;
height:28px;
overflow:hidden;
}

.tabs-container h4 a{
color:#303431;
_height:28px;
_overflow:hidden;
_display:block;
}

.tabs-container h4 a:hover{
color:#000;
}


.tabs-container p a{
background:transparent url(resource/resource/arrow-green.gif) no-repeat scroll right center;
padding:0 10px 0 0;
}

.tabs-container p{
height:1.5em;
overflow:hidden;
margin-bottom:5px;
}

.tabs-container .img-holder{
width:191px;
overflow:hidden;
height:131px;
margin-bottom:5px;
}

.tabs-container img{
margin-bottom:7px;
}

.tabs-container a.arrow{
display:none;
}

.tabs-container a.arrow{
position:absolute;
left:10px;
-left:2px;
width:11px;
height:16px;
background:url(resource/resource/arrow-tabs.gif) left top;
top:100px;
}

.tabs-container a.arrow-right{
right:10px;
left:auto;
background:url(resource/resource/arrow-tabs.gif) right top;
}

.tabs-container a.arrow:hover{
background-position:left bottom;
}

.tabs-container a.arrow-right:hover{
background-position:right bottom;
}

/* Randoms -----------------------------------------*/
.random-featured{
margin-top:1em;
float:left;
width:100%;
}


.folder-1 .random-featured ul li{
height:120px;
float:left;
width:30.2%;
margin-right:3%;
}

.random-featured ul li h3{
font-size:1em;
color:#66615a;
font-weight:bold;
margin-bottom:10px;
}

.random-featured ul li img{
float:left;
padding:3px;
margin:0 10px 20px 0;
}

.folder-1 .random-featured ul li .img-holder{
margin:0 10px 4px 0;
float:left;
width:100px;
height:68px;
padding:3px!important;
border:1px solid #dae0d6;
}

.folder-1 .random-featured ul li .img-holder span{
width:100%;
height:100%;
overflow:hidden;
display:block;
}

.folder-1 .random-featured ul li img{
float:none;
padding:0;
border:0;
}

.random-featured ul li div.article-detail, .member-login{
display:none;
}

.random-featured ul li h4{
margin-bottom:0.2em;
font-size:1em;
color:#7c756c;
max-height:4.5em;
_height:4.5em;
overflow:hidden!important;
}

.random-featured ul li h4 span{
color:#999;
text-transform:uppercase;
}

.random-featured ul li p{
margin-bottom:0;
}

.random-featured ul li p.btn-container{
margin-top:0.5em;
}

.random-featured ul li p.btn-container a{
background:transparent url(resource/resource/arrow-blue.gif) no-repeat scroll right center;
color:#1885D8;
padding:0 10px 0 0;
}

.random-featured ul li p.btn-container a:hover{
color:#000;
}

.random-featured ul li.listend{
margin-right:0;
} 

.extra-bar .random-featured{
background:#d9dbde;
margin-top:0;
float:left;
width:100%;
}

.extra-bar .random-featured .top{
background:url(resource/resource/title-alsosee.gif) 12px 0 no-repeat;
height:13px;
display:block;
margin:1.75em 0 0.75em 0;
}

.extra-bar .random-featured li{
padding:0 12px 0 12px;
width:151px;
}

.extra-bar .random-featured ul li p.btn-container{
margin-top:0;
}

.extra-bar .random-featured ul li img{
float:none;
margin:0;
min-width:100%;
min-height:100%;
}




/* Featured --------------------------------------------*/

.bb-featured-slideshow{
position:relative;
padding:0 0 0 13px;
}

.bb-featured-slideshow p{

}

.bb-rich-featured {
	width: 287px;
	height:136px;
	display: block;
	background: url(resource/bg-featured.gif) no-repeat left top;
	padding:0 8px 0 0;
}

.bb-rich-featured img{
	height: 120px;
	width: 120px;
	overflow: hidden;
	padding:7px;
	float: left;
	border:1px solid #e8e8e8;
	background:#fff;
	margin:0 8px 0 0;
}

.bb-rich-featured table{
margin:0;
}

.bb-rich-featured h6 {
margin:0;
}



.bb-rich-featured h6 a{
background:url(resource/btn-viewmore.gif) no-repeat;
width:104px;
height:23px;
float:left;
}

.bb-rich-featured h4{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.083em;
font-weight: bold;
text-transform: uppercase;
line-height: 15px;
margin:15px 0 5px 0;
height:1.183em;
overflow:hidden;
}

.bb-rich-featured h4 a {
	color: #000000;
}

.bb-rich-featured p {
	padding-bottom: 6px;
	height: 50px;
	overflow: hidden;
	margin-bottom:5px;
	line-height:1.5em;
}

.bb-product-nav-container{
width:100%;
position:absolute;
top:0;
left:0;
}

.bb-product-nav-container div.bb-product-nav-next{
position:absolute;
top:0;
right:0;
left:auto;
}

.bb-product-nav-container a{
background:#cccccc;
float:left;
width:11px;
height:77px;
padding:60px 0 0 3px;
}

.bb-product-nav-container a:hover{
background:#dddddd;
}

.bb-product-nav-container a span{
float:left;
background:url(resource/arrow-slideshow.gif) no-repeat;
width:7px;
height:13px;
}

.bb-product-nav-container a#next span{
background-position:left bottom;
}

.extra-bar .featured .top{
background:url(resource/resource/title-highlights.gif) 12px 0 no-repeat;
}

.extra-bar .random-featured{
width:175px;
}

.extra-bar .featured{
margin-bottom:4px;
}

/* SEO Links -----------------------------------------*/
.seo-links-container{
background:#ebedf0;
border-top:1px solid #cfd1d5;
margin:25px 0 0 0;
padding:25px 0 20px 0;
}

.seo-links ul li{
float:left;
width:20%;
}

.seo-links ul li ul li{
float:none;
width:100%;
padding:0 0 0.4em 0;
}

.seo-links h4{
font-weight:bold;
color:#4c4d4b;
margin:0 0 0.4em 0;
line-height:21px;
width:120px;
}

.seo-links img{
float:left;
margin:0 8px 0 0;
}

.seo-links-container .seo-links h4 a{
color:#4c4d4b;
}

.seo-links-container .seo-links a{
color:#616261;
}

.seo-links h4 a:hover, .seo-links a:hover{
color:#000;
}

.seo-links ul li div{
padding:0 0 0 42px;
}

.seo-links ul li ul li a:link{
color:#616261;
}


/* Newsletter -----------------------------------------*/
.newsletter{
position:relative;
}

.newsletter form{
position:absolute;
top:15px;
*top:10px;
z-index:99;
}

.newsletter form label{
line-height:2em;
*line-height:2.3em;
}

.newsletter p{
margin:0 0 0.5em 0;
}

.newsletter input{
float:left;
margin-right:3px;
}

.newsletter div div{
margin:0 0 0.5em 0;
}

.newsletter div.subscription{
*margin-left:-5px;
margin-top:5px;
}

.newsletter div.subscription label{
float:left;
margin-right:5px;
color:#4c4d4b;
line-height:1em;
*line-height:1.5em;
}

.newsletter input{
background: url(resource/resource/bg-input-subscribe.gif) #aeb0b4;
color:#fff;
width:200px;
height:20px;
border:0;
padding:4px 0 0 10px;
}



/* Footer Links -----------------------------------------*/
.folder-1 .bb-footer-container{
	padding: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear: both;
	background-color: #ffffff;
	background-image: url(resource/pixel.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.folder-26 .bb-footer-container{
	padding: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear: both;
	background-color: #ffffff;
	background-image: url(resource/pixel.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.bb-footer-container{
	padding: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear: both;
	background-color: #FFFFFF;
	background-image: url(resource/footer-strip.gif);
	background-repeat: repeat-x;
	background-position: left top;
    position:relative;
}

.bb-footer .bb-top{
	float: left;
	width: 250px;
	margin: 0px;
	padding: 0px;
	height: 45px;
	position: relative;
    display:block;
	bottom: 4px;

}

.bb-footer .bb-mid{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 670px;
	text-align: right;



}



.bb-footer .bb-bottom{
	width: 946px;
	clear: both;
	text-align: left;
	background-image: url(resource/footer-logos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;


}

.bb-footer{
	height: 111px;
	width: 946px;
	margin: 0px auto;
	clear: both;
	background-image: url(resource/footer-strip.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 17px 12px 0px;
	background-color: #FFFFFF;

}

.bb-footer p{

}

.bb-footer-container .bb-footer p a{
	color:#000000;
	border-right:1px solid #7f7f7f;
	padding:0 5px;
}

.bb-footer p a:hover{
	color:#7F7F7F;
}

.bb-footer .bb-bottom a{
color:#7f7f7f;
}

.bb-footer .bb-bottom a:hover{
color:#000;
}



.bb-footer img {

	float: left;
}

.bb-footer .bb-bottom span{

	float: right;
margin-top:13px;
}

.bb-footer-copyright {
	float: right;
	display: block;
}


.bb-footer-links {
/*	position: relative;
	right: 6px;*/
    margin-right:6px !important;
    float: right;
	display: block;
	color: #000000;

}

#bb-btn-jumpto:hover , #bb-btn-share:hover {
cursor:pointer;
}

#bb-jumpto, #bb-share { 
width: 150px; 
background: #252727; 
position: absolute; 
bottom:57px; 
display:none;
text-transform:uppercase;
color:#8c9099;
font-weight:bold;
padding:20px 12px 8px 15px;
}

#bb-jumpto ul, #bb-share ul{
margin:0;
}

#bb-jumpto li,#bb-share li{
list-style:none;
line-height:1.5em;
padding:0 0 0.9em 0;
}

#bb-jumpto a{ 
color:#8c9099;
display:inline-block;
background:url(resource/arrow-jumpto.gif) left top no-repeat;
padding-left:13px;
border:none;
}

#bb-jumpto a:hover{
color:#fff;
background-image:url(resource/arrow-jumpto-hover.gif);
}

#bb-share { 
width:115px;
}


#bb-share li a{
background:url(resource/bg-share.gif) -130px 0 no-repeat;
height:16px;
width:105px;
display:block;
text-indent:-9999px;
}

#bb-share li a:hover{
background-position:0 0;
}

#bb-share li.bb-share-facebook a{
background-position:-130px -23px;
}

#bb-share li.bb-share-facebook a:hover{
background-position:0 -23px;
}

#bb-share li.bb-share-delicious a{
background-position:-130px -46px;
}

#bb-share li.bb-share-delicious a:hover{
background-position:0 -46px;
}

#bb-share li.bb-share-rss a{
background-position:-130px -71px;
}

#bb-share li.bb-share-rss a:hover{
background-position:0 -71px;
}

#bb-share li.bb-share-print a{
background-position:-130px -97px;
}

#bb-share li.bb-share-print a:hover{
background-position:0 -97px;
}

#bb-share li.bb-share-bookmark a{
background-position:-130px -120px;
}

#bb-share li.bb-share-bookmark a:hover{
background-position:0 -120px;
}

#bb-share li.bb-share-tellafriend a{
background-position:-130px -146px;
}

#bb-share li.bb-share-tellafriend a:hover{
background-position:0 -146px;
}

#bb-share li.bb-share-alert a{
background-position:-130px -169px;
height:29px;
}

#bb-share li.bb-share-alert a:hover{
background-position:0 -169px;
}




/* Heading ------------------------------------------*/
.header-container{
background: url(resource/resource/bg-header.jpg) center top no-repeat #5685c4;
}

.header{
height:77px;
padding:12px 0 0 0;
}

.header h1{
margin:0;
color:#fff;
text-shadow: rgba(60,92,134, 1) -1px -1px 0px;
font-size:3.5em;
text-transform:capitalize;
}


/* Hero Image ---------------------------------------*/
.hero-image{
background:url(resource/resource/bg-banner-secondary.gif) no-repeat;
padding:5px 5px 7px 6px;
width:959px;
height:168px;
}


/* Followon Page Elements ---------------------------------------*/
.lhs{
width:240px;
float:left;
}

.bb-rhs{
	width:322px;
	float:right;
	position: relative;
	margin-top: 365px;
	padding-left: 18px;



}

.bb-main-content{
	background-image: url(resource/page-strip.gif);
	background-repeat: repeat-x;
	background-position: left top;
}



.bb-rhs .extra-bar img, .folder-1 .random-featured ul li img, .list-container ul li .img-holder span img, .tabs-container .img-holder span img{
_width:100%;
_height:100%;
_overflow:hidden;
}


.extra-bar .sub-heading, .extra-bar .bb-btn-container{
font-size:0.917em;
}

.extra-bar li h3{
display:none;
}

.bb-main-content ul{
margin:1.2em 0 0.9em 2.7em;
}

.bb-main-content ul li{
padding:0 0 0.9em 0;
list-style:outside url(resource/arrow-red.gif) circle;
}

.bb-main-content table{
	width:95%;
	margin:20px 5% 15px 0;
}

.bb-main-content th{
	padding:9px 10px;
	background:#b0b0b0;
	color: #FFFFFF;
	font-size: 1.083em;
	text-transform:capitalize;
}

.bb-main-content td{
	padding:9px 10px;
	background:#fff;
}

.bb-main-content tr.row-odd td{
background:#ebedf0;
}

.bb-main-content .bookmarks img{
padding:0;
margin:0 1px 0 0;
display:none;
}

div.hr {
  height: 1px;
  background: #fff url(/on_local_resource/stylesheets/resource/rule.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}



/* Sub Navigation ---------------------------------------*/

.bb-rhs ul {
	padding: 0px;
	margin: 0px;
}

.bb-rhs .bb-subnav-container {

	font-size: 1.333em;
	font-weight: bolder;
	line-height: 1.5em;
	margin-bottom:1.5em;
	padding-top:0px;
}

.bb-subnav li.bb-selected a {
	color: #E31002!important;
}

.bb-subnav ul{
display:none;
}


.bb-subnav a:link, .bb-subnav a:active{
	color: #000;
}

.bb-subnav a:hover{
	color: #999;
}

.bb-subnav a:visited{
	color: #000;
}






/* Listing Style -------------------------------*/
.bb-article-list .bb-imgholder {
	display: block;
	float: left;
	height: 60px;
	width: 60px;
	overflow: hidden;
	margin-right: 12px;
	position: relative;
	top: 8px;
	text-align: center;
}

.bb-article-list .bb-article h4 {
	display: block;
	float: left;
	padding-top: 6px;
}

.bb-article-list .bb-btn-container {
	padding-top: 22px;
}

.bb-article-list .bb-article {
	position: relative;
	top: 8px;
}

.list-container .bb-rich-content p, .list-container .bb-rich-content ul{
font-size:1.138em;
}

.list-container .bb-rich-content ul{
margin:1.2em 0 0.9em 2.7em;
}

.list-container .bb-rich-content ul li{
list-style-image:url(resource/resource/arrow-red.gif);
list-style-position:outside;
list-style-type:circle;
padding:0 0 0.9em;
border:none;
float:none;
width:auto;
}

.list-container ul, .faq-list ul.bb-clearfix, .detail-container form ul, .detail-container ul.imglist{
padding:0;
margin:1em 0 0 0;
}

.list-container ul li, .faq-list ul.bb-clearfix li, .detail-container ul.imglist li{
list-style:none;
border-top:1px solid #C0BEB9;
padding:20px 0;
float:left;
width:100%;
}

.list-container ul li.listend{
padding-bottom:5px;
}

.list-container ul li .img-holder{
width:200px;
height:135px;
float:left;
margin:0.5em 1.5em 0.75em 0;
max-height:135px;
padding:5px;
border:1px solid #DAE0D6;
background:#fff;
}

.list-container ul li .img-holder span{
width:100%;
height:100%;
overflow:hidden;
display:inline-block;
}

.list-container ul li .img-holder img{
min-width:100%;
min-height:100%;
}

.list-container ul li img{
float:none;
margin:0;
}

.list-container ul li h4{
margin-top:0.5em;
}

.rss-list ul li h4{
margin-top:1em;
}

.rss-list ul li h3{
margin-top:0;
}

.rss-list ul li + li{
margin-top:1em;
}


.list-container ul li h4 a{
color:#0066B3;
}

.list-container ul li h4 a:hover{
color:#000;
}

.list-container p.bb-btn-container{
margin-bottom:0;
}

.list-container p.bb-btn-container a{
background:transparent url(resource/resource/arrow-green.gif) no-repeat scroll right center;
padding:0 10px 0 0;
margin:0 15px 0 0;
}

.list-container p.bb-btn-container a.btn-download{
font-weight:bold;
}


.list-container fieldset{
float:right;
}

.list-container fieldset select{
margin:0 0 0 0;
}

.list-container fieldset input{
margin-left:5px;
}

.list-container li p.sub-heading, .detail-container p.sub-heading{
color:#999;
}

.event-list ul li h4, .blog-list ul li h4, .catalogue-list ul li h4, .profile-list ul li h4, .podcast-list ul li h4, .career-list ul li h4, .rss-list ul li h4, div.event-detail h2, div.article-detail h2, div.blog-detail h2, div.catalogue-detail h2, div.profile-detail h2, div.faq-detail h2, div.podcast-detail h2, div.career-detail h2, div.rss-detail h2{
margin-bottom:0;
}

.list-container li p.sub-heading span, .detail-container p.sub-heading span{
padding:0 8px 0 0;
border-right:1px solid #999;
}

.list-container li p.sub-heading span.author, .detail-container p.sub-heading span.author{
border-right:0;
padding-left:8px;
}

.detail-container p.sub-heading span.code{
padding:0;
}

.catalogue-list ul li{
width:44.9%;
padding:1em 1% 0 3%;
border:0;
background:#e8f0ea;
margin:10px 10px 0 0;
height:250px;
}

.catalogue-list ul li.list-odd{
margin-right:0;
}

.catalogue-list ul li h4{
font-size:1.138em;
}

.catalogue-list ul li div.article-detail, .catalogue-list ul li span.shipping, .catalogue-list ul li span.code{
display:none;
}

.list-container ul li div.article-detail{
height:4.5em;
overflow:hidden;
margin-bottom:1.4em;
}

.catalogue-list ul li p.price-container, .catalogue-detail p.price-container{
margin:1em 0 0.75em 0;
}

.catalogue-list ul li span.price, .catalogue-detail span.price{
font-weight:bold;
font-size:1.138em;
padding-right:5px;
}

.catalogue-list ul li span em, .catalogue-detail .price-container span em{
font-style:normal;
}

.catalogue-list ul li span.retail{
text-decoration:line-through;
color:#999;
}

.catalogue-list ul, .faq-list ul{
margin-top:0;
}


.faq-list ul.bb-clearfix li{
padding:0 0 14px 0;
}

.faq-list ul.bb-clearfix li.listend{
padding:0;
}

.faq-list ul ul {
margin:1.2em 0 0.9em 2.7em;
}

.faq-list ul.bb-clearfix li li{
list-style:outside url(resource/resource/arrow-red.gif) disc;
padding:0 0 0.9em;
border:none;
float:none;
width:auto;
}

.location-list ul li{
padding:0 0 2.5em 0;
border:none;
}

.location-list ul li.listend{
padding:0 0 1em 0;
}

.list-container ul li .map-container, .detail-container .map-container{
padding:10px 10px 5px 10px;
background:#fff;
border:1px solid #DAE0D6;
}

.detail-container .map-container{
margin-bottom:1em;
}

.list-container ul li .map-container iframe, .detail-container .map-container iframe{
margin-bottom:5px;
width:100%;
}

.list-container ul li .map-container small a, .detail-container .map-container small a{
color:#999!important;
}

.list-container ul li .article .bb-clearfix span, .detail-container .article .bb-clearfix span{
float:left;
width:100%;
}

.list-container ul li .article .bb-clearfix span em, .detail-container .article .bb-clearfix span em{
font-style:normal;
float:left;
}

.list-container .bb-clearfix span em, .detail-container .bb-clearfix span em{
width:50px;
font-weight:bold;
}

.list-container .bb-clearfix span em.detail, .detail-container .bb-clearfix span em.detail{
width:400px;
font-weight:normal;
}


/* Listing Detail Style -------------------------------*/
.detail-container ul.imglist{
margin:2em 0 0 0;
}

.detail-container ul.imglist li{
padding:2em 0 1em 0;
}

.feedback ul.imglist h5{
background:url(resource/resource/bg-feedback.gif) 0 3px no-repeat;
padding-left:6%;
margin:0;
float:left;
width:19%;
margin-right:2%;
font-size:1em;
}

.feedback ul.imglist h5 span{
font-size:0.813em;
font-size:normal;
color:#999;
}

.feedback ul.imglist div.article{
float:left;
width:65%;
}

.btn-back{
text-align:right;
}

.btn-back a{
background:url(resource/resource/arrow-green-left.gif) no-repeat left center;
padding:0 0 0 10px;
}

p.bb-btn-container a img{
float:none;
margin:0;
}

.catalogue-detail .price-container{
margin-top:-0.5em!important;
}

.catalogue-detail .price-container span{
margin-bottom:0.75em;
line-height:2em;
}

.catalogue-detail .price-container span.shipping{
display:block;
}

.catalogue-detail .price-container span.retail{
color:#999999;
text-decoration:line-through;
}



/* Pagination ----------------------------------------*/
#pagination{
text-align:right;
margin:2.4em 0 1.4em 0;
padding-bottom:1px;
float:right;
}

#pagination div{
float:left;
margin:0 1px;
}

#pagination div{
float:left;
}

#pagination span{
padding:3px 1px;
}

#pagination a{
padding:1px 5px;
text-decoration:none!important;
background:#CFD1D5 ;
color:#000;
border:1px solid #CFD1D5;
}

#pagination a:hover{
border:1px solid #2477b5;
color:#0f2740;
}

#pagination a.selected{
background:#3595dd;
border:1px solid #2477b5;
color:#fff;
}

#pagination a.selected:hover{
color:#fff;
}

#pagination a.hotSpot{
font-weight:bold;
}

.pagination-container{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-top: 5px;
	color: #999999;
	background-image: url(resource/footer-strip.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-color: #B0B0B0;

}

.pagination-container a{

}

.morearrow {


}



/* Error Box ------------------------------*/
.bb-info-box, .bb-error-box{
	background: url(resource/icon-error.gif) no-repeat left 6px;
	color:#CC0000;
	_border:1px solid #fff;
	display: block;
	overflow: hidden;
	height: 50px;
	width: 90%;
	padding-top: 0px;
	padding-left: 12px;
	margin-right: auto;
	margin-left: auto;
}

.bb-error-empty-box{
	display: block;
	overflow: hidden;
	height: 50px;
	width: 90%;
	padding-top: 0px;
	padding-left: 12px;
	margin-right: auto;
	margin-left: auto;
}

.bb-error-box dd, .bb-info-box dd{


}

.bb-error-box dd li{

}

.bb-info-box{

}

.bb-info-box dd{

}





/* Form Elements ---------------------------------*/
body.form{
background:#333333;
padding:5em 0;
}

.bb-form-wrapper{
width:600px;
margin:0 auto;
}

.bb-form-container form{
border:16px solid #e4e4e4;
background: #fff; 
}

#colorbox .bb-form-container .bb-mid{
border:none;
background:none;
}

.bb-form-container .bb-systemcopy .bb-mid, .bb-form-container .bb-richcontent .bb-mid{
padding:0;
}

.bb-form-container .bb-title{
color:#e31002;
text-transform:uppercase;
font-size:3em;
margin:0 0 5px 0;
font-weight:bold;
text-align:center;
}



.bb-form-container legend{
display:none;
}

.bb-form-container form ul{
margin:-1em 0 0 0;
padding:2em 2em;

}

.bb-form-container form ul li{
margin:0 0 0.5em 0;
}

.bb-form-container form ul li.bb-field-btn{
margin:0;
padding-right:11%;
}

.bb-form-container label{
float:left;
width:30%;
margin-right:3%;
font-weight:bold;
text-transform:capitalize;
text-align:right;
min-height:10px;
_height:10px;
font-size:1.138em;
text-transform:uppercase;
}

.bb-form-container .bb-mandatory label{
background:url(resource/bg-mandatory.gif) right center no-repeat;
padding:0 1.5% 0 0;
width:28.5%;
}

.bb-form-container .bb-mandatory div label{
background:none;
padding:0;
width:280px;


}

.bb-form-container label span{
font-size:1.138em;
padding:0 4px 0 0;
color:#0066B3;
}

.bb-form-container input, .bb-form-container select, .bb-form-container textarea{
padding:4px 5px;
border-top:1px solid #c1c1c1;
border-left:1px solid #c1c1c1;
background:#ececec;
color:#52555a;
float:left;
font-family:Arial, Helvetica, sans-serif;
}

.bb-form-container input, .bb-form-container select, .bb-form-container textarea, .bb-form-container li div{
float:left;
width:55%;
margin-bottom:6px;
}

.bb-form-container textarea{
height:6.5em;
font-size:1em;
}

.bb-form-container select{
width:57%;
}

.bb-form-container input.bb-btn{
width:auto;
height:auto;
padding:0;
background:none;
border:none;
float:right!important;
margin-right:15.5%;
}

.bb-form-container li input.short{
width:60px;
}

.bb-form-container li select.short{
width:73px;
}

.bb-form-container li input.medium{
width:150px;
}

.bb-form-container li select.medium{
width:163px;
}

.bb-form-container li div input{
position:relative;
top:4px;
margin-right:3px;
}

.bb-form-container li div label{
font-weight:normal;
text-align:left;
width:275px;
font-size:1em;
float:left;
*line-height:1.813em;
text-transform:none;
}

.bb-form-container li div p{
margin:0;
}

.bb-form-container li div img{
float:none;
margin: 0 0 0.5em 0;
}

.bb-form-container li.verification div input{
width:5em;
float:left;
}

.bb-form-container li.row-inline input, .bb-form-container li.row-inline select, .bb-form-container li.row-inline label{
width:auto;
margin:0 5px 0 0;
}

.bb-form-container li.row-inline label{
display:none;
}

.bb-form-container li.row-inline input.bb-btn{
float:left!important;
}

.bb-form-container .bb-separator{
background:url(resource/bg-seperator.gif) repeat-x;
height:2px;
}

.bb-form-container ul h3{
font-size:1.5em;
text-transform:uppercase;
color:#E31002;
margin-bottom:0.216em;
}

.bb-form-container .bb-richcontent div{
float:none;
margin-bottom:0;
width:auto;
}

.bb-form-container .bb-richcontent div.bb-mid{
margin-bottom:1.388em;
}




/* Sitemap ------------------------------*/


.main-content .sitemap ul ul{
font-weight:normal;
margin:0.4em 0 0 1.5em;
}

.main-content .sitemap ul li ul li{
padding:0 0 0.4em 0;
}





/* Calendar-------------------*/


/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */

#calendar {
display:block;
width: 205px;
margin-left: auto;
margin-right: auto;
border:thin;
border-color:#a3e2f1;
}

#bb-subnav #calendar td{
border:1px solid #ece4db;
border-collapse:collapse;
width:14.2%;
}

#bb-subnav #calendar a{
padding:0;
}

#inlinecal {
margin-top:5px; 
}


#bb-subnav #calendar .selected_day a {
    padding: .1em .3em .1em 0;
    display: block;
    color: #555555;
    background: #dadada url(resource/resource/selected_day.png) 0 50% repeat-x  !important;
    cursor: pointer;
    border: 1px solid #ffffff !important;
}

.ui-datepicker-div, #ui-datepicker-div, .ui-datepicker-inline {
    /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
    font-family: Verdana, Arial, sans-serif;
    background: #ffffff;
    font-size: 1.1em;
 
    /*width: 15.5em; */
    width: 100%;
    padding:1em 0 0 0;
    position: relative;
}
#ui-datepicker-div, .ui-datepicker-div {
    z-index: 9999; /*must have*/
    display: none;
    background: #ffffff;
}
.ui-datepicker-inline {
    float: left;
    display: block;
}
.ui-datepicker-control {
    display: none;
}
.ui-datepicker-current {
    display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
    position: absolute;
    left: .5em;
    top: .5em;
    background: #e6e6e6 url(resource/resource/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next {
    left: 13.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
    background: #dadada url(resource/resource/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
    text-indent: -999999px;
    width: 1.3em;
    height: 1.4em;
    display: block;
    font-size: 1em;
    background: url(resource/resource/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
    border: 1px solid #d3d3d3;
    cursor: pointer;
}
.ui-datepicker-next a {
    background: url(resource/resource/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
    background: url(resource/resource/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
    background: url(resource/resource/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
    background: url(resource/resource/222222_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
    background: url(resource/resource/222222_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
    border: 1px solid #d3d3d3;
    color: #555555;
    background: #e6e6e6;
    font-size: 1em;
    line-height: 1.4em;
    position: absolute;
    top: .5em;
    margin: 0 !important;
   
}
.ui-datepicker-header select.ui-datepicker-new-month {
width: 6em;
left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
width: 5em;
left: 8.4em;
}
table.ui-datepicker {
    width: 100%;
    text-align: right;
}
table.ui-datepicker td a {
    padding: .1em .3em .1em 0;
    display: block;
    color: #555555;
    background: #e6e6e6 url(resource/resource/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
    cursor: pointer;
    border: 1px solid #ffffff;
}
table.ui-datepicker td a:hover {
    border: 1px solid #999999;
    color: #212121;
    background: #dadada url(resource/resource/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
    border: 1px solid #dddddd;
    color: #222222;
    background: #ffffff url(resource/resource/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
    padding: .3em 0;
    text-align: center;
    font-size: .9em;
    color: #222222;
    text-transform: uppercase;
    /*border-bottom: 1px solid #d3d3d3;*/
}

table.ui-datepicker .ui-datepicker-title-row td a {
    color: #222222;
}



/* DHTML Nav-------------------*/


.nav-container {
z-index: 51;
display: block;
position:relative;
width:100%;
z-index:999;
}

.sidebar-container {
z-index: 20;
display: block;
position:relative;
}



.sf-menu {
	/*float:			left;
	margin-bottom:	0.5em;*/

}
.sf-menu  > li{
  /*float: left;
	text-decoration:none;*/

}
.sf-menu a {
  /*_width:auto !important;
  _width:10px;
  margin-top: 1px;
  font-size:1em;
  line-height:1.75em;

  padding: 5px 10px 5px 10px;
	font-weight: normal;
  white-space: nowrap;
  text-transform: capitalize ;
  text-decoration: none ;
  padding:0 0 0 0px;
  
  
  */
float:left;
margin:0 6px 0 0;
text-shadow: rgba(0,64,137, 1) -1px -1px 0px;
color:#fff!important;
font-weight:bold;
text-transform:uppercase;
font-size:1.167em;
color:#FFFFFF;  
line-height:34px;
float:left;
padding:0 10px 8px 3px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
}

.sf-menu li li a{

    	padding: .75em 1em;
 }
.sf-menu li li {
font-size:0.917em;
/*	background:		#015696;*/
  background:		#00477c;
}


.sf-menu li li a{
padding:3px 10px;
}
.sf-menu li li li {
/*	background:		#015696;*/
  background:		#00477c;

}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#00467A; 
    
	outline:0;
    color: #FFFFFF !important;
	/*background-image: url(resource/navigation-bar_over.gif);
	background-repeat: repeat-x;
	background-position: left top;*/


}
.sf-menu > li:hover, .sf-menu > li.sfHover,
.sf-menu > li >a:focus, .sf-menu > li > a:hover, .sf-menu > li > a:active {
    background:#00477c;
line-height:34px;


}

.sf-menu>li:hover, .sf-menu>li.sfHover,
.sf-menu>a:focus, .sf-menu>a:hover, .sf-menu>a:active {
	  /*margin-top: 1px;*/
}

.sf-menu  li:hover   ul, .sf-menu  li.sfHover  ul {
top: 32px !important;
z-index:999;
}

.sf-menu  li li:hover ul, .sf-menu li li.sfHover  ul {
top: 0px !important;
}

.sf-menu  li li li:hover   ul, .sf-menu li li li.sfHover  ul {
top: 0px !important;
}

.sf-menu .sf-sub-indicator{
width:10px;
height:9px;
background:url(resource/resource/arrow-nav.gif) no-repeat;
position:absolute;
right:0;
}

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
background-position:0 0!important;
}

.sf-menu a.sf-with-ul{
padding-right: 13px !important;
min-width: 1px;
}

.sf-menu li li .sf-sub-indicator{
top:12px;
right:6px;
}

.sf-menu li li a{
margin:0;
line-height:28px;
}

.sf-menu li li a .sf-sub-indicator{
background-position:0 -9px;
}

.sf-menu li li a:hover .sf-sub-indicator, .sf-menu li li a:active .sf-sub-indicator, .sf-menu li li a:visited .sf-sub-indicator{
background-position:0 -9px!important;
}



/* Image Slider Style -------------------------------------*/

/* These 2 lines specify style applied while slider is loading */
.sliderContainer {width: 970px; height: 251px; background:#fff;  position:relative; float:left; margin:0 35px 0 0;}
.sliderContainer .loading {margin: 200px 0 300px 0; text-align: center}


/* This is the viewing window */
.stripViewer { 
	position: relative;
	overflow: hidden; 
	width: 970px;
	height: 251px;
	clear: both;
	background: #000;
}

/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  
  */
.stripViewer .panelContainer { 
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;

	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */

  }

/* Each panel is arranged end-to-end */
.stripViewer .panelContainer .panel { 
	float:left;
	height: 100%;
	position: relative;
	width: 970px; 
  margin:0px;
}

.stripNav{
display:none;
}


/* The left and right arrows */
.stripNavL, .stripNavR { 
	position: absolute;
	top: 100px;
	text-indent: -9000em;
	z-index:99;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 27px;
	width: 27px;
}



.stripNavR {
	right:0;
}

.stripNavL {
	background: url("resource/resource/btn-left.gif") no-repeat center;
}

.stripNavR {
	background: url("resource/resource/btn-right.gif") no-repeat center;
}



#navNext {
display:block;
position:absolute;
z-index:100;
top:100px;
right:0px;
height:27px;
width:27px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/on_local_resource/stylesheets/resource/btn-right.gif) no-repeat scroll center center;
}
#navPrev {
display:block;
position:absolute;
z-index:100;
top:100px;
left:0px;
height:27px;
width:27px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/on_local_resource/stylesheets/resource/btn-left.gif) no-repeat scroll center center;
}

/* Folder ids ------------------------------*/

.bb-footer #bb-btn-share {
display:none;
}

.folder-14 #bb-btn-share {
display:inline;
}

.folder-11 #bb-btn-share {
display:inline;
}
.folder-9 #bb-btn-share {
display:inline;
}

.folder-8 #bb-btn-share {
display:inline;
}

#bb-8022 .bb-subnav-container {
/*display:none;*/
}

.folder-9 .bb-article h4 {
	clear: both;
	display: block;
	float: none;
}


.folder-11 .bb-article h4 {
	text-transform: uppercase;
}

.folder-9 .bb-content-container h1 {
display:none;
}

.folder-9 .bb-richcontent h1 {
display:block;
}

.folder-8 .bb-content-container h1 {
display:none;
}

.folder-8 .bb-richcontent h1 {
display:block;
}

.folder-14 .bb-content-container h1, #bb-0 .bb-content-container h2 {
	background-image: url(resource/h_careers.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding: 0px;
	height: 45px;
	width: 560px;
}

#bb-0 .bb-content-container h2, #bb-7988 .bb-content-container h2 {
background-image: url(resource/h_sitemap.jpg);
text-indent:-9999px;
padding-bottom:10px;
margin-top:5px;
}

#bb-0 .bb-sitemap-list > a{
font-size:1.5em;
display:block;
padding-left:2.7em;
background:url(resource/arrow-red.gif) 30px 6px no-repeat;

}

#bb-7988 .bb-content-container h2{
background-image: url(resource/h_legal.jpg);
height:73px
}

.folder-29 .bb-content-container h1 {
display:none;
}

.folder-29 .bb-content-container .bb-rich-content h1 {
display:block;
}

.folder-4 .bb-content-container h1 {
display:none;
}

.folder-4 .bb-content-container h1.bb-visible {
display:block;
}

.folder-4 .bb-content-container .bb-rich-content h1 {
display:block;
}


.folder-11 .bb-content-container h1 {
	background-image: url(resource/h_news.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding: 0px;
	height: 45px;
	width: 560px;
}

#bb-7988 .bb-subnav-container {
display:none;
}

.folder-9 .bb-subnav-container {
display:none;
}

.bb-subnav li{
display:block;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 12px;
	font-weight: bold;
	list-style:none!important;
}

#bb-8071 .bb-subnav-container{
display:none;
}

#bb-0 .bb-main-content ul ul, #bb-0 .bb-main-content ul ul ul{
margin:0 0 0 2.7em;
}

#bb-0 .bb-main-content ul ul{
font-size:0.833em;
}

#bb-0 .bb-main-content ul ul ul{
font-size:1em;
}

#bb-0 .bb-main-content ul{
font-size:1.5em;
}


/* adshel insights*/

#bb-8016 .bb-featured-slideshow{
	position: relative;
	right: 12px;
}

#bb-8016 .bb-featured-slideshow a:link{
	color: #E31002;
}
#bb-8016 .bb-featured-slideshow a:hover{
	color: #999999!important;
}
#bb-8016 .bb-featured-slideshow a:active{
	color: #999999;
}
#bb-8016 .bb-featured-slideshow a:visited{
	color: #E31002;
}



.bb-subsubnav {
	position: absolute;
	top: 624px;
	left: 50%;
	bottom: 50%;
	margin-left: 163px;

}


/* Tool Tips ------------------------------*/

#dhtmltooltip{
	position: absolute;
	width: 152px;
	padding: 18px 8px 8px;
	visibility: hidden;
	z-index: 100;
	background-image: url(resource/bg-box.gif);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom: 1px solid #CCCCCC;
	margin: -12px 0px 0px;

}

/* DHTML Slide ------------------------------*/
.bb-slide div{
padding:5px 0;
border-bottom:1px solid #b0b0b0;
position:relative;
cursor:pointer!important;
}

.bb-testimonial div{
border-bottom:0;
}

.bb-testimonial h4{
margin-top:0;
}
.bb-consumerinsights h4{
margin-top:0;
}

.bb-slide div h3{
margin:0;
background:url(resource/arrow-list.gif) no-repeat;
padding:3px 0 0 32px;
height:27px;
}



.bb-slide a.bb-btn-open{
text-indent:-9999px;
position:absolute;
right:0;

width:100%;
height:25px;
float:right;
bottom:1px;
}

.bb-slide a.bb-btn-open span{
height:25px;
width:35px;
float:right;
background:url(resource/btn-open.gif) no-repeat;
}

.bb-slide a.bb-btn-link span{
background-position:0 -100px;
}

.bb-slide a.bb-btn-link:hover span{
background-position:0 -125px!important;
}

.bb-slide a.bb-btn-open:hover{
cursor:pointer;
}

.bb-slide a.bb-btn-open:hover span{
background-position:right -25px;

}

.bb-slide a.bb-selected span{
background-position:0 -50px;
}

.bb-slide a.bb-selected:hover span{
background-position:0 -75px;
}

.bb-content-container .bb-slide .bb-panel{
background:url(resource/bg-panel.gif) repeat-x;
padding:18px 20px 10px 20px;
border:0;
display:none;
}

.bb-testimonial .bb-panel{
background:none;
padding:10px 20px 10px 32px;
}

.bb-testimonial .bb-employee{
text-align:right;
}

.bb-panel .bb-imgholder{
float:left;
margin:0 0 0.75em 0;
}

.bb-panel .bb-imgholder a{
background: url(resource/bg-imgpanel-gallery.gif) no-repeat;
width:101px;
height:128px;
float:left;
margin:3px 15px 5px 0;
padding:8px 0 0 8px;
}

#bb-8044 .bb-panel .bb-imgholder a{
background: url(resource/bg-imgpanel-gallery_nz.gif) no-repeat;
width:101px;
height:128px;
float:left;
margin:3px 15px 5px 0;
padding:8px 0 0 8px;
}

.bb-consumerinsights .bb-imgholder a{
height:101px;
background-image: url(resource/bg-imgpanel.gif);
}

.bb-panel div.bb-withimg{
float:left;
width:380px;
padding:0;
border-bottom:0;
}

.bb-panel p.bb-btn-container{
text-align:right;
}

.bb-hints{
text-transform:uppercase;
}



/* Tabbing ---------*/\
#bb-tabbtn-1:hover, #bb-tabbtn-2:hover, #bb-tabbtn-3:hover, #bb-tabbtn-4:hover{
cursor:pointer;
}

.bb-tabs{
margin-bottom:1px;
}

.bb-tabs a, .bb-tabs span{
float:left;
}

.bb-tabs a{
background:url(resource/bg-taboff-r.gif) no-repeat right top;
height:33px;
padding-right:2px;
margin-right:2px;
font-weight:bold;
text-transform:uppercase;
color:#7f7f7f;
text-shadow: #edecec 1px 1px 0;

}

.bb-tabs span{
background:url(resource/bg-taboff-l.gif) no-repeat left top;
line-height:33px;
padding:0 10px 0 12px;
}

.bb-tabs a:hover, .bb-tabs a.bb-selected{
background-image:url(resource/bg-tab-r.gif);
color:#5f5f5f;
text-shadow: #f4f3f3 1px 1px 0;
}

.bb-tabs a:hover span, .bb-tabs a.bb-selected span{
background-image:url(resource/bg-tab-l.gif);
}

#bb-tab-2, #bb-tab-3, #bb-tab-4{
display:none;
}

.bb-city{
float:left;
font-weight:bold;
line-height:28px;
}

.bb-city a{
color:#000;
}

.bb-city img{
float:left;
margin:0 5px 0 0;
}

.bb-city span{
float:left;
line-height:28px;
}

#bb-btn-gallery{
position:absolute;
right:35px;
top:34px;
}

#gallerydisplay {display:none;}
.bb-gallery-detail {margin-left:30px;margin-right:30px;}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; padding:0!important; background:none!important;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#eee;}

#colorbox{}
#cboxContent{margin-top:20px;}
#cboxLoadedContent{padding:0;background:none;}
#cboxTitle, #cboxCurrent{display:none;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:43%; left:30px; margin-top:-32px; background:url(resource/controls.png) 0 0 no-repeat; width:16px; height:165px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-32px 0;}
#cboxNext{position:absolute; top:43%; right:30px; margin-top:-32px; background:url(resource/controls.png) -16px 0 no-repeat; width:16px; height:165px; text-indent:-9999px;}
#cboxNext.hover{background-position:-48px 0;}
#cboxLoadingGraphic{background:url(/resource/javascript/colorbox/example3/images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:26px; right:30px; display:block; background:url(resource/controls.png) -64px 0 no-repeat; width:59px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-64px -24px;}
#colorbox h2{text-align:center;margin:0 0 5px 0;}

#colorbox .bb-mid{border:16px solid #fff;background:#fff;}

#colorbox td{padding:0;}

#colorbox table{margin:0;}

#colorbox .bb-articledetail p{
margin:0.4em 0 1em 0;
}

.bb-location {
	font-weight: bold;
	color: #666666;

}