/* some background colours intentionally not specified as transparency is the desired effect */
/* some colours and background colours from two contexts are the same as they do not ever occur together */

body
{
background-color: #F5F5F5;
color: #000000;
background-image: url(graphics/bg.gif);
margin-top: 5px;
}

p
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #000000;
text-decoration: none;
margin-left: 10px;
margin-right: 10px;
}


p.error
{
FONT-WEIGHT: normal;
FONT-SIZE: 16px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #000000;
text-decoration: none;
margin-left: 0px;
margin-right: 10px;
}

a:link.error
{
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #009900;
background-color: #ffffff;
text-decoration: underline;
}

a:visited.error
{
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #009900;
background-color: #ffffff;
text-decoration: underline;
}

a:hover.error
{
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #009900;
background-color: #ffffff;
text-decoration: underline;
}


p.errorpageheading
{
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #009900;
text-decoration: none;
margin-left: 0px;
margin-right: 10px;
}


div.errorpage
{
width: 500px;
margin-left: auto;
margin-right: auto;
}



div.swf
{
float: right;
width: 520px;
}

td.animation
{
text-align: center;
}


div.bannerad
{
text-align: center;
margin-top: 10px;
margin-bottom: 0px;
padding-bottom: 0px;
}

/* only used on contact.html */
div.center
{
text-align: center
}

/* used on accessories page */
td.images
{
width: 250px;
}

td.singleimage
{
width: 120px;
}

td.text
{
width: 380px;
}

/* panel around entire content except grey small print at footer */
div.panel
{
width: 980px;
border: 1px #308430 solid;
background-color: #ffffff;
color: #000000;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
}

/* grey small print style */
p.wdy
{
width: 440px;
FONT-WEIGHT: normal;
FONT-SIZE: 9px;
LINE-HEIGHT: 14px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #999999;
background-color: #F5F5F5;
text-decoration: none;
text-align: center;
}

a:link.wdy
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
LINE-HEIGHT: 14px;
FONT-FAMILY: verdana, helvetica, sans-serif; 
COLOR: #999999;
background-color: #F5F5F5;
text-decoration: none;
}

a:visited.wdy
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
LINE-HEIGHT: 14px;
FONT-FAMILY: verdana, helvetica, sans-serif;
COLOR: #999999;
background-color: #F5F5F5;
text-decoration: none;
}

a:hover.wdy
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
LINE-HEIGHT: 14px;
FONT-FAMILY: verdana, helvetica, sans-serif; 
COLOR: #999999;
background-color: #F5F5F5;
text-decoration: none;
}

td.plumettpanelleft
{
background-color: #ffffff;
color: #000000;
width: 290px;
}



td.plumettpanelright
{
background-color: #ffffff;
color: #000000;
width: 230px;
border: 1px solid #999999;
}



table.smallprintfooter
{
margin-left: auto;
margin-right: auto;
}
/* end grey small print style */



table.vetterpdfs
{
width: 500px;
}

td.vetterpdfs
{
text-align: center;
vertical-align: top;
}




a:link.vetter
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
LINE-HEIGHT: 15px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #007700;
text-decoration: underline;
text-align: center;
}

a:visited.vetter
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
LINE-HEIGHT: 15px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #007700;
text-decoration: underline;
text-align: center;
}

a:hover.vetter
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
LINE-HEIGHT: 15px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #009900;
text-decoration: underline;
text-align: center;
}

p.vetter
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
LINE-HEIGHT: 15px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #000000;
text-decoration: none;
margin-left: 0px;
margin-right: 0px;
text-align: center;
}







table.plumettcablerollerspanel
{
margin-left: auto;
margin-right: auto;
}

td.plumettcablerollerspanel
{
width: 260px;
}


/* top cell with banner */
td.top
{
background-color: #409540;
color: #000000;
}


/* error page cell */
td.error
{
background-color: #ffffff;
color: #000000;
}


/* far right spacer column */
td.rightcol
{
background-color: #7FC87F;
color: #000000;
width: 3px;
}

/* spacer column between nav and main content*/
td.greycol
{
background-color: #cccccc;
color: #000000;
width: 3px;
}


/* nav panel styles start */
td.leftnavpanelheader
{
width: 215px;
}

/* nav panel styles end */


/* main content panel */
td.main
{
width: 539px;
}
/* main content panel end*/


/* new far right hand panel*/
td.farright
{
width: 220px;
}

/* new far right hand panel vertical line*/
td.greyline
{
background-color: #ffffff;
color: #000000;
width: 1px;
}





/* used on hand winches overview page start*/
table.center
{
margin-left: auto;
margin-right: auto;
}
/* used on hand winches overview page end*/



