h1{font-size:138.5%;}
h2{font-size:123.1%;}
h3{font-size:108%;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
em{font-style:italic;}
p,fieldset {}
table {border-spacing: 0; border-collapse: collapse;}
* { margin: 0; padding:0;}

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	color: #333;
	border: 0px;
	background-color: #201b57;
	background-image: url('images/page.png');
	background-repeat: repeat-x;
}

/***************/
/* ID elements */
/***************/

/* Main Page */
#page {
	width: 995px;
	margin: 0 auto;
	background-color: #FFF;
	padding: 0;
	text-align: left;
	font-size: 1.0em;
}

#pagetable { width: 985px; margin: 0 5px; }

#header {
	background-color: #003773;
	background-image: url('images/header.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	width: 985px;
	height: 190px;
}
#header .htop { height: 160px;}
#header .hbot { height: 30px;}

#indexhead {
	height: 65px;
	background-image: none;
}

#indexheadinner {
	width: 100%;
	height: 65px;
	background-image: url('images/homeanim.gif');
	background-repeat: no-repeat;
	background-position: center top;
}

#contenttable {
	width: 100%;
}
#tdcontent {
	width: 785px;
	vertical-align: top;
	height: 100%;
	background-image: url('images/BackgroundContent.gif');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffffff;
}

.brands { background-color: #00aeef; height: 30px; text-align: center;  }
.brands a { margin: 0 10px; }

.sections { height: 175px; text-align: center; }
.sections a { 
	border-top: 1px dashed #bbb;
	border-right: 1px dashed #bbb;
	width: 108px;
	height: 150px; 
	display: inline-block;
	padding-top: 10px;
	border-bottom: 10px solid #fff;
}
.sections a.last { border-right: none; }
.sections a:hover { border-bottom: 10px solid #00aeef; }
	
#content {
	background-color: #ffffff;
	background-image: none;
}

#contenthead {
	font-size: 100%; /* Resets 1em to 10px */
	font-weight: normal;
	text-align: center;
}

#tdsidebarleft {
	vertical-align: top;
	height: 100%;
	
	background-color: #006cac;
	background-image: url('images/Background.gif');
	background-repeat: repeat-x;
	background-position: top;
	width: 200px;
}

#sidebarleft {
	border: 0px;
	margin: 0;
	width: 200px;
}

#tdsidebarright {
	vertical-align: top;
	height: 100%;
	width: 180px;
	
	padding: 15px 0px 0px 15px;
	background-color: #006cac;
	background-image: url('images/Background.gif');
	background-repeat: repeat-x;
	background-position: top;
}
#sidebarright {
	border: 0px;
	margin: 2px 0px;
	padding: 0px 10px 0px 0px;
}


#footer {
	padding: 6px;
	border-top: 5px solid #fff;
	background-image: url('images/footer.png');
	background-repeat: repeat-x;
	background-position: top;
	font-size: 10px;
	color: #ffffff;
	background-color: #201b57;
	overflow: auto;
}

#footer ul { float: left; width: 110px; margin: 4px; height: 280px;}
#footer li { list-style: none; }
#footer li a { color: #fff; }
#footer li.head { font-weight: bold; }

#navbar {
	height: 30px;
	color: #ffffff;
	text-decoration: none;
}

#hmid {
	width: 100%;
}

#navbar li { 
	position: relative;
	display: inline;
}

#navbar li a {
	border-right: 2px solid #FFF;
	font-weight: bold;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	display: inline-block;
	font-size: 14px;
	background-image: url('images/red_grad.png');
}

#navbar li a,
#navbar li a:link,
#navbar li a:active,
#navbar li a:visited {
	text-decoration: none;
	color: #ffffff;
}
#navbar li a:hover { background-position: 0 30px; }

#pagetitle { display: none; }

#sidebarleft #otherlinkslist,
#sidebarleft #categorieslist { width: 200px;}

#sidebarleft #otherlinkslist, #sidebarleft #otherlinkslist ul,
#sidebarleft #categorieslist, #sidebarleft #categorieslist ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

#sidebarleft #otherlinkslist li,
#sidebarleft #categorieslist li {
	padding: 0;
	border: 0;
	display: block;
	position: relative;
	font-size: 0px;
	z-index: 5;
}

#sidebarleft #otherlinkslist li:hover,
#sidebarleft #categorieslist li:hover {
	z-index: 10000;	/* makes sure active item is always on top */
	white-space: normal;/* IE7 :hover bug (z-index ignored if not) */
}

#sidebarleft #otherlinkslist ul,
#sidebarleft #categorieslist ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
}

#sidebarleft #otherlinkslist ul ul,
#sidebarleft #categorieslist ul ul {
	display: none;
}

#sidebarleft #otherlinkslist li:hover ul,
#sidebarleft #categorieslist li:hover ul {
	visibility: visible;
	left: 100%;
	width: 200px;
	background-color: #134377;
}

#sidebarleft #otherlinkslist, #otherlinkslist ul,
#sidebarleft #categorieslist, #categorieslist ul {
	min-height: 0;
}

#sidebarleft #otherlinkslist li,
#sidebarleft #categorieslist li {
	background-color: #201a56;
	background-image: url('images/sidebar.png');
	border-bottom: 2px solid #fff;
}

#sidebarleft #otherlinkslist a,
#sidebarleft #categorieslist a {
	padding-left: 10px;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	display: block;
	height: 25px;
	line-height: 25px;
}

