/* canute 								*/
/* css styles by kim turley 12/06/07 	*/

html { 
	height: 101%;
}

body {
	text-align: center;
	font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif;
	font-size: 71%;
	background-color: #000000;
	margin:0;
}

/* main headers */

h1 { 
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:100%;
	color:#000000;

	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #000000;
	padding: 0;
	margin: 10px 0px 10px 0px;
	height: 50px; /* essential to stop some headings not being shown and to stop the extra white space below long headings. leave this value as 30px*/
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #3c3c3c;
	padding: 0;
	margin: 0px 0px 5px 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #3c3c3c;
	padding: 10px 0 0 0 ;
	margin: 0px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #000000;
	padding: 0px;
	margin: 0px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000000;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	display: inline;
	font-weight:bold;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #666666;
	padding: 0px;
	margin: 0px;
	min-height: 20px;
}

ul {
	padding: 0px;
	margin: 0px;
}

ul li {
	padding: 0px;
	margin: 4px 0px 4px 20px;
}

ul li ul li {
	padding: 0px;
	margin: 3px 0px 3px 20px;
}

/* general tags */

p {
	margin: 0px 0px 0px 0px;
	line-height: 1.2em;
	margin-top: 0px;
	
}

a {
	color: #ee2e24;
	text-decoration: none;
	
}

a:hover {
	color: #ee2e24;
	text-decoration: underline;
}

img {
	border: none;
}

.clearall {
	clear: both;
}

.red {
	color: #ee2e24;
}
.yellow  {
	color: #ffd200;
}

.white {
	color: #ffffff;
}

.bold {
	color: #3c3c3c;
	font-weight: bold;
}

/* form styling */

form table th {
	width:280px;
	padding:14px 0 14px 0;
}

form input, select, textarea {
	font-family: Tahoma, Arial,  Verdana,  Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px #999999 solid;
	background-color: #eeeeee;
	color: #333333;
	padding: 2px 5px 2px 5px;

}

/* site divs */

.container {
	width: 880px;
	margin: 0 auto 20px auto;
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px;
	
}

.top {
	background-color: #ffd204;
	height: 84px;
}


.top .logo {
	float: left;
	padding:15px 0 0 46px;
}

.top .global {
	float: left;
	width: 687px;
	text-align: right;
	padding:40px 24px 0 0;
}


/* top navigation */

#nav {
	width: 880px;
	height: 38px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	z-index:0;
	text-align:left;
}

#nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	
}

#nav li {
	float: left;
	padding: 0px;
	margin: 0px;
	
}

#nav li span {
	visibility: hidden;
}

#nav #nblank { 
	width: 144px; 
}

#nav a {
	height: 38px;
	display: block;
	text-decoration: none;
	
}

#nav #nhome a {background-image: url(../images/nav/home.gif); width: 81px; }
#nav #nhome a:hover, #nav #nhome .nav_on {background-image: url(../images/nav/home_over.gif); width: 81px; }
#nav #nhome li a, #nav #nhome ul .nav_on {	background-image: none; }
#nav #nhome li a:hover { background-image: none; }

#nav #nwho-we-are a { background-image: url(../images/nav/who-we-are.gif); width: 105px; }
#nav #nwho-we-are a:hover, #nav #nwho-we-are .nav_on { background-image: url(../images/nav/who-we-are_over.gif); width: 105px; }
#nav #nwho-we-are li a, #nav #nwho-we-are ul .nav_on { background-image: none; }
#nav #nwho-we-are li a:hover { background-image: none; }

#nav #nmarkets a {background-image: url(../images/nav/markets.gif); width: 100px;}
#nav #nmarkets li a, #nav #nmarkets ul .nav_on { background-image: none; }
#nav #nmarkets a:hover, #nav #nmarkets .nav_on {background-image: url(../images/nav/markets_over.gif); width: 100px;}
#nav #nmarkets li a:hover { background-image: none; }

#nav #nnews-and-media a {background-image: url(../images/nav/news-and-media.gif); width: 129px; }
#nav #nnews-and-media li a, #nav #nnews-and-media ul .nav_on { background-image: none; }
#nav #nnews-and-media a:hover, #nav #nnews-and-media .nav_on {background-image: url(../images/nav/news-and-media_over.gif); width: 129px; }
#nav #nnews-and-media li a:hover { background-image: none; }

