/* MAIN STYLESHEET (SCREEN) FOR UPDATED RAYMONDCORP.COM SITE */

#PrintHeader
{
display:none;
}

#HandHeader
{
display:none;
}

#footer_hh{display:none;}


html, body {
font-family:Verdana, Arial, Helvetica, sans-serif;
/*font-family:Arial, Helvetica, sans-serif;*/
font-size:74%;
font-weight:normal;
color:#000000;
margin:0;
padding:0;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
/*font-family:Arial, Helvetica, sans-serif;*/
background-image: url(../images/Body_BG.jpg);
background-repeat:repeat;
margin:0;
padding:0;
background-color: #FFffff;
color:#000000;
text-align:center;
width: auto;
font-size:74%;
}

/* Outer Wrapper DIV ================================================= */
#outer {
text-align:left;
width:auto;
width:100%;
margin:0;
padding:0;
background-color:#FF0000;
position:relative;
}

/* Header Styles =================================================  */
#hdr {
min-height:46px; height:auto !important; height:46px;
background-image:url(../images/Head_BG_02.jpg);
background-repeat:repeat-x;
background-position:bottom; 
background-color:#000000;
color:#ffffff;
position:relative;
font-family: Tahoma, Arial, Helvetica, sans-serif;
position:relative;
font-size:10px;
/* font-size:1.2em;
font-size:65%; */
font-weight:bold;
}

#hdr img {border:0;} 

/* Need this because of IE5 box model */
#hdr table tr td form
{
color:#FFFFFF;
font-size:1.20em;
font-weight:bold;
}

#hdr A:link {color:#FFFFFF; font-weight:bold; }
#hdr A:visited {color:#FFFFFF; font-weight:bold;}
#hdr A:hover {color:#ffffff; text-decoration:none; font-weight:bold;}

#hdr form{
padding:0;
margin:0;
border:0;
background:none;
}

.hdr_input{
font-size:1em;
text-align:left;
border: 1px solid #CCCCCC;
padding:1px;
padding-left:2px;
}


/* Form Styles for Header. (scope #hdr) -------------- */
.submit-button
{
color: #ffffff;
background-color:#FF0000;
border: 1px #ffffff outset;
font-family:Arial, Helvetica, sans-serif;
font-size:.90em;
font-weight:bold;
margin-left:2px;
padding:0;
}

#HeaderGradientCell{
background-image:url(../images/Head_BG_LEFT2.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}


/* NavBar Styles ===================================================== */

#navbar{
min-height:23px; height:auto !important; height:23px;
background-image:url(../images/NavInnerBottom.jpg); 
background-position:bottom;
background-repeat:repeat-x;
background-color: #FF0000;
color:#ffffff;
margin:0;
padding:0;
z-index:500;
/* width:718px; */
width:100%;
}

#bar_top {
background-color: #FF0000;
/*min-height:3px;  height:auto !important;*/ height:3px; 
background-image: url(../images/Nav_TOP_NEW2.jpg);
background-position:top;
background-repeat: repeat-x;
overflow:hidden;
}

#NavContainerLeft{
/* background-image: url(../images/HomePage_SLICER_02HomePage_NEW.jpg); */
background-image: url(../images/NavContainerLeft_Home2.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#NavContainerRight{
text-align:right;
padding-left:3px;
}

#navbar img {border:0;} 

.NavAlt {
display:none;
}


/* Main Body DIV ==================================================== */

/* Main Body DIV  */
#bodyblock {
position:relative;
background-color: #FF0000; /* Red */
color: #333333;
width:777px;
padding:0;
margin:0;
z-index:1;
float:left;
}


/* Left Column DIV ======================================= */

/* Left Column DIV */
#l-col {
float:left;
overflow:hidden;
width:121px;
/* min-height:428px; height:auto !important; height:428px;*/
}

* html #l-col {  /* This is the Tan hack */
width: 122px;
w\idth: 120px;
margin:0;
padding:0; 
}

#l-col img{
border:0;
}

/* Main content area DIV  ==================================== */

#cont {
width:653px;
color: #333333;
text-align:left;
padding:0;
margin:0;
min-height:454px; height:auto !important; height:454px;
float:left;
background-color:#FFFFFF;
z-index:50;
/* font-size:70%; */

} 



#cont  p{
padding-left:10px;
padding-right:10px;
padding-bottom:12px;
margin:0;
/* Just added this to check... 
font-size:1.2em; line-height:1.4em;
font-size:11px;
font-size:1.2em; line-height:1.4em;*/
}