#sidebarleft #otherlinkslist a:hover,
#sidebarleft #categorieslist a:hover {
	font-weight: bold;
	text-decoration: none;
}

#sidebarleft #otherlinkslist li ul a,
#sidebarleft #categorieslist li ul a {
	color: #ffffff;
	display: block;
}

#sidebarleft #otherlinkslist li ul a:hover,
#sidebarleft #categorieslist li ul a:hover {
	text-decoration: none;
	color: #ffffff;
}

.slideshow { position: relative; height: 400px; margin-bottom: 20px; }
.slides { position: relative; height: 400px; }
.slidenavouter { position: absolute; top: 380px; width: 785px; z-index: 99; }
.slidenavinner { float:right; }
.slidenavinner a {
	background-color: #ddd;
	display: inline-block;
	width: 20px;
	height: 20px; 
	margin-left: 2px;
	text-align: center;
	line-height: 20px;
	color: #000;
}
.slidenavinner a:hover { background-color: #ccc; color: #000; }
.slidenavinner a.activeSlide { background-color: #bbb; color: #000; }

.brands a { height: 30px; display: inline-block; width: 125px; background-repeat: no-repeat; background-position: 0 0; cursor: pointer; }
.brands a:hover { background-position: 0 -30px; }
.brand_toolpak { background-image: url('images/brand_toolpak.png') }
.brand_fusion { background-image: url('images/brand_fusion.png') }
.brand_rauhcoflex { background-image: url('images/brand_rauhcoflex.png') }
.brand_proforce { background-image: url('images/brand_proforce.png') }
.brand_forcex { background-image: url('images/brand_forcex.png') }
.brand_wekador { background-image: url('images/brand_wekador.png') }

#vatswitch {
	background-color: #183765;
	padding: 2px 0px 2px 5px;
	height: 18px;
	font-size: 12px;
}

#vatswitch a {
	color: #ffffff;
}

#vatswitch a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#recent {
	margin: 15px 0px 0px 0px;
	
	width: 180px;
}

#popular {
	margin: 15px 0px 5px 0px;
	
	width: 180px;
}

#popular .titledboxcontent,
#recent .titledboxcontent {
	background-color: #ffffff;
}

#popular .titledboxtitle h1 {
	color: #eb4f4c;
}

#popular .titledboxtitle {
        background-image: url('images/PopularItems.gif');
        background-repeat: no-repeat;
        background-position: top right;
	 
	padding: 15px 0px 15px 0px;
}

#recent a,
#popularitems a {
	font-size: 11px;
}

#recent .titledboxtitle {
        background-image: url('images/RecentlyViewed.gif');
        background-repeat: no-repeat;
        background-position: top right;
	 
	padding: 15px 0px 15px 0px;
}

#popular table,
#recent table {
	
	
}

#contenttitle {
	background-color: #ffb200;
	font-size: 2.0em;
	font-weight: bold;
	color: #29318f;
}

#breadcrumb {
	background-image: none;
	font-size: 1.2em;
	padding-top: 6px;
	padding-left: 5px;
	border-bottom: 1px solid #ccc;
	text-align: left;
}
#breadcrumb ul {
	
	padding: 3px 1px;
}
#breadcrumb ul li {
	display: inline;
}

#breadcrumb a {
	color: #0000ff;
	text-decoration: underline;
}

#breadcrumb li.last a {
	color: #000000;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #fe0208;
}

#homelink { width: 300px; height: 160px; display: inline-block; }

#loginstatus {
	color: #ffffff;
}

#loginheader {
	background-color: #8e101d;
	background-image: url('images/red_grad_large.png');
	background-position: bottom;
	background-repeat: repeat-x;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	float: right;
	border: 2px solid #FFF;
	border-top: none;
	margin-right: 10px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	width: 304px;
}

#loginheader .top { height: 65px; }
#loginheader .bot { height: 30px; padding-left: 10px; font-weight: bold; }

#loginexpand { margin: 5px; display: block; background: transparent url('images/login_button.png'); border: 0; width: 20px; height: 20px; cursor: pointer; float: right; }
#loginexpand.minus { background-position: 0 20px; }

/* only if javascript is enabled */
.js #loginheader { height: 100px; position: relative; top: -65px; }

#loginheader.loggedin { height: 140px; top: -110px; }
#loginheader.loggedin .top { height: 110px; }

#loginform fieldset {
	margin: 0;
}

#loginform legend {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}

#loginform {
	width: 300px;
}

#loginuserlabel {
	display: inline;
	
	
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}

#loginpasslabel {
	display: inline;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	padding-left: 5px;
}

#loginuserinput, #loginpassinput {
	width: 90px;
}

#loginform input {
	display: inline;
	float: left;
	font-size: 12px;
}

#loginmessage {
	width: 172px;
	font-size: 12px;
	font-weight: bold;
	color: #0000ff;
	background-color: #ffffff;
	overflow: hidden;
	text-align: right;
	padding: 2px 4px 0 4px;
}

#logoutlink {
	font-weight: bold;
	text-align: right;
	background-color: #ffffff;
	color: #0000ff;
}

#usersettingslink {
	background-color: #cbd3dc;
}

#fgpasswordlink {
	font-size: 11px;
	color: #ffffff;
}

#fgpasswordlink a {
	color: #ffffff;
	text-decoration: underline;
	padding: 0px 0px 0px 10px;
}

#fgpasswordlink a:hover {
	background-color: #ef3a32;
}

#search { float: left; }
#navbar { float: left; border-left: 2px solid white; }