#nav #ncareers a {background-image: url(../images/nav/careers.gif);width: 102px; }
#nav #ncareers li a, #nav #ncareers ul .nav_on { background-image: none; }
#nav #ncareers a:hover,#nav #ncareers .nav_on {background-image: url(../images/nav/careers_over.gif);width: 102px;}
#nav #ncareers li a:hover { background-image: none; }

#nav #npartners a {background-image: url(../images/nav/partners.gif);width: 107px;}
#nav #npartners li a, #nav #npartners ul .nav_on { background-image: none; }
#nav #npartners a:hover, #nav #npartners .nav_on {background-image: url(../images/nav/partners_over.gif);width: 107px;}
#nav #npartners li a:hover { background-image: none; }

#nav #nsales-enquiries a {background-image: url(../images/nav/sales-enquiries.gif);width: 144px;}
#nav #nsales-enquiries li a, #nav #nsales-enquiries ul .nav_on { background-image: none; }
#nav #nsales-enquiries a:hover,#nav #nsales-enquiries .nav_on {background-image: url(../images/nav/sales-enquiries_over.gif);width: 144px;}
#nav #nsales-enquiries li a:hover { background-image: none; }

#nav #nclient-area a {background-image: url(../images/nav/client-area.gif);width: 112px;}
#nav #nclient-area li a, #nav #nclient-area ul  { background-image: none; }
#nav #nclient-area a:hover, #nav #nclient-area .nav_on {background-image: url(../images/nav/client-area_over.gif);width: 112px;}
#nav #nclient-area li a:hover { background-image: none; }

/* second-level lists */

#nav ul li ul { 
	position: absolute;
	z-index: 100;
	width: 130px;
	left: -999em;  /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 0px;
	padding: 5px 10px 5px 10px;
	background-color: #FFFFFF;
	border-bottom: 1px  #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	}

#nav ul li ul li span {
	visibility: visible;
}

#nav ul li ul li {
	border: 0px solid #fff; 
	background-image: none;
}

#nav ul li ul li a {
	color: #666666; 
	margin-bottom: 8px;
	margin-top: 3px;
	padding: 0px 13px 0px 13px;
	background-image: none;
	height: 15px;
	height:auto;
	
}

#nav ul li ul li a:hover {
	color: #ee3226;
	background-image: none;
}

#nnewrange li a {
	background-color: #e8ebe8;
	color: #66573b;
}

#nav li ul li ul { /* third-and-above-level lists */
	margin: -30px 0 0 120px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li:hover, #nav li.hover {
    position: static;
}

.flash {
	margin: 0px;
	padding: 0px;
}

/* ticker and crumb container div  */

.ticker {
	height: 20px;
	background-color: #ffffff;
	padding: 10px 0px 0px 40px;
}

.ticker img {
	vertical-align: text-bottom;
}

.ticker p {
	margin: 0px;
	padding: 0px;
}

/* crumb location menu */

.crumb {
	text-align: left;
	padding: 0;
	margin: 0px 0px 0px 0px;
	font-size: 1em;
	color: #999999;
}

.crumb ul {
	margin: 0px;
	padding: 0px 0px 0px 0px; 
}

.crumb li { 
	margin: 0px 10px 0px 0px;
	list-style: none;
	display: block;
	float: left;
	border-right: dotted 1px #000000;
	padding: 0px 10px 0px 0px;
	color: #3c3c3c;
}

.crumb a {
	text-decoration: none;
	color: #999999;
}

.crumb a:hover {
	text-decoration: none;
	color: #ee2e24;
}

/* content three column New */

.content {
	background-color:#ffffff;
	width: 880px;
	padding:20px 0 0 0;
	text-align: left;
	display:block;
	text-justify: auto;
}	
			
#threeColHolder{
	padding:0 40px 40px 40px;
}
#threeColHolder h1{
	padding:10px 0 5px 0;
	margin:0;
}
#threeColHolder img{
	padding:0 0 15px 0;
	margin:0;
}
#threeColHolder, .panel{
	padding-bottom:15px;
	margin:0;
}
.leftCol{
	float:left;
	width:223px;
	padding: 0px 65px 0 0;
}
.MidCol{
	float:left;
	width:223px;
	padding:10px 0 0 0;
}
	
.RightCol{
	padding:10px 0 0 0;
	margin:0;
	float:right;
	width:223px;
	
}

/* content three column Old */

.content .left {
	float: left;
	width: 265px;
	padding: 0px 0px 0px 25px;
	min-height: 380px;
	color: #ffffff;
	margin:0;
	
}

