html {	overflow: scroll;	}

body {	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-size: 0.7em;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	text-align:justify;
}
p {	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 1em;
	padding: 0 0 15px 0;
	text-align:justify;
	margin: 0;
}
td {	vertical-align: top;
}

/* a {	color: #9999bc;
	font-weight: bold;
}
*/

a{
	text-decoration: underline;
	color: #00a0c6;
}

a:hover{
	text-decoration: underline;
	color: #00AEEF;
}

img {	border: medium none;
	padding: 0px;
	margin: 0px;
}

h1 {	font-weight: bold;
	letter-spacing: -3px;
	font-size: 1.6em;
	color: #333333;
	text-transform: uppercase;
	line-height: 15px;
}
h1 a{
	font-size:1.8em;
	float: left;
	text-indent: -9999px;
	display: block;
	width: 200px;
	height: 100px;
}
h2 {	font-size:1.3em;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding: 0;
}
h3 {	font-size:1.2em;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
h4 {	font-size:1em;
}

h5 {	font-size:1em;
}
h6 {	font-size:1em;
}

/* .pcontainer h2, .pcontainer  */
h2, h3 {
	color: #FF7C0F;
}
h2.latest { color: #000; padding-top: 5px; }

/* --------- Form  ---------*/
.frmCellp {
	width: 150px;
	text-align: left;
}
p.frmRow {
	float: left;
	clear: left;
	width: 210px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
p.formlabel {
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	width: 210px;
	text-align: left;
}
.frmControl {
	width: 195px;
}
#verify.frmControl { width: 64px; }
textarea { float: right; }
.frmCtrlInvalid { background-color: #faa; }
.cssError { color: red; font-weight: bold; margin-bottom: 10px; }
.frmCellpInvalid { font-weight: bold; }

/* --------- Tables  ---------*/

.table1 table {
	border-collapse: collapse;
	border: 1px solid #999;
}
.table1 td {
	border: 1px solid #999;
	border-top: 0;
	border-bottom: 0;
	padding: 2px 10px;
}

.table2 table{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 1em;
	margin-bottom: 15px;
}

.table2 td{
	padding: 5px;
	background: #EFEFEF;
}

.table2 .title td {
	background: #A7BCCA;
	font-weight: bold;
}

/* --------- Header --------- */

#container {
	width: 760px;
	margin: 10px auto;
}

#header-dbg {	background-image: url('/assets/dbp01s/img/logo-davidball.gif');	}
#header-dbs {	background-image: url('/assets/dbp01s/img/logo-specialistsands.gif');	}
#header-dbp {	background-image: url('/assets/dbp01s/img/logo-pudlo.gif');	}

#header, #header-dbg, #header-dbs, #header-dbp {
	float: left;
	width: 760px;
	height: 124px;
}

#header ul.grouplinks li {
	float: left;
	display: inline;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	border-left: 1px dotted #B3B3B3;
	padding: 0pt 10px;
}
#header ul.grouplinks li.first {	border: 0;	}

ul.grouplinks {
	display:inline;
	float:right;
	margin:30px 20px 0 0;
}

ul.grouplinks li {
	float: right;
}

/* --------- MENU --------- */

.txtonly { display: none; }
.hide { display: none; }

#nav { margin-bottom: 6px; }

#nav li.thegroup, #nav li.company, #nav li.sands-thegroup {
	background: none;
}

.menu {	position: relative;
	float: left;
	z-index:100;
	width: 760px;
	height: 25px;
	font-size: 0.9em;
	background: #ffffff url(/assets/dbp01s/img/nav-bg.gif) repeat-x bottom left;
}

.pcontainer .menu {
	background: #ffffff url(/assets/dbp01s/pnav/nav-bg.gif) repeat-x bottom left;
}

