body{ background: #FFF;
	background-image: url(images/45degree.gif);
	background-repeat: repeat;
	color: #000;
	font: 12px Arial, Verdana, Sans Serif;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0; /* required for Opera to have 0 margin */

	text-align: center; /* centers board in MSIE */	
}

body>#container #nav {margin: -78px 0 0 0;
}

#worldMap {background-image:url(images/world-map.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
}


a:link.nav { font-family:  Arial, Verdana, Sans Serif; font-size: 12px; color: #339999; text-decoration:underline;}
a:visited.nav { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #36648B; text-decoration:underline;}
a:hover.nav { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #9999CC; text-decoration:underline;}

a:link.lrg { font-family:  Arial, Verdana, Sans Serif; font-size: 16px; font-weight: bold; color: #cc0000; text-decoration:underline;}
a:visited.lrg { font-family: Arial, Verdana, Sans Serif; font-size: 16px; font-weight: bold; color: #36648B; text-decoration:underline;}
a:hover.lrg { font-family: Arial, Verdana, Sans Serif; font-size: 16px; font-weight: bold; color: #9999CC; text-decoration:underline;}

/* checkout */
.checkOut a:link { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #961d2e; text-decoration:underline;}
.checkOut a:visited { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #cc0000; text-decoration:underline;}
.checkOut a:hover { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #000; text-decoration:underline;}



/* body */

h1 {width: 752px;
	margin: 0 auto;
	padding: 2px 0;
	background-color: #c58f2f;
	color: #FFF;
	order-bottom:1px solid #666;
	font-size:11px;
}
h2 {font-size: 16px; 
	color: #cc9933; 
	text-align:left;
	margin-top:35px;
}
h4 {font-size: 16px; 
	color: #c58f2f; 
	text-align:center;
	padding-top:10px;
	margin:10px 10px 10px 0;
	border-top:2px solid #c58f2f;
}
h6 {background-color:#c58f2f;
	margin:0;
	padding-left:5px;
	color:#FFF;
	font-size:12px;
}
#container {width:750px;
	margin:0 auto;
	background-image:url(images/contentBg.gif);
	background-repeat:repeat-y;
	border: 1px solid #666;
}
#header {width: 600px;
	height: 80px;
	float:left;
	background-image: url(images/itw-nexus-na.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	background-color: #000;
	color:#FFF;
	order:1px solid red;
}
#content {background-image: url(images/body-bg.gif);
	background-repeat: no-repeat;
	background-position:top right;
	float: left;
	width: 590px;
	margin: 0;
	padding-left:10px;
	clear: left;
	order: 1px purple solid;
	background-color:#FFF;	
}
.left {float: left;
	width: 275px;
	margin: 35px 0 10px 0;
	text-align: left;
	order: 1px blue solid;	
}
.rightpic {float: left;
	width: 260px;
	margin: 50px 0 0 10px;
	text-align: left;
	order: 1px purple solid;	
}
.right {float: left;
	width: 275px;
	margin: 0 0 0 10px;
	text-align: left;
	order: 1px purple solid;	
}
p {margin:0 10px 10px 0;
	text-align:left;
}
b.rd {color:#961d2e;
}
.green {color:#339933;
	font-weight:bold;
}
.greenbox {width:590px;
	padding:5px;
	border:1px solid #339933;
}
#clear {clear: both;
}

/* Samples */

#contextBox {width:275px;
	margin:0;
	border: 1px solid #000;
	float: left;
	text-align:left;
}
#contextBox h3 {background-image: url(images/contextBoxTitle.gif);
	background-repeat: no-repeat;
	background-color: #000;
	height:20px;
	color:#cc9933;
	margin: 0;
	padding: 1px 0 0 0;
	text-align:center;
	font-size: 14px;
}
#contextBox p {padding:5px;
}

/* address block */

#address {width:565px;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
	border:double 5px #c0964c;
}
#address h5{color:#FFF;
	height:20px;
	font-size:14px;
	background-image: url(images/contextBoxTitleGold.gif);
	background-repeat: no-repeat;
	background:#c0964c;
	padding: 1px 0 0 0;
	margin:0;
}
#global {width:138px;
	float:left;
	border-right:1px solid #000;
}
#na {width:138px;
	float:left;
	border-right:1px solid #000;
}
#asia {width:138px;
	float:left;
	border-right:1px solid #000;
}
#espana {width:138px;
	float:left;
}
#copy {width:748px;
	margin:0 auto;
	background-color:#000;
	color:#999;
	font-size: 10px;
	padding:2px;
}

