html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend, caption
/* , tbody, tfoot, thead, tr, th, td  */{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	background-color: #FFFFFF;
	background-image: url(images/main/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 0.625em;
	line-height: 1.17em;
	padding: 0px;
	margin: 0px;
	color: #484848;
}

/*-------------------------- text style -----------------------------------------*/

h5 {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height: 1.5em;
	color: #3399ff;
}
h4 {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height: 1.6em;
	color: #666666;
}
h3 {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height: 1.5em;
	color: #484848;
}
h2 {
	font-size: 1.4em;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color: #484848;
	line-height: 1.428em;
}
h1 {
	font-family: "Lucida Sans", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 1.9em;
	line-height: 1.26em;
	color: #3399FF;
	font-weight: bold;
}

/*-------------------------- link style -----------------------------------------*/

a:link {
	color: #484848;
	text-decoration: none;
}     /* unvisited link */

H1 a:link {
	color: #3399ff;
	text-decoration: none;
}

a:visited {
	color: #484848;
	text-decoration: none;
}  /* visited link */

H1 a:visited {
	color: #3399ff;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3399FF;
}   /* mouse over link */
a:active {
	color: #484848;
	text-decoration: none;
}   /* selected link */

/*-------------------------- page layout -----------------------------------------*/

.container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/main/container_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
.contents {
	margin-top: 108px;
	margin-right: 20px;
	margin-left: 20px;
}
.contents2 {
	margin-top: 168px;
	margin-right: 20px;
	margin-left: 20px;
}
.header {
	margin: 0px;
	padding: 0px;
	height: 108px;
	width: 800px;
	position: absolute;
	top: 0px;
}

/*--------------------------- 1 column layout ---------------------------------------*/

.col1_table_top {
	background-image: url(images/main/1col_table_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 20px;
}
.col1_table_mid {
	background-image: url(images/main/1col_table_mid.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 762px;
	margin-right: auto;
	margin-left: auto;
}
.col1_table_bot {
	background-image: url(images/main/1col_table_bot.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 0px;
	padding-right: 23px;
	padding-bottom: 20px;
	padding-left: 20px;
	min-height: 364px;
}

/*--------------------------- 2 column layout ---------------------------------------*/

.col2_table_top2 {
	background-image: url(images/main/2col_table_top2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 20px;
}
.col2_table_mid2 {
	background-image: url(images/main/2col_table_mid2.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 762px;
	margin-right: auto;
	margin-left: auto;
}
.col2_table_bot2 {
	background-image: url(images/main/2col_table_bot2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 0px;
	padding-right: 23px;
	padding-bottom: 20px;
	padding-left: 20px;
	min-height: 364px;
}
.col_table2 {
	width: 235px;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}
.col_table3 {
	width: 424px;
	float: left;
	padding-left: 20px;
	font-size: 1em;
	line-height: 1.6em;
}

.col2_table_top {
	background-image: url(images/main/2col_table_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 20px;
}
.col2_table_mid {
	background-image: url(images/main/2col_table_mid.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 762px;
	margin-right: auto;
	margin-left: auto;
}
.col2_table_bot {
	background-image: url(images/main/2col_table_bot.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 0px;
	padding-right: 23px;
	padding-bottom: 20px;
	padding-left: 20px;
	min-height: 364px;
}
.col2_table_desc {
	width: 467px;
	padding-right: 20px;
	float: left;
}
.col2_table_img {
	float: left;
	width: 212px;
	padding-left: 20px;
	
}
.col2_table_img a {position: relative;}
.col2_table_img a span {display: none;}
.col2_table_img a:hover span {
	position: absolute;
	top: 5px;
	left: 10px;
	display: block;
	background-color: #484848;
	width: 200px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #e6e6e6;
  } 
/*--------------------------- 3 column layout ---------------------------------------*/

.col3_table_mid {
	background-image: url(images/main/3col_table_mid.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 762px;
	margin-right: auto;
	margin-left: auto;
}
.col3_table_top {
	background-image: url(images/main/3col_table_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 20px;
}
.col3_table_bot {
	background-image: url(images/main/3col_table_bot_s.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 364px;
	padding-bottom: 20px;
}
.col3_table_bot_s {
	background-image: url(images/main/3col_table_bot_s.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 20px;
}
.col_table {
	width: 214px;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}

/*-------------------------- category content -------------------------------------*/

.cat_content {
	margin: 20px;
}
.cat_table_mid {
	background-image: url(images/main/cat_table_mid.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
.cat_table_top {
	background-image: url(images/main/cat_table_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.cat_table_bot {
	background-image: url(images/main/cat_table_bot.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.cat_table_desc {
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	width: 570px;
}

.cat_table_img {
	width: 109px;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}
.view_butt {
	float: right;
	width: 80px;
	text-align: right;
	padding-bottom: 20px;
}
.pagesearchmid {
	background-image: url(images/main/pagesearch_mid.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	width: 386px;
	margin-right: auto;
	margin-left: auto;
}
.pagesearchtop {
	background-image: url(images/main/pagesearch_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
}
.pagesearchbot {
	background-image: url(images/main/pagesearch_bot.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 13px;
	padding-right: 10px;
	padding-left: 10px;
}
.container #sort select {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	cursor: pointer;
	border: 2px solid #FFFFFF;
}
.container #sort input {
	border-style: none;
	margin: 0px;
	background-color: #3399ff;
	font-family: "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	cursor: pointer;
	color: #FFFFFF;
	padding-top: 1px;

	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}
/*-------------------------- breadcrumb -------------------------------------*/

.nav {
	color: #FFFFFF;
	font-size: 1em;
	font-weight: normal;
	background-color: none;
	padding-top: 2em;
}
.nav a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}
.nav a:hover {
	text-decoration: none;
	color: #ffffff;
}
.bread1 {
	background-image: url(../images/main/bread1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 10px;
	float: left;
}
.bread2 {
	background-image: url(../images/main/bread2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 10px;
	float: left;
}
.bread3 {
	background-image: url(../images/main/bread3.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 10px;
	float: left;
}
.bread4 {
	background-image: url(../images/main/bread4.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 10px;
	float: left;
}
.bread4a {
	background-image: url(../images/main/bread4a.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 10px;
	float: left;
}
.bread5 {
	background-image: url(../images/main/bread5.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 10px;
	float: left;
}
/*-------------------------- tree view -------------------------------------*/

.treeview-red li {
	cursor: pointer;
	font-size: 1em;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}
.treeview-red h3 {
}

a:hover h3 {
	color: #FFFFFF;
	background-color: #3399FF;
}
.treeview-red ul {
	cursor: pointer;
	margin: 0px;
	color: #333333;
	padding: 0px;
}
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}
.treeview ul {
	background-color:;
	margin-top: 4px;
}
.treeview .hitarea {
	background: url(http://www.bannerbridge.co.uk/images/main/treeview-default.gif) -64px -25px no-repeat;
	height: 17px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}
.treeview a.selected {
	background-color:;
}
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { cursor: pointer; }
.treeview li {
	background-image: url(http://www.bannerbridge.co.uk/images/main/treeview-default-line.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }

/*---------------------------- manufacturers box -----------------------------------------*/

.manufacturers {
	width: 722px;
	margin-right: auto;
	margin-left: auto;
}
.manufacturersleft {
	width: 150px;
	float: left;
}
.manufacturersright {
	width: 552px;
	float: left;
	padding-left: 20px;
}

/*--------------------------------- footer ----------------------------------------------------*/

.footer_bg {
	height: 170px;
	background-image: url(images/main/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #F8F8F8;
	padding-top: 0px;
	padding-bottom: 20px;
}
.footer_1 {
	font-size: 1em;
	color: #999999;
	text-align: justify;
	white-space: normal;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.footer_bg .footer_1 a {
	color: #999999;
}
.footer_bg .footer_1 a:hover {
	color: #ffffff;
}
.footer {
	margin: 0px;
	padding: 0px;
	height: 138px;
}

/*--------------------------------- search ----------------------------------------------------*/

.searchmid {
	background-image: url(images/main/search_mid.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	width: 386px;
	margin-right: auto;
	margin-left: auto;
}
.searchtop {
	background-image: url(images/main/search_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
}
.searchbot {
	background-image: url(images/main/search_bot.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 13px;
	padding-right: 10px;
	padding-left: 10px;
}

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



blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup 
table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

/* all my lovely additions */

.spacer20px {
	line-height: 20px;
	height: 20px;
}







.buyimage {
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.buyimage a:hover {
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.asset_underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	font-weight: bold;
}





.container_head {
	background-color: #2B2B2B;
	background-image: url(../images/main/header_bb.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 74px;
	width: 800px;
}
.nav_head {
	float: right;
	height: 34px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(images/main/header_bg.jpg);
	background-repeat: repeat-y;
	background-position: center bottom;
	width: 780px;
	margin-left: auto;
	padding-right: 10px;
	margin-right: 0px;
}
.search_head {
	height: 20px;
	width: 180px;
	float: right;
	margin-top: 25px;
	margin-right: 20px;
	margin-bottom: 0px;
	background-image: url(../images/main/search_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	padding-left: 20px;
	color: #2D2D2D;
}
.search_head #search{
	float: left;
	font-size: 11px;
	line-height: 11px;
	padding: 0;
	display: block;
	width: 127px;
	margin: 0;
	border: 0 solid #FFFFFF;
	height: 12px;
	background-image: none;
}
#search_head #go {
	float: right;
	padding-top: 0px;
	width: 34px;
	background-color: #2C2C2C;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 34px;
}
.text {
	margin-top: 4px; 
	float: left;
	width: 127px;
}	
.button { 
	float: left;
	width: 34px;
}
html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
.ddsmoothmenu{
	background: #333333; /*background of menu bar (default state)*/
	width: 444px;
	font-family: "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 11px;
	margin: 0px;
	padding: 0px;
}
.sub {
	padding-bottom: 10px;
	background-image: url(../nav/sub.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.top {
	display: block; /*background of menu items (default state)*/
	color: #2d2b2b;
	text-decoration: none;
	background-color: #333333;
	background-image: url(../nav/leftborder.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 8px;
	padding-left: 10px;
}	
.homecorner {
	background-color: #3399ff;
	background-image: url(../nav/homecorner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 8px;
	padding-left: 10px;
	text-decoration: none;
}
.homecorner a{
	text-decoration: none;
}

.col2_table_desc li {
	list-style-image: url(images/main/bullet.png);
	padding-bottom: 10px;
}
.latestprod {
	height: 18px;
	width: 174px;
	overflow: hidden;
}


.container .col3_table_mid .col3_table_top .col3_table_bot_s .col_table li {
	color: #3399ff;
	list-style-type: disc;
}

.col_table a {
	text-decoration: none;
	color: #666666;
}
.col_table a:hover {
	text-decoration: none;
	color: #ffffff;
}

/*.footer_bg .footer_2 .recentlist a {
	text-decoration: underline;
	color: #666666;
}
.footer_bg .footer_2 .recentlist a:hover {
	text-decoration: none;
	color: #ffffff;
}
.more img a:hover{
	background-color: #ffffff;
}
.filterform {
	float: right;
	width: 250px;
}*/
.catdesc {
	height: 70px;
	overflow: hidden;
}

.printerspares {
	height: 52px;
	width: 446px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 296px;
	background-image: url(images/PRNimages/spares_banner.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em;
	line-height: 1.5em;	
}
.container .contents .alternates {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #3295FA;
}