/* used for specifications on winches start */
div.greentable
{
width: 520px;
background-color: #308430;
color: #000000;
margin-left: auto;
margin-right: auto;
}

table.greentable
{
background-color: #879D85;
color: #000000;
}

td.firstcol
{
width: 150px;
}

td.colheader
{
background-color: #B0F6BA;
color: #000000;
width: 50%
}

td.colheadera
{
background-color: #B0F6BA;
color: #000000;
width: 33%
}

td.colheaderb
{
background-color: #B0F6BA;
color: #000000;
width: 67%
}

td.colheaderd
{
background-color: #B0F6BA;
color: #000000;
width: 25%
}

td.colheadere
{
background-color: #B0F6BA;
color: #000000;
width: 15%
}

td.colheaderf
{
background-color: #B0F6BA;
color: #000000;
width: 40%
}


td.colrowa
{
background-color: #B0F6BA;
color: #000000;
}

td.colrowb
{
background-color: #ffffff;
color: #000000;
}

p.greentable
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #000000;
text-decoration: none;
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
}

p.whitecomeuptable
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
LINE-HEIGHT: 14px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #ffffff;
text-decoration: none;
margin-bottom: 5px;
padding-top: 5px;
text-align: left;
}
/* used for specifications on winches pages end */



/* product images on winches pages start */

td.images
{
width: 250px;
}
/* product images on winches pages end */



/* used on dh120 300 and 500 pages between green tables */
div.break
{
clear: left;
background-color: #ffffff;
color: #000000;
height: 10px;
}















a:link.green
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
LINE-HEIGHT: 15px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #007700;
text-decoration: underline;
}

a:visited.green
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
LINE-HEIGHT: 15px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #007700;
text-decoration: underline;
}

a:hover.green
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
LINE-HEIGHT: 15px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #009900;
text-decoration: underline;
}




a:link.ulheader
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
LINE-HEIGHT: 16px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #006600;
text-decoration: underline;
}

a:visited.ulheader
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
LINE-HEIGHT: 16px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #006600;
text-decoration: underline;
}

a:hover.ulheader
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
LINE-HEIGHT: 16px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #006600;
text-decoration: underline;
}





a:link.signup
{
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; 
LINE-HEIGHT: 14px; 
COLOR: #000000; 
padding: 2px;
FONT-STYLE: normal; 
FONT-FAMILY: arial, helvetica, sans-serif;  
text-decoration: underline; 
margin: 0px; 
}


a:visited.signup
{
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; 
LINE-HEIGHT: 14px; 
COLOR: #000000; 
padding: 2px;
FONT-STYLE: normal; 
FONT-FAMILY: arial, helvetica, sans-serif;  
text-decoration: underline; 
margin: 0px; 
}

a:hover.signup
{
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; 
LINE-HEIGHT: 14px; 
COLOR: #000000; 
background-color: #ffffff;
padding: 2px;
FONT-STYLE: normal; 
FONT-FAMILY: arial, helvetica, sans-serif;  
text-decoration: underline; 
margin: 0px; 
}








a:link.offer
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
LINE-HEIGHT: 14px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #009900;
text-decoration: underline;
}

a:visited.offer
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
LINE-HEIGHT: 14px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #ff0000;
text-decoration: underline;
}

a:hover.offer
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
LINE-HEIGHT: 14px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #009900;
text-decoration: underline;
}



a:link.topgraphic
{
COLOR: #000000; 
background: #ffffff;
FONT-STYLE: normal; 
FONT-FAMILY: arial, helvetica, sans-serif;  
text-decoration: none; 
border-left: 0px #999999 solid;
margin: 0px; 
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 0px;
border-top: 0px;
}

a:visited.topgraphic
{
COLOR: #000000; 
background: #ffffff;
FONT-STYLE: normal; 
FONT-FAMILY: arial, helvetica, sans-serif;  
text-decoration: none; 
border-left: 0px #999999 solid;
margin: 0px; 
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 0px;
border-top: 0px;
}

a:hover.topgraphic
{
COLOR: #000000; 
background: #ffffff;
FONT-STYLE: normal; 
FONT-FAMILY: arial, helvetica, sans-serif;  
text-decoration: none; 
border-left: 0px #999999 solid;
margin: 0px; 
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 0px;
border-top: 0px;
}



a:link.yqa
{
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
LINE-HEIGHT: 14px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #009900;
text-decoration: none;
}

a:visited.yqa
{
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
LINE-HEIGHT: 14px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #009900;
text-decoration: none;
}

a:hover.yqa
{
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
LINE-HEIGHT: 14px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #009900;
text-decoration: none;
}


p.navpanellinks
{
LINE-HEIGHT: 14px;
padding: 0px;
margin: 0px;
}

p.navpanelsubheader
{
COLOR: #006600;
LINE-HEIGHT: 14px;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 0px;
}