#searchterm { width: 189px; border: 0; height: 30px; text-align: left; color: #999; border-left: 1px solid #ccc; padding-left: 10px; }
#searchsubmitinput { width: 70px; height: 30px; background-color: #003773; color: #fff; border: none; font-weight: bold; }

#searchresults {
	border: 1px solid #999;
	padding: 3px;
	padding-bottom: 100px;
	margin: 9px 0px;
	background-color: #ffffff;
}

#quicklookupform {
	float: right;
	
	
	padding-top: 15px;
	padding-right: 25px;
	font-size: 1.2em;
	color: #ffffff;
}

#quicklookupcode {
	font-size: 0.9em;
	width: 100px;
	vertical-align: middle;
}

#quicklookupsubmit {
	font-size: 0.8em;
	vertical-align: middle;
}


#quicklookup fieldset {
	margin-right: 2px;
	border: 0px solid #bbb;
}

#quicklookup legend {
	color: #333;
	
}

#quicklookupsubmitinput {
	font-size: 1.0em;
	margin: 1px 1px 1px 40px;
}

/* Category Breadcrumb trail */
#categorybreadcrumb {
	font-size: 1.0em;
}
#categorybreadcrumb ul {
	
	padding: 0px 1px;
}
#categorybreadcrumb ul li {
	display: inline;
}

#categorybreadcrumb a {
	color: #0000ff;
	text-decoration: underline;
}

#productdetails {
	padding: 3px;
	padding-bottom: 50px;
	margin: 9px 0px;
	background-color: #ffffff;
	font-size: 125%;
}

#productdetails p {
	font-size: 100%;
	text-align: justify;
	line-height: 1.6em;
}

#productdetails ul {
	padding: 5px 0px 0px 6px;
	
	margin-left: 0px;
}

#productdetails li {
	padding: 0px 0px 7px 0px;
	
}

#productfulldesc {
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 9px;
}

#categoryimagediv {
	position: relative; /* Position is declared "relative" to stop images disappearing in IE. */
	border: 0px solid #444;
	margin: 10px 5px;
	
	background-color: white;
	width: 200px;
	float: left;
	clear: both;
}

.categoryimagealt {
	border: 1px solid #444;
	
	
	background-color: white;
}

#thecategory {
	font-size: 1.1em;
}

#thecategory li {
	margin-left: 10px;
}

#thecategory h1 {
	font-size: 1.4em;
	text-align: left;
	padding: 2px 0px 5px 0px;
	
}

#topcategory {
	font-size: 1.3em;
}

#topcategory li {
	margin-left: 10px;
}

#topcategory h1 {
	font-size: 1.6em;
	text-align: left;
}

#topcategory p {
	line-height: 1.6em;
	text-align: justify;
}

#productimagediv {
	margin: 10px 5px;
	
	background-color: white;
	width: 175px;
	float: left;
	clear: both;
	vertical-align: top;
}

.productimagealt {
	border: 1px solid #444;
	
	
	background-color: white;
}

.productsymbol {
	border: 0px solid #444;
	
	
	background-color: white;
}

#productexit {
	margin-top: 50px;
	margin-left: 165px;
	text-decoration: none;
}

#productexit a,
#productexit a:link,
#productexit a:active,
#productexit a:visited {
	color: #5380a4;
}

#productexit a:hover {
	color: #000;
}

#productexitimage {
	vertical-align: middle;
	border: 0px;
}

#quantitybreakdiv {
	border: 1px solid #bbb;
	margin-top: 20px;
	margin-left: 205px;
}

#splitpackdiv {
	border: 1px solid #bbb;
	margin-top: 20px;
	margin-left: 205px;
}

#specs {
	border: 1px solid #ccc;
	margin: 5px 0px;
	padding: 5px 0px 5px 5px;
}

#specs h3 {
	font-size: 1.3em;
	color: #0000ff;
}

#basketform {
	margin-top: 15px;
	padding: 5px 0px;
	border: 1px solid #bbb;
	margin-left: 0;
	text-align: center;
}

#wishlistform {
	margin-top: 15px;
	padding: 5px 0px;
	border: 1px solid #bbb;
	margin-left: 0;
	text-align: center;
}

#baskettocheckout {
	text-align: right;
	width: 100%;
}

#baskettocheckout a {
	color: #a00;
}

#checkoutstages {
	font-size: .8em;
	margin: 5px 0px 10px 0px;
	padding: 0px 5px;
	text-align: center;
}

#checkoutstages li {
	display: inline;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 5px;
	padding: 1px 5px;
	border: solid 1px #ccc;
	background-color: #a8adb4;
}

#checkoutstages li.currentstage {
	font-weight: bold;
	color: #ffffff;
	background-color: #dc241f;
	border: solid 1px #dc241f;
}

#attachedfiles {
	font-size: 10pt;
	margin: 5px 5px 5px 0px;
	padding: 0px 5px;
	color: #fff;
}

#attachedfiles ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: 5px;
	
}

#attachedfileslist a {
	font-size: 10pt;
	color: #29318f;
	text-decoration: underline;
}

.download {
	background-color: #29318f;
}

#content table {
	margin-bottom: 0px;
}

li.stagenotreached {
	background-color: #aaa;
}

li.stagereached {
	background-color: #eee;
}


/*******************/
/* Normal Elements */
/*******************/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}

h1 { font-size: 1.8em; text-align: center; }

h2 { font-size: 1.6em; }

h3 { font-size: 1.4em; }

h4 { font-size: 1.3em; }

h5 { font-size: 1.2em; }