/* product pages */

.productLeftJoe {width:580px;
	float:left;
	text-align:left;
	padding-bottom:10px;
	border-bottom:1px solid #cc9933;
}
.oneJoe {width:110px;
	float:left;
	order:1px solid red;
}
.twoJoe {width:460px;
	float:right;
	padding:5px 5px 5px 0;
	order:1px solid purple;
}
.oneJoe a:link { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #cc9933; text-decoration:underline;}
.oneJoe a:visited { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #666; text-decoration:underline;}
.oneJoe a:hover { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #000; text-decoration:underline;}

.twoJoe a:link { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #cc9933; text-decoration:underline;}
.twoJoe a:visited { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #666; text-decoration:underline;}
.twoJoe a:hover { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #000; text-decoration:underline;}

/* other pages */

.otherLeft {width:260px;
	float:left;
	margin-right:10px;
	text-align:left;
	padding-bottom:10px;
}
.otherRight {width:250px;
	float:right;
	margin-right:10px;
	text-align:left;
	padding-bottom:10px;
}
.intlBox {border:1px solid #c58f2f;
	padding:5px;
	margin-bottom:10px;
}
.colOne {width:175px;
	float:left;
	text-align:left;
}
.colTwo {width:175px;
	float:left;
	text-align:left;
}
.colThree {width:175px;
	float:left;
	text-align:left;
}

/* navigation */

#nav {background-image: url(images/pyramid.jpg);
	background-repeat: no-repeat;
	background-color: #000;
	background-position: top center;
	float: right;
	width: 150px;
	margin:0;
	padding: 170px 0 0 0;
	order: 1px blue solid;
	color: #FFF;
}

/* Navigation Menu */

.navHeader {background-color: #000;
	margin:0;
}
.navHeader h6{background-image: url(images/navHeader.gif);
	background-repeat: no-repeat;
	background-color: #000;
	color: #fff;
	margin: 0;
	padding: 0;
	height:20px;
	font-size:14px;
}
.rightNav {background-color: #000000;
	padding-left: 3px; padding-right: 2px;
}
#navcontainer 	{width:149px;
	float:left;
	margin-bottom:1px;
}
#navcontainer ul {margin:0px;
	padding:15px 0px 0px 1px;
	list-style-type: none;
	margin-bottom:25px;
}
#navcontainer li {margin:0px;
	padding:2px 0px 3px 0px;
	border-bottom: 1px solid #666;
	width:149px;
	font:12px Verdana, Arial, sans-serif;
	line-height:1.2em;
	*line-height:0.9em;
}
#navcontainer a {display:block; padding:3px;
}
#navcontainer a:link, #navlist a:visited {color:#f1f3f4; text-decoration: none;	font:12px Verdana, Arial, sans-serif;
}
#navcontainer a:hover {background-color:#cc9933; color:#f1f3f4;
}
#navcontainer a:hover.side {background-color:#144385; color:#C5AEAA;
}
#navcontainer a:hover.ladder {background-color:#a95b16; color:#C5AEAA;
}
#navcontainer a:hover.snap {background-color:#8070a3; color:#C5AEAA;
}
#navcontainer a:hover.triglide {background-color:#327eab; color:#C5AEAA;
}
#navcontainer a:hover.cord {background-color:#944f16; color:#C5AEAA;
}
#navcontainer a:hover.special {background-color:#7b9695; color:#C5AEAA;
}
#navcontainer a:hover.ranges {background-color:#523745; color:#C5AEAA;
}
#navcontainer a:hover.newproducts {background-color:#618224; color:#C5AEAA;
}
#navcontainer a:hover.technical {background-color:#38526a; color:#C5AEAA;
}



