/* Hillbrush additional template styles */
/* (C)2008 Profitmaster Systems Ltd. */

* {
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

/* Remove borders from UI button images */
.imageButton,.imageButton img {
	border-width:0;
	text-decoration: none;
	background: transparent;
}
input.imageButton {
	padding:0;
}

/* Explicitly specify width/height of fading panes */
#imageRotatePane1 {
	width:994px;
	height:130px;
}
#imageRotatePane2 {
	width: 288px;
	height: 236px;
}
.content ul.imageRotate li {
	list-style: none;
	margin: 0px;
}

/* TOPNAV */
.topnav {
	position: relative;
}

/* text at top-right showing current user name */
.topnav .currentUser {
	/* make it not affect the rest of the layout */
	position: absolute;
	margin-top:2.5em;
	color:#cbcbcb; /* grey from CP sheets */
	left: 0px;
	top: 0px;
}

/* Don't set topnav width as it needs to vary depending on what buttons are displayed */
.topnav {
	width: auto;
}

/* needed to rearrange things to make nav's submenus appear on top of panes in IE */
/* so we now have a subheader with the nav absolutely positioned within it */
.subheader {
	position: relative;
	margin-top: 24px;
}
.nav {
	position: absolute;
	top: -24px;
}

/* adjusting line-height makes things look better across browsers */
.nav ul li a:link,
.nav ul li a:visited {
	line-height: 25px;
}

.topnav ul li a:link,
.topnav ul li a:visited {
	line-height: 23px;
}

/* change hover highlighting to blue gradient */
.nav ul li a:hover,
.topnav ul li a:hover {
	background: #d9e1ec url(images/subnav-bkg-o.jpg) no-repeat;
}
.topnav ul li a:hover {
	border-bottom: 1px solid #a1a1a1;
}

/* drop-downs on nav and topnav */
/* set nav height so we can use other properties on li */
.nav {
	height: 24px;
	width: 994px;
}
.topnav ul li,
.nav ul li {
	display: block;
	float: left;
	position: relative;
}
.topnav ul.submenu,
.nav ul li ul {
	display: none;
	/*display: block;*/
	position: absolute;
	z-index: 10;
	top: 25px;
	float: none;
	border-top: 1px solid #ffffff;
}
.topnav ul.submenu {
	right: 0px;
	top: 23px;
}
.nav ul li ul {
	left: 0px;
}
.nav ul li.last ul {
	left: auto;
	right: 0px;
}
.topnav li:hover ul.submenu,
.nav ul li:hover ul {
	display: block;
}
.topnav ul.submenu li,
.nav ul li ul li {
	display: block;
	/*width: 100%;*/
	float: none;
	position: relative;
}

.topnav ul.submenu li a,
.nav ul li ul li a:link,
.nav ul li ul li a:visited {
	display: block;
	text-align: left;
	line-height: normal;
	background: #333333 url(images/subnav-bkg.jpg) no-repeat;
	/*background: #646464 none;*/
	white-space: nowrap;
	padding: 0px;
	text-indent: 5px;
	width: 199px;
	line-height: 24px;
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #ffffff;
}
.topnav ul.submenu li a:hover,
.nav ul li ul li a:hover {
	background: #d9e1ec url(images/subnav-bkg-o.jpg) no-repeat;
	border-bottom: 1px solid #ffffff;
}

/* login details on search bar */
.loginDetails {
	float: left;
	color: #ffffff;
	margin: 8px 0px 0px 8px;
}

/* FORMS */
dl.form {
	overflow: visible;
}

dl.form dt {
	clear: both;
	float: left;
	width: 5.8em;
	padding-top: .2em;
}

dl.form dd {
	margin-left: 6em;
	padding-bottom: .2em;
}

#search dl.form {
	margin: 0px 0px;
}

#search dl.form dt {
	width: 4em;
	text-align: right;
	padding-bottom: 2px;
	padding-top: 2px;
}

#search dl.form dd {
	margin-left: 4.3em;
	padding-bottom: 2px;
}