h6 { font-size: 1.1em; }

a,
a:link,
a:active,
a:visited {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #0000ff;
}

img {
	border: 0px;
}

/*******************/
/* Class Elements */
/*******************/

/* Search Navigation List */
.searchnavlist {
	border: 0px;
	text-align: center;
	background-color: #ddd;
}
.searchnavlist ul
{
	border: 0px;
	margin: 2px;
	display: inline;
}

.searchnavlist ul li {
	border: 0px;
	display: inline;
}

.searchnavlist ul li a,
.searchnavlist ul li a:active,
.searchnavlist ul li a:link,
.searchnavlist ul li a:visited {
	padding: 0 2px;
	
	color: #333;
	text-decoration: none;
}

.searchnavlist ul li a:hover {
	background-color:#5380a4;
}

.searchnavlist ul li a.searchpagelinkcurrent,
.searchnavlist ul li a.searchpagelinkcurrent:active,
.searchnavlist ul li a.searchpagelinkcurrent:link,
.searchnavlist ul li a.searchpagelinkcurrent:visited {
	color: #f43;
}

.searchnavlist ul li a.searchpagelinkcurrent:hover {
	background-color: #fff;
}

.categoryproductheader th {
	font-size: 1.1em;
	font-weight: normal;
	color: #333333;
	padding-top: 15px;
}

.categoryproduct {
	font-size: 1.2em;
}

.tableproductheader {
	background-color: #183765;
	color: #fff;
}

.oddrow {
	background-color: #ffffff;
}

.evenrow {
	background-color: #ededed;
}

table.tableproduct {
	
	
}

.prodtableoddrow {
	font-size: 90%;
	background-color: #fff;
	
	
}
.prodtableevenrow {
	font-size: 90%;
	background-color: #cccccc;
	
	
}

.subcategory td {
	
	padding: 2px 0px 0px 2px;
}

/* Basket columns */
.basketproductimagecol { width: 115px; }
.basketstockcodecol { width: 115px; }
.basketdesccol { width: 270px; }
.basketpricecol { width: 75px; }
.basketqtycol { width: 75px; }


.basketoddrow {
}

#editbasket table th.basketqtycol,
.basketqtycol {
	text-align: right;
}

#editbasket table th.basketpricecol,
.basketpricecol {
	text-align: right;
}

#editbasket table th.basketvaluecol,
.basketvaluecol {
	text-align: right;
}

.basketvatcdcol {
	text-align: right;
	width: 20px;
}

.vatamount {
	text-align: right;
}

.basketremovecol {
	text-align: right;
}

td.basketremovecol a {
	color: #a00;
}

.baskettotalval {
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}

.baskettotal {
	font-size: 13px;
	font-weight: bold;
}

#baskettable {
	
	background-color: #ffffff;
}

.viewbasket {
	background-color: #183765;
	padding: 2px 0px 2px 5px;
}

.checkout {
	background-color: #0e4d83;
	padding: 2px 0px 2px 5px;
}

.viewbasket a,
.checkout a {
	font-size: 10pt;
	color: #ffffff;
}

.viewbasket a:hover,
.checkout a:hover {
	text-decoration: underline;
}

#emptybasket {
	color: #333333;
	font-size: 12px;
	padding-left: 3px;
}
	
#checkout {
	font-size: 9pt;
}

#checkout h1 {
	color: #29318f;
}

#checkout p {
	font-size: 12px;
}

.checkoutinputerror {
	color: #f00;
}

/* Titled round corner boxes */

#search.titledbox {
	margin-bottom: 0px;
}

#basket.titledbox {
	margin-bottom: 0px;
	width: 180px;
}

#login.titledbox {
	background-color: #ffffff;
	margin: 0;
	width: 180px;
}

#portalindex {}

#portalindex ul {
	font-size: 12px;
	margin-left: 0px;
	list-style: none;
}

#portalindex li { float: left; }



.titledbox {
	
}

#search .titledboxcontent {
        background-image: none;
}

#search .titledboxcontentinner {
        background-image: none;
}

.titledboxtitle {
        background-image: url('images/bluehdrright.gif');
        background-repeat: no-repeat;
        background-position: top right;
	 
	
}

#search .titledboxtitle {
	background-image: none;
}

#login .titledboxtitle {
        background-image: url('images/UserBoxHead.gif');
        background-repeat: no-repeat;
        background-position: top right;
	 
	padding: 15px 0px 15px 0;
}

#login .titledboxtitleinner {
	 
	
}

#basket .titledboxtitle {
        background-image: url('images/BasketBoxHead.gif');
        background-repeat: no-repeat;
        background-position: top right;
	 
	padding: 15px 0px 15px 0px;
}

#basket .titledboxtitleinner {
	 
	
}

#categories .titledboxtitle {
        background-image: none;
        background-repeat: no-repeat;
        background-position: top right;
}

#otherlinks .titledboxtitle {
        background-image: none;
        background-repeat: no-repeat;
        background-position: top right;
}

.titledboxtitleinner {
        background-image: url('images/bluehdrleft.gif');
        background-repeat: no-repeat;
        background-position: top left;
	 
	
}

#sidebarleft h2 {
	background-color: #00aeef;
	color: #fff;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
}

#otherlinks .titledboxtitleinner {
        background-image: url('images/OthBoxHead.gif');
        background-repeat: no-repeat;
        background-position: top right;
	 
	margin-right: 2px;
	padding: 15px 0px 15px 0px;
}

