﻿/*** CSS RESET ***/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p
{
    margin: 0;
    padding: 0;
    text-align: left;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img
{
    border: 0;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}
sup
{
    vertical-align: text-top;
    position: relative;
}
sub
{
    vertical-align: text-bottom;
}
input, textarea, select
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-size: 100%;
}
ul, ol, li
{
    list-style: none;
}
html
{
    -webkit-text-size-adjust: 95%;
}
#track
{
    position: absolute;
    bottom: 0;
}

/*** GLOBAL ***/
body
{
    font-size: 80%;
    font-family: Verdana, Helvetica, sans-serif;
    color: #656565;
    background-color: #ededed;
    line-height: 1.3em;
    text-align: center;
}
.clear
{
    clear: both;
}
.rel
{
    position: relative;
}
.block
{
    display: block;
}
.inline
{
    display: inline;
}
.left
{
    text-align: left !important;
}
.right
{
    text-align: right !important;
}
.bottom
{
    position: absolute;
    bottom: 0;
}
.bullet li
{
    background: url(../../images/css/bullet_square_10x7.gif) 0 0 no-repeat;
    margin: 2px 0;
    padding: 1px 10px;
}
p
{
    margin: 0 0 1em 0;
}
a:link
{
    text-decoration: none;
    color: #067AB4;
}
a:visited
{
    text-decoration: none;
    color: #067AB4;
}
a:hover
{
    text-decoration: underline;
    color: #067AB4;
}
ul, ol, dl
{
    margin: 0 0 1em 0;
}
/*
input, textarea, select
{
    border: 1px solid #ccc;
    vertical-align: middle;
    background-color: #fff;
    color: #656565;
}
*/
.hide
{
    display: none;
}
#ie
{
    zoom: 1;
}
#pageID
{
    position: absolute;
    top: -20px;
    width: 100px;
    text-indent: -9999px;
}
#wrapper
{
    margin: 0 auto;
    width: 815px;
    background-color: #ededed;
    height: 100%;
}
#wrapper_
{
    margin: 0 auto;
    width: 985px;
    background-color: #ededed;
    height: 100%;
}
h1
{
    font-family: Courier New;
    font-size: 48px;
    font-weight: bold;
    padding-top: 40px;
}

/**** UNIVERSAL NAV CONTAINER ****/
#universalNav
{
    position: relative;
    top: 0;
    left: 0;
    width: 815px;
    background: url(../../images/css/rh_topSlice.gif) bottom repeat-x;
    text-align: right;
    height: 3.0em;
}
#universalNav_
{
    position: relative;
    top: 0;
    left: 0;
    width: 985px;
    background: url(../../images/css/page_topSlice.gif) bottom repeat-x;
    text-align: right;
    height: 3.0em;
}

/**** TOP LEFT TABS ****/
.topLeftTabs
{
    position: absolute;
    left: -4px;
    bottom: 2px;
    height: 2.8em;
    background: #ffffff url(../../images/css/top_tabs_top.gif) 0 0 no-repeat;
    margin: 0;
    padding: 0;
    font-size: .9em;
}
#ie6 .topLeftTabs
{
    bottom: 0px;
    height: 3.0em;
}

.topLeftTabs li
{
    float: left;
    height: 2.5em;
    overflow: hidden;
    background: url(../../images/css/top_tabs-butbg2.gif) 0 bottom no-repeat !important;
    padding: 0 0 0 4px;
    margin-top: 4px;
}
#ie6 .topLeftTabs li
{
    margin-top: 4px;
}
.topLeftTabs .per
{
    background-position: -4px bottom !important;
    padding: 0;
    margin-left: 8px;
}
#ie6 .topLeftTabs .per
{
    margin-left: 4px;
}
.topLeftTabs #last
{
    border-right: 1px solid #e6e6e6;
    padding: 0;
}