#QuickAdd dl.form dt {
	width: 7.3em;
}
#QuickAdd dl.form dd {
	margin-left: 7.5em;
}

#SaveBasket dl.form dt {
	width: 7.5em;
}
#SaveBasket dl.form dd {
	margin-left: 7.7em;
}

.SID_EditAccountDetailsScreen dl.form dt {
	width: 8.5em;
}
.SID_EditAccountDetailsScreen dl.form dd {
	margin-left: 8.7em;
}

.SID_LoginRemindScreen dl.form dt {
	width: 8em;
}
.SID_LoginRemindScreen dl.form dd {
	margin-left: 8.2em;
}

.SID_EmailForm dl.form dt {
	width: 7.5em;
}
.SID_EmailForm dl.form dd {
	margin-left: 7.7em;
}

.SID_LoginScreen dl.form dt {
	width: 9em;
}
.SID_LoginScreen dl.form dd {
	margin-left: 9.2em;
}

input[type=image] {
	border: none;
}

div.inner input[type=checkbox] {
	margin-left: .5em;
}

input.button {
	cursor: pointer;
}

input.imageButton {
	border: none;
}

input[name=Instructions] {
	width: 99%;
}

a.button {
	white-space: nowrap;
}

select {
	padding: 1px;
}

/* TABLES */

.pmwebPage table {
	border-collapse: collapse;
}

.pmwebPage table th, .pmwebPage table td {
	padding: 3px;
}

.frame, .pmwebPage table {
	background-color: #f4f4f4;
	border: 1px solid #e4e4e4;
	font-weight: normal;
	padding: 8px;
	margin: 10px 0px;
}

.frame .title, .pmwebPage table th {
	background-color: #e4e4e4;
	font-weight: bold;
	padding: 6px 3px;
	margin-bottom: 8px;
}

.frame .title {
	padding: 6px;
	margin: 0px 0px 8px;
}

.pmwebPage table {
	clear: both;
	border-collapse: separate;
	border-spacing: 0px;
}

.pmwebPage table td {
	border-bottom: 1px solid #e4e4e4;
}
	
table.basket {
	background-color: #e9eDf3;
	border: 1px solid #d9e1ec;
}

table.basket th {
	background-color: #d9e1ec;
}

table.basket td {
	border-bottom: 1px solid #d9e1ec;
	padding: 1px 3px;
}

td.decimal, th.decimal {
	text-align: right;
	white-space: nowrap; 
}

td.block {
	text-align: center;
}

table.vertical th {
	text-align: left;
}

.pmwebPage table.layout {
	border: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: separate;
	border-spacing: 2px;
}

