/* undo browser inconsistencies */
* { margin: 0; padding: 0; }
ul,ol,li,f,h1,h2,h3,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h5,h6,pre,code,input,select { font-size:100%; }
ul,ol { list-style:none; padding:0; margin: 0; }
ol { list-style: decimal; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight: normal }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border:0 }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
:-moz-any-link:focus {outline: none;}

h4{margin:0; padding:0; padding-left:10px}
h4{font-size:100%; }


body {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 76%;
	background: #000;
	color: #fff;
	padding: 35px 0;
	}

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

.clearfix {	
	display:inline-block;
	clear:both
}

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

a {	
	color:#000;
	text-decoration: underline;
	font-weight: normal;
	}
	
a:link {}
	
a:visited {}
	
a:active {}
	
a:hover { 
	text-decoration: none;
}


/*
==| POSITIONING |===========================================================
*/
#wrapper {
	width: 760px;
	background: #fff;
	color: #000;
	margin: 0 auto;
	padding: 20px;
	}

#header, #header-language {
	background: #132530;
	padding: 25px 30px;
	font-size: 2.5em;
	font-weight: bold;
	}

#logo{
	background:transparent url(http://www.brand-inc.net/img/logo/brandinc-phase2.gif) no-repeat scroll 0 0;
	float:left;
	height:48px;
	padding:0 5px 0 0;
	width:202px;
	padding: 0 5px 0 0; /* ie fix */
	}

#header-language {
	background: none;
	padding: 0;
	}

#header-language #logo {
	background:transparent url(http://www.brand-inc.net/img/logo/brandinc-transparent.png) no-repeat 0 0;
	}


.copyright{
	position:relative;
	font-size:0.4em;
	left:-5px;
	top:-7px;
	}

#we-brand {
	background:transparent url(http://www.brand-inc.net/img/logo/webrand.gif) no-repeat scroll 0 0;
	float:right;
	width:200px;
	height:28px;
	margin:20px 0 0 0;
	}

.content-area {
	/*
	background: url(http://www.brand-inc.net/img/background/content-area-bg.jpg) 0 0 scroll no-repeat;
	*/
	padding: 30px;
	}

#nav {
	margin: 0 0 30px 0;
	}

#translucent{
	height:387px;
	background: url(http://www.brand-inc.net/img/background/translucent.png) repeat;
	padding: 20px;
	overflow:auto;
	
	/* NOTE: can't position this relative as this causes any links within this area to become un-clickable, even with the ie6 png fixes (making links position relative) in the ie6.css */
	}

#content-holder { position: relative; }

#translucent2{
	background: url(http://www.brand-inc.net/img/background/translucent2.png) repeat;
	padding: 20px;
	margin: 160px 0;
	}

#footer{
	background: #132530;
	padding: 25px 30px;
	color: #fff;
	}









/* lists */

ul.listitem-nav {
	width: 761px; /* ie fix */
	font-size: 0.9em;
	margin: 0 -53px;
	}

ul.listitem-nav-hk {
	width: 761px; /* ie fix */
	font-size: 0.9em;
	margin: 0 -50px;
	}

ul.listitem-nav li {
	float: left;
	margin: 0 0 0 53px;
	display: inline; /* ie fix */
	}
	
ul.listitem-nav-hk li {
	margin: 0 0 0 50px;
	}

ul.listitem-nav li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	}

ul.listitem-nav li a:visited {
    color: #FFF;
	}
	
ul.listitem-nav li a:hover {
    color: #999;
	}


ul.listitem-footer-logos {
	margin: 0 0 0 -10px;
	float: left;
	}
	
#right-logos {
	margin: 0 0 0 -10px;
	float: right;
	}

ul.listitem-footer-logos li {
	float: left;
	margin: 0 0 0 10px;
	text-indent: -9999px;
	}

ul.listitem-footer-logos li.sedex a {
	display: block;
	width: 66px;
	height: 66px;
	background:url('http://www.brand-inc.net/img/logo/sedex_clearcut.png') no-repeat;
	}

ul.listitem-footer-logos li.bpma a {
	width: 154px;
	}

ul.listitem-language {
	width: 100%; /* ie fix */
	font-size: 1.5em;
	font-weight: bold;
	}

ul.listitem-language li {
	float: left;
	margin: 0 0 0 97px;
	display: inline; /* ie fix */
	}

ul.listitem-language li a {
	text-decoration: none;
	font-weight: bold;
	}

#home-page{

	}
	
#home-page-right{
	border:0px solid #990000;
	float:left;
	margin-left:15px;
	overflow:hidden;
}