.topLeftTabs li a
{
    display: block;
    margin-top: 1px;
    text-align: center;
    height: 2.0em;
    font-size: 1.2em;
    line-height: 2.0em;
    letter-spacing: -1px;
}
.topLeftTabs .per a
{
    width: 8.0em;
}
.topLeftTabs .smb a
{
    width: 9.6em;
}
.topLeftTabs .ent a
{
    width: 8.0em;
}
.topLeftTabs li a.selected
{
    background: #ffffff;
    font-weight: bold;
    color: #ff7200;
    cursor: default;
    text-decoration: none;
}
.topLeftTabs #last span
{
    border-right: 1px solid #dcdcdc;
    font-size: .1em;
    width: 2px;
}

/* TOP RIGHT LINKS */
.topRightLinks
{
    float: right;
    position: absolute;
    top: 1px;
    right: 5px;
    height: 3.0em;
    font-size: .9em;
}
.topRightLinks span
{
    line-height: 3.0em;
    zoom: 1;
}
.topRightLinks .espanol
{
    padding: 0 1.1em 0 4.6em;
    border-right: 1px solid #cccccc;
    zoom: 0;
}
.topRightLinks .language
{
    padding: 0 0 0 .7em;
    zoom: 1;
}

/* Container */
#container
{
    clear: both;
    background: #fff url(../../images/css/rh_midSlice.gif) 0 0 repeat-y;
}
#container_
{
    clear: both;
    background: #fff url(../../images/css/page_midSlice.gif) 0 0 repeat-y;
}
#page
{
    margin: 0 17px;
    width: 780px;
    position: relative;
}
#page_
{
    margin: 0 17px;
    width: 950px;
    position: relative;
}
#header
{
    height: 148px;
    clear: both;
    font-size: .95em;
}

#header .login
{
    background: url(../../images/css/rh_banner_right.jpg) 0 0 no-repeat;
    position: absolute;
    right: 0;
    text-align: right;
    font-size: 1.1em;
    color: #cccccc;
    width: 130px;
    height: 148px;
}
#header .login .lnk1
{
    padding: 0 0 0 0;
}
#header .login .lnk2
{
    padding: 0 0 0 0;
}

/**** LOGO ****/
.logo
{
    float: left;
    width: 600px;
    height: 148px;
}
.logo a
{
    position: absolute;
    top: 4px;
    left: 15px;
    text-indent: -9999px;
}
.logo a span
{
    background: url(../../images/css/rh_banner_02.jpg) 0 0 no-repeat;
    width: 630px;
    height: 148px;
    position: relative;
    display: block;
}
.logo_
{
    float: left;
    width: 700px;
    height: 148px;
}
.logo_ a
{
    position: absolute;
    top: 4px;
    left: 15px;
    text-indent: -9999px;
}
.logo_ a span
{
    background: url(../../images/css/rh_banner_01.jpg) 0 0 no-repeat;
    width: 730px;
    height: 148px;
    position: relative;
    display: block;
}

/**** PRODUCT NAVIGATION ****/
#content
{
    clear: both;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    text-align: left;
}

#prodNav
{
    min-height: 2.8em;
    background: url(../../images/css/prodNav-bg.gif) bottom repeat-x;
    letter-spacing: -1px;
    font-size: 1.0em;
}
#ie6 #prodNav
{
    zoom: 1;
}

.shopFor
{
    position: absolute;
    line-height: 2.8em;
    font-size: 1.0em;
    color: #888888;
    float: left;
    margin: 0;
}
.shopFor ul
{
}
.shopFor li
{
    float: left;
}
.shopFor li a
{
    line-height: 2.5em;
    font-size: 1.1em;
    padding: 0 25px;
    display: block;
    white-space: nowrap;
    font-weight: bold;
}
.shopFor .shopForLink a
{
    background: url(../../images/css/prodNav-bar.gif) bottom right no-repeat;
}
.shopFor li a.hover
{
    font-weight: bold;
    color: #ff7200;
    cursor: default;
    text-decoration: underline;
}
.shopFor li a.selected
{
    font-weight: bold;
    color: #ff7200;
    cursor: default;
    text-decoration: none;
}