#categories .titledboxtitleinner {
	background-color: #00aeef;
}

.titledboxtitle h1 {
	padding: 3px; 
	font-size: 1.3em; 
	color: #29318f;
	text-decoration: underline;
	font-weight: bold;
	border: 0px;
}

#search .titledboxtitle h1 {
	 
	padding: 3px 0px 3px 4px; 
	color: #29318f;
	text-align: left;
}

#search .titledboxtitleinner h1 {
	padding: 3px 0px 3px 3px;
}

#search .titledboxtitleinner {
	background-color: #cbd3dc;
        background-image: url('images/magglass.png');
        background-repeat: no-repeat;
        background-position: left;
	 
	
}


#basket .titledboxtitle h1,
#login .titledboxtitle h1 {
	 
	padding: 3px 0px; 
	color: #ffffff;
	font-weight: bold;
}

#otherlinks .titledboxtitle h1,
#categories .titledboxtitle h1 {
	 
	padding: 3px 0px; 
}

#search .titledboxtitle h1 a,
#search .titledboxtitle h1 a:link,
#search .titledboxtitle h1 a:active,
#search .titledboxtitle h1 a:visited,
#search .titledboxtitle h1 a:hover {
	text-decoration: none;
	color: #29318f;
}

#categories .titledboxtitle h1 a,
#categories .titledboxtitle h1 a:link,
#categories .titledboxtitle h1 a:active,
#categories .titledboxtitle h1 a:visited,
#categories .titledboxtitle h1 a:hover {
	text-decoration: none;
	color: #ffb200;
}

#login .tbbot {
        background-image: url('images/redftrright.gif');
        background-repeat: no-repeat;
        background-position: right bottom;
	 
	
}

#basket .tbbotin {
	
	
	height: 4px;
        background-image: url('images/BasketShade.gif');
        background-repeat: repeat-x;
        background-position: bottom;
}

#search .tbbot, #search .tbbotin {
	overflow:hidden;
	
	background-image: none;
	height: 2px;
}

#otherlinks .tbbot, #otherlinks .tbbotin {
	overflow:hidden;
	
	background-image: none;
	margin: 0px 2px 0px 4px;
	height: 5px;
        background-image: url('images/BoxShade.gif');
        background-repeat: repeat-x;
        background-position: bottom;
}

#categories .tbbot, #categories .tbbotin {
	overflow:hidden;
	
	background-image: none;
	margin: 0px 2px 0px 6px;
	height: 5px;
        background-image: url('images/CatShade.gif');
        background-repeat: repeat-x;
        background-position: bottom;
}


.tb1, .tb2, .tb3, .tb4 {
	
}

.subcat {
	padding-left: 5px;
}

#subcategoryheader {
	font-size: 1.6em;
	width: 100%;
	font-weight: bold;
	color: #ffffff;
	padding: 2px 0px 1px 0px;
}

.scdesctitle a {
        background-image: url('images/catbullet.gif');
        background-repeat: no-repeat;
        background-position: top left;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	padding: 0px 0px 0px 22px;
}

#leftbox {
	float: left;
	width: 49%;
	height: 145px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding-top: 5px;
	font-size: 12px;
}

#leftbox img {
	border: 1px solid #cccccc;
	margin-left: 10px;
	margin-right: 5px;
	float: right;
}

#rightbox {
	float: left;
	width: 49%;
	height: 145px;
	border-bottom: 1px solid #cccccc;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 12px;
}

#rightbox img {
	border: 1px solid #cccccc;
	margin-left: 10px;
	margin-right: 5px;
	float: right;
}

.categoryheader {
	font-size: 1.1em;
	font-weight: bold;
	color: #29318f;
	padding: 6px 0px 0px 5px;
	margin-top: 5px;
	border:1px solid #cccccc;
}

.categoryheader h2 {
	margin-right: 20px;
	border-bottom: 1px solid #cccccc;
}

#catdownload {
	font-size: 1.1em;
	clear: both;
}

#catdownload a {
	color: #3e3e3e;
}

#catdownload a:hover {
	color: #3e3e3e;
	text-decoration: underline;
}

#catdownload p {
	font-size: 14px;
	padding: 5px;
}

#catheadimage {
	float: left;
	width: 157px;
	margin-top: 4px;
	margin-bottom: 2px;
	border: 1px solid #cccccc;
}

#cathead {
	width: 415px;
	padding-top: 2px;
	margin-left: 166px;
	text-align: justify;
	color: #ffffff;
}
	
#cathead p {
	font-size: 1.3em;
	background-color: #efefef;
	color: #333333;
	padding: 5px 5px 5px 5px;
	
	line-height: 1.5em;
	letter-spacing: .4px;
}

#cathead h2 {
	font-size: 1.3em;
	padding-left: 5px;
}

.cathead h2 {
}

.categoryheader p {
	font-size: 1.2em;
	font-weight: normal;
	text-align: justify;
	color: #000000;
	padding: 6px 20px 0px 0px;
}

.categoryheader a {
	font-weight: normal;
}

.categoryheader a:hover {
	text-decoration: underline;
	color: #29318f;
}

.offercategory {
	width: 170px;
	border-bottom: 1px dashed #cccccc;
	border-left: 1px dashed #cccccc;
	
	padding: 8px 8px 0px 8px;
	float: left;
	background-color: #ffffff;
}

.offercategorymidinner {
        background-image: url('images/plainside.gif');
        background-repeat: repeat-y;
        background-position: top right;
	height: 175px;
}