.content .left #homeLeft {
	background-image: url("../images/homepage/dots.gif"/*tpa=http://www.canutegroup.com/images/homepage/dots.gif*/);
	background-position: right;
	background-repeat: repeat-y;
	padding: 0;
	margin:0;
	
}
#homeLeft .latestnews  {
	padding:40px 0 0 0;	
}
#homeLeft .latestnews a {
	color: #000000;
	text-decoration: underline;
	
}
#homeLeft .latestnews h5 {
	margin:0 0 20px 0;
	
}
#homeLeft  .latestnews ul {
	text-decoration:none;
	padding: 8px 0 0 0;
	
	
}
#homeLeft  .latestnews ul li{
	color: #000000;
	text-decoration: underline;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px 0 8px 14px;
	list-style:none;
	background-image: url("../images/cross-red.gif"/*tpa=http://www.canutegroup.com/images/cross-red.gif*/);
	background-repeat:no-repeat;
}
#homeLeft  .latestnews a:hover {
	color: #ee2e24;
	text-decoration: none;
}
.content .left p {
	margin: 10px 5px 15px 0px;
	color: #000000;
}

.content .middle {
	float: left;
	width: 300px;
	margin: 0px;
	padding: 20px 20px 30px 35px;
}

.content .right {
	float: left;
	width: 211px;
	margin: 0px;
	padding: 20px 20px 30px 0px;
}

.content .FlashAssociates {
	float: right;
	margin: 2px;
	padding: 0px 0px 0px 35px;
}
/* content two-column  New */
#holder-col{
	padding:20px 0 0 0;
}

#twoColHolder{
	float:left;
	width:530px;
	padding:0 0 40px 40px;
}
.twoColLeft, .twoColMid{
	float:left;
	width:234px;
	padding:0 40px 0 0;
}
.twoColRight{
	float:left;
	width:234px;
	padding:0;
	margin:0;
}
#rightNav{
	float:right;
	width:251px;
}

/* Who we are*/

#locations-table td{
	margin:0;
	padding:0;
}



/* Markets sideNav  */
.markets-Nav{
	height:250px;

}
#nav-market {
	list-style:none;		
}
#nav-market li {
	width: 218px;
	height: 22px;
}

#nav-market li span {
	visibility: hidden;
}

#rightNav .markets-Nav a {
	display: block;
	width: 218px;
	height: 22px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-position:top right;
}
#rightNav .markets-Nav {
	padding:3px 0 20px 0;
	
	
}
#rightNav .markets-Nav li {
	float:right;
	background-repeat:no-repeat;
	background-position:top right;
	margin:1px 0 1px 0;
	
	
}
#rightNav .markets-Nav #nagriculture a {
	background-image:url(../markets/images/agriculture-off.gif);
}
#rightNav .markets-Nav #nagriculture a:hover {
	background-image:url(../markets/images/agriculture-on.gif);
}

#rightNav .markets-Nav #nconstruction a {
	background-image:url(../markets/images/construction-off.gif);
}
#rightNav .markets-Nav #nconstruction a:hover {
	background-image:url(../markets/images/construction-on.gif);
}

#rightNav .markets-Nav #nengineering a {
	background-image:url(../markets/images/engineering-off.gif);
}
#rightNav .markets-Nav #nengineering a:hover {
	background-image:url(../markets/images/engineering-on.gif);
}

#rightNav .markets-Nav #nhealthcare {
	background-image:url(../markets/images/healthcare-off.gif);
}
#rightNav .markets-Nav #nhealthcare a:hover {
	background-image:url(../markets/images/healthcare-on.gif);
}

#rightNav .markets-Nav #nindustrial {
	background-image:url(../markets/images/industrial-off.gif);
}
#rightNav .markets-Nav #nindustrial a:hover {
	background-image:url(../markets/images/industrial-on.gif);
}

#rightNav .markets-Nav #nretail {
	background-image:url(../markets/images/retail-off.gif);
}
#rightNav .markets-Nav #nretail a:hover {
	background-image:url(../markets/images/retail-on.gif);
}

#rightNav .markets-Nav #nsupply {
	background-image:url(../markets/images/supply-off.gif);
}
#rightNav .markets-Nav #nsupply a:hover {
	background-image:url(../markets/images/supply-on.gif);
}

#rightNav .markets-Nav #nwarehousing {
	background-image:url(../markets/images/warehousing-off.gif);
}
#rightNav .markets-Nav #nwarehousing a:hover {
	background-image:url(../markets/images/warehousing-on.gif);
}