.pmwebPage table.layout td,
.pmwebPage table.layout th {
	background: none;
	border: 0;
	padding: 1px;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

/* buttons */

button.button,
input.button,
a.button, a.button:link, a.button:visited, a.button:hover {
	border: 1px solid #999999;
	background-color: #37639d;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	padding: 1px 5px 2px;
	text-transform: uppercase;
	text-decoration: none;
}
a.button, a.button:link, a.button:visited, a.button:hover {
	padding: 2px 5px 3px;
	line-height: 19px;
}

input.button {
	vertical-align: 1px;
	padding: 1px 2px 2px;
}

button.imageButton {
	vertical-align: 1px;
	padding: 0px 2px;
	line-height: 20px;
}

button.imageButton img {
	padding: 0px;
	margin: 0px;
}
button.imageButton span {
	vertical-align: -2px;
}



input, textarea, select {
	border: 1px solid #999999;
}
input[type="checkbox"] {
	border: none;
	background-color: transparent;
}

.pmwebPage input, .pmwebPage select {
	vertical-align: middle;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.clear {
	clear: both;
}

table.basket img {
	vertical-align: bottom;
}

/* columns */

div.column {
	position: relative;
	float: left;
	height: 100%;
}

.half {
	width: 362px;
}

.columnLeft {
	margin-right: 5px;
}
.columnRight {
	margin-left: 5px;
}

.frame .inner .half {
	/* half-width column inside a (full-width) frame */
	width: 353px;
}

.half .half {
	width: 176px;
}

.content {
	float: right;
	width: 734px;
	padding: 25px 30px 15px;
}

/* GROUP PAGES */

ul.subGroupsA li {
	list-style: none;
	width: 170px;
	margin: 0px 18px 20px 0px;
	float: left;
	display: block;
}
ul.subGroupsA li.last {
	margin-right: 0px;
}
ul.subGroupsA li .image {
	height: 170px;
}
ul.subGroupsA li a.label {
	display: block;
	width: 170px;
	text-align: center;
	line-height: 20px;
	background-color: #dddddd;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
}
#groupImage {
	float: right;
	width: 170px;
	height: 170px;
	margin: 0px 0px 20px 20px;
}

/* PRODUCT CARDS */

.product .title .floatRight {
	margin-left: 6px;
}

.product .title span {
	display: block;
}

.product .productCardTable {
	width: 100%;
}

.product .productCardTable td {
	vertical-align: top;
}

.product .productCardTable .picture {
	width: 100px;
	height: 100px;
	padding: 0px 8px 0px 0px;
	border-right: 1px solid #e4e4e4;
}

.product .productCardTable .details {
	padding: 0px 0px 0px 6px;
}

.product .details .info {
	border-bottom: 1px solid #e4e4e4;
}

.product .bullets, .product .brief, .product .info p {
	margin-bottom: 8px;
}

.product .details ul {
	margin-bottom: 0px;
}

.product .details li {
	line-height: 16px;
}

.product .pricing {
	margin-top: 8px;
	text-align: center;
}
.product .pricing table {
	margin-left: auto;
	margin-right: auto;
}

.product .pricing th { text-align: right; }
.product .pricing td { text-align: left; }
.product .pricing form { margin-top: 5px; }

/* DATA GRIDS */

tr.footer {
	background-color: #e4e4e4;
	color: #000000;
	height: auto;
	overflow: inherit;
	padding: inherit;
}

.dataGridContainer {
	float: left;
	margin-bottom: 10px;
}

.dataGridContainer .pagerControl {
	background-color: #f4f4f4;
	border: 1px solid #e4e4e4;
	text-align: center;
	padding: 3px;
}

table.dataGrid {
	margin: 0;
	border-top: 0;
	border-bottom: 0;
}

.pagerControl .imageButton {
	vertical-align: -4px;
}

/* MISCELLANEOUS */

.pmwebPage .wrapper img {
	border: 0;
	vertical-align: middle;
}

div.addressItem {
	float: left;
	clear: none;
	margin: 0 20px 20px 0;
	border: 1px solid #e4e4e4;
	padding: 10px;
}

div.addressItem input {
	margin: 10px 0 0;
}

.rightInsert {
	float: right;
	clear: right;
}

.row {
	clear: both;
}

.row .cell {
	float: left;
}

#EditStaticContent dl.form dt {
	width: 6em;
}
#EditStaticContent dl.form dd {
	margin-left: 6.2em;
}

.pageLinks {
	float: right;
}

dl.statusCodes {
	margin-left: 3em;
	position: relative;
}
dl.statusCodes dt {
	float: left;
	width: 2em;
	clear: both;
}
dl.statusCodes dd {
	position: relative;
	margin-left: 2em;
	margin-bottom: 0.25em;
}

/* factory buttons */
input.factoryFormButton, a.factoryLinkButton img {
	vertical-align: middle;
	border: 0;
	padding: 0;
}

/* Options buttons on CMS */
.contentManagement form {
	white-space: nowrap;
}

/* news headlines in feature boxes, remove lower margin */
.feature p {
	margin-bottom:2px;
}