.subcategory {
	width: 170px;
	border-bottom: 1px dashed #cccccc;
	border-left: 1px dashed #cccccc;
	
	padding: 8px 8px 0px 8px;
	float: left;
	background-color: #ffffff;
}

.subcategoryimage {
	display: block;
	text-align: center;
}

.subcategorytitle {
        background-image: none;
	display: block;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 10pt;
	font-style: italic;
	margin: 0px 2px 0px 2px;
	padding: 0px 0px 0px 0px;
}

.subcategorytitle h2 {
	color: #646464;
	font-size: 13px;
	font-weight: bold;
	line-height: 10pt;
	font-style: italic;
}

.subcategorytitle a:visited,
.subcategorytitle a {
	color: #646464;
}

.subcategorytitle a:hover {
	color: #ef3a32;
}

.subcategorytopinner {
        background-image: url('images/plainhdrleft.gif');
        background-repeat: no-repeat;
        background-position: bottom left;
	 
	
	height: 12px;
}

.subcategorytop {
        background-image: url('images/plainhdrright.gif');
        background-repeat: no-repeat;
        background-position: bottom right;
	 
	
	height: 12px;
}

.subcategorybotinner {
        background-image: url('images/plainftrleft.gif');
        background-repeat: no-repeat;
        background-position: top left;
	 
	
	height: 12px;
}

.subcategorybot {
        background-image: url('images/plainftrright.gif');
        background-repeat: no-repeat;
        background-position: top right;
	 
	
	height: 12px;
}

.subcategorymid {
        background-image: url('images/plainside.gif');
        background-repeat: repeat-y;
        background-position: top left;
	background-color: #fff;
	
	
	border: 0px solid #333;
}

.subcategorymidinner {
        background-image: url('images/plainside.gif');
        background-repeat: repeat-y;
        background-position: top right;
	height: 175px;
}

.idxcatheader {
	display: block;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0 auto;
}

.idxcatheader p {
	font-size: 12pt;
	font-weight: normal;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.idxtd {
        background-image: url('images/idxbox.gif');
        background-repeat: no-repeat;
        background-position: center;
}

.idxtr {
	height: 210px;
}

.idxtitle {
	padding: 5px 0px 0px 0px;
	font-size: 14pt;
	font-weight: normal;
	font-style: italic;
}

.idxcontent {
	padding-left: 10px;
}

.idxcontent p {
	font-size: 12pt;
	font-weight: normal;
}

.idxcontent ul {
	font-size: 11pt;
	font-weight: normal;
	list-style-image: url('images/listimage.gif');
}

.idxcontent li {
	padding: 0px 0px 5px 0px;
}

.idxcontent a {
	font-size: 10pt;
	color: #29318f;
	text-decoration: underline;
}

.idxcontent h2 {
	color: #29318f;
	padding-left: 0px;
}

.idxcontent h3 {
	padding-left: 0px;
}

.idxcontent table {
	padding-left: 10px;
	font-size: 12pt;
}
	
.catrequest table {
	padding-left: 10px;
	font-size: 12pt;
}

.catrequest p {
	padding: 5px 5px 4px 10px;
	font-size: 12pt;
	font-weight: normal;
	
}

.cellhlast {
	background-color:#CCCCCC;
	border-bottom:1px solid #000000;
	color:#000000;
}

.contactrail {
	font-size: 12pt;
	padding: 0px 0px 0px 75px;
}

#enlarge {
	font-size: 6pt;
	vertical-align: middle;
	text-align: right;
	margin: 1px;
}

#orderhistorytabs ul {
	
	
}

#orderhistorytabs li {
	position: relative;
	display: inline;
	font-size: 14px;
	margin: 1px;
	padding: 0px 2px;
	border: 1px solid #000;
}

#orderhistorytabs a:hover {
	font-weight: normal;
	color: #000000;
	background-color: red;
}

#ordhist {
	font-size: 12px;
}
	
#ordhist tr th {
	background-color: #cbd3dc;
	padding-right: 12px;
}

#ordhist tr th.ordhistasc {
	background-image: url('images/uparrow.gif');
	background-repeat: no-repeat;
	background-position: right;
}

#ordhist tr th.ordhistdesc {
	background-image: url('images/downarrow.gif');
	background-repeat: no-repeat;
	background-position: right;
}

#transheader {
	font-size: 12px;
}

#transheader th,
#transbalance th,
#transdetail th {
	color: #0c5296;
	text-decoration: underline;
}

#transdetail {
	font-size: 12px;
}

#transdetail td.overdue {
	color: #ff0000;
}

#transbalance {
	font-size: 12px;
}

#orders {
	font-size: 12px;
}

#orders th {
	color: #0c5296;
	padding-bottom: 5px;
}

#orders tr.evenrow {
	background-color: #eeeeee;
}

#orders td.cono {
	font-size: 13px;
	font-weight: bold;
}

#orders td.ordstat,
#orders td.ordval {
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	padding: 0px 3px 0px 3px;
}

#orders td.deladd {
	padding-top: 10px;
	padding-bottom: 10px;
}

#orders p {
	font-size: 14px;
}

#orderdetail {
	font-size: 12px;
}


.rightsidebaradvert {
	padding: 15px 0px 0px 0px;
}

.leftsidebaradvert {
	padding: 15px 0px 15px 8px;
}

.fxbanner {
	
	
	height: 141px;
	background-image: url('images/BannerFX2.gif');
	background-repeat: no-repeat;
	background-position: center;
}