#rightNav .markets-Nav #nhydraulis { background-image:url("../markets/images/hydraulis-off.gif"/*tpa=http://www.canutegroup.com/markets/images/hydraulis-off.gif*/); }
#rightNav .markets-Nav #nhydraulis a:hover { background-image:url("../markets/images/hydraulis-on.gif"/*tpa=http://www.canutegroup.com/markets/images/hydraulis-on.gif*/); }

#rightNav .markets-Nav #nrecovery { background-image:url("../markets/images/recovery-off.gif"/*tpa=http://www.canutegroup.com/markets/images/recovery-off.gif*/); }
#rightNav .markets-Nav #nrecovery a:hover { background-image:url("../markets/images/recovery-on.gif"/*tpa=http://www.canutegroup.com/markets/images/recovery-on.gif*/); }



#call-to-action{
	background-image:url("../images/furniture/side-nav-gray.gif"/*tpa=http://www.canutegroup.com/images/furniture/side-nav-gray.gif*/);
	background-repeat:repeat-x;
	background-position:bottom;
	width:251px;
	padding:0;
	margin:0;
}
#call-to-action p{
	font-size:108%;

}
#call-homepage{
	text-align:left;
}
#action-images{
	padding:0 0 15px 45px;
}
#bottom{
	padding:10px 0 0 0;
	margin:0;
}
.panel-case {
	padding:10px 15px 25px 40px;
	text-align:left;
	
	
}
.panel-case h5{
	padding:0;
	margin:0;
}
.copy-left{
	float:left;
	padding:0;
}
.copy-left p{
	padding:0 0 15px 0;
	margin:0;
}

.image-padding img {
	margin: 0px 0px 10px 20px;
}
#top-content{
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* content two-column */

.content .contentRight {
	float: left;
	width: 510px;
	background-color: #ffffff;
	min-height: 380px;
	margin: 0px;
	padding: 20px 52px 30px 38px;
}
/* left-hand sub navigation panel */

.content .sub-nav {
	width: 190px;
	padding: 0px;
	margin: 0px 0px 70px 10px;
	text-align:left;
}

.content .sub-nav ul {
	padding: 0px;
	margin: 0px;
}

.content .sub-nav li {
	list-style: none;
	display: block;
	background-image: url("../images/cross-yellow.gif"/*tpa=http://www.canutegroup.com/images/cross-yellow.gif*/);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 16px 0px 0px 30px;
	padding: 0px 0 0 15px ;
}

.content .sub-nav a {
	font-size:100%;
	color: #000000;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	
}

.content .sub-nav a:hover {
	color: #ffd204;
	text-decoration: none;

}

.content .sub-nav .sub-nav_on a span {
	color: #ee3224;
	text-decoration: none;	
	font-weight:bold;
}


/* panels */

.content .worldservice {
	background-color: #ffffff;
	width: 260px;
	padding: 0;
	margin: 0px 0px 30px 0px;
}
.content .news {
	background-color: #ffffff;
	width: 260px;
	padding:0px;
	margin: 0px;
}

.content .news h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight:100;
	color: #ee3224;
	padding: 0;
	margin: 10px 0px 5px 0px;
	height: 30px;
}
.content .rightpanel {
	margin: 35px 0px 0px 0px;
}

.content .quote {
	background-color: #eeeeee;
	width: 160px;
	padding: 20px 20px 15px 20px;
	margin: 50px 0px 0px 0px;
}

/* other services panel */

.content .otherservices {
	background-image: url("../images/gradient.jpg"/*tpa=http://www.canutegroup.com/images/gradient.jpg*/);
	background-repeat: no-repeat;
	background-color: #ffffff;
	width: 160px;
	padding: 15px 20px 20px 20px;
	margin: 25px 0px 0px 0px;
}

