﻿
/*
Theme Name: James Gibbons Format - main
Author: www.studiodm.co.uk
*/

@import url("printStyles.css");


html
{
	/* Force scrollbar */
	/* IE - INVALID CSS COMMAND (BUT IT WORKS!)
	overflow-y: scroll; */
	/* Mozilla */
	height: 100%;
	margin-bottom: 0.1em;
}


*
{
	margin: 0;
	padding: 0;
}

.hide
{
	display: none;
}

.cleared
{
	clear: both;
	height: 0;
	line-height: 0;
}

body
{
	font-family: Arial, Verdana, Sans-serif;
	font-size: 1em;
	color: #333;
	background: #f0f0f0 url(images/pageheader_bg.jpg) repeat-x 0 0;
}


/* START PAGE STYLES */


.wrapper
{
	width: 920px;
	margin: 0 auto 0 auto;
}

.header
{
	position: relative;
	height: 130px;
	background: url(images/header_bg.jpg) no-repeat 0 0;
}

.main
{
	/*position: relative;*/
	background: url(images/content_bg.jpg) repeat-y 0 0;
}

.footer
{
	height: 60px;
	background: url(images/footer_bg.jpg) no-repeat 0 0;
	color: #fff;
	font-size: 11px;
	padding: 0 20px 0 20px;
}

.footer a
{
	color: #fff;
	text-decoration: none;
}

.footer a:hover
{
	text-decoration: underline;
}

.ftr-l
{
	float: left;
	width: 355px;
	margin: 0 90px 0 0;
	padding: 10px 0 0 0;
}

.ftr-l .lh
{
	margin: 0;
}

.ftr-m
{
	float: left;
	width: 160px;
	margin: 0 160px 0 0;
	padding: 10px 0 0 0;
}

.ftr-r
{
	float: left;
	width: 100px;
	padding: 10px 0 0 0;
	text-align: right;
}

.ftr-m ul
{
	list-style: none;
}

.ftr-m li
{
	display: inline;
}

.ftr-m li a
{
	padding: 0 10px 0 10px;
	border-right: 1px solid #999;
}

.ftr-m li a.end
{
	border: none;
}



h1,h2,h3{display:none;}



/***HEADER NAV ***/

.headernav
{
	position: absolute;
	bottom: 17px;
	right: 0;
	width: 470px;
	font-size: 0.9em;
}

.headernav ul
{
	list-style: none;
}

.headernav li
{
	float: left;
}

.headernav li a
{
	display: block;
	padding: 5px 15px 5px 15px;
	background: #1d568d;
	color: #fff;
	text-decoration: none;
}

.headernav li a:hover, .headernav li a.active
{
	color: #1d568d;
	background: #fff;
}

/*** ***/


.breadcrumbs
{
	position: relative;
	margin: 0 10px 10px 10px;
	padding: 0 20px 0 20px;
	font-size: 12px;
}

.breadcrumbs a
{
	color: #333;
	text-decoration: none;
}

.breadcrumbs a:hover
{
	text-decoration: underline;
}

.basketlink
{
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 12px;
	text-align: right;
}

.basketlink a
{
	display: inline-block;
	text-decoration: none;
	line-height: 20px;
	height: 20px;
	color: #317a9b;
	padding: 0 0 0 12px;
	background: url(images/bullet_20px.gif) no-repeat 3px 0;
}

.basketlink a:hover
{
	text-decoration: underline;
}

.content
{
	position: relative;
	margin: 0 10px 0 10px;
	padding: 0 20px 0 20px;
}

.leftcol
{
	float: left;
	width: 175px;
	margin: 0 22px 10px 0;
}

.maincol
{
	position: relative;
	float: left;
	width: 660px;
	font-size: 0.8em;
	line-height: 1.6em;
	padding: 0 0 20px 0;
}

.maincol a
{
	color: #317a9b;
	text-decoration: none;
}

.maincol a:hover
{
	text-decoration: underline;
}

h3.cat
{
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	background: #8eabc6;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 30px 0 0 3px;
}
.searchbox
{
	margin: 0 0 10px 0;
}

.searchbox input#search
{
	width: 125px;
	margin: 0 8px 0 0;
}


/*** CATNAV ***/

ul#catnav
{
	list-style: none;
}

ul#catnav li a
{
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	color: #317a9b;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	border-bottom: 1px solid #e4e4e4;
	padding: 0 0 0 20px;
	background: url(images/catlink_bg.jpg) no-repeat 0 0;
}



ul#catnav li a:hover, ul#catnav a.active
{
	background: url(images/catlink_hover_bg.jpg) no-repeat 0 0;
	color: #fff;
}


/*** ***/

.hp-feature
{
	background: #1d568d;
	height: 180px;
	margin: 0 0 5px 0;
}

.greygrad
{
	background: url(images/greygrad_bg.jpg) repeat-x 0 0;
	padding: 10px;
}

.hp-intro
{
	background: url(images/hp-ftr-block.jpg) repeat-x 0 0;
	padding: 10px;
	height: 185px;
	position: relative;
}

.hp-intro p
{
	width: 425px;
}

.maincol .hp-intro ul
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 475px;
}

.maincol .hp-intro li
{
	display: inline;
}

.maincol .hp-intro li a
{
	display: inline-block;
	background: none;
	padding: 0;
	width: 145px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #fff;
}
.maincol .hp-intro li a.mid
{
	width: 149px;
}