.basketsubmit {
	padding: 2px 0px 0px 5px;
	margin: 0;
}

.basketsubmitinput {
	vertical-align: bottom;
	margin: 0;
}

form.addtobasket {
	margin-bottom: 0px;
}

#categorycontent {
	margin: auto;
}

.attscol {
	text-align: center;
}

#catdownload h2 {
	padding: 5px 0px 5px 10px;
	color: #646464;
	font-style: italic;
}

.catdownloadsec {
	margin-top: 10px;
	font-size: 1.3em;
	padding-top: 10px;
	border-bottom: 1px dashed #646464;
}

.catdownloadsec a {
	font-weight: bold;
	font-style: italic;
	padding: 0px 0px 10px 0px;
}

.catdownloadsec a:hover {
	text-decoration: underline;
}

.catwarning {
	font-size: 12pt;
	font-weight: bold;
	margin: 0px 5px 10px 5px;
	padding: 2px;
	border: 2px solid #cccccc;
}

#pointofsale {
	margin-left: auto;
	margin-right: auto;
	width: 570px;
}

#pointofsale p {
	font-size: 1.4em;
	max-width: 380px;
	padding: 10px 0px 0px 100px;
	
	text-align: justify;
}	

#prodtest { width: 770px; padding: 10px; }

#prodtest p {
	font-size: 1.4em;
	padding: 10px 5px 10px 5px;
	text-align: justify;
}	

#prodtest h2 { font-size: 2em; margin-bottom: 10px; }

#prodtest iframe {
	
	width: 375px;
	height: 290px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	
}

#quickorder p {
	font-size: 1.5em;
	padding: 0px 20px 10px 10px;
	text-align: justify;
}

#quickorderform {
	font-size: 1.5em;
	margin: 0 10px 0 10px;
	padding: 10px 0 10px 0;
	text-align: justify;
}

#quickorderform form {
	background-color: #eeeeee;
	border: 4px solid #cccccc;
	width: 550px;
}

.quickerror {
	padding: 0 0 0 5px;
	color: #333333;
	font-size: 11px;
}

#contactus {
	max-width: 570px;
	margin-left:auto;
	margin-right:auto;
}

#contactus p {
	font-size: 1.5em;
	padding: 0px 20px 5px 10px;
	text-align: justify;
}

.contactbox {
	display: inline;
	float: left;
	position: relative;
	margin: 0 1px 15px;
}

.contactbox.website h2.header {
	background-image: url("/themes/toolpak/images/ContactWeb.png");
	background-position: top left;
	background-repeat: no-repeat;
	width: 180px;
}

.contactbox.sales h2.header {
	background-image: url("/themes/toolpak/images/ContactSales.png");
	background-position: top left;
	background-repeat: no-repeat;
	width: 180px;
}

.contactbox.custserv h2.header {
	background-image: url("/themes/toolpak/images/ContactCust.png");
	background-position: top left;
	background-repeat: no-repeat;
	width: 180px;
}

.contactbox.address h2.header {
	background-image: url("/themes/toolpak/images/ContactMap.png");
	background-position: top center;
	background-repeat: no-repeat;
	width: 270px;
}

.contactbox.enquiry h2.enqheader {
	background-image: url("/themes/toolpak/images/ContactEnquiry.gif");
	background-position: top center;
	background-repeat: no-repeat;
	width: 300px;
}

.contactbox h2.header {
	position: relative;
	top: 3px;
	height: 0px;
	overflow: hidden;
	padding: 26px 0px 0px 1px;
}

.contactbox h2.enqheader {
	position: relative;
	height: 0px;
	overflow: hidden;
	padding: 32px 0px 0px;
}

.contactboxtl {
	background: transparent url("/themes/toolpak/images/BoxTL.gif") no-repeat scroll left top;
}

.contactboxtr {
	background: transparent url("/themes/toolpak/images/BoxTR.gif") no-repeat scroll right top;
}

.contactboxbl {
	background: transparent url("/themes/toolpak/images/BoxBL.gif") no-repeat scroll left bottom;
}

.contactboxbr {
	background: transparent url("/themes/toolpak/images/BoxBR.gif") no-repeat scroll bottom right;
}
#contactus .content {
	
	padding: 13px 3px 13px 15px;
	position: relative;
}

#contactus .contactbox .content p {
	color: #737373;
	font-size: 11px;
	line-height: 16px;
	
	padding: 0 0 3px 28px;
}

#contactus .contactbox .content p.email {
	background: transparent url("/themes/toolpak/images/Icon_Email.gif") no-repeat scroll left top;
	height: 32px;
}

#contactus .contactbox .content p.tel {
	background: transparent url("/themes/toolpak/images/Icon_Phone.gif") no-repeat scroll left top;
	height: 26px;
	line-height: 24px;
	margin-bottom: 3px;
}


#contactus .contactbox .content p.hours {
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 10px;
	
}

#contactus .contactbox .content p.help {
	background: transparent url("/themes/toolpak/images/Dotline.gif") repeat-x scroll left top;
	height: 55px;
	line-height: 14px;
	margin: 0 8px 0 0;
	padding: 10px 0 0;
}

#contactus .contactbox .content p.fax {
	background: transparent url("/themes/toolpak/images/Icon_Fax.gif") no-repeat scroll left top;
	height: 16px;
	margin-bottom: 8px;
}

#contactus .contactbox .content .address {
	background: transparent url("/themes/toolpak/images/Icon_Address.gif") no-repeat scroll left top;
	height: 290px;
	margin-bottom: 8px;
	padding-left: 25px;
}

