/* CSS for Ison Distribution website
Author : Lewis Harvey - Ison Distribution*/

body {
	margin: 0px;
}
a img {
	border: none;
}
.techlist {
	list-style-image: url('images/techli.png');
}
/*Style to control fonts on the table at the top of the page*/
.topbar {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	padding: 0;
	background-color: #000000
}
/*Style to control the footer (where copyright is situated)*/
.footer {
	font-size: 10px;
	font-family: Arial;
	text-decoration: none;
	color: #000000
}
/*Style to control link table at the base of the screen*/
.baseline {
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF
}
/*Style to control the search function*/
.searchbar {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	text-decoration: none
}
/*Style to control the dropdown menu of brands*/
.brandList {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	text-decoration: none
}
/*Style to control the layout of the table containing the above two items*/
.secondbar {
	font-family: Verdana;
	font-size: 18px;
	color: #000000;
	text-decoration: none
}
/*Styles to control the refine your search tables at the top of the page*/
.refinebicycle {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-align: center;
	font-weight: bold;
	text-decoration: none
}
.refineother {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	text-decoration: none
}
.refineall {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	text-decoration: none
}
/*Control of the hyperlinks in the search function on the main page*/
a:link.searchbar {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none
}
a:visited.searchbar {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none
}
a:active.searchbar {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none
}
a:hover.searchbar {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFF00;
	text-decoration: none
}
/*Control of the hyperlinks in the secondary bar (containing search bar and brandlist) on the main page*/
a:link.secondbar {
	font-family: Verdana;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold
}
a:visited.secondbar {
	font-family: Verdana;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold
}
a:active.secondbar {
	font-family: Verdana;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold
}
a:hover.secondbar {
	font-family: Verdana;
	font-size: 14px;
	color: #FFFF00;
	text-decoration: none;
	font-weight: bold
}
/*Control of the hyperlinks in the refine your search (bicycle side) on the main page*/
a:link.refinebicycle {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none
}
a:visited.refinebicycle {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none
}
a:active.refinebicycle {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none
}
a:hover.refinebicycle {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none
}
/*Control of the hyperlinks in the refine your search (other sports side) on the main page*/
a:link.refineother {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none
}
a:visited.refineother {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none
}
a:active.refineother {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none
}
a:hover.refineother {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none
}
/*Control of the hyperlinks in the main link bar at the bottom of the page*/
a:link.baseline {
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline
}
a:visited.baseline {
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline
}
a:active.baseline {
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline
}
a:hover.baseline {
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none
}
/*Control of the menu look on hover navigation*/
.menuskin {
	position: absolute;
	width: 220px;
	background-color: menu;
	border: 2px solid black;
	font: normal 10px Verdana;
	line-height: 12px;
	z-index: 100;
	visibility: hidden
}
/*Control of the menu links on hover navigation*/
.menuskin a {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	color: black;
	padding-left: 5px;
	padding-right: 5px
}
/*Style for highlighting the items selected on fold out menu*/
#mouseoverstyle {
	background-color: highlight
}
/*Link colour on fold out menu*/
#mouseoverstyle a {
	color: white
}
/*Menu has two seperate styles for bike items, yellow for when there is now mouse over, green for when their is.
This works but using the onmouseover method in the table field, setting to change the css class*/
.bikemenu {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #000000;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #FFFF00
}
.bikemenuout {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #000000;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #00FF00
}
.compactbikemenu {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	border: 0px solid #000000;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #FFFF00
}
.compactbikemenuout2 {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	border: 0px solid #000000;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #00FF00
}
/*Same as above for other sports but with grey and green*/
.othermenu {
	font-family: Verdana;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #000000;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #C0C0C0
}
.othermenuout {
	font-family: Verdana;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #000000;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #00FF00
}
.compactothermenu {
	font-family: Verdana;
	font-size: 10px;
	color: #FF0000;
	font-weight: normal;
	text-decoration: none;
	border: 0px solid #000000;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #C0C0C0
}
.compactothermenuout {
	font-family: Verdana;
	font-size: 10px;
	color: #FF0000;
	font-weight: normal;
	text-decoration: none;
	border: 0px solid #000000;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #00FF00
}
.toolmenu {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #000000;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #00CC00
}
.toolmenuout {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #000000;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #00FF00
}
.compacttoolmenu {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	border: 0px solid #000000;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #00CC00
}
.compacttoolmenuout {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	border: 0px solid #000000;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #00FF00
}
td.bikemenu {
	cursor: default
}
td.bikemenuout {
	cursor: default
}
/*Same as above for other sports but with grey and green*/
td.othermenu {
	cursor: default
}
td.othermenuout {
	cursor: default
}
/*Same as above for all button*/
.allmenu {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #000000;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #00FF00
}
.dealermenu {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #000000;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #00CCFF
}
.clearmenu {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #000000;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #FF0000
}
.menulist {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #000000;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #000000
}
/*class to align main body table*/
.boxbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
/*Control of the hyperlinks in the main window*/
a:link.boxbody {
	font-family: Verdana;
	font-size: 9px;
	color: #000000;
	text-decoration: underline
}
a:visited.boxbody {
	font-family: Verdana;
	font-size: 9px;
	color: #000000;
	text-decoration: underline
}
a:active.boxbody {
	font-family: Verdana;
	font-size: 9px;
	color: #000000;
	text-decoration: underline
}
a:hover.boxbody {
	font-family: Verdana;
	font-size: 9px;
	color: #FF0000;
	text-decoration: none
}
/*class to align main body table*/
.mainbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.careers-box {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #00C;
}
/*Control of the hyperlinks in the main window*/
a:link.mainbody {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: underline
}
a:visited.mainbody {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: underline
}
a:active.mainbody {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: underline
}
a:hover.mainbody {
	font-family: Verdana;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none
}
/*Control of the hyperlinks in the menu*/
a:link.menulink {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-decoration: none
}
a:visited.menulink {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-decoration: none
}
a:active.menulink {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-decoration: none
}
a:hover.menulink {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-decoration: underline
}
/*Control of the hyperlinks in the menu*/
a:link.menutitle {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none
}
a:visited.menutitle {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none
}
a:active.menutitle {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none
}
a:hover.menutitle {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline
}
.mainbodylogout {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;*/
	color: #FF0000;
	font-weight: bold;
}
.mainbodylogin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00AA00;
	font-weight: bold;
}
.mainbodycheck {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}
/*Class for login form*/
.login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	color: #000000;
}
.loginborderside {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
}
.loginboderbottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
/*Class for subscribe form*/
.subscribe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	color: #000000;
}
.subborderside {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
}
.subborderbottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
/*class to for body data for prices on generic products*/
.mainbodyprice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
	color: #FF0000;
}
/*Grid header for product listing*/
.gridheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	border: 1px solid #000000;
}
/*Body of grid for product listing*/
.gridbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
	border: 1px solid #000000;
	width: 1px;
	vertical-align: middle;
}
/*Body of grid for product listing*/
.gridbodyred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}
/*site map header grid*/
.sitemapheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
}
/* Form that can be hidden when menu is displayed */
.hiddenform {
	position: relative;
	visibility: visible;
}
.cellborder {
	border: thin solid #000000;
}
.newsbordertop {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.newsborderleft {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.newsborder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.newsright {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.printstyle1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}
.printstyle2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: small;
}
.yellow {
	color: #FFFF00;
}
.green {
	color: #00CC00;
}
.grey {
	color: #C0C0C0;
}
.printbutton {
	background-imageX: url(images/print_page.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 25px;
}
.alphalist {
	list-style-type: lower-alpha;
}
#menudiv {
	background-color: #C0C0C0;
	height: 500px;
	width: 190px;
	overflow: auto;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
}
.careers-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0F0;
	text-decoration: underline;
}
.careers-maintxt {
	font-family: Verdana;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
.hse-txt {
	font-family: Verdana;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
#hes-logos {
	margin-left: 10px;
	margin-top: 30px;
	border: none;
}
p.intro {
	font-size: 1.3em;
	line-height: normal;
	margin-bottom: 15px;
}
h1 {
	font: normal 2.4em Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	border-bottom: 1px dashed #999;
	padding: 5px 0 5px 8px;
	color: #14556b;
}
p {
	font: 1.6em/160% Georgia, "Times New Roman", Times, serif;
	margin: 10px 8px;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	color: #666666;
	margin-left: 0px;
	padding-left: 8px;
	border-top: 1px dashed #999;
	clear: both;
}
.figure {
	width: auto;
	height: 10px;
	float: left;
	width: 210px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.photo img {
}
.figure p {
	font: 1.1em/normal Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 10px 0 0 0;
	height: 1.5em;
}
.careers-h1 {
	font-family: Verdana;
	font-size: 18px;
	color: #000;
	text-decoration: underline;
}
.careers-txt {
	font-family: Verdana;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
.baseline-b {
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF
}

/******************
formatting added 06/01/2014 
this is to allow light blue website to format correctly
******************/
.mainbody p {
	font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
	/*margin:0;*/
}
.mainbody h4 {
	margin:0;
}
.mainbody ul {
	margin:0;
}


/* special cases for printing */
@media print {
.noprint {
	display: none;
}
}