.navHeader2 {background-color: #000;
	margin:0;
}
.navHeader2 h6{background-image: url(images/navHeader.gif);
	background-repeat: no-repeat;
	background-color: #000;
	color: #fff;
	margin: 0;
	padding: 0;
	height:20px;
}

.navHeader2 h6 a:link {color: #fff; font-size:14px;
}

.navHeader2 h6 a:visited {color: #fff; font-size:14px; text-decoration:none;
}

#navcontainer2 	{width:149px;
	float:left;
	margin-bottom:1px;
}
#navcontainer2 ul {margin:0px;
	padding:0 0 0 1px;
	list-style-type: none;
	margin-bottom:25px;
	order: 1px solid blue;
}
#navcontainer2 li {margin:0px;
	padding:1px 0px 2px 0px;
	border-bottom: 1px solid #666;
	width:149px;
	font:10px Verdana, Arial, sans-serif;
	line-height:1.2em;
	*line-height:0.9em;
}
#navcontainer2 a {display:block; padding:1px; text-align:left; font-size:10px;
}
#navcontainer2 a:link, #navlist2 a:visited {color:#f1f3f4; text-decoration: none;  font-size:10px;
}
#navcontainer2 a:hover {background-color:#9d1a2c; color:#f1f3f4; text-decoration: none;  font-size:10px;
}
#navcontainer2 a:hover.side {background-color:#144385; color:#C5AEAA;
}
#navcontainer2 a:hover.ladder {background-color:#a95b16; color:#C5AEAA;
}
#navcontainer2 a:hover.snap {background-color:#8070a3; color:#C5AEAA;
}
#navcontainer2 a:hover.triglide {background-color:#5a7e9b; color:#C5AEAA;
}
#navcontainer2 a:hover.cord {background-color:#944f16; color:#C5AEAA;
}
#navcontainer2 a:hover.special {background-color:#7b9695; color:#C5AEAA;
}
#navcontainer2 a:hover.ranges {background-color:#608221; color:#C5AEAA;
}
#navcontainer2 a:hover.newproducts {background-color:#618224; color:#C5AEAA;
}
#navcontainer2 a:hover.technical {background-color:#38526a; color:#C5AEAA;
}
#navcontainer2 h6 a {display:block; padding:1px; text-align:center; font-size:14px;
}
#navcontainer2 h6 a:link, a:visited {color:#f1f3f4; text-decoration: none;  font-size:14px;
}
#navcontainer2 h6 a:hover {background-color:#9d1a2c; color:#f1f3f4; text-decoration: none;  font-size:14px;
}

.navHeader3 {background-color: #000;
	margin:0;
}
.navHeader3 h6{background-image: url(images/navHeader.gif);
	background-repeat: no-repeat;
	background-color: #000;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
	height:20px;
	font-size:14px;
}

.navHeader3 h6 a:link {color: #fff; font-size:14px;
}

.navHeader3 h6 a:visited {color: #fff; font-size:14px; text-decoration:none;
}

table
tr,
td {color: #000000;
	font: 12px Arial, Verdana, Sans Serif;
	vertical-align: text-top;
}
.clear {clear: both;
}
.thanks{
margin-top:250px;
}

/* images */