/* new "pop-out" style for lhs navigation */
.subnav {
	float: left;
	width: 200px;
	border-top: 1px solid #ffffff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.subnav ul {
	float: none;
	margin-bottom: 20px;
	position: relative;
}
.subnav li {
	list-style-type: none;
	background: #333333 url(images/subnav-bkg.jpg) no-repeat;
	text-indent: 5px;
	line-height: 24px;
	font-weight: bold;
	color: #ffffff;
	width: 199px;
	display: block;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	position: relative;
}
.subnav li.current, .subnav li:hover {
	background: #d9e1ec url(images/subnav-bkg-o.jpg) no-repeat;
}
.subnav li:hover ul li:hover, li:hover ul li.current {
	background: #d9e1ec url(images/subnav-bkg-o.jpg) no-repeat;
}
.subnav li a {
	width: 199px;
	color: #ffffff;
	text-decoration: none;
	display: block;
}

.subnav li ul {
	position: absolute;
	left: 200px;
	top: 0px;
	margin: 0px;
	display: none;
}

/* hover over top level */
.subnav li:hover ul {
	display: block;
}
.subnav li:hover ul ul {
	display: none;
}
/* That should be it, but For IE, need to force display/hide of list items through use of border/background.
Otherwise hovering over top level, then moving to second level, then to third level,
then moving directly out (not by going back via second and top-level) results in third
level being displayed next time top level is hovered over */
.subnav li:hover ul li {
	background: #333333 url(images/subnav-bkg.jpg) no-repeat;
	border-color: #ffffff;
}
.subnav li:hover ul li.current {
	background: #d9e1ec url(images/subnav-bkg-o.jpg) no-repeat;
}
.subnav li:hover ul ul li,
.subnav li:hover ul ul li.current {
	background: transparent;
	border-color: transparent;
}

/* hover over 2nd level */
.subnav li li:hover ul {
	display: block;
}
.subnav li li:hover ul ul {
	display: none;
}
.subnav li li:hover ul li {
	background: #333333 url(images/subnav-bkg.jpg) no-repeat;
	border-color: #ffffff;
}
.subnav li li:hover ul li.current {
	background: #d9e1ec url(images/subnav-bkg-o.jpg) no-repeat;
}
.subnav li li:hover ul ul li,
.subnav li li:hover ul ul li.current {
	background: transparent;
	border-color: transparent;
}

/* hover over 3rd level */
.subnav li li li:hover ul {
	display: block;
}
.subnav li li li:hover ul ul {
	display: none;
}
.subnav li li li:hover ul li {
	background: #333333 url(images/subnav-bkg.jpg) no-repeat;
	border-color: #ffffff;
}
.subnav li li li:hover ul li.current {
	background: #d9e1ec url(images/subnav-bkg-o.jpg) no-repeat;
}
.subnav li li li:hover ul ul li,
.subnav li li li:hover ul ul li.current {
	background: transparent;
	border-color: transparent;
}

/* adjust padding from styles.css as we've changed "Catalogues" to "e-Brochures" and "Partners" to "Global Partners" */
.nav ul li a:link, .nav ul li a:visited {
	padding: 5px 31px 5px;
}
.nav ul li a#last:link, .nav ul li a#last:visited {
	padding: 5px 35px 5px 34px;
}


/* variations for drill page */
body.drillpage {
	background: #ffffff;
}
.drillpage .topsection,
.drillpage .wrapper {
	width: 794px;
}
.drillpage .content {
	float: none;
}
.drillpage h1 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}


/* changes for SAF 1554 */
.search form input {
	border: 1px solid #CCC;
	padding: 2px;
	background: #FFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #666;
	vertical-align: middle;
}
.search form input.factoryFormButton {
	margin: 0px;
	border: 0px;
	padding: 0px;
}
.search form {
	width: 300px;
	margin-top: 5px;
	margin-right: 5px;
}
.content .rightsection .mailinglist {
	height: 92px;
}


.go-shopping-link, .go-shopping-link:visited {
	width:199px;
	height:19px;
	padding-top:5px;
	
	color:#fff;
	font-weight:bold;
	display:block;
	text-decoration:none;	
	text-align:center;
	background-color:#880000;
	border-bottom:1px solid #fff;
	background-image:url('images/go-shopping-bkg.png')
}

.go-shopping-link:hover {
	background-color: #440000;	
	background-position: 0px 24px;
}