/*
------------------------------------------------------------
CUSTOM CLASSES :: (BLOBs BackEnd) Rich Text Edit Rad Control
------------------------------------------------------------
*/
.customClass1  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #15466F;
	font-weight: bold;
	line-height: 20px;
}
.customClass1  a:link {color: #15466F;text-decoration: none;}
.customClass1  a:visited {color: #15466F;text-decoration: none;}
.customClass1  a:hover {color: #15466F;text-decoration: underline;}

.customClass2  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #15466F;
	font-weight: bold;
	line-height: 25px;
}
.customClass2  a:link {color: #15466F;text-decoration: none;}
.customClass2  a:visited {color: #15466F;text-decoration: none;}
.customClass2  a:hover {color: #15466F;text-decoration: underline;}

.customClass3  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FB7F19;
	font-weight: bold;
	line-height: 30px;
}
.customClass3  a:link {color: #FB7F19;text-decoration: none;}
.customClass3  a:visited {color: #FB7F19;text-decoration: none;}
.customClass3  a:hover {color: #FB7F19;text-decoration: underline;}


/*
------------------------------------------------------------
STANDARD CONTENT CLASSES :: Standard Text Content Classes
------------------------------------------------------------
*/
BODY {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 18px;
	font-style:normal;
	text-decoration:none;
	color:#000000;
	margin: 0; 
	padding: 0;
	background-color:#000;
	text-align:center;
 	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
}
img {border: 0;}

/* Standard Text Classes Elements */
.body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 18px;
	color: #000;}
.body a:link {color: #003562;text-decoration: none;}
.body a:visited {color: #003562;text-decoration: none;}
.body a:hover {color: #003562;text-decoration: underline;}

.bodybold {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 18px;
	color: #000;
	font-weight: bold;}

.bodysmall {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 18px;
	color: #000;}
.bodysmall a:link {color: #003562;text-decoration: none;}
.bodysmall a:visited {color: #003562;text-decoration: none;}
.bodysmall a:hover {color: #003562;text-decoration: underline;}


.header {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 18px;
	font-weight: bold;
	color: #000;}
.header a:link {color: #003562;text-decoration: none;}
.header a:visited {color: #003562;text-decoration: none;}
.header a:hover {color: #003562;text-decoration: none;}


.title {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height: 18px;
	font-weight: bold;
	color: #000;}
.title a:link {color: #000;}
.title a:visited {color: #000;}
.title a:hover {color: #003562;}


/* =============================================================== */
/* Main Layout format (820px wrapper with 3 columns and shadows)   */
/* =============================================================== */
#wrapper {
	width:820px;
	margin: 0 auto;
	padding: 0;
	background-image:url(images/wrapper_background.jpg);
	background-repeat:repeat-y;
	/* http://www.webdeveloper.com/forum/showthread.php?t=163221 */
	/* overflow technique to make "grow" the div container along the content */
	overflow:auto; 
}
	#Frame_LeftSide {
		float:left;
		width:29px;
		height:500px;
		background-image: url(images/leftshadow.jpg);
	}
	#Frame_CenterSide {
		float:left;
		width:762px;
		margin:0; padding:0;
	}
	#Frame_RightSide {
		float:right;
		width:29px;
		background-image: url(images/rightshadow.jpg);
	}
	#Frame_Footer{
		background-image:url(images/rei-footer.jpg);
		clear:left;
		width:820px;
		height:37px; /* 45-8=37 pixel cause the padding*/
		/* Font sizes */
		font-size: 9px;
		color: #EDEDED;
		padding: 8px 0 0 0;
	}
	#Frame_Footer a {text-decoration: none;color: #EDEDED;}


/* ======================= #Frame_CenterSide =============================== */
#mainHeader {
	background-image:url(images/reihometop.jpg);
	height:112px;
	width:762px;
}
#mainHeaderInterior {
	background-image:url(images/reiinbsidetop.jpg);
	height:75px;
	width:762px;
}
#contentWrapper2 {
	float:left;
	width:758px; /* 762-4=758 pixel cause the left margin*/
	height:auto;
	/* This will create "the effect" of the column growing on both content divs */
	background-image:url(images/content-background.jpg);
	background-repeat:repeat-y;
	margin: 0px 0px 0px 2px;
}
        #content_sidebar, #content_sidebar_interior 
        {	        width:211px;
			        float:left;
			        padding: 0;
			        margin: 0 0 8px 0;
            }

		#content_sidebar {height:347px;}

		#content_main {
			width:545px;
			float:right;
			margin-top: 15px;
		}
		
		#content_sidebar_interior 
		{
		    height:410px;
		}

    #searchArea {
	    width:170px;
	    height:61px;
	    padding: 8px 8px 11px 30px;
	    text-align: left;
    }
    #sidenav {
	    height:212px;
	    margin: 0 0 0 30px;
    }
		#content_main_interior {
			width:515px;
			float:right;
		}

        #content-footer2 
        {
		        background-image:url(images/content-footer.jpg);
		        background-repeat:no-repeat;
                clear:both;
		        width:758px; /* 762-4=758 pixel cause the left margin*/
		        height:20px; /* 45-8=37 pixel cause the padding*/
	            margin: 0px 0px 0px 2px;
            }
		
/* ======================= #Frame_CenterSide =============================== */
#navTopBar2 {
float:left;
	height:35px; /* 55-25 top padding */
	width: 728px; /* 762-30-4 left padding, margin */
	padding: 20px 0 0 30px;
	margin: 10px 0px 0px 2px;
	background: transparent url(images/topNavBarBackground.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	background-color:white;
	text-align: left;
	z-index:100;
}

/* ================== #Copy Right section on the Bottom ======================= */
#navCopyrightBar {
		clear:left;
		width:820px;
		height:37px; /* 45-8=37 pixel cause the padding*/
		/* Font sizes */
		font-size: 9px;
		color: #fff;
		padding: 0 0 0 0;
		background-color: #000;
}
#navCopyrightBar a:link {color:#fff; text-decoration:none; background:transparent;}
#navCopyrightBar a:visited {color:#fff; text-decoration:none; background:transparent;}
#navCopyrightBar a:active {color:#fff; text-decoration:none; background:transparent;}
#navCopyrightBar a:hover {color:#fff; text-decoration:underline; background:transparent;}


/* Some CSS Special elements */    
.lblsearch {margin: 10px 0px 20px 0px;}
.hugetitle {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 32px;
	line-height: 40px;
	font-weight: bold;
	color: #000;
}
.btnPartNo {
    cursor: pointer;
    border: 0;
    height: 20px;
    width: 20px;
    background: transparent url('images/arrow.jpg') no-repeat;
}
.prodimg {
    width: 460px;
	padding: 0px 0px 20px 0px;
	text-align: center;
    }
.inputBox {
    font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	height: 13px;
}

/* 360 views CSS elements*/
#div360Link {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 20px;
	font-style:normal;
	text-decoration:none;
	font-weight:bolder;
	color:#CC0000;
	margin: 0; 
	padding: 0;
	text-align:center;
	width: 100%;
	border-bottom: solid 2px #003561;
	margin: 0 auto 0 auto;
}
#div360Link a:link {color: #CC0000;text-decoration: none;}
#div360Link a:visited {color: #CC0000;text-decoration: none;}
#div360Link a:hover {color: #003562;text-decoration: underline;}