.btns-hdr
{
	display: inline-block;
	font-weight: bold;
	margin: 5px 0 0 0;
}


.maincol p
{
	margin: 0 0 10px 0;
}

h4
{
	clear: both;
	font-size: 1.6em;
	margin: 0 0 10px 0;
	font-weight: normal;
}

hr{display:none;}

.hr
{
	clear: both;
	height: 20px;
	margin: -10px 0 10px 0;
	background: url(images/hr.jpg) no-repeat 0 0;
}

.newslist .terminator
{
	clear: both;
	display: block;
	height: 20px;
	margin: 0 0 10px 0;
	background: url(images/hr.jpg) no-repeat 0 0;
}

#hp-x-spc
{
	margin: 5px 0 20px 0;
}

.threecol
{
	float: left;
	width: 196px;
	margin: 0 14px 0 0;
	padding: 0 10px 0 0;
	background: url(images/threecol_border.jpg) no-repeat 100% 0;
}

.threecol#right
{
	margin: 0 0 0 0;
	background: none;
}

.threecol h3
{
	display: block;
	font-size: 1.7em;
	font-weight: normal;
	margin: 0 0 10px 0;
}

.threecol p
{
	color: #999;
	line-height: 1.2em;
	margin: 0 0 10px 0;
}

.threecol ul, .maincol ul
{
	list-style: none;
	font-size: 12px;
}

.threecol a, .maincol li a, .newslist dd a.readmore, .linkscontent a
{
	display: block;
	text-decoration: none;
	line-height: 20px;
	height: 20px;
	color: #317a9b;
	padding: 0 0 0 12px;
	background: url(images/bullet_20px.gif) no-repeat 0 0;
}

#hp-left
{
	float: left;
	width: 187px;
	height: 262px;
	background: url(images/hp-lft-block.jpg) no-repeat 0 0;
	margin-right: 16px;
	padding: 10px;
}

#hp-middle
{
	float: left;
	width: 187px;
	height: 282px;
	background: url(images/hp-mid-block.jpg) no-repeat 0 0;
	padding: 10px;
	margin-right: 16px;
}

#hp-right
{
	float: left;
	width: 187px;
	height: 262px;
	margin-right: 0;
	background: url(images/hp-rgt-block.jpg) no-repeat 0 0;
	padding: 10px;
}

#hp-left h3, #hp-middle h3, #hp-right h3
{
	display: block;
	font-size: 1.2em;
	margin: -3px 0 10px 0;
	color: #fff;
}

#hp-middle h3
{
	color: #333;
}

#hp-left p, #hp-middle p, #hp-right p
{
	margin: 110px 0 10px 0;
	color: #666;
}

#hp-middle a, #hp-right a
{
	display: block;
	text-decoration: none;
	line-height: 20px;
	height: 20px;
	color: #317a9b;
	padding: 0 0 0 15px;
	background: url(images/bullet_20px.gif) no-repeat 3px 0;
}

#hp-left .ObjectList
{
	margin: 110px 0 0 0;
}

#hp-left .ObjectList .OLItem h2
{
	font-size: 13px;
}

#hp-left a
{
	display: block;
	padding: 0 0 0 15px;
	background: url(images/bullet_20px.gif) no-repeat 3px 0;
	margin: 0 0 5px 0;
}


#hp-right img
{
	border: 0;
}


#hp-right h3
{
	margin-bottom: 115px;
}

#hp-right a
{
	margin: 0 0 2px 0;
	text-align: left;
	padding: 0 0 0 15px;
}



#hp-left a:hover, #hp-middle a:hover, #hp-right a:hover
{
	text-decoration: underline;
}



.gai-badge img
{
	float: right;
	margin: 0 0 10px 10px;
	border: none;
}


.hp-newsbox
{
	float: right;
	margin: 0 0 10px 10px;
	width: 150px;
	padding: 0 5px 5px 15px;
	min-height: 150px;
	border-left: 1px solid #efefef;
}

.hp-newsbox h5
{
	font-size: 16px;
	margin: 0 0 10px 0;
}

.hp-newsbox p
{
	margin: 0 0 2px 0;
	font-size: 11px;
	line-height: 12px;
	color: #999;
}

.hp-newsbox .OLItem h2
{
	margin: 0 0 10px 0;
}

.hp-newsbox .OLItem h2 a
{
	display: block;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
}





h3.title
{
	display: block;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 5px 0;
	background: #1d568d;
	color: #fff;
	padding: 50px 0 8px 15px;
	border-bottom: 5px solid #8eabc6;
}

h3.catalogue
{
	display: block;
	font-size: 1.8em;
	font-weight: normal;
	background: #1d568d;
	color: #fff;
	padding: 50px 0 8px 15px;
	border-bottom: 5px solid #8eabc6;
	margin: 0 0 10px 0;
}

h3.catalogue a
{
	color: #fff;
}

h3.title a
{
	color: #fff;
}

h3.distributors
{
	display: block;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 15px 0;
}

.flash-header
{
	margin:  0 0 5px 0;
}


.greygrad ul.sitemap
{
	list-style: none;
	margin: 5px 0 20px 10px;
}

.imagebar-110h
{
	margin: 0 0 20px 0;
}

.f-left
{
	float: left;
	margin: 0 0 10px 15px;
}

.f-right
{
	float: right;
	clear: both;
	margin: 0 0 10px 20px;
}

