/* Containers */
body { margin: 10px; padding: 0; background: #f7f7f7; color: #000000; }

#header-outer { clear: both; padding: 0 10px 0 0; height: 130px;}
#header-inner { width: 100%; overflow: hidden; }

#logo-outer { float: left; width: 440px; }
#logo-inner { width: 100%; overflow: hidden; }

#section-title-banner { float: right; width: 490px; font-size: .7em; padding: 10px 0 0px 10px; color:#e5e5e7;}
.banner-ad {border: 10px solid #e5e5e7; }
.ad {border: 10px solid #e5e5e7; float: left; width: auto; overflow: auto; margin-bottom: 20px;}

#main-outer { clear: both; background-image:/*url("/EasySiteWeb/EasySite/StyleData/RCM_General/Images/main-single-col-bg.gif")*/none; background-position: right; background-repeat: repeat-y;}
#main-inner { width: 100%; overflow: hidden; }

#content-outer { margin:0px 10px 10px 10px; padding: 0 10px 0 10px; }
#content-inner { width: 100%; overflow: hidden; }

#left-outer { display: none; float: left; width: 155px; margin-top: 0px;  }
#left-inner { width: 100%; overflow: hidden; padding: 0 0 0 10px; }

#right-outer { display: none; float: right; width: 220px; padding: 10px 10px 0 10px; margin: 0 0 0 0; background: none; }
#right-inner { width: 100%; overflow: hidden; }

/* Site nav 
a.ebm-link:link, a.ebm-link:visited { color: #ffffff; padding: 10px 0 10px 25px; display: block; background-image:url(../../rcm_general/Images/site-nav-ebm-bg2.gif); background-repeat: no-repeat; background-position: center; background-color: none;  background-color: rgb(195, 198, 200); text-decoration: none; }
a.ebm-link:focus, a.ebm-link:hover, a.ebm-link:active { color: #ffffff; padding: 10px 0 10px 25px; background-image:url(../../rcm_general/Images/site-nav-ebm-bg2.gif); background-repeat: no-repeat; background-position: center; background-color: rgb(195, 198, 200); display: block; text-decoration: none;}*/

/* Main Menu */
#menu-outer { clear: both; background: rgb(186, 161, 185); color: rgb(153, 0, 121); border-top: 1px solid #ffffff; }
#menu-inner { width: 100%; overflow: hidden; }
map.main-menu { display: block; }
.main-menu ul { display: block; padding: 0; margin: 0; }
.main-menu ul li { list-style-type: none; display: block; width: auto; float: left; text-align: center; margin-left: 0px; font-size: 1.3em;}
a.menu-link:link, a.menu-link:visited { color: #ffffff; text-decoration: none; display: block; padding: 5px 15px 5px 15px; border-right: 1px solid #ffffff; font-weight: bold; }
a.menu-link:focus, a.menu-link:hover, a.menu-link:active { background: rgb(153, 0, 121); color: #ffffff; border-right: 1px solid #ffffff }

a.menu-delta:link, a.menu-delta:visited {background: rgb(153, 0, 121); color: #ffffff; border-right: 1px solid #ffffff}
a.menu-delta:focus, a.menu-delta:hover, a.menu-delta:active {background: rgb(153, 0, 121); color: #ffffff; border-right: 1px solid #ffffff}

li.oNavigationItemSibling {display: none;}

/* breadcrumb styles */
a.breadcrumb-link:link, a.breadcrumb-link:visited {color: rgb(153, 0, 121); text-decoration: none; }
a.breadcrumb-link:focus, a.breadcrumb-link:hover, a.breadcrumb-link:active {color: rgb(153, 0, 121); text-decoration: underline; }


/* Search Panel */
#search-panel-outer { width: 220px; float: left; font-size: 0.94em; margin: 0 0 20px 0; }
#search-panel-inner { overflow: hidden; width: 100%; }
#search-form-outer { margin: 0px 0 0 0;}
#search-form-inner { overflow: hidden; width: 100%; }
.SearchFieldset { border: 1px solid rgb(153, 0, 121); padding: 0; margin: 0; } /* Use HideFieldset/Legend if required for the design */
.SearchLegend { margin-left: 5px; padding-left: 5px; padding-right: 5px; }
.SearchLabel { font-weight: bold; padding: 0px 0 0 0; display: block; }
.SearchKeywords { width: 99%; float: right; margin: 0; font-size: 1.1em; }
#search-keywords { border: 1px solid rgb(153, 0, 121);}
.SearchButton { color: #ffffff; font-weight: bold; background: rgb(153, 0, 121);  border: none;  margin: 0; font-size: 0.9em; padding: 0 5px 0 5px; line-height: 1.6em; cursor: pointer; float: right; }

.oDataSearchFormLabel { display: block; }
.oDataSearchFormInputText { display: block; float: left; width: 80%; }
.oDataSearchFormButton { display: block; float: right; width: 18%;}

/* Right Col classes */
.right-ad {border: 1px solid rgb(153, 0, 121); }
.right-ad-right {border: 1px solid rgb(153, 0, 121); }
.ad-box {margin-bottom: 20px; font-size: .7em; color:#e5e5e7;}

.job-ad-right  {background: url(../../rcm_general/Images/job-ad-ebm-bg.jpg) no-repeat right;}
.job-ad-right {border: 1px solid rgb(153, 0, 121); }

.resourcebox {background-color: #ffffff; border: 1px solid  rgb(153, 0, 121);}
h2.resourcebox-header { border-bottom: 1px solid  rgb(153, 0, 121);  color: rgb(153, 0, 121); font-family: Verdana, Arial, Helvetica, sans-serif; padding: .25em .25em .25em .5em; font-weight: bold; font-size: 1.2em; }
ul.resourcebox-list {list-style: none; margin: 0 0 1em .75em; }
li.resourcebox-list {padding: 0 0 .25em 2em; background: url(../../rcm_general/Images/icon-res-ebm.jpg) no-repeat;}

/* All Links */
a:link { color: rgb(153, 0, 121); text-decoration: none; }
a:visited { color: rgb(153, 0, 121); text-decoration: none; }
a:hover, a:active {	color: rgb(153, 0, 121);  text-decoration: underline; }

.ClientAreaContainer a:link { color: rgb(153, 0, 121); text-decoration: none; font-weight: bold; }
.ClientAreaContainer a:visited { color: rgb(153, 0, 121); text-decoration: none; font-weight: bold; }
.ClientAreaContainer a:hover, .ClientAreaContainer a:active {	color: rgb(153, 0, 121);  text-decoration: underline; font-weight: bold; }

ul.oBoxList { padding: 0; margin: 0; margin-left: 0em; padding-left: 0em; color: #000000; }
.oPageListerContainerOuter li.oBoxItem {list-style-type: none; background-image: none; background-repeat: no-repeat; background-position: 0em .2  5em; padding-left: 0em; margin-bottom: 1em; }
.oPageListerContainerOuter span.oBoxItemOuter { margin-left: 0em; padding: 0px; padding-left: 0; clear: none; }
.oPageListerContainerOuter span.oBoxItemInner { overflow: hidden; width: auto; }

/* Column styles */
/* Columns Beta [With Right Hand Formatting in this example] */
.element-columns-beta-outer { clear: both; border-bottom: 4px solid rgb(186, 161, 185); padding: 0 0 1em 0; margin: 0 0 2em 0; }
.element-columns-beta-inner { width: 100%; overflow: hidden; }

.element-column-left-beta-outer { }
.element-column-left-beta-inner { width: 100%; overflow: hidden; }
.element-column-left-beta-content { }

.element-column-right-beta-outer { }
.element-column-right-beta-inner { border: none; padding: 0; background: #ffffff; }
.element-column-right-beta-content { width: 100%; overflow: hidden; }


/* Panel styles */

/* Panel Alpha */
.element-panel-alpha-outer { background: #ffffff; clear: both; margin-bottom: 20px; margin-left: 0px; float:none; border: none; }
.element-panel-alpha-inner { width: 99%; overflow: hidden; border: 1px solid rgb(153, 0, 121); }

.element-panel-alpha-header-outer { padding: 4px 5px 3px 5px; font-size: 1.4em; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; border-bottom: 1px solid rgb(153, 0, 121); background: #ffffff;  }
.element-panel-alpha-header-inner { }

h2.element-panel-alpha-header .oPanelTitle { color: #000000;}

.element-panel-alpha-body-content-outer { padding: 5px; }
.element-panel-alpha-body-content-inner { width: 100%; overflow: hidden; }

div.element-panel-alpha-body-content-inner ul { padding-left:0; margin-left: 0em; list-style-type: none; }
div.element-panel-alpha-body-content-inner li {background-image: url("/EasySiteWeb/EasySite/StyleData/RCM_General/Images/arrow_bullet.gif"); background-repeat: no-repeat; background-position: 0em; padding-left: 0em; margin-bottom: 0.5em; }

.element-panel-alpha-body-content-inner .oBoxItemOuter { clear: both;}
.element-panel-alpha-body-content-inner .oPageListerContainerOuter span.oBoxItemImage img { padding: 0px 5px;}

/* Panel beta */
.element-panel-beta-outer { background: #ffffff; clear: both; margin-bottom: 20px; margin-left: 0px; float:none; border: none; }
.element-panel-beta-inner { width: 99%; overflow: hidden; border: 1px solid rgb(153, 0, 121); }

.element-panel-beta-header-outer { padding: 4px 5px 3px 5px; font-size: 1.4em; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; border-bottom: 1px solid rgb(153, 0, 121); background: rgb(186, 161, 185);  }
.element-panel-beta-header-inner { }

.element-panel-beta-body-content-outer {background-image: url("/EasySiteWeb/EasySite/StyleData/RCM_General/Images/shop_back_arrow.gif"); background-repeat: no-repeat; padding: 7px 5px 1px 55px; }
.element-panel-beta-body-content-inner { width: 100%; overflow: hidden; font-size: 1.2em; }

/* Panel Gamma  */
.element-panel-gamma-outer { background: #ffffff; clear: both;margin: 0 0 20px 0; float: none;}
.element-panel-gamma-inner { width: 99%; border: 1px solid rgb(90, 36, 55);  }

.element-panel-gamma-header-outer { background: rgb(90, 36, 55); border-bottom: 1px solid rgb(90, 36, 55); padding: 4px 5px 3px 3px; color: #ffffff; }
.element-panel-gamma-header-inner {margin: 0; color: #ffffff; }

h2.element-panel-gamma-header .oPanelTitle { color: #ffffff; font-size: 1.4em;}

.element-panel-gamma-body-content-outer { padding: 5px 5px 0 5px; background: none; }
.element-panel-gamma-body-content-inner { width: auto; }

div.element-panel-gamma-body-content-inner ul { padding0: 0; margin0: 0em; list-style-type: none; }
div.element-panel-gamma-body-content-inner li { background: none; padding: 0; margin: 0.5em; }

.element-panel-gamma-body-content-inner a:link, .element-panel-gamma-body-content-inner a:visited, .element-panel-gamma-body-content-inner a:focus, .element-panel-gamma-body-content-inner a:hover, .element-panel-gamma-body-content-inner a:active { color: rgb(90, 36, 55)}

/* Pagelister styles */

/* Style 1 column beta right */

.element-column-right-beta-content .oHeadlineBoxStyle1 .oPageListerContainerOuter ul { display: block; width: 100%; margin: 0 auto;}
.element-column-right-beta-content .oHeadlineBoxStyle1 .oPageListerContainerOuter li { float: none; width: 100%; clear: none; }
.element-column-right-beta-content .oHeadlineBoxStyle1 span.oBoxItemImage { text-align: center; width: 100%;}
.element-column-right-beta-content .oHeadlineBoxStyle1 span.oBoxItemOuter { margin-left: 0em; padding: 0px 50px; clear: both; }

/* Style 2 */
.oHeadlineBoxStyle2 .oPageListerContainerOuter { margin: 0 0 20px 0;}
.oHeadlineBoxStyle2 .oPageListerContainerInner { width: 99%; border: 1px solid rgb(90, 36, 55); }

.oHeadlineBoxStyle2 .oBoxHeaderOuter { background: rgb(90, 36, 55); border-bottom: 1px solid rgb(90, 36, 55); padding: 4px 5px 3px 3px;}
.oHeadlineBoxStyle2 .oBoxHeaderInner h2.oBoxTitle { margin: 0; color: #ffffff;}

.oHeadlineBoxStyle2 .oBoxBodyOuter { padding: 5px 5px 0 5px; }

.oHeadlineBoxStyle2 span.oBoxItemImage img { padding: 0px 5px;}

.oHeadlineBoxStyle2 span.oBoxItemOuter { margin-left: 0em; padding: 0px; padding-left: 0; clear: none; }
.oHeadlineBoxStyle2 span.oBoxItemInner { width: auto; } 

.oHeadlineBoxStyle2 a.oBoxLink:link, .oHeadlineBoxStyle2 a.oBoxLink:visited, .oHeadlineBoxStyle2 a.oBoxLink:focus, .oHeadlineBoxStyle2 a.oBoxLink:hover, .oHeadlineBoxStyle2 a.oBoxLink:active { color: rgb(90, 36, 55); font-weight: normal;}

/* Portlet style 2 */
.oPortlet .oHeadlineBoxStyle2 .oPageListerContainerOuter { }

/* images align left style */
.oPageListerContainerOuter li.oBoxItemOdd { margin: 0; background: none;}
.oPageListerContainerOuter .oBoxItemOdd span.oBoxItemImage { width: 85px;}
.element-panel-alpha-body-content-inner .oPageListerContainerOuter .oBoxItemOdd span.oBoxItemImage img { padding: 0px 5px;}
.oPageListerContainerOuter .oBoxItemOdd span.oBoxItemOuter  { display: inline; clear: none;}
.oPageListerContainerOuter .oBoxItemOdd span.oBoxItemInner { overflow: hidden; width: auto; }

/* Tab styles */
.element-tabs-container-alpha-outer {}
.element-tabs-container-alpha-inner {}

.element-tabs-menu-outer { display: block; height: 1%; position: relative; top: 1px;}
.element-tabs-menu-outer:after { content:"."; clear:both; height: 0; visibility: hidden; display: block;}
.element-tabs-menu-inner { margin: 0 0 0 0;  }

.element-tabs-menu-tab { display: inline; margin: 0; float: left;}

.element-tabs-menu-tab-alpha {border-left: 1px solid #cccccc;}

a.element-tabs-menu-link:link, a.element-tabs-menu-link:visited {display: block; width: 70px; text-align: center; padding: .5em .5em 1em .5em; font-weight: bold; color: rgb(186, 161, 185); border: 1px solid #cccccc; border-left: none; }
a.element-tabs-menu-link:focus, a.element-tabs-menu-link:hover, a.element-tabs-menu-link:active {display: block; width: 70px; text-align: center; padding: .5em .5em 1em .5em; font-weight: bold; color: #ffffff; background: rgb(90, 36, 55); border: 1px solid #cccccc; border-left: none;}

a.element-tabs-menu-link-selected:link, a.element-tabs-menu-link-selected:visited {display: block; width: 70px; text-align: center; padding: .5em .5em 1em .5em; font-weight: bold; color: #ffffff; background: rgb(90, 36, 55); border: 1px solid #cccccc; border-left: none; border-bottom: 1px solid #ffffff; }
a.element-tabs-menu-link-selected:focus, a.element-tabs-menu-link-selected:hover, a.element-tabs-menu-link-selected:active {display: block; width: 70px; text-align: center; padding: .5em .5em 1em .5em; font-weight: bold; color: #ffffff; background: rgb(90, 36, 55); border: 1px solid #cccccc; border-left: none; border-bottom: 1px solid #ffffff;}

.element-tabs-panel-outer { border: 1px solid #cccccc;}

.element-tabs-panel-inner .results-pagination-outer { margin: 1em; }
.element-tabs-panel-inner .results-pagination-inner { overflow: hidden; }

.element-tabs-panel-inner .oPageListerContainerOuter li.oBoxItem { float: left; width: 97%; clear: none; list-style-type: none; background-image: none; background-repeat: no-repeat; background-position: 0em .25em; padding: 1em 0em; margin: 0em 1em; border-bottom: 1px dotted #cccccc; }
.element-tabs-panel-inner .oPageListerContainerOuter li.oBoxItem .oBoxItemContainer { }
.element-tabs-panel-inner .oPageListerContainerOuter li.oBoxItem .oBoxItemContainer .oBoxItemOuter { padding: 0; display: inline; clear: none;}
.element-tabs-panel-inner .oPageListerContainerOuter li.oBoxItem .oBoxItemContainer .oBoxItemInner { width: auto;}
.element-tabs-panel-inner .oPageListerContainerOuter li.oBoxItem .oBoxItemContainer .oBoxItemInner .oBoxItemTitle { margin: 0 0 .5em 0; font-size: 1.2em; }
.element-tabs-panel-inner .oPageListerContainerOuter li.oBoxItem .oBoxItemContainer .oBoxItemInner .oBoxItemSummary { margin: 0 0 .5em 0; font-weight: normal; }
.element-tabs-panel-inner .oPageListerContainerOuter li.oBoxItem .oBoxItemContainer .oBoxItemInner .oBoxItemDate  {margin: 0 0 .5em 0; }
.element-tabs-panel-inner .oPageListerContainerOuter span.oBoxItemImage { float: left; width: 120px; display: block; text-align: center;}
.element-tabs-panel-inner .oPageListerContainerOuter span.oBoxItemImage .oBoxLink img { margin: 0 auto; padding: 0;}

.element-tabs-panel-inner a.oBoxLink:link, .element-tabs-panel-inner a.oBoxLink:visited, .element-tabs-panel-inner a.oBoxLink:focus, .element-tabs-panel-inner a.oBoxLink:hover, .element-tabs-panel-inner a.oBoxLink:active { display: inline; }


/* tab pagelister style 1 */
.element-tabs-panel-inner .oHeadlineBoxStyle1 { border-bottom: 1px solid #cccccc; padding: .5em 0;}

.element-tabs-panel-inner .oHeadlineBoxStyle1 .oPageListerContainerOuter { margin: 0;}
.element-tabs-panel-inner .oHeadlineBoxStyle1 .oPageListerContainerInner { width: auto;}

.element-tabs-panel-inner .oHeadlineBoxStyle1 .oBoxHeaderOuter { text-align: center; }
.element-tabs-panel-inner .oHeadlineBoxStyle1 .oBoxHeaderInner h2.oBoxTitle { margin: 0; font-size: 1.8em; }

.element-tabs-panel-inner .oHeadlineBoxStyle1 .oBoxBodyOuter { padding: 5px 5px 0 5px; }
.element-tabs-panel-inner .oHeadlineBoxStyle1 .oBoxBodyOuter { display: block; text-align: center;}

.element-tabs-panel-inner .oHeadlineBoxStyle1 .oPageListerContainerOuter ul { display: block; width: 450px; margin: 0 auto;}
.element-tabs-panel-inner .oHeadlineBoxStyle1 .oPageListerContainerOuter li.oBoxItem  { float: left; width: 150px; clear: none; border-top: none; border-bottom: none;}

.element-tabs-panel-inner .oHeadlineBoxStyle1 li.oBoxItem .oBoxItemContainer span.oBoxItemImage { text-align: center; width: 150px;}
.element-tabs-panel-inner .oHeadlineBoxStyle1 li.oBoxItem .oBoxItemContainer span.oBoxItemImage img { margin: 0 auto; padding: 0px;}

.element-tabs-panel-inner .oHeadlineBoxStyle1 li.oBoxItem .oBoxItemContainer .oBoxItemOuter { display: block; margin: 0em; padding: 0px; clear: both; }
.element-tabs-panel-inner .oHeadlineBoxStyle1 li.oBoxItem .oBoxItemContainer .oBoxItemInner .oBoxItemTitle { margin: 0 0 0 0; font-size: 1em; } 
.element-tabs-panel-inner .oHeadlineBoxStyle1 li.oBoxItem .oBoxItemContainer span.oBoxItemInner { padding: 1em 2em; } 

/* Portal styles */
.portal-element-inner .header-outer { display: none; }
.portal-body-outer { border: none; padding: 0; background: none; }
.portlet-inner .portlet-header { display: none !important; }

/* eShop styles */
.shopping-basket-outer { background: url(../../rcm_general/Images/shop_basket_icon_large.gif) no-repeat left top #f7f7f7; padding: 0 0 0 80px; border: 1px solid rgb(153, 0, 121); margin: 1em 0;}
.shopping-basket-outer .title-outer { font-size: 1.2em; padding: 0 0 .5em 0;}
.shopping-basket-outer .body-outer {margin: 0px auto auto;}
.shopping-basket-outer .body-inner {padding: 0 0 .5em 0;}
.shopping-basket-outer .basket-total { font-weight: bold; padding: 0 0 .5em 0;}
.shopping-basket-outer .basket-link a { font-weight: bold; }

div.progress-bar { font-size: 0.9em; font-weight: bold; margin: 0 0 10px 0;}
.progress-bar ul {padding: 0; margin: 0; list-style: none;}
.progress-bar li {display: block; float: left; width: 97px; margin: 0 0 0 0; padding: 5px 0px 0px 8px;}
.progress-bar li.progress-billing {display: block; float: left; width: 97px; margin: 0 0 0 0; padding: 3px 0px 0px 8px; line-height: .9em;}
.progress-bar li.progress-delivery {display: block; float: left; width: 97px; margin: 0 0 0 0; padding: 3px 0px 0px 8px; line-height: .9em;}
.progress-bar li.progress-orders {display: block; float: left; width: 92px; margin: 0 0 0 0; padding: 5px 0px 0px 8px;}
.progress-bar a:link, .progress-bar a:visited { text-decoration: none; color: #ffffff; }
.progress-bar a:focus, .progress-bar a:hover, .progress-bar a:active { text-decoration: underline; color: ffffff;}

div.basket {background: url(../../rcm_general/Images/basket_progress.gif) no-repeat left; height: 25px; }
div.billing {background: url(../../rcm_general/Images/billing_progess_bg.gif) no-repeat left; height: 25px; }
div.delivery {background: url(../../rcm_general/Images/delivery_progess_bg.gif) no-repeat left; height: 25px; }
div.checkout {background: url(../../rcm_general/Images/checkout_progress_bg.gif) no-repeat left; height: 25px; }
div.orders {background: url(../../rcm_general/Images/orders_progress_bg.gif) no-repeat left; height: 25px; }


 
/* General styles */
h1 {padding: 0 0 0 0;}

/* Footer styles */
#footer-outer { clear: both; padding: 5px; font-size: 0.9em; margin: 0px 0px 0px 0px; background: #ffffff; color: #000000; border-top: 1px solid rgb(153, 0, 121);}

#footer-beta-outer { clear: both; margin-top: 10px; padding-top:10px; font-size: 0.94em; color: #000000; border-top: 1px solid #ccc; }
#footer-beta-inner { width: 100%; overflow: hidden; }

.footer-links { float: left;}


