/* CSS Document */
html {
font-size:125%;
background-color:#FFFFFF;
}
body {
font-size:50%; font-family:Arial, Helvetica, sans-serif; color:#333333;
}
* {
margin:0; padding:0;
}
* {
border:none;
}
/*Text Stylings for coloured side bar------------------------------------------------*/
div#leftcontent p {
color:#FFFFFF;
}
div#leftcontent h1 {
color:#FFFFFF;
}
div#leftcontent h2 {
color:#FFFFFF;
}
div#leftcontent h3 {
color:#FFFFFF;
}
div#leftcontent h4 {
color:#FFFFFF;
}
div#leftcontent h5 {
color:#FFFFFF;
font:1em bold;
}
p {
font-size:1.1em;
color: #333333; /* CHANGE ----------- FOnt size increase as per client*/
font-family:Arial, Helvetica, sans-serif;
padding-bottom:5px;
}
h1 {
font-size:2em;
font-weight:bold;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
}
h2 {
font-size:1.6em;
font-weight:bold;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
}
h2.terminology-items {
font-size:1.2em;
font-weight:bold;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
}
h3 {
font-size:1.4em;
font-weight:bold;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
}
h4 {
font-size:1.2em;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
}
h5 {
font-size:1em;
font-weight:bold;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
}
a {
list-style-type:none;
border:none;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
a:link {
text-decoration:none;
}
a:hover {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:active {
text-decoration:none;
}
* html a {
border:none;
}
/*left content column-------------------------------------------------------*/
div#leftcontent {
width:183px;
max-width:183px;
float:left;
padding:0 0 0 1.5em;
overflow:hidden;
}
/* tool---------------------------------------------*/
#searchcontainer {
width:16em;
background-color:#CCCCCC;
margin:20px 0 10px 0;
padding:6px 0 6px .7em;
border:solid 3px #B1B1B1;
}
div#searchcontainer h3 {
font-size:1.4em;
color:#333333;
font-weight:bold;
}
#searchcontainer form input {
border: 2px solid #B1B1B1;
font-size:.9em;
background-color:#FFFFFF;
}
#searchcontainer a {
font-size:1.4em;
font-weight:bold;
color:#000000;
text-decoration:none;
display:inline;
}
/*.............menu on the left side......................................*/
div.button {
width:160px;
height:15px;
top:0px;
left:0px;
border:solid #000000 1px;
}
div.button h4 a {
line-height:15px;
}
div.button span {
margin-left:20px;
}
div.large_button {
width:160px;
height:20px;
top:0px;
left:0px;
border:solid #000000 1px;
}
div.large_button h3 a {
line-height:20px;
}
div.large_button span {
margin-left:5px;
}
/*TERMINOLOGY - COMPANY INFO BUTTON*/ /* ADDITION to line 327 ADDED STYLES FOR TERMINOLOGY BUTTONS*/
a.roll-common {
width:161px;
display:block;
font-size:9pt;
font-weight:bold;
background:url(images/side_bar_images/buttons/common-button.gif) 0px 0px no-repeat;
}
div.button a.roll-common:link {
background-position: 0px 0px;
}
div.button a.roll-common:visited {
background-position: 0px 0px;
}
div.button a.roll-common:hover {
background-position: 0px -17px;
}
a.roll-common-active {
width:161px;
display:block;
font-size: 9pt;
font-weight:bold;
background:url(images/side_bar_images/buttons/common-button.gif) 0px -17px no-repeat;
}
/*Garden button*/
a.roll-garden {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/rain-button.gif) 0px 0px no-repeat;
}
a.roll-garden-active {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/rain-button.gif) 0px -22px no-repeat;
}
div.large_button a.roll-garden:link {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-garden:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-garden:hover {
background-position: 0px -22px;
text-decoration:none;
}
div.large_button a.roll-garden:active {
background-position: 0px -22px;
}
/*Holmes BUTTON*/
a.roll-holmes {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/holmes-button.gif) 0px 0px no-repeat;
}
a.roll-holmes-active {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/holmes-button.gif) 0px -22px no-repeat;
}
div.large_button a.roll-holmes:link {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-holmes:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-holmes:hover {
background-position: 0px -22px;
text-decoration:none;
}
div.large_button a.roll-holmes:active {
background-position: 0px -22px;
}
/*COTTON BUTTON*/
a.roll-cotton {
width:161px;
display:block;
font-size: 9pt;
font-weight:bold;
background:url(images/side_bar_images/buttons/cottons-button.gif) 0px 0px no-repeat;
}
a.roll-cotton-active {
width:161px;
display:block;
font-size:9pt;
font-weight:bold;
background:url(images/side_bar_images/buttons/cottons-button.gif) 0px -17px no-repeat;
}
div.button a.roll-cotton:link {
background-position: 0px 0px;
}
div.button a.roll-cotton:visited {
background-position: 0px 0px;
}
div.button a.roll-cotton:hover {
background-position: 0px -17px;
}
div.button a.roll-cotton:active {
background-position: 0px -17px;
}
/*Drivers BUTTON*/
a.roll-ropers {
width:161px;
display:block;
font-size:9pt;
font-weight:bold;
background: url(images/side_bar_images/buttons/roper-button.gif) 0px 0px no-repeat;
}
a.roll-ropers-active {
width:161px;
display:block;
font-size: 9pt;
font-weight:bold;
background: url(images/side_bar_images/buttons/roper-button.gif) 0px -17px no-repeat;
}
div.button a.roll-ropers:link {
background-position: 0px 0px;
text-decoration:none;
}
div.button a.roll-ropers:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.button a.roll-ropers:hover {
background-position: 0px -17px;
text-decoration:none;
}
div.button a.roll-ropers:active {
background-position: 0px -17px;
}
/*split leather BUTTON*/
a.roll-split {
width:161px;
height:40px;
display:block;
font-size: 9pt;
font-weight:bold;
background: url(images/side_bar_images/buttons/split-button.gif) 0px 0px no-repeat;
}
a.roll-split-active {
width:161px;
height:40px;
display:block;
font-size: 9pt;
font-weight:bold;
background: url(images/side_bar_images/buttons/split-button.gif) 0px -17px no-repeat;
}
div.button a.roll-split:link {
background-position: 0px 0px;
text-decoration:none;
}
div.button a.roll-split:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.button a.roll-split:hover {
background-position: 0px -17px;
text-decoration:none;
}
div.button a.roll-split:active {
background-position: 0px -17px;
}
/*grain leather BUTTON*/
a.roll-grain {
width:161px;
display:block;
font-size: 9pt;
font-weight:bold;
background: url(images/side_bar_images/buttons/grain-button.gif) 0px 0px no-repeat;
}
a.roll-grain-active {
width:161px;
display:block;
font-size: 9pt;
font-weight:bold;
background: url(images/side_bar_images/buttons/grain-button.gif) 0px -17px no-repeat;
}
div.button a.roll-grain:link {
background-position: 0px 0px;
text-decoration:none;
}
div.button a.roll-grain:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.button a.roll-grain:hover {
background-position: 0px -17px;
text-decoration:none;
}
div.button a.roll-grain:active {
background-position: 0px -17px;
}
/*mitts BUTTON*/
a.roll-mitts {
width:161px;
display:block;
font-size: 9pt;
font-weight:bold;
background: url(images/side_bar_images/buttons/mitts-button.gif) 0px 0px no-repeat;
}
a.roll-mitts-active {
width:161px;
display:block;
font-size: 9pt;
font-weight:bold;
background: url(images/side_bar_images/buttons/mitts-button.gif) 0px -17px no-repeat;
}
div.button a.roll-mitts:link {
background-position: 0px 0px;
text-decoration:none;
}
div.button a.roll-mitts:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.button a.roll-mitts:hover {
background-position: 0px -17px;
text-decoration:none;
}
div.button a.roll-mitts:active {
background-position: 0px -17px;
}
/*welding BUTTON*/
a.roll-welding {
width:161px;
display:block;
font-size: 9pt;
font-weight:bold;
background: url(images/side_bar_images/buttons/weld-button.gif) 0px 0px no-repeat;
}
a.roll-welding-active {
width:161px;
display:block;
font-size: 9pt;
font-weight:bold;
background: url(images/side_bar_images/buttons/weld-button.gif) 0px -17px no-repeat;
}
div.button a.roll-welding:link {
background-position: 0px 0px;
text-decoration:none;
}
div.button a.roll-welding:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.button a.roll-welding:hover {
background-position: 0px -17px;
text-decoration:none;
}
div.button a.roll-welding:active {
background-position: 0px -17px;
}
/*Specialty buttons small--------*/
a.roll-spec {
width:161px;
display:block;
font-size: 9pt;
font-weight:bold;
background: url(images/side_bar_images/buttons/specialty-button.gif) 0px 0px no-repeat;
}
a.roll-spec-active {
width:161px;
display:block;
font-size: 9pt;
font-weight:bold;
background: url(images/side_bar_images/buttons/specialty-button.gif) 0px -17px no-repeat;
}
div.button a.roll-spec:link {
background-position: 0px 0px;
text-decoration:none;
}
div.button a.roll-spec:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.button a.roll-spec:hover {
background-position: 0px -17px;
text-decoration:none;
}
div.button a.roll-spec:active {
background-position: 0px -17px;
}
/*LARGE SECTION HEADERS BUTTON*/
/*conventional button*/
/*Ninja Button--------*/
a.roll-ninja {
width:161px;
display:block;
font-size: 9pt;
font-weight:bold;
background: url(images/side_bar_images/buttons/ninja-button.gif) 0px 0px no-repeat;
}
a.roll-ninja-active {
width:161px;
display:block;
font-size: 9pt;
font-weight:bold;
background: url(images/side_bar_images/buttons/ninja-button.gif) 0px -17px no-repeat;
}
div.button a.roll-ninja:link {
background-position: 0px 0px;
text-decoration:none;
}
div.button a.roll-ninja:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.button a.roll-ninja:hover {
background-position: 0px -17px;
text-decoration:none;
}
div.button a.roll-ninja:active {
background-position: 0px -17px;
}
/*Cut-Resistant Button--------*/
a.roll-cut {
width:161px;
display:block;
font-size: 9pt;
font-weight:bold;
background: url(images/side_bar_images/buttons/cut_resist-button.gif) 0px 0px no-repeat;
}
a.roll-cut-active {
width:161px;
display:block;
font-size: 9pt;
font-weight:bold;
background: url(images/side_bar_images/buttons/cut_resist-button.gif) 0px -17px no-repeat;
}
div.button a.roll-cut:link {
background-position: 0px 0px;
text-decoration:none;
}
div.button a.roll-cut:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.button a.roll-cut:hover {
background-position: 0px -17px;
text-decoration:none;
}
div.button a.roll-cut:active {
background-position: 0px -17px;
}
/* end */
a.roll-conventional {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/convent-button-top.gif) 0px 0px no-repeat;
}
a.roll-conventional-active {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/convent-button-top.gif) 0px -22px no-repeat;
}
div.large_button a.roll-conventional:link {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-conventional:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-conventional:hover {
background-position: 0px -22px;
text-decoration:none;
}
div.large_button a.roll-conventional:active {
background-position: 0px -22px;
}
/*welding top button*/
a.roll-welding-top {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/weld-button-top.gif) 0px 0px no-repeat;
}
a.roll-welding-top-active {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/weld-button-top.gif) 0px -22px no-repeat;
}
div.large_button a.roll-welding-top:link {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-welding-top:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-welding-top:hover {
background-position: 0px -22px;
text-decoration:none;
}
div.large_button a.roll-welding-top:active {
background-position: 0px -22px;
}
/* specialty top button*/
a.roll-specialty-top {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/specialty-button-top.gif) 0px 0px no-repeat;
}
a.roll-specialty-top-active {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/specialty-button-top.gif) 0px -22px no-repeat;
}
div.large_button a.roll-specialty-top:link {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-specialty-top:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-specialty-top:hover {
background-position: 0px -22px;
text-decoration:none;
}
div.large_button a.roll-specialty-top:active {
background-position: 0px -22px;
}
/*rainwear button*/
a.roll-rain {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/rain-button.gif) 0px 0px no-repeat;
}
a.roll-rain-active {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/rain-button.gif) 0px -22px no-repeat;
}
div.large_button a.roll-rain:link {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-rain:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-rain:hover {
background-position: 0px -22px;
text-decoration:none;
}
div.large_button a.roll-rain:active {
background-position: 0px -22px;
}
/*headwear button*/
a.roll-headwear {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/headwear_button.gif) 0px 0px no-repeat;
}
a.roll-headwear-active {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/headwear_button.gif) 0px -22px no-repeat;
}
div.large_button a.roll-headwear:link {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-headwear:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-headwear:hover {
background-position: 0px -22px;
text-decoration:none;
}
div.large_button a.roll-headwear:active {
background-position: 0px -22px;
}
/*carbonx wear button*/
a.roll-carbonx {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/carbonx-button.gif) 0px 0px no-repeat;
}
a.roll-carbonx-active {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/carbonx-button.gif) 0px -22px no-repeat;
}
div.large_button a.roll-carbonx:link {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-carbonx:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-carbonx:hover {
background-position: 0px -22px;
text-decoration:none;
}
div.large_button a.roll-carbonx:active {
background-position: 0px -22px;
}
/*synthertic wear button*/
a.roll-synth {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/synth-button.gif) 0px 0px no-repeat;
}
a.roll-synth-active {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/synth-button.gif) 0px -22px no-repeat;
}
div.large_button a.roll-synth:link {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-synth:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-synth:hover {
background-position: 0px -22px;
text-decoration:none;
}
div.large_button a.roll-synth:active {
background-position: 0px -22px;
}
/*merch button*/
a.roll-merch {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/merch-button.gif) 0px 0px no-repeat;
}
a.roll-merch-active {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/merch-button.gif) 0px -22px no-repeat;
}
div.large_button a.roll-merch:link {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-merch:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-merch:hover {
background-position: 0px -22px;
text-decoration:none;
}
div.large_button a.roll-merch:active {
background-position: 0px -22px;
}
/*index button*/
a.roll-index {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/index-button.gif) 0px 0px no-repeat;
}
a.roll-index-active {
width:161px;
display:block;
height:20px;
background: url(images/side_bar_images/buttons/index-button.gif) 0px -22px no-repeat;
}
div.large_button a.roll-index:link {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-index:visited {
background-position: 0px 0px;
text-decoration:none;
}
div.large_button a.roll-index:hover {
background-position: 0px -22px;
text-decoration:none;
}
div.large_button a.roll-index:active {
background-position: 0px -22px;
}
/*old-----------------------------------------------*/
div#sidenav {
margin-bottom:10px;
width:164px;
/* max-width:165px; */
border:solid #988344 0px;
}
div#sidenav ul li{
text-decoration:none;
}
div#sidenav ul li ul{
text-decoration:none;
}
div#sidenav li {
list-style-type:none;
border:solid #000000 1px;
color:#FFFFFF;
}
div#sidenav ul {
list-style-type:none;
text-decoration:none;
}
/* images and text bottom left-----------------------------------*/
div#images-left {
width:168px;
text-align:center;
padding-bottom:10px;
}
div#image-cell {
width:168px;
max-width:168px;
margin:10px 0 35px 0 ;
}
div#images-left p {
padding:0 0 10px 0;
}
div#images-left span h4 {
margin-top:5px;
}
/* end left content column-----------------------------------------------------------*/