.f-right#int, .f-right#int2
{
	width: 140px;
}

p.img-caption
{
	clear: both;
	font-size: 11px;
	width: 140px;
	margin: 2px 0 0 0;
	line-height: 14px;
	color: #999;
	text-align: center;
}

.greygrad ul
{
	list-style: disc;
	margin: 0 0 10px 20px;
}

.colone-custom
{
	float: left;
	width: 260px;
	margin: 0 20px 0 0;
}

.coltwo-custom
{
	float: left;
	width: 360px;
	margin: 0 0 0 0;
}

ul.int
{
	margin: 10px 0 0 20px;
}

.threecol.contact  p
{
	color: #333;
	line-height: 18px;
}

.threecol.contact
{
	margin: 0 10px 0 14px;
}

.threecol.contact#middle
{
	margin-left: 0;
}

.threecol.contact#right
 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
 }

.threecol.contact#middle
{
	height: 150px;
}

.form
{
	margin: 0 0 10px 20px;
}

.form p
{
	width: 275px;
	margin: 0 15px 5px 0;
	float: left;
}

.form p.clear
{
	clear: both;
}

.form p.brochure
{
	margin: 10px 0 10px 0;
}

.form p.full
{
	width: 568px;
}

.form-text
{
	display: block;
}

.form-text.checkbox
{
	display: inline;
	font-weight: normal;
}

.form p input
{
	width: 275px;
	font-size: 16px;
	padding: 2px;
}

.form p input#cdrom, .form p input#printed, .form p input#submit
{
	width: auto;
}

.form p textarea
{
	width: 570px;
	height: 100px;
}

.m-r-10
{
	margin: 0 10px 0 0;
}

.distributors-map
{
	margin: 0 0 5px 0;
}

.newslist dl
{
	list-style: disc;
}

.newslist dt
{
	font-size: 20px;
	margin: 0 0 5px 0;
}

.newslist dd
{
	background: url(images/hr.jpg) no-repeat 0 100%;
	padding: 0 0 30px 0;
	margin: 0 0 10px 0;
}

.newslist dd a
{
	padding: 0 0 0 12px;
	background: url(images/bullet_20px.jpg) no-repeat 0 0;
	margin: 5px 0 0 0;
}

.linkscontent h4
{
	margin: 0 0 10px 0;
}

.linkscontent .hr
{
	margin: 15px 0 10px 0;
}

.linkscontent ul
{
	list-style: none;
	margin:  0 0 0 0;
}


.newslist .AVImages
{
	
}





/********* CAT STYLES ************/

.item.product
{
	/*margin: 0 0 10px 0;*/
}



#catalogue1_list .item.product
{
	position: relative;
	display: block;
	float: left;
	width: 105px;
	height: 135px;
	margin: 0 8px 10px 0;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #e4e4e4;
	
	padding: 5px;
}

.item.product .caption
{
	color: #333;
	line-height: 20px;
	background: url(images/bullet_20px.gif) no-repeat 0 0;
	padding: 0 0 0 12px;
}

.item.product a:hover .caption, .item.product a:hover h4
{
	text-decoration: underline;
}


.item.product .imagebox
{
	float: left;
	margin: 0 10px 0 0;
}


#catalogue1_view .item.product .imagebox
{
	display: block;
	width: 400px;
	text-align: center;
	padding: 0;
}

#catalogue1_view .imagebox
{
	display: block;
	width: 400px;
	clear: both;
	text-align: center;
	padding: 10px 0 0 0;
}

#catalogue1_view .item.product .imagebox .caption, #catalogue1_view .imagebox .caption
{
	display: block;
	text-align: left;
	background: url(images/bullet_20px.gif) no-repeat 0 0;
	padding: 0 0 0 12px;
}

#catalogue1_list .item.product .imagebox
{
	position: relative;
	text-align: center;
}

#catalogue1_list .item.product .caption
{
	display: none;
	/*clear: both;*/
	position: absolute;
	bottom: -5px;
	left: -5px;
	
	background: #f0f0f0 url(images/bullet_20px.gif) no-repeat 7px 0;
	padding: 0 0 0 19px;
	text-align: left;
	width: 96px;
}

#catalogue1_list .item.product .title
{
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	clear: both;
	/*margin: -16px 0 0 -5px;*/
	
	background: #f0f0f0 url(images/bullet_20px.gif) no-repeat 7px 2px;
	padding: 2px 0 2px 19px;
	text-align: left;
	width: 96px;
	font-size: 13px;
	color: #333;
}



/*****************************************************************************************************************/
/***** VERTICAL ALIGNING CONTENTS WITH UNKNOWN HEIGHT - YOU WILL ALSO NEED THE STYLES FROM THE IE-FIXES STYLESHEETS ****/
/** THERE ARE SEPARATE SHEETS FOR IE 6 AND BELOW AND IE 7 AND ABOVE, THESE NEED TO BE CONDITIONALLY REFERENCED FROM HTML **/

/*OUTER CONTAINER*/
.imagecont[class] 
{
	display: table;
	overflow: hidden;
	position: static;
	width: 105px;
	height: 105px;
	
	text-align: center;
	
	/*background: lime;*/
}

/*INNER CONTAINER*/
.imageboxlink[class]
{
	display: table-cell;
	vertical-align: middle;
	position: static;
}

/** THE CONTENTS ARE THEN CONTAINED INSIDE A TAG INSIDE THE ABOVE DIV **/