.menu ul {
	float: left;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.menu li{
	float: left;
	list-style: none;
	text-transform: uppercase;
	padding: 0;
	padding-left: 10px;
	background: transparent url(/assets/dbp01s/img/menu-seperator.gif) no-repeat 0 10px;
	height: 25px;
}

.pcontainer .menu {
	margin-top: 1px;
}

.pcontainer .menu li {
	margin-left: 2px;
	padding-left: 6px;
	background: transparent url(/assets/dbp01s/pnav/menu-seperator.gif) no-repeat 0 10px;
}

.menu ul li {
	position: relative;
	text-align: left;
}

.menu ul li a {
	display:block; 
	height:25px; 
	border: 0px solid #ffffff; 
	color: #ffffff; 
	text-align: left; 
	text-decoration:none; 
	overflow:hidden;
}


/* Pudlo */

#nav li.company, #nav li.company a, #nav li.company ul, #nav li.company li{ width: 90px; }
.menu li a.navcompany{ background: url(/assets/dbp01s/pnav/nav-the-company.gif) no-repeat top left; width: 90px; }
.menu li a.navcompany:hover{ background: url(/assets/dbp01s/pnav/nav-the-company-ovr.gif) no-repeat top left; width: 90px; }
#nav.menu ul li.company ul li a{ width: 120px;}

#nav li.pudlo-products, #nav li.pudlo-products a, #nav li.pudlo-products ul, #nav li.pudlo-products li{ width: 87px; }
.menu li a.navpudlo-products{ background: url(/assets/dbp01s/pnav/nav-products.gif) no-repeat top left; width: 87px; }
.menu li a.navpudlo-products:hover{ background: url(/assets/dbp01s/pnav/nav-products-ovr.gif) no-repeat top left; width: 87px; }
#nav.menu ul li.pudlo-products ul li a{ width: 120px;}

#nav li.casestudies, #nav li.casestudies a, #nav li.casestudies ul, #nav li.casestudies li{ width: 85px; }
.menu li a.navcasestudies{ background: url(/assets/dbp01s/pnav/nav-casestudies.gif) no-repeat top left; width: 85px; }
.menu li a.navcasestudies:hover{ background: url(/assets/dbp01s/pnav/nav-casestudies-ovr.gif) no-repeat top left; width: 85px; }
#nav.menu ul li.casestudies ul li a{ width: 120px;}

#nav li.worldwide, #nav li.worldwide a, #nav li.worldwide ul, #nav li.worldwide li{ width: 149px; }
.menu li a.navworldwide{ background: url(/assets/dbp01s/pnav/nav-worldwidecompanies.gif) no-repeat top left; width: 149px; }
.menu li a.navworldwide:hover{ background: url(/assets/dbp01s/pnav/nav-worldwidecompanies-ovr.gif) no-repeat top left; width: 149px; }
#nav.menu ul li.worldwide ul li a{ width: 120px;}

#nav li.news, #nav li.news a, #nav li.news ul, #nav li.news li{ width: 98px; }
.menu li a.navnews{ background: url(/assets/dbp01s/pnav/nav-news.gif) no-repeat top left; width: 98px; }
.menu li a.navnews:hover{ background: url(/assets/dbp01s/pnav/nav-news-ovr.gif) no-repeat top left; width: 98px; }
#nav.menu ul li.news ul li a{ width: 120px;}

#nav li.pudlo-downloads, #nav li.pudlo-downloads a, #nav li.pudlo-downloads ul, #nav li.pudlo-downloads li{ width: 85px; }
.menu li a.navpudlo-downloads{ background: url(/assets/dbp01s/pnav/nav-downloads.gif) no-repeat top left; width: 85px; }
.menu li a.navpudlo-downloads:hover{ background: url(/assets/dbp01s/pnav/nav-downloads-ovr.gif) no-repeat top left; width: 85px; }
#nav.menu ul li.pudlo-downloads ul li a{ width: 120px;}

#nav li.contact, #nav li.contact a, #nav li.contact ul, #nav li.contact li{ width: 90px; }
.menu li a.navcontact{ background: url(/assets/dbp01s/pnav/nav-contact-us.gif) no-repeat top left; width: 90px; }
.menu li a.navcontact:hover{ background: url(/assets/dbp01s/pnav/nav-contact-us-ovr.gif) no-repeat top left; width: 90px; }
#nav.menu ul li.contact ul li a{ width: 90px;}

.menu ul li ul {
	position: absolute;
	display: none;
	background-image: url(/assets/dbp01s/img/dirty-hack.gif);
}

.menu ul li:hover ul {
	display:block;
}

.menu ul li ul li, .pcontainer .menu ul li ul li {
	background-image: none;
	background-color: transparent;
}

.menu ul li:hover ul { display:block; position:absolute; top:25px; left:-10px; width:110px; }


.menu ul li:hover ul li a.hide { background:#A7BCCA; color:#ffffff;}

.pcontainer .menu ul li:hover ul li a.hide { background:red; color:#ffffff;}

.menu ul ul li a {
	height: auto;
}

.menu ul  ul li a {
	display:block;
	color:#ffffff;
	background:#A7BCCA;
	height:16px; 
	margin: 1px 0 0 0;
	padding: 3px 5px 3px 5px;
	border: 1px solid #A7BCCA;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	line-height:16px; 
}
.pcontainer .menu ul  ul li a { background:#808284; }

.menu ul ul li a:hover { background:#D7DBDE; color:#666;}
.pcontainer .menu ul ul li a:hover { background:#000; color:#FF7C0F; text-decoration: none; }

.menu ul li:hover ul li:hover a.hide {background:#d4d5df; color:#ffffff;}


/* --------- FOOTER --------- */

#footer, #footer-dbg, #footer-dbs, #footer-dbp {
	float: left;
	clear: both;
	width: 760px;
}

#footer .greybar{
	float: left;
        width: 760px;
	background: #BBBDC0 url(/assets/dbp01s/img/footer-grey-curve-middle.gif) repeat-x bottom left;
	margin-top: 3px;
}

#footer .greybar .inner1{
	float: left;
        width: 760px;
	background: transparent url(/assets/dbp01s/img/footer-grey-curve-left.gif) no-repeat bottom left;
}

#footer .greybar .inner2{
	float: left;
        width: 760px;
	min-height: 34px;
	background: transparent url(/assets/dbp01s/img/footer-grey-curve-right.gif) no-repeat bottom right;
}

#footer .onleft{
	float: left;
	width: 180px;
}

#footer .inmiddle{
	float: left;
	width: 330px;
}

#footer .onright{
	float: right;
}