img {border: 0;
}
.box { border-width: 500px; border-style: double; border-color: #4D0114; background-color: #336699;}
.searchBox {border:1px solid color:#000000;}	
	
/* forms */

.inputs {background-color:white;
	border:1px solid black;
	font-family: Arial, Verdana, Sans Serif;
	font-size: 12px;
	color: #000000;
	margin: 2px 0 0 0;
}
.buttons {background-color:#CC9933;
	color: #ffffff; 
	cursor:hand;
	font-family: Arial, Verdana, Sans Serif;
	font-size: 12px;
}
.dropdown {background-color:#CC9933;
	color: #ffffff; 
	cursor:hand;
	font-family: Arial, Verdana, Sans Serif;
	font-size: 12px;
}
textarea {border: #000 1px solid;
	color: #000;
	font-family: arial, verdana, sans serif;
	font-size: 12px;
	font-weight: normal
}

/* Fieldset */

fieldset {float: left;
	clear: left;
	text-indent:10px;
	width: 400px;
	margin: 0 0 1.5em 40px;
	padding: 0 0 0 10px;
	border: 1px solid #999;
	background-color: #e8e8e8;
	background-image: url(images/fieldset-bg.gif);
	background-repeat: repeat-x;
}
legend {margin-left: 1em;
	margin-bottom:10px;
	padding: 0;
	color: #961d2e;
	font-size: 14px;
	font-weight: bold;
}
fieldset ol {padding: 1em 1em 0 1em;
	list-style: none;
	zoom: 1;
}
fieldset li {float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
}
label {float: left;
	width: 10em;
	margin-right: 1em;
}
.lft {padding-left:12px;
}
.rgt {text-align:right;
	padding-right:12px;
}

/* catalog buttons */

#contentCat {background-image: url(images/body-bg.gif);
	background-repeat: no-repeat;
	background-position:top right;
	float: left;
	width: 600px;
	margin: 0;
	clear: left;
	order: 1px purple solid;
	background-color:#FFF;	
}

/* catalog navigation buttons */

#catcontainer {width:100%;
	background: #FFF;
	margin: 58px 0 15px 0;
	padding: 1px 0 0 0;
	font-family: georgia, serif;
	font-size:12px;
	text-transform: lowercase;
}

#catcontainer:after {content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

ul#catlist {list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	font-size: 12px;
}

ul#catlist li {display: block;
	float: left;
	width: 84px;
	margin: 0;
	padding: 0;
}

ul#catlist li a {display: block;
	width: 100%;
	padding: 1px;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #777;
	text-decoration: none;
	background: #f7f2ea;
}

#catcontainer>ul#catlist li a {width: auto;
}
#catcontainer>ul#catlist li a:visited {font-size:12px;
}

ul#catlist li#active a {background: #f0e7d7;
	color: #800000;
}

ul#catlist li a:hover, ul#catlist li#active a:hover { color: #800000;
	background: transparent;
	border-color: #aaab9c #fff #fff #ccc;
}

/* catalog buttons */

#contentCat {background-image: url(images/body-bg.gif);
	background-repeat: no-repeat;
	background-position:top right;
	float: left;
	width: 600px;
	margin: 0;
	clear: left;
	order: 1px purple solid;
	background-color:#FFF;	
}

/* catalog navigation buttons */

#catcontainer {width:100%;
	background: #FFF;
	margin: 58px 0 15px 0;
	padding: 1px 0 0 0;
	font-family: georgia, serif;
	font-size:12px;
	text-transform: lowercase;
}

#catcontainer:after {content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

ul#catlist {list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	font-size: 12px;
}

ul#catlist li {display: block;
	float: left;
	width: 84px;
	margin: 0;
	padding: 0;
}

ul#catlist li a {display: block;
	width: 100%;
	padding: 1px;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #777;
	text-decoration: none;
	background: #f7f2ea;
	font-size: 12px;
}

#catcontainer>ul#catlist li a {width: auto; font-size: 12px;
}
#catcontainer>ul#catlist li a:visited {font-size:12px;
}

ul#catlist li#active a {background: #f0e7d7;
	font-size: 12px;
	color: #800000;
}

ul#catlist li a:hover, ul#catlist li#active a:hover { color: #800000;
	background: transparent;
	border-color: #aaab9c #fff #fff #ccc;
	font-size: 12px;
}

/* catalog */

.na {background-color:#961d2e;
	color:#FFF;
	text-align:center;
}

.global {background-color:#cc9933;
	color:#FFF;
	text-align:center;
}