/*****************************************************************************************************************/


.WLmain .imagebox
{
	border: 1px solid #d2d2d2;
	padding: 5px;
	float: left;
	margin: 0 10px 10px 0;
	display: block;
	height: 185px;
}

.WLmain .remove a
{
	display: block;
	width: 59px;
	height: 23px;
	background: url(images/removelink_bg.jpg) no-repeat 0 0;
	padding: 0 0 0 25px;
	margin: 2px 0 0 0;
	color: #333;
}

a.wishlistspeclink
{
	clear: both;
	margin: 0 0 5px 0;
	display: block;
	width: 153px;
	height: 23px;
	background: url(images/wishlistspec_bg.gif) no-repeat 0 0;
	line-height: 23px;
	padding: 0 0 0 25px;
	color: #333;
}


.WLmain table
{
	text-align: center;
	border-collapse: collapse;
}

.WLmain thead
{
	background: #f0f0f0;
	text-align: center;
	font-weight: bold;
}

.WLmain td
{
	padding: 10px 0 10px 0;
	border: 1px solid #d2d2d2;
}

.WLmain thead th
{
	padding: 5px;
	border: 1px solid #d2d2d2;
}

.WLmain input[readonly]
{
	border: none;
	background: #fff;
	color: #333;
	width: 100px;
	text-align: center;
}

.WLmain .hr
{
	margin: 15px 0 15px 0;
}



.item.product h4
{
	float: left;
	clear: none;
	width: 250px;
	margin: 0 0 5px 0;
}

.item.product p
{
	float: left;
	clear: none;
	width: 250px;
}



.SDM_ProductList
{
	width: 99%;
	border: 1px solid #e4e4e4;
	border-collapse: collapse;
	clear: both;
	margin: 10px 0 0 0;
}

.SDM_ProductList thead
{
	background: #e4e4e4;
}

.SDM_ProductList tr
{
	line-height: 25px;
}


.SDM_ProductList tbody td
{
	text-align: center;
	border-right: 1px solid #e4e4e4;
}

.viewSubCategory a
{
	display: block;
	position: relative;
	width: 320px;
	margin: 0 20px 20px 0;
	float: left;
}

.viewSubCategory a.col2
{
	margin: 0 0 20px 0;
}

.viewSubCategory a:hover
{
	text-decoration: none;
}

.subcathead
{
	position: absolute;
	top: 68px;
	left: 20px;
	color: #fff;
	font-size: 14px;
}

.ulna-panel
{
	display: block;
	width: 168px;
	height: 25px;
	margin: 20px 0 0 0;
	background: url(images/Ulna_Panel.jpg) no-repeat 0 0;
	padding: 52px 0 0 5px;
	font-size: 13px;
	color: #333;
	text-decoration: none;
}

.bs-en-panel
{
	display: block;
	width: 168px;
	height: 25px;
	margin: 10px 0 0 0;
	background: url(images/BS-EN_Panel.jpg) no-repeat 0 0;
	padding: 51px 0 0 5px;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
}

.touchclean-panel
{
	display: block;
	width: 168px;
	height: 25px;
	margin: 10px 0 0 0;
	background: url(images/touchclean_Panel.jpg) no-repeat 0 0;
	padding: 50px 0 0 5px;
	font-size: 13px;
	color: #333;
	text-decoration: none;
}

.bs-en-panel:hover, .touchclean-panel:hover
{
	text-decoration: underline;
}

.jgf-table
{
	margin: 20px 0 20px 0;
	text-align: center;
}

.jgf-table td
{
	padding: 3px;
	width: 50%;
}

.jgf-row
{
	background: #f5f5f5;
}

.jgf-altrow
{
	background: #e9e9e9;
}




.touchclean-caption
{
	display: block;
	float: right;
	width: 230px;
	margin: 0 0 10px 20px;
	text-align: center;
	color: #333;
}

.touchclean-caption img
{
	margin: 0 0 5px 0;
	border-bottom: 2px solid #f0f0f0;
	border: 3px solid #d2d2d2;
}

.touchclean-caption span
{
	display: block;
}

a.touchclean-caption:hover
{
	text-decoration: none;
}

a.touchclean-caption:hover span
{
	text-decoration: underline;
}


.OLItem h2, .newslist h2
{
	display: block;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 5px 0;
}

.OLItem a.option
{
	display: block;
	background: url(images/bullet_20px.jpg) no-repeat 0 0;
	padding: 0 0 0 12px;
	margin: 5px 0 0 0;
}



.newslist .AVImages
{
	float: right;
	width: 200px;
	margin: 0 0 10px 20px;
	text-align: center;
}


.newslist .AVFooter
{
	margin: 20px 0 0 0;
}

.newslist .AVFooter ul
{
	margin: 0 0 0 0;
}

.newslist .AVFooter li
{
	list-style: none;
}


.newslist a.disabled, .newslist a:hover.disabled
{
	color: #999;
	text-decoration: none;
}


.newslist dd a.linkprev
{
	background-image: url(images/bullet_20px_left.jpg);
}


.list.catalogue .item.product a, .list.catalogue .item.product .imagebox, .list.catalogue .item.product .imagebox p
{
	width: 105px;
}

.list.catalogue .item.product .imagebox
{
	height: 130px;
}


.list.catalogue .item.product  a
{
	/*margin-bottom: 10px;*/
}