#footer p, #footer a{
	color: #666666;
	font-weight: bold;
}

#footer p{
	font-size: 1em;	
	margin: 6px 10px;
}

#footer a{
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

#footer-dbp .bluebar {	background: #FF7C0F url('/assets/dbp01s/brand/footer-white-curve.gif') no-repeat scroll right top;	}

#footer .bluebar {
	height: 13px;
}

/* ---------  MISC --------- */

.pudlo{	color: #FF7C0F; font-weight: bold;
}

.sands{	color: #019CDE; font-weight: bold;
}

.insta{	color: #C1001F; font-weight: bold;
}

.strapline {	margin-bottom: 5px;	}

#wide {	float: left;
	width: 760px;
}

/* --------- BOX ---------*/


.contentbox-wide, .introbox-wide {
	float: left; clear: left;
	width: 760px;
	background: transparent url(/assets/dbp01s/img/box-wide-middle.gif) repeat-y top left !important;
	margin-bottom: 5px;
}

.contentbox-wide .inner1, .introbox-wide .inner1 {
	float: left; clear: left;
	width: 760px;
	background: transparent url(/assets/dbp01s/img/box-wide-top.gif) no-repeat top left !important;
}

.contentbox-wide .inner2, .introbox-wide .inner2 {
	float: left; clear: left;
	width: 736px;
	padding: 12px;
}

.contentbox-wide .inner2 {
	padding-bottom: 51px;
	background: transparent url(/assets/dbp01s/img/box-wide-footer.gif) no-repeat bottom left !important;
}
.introbox-wide .inner2 {
	background: transparent url(/assets/dbp01s/img/box-wide-bottom.gif) no-repeat bottom left !important;
}

.introbox-wide p {
	margin: 0;
	padding: 0;
}

.widebox-inner {
	clear: left;
	float: left;
	width: 736px;
}

/* --------- Home Page  ---------*/


#lefthalfo {
	float: left;
	clear: left;	
	width:366px;
	font-size: 1.1em;
	margin-bottom:10px;
}