#home-page-left{
	background:url(/img/background/BrandInc_USB_2010.jpg) no-repeat;
	float:left;
	width:396px;
	height:427px;
	margin:-20px 0 -20px -20px;
	border:0px solid #990000;
	}

	
#home-page-left-uk{
	background:url(../img/homepage/relish-bottle.png) no-repeat;
	float:left;
	width:245px;
	height:447px;
	margin:0px 0 -20px 80px;
	border:0px solid #990000;
	}
	
#home-page-right-uk{
	background:url(../img/homepage/relish-trans-square.png) no-repeat;
	border:0px solid #990000;
	float:left;
	margin-left:0px;
	overflow:hidden;
	width:375px;
	height:394;
	display:block;
	margin:20px 0 -20px 0px;
}
	
#home-page-right-uk p{
	width:280px;
	margin:20px 0 0 45px;
	line-height:18px;
	font-size:13px;
	text-align:left;
	font-weight:bold;
}
	
#home-page-left-hk{
	background:url(http://www.brand-inc.net/img/homepage/hk-brand-inc.jpg) no-repeat;
	float:left;
	width:396px;
	height:427px;
	margin:-20px 0 -20px -20px;
	border:0px solid #990000;
	}	
	

#home-page .heading3{
	position:relative;
	top:385px;
	left:20px;
	}
	
#home-page .heading3 a{
	color:#fff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	}
	
#home-page-top-link{
	width:100%;
	text-align:center;
	padding-left:0px;
	padding-top:40px;
	}

#home-page-logos{
	background:transparent url(http://www.brand-inc.net/img/homepage/logos.jpg) repeat scroll 0 0;
	height:280px;
	margin:20px auto 0;
	width:287px;
	}
	
#home-page-bottom-link{
	position:relative;
	top:0px;
	width:100%;
	text-align:center;
	padding-left:7px;
}

	
.bpma,
.cis9001,
.cis14001 { 
	width: 111px;
	height: 67px;
	}