.about-nav
{
	margin: -5px 0 2px 0;
	height: 35px;
	line-height: 36px;
	background: url(images/subnav-bg.jpg) repeat-x 0 0;
}

.about-nav li a
{
	display: inline;
	background: 0;
	padding: 0 14px 0 14px;
	color: #333;
	border-right: 1px solid #999;
}

.about-nav li.end a
{
	border-right: none;
}

.about-nav li
{
	display: inline;
}

.distributorslist
{
	padding: 10px 0 0 0;
}

.distributorslist dl
{
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #e4e4e4;
}

.distributorslist dt
{
	font-weight: bold;
}

.distributorslist dd
{
	margin: 0 0 10px 0;
}

.distributorslist h2
{
	margin: 0 0 10px 0;
}


.itemDescription
{
	float: left;
	width: 230px;
	padding: 0 0 0 10px;
}

.itemDescription ul
{
	padding: 0 0 0 10px;
	list-style: disc;
}

.itemDescription li
{
	list-style: disc;
}


.iso-badge
{
	display: block;
	width: 175px;
	margin: 20px 0 10px 0;
	text-align: center;
}

.iso-badge img
{
	border: none;
}


a.retlink-cat
{
	display: block;
	text-decoration: none;
	line-height: 20px;
	height: 20px;
	color: #317a9b;
	padding: 0 0 0 12px;
	background: url(images/bullet_20px_left.jpg) no-repeat 0 0;
}

a.retlink-cat:hover
{
	text-decoration: underline;
}


#sdmBasketFooter
{
	background: none;
	padding: 0;
	margin: 0;
}

#sdmBasketFooterGroupLeft
{
	float: left;
}

#sdmBasketFooterGroupRight
{
	float: right;
}



.imagebar-110h .f-left
{
	float: left;
	margin: 0 0 10px 15px;
	border: 5px solid #d2d2d2;
}

.img110hc
{
	margin: 0 auto 0 auto;
}


dl.nm-dl dd
{
	margin: 0 0 10px 0;
}


.f-right-border
{
	float: right;
	clear: both;
	margin: 0 0 10px 20px;
	border: 5px solid #d2d2d2;
}
 
 
.hp-3col-under
{
	clear: both;
	margin: 15px 0 0 0;
	height: 75px;
}

.hp-iso-gai
{
	margin: 30px 0 0 0;
}

.hp-iso-gai a
{
	float: left;
}

.hp-iso-gai img
{
	border: none;
}


.hp-clients
{
	display: block;
	float: left;
	margin: 0 15px 0 0;
	width: 300px;
	height: 55px;
	padding: 10px;
	background: url(images/hp-under-bg.jpg) no-repeat 0 0;
}

.hp-clients .hdng
{
	display: block;
	width: 90%;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	line-height: 34px;
	height: 34px;
	margin: -10px 0 0 0;
}

.hp-clients a
{
	display: block;
	padding: 0 0 0 15px;
	background: url(images/bullet_20px.jpg) no-repeat 0 0;
	margin: 10px 0 0 0;
	width: 75%;
}

.hp-projects
{
	display: block;
	float: left;
	width: 300px;
	height: 55px;
	padding: 10px;
	background: url(images/hp-projects-bg.jpg) no-repeat 0 0;
}

.hp-projects .hdng
{
	display: block;
	width: 90%;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	line-height: 34px;
	height: 34px;
	margin: -10px 0 0 0;
}

.hp-projects a
{
	display: block;
	padding: 0 0 0 15px;
	background: url(images/bullet_20px.jpg) no-repeat 0 0;
	margin: 10px 0 0 0;
	width: 75%;
}



dl.page-dl dt
{
	font-weight: bold;
}

dl.page-dl dd
{
	margin: 0 0 10px 0;
	padding: 0 0 30px 0;
	background: url(images/hr.jpg) no-repeat 0 100%;
}



.newslist dd a
{
	display: block;
	text-decoration: none;
	line-height: 20px;
	height: 20px;
	color: #317a9b;
	padding: 0 0 0 12px;
	background: url(images/bullet_20px.gif) no-repeat 0 0;
}



.newslist dd a[disabled]
{
	color: #e4e4e4;
	text-decoration: none;
	background-image: url(images/bullet_20px_disabled.jpg);
}

.newslist dd a:hover[disabled]
{
	text-decoration: none;
}


.maincol a.returnlink-cat
{
	float: left;
	margin: 8px 0 5px 10px;
	display: block;
	width: 153px;
	height: 23px;
	background: url(images/returnlink_bg.gif) no-repeat 0 0;
	line-height: 23px;
	padding: 0 0 0 25px;
	color: #333;
}

.maincol a.printbtn
{
	float: left;
	margin: 8px 0 5px 47px;
	display: block;
	width: 78px;
	height: 23px;
	background: url(images/print_bg.gif) no-repeat 0 0;
	line-height: 23px;
	padding: 0 0 0 25px;
	color: #333;
}

.maincol a.addtobasketlink
{
	float: right;
	display: block;
	width: 230px;
	height: 23px;
	background: url(images/addtowishlist_bg.gif) no-repeat 0 0;
	color: #333;
	margin: 8px 10px 0 0;
	padding: 0 0 0 25px;
	line-height: 23px;
}


#pageview1 .article.view.mini img
{
	float: right;
	background: #fff;
	padding: 10px;
	border: 3px solid #ececec;
	margin: 0 0 5px 10px;
}