#cont img{
/* margin: 0 15px 0 15px; */
margin:0;
border:0;
}

#cont ul{
margin-left:15px;
padding-left:15px;
margin-right:15px;
padding-right:15px;
}

#cont li{
margin-left:15px;
padding-bottom:.75em;
font-size:11px;
}

#cont ol{
margin-left:15px;
padding-left:15px;
margin-right:15px;
padding-right:15px;
font-size:1.125em;
}

#cont ol li{
margin-left:15px;
padding-bottom:1em;
}

#cont a sup{
text-decoration:none;
}

#cont h1 sup{
font-size:70%;
}


/* ======================================================================= */

/* MAIN STYLING DECLARATIONS ---- */

A:link {color:#0000ff;}
A:visited {color:#0000ff;}
A:hover {color: #FF0000; text-decoration:none;}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.90em;
font-weight:normal;
text-align:left;
margin: 15px 10px 25px 10px;
border-bottom:dotted 1px #cccccc;
color:#FF0000; /*this may need to change based on template iteration */
font-weight: bold;
}

p{font-size:1.25em; line-height:1.4em;}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:normal;
text-align:left;
margin:10px;
margin-bottom:15px;
font-weight: bold;
color: #333333;
line-height:1.5em;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:normal;
text-align:left;
margin: 10px 10px 5px 10px;
font-weight: bold;
font-style:normal;
color: #666666; /*this may need to change based on template iteration */
}

.h3_Link{list-style:none;}

.h3_Sub{font-weight:normal;}

h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
/* font-size:60%; */
font-weight:bold;
text-align:left;
margin:10px;
font-weight: bold;
color: #000000; /*this may need to change based on template iteration */
}

#cont ul{list-style:square;font-size:1.2em; line-height:1.4em;}
/* fix for embedded lists  */
#cont ul li ul{margin-top:1em;list-style:square;font-size:1em; line-height:1.4em;} 

sup{line-height:1em; font-size:90%;}
.sup_reduce{font-size:70%; text-decoration:none;}

a sup{
text-decoration:none;
}

/* Breadcrumb.  --------------------------------------------------
These are the default styles. Each interior area has its own stylesheet
which controls additional Breadcrumb attributes */
#Breadcrumb{
min-height:21px; height:auto !important; height:21px;
margin:0;
padding:0;
text-align: left;
font-family: Verdana, Arial, sans-serif;
/* 
Turn these on if you have only one Breadcrumb style throughout the site
 background-color: #006699;
color:#FFFFFF; */
}

#Breadcrumb p {
padding-left:12px;
padding-top:3px;
padding-bottom:5px;
margin:0;
font-size:1em;
font-size:9px;
/* color:#FFFFFF; */
}

/* Footer =========================================== */

#Footer{
background-color: #000000;
color:#FFFFFF;
min-height:80px; height:auto !important; height:80px;
padding:0;
margin:0;
}

.FooterCont{
text-align:center;
vertical-align:center;
padding-top:0;
padding-bottom:15px;
padding-left:0;
font-family:Tahoma, Arial, Helvetica, sans-serif; 
font-size:9px;
color:#FFFFFF;
margin:0;
width: 774px;
line-height:1.5em;
position:relative;
background-color: #000000;
min-height:75px; height:auto !important; height:75px;
}

.FooterCont img{
border:0;
padding:0;
margin:0;
}

.FooterCont A:link {color:#FFFFFF; font-size:1.1em;}
.FooterCont A:visited {color:#FFFFFF;font-size:1.1em;}
.FooterCont A:hover {color:#ff0000; text-decoration:none;font-size:1.1em;}

#FooterLogo{
float:left; width:110px; overflow:hidden; margin-left:2px;
}

#FooterNav{
float:left;
overflow:hidden;
min-height:70px; height:auto !important; height:70px;
text-align:center;
padding: 10px 10px 0 10px; margin-left:5px;
min-width:620px; width:auto !important; width:620px;
}

#FooterPrint{
display:none;
}

#NewFooter A:link {color:#FFFFFF; font-size:1em}
#NewFooter A:visited {color:#FFFFFF;font-size:1em}
#NewFooter A:hover {color:#ff0000; text-decoration:none;font-size:1em}


/* --- classes and misc. --- ------------------------------------------- */

