body, html {position:relative; width:100%; height:100%; background:url(../../images/site_specific/layout/bg_tile.gif) center top #fff; font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif; font-size:10px;}
strong {font-weight:bold;}
.clear {clear:both;}

h1, h2, h3, h4, h5, p {margin-bottom:0;}

h1 {font-size:3.6em; line-height:1.2em; font-weight:normal; color:#c7c8c8;}
h2 {font-size:1.6em; line-height:1.2em; font-weight:normal; color:#65676a;}
h3 {font-size:1.4em; line-height:2em; font-weight:normal; color:#65676a;}
h4 {font-size:1.3em; line-height:1.7em; font-style:italic; color:#65676a;}
h5 {font-size:1.3em; line-height:1.3em; font-style:italic; color:#000;}
p {font-family: Arial, Helvetica, Verdana, sans-serif; font-size:1.2em; line-height:1.5em; color:#000; padding:0 0 10px 0;}
a {color:#bf1d2a; text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {color:#fdd051;}
a:visited {color:#ccd900;}
hr {border:0; background-color:#b9babc; height:1px; width:100%; margin:10px 0;}

#shad_top {position:relative; width:968px; height:69px; margin:0 auto; background:url(../../images/site_specific/layout/bg_top.png) no-repeat left bottom;}
#wrapper {position:relative; width:883px; min-height:690px; margin:0 auto; padding:0 31px 0 54px; background:url(../../images/site_specific/layout/bg_y.png) repeat-y;}

/* ------header------ */
#header {position:relative; width:883px; height:151px; border-bottom:1px solid #b9babc;}
#logo {display:block; position:absolute; width:480px; height:76px; left:0; bottom:3px; background:url(../../images/site_specific/layout/logo.gif) no-repeat;}
#main_nav {position:absolute; width:345px; height:62px; right:0; bottom:17px;}
#main_nav li {position:relative; float:left; width:62px; height:62px; margin:0 0 0 7px;}
#main_nav li a {display:block; position:relative; float:left; width:62px; height:37px; padding:25px 0 0 0; text-align:center; font-size:1em; line-height:1.2em; letter-spacing:1px; color:#66676a;}
#main_nav li a:hover {text-decoration:none}
#main_nav li a#red {background-color:#bf1d2a; color:#bbbcc0;}
#main_nav li a#red:hover {background-color:#991722;}
#main_nav li a#green {background-color:#c3e984;}
#main_nav li a#green:hover {background-color:#afd177;}
#main_nav li a#yellow {background-color:#fafd94; height:49px; padding:13px 0 0 0;}
#main_nav li a#yellow:hover {background-color:#e8eb8a;}
#main_nav li a#gold {background-color:#fdd051;}
#main_nav li a#gold:hover {background-color:#e3bb49;}
#main_nav li a#brown {background-color:#554939; color:#bbbcc0;}
#main_nav li a#brown:hover {background-color:#443a2e;}

/* ------banner------ */
#banner {position:relative; width:883px;}
#banner div.rp-content {margin:12px 0 0 0; padding:0;}
#banner hr {margin:32px 0 0 0;}

/* ------three columns------ */
#contents {position:relative; padding:20px 0 0 0;}
#contents ul {list-style:disc; padding:0 0 10px 15px;}
#contents ul li {font-family: Arial, Helvetica, Verdana, sans-serif; font-size:1.2em; line-height:1.5em; color:#000;}
#contents ol {list-style:decimal; padding:0 0 10px 15px;}
#contents ol li {font-family: Arial, Helvetica, Verdana, sans-serif; font-size:1.2em; line-height:1.5em; color:#000;}

/* ------column left------ */
#column_l {position:relative; float:left; width:222px; margin:10px 22px 0 0;}
#contents ul#subnav {position:relative; list-style:none; margin:20px 0; padding:0; background:url(../../images/site_specific/layout/nav_line.gif) no-repeat left top;}
#contents ul#subnav li.sub {font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif; font-size:1em; padding:7px 0 6px 0; background:url(../../images/site_specific/layout/nav_line.gif) no-repeat left bottom;}
#contents ul#subnav li.sub a {color:#65676a; line-height:1.1em;}
#contents ul#subnav li.sub a:hover, #contents ul#subnav li.sub a.selected {color:#ccd900; text-decoration:none;}
#contents ul.third-nav {position:relative; padding:0; list-style:none; margin:3px 0 0 0;}
#contents ul.third-nav li {font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif; font-size:1em; padding:5px 0 5px 15px;}
#contents ul.third-nav li a {color:#65676a; line-height:1.1em;}
#contents ul.third-nav li a:hover, #contents ul.third-nav li a.selected {color:#ccd900; text-decoration:none;}

/* ------column middle------ */
#column_mid {position:relative; float:left; width:395px; margin:10px 22px 0 0;}
#breadcrumb {padding:0 0 5px 0;}
#breadcrumb h3 {padding-left:20px;}

/* ------column right------ */
#column_r {position:relative; float:left; width:222px; margin:10px 0 0 0;}

/* ------footer------ */
#tagline {position:relative; width:200px; padding:20px 0 20px 683px; font-size:2.4em; line-height:.9em; color:#c7c8c8; text-align:right;}
#tagline span {color:#e4e4e5;}
#footer {position:relative; width:968px; height:53px; margin:0 auto; padding:15px 0 0 0; background:url(../../images/site_specific/layout/bg_btm.png) no-repeat;}
#footer p {text-align:center; color:#999;}


/* ------widgets------ */
.rp-content {padding:0 0 10px 0;}
/* ------box links------ */
.rp-box-links {position:relative; width:100%; height:98px; padding:19px 0 0 0; border:1px solid #cccdd0;}
.rp-box-links div.rp-content {margin:0 14px 0 19px; padding:0;}
.rp-box-links div.rp-content img {float:left; margin:0 14px 0 0;}
.rp-box-links div.rp-content h2 {padding:0 35px 0 0; font-size:1.4em; line-height:1.2em; font-weight:normal; text-align:right; background:url(../../images/site_specific/layout/bg_box_link.gif) no-repeat right top;}
.rp-box-links div.rp-content h2 a {color:#65676a;}
.rp-box-links div.rp-content h2 a:hover {text-decoration:none; color:#ccd900;}
.rp-box-links div.rp-content p {font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif; font-size:1.1em; line-height:1.3em; color:#65676a; padding:0;}
.rp-box-links div.rp-content hr {width:auto; margin:5px 0;}

/* ------contact (web to email) form------ */
.rp-web-to-email-form div.rp-content div.rp-form-item label {font-size:1.0em;}

/* ------text and image------ */
.rp-text-img {margin-bottom:0;}
.rp-text-img img {margin-bottom:10px;}
.rp-text-img a.read-more {display:block; font-size:1em; font-weight:bold; text-transform:uppercase; text-align:right; padding:0 0 10px 0;}

/*  Pull Quote */
.rp-quote {width:100%; margin:10px 0 20px 0; text-align:right;}
.rp-quote h4 {padding:5px 15px 10px 15px; text-align:left;}
.rp-quote .rp-quote-name {color:#65676a; padding:0 10px 0 0;}
.rp-quote .rp-quote-title {color:#65676a; padding:0 15px 0 0;}

/* ------row of images------ */
.rp_row_imgs {width:100%;}
.rp_row_imgs .rp-content div.img-1 {margin:0 4% 0 0;width:48%;float:left;}
.rp_row_imgs .rp-content div.img-1 img {width:100%;}
.rp_row_imgs .rp-content div.img-2 {margin: 0;width:48%;float:left;}
.rp_row_imgs .rp-content div.img-2 img {width:100%;}

/* ------ruled line------ */
#banner .rp-ruled-line {padding:0;}

/* ------link to file------ */
.rp-link-to-file img {display:block; float:left;}
.rp-link-to-file a {display:block; float:left; padding:17px 0 0 5px; font-size:1.3em;}

/*  Site Map */
.rp-site-map {width:100%;font-size:1.2em;line-height:22px;font-weight:bold;}
.rp-site-map ul li {list-style:none;}
.rp-site-map ul li.second-level {list-style:none;margin-left:2em;font-size:.9em;line-height:22px;font-weight:normal;}
.rp-site-map ul li.third-level {list-style:none;margin-left:4em;font-size:1em;line-height:22px;font-weight:normal;font-style:italic;}



/* ------build your box------ */
.rp-build-box {margin-left:150px;}
.rp-build-box .rp-content {margin:15px 0;}
.rp-build-box .rp-content .box-wrap {width:100%;}
.rp-build-box .rp-content .box-wrap form#product_picker {width:550px; margin:0 auto;}

.rp-build-box .rp-content .box-wrap form#product_picker div#step_1 {height:225px; border-bottom:1px solid #b9babc; margin:13px 0 20px 0;}
.rp-build-box .rp-content .box-wrap form#product_picker div#step_2 {height:150px; border-bottom:1px solid #b9babc; margin-bottom:20px;}
.rp-build-box .rp-content .box-wrap form#product_picker div#step_3 {height:150px; margin-bottom:20px;}

.rp-build-box .rp-content .box-wrap form#product_picker p.step {color:#bf1d2a; text-transform:uppercase; font-weight:bold; float:left; width:115px; font-size:1.3em; line-height:1.3em;}
.rp-build-box .rp-content .box-wrap form#product_picker p.step img.grey-dots {width:33; height:4px; margin-bottom:3px; margin-left:3px;}
.rp-build-box .rp-content .box-wrap form#product_picker p.header {color:#707174; font-size:1.4em; line-height:1.4em; margin-bottom:10px;}
.rp-build-box .rp-content .box-wrap form#product_picker p.order-text {color:#000; font-size:1.1em; line-height:1.1em; display:inline;}

.rp-build-box .rp-content .box-wrap form#product_picker input#product_submit {width:31px; height:32px; border:1px solid #999; padding:4px; display:inline; margin:0 25px -15px 10px; float:right;}

.rp-build-box .rp-content .box-wrap form#product_picker div.column-l {float:left; width:240px;}
.rp-build-box .rp-content .box-wrap form#product_picker div.column-l ul.swatches {list-style-type:none; float:right; margin-right:35px;}

.rp-build-box .rp-content .box-wrap form#product_picker div.column-r {float:left; width:150px;}
.rp-build-box .rp-content .box-wrap form#product_picker div.column-r img {border:1px solid #999; padding:0 10px;}

.rp-build-box .rp-content .box-wrap form#product_picker span.rp-form-error {display:block; width:160px; margin:10px 0 0 28px; color:#dd0000; font-size:1.1em; line-height:1.4em; text-align:left;}