#contactus .contactbox.sales .content p.noBg,
#contactus .contactbox.website .content p.noBg {
	background: none;
}

#contactus .contactbox .content .address p span.large {
	font-size: 14px;
	line-height: 18px;
}

#contactus .contactbox .content .address p.maplink a {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #137bd0;
}

#contactus .enquiryform {
	background-color: #eeeeee;
	height: 290px;
	margin-bottom: 8px;
}

#contactus .enquiryform p {
	margin: 0px 18px;
	padding: 5px 0px 0px 0px;
	font-size: 11px;
	color: #737373;
	line-height: 14px;
}

#contactus .enquiryform table {
	padding: 15px 0px 15px 5px;
}

.width180 {
	width: 187px;
}

.width270 {
	width: 265px;
}

.width300 {
	width: 300px;
}

.clearboth {
	clear: both;
	height: 0;
	line-height: 0;
}

#editbasket {
	font-size: 12px;
	padding: 10px;
}

#editbasket table th {
	background-color: #4f4e53;
	color: #ffffff;
	font-size: 13px;
	height: 25px;
	text-align: left;
	text-indent: 3px;
}

#editbasket table {
	font-size: 11px;
	height: 5px;
}

#editbasket table a {
	color: #0001fe;
	font-size: 11px;
	text-decoration: underline;
}

.dot {
	background: url("/themes/toolpak/images/Dotline.gif");
}

.mapinfo {
	font-size: 12px;
}

.mapinfo a {
	color: #0000ff;
	text-decoration: underline;
}

#forcex {
	vertical-align: top;
	height: 1050px; 
	width: 100%;
	background-image: url('images/ForceX_bg.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #010101;
}

#forcexpromo {
	vertical-align: top;
	height: 1050px;
	width: 100%;
	background-image: url('images/ForceX_bg2.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #010101;
}

.movie {
	height: 850px;
}

#forcexcontent {
	
	padding: 80px 0px 5px 0px;
	background-image: none;
}

#forcexcontent h2 {
	color: #ffffff;
	font-weight: bold;
	font-style: italic;
	font-size: 20px;
}

#forcexcontent p {
	padding: 0;
	margin: 8px 0 0 0;
	color: #ffffff;
	font-style: italic;
	text-align: justify;
	font-size: 13px;
}

#forcexcontent a {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}
#choosedelmeth td.delmethopt {
	width: 350px;
}

.delmethcd {
	font-size: 14px;
	font-weight: bold;
}

#mailinglist {
	margin: 15px 0px 0px 0px;
	padding: 15px 0px 0px 15px;
	background-image: url('images/Newsletter.jpg');
	background-repeat: no-repeat;
	background-position: top;
	height: 184px;
}	

#mailreg {
	padding: 85px 0px 10px 15px;
} 

#mailname,
#mailemail {
	margin: 0px 0px 5px 0px;
	font-size: 11px;
	width: 145px;
	color: #4f4e53;
}

#mailsubmitinput {
	margin: 0px 0px 0px 35px;
}

#mailack {
	font-size: 13px;
	padding: 10px 10px 0px 5px;
}

#news {
	padding: 5px 0 0 10px;
}

#news p {
	font-size: 14px;
}

#news h2 {
	font-size: 18px;
	color: #bbbbbb;
	font-style: italic;
	font-weight: bold;
}

#news h2 span {
	color: #cccccc;
}

#articletable {
	margin: 10px 20px 10px 10px;
}

.articlefulltext p,
.articletext p {
	padding: 0 10px 4px 10px;
	margin: 0;
	font-size: 13px;
	text-align: justify;
	border-left: 1px dashed #cccccc;
}

.articledate {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #cccccc;
	width: 80px;
}

h2.articletitle {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #006cac;
	border-left: 1px dashed #cccccc;
	padding: 0 0 0 5px;
}

.articletext a {
	font-size: 14px;
	font-style: italic;
	color: #006cac;
}

.articletext img {
	margin: 15px;
}

.articletitle a {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #006cac;
	border-left: 1px dashed #cccccc;
	padding: 0 0 0 5px;
}

.articletitle a:hover { text-decoration: underline; }

#loginform fieldset { border: none; margin: 3px; }
#loginform input[type=text], 
#loginform input[type=password] { padding-left: 5px; border: none; width: 105px; height:25px; margin: 0; margin: 3px; }
#loginform .loginsubmit { width: 55px; background-color: #1470B9; color: #fff; border: 0; height: 25px; font-weight: bold; margin: 3px; cursor: pointer; }

.logout { font-size: 11px; padding: 0 5px; }
.logout form { float: right; }
.logoutsubmit { width: 45px; background-color: #1470B9; color: #fff; border: 0; height: 25px; font-weight: bold; margin: 3px; font-size: 10px; cursor: pointer; }

#basket { font-weight: bold; float: left; }
#basket a { color: #fff; }

#fgpasswordlink { padding: 0 10px; }

.blurred { color: #888; }

#portalindex { padding-left: 5px; }
#portalindex a { color: #fff; }

#portalindex li {
	margin-right: 9px;
	border-right: 1px solid #fff;
	padding-right: 8px;
}
#portalindex li a:hover { text-decoration: underline; }

#editbasket table.lastitem { width: 100%; margin-bottom: 30px; }
#editbasket table.lastitem th { text-align:center; }

.dataTables_wrapper th { cursor: pointer; }

#editbaskettable_length { float: left; }
#editbaskettable_filter { float: right; }