body, html {width:100%;height:100%;}
body {font-family: "Lucida Grande", Arial, sans-serif;
font-size: 12px;
letter-spacing: -0.01em;
line-height: 14px;
background:url(assets/rbimages/bg_body.jpg) fixed left bottom repeat-x #8c0ad2;
}
a {color:#0079ee;text-decoration:none;}
a:hover {text-decoration:underline;}
.bold {font-weight:bold;}
p {margin-bottom:15px;color:#333;}
sub {height:0;line-height: 1;vertical-align:baseline;position: relative;top: .5ex;}
h5 {border-bottom:1px dotted #8B9298;color:#542784;font-size:11px;margin-bottom:5px;padding-bottom:3px;text-transform:uppercase;}
h6 {font-weight:bold;font-size:1.0em;display:block;clear:both;margin-bottom:5px;}
/* page structure */
#pagewrapper {background:url(assets/rbimages/bg_page.jpg) center bottom no-repeat #000 fixed;width:970px;height:100%;margin:auto;position:relative;}
#header {position:fixed;top:0;left:0;width: 100%;z-index: 1000;background: url(assets/rbimages/rb_headerband.png) center 20px repeat-x;}
#banner {width:1024px;height: 110px;margin:auto;}
#banner h1 a {display:block;float:left;width:214px;height:84px;text-indent: -1000px;overflow:hidden;margin:15px 0 0 40px;background:url(assets/rbimages/logo.png) no-repeat;}
.pagecontentwrapper {display:block;width:960px;margin:0 0 0 10px;padding-top:120px;}
#maincontent {width:700px;background:url(assets/rbimages/bg_pagecontent.png) left top;padding:0 18px 40px 14px;margin:-20px 0 0 0;float:left;position:relative;}
#maincontentend {position:absolute;bottom:-15px;left:0;width:732px;background:url(assets/rbimages/bg_pagecontent.png) right top;height:40px;display:block;float:left;}
#sidebar {float:left;width:220px;margin-top:79px;}
#footerWrapper {height:20px;padding-top: 2px;background: repeat-x url(assets/images/bgTab.png) #DDD4E6;background-position: bottom;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 100;}
#footer {width:960px;margin:auto;}
#footer .login {display: inline;text-indent: -1000px;}
#footer .login a {display: block;width: 140px;height: 20px;background: no-repeat url(assets/images/loginTab.png);}
#footer .login a:hover {background-position: 0 -20px;}
#footer .loggedin {display:inline;text-indent: -1000px;}
#footer .loggedin a {display:block;width: 140px;height: 20px;background: no-repeat url(assets/images/loggedinTab.png);}
#longtitle {width:220px;height:50px;background:url(assets/rbimages/bg_longtitle.png);line-height:60px;color:#333;font-size:26px;margin:0 0 10px 0;font-weight:normal;text-indent:10px;}
#subtitle {width:700px;height:30px;background:url(assets/rbimages/bg_subtitle.png);line-height:30px;color:#333;font-size:18px;margin:0 0 10px 0;font-weight:normal;text-indent:10px;font-weight:bold;text-transform:uppercase;}
body#glitters #subtitle {background:url(assets/rbimages/bg_subtitle.png) left -30px;color:#8c0ad2;border-bottom:1px solid #8c0ad2;}
body#metals #longtitle {background:url(assets/rbimages/bg_longtitle.png) 0 -100px;}
body#glitters #longtitle {background:url(assets/rbimages/bg_longtitle.png) 0 -150px;color:#fff;}
/*.breadcrumbs {margin-bottom:10px;float:right;margin-top:-35px;}*/
.breadcrumbs {margin-bottom:10px;color:#757575;}
.breadcrumbs a {color:#568bce;}
.breadcrumbs .B_currentCrumb {color:#ccc;}
.subbox {background:url(assets/rbimages/bg_subpagecontent.gif) left top no-repeat #e1e1e1;width:680px;padding:10px;float:left;}
.subboxend {background:url(assets/rbimages/bg_subpagecontent.gif) right top no-repeat;width:700px;height:5px;display:block;float:left;margin-bottom:10px;}
.subbox {width:680px;padding:10px;float:left;}
.subbox .content {min-height:220px;height:auto !important;height:220px;}
.subbox .image {float:left;height:220px;}
.subbox img {float:left;margin-right:15px;}
.subbox p {width:445px;float:left;}
.subbox ul {margin:0 0 0 0px;float:left;width:445px;}
.subbox ul li {float:left;clear:left;margin-bottom:15px;width:430px;background:url(assets/rbimages/bullet_glitters.gif) left top no-repeat;padding-left:15px;}
.subbox .highlight {padding:0;font-weight:bold;font-size:14px;}
body#glitters .subbox {background:url(assets/rbimages/bg_subpagecontentglitters.gif) left top no-repeat #e3cef0;}
body#glitters .subboxend {background:url(assets/rbimages/bg_subpagecontentglitters.gif) right top no-repeat;width:700px;height:5px;display:block;float:left;margin-bottom:10px;}
/* glitter product */
.glitterproduct .subbox p {float:none;width:auto;margin-bottom:10px;padding:0;}
.glitterproduct .col1 {width:370px;float:left;margin-right:20px;overflow:hidden;}
.glitterproduct .col2 {width:290px;float:left;font-size:11px;}
.subbox .glitterproduct .col1 p {line-height:1.5em;width:auto !important;}
.subbox .glitterproduct .col1 ul {width:auto !important;}
.subbox .glitterproduct .col1 ul li {background:url(assets/rbimages/bullet_glitters.gif) left top no-repeat;width:345px}
.subbox .glitterproduct .col1 ul li p {width:345px !important;}
.subbox .glitterproduct .col2 p {margin-bottom:5px;width:100%;}
.subbox .glitterproduct .col2 ul {width:auto !important;}
.subbox .glitterproduct .col2 ul li {background:url(assets/rbimages/bullet_glitters.gif) left top no-repeat;width:250px;}
.subbox .glitterproduct .col2 ul li p {width:250px !important;}
.glitterproduct h3,
.glitterproduct .box h4 {color:#8c0ad2;text-transform:uppercase;font-size:12px;font-weight:bold;border-bottom:1px dotted #959595;margin-bottom:5px;}
.glitterproduct .box {padding:0;background:#e6c9f5;float:left;width:290px;margin-bottom:15px;}
.glitterproduct .box h3 {background:url(assets/rbimages/bg_glitterminihead.png) no-repeat;text-indent:10px;line-height:22px;display:block;border-bottom:1px solid #8c0ad2;}
.glitterproduct .info {padding:10px;width:auto;}
.glitterproduct ul {padding:0 0 10px 0;width:auto;margin:0;}
.glitterproduct ul li {padding:0 0 0 25px;line-height:auto;list-style:none;}
.glitterproduct .images {float:left;}
.glitterproduct .images img {padding:0;margin:0;border:none;}
.glitterproduct .images .main {border:2px solid #cc93eb;float:left;}
.glitterproduct .images .main img {max-width:365px;width:auto !important;width:365px;}
.glitterproduct .images .thumbs {clear:left;float:left;width:100%;}
.glitterproduct .images ul {margin:0;padding:0;}
.glitterproduct .images ul li {list-style:none;display:inline;float:left;margin:0;clear:none;padding:0;width:auto !important;}
.glitterproduct .images .thumbs a {float:left;margin:0 10px 10px 0;}
.glitterproduct .images .thumbs img {width:50px;float:left;}
/* boxes */
.boxleft {float:left;}
.boxright {float:right;}
.silverbox h3,
.purplebox h3,
.silverboxsmall h3,
.silverbox h3 a,
.purplebox h3 a,
.silverboxsmall h3 a {line-height:23px;text-transform:uppercase;text-indent:10px;color:#333;}
.silverbox {width:345px;}
.silverbox .head {background:url(assets/rbimages/bg_silverbox.png) 0 0;height:23px;}
.silverbox {background:url(assets/rbimages/bg_silverbox.png) -690px bottom no-repeat;padding-bottom:5px;}
.silverbox .content {background:url(assets/rbimages/bg_silverbox.png) -345px 0 repeat-y;padding:10px;}
.silverbox img {float:left;width:100px;margin-right:10px;}
.purplebox {background:url(assets/rbimages/bg_sb_purplebox.png) -220px bottom no-repeat;padding-bottom:23px;float:left;}
.purplebox .head {background:url(assets/rbimages/bg_sb_purplebox.png) 0 0;height:23px;}
.purplebox h3 {background:url(assets/rbimages/bg_sb_purplebox.png) 0 0;line-height:23px;text-indent:10px;text-transform:uppercase;width:220px;}
.purplebox .content {background:url(assets/rbimages/bg_sb_purplebox.png) -440px 0 repeat-y;padding:10px;}
.purplebox a img {margin-right: 14px;}
.silverboxsmall {background:url(assets/rbimages/bg_silverboxsmall.png) -460px bottom no-repeat;padding-bottom:5px;width:230px;margin:0 3px 10px 0;}
.silverboxsmall .head {background:url(assets/rbimages/bg_silverboxsmall.png) 0 0;height:23px;}
.silverboxsmall .content {background:url(assets/rbimages/bg_silverboxsmall.png) -230px 0 repeat-y;padding:0 10px;height:116px;overflow:hidden;font-size:10px;}
.silverboxsmall p {margin:10px 0 0 0;}
.silverboxsmall .image {float:left;width:65px;height:135px;margin-right:10px;}
body#glitters .silverboxsmall .head {background:url(assets/rbimages/bg_silverboxsmall.png) -690px 0;}
#sidebar .purplebox img {margin-bottom:10px;}
/* translation boxes */
.translatedcontent {background:url(assets/rbimages/bg_silverboxlarge.gif) -700px bottom no-repeat;padding-bottom:5px;width:700px;overflow:hidden;}
.translatedcontent .head {background:url(assets/rbimages/bg_silverboxlarge.gif) 0 0;height:23px;line-height:23px;text-indent:10px;}
.translatedcontent .content {background:url(assets/rbimages/bg_silverboxlarge.gif) -1400px 0 repeat-y;padding:10px;overflow:hidden;}
.translatedcontent .transpdf {background:url(assets/rbimages/icon_transpdf.gif) center top no-repeat;padding-top:114px;text-align:center;font-weight:bold;width:200px;float:left;}
.translatedcontent .transdownloadmsg {float:left;width:480px;}
.translatedcontent .icon {height:24px;background:url(assets/rbimages/icon_flags.gif) left top no-repeat;}
.translatedcontent img {float:left;width:100px;margin-right:10px;}
.translatedcontentfrench {margin-bottom:20px;}
.translatedcontentgerman .icon {background-position:left bottom;}
/* homepage */
#ronaldbritton .silverbox .content {height:113px;}
#ronaldbritton .transselect {width:100%;clear:both;overflow:hidden;}
#ronaldbritton .transselect a {width:80px;height:30px;background:url(assets/rbimages/icon_transselect.gif) no-repeat;text-indent:-9999px;overflow:hidden;margin-left:10px;display:block;float:left;}
#ronaldbritton .transselect a:hover {background-position:left bottom;}
/* tabs */
#tabs {height:20px;padding-top: 2px;background: repeat-x url(assets/rbimages/bgTab.png) #DDD4E6;background-position: bottom;width:100%;margin:auto;}
#tabs ul {width:960px;list-style: none;overflow:hidden;margin:auto;padding-left:10px;}
#tabs ul li {display: inline;width: 140px;}
#tabs ul li a {float: left;margin-right: 20px;display: block;width: 140px;height: 20px;text-indent: -1000px;}
#tabs ul li.colorlord a:hover,
#tabs ul li.brianclegg a:hover,
#tabs ul li.ronaldbritton a:hover,
#tabs ul li.colororb a:hover {background-position:0 -20px;}
#tabs ul li.colorlord.active a,
#tabs ul li.brianclegg.active a,
#tabs ul li.ronaldbritton.active a,
#tabs ul li.colororb.active a {background-position: 0 -40px;}
#tabs ul li.colorlord a {background: no-repeat url(assets/images/colorlordTab.png);}
#tabs ul li.brianclegg a {background: no-repeat url(assets/images/brianCleggTab.png);}
#tabs ul li.ronaldbritton a {background: no-repeat url(assets/images/ronaldBrittonTab.png);}
#tabs ul li.colororb a {background: no-repeat url(assets/images/colorOrbTab.png);}
/* NAVIGATION */
#mainNavigation {margin:30px 0 0 230px;float:left;}
#mainNavigation ul li {float:left;list-style:none;margin-right:17px;display:block;}
#mainNavigation ul li a {width:121px;height:35px;float:left;display:block;background:url(assets/rbimages/rb_navbuttons.jpg);text-indent:-9999px;overflow:hidden;}
#mainNavigation a.metals {background-position:0 0;}
#mainNavigation a.glitters {background-position:-121px 0;}
#mainNavigation a.contact {background-position:-242px 0;}
#mainNavigation .active a.metals {background-position:0 -105px;}
#mainNavigation .active a.glitters {background-position:-121px -105px;}
#mainNavigation .active a.contact {background-position:-242px -105px;}
#mainNavigation a.metals:hover {background-position:0 -35px;}
#mainNavigation a.glitters:hover {background-position:-121px -35px;}
#mainNavigation a.contact:hover {background-position:-242px -35px;}
#mainNavigation a.metals:active {background-position:0 -70px;}
#mainNavigation a.glitters:active {background-position:-121px -70px;}
#mainNavigation a.contact:active {background-position:-242px -70px;}
/* page content */
.intro p {width:395px;display:block;clear:none;float:left;}
.intro .highlight {padding-top:10px;}
/*#ronaldbritton .intro .content,*/
/*#ronaldbrittonnew .intro .content,*/
#ronaldbritton .intro .content {background:url(assets/rbimages/intro.jpg) no-repeat right top;}
.holdingsubbox h2#titlemain {width:530px;float:right;font-size:16px;margin-bottom:10px;}
.holdingsubbox p {float:right;width:530px;}
.holdingsubbox p.highlight {color:#4f77a0;font-weight:bold;font-size:14px;}
.holdingsubbox .new {color:#542784;font-weight:bold;}
.holdingsubbox .address {margin-top:30px;color:#666;}
.holdingsubbox .address .label {color:#542784;}
.holdingsubbox .footer {color:#999;font-size:10px;}
/* tables */
.datatable {width:680px;float:left;border-collapse:collapse;margin-left:1px;}
.datatable td {padding:10px 5px;margin:0 2px 2px 0;border-collapse:collapse;border:2px solid #e1e1e1;}
.datatable thead td {line-height:30px;background:url(assets/rbimages/datatable_thead.gif) repeat-x;color:#fff;font-weight:bold;font-size:14px;padding:0 5px;}
.datatable tbody td {color:#000;font-size:12px;background:#fff;}
.datatable tbody .alt td {background:#ebebeb;}
.datatable td.desc {width:210px;}
.datatable td.comp {width:208px;}
.datatable td.size1 {width:108px;}
.datatable td.size2 {width:108px;margin-right:0;}
/* forms */
form {padding:10px;}
#contact .contactdetails {padding:10px;float:left;width:250px;}
#contact .errors {padding:10px;border:1px solid #999;margin-bottom:10px;}
#contact .contactform {float:left;width:410px;padding:0;}
#contact .contactform p {width:410px;}
#contact label {width: 175px;display: inline-block;font-size: 12px;vertical-align: top;margin-bottom: 10px;}
#contact form p {font-size: 12px;}
#contact input {width:195px;}
form .submit input {width:auto;}
.nolabel {margin-bottom: 10px;}
.requiredstar {color:#e35151;}
.wlpeMessage {padding:5px;border:2px solid #ccc;margin-bottom:5px;font-weight:bold;}
.stdform label {width:200px;display:block;float:left;clear:left;}
.addressDetails {float:left;margin-left:10px;display: block;width: 360px;height: 200px;font-size: 14px;line-height: 19px;padding: 20px 10px;background-color: #EEE;}
/***************************
LIGHTBOX
***************************/
#jquery-overlay {position:absolute;top:0;left:0;z-index:1001;width:100%;height:500px}
#jquery-lightbox {position:absolute;top:0;left:0;width:100%;z-index:1002;text-align:center;line-height:0}
#jquery-lightbox a img {border:none}
#lightbox-container-image-box {position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#lightbox-container-image {padding:10px}
#lightbox-loading {position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box >#lightbox-nav {left:0}
#lightbox-nav a {outline:none}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev {left:0;float:left}
#lightbox-nav-btnNext {right:0;float:right}
#lightbox-container-image-data-box {font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:hidden;width:100%;padding:0 10px 0}
#lightbox-container-image-data {padding:0 10px;color:#666}
#lightbox-container-image-data #lightbox-image-details {width:70%;float:left;text-align:left}
#lightbox-image-details-caption {font-weight:bold}
#lightbox-image-details-currentNumber {display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose {width:66px;float:right;padding-bottom:0.7em}
/***************************
MODAL POPUP
***************************/
.jqmWindow {display: none;position: fixed;top: 17%;left: 50%;margin-left: -300px;width: 600px;background-color: #EEE;color: #333;border: 1px solid black;padding: 12px;}
.jqmClose {position:absolute;top:5px;right:5px;}
.jqmOverlay {background-color: #000;}
.jqmregister {margin-top:5px;padding-top:5px;border-top:1px solid #ccc;}
.jqmregister a {font-weight:bold;}
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
* html .jqmWindow {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
/* IE6 FIXES */
/** html .holdingsubboxwrapper {display:inline;background:#fff;}*/
* html sub {vertical-align:bottom;}
* html .holdingsubbox {float:left;display:inline;background:#fff;padding-left:165px;margin-left:40px;}
* html #header {position:absolute;}
* html #banner h1 a {display:inline;}