/**** LINK FARM ****/
.linkFarm
{
    width: 780px;
    clear: both;
    background: url(../../images/css/farm-grad.gif) 0 1px repeat-x;
    margin-bottom: 0px;
    border-top: 1px solid #cccccc;
}
.linkFarm .dim
{
    margin: 10px 0 0 10px;
}
.linkFarm .dim h4
{
    font-weight: bold;
    margin-bottom: 1em;
    font-size: 1.1em;
    text-align: center;
}
.linkFarm .dim ul li
{
    font-size: 1.0em;
    line-height: 1em;
    margin-bottom: .8em;
    text-align: center;
}

.linkFarm_
{
    width: 950px;
    clear: both;
    background: url(../../images/css/farm-grad.gif) 0 1px repeat-x;
    margin-bottom: 10px;
    border-top: 1px solid #cccccc;
}
.linkFarm_ .dim
{
    margin: 10px 0 0 10px;
}
.linkFarm_ .dim h4
{
    font-weight: bold;
    margin-bottom: 1em;
    font-size: 1.1em;
}
.linkFarm_ .dim ul li
{
    font-size: 1.0em;
    line-height: 1em;
    margin-bottom: .8em;
}

.bottomLinks
{
    clear: both;
    margin-bottom: 10px;
    text-align: center;
}
.bottomLinks a, .bottomLinks a:visited, .bottomLinks a:hover
{
    font-size: .9em;
    padding: 0 5px;
}

/**** FOOTER ****/
#btmContainer
{
    height: 80px;
    background: url(../../images/css/rh_btmSlice.gif) 0 0 no-repeat transparent;
    margin-bottom: 20px;
}
#btmContainer_
{
    height: 80px;
    background: url(../../images/css/page_btmSlice.gif) 0 0 no-repeat transparent;
    margin-bottom: 20px;
}
.copyright
{
    float: left;
    clear: both;
    line-height: 1.3em;
    margin: 0 3px;
    color: #656565;
    padding-top: 10px;
    width: 265px;
}
.poweredBy
{
    float: left;
    line-height: 1.3em;
    margin: 0 3px;
    color: #656565;
    padding: 10px 0px 0px 0px;
    text-align: center;
}
.copyright_
{
    float: left;
    clear: both;
    width: 550px;
    line-height: 1.3em;
    margin: 0 3px;
    color: #656565;
    padding-top: 10px;
}
.copyright a, .copyright a:visited, .copyright a:hover
{
    color: #858585;
    font-size: 1em;
}
.yellowpages
{
    margin: 10px 50px 10px 0;
}
.copyright2
{
    float: right;
    padding-top: 10px;
    margin: 0 3px;
    text-align: right;
    width: 255px;
}

/**** CONTAINERS & STUFF ****/
.first_182
{
    float: left;
    width: 182px;
    clear: left;
}
.col_182
{
    float: left;
    width: 182px;
    margin-left: 8px;
}
.first_184
{
    float: left;
    width: 184px;
    clear: left;
}
.col_184
{
    float: left;
    width: 184px;
    margin-left: 8px;
}
.first_188
{
    float: left;
    width: 188px;
    clear: left;
}
.col_188
{
    float: left;
    width: 188px;
    margin-left: 10px;
}
.first_230
{
    float: left;
    width: 230px;
    clear: left;
}
.col_230
{
    float: left;
    width: 230px;
    margin-left: 10px;
}
.first_230_center
{
    float: left;
    width: 230px;
    clear: left;
    text-align: center;
}
.col_230_center
{
    float: left;
    width: 230px;
    margin-left: 10px;
    text-align: center;
}
.first_280
{
    float: left;
    width: 280px;
    clear: left;
}
.col_280
{
    float: left;
    width: 280px;
    margin-left: 10px;
}
.first_540
{
    float: left;
    width: 540px;
    clear: left;
}
.col_540
{
    float: left;
    width: 540px;
    margin-left: 10px;
}
.first_710
{
    float: left;
    width: 710px;
    clear: left;
}
.col_710
{
    float: left;
    width: 710px;
    margin-left: 10px;
}

/****** HOVER MENU ******/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity:.9;
	filter: alpha(opacity=90);
}
.popupHover {
	background-color:#F5F7F8;
}