#clients .article.view.mini img
{
	float: right;
	background: #fff;
	padding: 10px;
	border: 3px solid #ececec;
	margin: 20px 0 5px 10px;
}

#clients .article.view.mini
{
	padding: 0 0 20px 0;
	background: url(images/hr.jpg) no-repeat 0 100%;
}


.newslist .OLItem img
{
	float: right;
	margin: 0 0 5px 10px;
}







#newsheadlines  > .OLItem:first-child
{
	display: none;
}

.insideNews #newsheadlines > .OLItem:first-child
{
	display: block;
}

#newsheadlines .OLItem h2 a
{
	display: block;
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 0 12px;
	background: url(images/bullet_20px.jpg) no-repeat 0 0;
}

#newsheadlines .OLItem p
{
	font-size: 11px;
	color: #e4e4e4;
}

#newsheadlines .OLItem .terminator
{
	display: none;
}




.sectionbox.products.related h3
{
	display: block;
	margin: 0 0 10px 0;
	font-size: 20px;
}

.sectionbox.products.related
{
	background: #f0f0f0;
	padding: 20px;
	margin: 0 0 20px 0;
}

.sectionbox.products.related dd
{
	padding: 0 0 15px 0;
}

.sectionbox.products.related dt
{
	font-weight: bold;
	font-size: 16px;
	background: #d2d2d2;
	padding: 3px;
	margin: 0 0 5px 0;
}

.sectionbox.products.related img
{
	float: right;
	padding: 5px;
	background: #fff;
	margin: 10px 0 0 0;
}

.sectionbox.products.related a
{
	display: block;
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 0 12px;
	margin: 10px 0 0 0;
	background: url(images/bullet_20px.gif) no-repeat 0 0;
}

.formText
{
	display: inline-block;
	width: 110px;
	font-weight: bold;
	vertical-align: top;
}

.WLstg2 input
{
	width: 225px;
}

.WLstg2 textarea
{
	width: 225px;
}


#projects h3
{
	clear: both;
	font-size: 1.6em;
	margin: 0 0 10px 0;
	font-weight: normal;
}

#projects .article.view.mini
{
	padding: 0 0 25px 0;
	background: url(images/hr.jpg) no-repeat 0 100%;
}

#projects .imagebox
{
	display: block;
	float: right;
	clear: both;
	margin: 15px 0 0 20px;
}

#projects .imagebox .caption
{
	clear: both;
	font-size: 11px;
	width: 102px;
	margin: 2px 0 0 0;
	line-height: 14px;
	color: #999;
	text-align: center;	
}


.abt-inner
{
	padding: 15px;
}

.abt-inner#abt1
{
	background: #402800 url(images/abt_1.jpg) no-repeat 100% 0;
}

.abt-inner#abt2
{
	background: #402800 url(images/abt_2.jpg) no-repeat 100% 0;
}

.abt-inner#abt3
{
	background: #402800 url(images/abt_3.jpg) no-repeat 100% 0;
}

.abt-inner#abt4
{
	background: #402800 url(images/abt_4.jpg) no-repeat 100% 0;
}

.abt-inner p
{
	width: 400px;
	color: #fff;
}

.abt-outer
{
	margin: 10px 0 0 0;
}

.abt-outer ul
{
	font-size: 13px;
}
	
.abt-outer li
{
	display: inline;
	margin: 0;
	padding: 0;
}

.abt-outer li a
{
	display: inline-block;
	background: none;
	padding: 0;
	background: #402800;
	color: #fff;
	margin: 0;
	text-align: center;
	width: 162px;
	line-height: 30px;
	height: 30px;
	background: url(images/abt_lnkbg.jpg) no-repeat 0 0;
}

.abt-outer li a:hover, .abt-outer li a.active
{
	background-position: 0 100%;
}



.clients-identifier p.caption
{
	display: none;
}


.btn_panel_single
{
	clear: both;
	height: 38px;
	background: url(images/button_panel_single.jpg) no-repeat 0 0;
}

.wishlist_btn_panel
{
	clear: both;
	height: 99px;
	padding: 15px;
	background: url(images/wishlist_btn_panel.jpg) no-repeat 0 0;
	font-weight: bold;
}

.wl-btn-left
{
	width: 300px;
	float: left;
}

.wl-btn-left a.wishlistspeclink
{
	margin: 35px 0 0 0;
}

.wl-btn-right
{
	width: 300px;
	float: right;
}

.wl-btn-left a, .wl-btn-right a, .wishlist_btn_panel span{font-weight:normal;}

.wishlist_btn_panel select{margin: 0 0 5px 0;}


body#wishlist-cat
{
	background-image: none;
	background: #fff;
	padding: 15px;
	color: #000;
}

.wl-cat-box
{
	border: 1px solid #999999;
	margin: 0 0 20px 0;
	padding: 15px;
}

#wishlist-cat h3
{
	background: none;
	padding: 0;
	margin: 0 0 15px 0;
	color: #000;
}

#wishlist-cat .imagebox
{
	display: inline-block;
	margin: 0 0 15px 0;
	width:300px;
}

#wishlist-cat .imagebox img{ max-width:300px;}

#wishlist-cat p
{
		
}

#wishlist-cat ul
{
	margin: 10px 0 10px 15px;
}

#wishlist-cat .footer
{
	background: none;
	padding: 5px 0 0 0;
	margin: 5px 0 0 0;
	border-top: 1px solid #666;
	color: #000;
}