.asia {background-color:#999;
	color:#FFF;
	text-align:center;
}
.key {background-color:#000;
	color:#FFF;
	font-weight:bold;
}
.dimKey {background-color:#961d2e;
	color:#FFF;
	padding-left:5px;
	text-align:left;
}
.naKey {background-color:#cc9933;
	color:#FFF;
	padding-left:5px;
	text-align:left;
}
.naKeyCenter {background-color:#cc9933;
	color:#FFF;
	text-align:center;
}
.partNum {background-color:#961d2e;
	color:#FFF;
	padding-left:5px;
	text-align:left;
}
.pad {padding-left:15px;
}
.grey {color:#333333;
	text-align:center;
	vertical-align:text-top;
}

ul.plain  { list-style: none;
	margin:0 0 0 30px;
}

/* catalog area pages*/

.catArea {width:270px;
	text-align:center;
	float:left;
	order: solid 1px blue;
}
.catArea a:link { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #cc9933; text-decoration:underline;}
.catArea a:visited { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #666; text-decoration:underline;}
.catArea a:hover { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #000; text-decoration:underline;}

.catAreaPic a:link { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #cc9933; text-decoration:none;}
.catAreaPic a:visited { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #666; text-decoration:none;}
.catAreaPic a:hover { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #000; text-decoration:none;}

/* one product */

/* this is the class for one product (sdescription) text */
.oProd {color: #333333;
	padding-right: 4px;
	text-align:left;
}
.oProd a:link { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #cc9933; text-decoration:underline;}
.oProd  a:visited { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #666; text-decoration:underline;}
.oProd  a:hover { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #000; text-decoration:underline;}

.oProdHead {color: #f0f0f0;
	font-weight: bold;
	background-color:#000;
}
.oProdHeadNa {color: #f0f0f0;
	background-color:#cc9933;
	font-weight: bold;
}
.oProdHeadGlobal {color: #f0f0f0;
	background-color:#961d2e;
	font-weight: bold;
}
.oProdHeadAsia {color: #f0f0f0;
	background-color:#CCC;
	font-weight: bold;
}
.oProdGeneral {color: #333333;
	padding-right: 4px;
	text-align:left;
	background-color:#000;
}

/*this is the class for one product dimension header 
this is also used for login
*/
.oProdHead {color: #f0f0f0;
	font-weight: bold;
}
.oProdHeadTitle {background:#000;
	color: #f0f0f0;
	font-weight: bold;
}

/* 
this is the class for the parts (prdetails in oneProduct.php)*/
.prDetails {color: #000000;
	text-align:center;
}
.prDetailsLeft {text-align:left;
	padding-left:5px;
}
.smDetails {font-size: 10px;
	color: #000000;
}

/* 
this is the class for the login loginok cart checkout input "headers" */
.evenRight {text-align:right;
	font-weight: bold;
	background-color:#f0f0f0;
}
.evenLeft {text-align:left;
	background-color:#f0f0f0;
}
.evenCenter {text-align:center;
	background-color:#f0f0f0;
}
.oddRight {font-weight: bold;
	text-align:right;
	background-color:#fff;
}
.oddLeft {text-align:left;
	background-color:#fff;
}
.oddCenter {text-align:center;
	background-color:#fff;
}

/* 
this is the class for the parts (prdetails in oneProduct.php)*/
.blDetails {font-size: 10px;
	color: #003366;
}

.oProdHeadTitle {background:#000;
	color: #f0f0f0;
	font-weight: bold;
}

/* error/message colors */
.rd {color:#961d2e;
}

a:link { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #cc9933; text-decoration:underline;}
a:visited { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #666; text-decoration:underline;}
a:hover { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #000; text-decoration:underline;}

a:link.proName {color: 006699; font-size: 10px; font-family: Verdana, Arial; text-decoration: underline;}
a:visited.proName {color: #912C45; font-size: 10px; font-family: Verdana, Arial; text-decoration: underline;}
a:hover.proName {color: #006666; font-size: 10px; font-family: Verdana, Arial; text-decoration: underline;}