A:link.panel 
{
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; 
LINE-HEIGHT: 14px; 
COLOR: #000000; 
background: #ffffff;
FONT-STYLE: normal; 
FONT-FAMILY: arial, helvetica, sans-serif;  
text-decoration: none; 
border-left: 5px #999999 solid;
margin: 0px; 
padding-left: 2px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 0px;
border-top: 0px;
}


A:visited.panel 
{
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; 
LINE-HEIGHT: 14px; 
COLOR: #000000; 
background: #ffffff;
FONT-STYLE: normal; 
FONT-FAMILY: arial, helvetica, sans-serif;  
text-decoration: none; 
border-left: 5px #999999 solid;
margin: 0px; 
padding-left: 2px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 0px;
border-top: 0px;
}

A:hover.panel 
{
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; 
LINE-HEIGHT: 14px; 
COLOR: #000000; 
FONT-STYLE: normal; 
FONT-FAMILY: arial, helvetica, sans-serif;  
text-decoration: none; 
border-left: 5px #1AFF02 solid;
background: #ffffff;
margin: 0px; 
padding-left: 2px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 0px;
border-top: 0px;
text-decoration: underline;
}




p.backtotop
{
clear: left;
}


ul
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
LINE-HEIGHT: 14px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #000000;
background-color: #ffffff;
text-decoration: none;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 0px;
}






div.indextable
{
border: 1px #000000 solid;
width: 270px;
}





p.rightpanelbody
{
FONT-WEIGHT: normal;
FONT-SIZE: 15px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #666666;
text-decoration: none;
margin-left: 15px;
margin-right: 15px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
font-style: italic;
}














p.cablerollerscaption
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #000000;
text-decoration: none;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 30px;
margin-top: 0px;
}










p.smallheader
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #000000;
text-decoration: none;
margin-left: 10px;
margin-right: 10px;
}


p.smallprintaftertable
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #000000;
text-decoration: none;
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
}


/* only used on contact.html starts*/
p.contact
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #000000;
text-decoration: none;
margin-left: 10px;
margin-right: 10px;
}
/* only used on contact.html ends*/


/* only used on php contact page not currently in use */





p.small
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #000000;
text-decoration: none;
margin-left: 10px;
margin-right: 10px;
}


p.white
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
LINE-HEIGHT: 14px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #ffffff;
text-decoration: none;
}






p.flag
{
FONT-WEIGHT: normal;
FONT-SIZE: 9px;
LINE-HEIGHT: 11px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #000000;
text-decoration: none;
margin-left: 10px;
margin-right: 10px;
}




p.title
{
margin-top: 0px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
LINE-HEIGHT: 14px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #000000;
text-decoration: none;
}


p.sh
{
margin-top: 0px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
LINE-HEIGHT: 14px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #000000;
text-decoration: none;
margin-bottom: -10px;
}

span.red
{
margin-top: 0px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
LINE-HEIGHT: 14px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #ff0000;
text-decoration: none;
margin-bottom: -10px;
}


h1
{
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
LINE-HEIGHT: 18px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #006600;
background-color: #ffffff;
text-decoration: none;
margin-left: 10px;
margin-top: 15px;
margin-bottom: 10px;
}


p.plumettrangesubheader
{
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
LINE-HEIGHT: 18px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #000000;
background-color: #ffffff;
text-decoration: none;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
}


p.plumettrangebody
{
FONT-WEIGHT: normal;
FONT-SIZE: 14px;
LINE-HEIGHT: 18px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #000000;
background-color: #ffffff;
text-decoration: none;
margin-left: 0px;
margin-top: 10px;
margin-bottom: 0px;
}






span.hred
{
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
LINE-HEIGHT: 18px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #ff0000;
text-decoration: none;
margin-top: 15px;
margin-bottom: 10px;
}

h2
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
LINE-HEIGHT: 14px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #000000;
background-color: #ffffff;
text-decoration: none;
margin-left: 10px;
margin-top: 0px;
}

h3
{
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
LINE-HEIGHT: 18px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: #006600;
background-color: #ffffff;
text-decoration: none;
margin-left: 10px;
margin-top: 50px;
margin-bottom: 0px;
}


div.panelheader1 
{
FONT-WEIGHT: bold; 
FONT-SIZE: 13px; 
LINE-HEIGHT: 18px; 
FONT-FAMILY: arial, helvetica, sans-serif; 
COLOR: #ffffff; 
text-decoration: none; 
background-color: #308430;
padding: 2px; 
margin-top: 5px;
margin-bottom: 4px;
}

div.panelbackground1 
{
margin-left: 0px;
padding: 2px;
}

div.header
{
padding: 0px;
margin-bottom: -5px;
}