/*.wl-cat-box.first*/
h3.catalogue.first{page-break-before: left;}

.wl-cat-desc
{
	display: inline-block;
	font-size: 11px;
	width: 300px;
	margin:0 0 0 0px;
}

.wl-cat-desc li{margin: 0 0 5px 0;}

#wishlist-cat table
{
	border: 1px solid #d9d9d9;
	padding: 5px;
	width: 99%;
	text-align: center;
	font-size: 11px;
}

































/******LIGHTBOX STYLES******/

  

  #lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	}



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}

	



/* Min-Width */

.lbWidth { /* most browsers */

	position: absolute;

	top: 0px; left: 0px;

	width: 100%;

	min-width: 790px;

	}



* html .lbContent { /* IE6 */

	margin-left: -790px;

	position:relative;

	}



* html .lbMinWidth { /* IE6 */

	padding-left: 790px;

	}

	

	

/* Clearfix */	

.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */ 

	




/* Last-Modified: 28/06/06 00:08:22 */

#GB_overlay {

    background-color: #000;

    position: absolute;

    margin: auto;

    top: 0;

    left: 0;

    z-index: 100;

}



#GB_window {

    left: 0;

    top: 0;

    font-size: 1px;

    position: absolute;

    overflow: visible;

    z-index: 150;

}



#GB_window .content {

    width: auto;

    margin: 0;

    padding: 0;

}



#GB_frame {

    border: 0;

    margin: 0;

    padding: 0;

    overflow: auto;

    white-space: nowrap;

}





.GB_Gallery {

    margin: 0 22px 0 22px;

}



.GB_Gallery .content {

    background-color: #fff;

    border: 3px solid #ddd;

}



.GB_header {

    top: 10px;

    left: 0;

    margin: 0;

    z-index: 500;

    position: absolute;

    border-bottom: 2px solid #555;

    border-top: 2px solid #555;

}



.GB_header .inner {

    background-color: #333;

    font-family: Arial, Verdana, sans-serif;

    padding: 2px 20px 2px 20px;

}



.GB_header table {

    margin: 0;

    width: 100%;

    border-collapse: collapse;

}



.GB_header .caption {

    text-align: left;

    color: #eee;

    white-space: nowrap;

    font-size: 20px;

}



.GB_header .close {

    text-align: right;

}



.GB_header .close img {

    z-index: 500;

    cursor: pointer;

}



.GB_header .middle {

    white-space: nowrap;

    text-align: center;

}





#GB_middle {

    color: #eee;

}



#GB_middle img {

    cursor: pointer;

    vertical-align: middle;

}



#GB_middle .disabled {

    cursor: default;

}



#GB_middle .left {

    padding-right: 10px;

}



#GB_middle .right {

    padding-left: 10px;

}





.GB_Window .content {

    background-color: #fff;

    border: 3px solid #ccc;

    border-top: none;

}



.GB_Window .header {

    border-bottom: 1px solid #aaa;

    border-top: 1px solid #999;

    border-left: 3px solid #ccc;

    border-right: 3px solid #ccc;

    margin: 0;



    height: 22px;

    font-size: 12px;

    padding: 3px 0;

    color: #333;

}



.GB_Window .caption {

    font-size: 12px;

    text-align: left;

    font-weight: bold;

    white-space: nowrap;

    padding-right: 20px;

}



.GB_Window .close { text-align: right; }

.GB_Window .close span { 

    font-size: 12px;

    cursor: pointer; 

}

.GB_Window .close img {

    cursor: pointer;

    padding: 0 3px 0 0;

}