#Request{
background-color:#EFEFEF;
text-align:center;
margin: 0 10px 0 10px;
border: 1px solid #CCCCCC;
min-height:45px; height:auto !important; height:45px;
}

.NoDisplay{display:none;}
.inline{display:inline;}
.block{display:block;}
.NoBorder{border:0;}
.red{color:#FF0000;}
/*.LeftOld{float:left; padding-left:20px; padding-right:35px; padding-bottom:15px; width:auto;}*/
.Right{margin:0; padding:0; padding-left:20px; padding-right:10px;padding-bottom:15px; float:right;}

.Left
{
padding:0;
margin:0;
padding-left:10px;
padding-right:20px;
padding-bottom:10px;
float:left;
}


.DivGreyCallout{ 
background-color:#f7f7f7;
border: 1px solid #cccccc;
padding:8px 4px 4px 4px;
margin:0 8px 12px 8px; 
}

.DivGreyCallout_colLength{ 
background-color:#f7f7f7;
border: 1px solid #cccccc;
padding:8px 4px 4px 4px;
margin:0 8px 12px 310px; 
}

.DivCallout{ 
background-color:#ffffff;
border: 1px solid #cccccc;
padding:6px;
margin:0 8px 12px 8px; 
}

.RequestLink{
margin: 10px 0 10px 10px;
padding:0;
float:left;
font-weight:bold;
/* width:300px; */
width:auto;
/* font-size:1.1em; */
font-size:11px;
}

.RequestLink p{
font-size:11px;
}

.imgCaption{
font-size:80%;
color:#999999;
font-style:italic;
padding-top:5px;
padding-left:0;
padding-right:0;
}

.Footnote{
font-size:95%; color:#666666; font-style:italic;
}

.Footnote2{
font-size:1em; color:#666666; font-style:italic; padding-top:5px;
}

#overDiv{
text-align:left;
/*font-size: 10px;*/
}

#overDiv ul{
margin-top:7px;
}

#overDiv li{
margin-bottom: 1em;
}


.OverLibFont{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
/*font-size:.75em;*/
font-size:8pt;
color:#666666;
}

.OverLibBG{
background-color:#f7f7f7;
}

.Dammit{
/*background-color: #FFFF00;*/
float:left;
width:70px;
height:70px;
background-image:url(../images/products/reach_fork_7400_thumb.jpg);
background-repeat:no-repeat;
}

.Dammit2{
background-color:#00FFFF;
float:left;
width:166px;
}

.Dammit3{
/*background-color: #FFFF00;*/
width:260px;
min-height:90px;
/*background-image:url(../images/products/reach_fork_7400_thumb.jpg);
background-repeat:no-repeat;*/
}

.Dammit3 li{
margin-left:45px;
}

.MenuBlurb {
font-size:.90em;
margin-top:5px;
margin-left:5px;
line-height:1.25em;
}

.MenuBlurb sup {
line-height:.5em;
}

.EmployIndex h3{
color:#FF0000;
font-size:1.20em;
}

.EmployIndex h2{
margin-bottom:15px;
}

.EmployComplete{
font-size:1.25em; padding-top:15px; margin-bottom:0; padding-bottom:0;
}

.EmploySteps{
width:auto; height:15px; font-size:1em; padding:10px; color:#CCCCCC; margin-top:0; margin-bottom:-10px; padding-top:5px;
}


.EditorialBarUL {
margin-bottom:5px; margin-top:5px; margin-left:0;
}

.SupSpecial sup {text-decoration:none;}

.AltLeftNav ul {
margin-left:0; text-indent:0; padding:0 5px 0 0;
}

.LeftULDiv img{}
.LeftULDiv ul{margin:0; padding:0; text-indent:0;}

.ImageCalloutRight{
float: right;
margin: 0 10px 0 10px;
padding:15px 0 5px 0;
font-size:80%;
color: #666666;
background-color: #ffffff;
background-color: #f7f7f7;
border: 1px solid #cccccc;
width:190px;
/* Or allow width at element level...*/
display:block;
text-align:center;
}

.ImageCalloutRight p{
text-align:left;
padding-top:10px;
padding-bottom:0;
margin-bottom:0;
}

.TopAnchor{
font-size:9px;
color:#999999;
margin-left:10px;

}

.subFooter {
background-color:#CCCCCC;
overflow:hidden; 
margin-top:20px; 
position:relative; 
min-height:100px; height:auto !important; height:100px;
}