#righthalfo {
	float: right;
	width: 377px;
	margin-bottom: 10px;
	margin-left: 10px;
}


#halfi {
	float: left;
	clear: left;	
	width: 366px;
}

.brochure {
	float: left;
	width: 377px;
	margin-top: 15px;
}

.brochure a {
	min-height: 18px;
	display: block;
	width: 377px;
	color: black;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 0 0 0;
	text-align: center;
	border: 1px solid #B3B3B3;
	background: white;
}

.brochure a:hover{
	color: white;
	background: #B3B3B3;
	text-decoration: none;
}

.halfboxm {
	float: left;
	width:366px;
	background:transparent url(/assets/dbp01s/img/main-home-middle.gif) repeat-y scroll left top;
	margin-bottom: 10px;
}

.halfboxb {
	float: left;
	width:366px;
	background: transparent url(/assets/dbp01s/img/main-home-bottom.gif) no-repeat scroll left bottom;
}

.halfboxt {
	float: left;
	width:346px;
	background:transparent url(/assets/dbp01s/img/main-home-top.gif) no-repeat scroll left top;
	padding:10px 10px 5px 10px;
}

.halfboxgm {
	background: transparent url(/assets/dbp01s/img/key-facts-middle.gif) repeat-y top left;
	margin-top: 6px;
	text-align: justify;
	position: relative;
}

.halfboxgb {
	background: transparent url(/assets/dbp01s/img/key-facts-bottom.gif) no-repeat bottom left;
}

.halfboxgt {
	background: transparent url(/assets/dbp01s/img/key-facts-top.gif) no-repeat top left;
	padding: 10px 10px 45px 10px;
}


/* --------- case Studies ---------*/


.casestudyo {
	float: left; clear: left;
	width: 726px;
}

.casestudyo h2 {
	text-transform: uppercase;
}

.casestudyi, .casestudyi p {
	float: left; clear: left;
	width: 565px;
}

.casestudyo a {
	float: right; clear: right;
	display: block;
}

img.rightimage {
	float: right;
	margin: 0 0 10px 10px;
}

.casestudyo {
	border-top: 1px solid #C5C7C9;
	padding-top: 10px;
	margin-top: 10px;
}

.casestudyo.first {
	border: 0;
	padding: 0px;
	margin: 0px;
}

/* --------- PRODUCTS ---------*/

a.morelink{
	display: block;
	float: right;
	color: black;
	background: transparent url(/assets/dbp01s/img/bullet-more.gif) no-repeat right center;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 7px;
	margin-right: 10px;
}

.productitem{
	clear: both;
	margin: 5px 0;
	float: left;
	width: 740px;
}

.productitem p {
	margin: 0;
	padding: 0;
}

div.productdetailbox{
	float: left;
	width: 502px;
	background: transparent url(/assets/dbp01s/img/product-detail-middle.gif) repeat-y top left;
	margin-bottom: 5px;
}

div.productdetailbox .inner1{
	background: transparent url(/assets/dbp01s/img/product-detail-top.gif) no-repeat top left;
	z-index: 1;
}

div.productdetailbox .inner2{
	background: transparent url(/assets/dbp01s/img/product-detail-bottom.gif) no-repeat bottom left;
	float: left;
	display: none;
	width: 482px;
	padding: 10px;
	text-align: justify;
}

div.productdetailbox li{
	list-style: disc;
	margin: 0 0 0 22px;
}

div.productdetailbox ul.guarantee li{
	list-style: disc;
	margin-left: 16px;
	width: 460px;
}

div.productdetailbox ul.guarantee{
	margin-top: 10px;
	float: left;
}

div.productdetailbox div.tabs ul{
	border-bottom: 1px solid #B3B0B3;
	background: white;
	width: 502px;
	margin-bottom: 0;
	float: left;
	margin: 0;
	padding: 0;
}

div.productdetailbox div.tabs li{
	float: left;
	display: inline;
	margin-left: 2px;
	width: 124px;
}

div.productdetailbox div.tabs li a{
	float: left;
	background: white url(/assets/dbp01s/img/product-tab.gif) no-repeat top left;
	width: 124px;
	min-height: 17px;
	padding-top: 5px;
}