.GB_Window .on { border-bottom: 1px solid #333; }

.GB_Window .click { border-bottom: 1px solid red; }

div.article.view.mini h3 {
display: inline;
}
.AVFooter dt
{
display: none;
}

/**********   Ulna Page  **********/

.ulna {
	background:url(images/ulna.jpg) top right no-repeat;
	height:642px;
}
.ulnatitle {
	font-size:90px;
	padding:258px 0 0 148px;
	color:#000;
	font-weight:bold;
}
.cyantxt {
	color:#3dc8f4;
}
.handsfree {
	color:#0090b5;
	font-size:28px;
	font-weight:bold;
	padding:0px 0 0 96px;
	line-height:31px;
	margin-top:32px;
}
.deterrent {
	color:#808285;
	font:32px Arial, Helvetica, sans-serif;
	padding-left:96px;
	margin-top:78px;
	line-height:35px;
}
.ulnavideo
{
margin: 30px 60px 0px 0px;
float: left;
text-align: center;
}
.ulnavideo p {
margin-top: 3px;
font-size: 0.8em
}
.infectrl {
	margin:0px 0px 30px 0;
	background-color:#e3dbe7;
	padding:0 16px 0 16px;
	font-size:14px;
	line-height:18px;
}
.infection {
	padding-top:15px;
	background:url(images/infectbg.jpg) top center no-repeat;
	height:51px;
	font-size:24px;
	color:#FFF;
	text-align:center;
}
.space10 {
	height:29px;
	width:628px;
}
.rtimg {
	float:right;
	margin:0 0 10px 12px;
	border:none;
}
.space11 {
	height:20px;
	width:628px;
}
.infectrl ul {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:20px;
}
.infectrl ul li {
	margin-bottom:8px;
}
.imgrtmar {
	padding-right:0;
	border:none;
	margin:0 4px 8px 0;
}
.imgrtmar1 {
	padding-right:0;
	border:none;
	margin:0 0 8px 0;
}
.oneconcept {
	margin:0 0 30px 0px;
	background-color:#aae0f9;
	font-size:14px;
	line-height:18px;
}
.systembg {
	padding-top:14px;
	background: url(images/systembg.jpg) top center no-repeat;
	height:49px;
	font-size:24px;
	color:#FFF;
	text-align:center;
	margin-bottom:0px;
}
.conceptbg {
/*	background:url(images/conceptbg.jpg) top center no-repeat;   */
/*	height:413px;  */
}
.initial {
	float:left;
	width:277px;
	margin:22px 46px 0 30px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
}
.initialtxt2 {
	background-color:#f47321;
	height:25px;
	padding-top:8px;
}
.sensial {
	float:right;
	width:277px;
	margin:22px 30px 0 0px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
}
.sentialtxt2 {
	background-color:#94c03d;
	height:25px;
	padding-top:8px;
}
.ulnatxt1 {
	float:left;
	width:151px;
	margin:22px 5px 0 30px;
	font:13px Arial, Helvetica, sans-serif;
}
.ulnatxt2 {
	float:left;
	width:128px;
	height:222px;
	margin:22px 0px 0 0px;
	padding-left:9px;
	padding-top:6px;
	font:9px Arial, Helvetica, sans-serif;
	line-height:21px;
	background:url(images/ulnalistbg.jpg) top left no-repeat;
}
.ulnasystem {
	font:italic bold 14px Arial, Helvetica, sans-serif;
	padding-bottom:3px;
}
.adjustht {
	font:8px Arial, Helvetica, sans-serif;
	padding:4px 0px;
}
.ulnatxt3 {
	float:left;
	width:94px;
	height:222px;
	margin:22px 0px 0 0px;
	padding:6px 0 0 0px;
	font:9px Arial, Helvetica, sans-serif;
	line-height:21px;
	background:url(images/initialistbg.jpg) top left no-repeat;
}
.initial1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	padding:2px 0 0 3px;
}
.tenmts {
	margin-top:85px;
	padding-left:10px;
}
.padleft {
	padding-left:10px;
}
.tenyrs {
	padding-left:32px;
}
.ulnatxt4 {
	float:left;
	width:93px;
	height:222px;
	margin:22px 0px 0 0px;
	padding:6px 0 0 0px;
	font:9px Arial, Helvetica, sans-serif;
	line-height:21px;
	background:url(images/sensialistbg.jpg) top left no-repeat;
}
.fiveyrs {
	margin:63px 0 0 35px;
}
.ulnatxt5 {
	float:right;
	width:110px;
	margin:22px 30px 0 10px;
	font:13px Arial, Helvetica, sans-serif;
}
.ulnasilver {
	margin-left:146px;
	float:left;
	padding-bottom:20px;
}
.silvertxt {
	font:bold 16px Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}
.silvertxt1 {
	font-size:13px;
}
.silverpos {
	position:relative;
	top:60px;
	left:-66px;
}
.space12 {
	height:7px;
	width:628px;
}
.whereulna {
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#FFF;
	margin-top:30px;
}
.ulnauses {
	padding-top:8px;
	background: url(images/whereulnabg.jpg) top center no-repeat;
	height:48px;
	font-size:24px;
	color:#FFF;
	text-align:center;
	margin-bottom:20px;
}
.ulnauseleft {
	float:left;
	width:204px;
}
.ulnausemid {
	width:660px;
}
.ulnauseright {
	float:right;
	width:194px;
}
.whereulna img {
	margin-bottom:6px;
	border:none;
}
.uselist {
	background-color:#00aeef;
	margin-bottom:6px;
	padding:0 16px 0 16px;
}
.uselist ul {
	padding-top:27px;
	padding-right:22px;
	margin-left:40px;
	list-style-type:disc;
}
.uselist ul li {
	margin-bottom:9px;
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:19px;
}

.space13 {
	height:50px;
	width:660px;
}

/********  Horizontal tabs  **********/

.abt-outer2
{
	margin: 10px 0 0 0;
	width:660px;
}

.abt-outer2 ul
{
	font-size: 13px;
}
	
.abt-outer2 li
{
	display: inline;
	margin: 0;
	padding: 0;
}

.abt-outer2 li a
{
	display: inline-block;
	background: none;
	padding: 0;
	background: #402800;
	color: #fff;
	margin: 0;
	text-align: center;
	width: 128px;
	line-height: 30px;
	height: 30px;
	background: url(images/abt_lnkbg2.jpg) no-repeat 0 0;
}

.abt-outer2 li a:hover, .abt-outer2 li a.active
{
	background-position: 0 100%;
}
.abt-outer2 ul li.end2 {
	margin-right:0;
	padding-right:0;
}
.imgallery {
	background-color:#ededed;

	margin:0 14px;
	padding:29px 0 29px 29px;
}
.imgallery img {
	border: 2px solid #aaaaaa;
	margin-right:25px;
}
.imgallery img.last2 {
	margin-right:0px;
	padding-right:0px;
}
.imgallery2 {
	background-color:#ededed;

	margin:0 14px;
	padding:0px 0 29px 29px;
}
.imgallery2 img {
	border: 2px solid #aaaaaa;
	margin-right:25px;
}