.content .otherservices ul {
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

.content .otherservices li {
	list-style: none;
	display: block;
	background-image: url("../images/cross-yellow.gif"/*tpa=http://www.canutegroup.com/images/cross-yellow.gif*/);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
	margin: 8px 0px 0px 0px;
}

.content .otherservices a {
	color: #ffffff;
	text-decoration: underline;
}

.content .otherservices a:hover {
	color: #ee2e24;
	text-decoration: none;
}


/* list box */

.content .list-box {
	background-image: url("../images/gradient.jpg"/*tpa=http://www.canutegroup.com/images/gradient.jpg*/);
	background-repeat: no-repeat;
	background-color: #ffffff;
	width: 160px;
	padding: 15px 20px 20px 20px;
	margin: 10px 0px 0px 0px;
}

.content .list-box ul {
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

.content .list-box li {
	list-style: none;
	display: block;
	background-image: url("../images/cross-yellow.gif"/*tpa=http://www.canutegroup.com/images/cross-yellow.gif*/);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	color: #ffffff;
}

.content .list-box a {
	color: #ffffff;
	text-decoration: none;
}

.content .list-box a:hover {
	color: #ffd204;
	text-decoration: none;
}

.content .list-box .sub-nav_on a span {
	color: #ee2e24;
	text-decoration: none;
}


/* press-release panel */

.content .press-releases {
	background-color: #eeeeee;
	width: 160px;
	padding: 15px 20px 20px 20px;
	margin: 30px 0px 0px 0px;
}

.content .press-releases ul {
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

.content .press-releases li {
	list-style: none;
	display: block;
	background-image: url("../images/cross-yellow.gif"/*tpa=http://www.canutegroup.com/images/cross-yellow.gif*/);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin: 8px 0px 0px 0px;
}

.content .press-releases a {
	color: #000000;
	text-decoration: none;
	padding: 0px 0px 0px 0px;

}

.content .press-releases a:hover {
	color: #ee2e24;
	text-decoration: none;
}

/* grey base */

.base {
	background-image:url(../images/furniture/gray-slice.gif);
	background-repeat:repeat;
	width: 880px;
	margin:0;
	padding:0;
	text-align:left;
}

.base .left {
	float: left;
	width: 185px;
	padding: 25px 19px 10px 25px;
	margin: 0px;
	background-image: url(../images/furniture/gray-slice.gif);
	background-repeat: repeat;
}
.base .leftman {
	float: left;
	width: 118px;
	padding:0;
	margin: 0;
}

.base .middle {
	float: left;
	width: 190px;
	padding: 25px 19px 10px 43px;
	margin: 0px;
	background-image: url(../images/furniture/gray-slice.gif);
	background-repeat: repeat;
}

.base .right {
	float: right;
	width: 215px;
	padding: 25px 65px 0px 0px;
	margin: 0px;
	background-image: url(../images/furniture/gray-slice.gif);
	background-repeat: repeat;
}
.base .panel {
	width: 185px;
	padding: 0 10px 0 0;
	margin: 0px;
	border-right: #000000 dotted 1px;
}
.base .panleman {
	float: left;
	width: 118px;
	padding: 0;
	margin: 0px;

}
.base .newsimage {
	float: left;
	width: 107px;
	margin: 0px;
	padding: 0px;
}
.base .panel a{
	color: #FFFFFF;
}
/*.base .latestnews a {
	color: #ffffff;
	text-decoration: underline;
	background-image: url("../images/cross-yellow.gif"/*tpa=http://www.canutegroup.com/images/cross-yellow.gif*/);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
	
}*/
.base .test a {
	color: #ffffff;
	text-decoration:none;
	
}
.base .test ul {
	
	text-decoration: underline;
	
	
}
.base .test ul li{
	color: #ffffff;
	text-decoration: underline;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px 0px 3px 14px;
	list-style:none;
	background-image: url("../images/cross-yellow.gif"/*tpa=http://www.canutegroup.com/images/cross-yellow.gif*/);
	background-repeat:no-repeat;
}
.base .test a:hover {
	color: #ee2e24;
	text-decoration: none;
}


/* Google Maps */

#googlemap {
	padding:15px 0 20px 0;
	
	
}
/* footer */

.footer {
	text-align:left;
	padding: 10px 20px 10px 20px;
	color: #ffffff;
	margin: 0px 0px 30px 0px;
}

.footer a {
	color: #ffffff;
	text-decoration: none;
	border-left: #ffffff solid 1px;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 0px 10px;
}

.footer a:hover {
	color: #ee2e24;
	text-decoration: none;
}

.footer p {
	font-size: 0.8em;
	margin: 3px 0px 0px 0px;
	padding: 0px;
}

.footer .left {
	float: left;
	width: 540px;
}

.footer .right {
	float: left;
	width: 300px;
	text-align: right;
}
TrafficPlanner {
	font-weight: bold;
}
.traffic {
	font-weight: bold;
}
.Bold {
	font-weight: bold;
}