.ContactFormSub{
line-height:1.25em;
text-align:center;
padding:10px;
font-weight:bold;
float: left; 
width:200px; 
margin-top:10px; 
background-color:#f7f7f7; 
border:1px solid #CCCCCC;
min-height:60px; height:auto !important; height:60px;
font-size:110%;
vertical-align:middle;
}

.tableFontFix{font-size:1.25em;}

/* Contact Page*/

#parts_c_inner{
width:653px;
float:left;
margin:0;
padding:0;
min-height:475px; height:auto !important;
/*background-color:#0000ff;
background-color:#ffffff;*/
position:relative;
}

#parts_c_corp{
width:200px;
float:left;
margin:0;
padding:0;
min-height:475px; height:auto !important;
/*background-color:#cccccc;
background-color:#ffffff;*/
position:relative;
}

#parts_c_parts{
width:200px;
float:left;
margin:0;
padding:0;
min-height:475px; height:auto !important;
/*background-color:#00ffff;
background-color:#ffffff;
border-left: 1px dashed #cccccc;*/
position:relative;

}


#parts_c_image{
width:250px;
float:right;
margin:0;
padding:0;
min-height:475px; height:auto !important;
/*background-color:#00ffff;
background-color:#ffffff;
border-left: 1px dashed #cccccc;*/
position:relative;
}

#parts_fac_fit{
width:275px;
float:left;
margin-left:44px;
margin-top:0px;
padding:0;
min-height:50px; height:auto !important;
position:relative;

}


#parts_fac_ray{
width:225px;
float:left;
margin-left:24px;
margin-top:0px;
padding:0;
min-height:50px; height:auto !important;
position:relative;
}



/* For UDM -------------------------------------------  */

#active:link,
#active:visited,
#active:hover,
#active:focus,
#active:visited:hover,
#active.udmR,
#active.udmR:visited,
#active:active {
background-color:#000000;
color:#f7f7f7;
border-bottom: 2px solid #000000;
}


/* Override handheld stylesheet  */

#hdr_handheld {display:none;}


/* .tableFontFix tr td{font-size:1.25em;} */

/* ===================================================

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Color Reference:
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Raymond Red 100%:	
R=205,G=58,B=43
MATCH = #FF1300
WSAFE = #FF0000
===============================================================
Raymond/SOTM Blue 100%:
R=22,G=101,B=160
MATCH = #1665A0
WSAFE = #1665AD
===============================================================
Raymond/SOTM Blue 80%:
R=69,G=132,B=179
MATCH = #4584B3
WSAFE = #3399CC
===============================================================
Raymond/SOTM Blue 60%:
R=115,G=163,B=198
MATCH = #73A3C6
WSAFE = #6699CC
===============================================================
Raymond/SOTM Blue 40%:
R=162,G=193,B=217
MATCH = #A2C1D9
WSAFE = #99CCCC
===============================================================
Raymond Tan 100%:
R=236,G=228,B=199
MATCH = #ECEEC7
WSAFE = #ECEFC7
===============================================================
Dark Gray 100%:
R=143,G=143,B=137
MATCH = #8F8F89
WSAFE = #8F8F93
===============================================================
Dark Gray 80%:
R=165,G=165,B=161
MATCH = #A5A5A1
WSAFE = #999999
===============================================================
Dark Gray 60%:
R=188,G=188,B=184
MATCH = #BCBCB8
WSAFE = #CCCCCC
===============================================================
Dark Gray 40%:
R=210,G=210,B=201
MATCH = #D2D2D0
WSAFE = #CCCCCC
===============================================================
Dark Gray 20%:
R=233,G=233,B=231
MATCH = #E9E9E7
===============================================================
Medium Gray 100%:
R=173,G=173,B=175
MATCH = #ADADAF
WSAFE = #ACADAF
===============================================================
Medium Gray 80%:
R=189,G=189,B=191
MATCH = #BDBDBF
WSAFE = #CCCCCC
===============================================================
Medium Gray 60%:
R=206,G=206,B=207
MATCH = #CECECF
WSAFE = #CCCCCC
===============================================================
Medium Gray 40%:
R=222,G=222,B=223
MATCH = #DEDEDF
WSAFE = #CCCCCC
===============================================================
Medium Gray 20%:
R=239,G=239,B=239
MATCH = #EFEFEF
===============================================================
Burgandy 100%:
R=165,G=52,B=33
MATCH = #A53421
WSAFE = #993333
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

*/