div.productdetailbox div.tabs li, div.productdetailbox div.tabs li a{
	color: black;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

div.productdetailbox div.tabs li a:hover{
	color: white;
}

div.productdetailbox div.tabs li.first{
	margin-left: 0;
}

div.productdetailbox div.tabs li.selected{
	z-index: 10;
	position: relative;
	top: 1px;	
}

div.productdetailbox div.tabs li.selected a{
	background: white url(/assets/dbp01s/img/product-tab-selected.gif) no-repeat top left;
}

div.productdetailbox div.tabs li.selected a:hover{
	color: #FF7C0F;
}

div.productdetailbox div.twocols{
	clear: both;
	float: left;
	width: 482px;
}

div.productdetailbox div.sidebyside{
	float: left;
	width: 236px;
	margin-left: 10px;
}

div.productdetailbox div.leftmost{
	margin-left: 0 !important;
}

div.productdetailbox p{
	margin-bottom: 10px;
}

div.productdetailbox p.first{
	margin-top: 0;
}

div.productdetailbox ul{
	margin-bottom: 10px;
}

/* Products - Side boxes */
div.sideboxes{
	float: left;
	width: 248px;
	margin-left: 10px;
}

div.sideboxes .sidebox{
	float: left;
	width: 248px;
	margin-top: 10px;
}

div.sideboxes .first{
	margin-top: 0;
}

div.sideboxes .backtoproducts a{
	color: black;
	font-weight: bold;
	text-decoration: none;
	display: block;
	min-height: 18px;
	padding: 2px 0 0 0;
	text-align: center;
	border: 1px solid #B3B3B3;
	background: #FF7C0F;
}

div.sideboxes .backtoproducts a:hover{
	color: white;
	background: #FFBD87;
}

div.sideboxes .smenu{
	background: transparent url(/assets/dbp01s/img/side-box-top.gif) no-repeat top left;
}

div.sideboxes .smenu ul{
	float: left;
	width: 248px;
	background: transparent url(/assets/dbp01s/img/side-box-bottom.gif) no-repeat bottom left;
	padding: 8px 0 8px 0;
	margin: 0;
}

div.sideboxes .smenu li{
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	float: left;
	width: 248px;
}

div.sideboxes .smenu a{
	padding: 3px 10px;
	display: block;
	color: #B3B3B3;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	width: 228px;
}

div.sideboxes .smenu a:hover{
	background: #DFDFDF;
	color: white;
}

div.sideboxes .productsheet a, .brochure a{
	color: black;
	font-weight: bold;
	text-decoration: none;
	display: block;
	min-height: 18px;
	padding: 2px 0 0 0;
	text-align: center;
	border: 1px solid #B3B3B3;
	background: white;
}

div.sideboxes .productsheet a:hover, .brochure a:hover{
	color: white;
	background: #B3B3B3;
}

div.sideboxes .calltoday{
	background: transparent url(/assets/dbp01s/img/side-box-top.gif) no-repeat top left;
}

div.sideboxes .calltoday .inner1{
	background: transparent url(/assets/dbp01s/img/side-box-bottom.gif) no-repeat bottom left;
	padding: 10px;
}

/* --------- News ---------*/

.newsitemo {
	float: left;
	clear: both;
	width: 736px;
	margin-top: 10px;
}

.newsitemo img {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 75px;
	background-color: pink;
	vertical-align: top;
}

.newsitemi{
	float: left;
	width: 636px;
}

.newsitemo a.morelink{
	float: left;
	clear: left;
}

.groupdate {
	font-style: italic;
}

.newsitemo h2 {
	margin: 0;
	padding: 0;
}
.newsitemo .groupdate, .homenews .groupdate {
	margin: 10px 0 0 0;
}


#content {
	float: left;
	width: 760px;
}

.pudloborder {
	float: right;
	border: 2px solid #FF7C0F;
	padding: 10px;
}


.homenews h3{
	font-size:1em;
}
.homenews h3 a{
	color: #FF7C0F;
	text-decoration: none;
}
.homenews p{
	padding-bottom: 10px;
}