.bpma {
	width: 198px;
	background: url(http://www.brand-inc.net/img/logo/bpma_patron.gif) no-repeat 0 0;
	}

.cis9001 { background: url(http://www.brand-inc.net/img/logo/cis9001_2008.gif) no-repeat 0 0; }
.cis14001 { background: url(http://www.brand-inc.net/img/logo/cis14001.gif) no-repeat 0 0; }


ul.listitem-footer-address {
	float: right;
	text-align: right;
	line-height: 0.95em;
	}

ul.listitem-homepage{
	margin:20px 0 60px 130px;
	/*width:264px;*/
}

ul.listitem-homepage li {
	/*width: 130px;
	height: 99px;
	position: relative;
	float: left;*/
	margin: 6px 0 20px 0px;
	display: inline; /* ie fix */
	border:0px solid #993300;
	background-position:center center;
	display:block;
	}
	
ul.listitem-homepage .pdf-icon{
	float:left;
}
	
.pdf-icon{
	display:block;
	width:23px;
	height:28px;
	background: url(../img/pdf-icon.png) no-repeat 0 0;
	margin: -7px 5px 0 0;
}	


ul.listitem-homepage li.lions { background-image: url(http://www.brand-inc.net/img/homepage/lions.png); }
ul.listitem-homepage li.ukschoolgames { background-image: url(http://www.brand-inc.net/img/homepage/ukschoolgames.png); }
ul.listitem-homepage li.vfestival { background-image: url(http://www.brand-inc.net/img/homepage/vfestival.png); }
ul.listitem-homepage li.firebrand { background-image: url(http://www.brand-inc.net/img/homepage/firebrand.png); }
ul.listitem-homepage li.hiscox_homepage { background-image: url(http://www.brand-inc.net/img/homepage/hiscox.png); }
ul.listitem-homepage li.bugatti { background-image: url(http://www.brand-inc.net/img/homepage/bugatti.png); }
ul.listitem-homepage li.tui-logo { background-image: url(http://www.brand-inc.net/img/homepage/tui-logo.png); }
ul.listitem-homepage li.evo { background-image: url(http://www.brand-inc.net/img/homepage/evo.png); padding-left: 4px;}
	
	
	
	
	
ul.listitem-accreditations {
	width: 672px; /* ie fix */
	margin: 0 0 0 -12px;
	}
	
ul.listitem-accreditations li {
	display: block;
	width: 150px;
	height: 100px;
	position: relative;
	float: left;
	margin: 50px 0 0 18px;
	display: inline; /* ie fix */
	}

ul.listitem-accreditations li a {
	display: block;
	width: 150px;
	height: 100px;
	}

ul.listitem-accreditations li a:hover {
	/*
	text-transform: uppercase;
	color:#FFFFFF;
	background-color:#000000;
	*/
	}

.product-text {
	bottom: 0;
	position: absolute;
	width: 100%;
	text-align: center;
	}


ul.listitem-accreditations li {
	background-repeat: no-repeat;
	}

ul.listitem-accreditations li.myeloma { background-image: url(http://www.brand-inc.net/img/accreditations/myeloma_logo.png); }
ul.listitem-accreditations li.co2balance { background-image: url(http://www.brand-inc.net/img/accreditations/co2balance.png); }
ul.listitem-accreditations li.investors { background-image: url(http://www.brand-inc.net/img/accreditations/IIP_LOGO.png); }
ul.listitem-accreditations li.comic { background-image: url(http://www.brand-inc.net/img/accreditations/FF_Banner.png); }
ul.listitem-accreditations li.bpma { background-image: url(http://www.brand-inc.net/img/accreditations/bpma.png); }
ul.listitem-accreditations li.sedex { background-image: url(http://www.brand-inc.net/img/accreditations/sedexLogo.png); }
ul.listitem-accreditations li.iso { background-image: url(http://www.brand-inc.net/img/accreditations/ISO.png); }
ul.listitem-accreditations li.wigparty { background-image: url(http://www.brand-inc.net/img/accreditations/wigparty.png); }




	
	

ul.listitem-products {

	width: 686px; /* ie fix */
	margin: 0 0 0 -31px;
	}
	
ul.listitem-products li {
	display: block;
	width: 100px;
	height: 90px;
	font-size: 0.8em;
	position: relative;
	float: left;
	margin: 0 0 8px 66px;
	display: inline; /* ie fix */
	}

ul.listitem-products li a {
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	width: 100px;
	height: 90px;
	}

ul.listitem-products li a:hover {
	/*
	text-transform: uppercase;
	color:#FFFFFF;
	background-color:#000000;
	*/
	}

.product-text {
	bottom: 0;
	position: absolute;
	width: 100%;
	text-align: center;
	}


ul.listitem-products li {
	background-repeat: no-repeat;
	}

ul.listitem-products li.clothing { background-image: url(http://www.brand-inc.net/img/products/clothing.png); }
ul.listitem-products li.umbrella { background-image: url(http://www.brand-inc.net/img/products/umbrella.png); }
ul.listitem-products li.pen { background-image: url(http://www.brand-inc.net/img/products/pen.png); }
ul.listitem-products li.usb { background-image: url(http://www.brand-inc.net/img/products/usb.png); }
ul.listitem-products li.mug { background-image: url(http://www.brand-inc.net/img/products/mug.png); }
ul.listitem-products li.cap { background-image: url(http://www.brand-inc.net/img/products/cap.png); }
ul.listitem-products li.bag { background-image: url(http://www.brand-inc.net/img/products/bag.png); }
ul.listitem-products li.present { background-image: url(http://www.brand-inc.net/img/products/present.png); }
ul.listitem-products li.sweet { background-image: url(http://www.brand-inc.net/img/products/sweet.png); }
ul.listitem-products li.recycle { background-image: url(http://www.brand-inc.net/img/products/recycle.png); }
ul.listitem-products li.strap { background-image: url(http://www.brand-inc.net/img/products/strap.png); }
ul.listitem-products li.golf { background-image: url(http://www.brand-inc.net/img/products/golf.png); }
ul.listitem-products li.leather { background-image: url(http://www.brand-inc.net/img/products/leather.png); }
ul.listitem-products li.aluminium { background-image: url(http://www.brand-inc.net/img/products/aluminium.png); }
ul.listitem-products li.threeD { background-image: url(http://www.brand-inc.net/img/products/3d.png); }
ul.listitem-products li.badges { background-image: url(http://www.brand-inc.net/img/products/badges.png); }

#tablecontent{
	vertical-align:top;
}

.contact-form tr td{
	padding-top:2px;
}

.homepage-table tr td{
	text-align:center;
	vertical-align:top;
	padding-top:5px;
}

.homepage-table-text{
	text-align:left !important;
	padding-left:10px;
}

#tagline{
	height:30px;
}

.archive-table td{
	padding-bottom:5px;
}

.archive-logo{
	width:180px;
	text-align:center;
	vertical-align:middle;
}

/*
---------------------------------------------------------------
Bespoke Bags
---------------------------------------------------------------
*/
#bespoke-bags{
	margin:0 0 0 40px;
	border:0px solid #990000;
}

#bespoke-bags li{
	display:block;
	float:left;
	border:0px solid #FF0000;
	height:244px;
	padding:0 10px 20px 0;
}

#bag1{
	background:url(http://www.brand-inc.net/img/bespoke-bags/bag1.png) no-repeat;
	width:151px;
}
#bag2{
	background:url(http://www.brand-inc.net/img/bespoke-bags/bag2.png) no-repeat;
	width:126px;
}
#bag3{
	background:url(http://www.brand-inc.net/img/bespoke-bags/bag3.png) no-repeat;
	width:106px;
}
#bag4{
	background:url(http://www.brand-inc.net/img/bespoke-bags/bag4.png) no-repeat;
	width:158px;
}

/*
---------------------------------------------------------------
Bespoke Caps
---------------------------------------------------------------
*/
#bespoke-caps{
	margin:10px 0 0 56px;
	border:0px solid #990000;
}

#bespoke-caps li{
	display:block;
	float:left;
	border:0px solid #FF0000;
	height:158px;
	padding:0 8px 20px 0;
}

#cap1{
	background:url(http://www.brand-inc.net/img/bespoke-caps/cap1.png) no-repeat;
	width:108px;
}
#cap2{
	background:url(http://www.brand-inc.net/img/bespoke-caps/cap2.png) no-repeat;
	width:97px;
}
#cap3{
	background:url(http://www.brand-inc.net/img/bespoke-caps/cap3.png) no-repeat;
	width:97px;
}
#cap4{
	background:url(http://www.brand-inc.net/img/bespoke-caps/cap4.png) no-repeat;
	width:99px;
}
#cap5{
	background:url(http://www.brand-inc.net/img/bespoke-caps/cap5.png) no-repeat;
	width:101px;
}

#competition-page-top-link{
	position:relative;
	width:100%;
	padding:50px 0 0 22px;
	}
	

/*
---------------------------------------------------------------
Whats Happening
whats-happening.asp
---------------------------------------------------------------
*/

.whats-happening #lion { background-image: url(http://www.brand-inc.net/img/homepage/lions.png); }
.whats-happening #ukschoolgames { background-image: url(http://www.brand-inc.net/img/homepage/ukschoolgames.png); }
.whats-happening #vfestival { background-image: url(http://www.brand-inc.net/img/homepage/vfestival.png); }
.whats-happening #firebrand { background-image: url(http://www.brand-inc.net/img/homepage/firebrand.png); }
.whats-happening #hiscox { background-image: url(http://www.brand-inc.net/img/homepage/hiscox.png); }
.whats-happening #bugatti { background-image: url(http://www.brand-inc.net/img/homepage/bugatti.png); }
.whats-happening #theo2 { background-image: url(http://www.brand-inc.net/img/homepage/o2.png); }
.whats-happening #paralympics { background-image: url(http://www.brand-inc.net/img/homepage/paralympics.png); }
.whats-happening #firstchoice { background-image: url(http://www.brand-inc.net/img/homepage/firstchoice.png); }
.whats-happening #johnniewalker { background-image: url(http://www.brand-inc.net/img/homepage/johnywalker.png); }
.whats-happening #tui { background-image: url(http://www.brand-inc.net/img/homepage/tui-logo.png); }
.whats-happening #coty { background-image: url(http://www.brand-inc.net/img/homepage/coty-small.png); }
.whats-happening #evo { background-image: url(http://www.brand-inc.net/img/homepage/evo.png);}

.whats-happening .wh-logo a{
	width:130px;
	height:99px;
	display:block;
	text-align:center;
}

.whats-happening .wh-logo{
	float:left;
}

.whats-happening .wh-copy{
	padding-left:145px;
	padding-bottom:20px;
}


/*
---------------------------------------------------------------
Accreditation Copy page
accreditations.asp
---------------------------------------------------------------
*/
.accreditation-page{padding-top:20px;}

.accreditation-page #iso { background-image: url(http://www.brand-inc.net/img/accreditations/iso.png); }
.accreditation-page #sedex { background-image: url(http://www.brand-inc.net/img/accreditations/sedexLogo.png); }
.accreditation-page #investor { background-image: url(http://www.brand-inc.net/img/accreditations/IIP_LOGO.png); }
.accreditation-page #bpma { background-image: url(http://www.brand-inc.net/img/accreditations/bpma.png); }
.accreditation-page #co2balance { background-image: url(http://www.brand-inc.net/img/accreditations/co2balance.png); }
.accreditation-page #myeloma { background-image: url(http://www.brand-inc.net/img/accreditations/myeloma_logo.png); }
.accreditation-page #comic { background-image: url(http://www.brand-inc.net/img/accreditations/FF_Banner.png); }
.accreditation-page #wigparty { background-image: url(http://www.brand-inc.net/img/accreditations/wigparty.png); }


.accreditation-page .wh-logo a{
	width:150px;
	height:100px;
	display:block;
}

.accreditation-page .wh-logo{
	float:left;
}

.accreditation-page .wh-copy{
	padding-left:165px;
	padding-bottom:10px;
}

#client-list-img{
	background:url('http://www.brand-inc.net/img/clients/clients.png');
	display: block;
	width:656px;
	height:108px;
	position: absolute;
	bottom: 30px;
	left: 20px;
}

#clients-list-table{
	text-align:justify;
	line-height:20px;
	padding-left:4px;
}

#clients-list-table span{
	white-space: nowrap;
}

#clients-list-table .clients-1, .client-2 {
	padding:0 10px 0 10px;
}

.clients-2{
	color:#132530;
}

#clients-list-table .clients-first {
	padding:0 10px 0 0px;
}

#wrapper{
	position:relative;
}
#languageFlags{
	position:absolute;
	color:#FFF;
	right:50px;
	top:34px;
	text-align:right;
}
#languageFlags a{
	padding-left:12px;
}


/*
-----------------------------------------------------------------
Accreditations
-----------------------------------------------------------------
*/
#accreditations div{
	padding:10px 0 10px 0;
}

/*
-----------------------------------------------------------------
Press page
-----------------------------------------------------------------
*/
.line{
	border-top:1px solid #999999;
	padding:20px 0;
}

.no-line-padding{
	padding:20px 0;
}

/*
-----------------------------------------------------------------
Styles from the old site. 
-----------------------------------------------------------------
*/

.heading {font-family: Arial, Helvetica, sans-serif;color: #FF0;font-weight: normal;text-decoration: none;font-size: 11px;margin-right: 10px;margin-left: 10px;}
.heading2 {font-family: Arial, Helvetica, sans-serif;color: #000000;font-weight: normal;text-decoration: none;font-size: 14px; font-weight:bold;}
.heading3 {font-family: Arial, Helvetica, sans-serif;color: #000000;font-weight: normal;text-decoration: none;font-size: 14px; font-weight:bold;}

.blacktxt {font-weight: bold;font-size: 12px;text-align: left;}
.blacktxt-big {font-weight: bold;font-size: 14px;text-align: left;}
.blacktxtsml {font-weight: bold;font-size: 11px;}

a.mail2:link, a.mail2:visited {font-size: 12px;color: #000;text-decoration: none;font-weight: bold;padding-top: 7px;padding-bottom: 10px;text-align: left;display:block;}
a.mail2:hover {font-size: 12px;color: #333;text-decoration: none; font-weight: bold;padding-top: 7px;padding-bottom: 10px;text-align: left;display:block;}

/* .copyright {font-size: 10px;color: #000;font-weight: bold;}  */

.maintext {font-size: 11px;	padding-right: 10px;margin-bottom: 10px;text-align: justify;}
p {font-size: 11px;	padding-left: 0px;padding-right: 0px;margin-bottom: 10px;text-align: justify;}
img {border: 0px;margin: 0px;}
.imglogo {border: 0px;margin-bottom: 10px;display: block;}

a.menuC:link, a.menuC:visited {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #000;text-decoration: none;font-weight: bold;padding-left: 4px;margin: 0px;display: block;line-height: 18px;text-align: left; }

a.menuD:link, a.menuD:visited {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #000;text-decoration: none;font-weight: bold;
	padding: 0 4px;
	margin: 0px;
	line-height: 18px;
	text-align: left;}

a.menuC:hover{
	background-color:#000000;
	color:#FFFFFF;
}

a.menuD:hover{
	background-color:#000000;
	color:#FFFFFF;
}

hr{color: #CCC;}

input {color: #000;background-color: #FFF;font-size: 10px;padding-bottom: 1px;padding-left: 1px;padding-right: 1px;padding-top: 1px;height: auto;width: auto;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
select {font-size: 11px;background-color: #FFF;color: #000;font-family: Arial, Helvetica, sans-serif;}
.textbox {font-family: Arial, Helvetica, sans-serif;color: #000;background-color: #FFF;height: 89px;width: 180px;font-size: 11px;}
textarea {font-family: Arial, Helvetica, sans-serif;font-size: 11px;padding: 0.2em;height: 80px;width: 230px;background-color: #FFF;color: #000;}



.list-clients {}
.list-clients li { width: 100%; }
.list-clients li a { }



.sub-menu-container {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
}

.section-content {
	float: left;
	width: 440px;
}