/********** DEFAULT LAYOUT ***************/
html { 
  background-color: #e8e8e8 !important; 
  height: 100%; 
  font-size: 13px;
  line-height: 24px;
}

body { 
  height: 100%; 
  font: 1em/1.6em Arial,sans-serif; 
  color: #333333; 
}

#main_wrapper {
  min-height: 100%;
}

#main_wrapper.public {
    background-color: #fff !important; 
}

a { 
  font-weight: bold;
  text-decoration: none;
  color: #555555;  
}
a:hover
{
    cursor:pointer;
}

a.icon:hover { 
    color: #7ac143;
    cursor:pointer;
}

a.white {
    color: #ffffff;
}

a.white:hover
{
    color: #000000;
}

/*a:hover
{
    color: #7ac143;
}*/

.footer {
    font-size: 1.1em;
    margin: 10px 0 0 10px;
    padding: 10px 0px 0 0;
    border-top: 1px solid #C1C1C6;
    background: url(/images_redesign/common/gradient-sprite.png) repeat-x 0 -625px;
}

.highlight {
    background-color: #bae49a;
}

.text-right {
    text-align: right;
}

.right {
    float: right;    
}

.float_left {
    float: left; 
}

inline {
    display: inline-block;
	*display: inline;
	*zoom: 1;
}

.mandatory,
.customerSuspended {
    color: #ff5858;
    font-weight: bold;
}

.greybar {
    background-color: #e9e9e9;
    height: 40px;
}

.indent {
    padding-left: 20px;
    text-indent: -20px;
}
.hidden
{
    display:none;
}

.image.border {
    background-color: #FFFFFF;
    border: 1px solid #B8B8B8;
    padding: 4px; 
}
.image {
    text-align:center;
    vertical-align:middle;
}

div.one-line {
    overflow: hidden;
	white-space: nowrap;
}

.small-text {
    font-size: 0.85em;
}

.normal-text {
    font-size: 1em;
}


/********** CUSTOM GRID LAYOUT ***************/

.grid {
    display: inline;
    float: left;
}

.grid_200 {
    display: inline;
    float: left;
    margin: 0 10px;
    width: 200px;
}

.grid_200.omega {
  margin-right: 0;
}

.grid_200.alpha {
  margin-left: 0;
}

.bpadding_10 {
    padding-bottom: 10px;
}

/********** GRADIENTS ***************/
.gradient, hr, .edge {
    background: url(/images_redesign/common/gradient-sprite.png) repeat-x 0 -519px;
}

.gradient.white {  
    background-position: 0 -537px;
    height: 18px;
}

.gradient.shadow-small  {
    background: none;   
    height: 10px;
    margin: 0 3px 14px;
    position: relative;
}

.gradient.shadow-small .edge.left,
.gradient.shadow-small .edge.right {  
    width: 4px;
    height: 10px;
}

.gradient.shadow-small .edge.left {    
    float: left;
    background-position: 0 -585px;
}

.gradient.shadow-small .edge.middle {
    height: 10px;
    margin: 0 4px;
    background-position: 4px -565px;
}

.gradient.shadow-small .edge.right {    
    float: right;
    background-position: right -605px;
}
    
.gradient.grey {  
    background-position: 0 -29px;
    height: 10px;
}

.gradient.sidebar {  
    background-position: 0 -519px;
    height: 8px;
    width:  100%;
}
hr,hr.thick,form hr.thick {  
    background-position: 0 -519px;
    height: 8px;
    border: 0 solid transparent;  
    margin: 0 0 10px 0;
    padding: 0;  
}
hr.thin, form hr.thin { height: 1px; margin: 5px 0 5px 0;}
form hr { height: 2px; color: #7ac143; }

/********** BARS ***************/

.bar
{
    padding: 14px 10px 14px 10px;
}

.bar.small {    
   height: 8px;
   padding: 0;
}

.bar.black {
    background-color: #000000;
}

.bar.orange,
.bar.primary {
    background: #f89d57 url(/images_redesign/common/gradient-sprite.png) repeat-x 0 -286px;
}

.bar.small.orange,
.bar.primary.small {
    background-color: #fdcba1;
}

.bar.blue,
.bar.secondary {
    background: #5091cd url(/images_redesign/common/gradient-sprite.png) repeat-x 0 -345px;
}

.bar.small.blue,
.bar.secondary.small {
    background-color: #a3bee4;
}

.bar.green,
.bar.general  {
    background: #589620 url(/images_redesign/common/gradient-sprite.png) repeat-x 0 -461px;
}

.bar.small.green,
.bar.tertiary.small {
    background-color: #7cc242;
}

.bar.gray,
.bar.tertiary{
    background: #929296 url(/images_redesign/common/gradient-sprite.png) repeat-x 0 -403px;
}

.bar#gallery1 {
	background-color: #afb8c0; 
}

.bar.gray.small,
.bar.general.small,
.bar#gallery2 {
    background-color: #f6f6f6;
}

.bar.gray-title {   
    background-color: #f6f6f6; 
    
}

.bar.white,
.bar#gallery3 {    
    background-color: #ffffff;    
}


.bar.gray-light,
.gray-light {    
    background-color: #e9e9e9;
}

.bar.gray-light.value {
    color: #858585;
    font-size: 1.2em;
    font-weight: bold;
    line-height:1em;
}
.bar.gray-light.value span.small {
    font-size: 0.7em;
    font-weight: normal;
}

/********** TOP NAVIGATION ***************/
#topbar {
   background-color: #000000;
   height: 8px;
}

#nav-primary-wrapper {
    background: #3F6D17 url(/images_redesign/common/gradient-sprite.png) repeat-x 0 -43px;
    min-height: 161px;
    *height: 166px;
}


.public #nav-primary {
    background: #3F6D17 url(/images_redesign/common/gradient-sprite.png) repeat-x 0 0px;
    min-height: 33px;
    margin-left:0;
}

#nav-primary-wrapper-inner {
    padding: 15px 25px 0;
}

#nav-primary { margin: 0 0 0 10px;}

#nav-secondary {
    background: #fff url(/images_redesign/common/gradient-sprite.png) repeat-x 0 -229px;
    min-height: 3.7em;  
    font-size: 1em;
}

#nav-primary li,
#nav-secondary li { 
    float: left; 
    line-height: 3.7em; /* 48px */
    height: 3.7em; /* 48px */
}
#nav-secondary li { padding-left: 4px; }

.public #nav-primary li {	
    line-height: 2.6em; /* 33px */
    height: 2.6em; /* 33px */
}

#nav-primary li a,
#nav-secondary li a {
    padding: 0 0 0 0;
    height: 3.7em;
    line-height: 3.7em;
    float: left;
    display: block;
    text-align: center;
}

#nav-secondary li a {
    padding: 0 10px;
}

.public #nav-primary li a {
    height: 2.6em;
    line-height: 2.6em;
}

#nav-secondary li a {
    height: 3.7em;
    line-height: 3.7em;
}

#nav-primary li a {
    color: #94e84f;
    font-weight: normal;
}

#nav-primary li a span {    
    padding: 0 5px 0 14px;
    float: left;
    margin: 0 10px 0 -10px;
    position: relative;
}

#nav-secondary li a {
    font-weight: normal;
    color: #555;
}

#nav-primary li:hover a,
#nav-primary li a:hover {
    color: #ffffff;
}

#nav-secondary li:hover a,
#nav-secondary li a:hover {
    color: #555;
}
    

#nav-primary li.current {    
    /*background-color: #7CC242;*/
    margin: 0 10px 0 10px;
}

#nav-primary li.current a {
    color: #555;
    font-weight: bold;
    background: url(/images_redesign/common/sliding-sprite.png) no-repeat right top;
}

#nav-primary li.current a span {    
    background: url(/images_redesign/common/sliding-sprite.png) no-repeat left top;
}

.public #nav-primary li.current a {
    background: none; 
    color: #fff;
}

.public #nav-primary li.current a span {
    background: none;
}

#nav-secondary li.current a {
    color: #555;
    font-weight: bold;
}

/********** LOGOS ***************/
/* ToDo: make this more generic */
.logo 
{    
    background: url(/images_redesign/logos/logos-sprite.png) no-repeat;
    height: 48px;
    border: 0;
    margin-left: 10px;
}

.logo.connections {
    margin: 35px 0 5px;
    width: 210px;
    height: 55px;
    background-position: 0 0;
}

#details-header .logo.connections {
    margin: 0 0 5px;
    background-position:-570px 0;
    width: 227px;
    height: 56px;
}

.logo.acp {
    width: 75px;
    height:56px;
    background-position: -215px 0;
}

.logo.network-services {
    width: 111px;
    background-position: -290px 0;
}

.logo.trader {
    width: 50px;
    background-position: -422px 0;
}

.logo.lsm {
    width: 58px;
    background-position: -482px 0;
}

.logo.emerald {
    width: 67px;
    background-position: -410px 0;
}

.logo.network-rewards {
    width: 81px;
    background-position: -480px 0;
}

/********** FORMS ***************/

.form.apply {
    font-size: 0.933em;  
    padding-bottom: 15px;    
}

.form.apply .column1 {
    border-right: 2px solid #b8b8b8;  
    width: 360px;
}

input.textbox,
textarea.textbox,
select.textbox {
    font-family: arial;
    padding: 0 5px;    
}

input.textbox,
textarea.textbox {
    border: 1px solid #a3a3a3;
}

    
select.textbox
{
    font-size: 1em;
    height: 2.286em;
    line-height: 1.5em;
    padding: 3px 5px 5px 5px;
}

textarea.textbox {
    padding: 5px
}


#ArticleComment.textbox {
    margin-bottom: 10px
}

input.textbox, select
{
    font-size: 1.4em;
    height: 1.5em;
    line-height: 1.5em;
    margin: 1.5px 0 0 0;
    width: 290px;
}

input.textbox 
{
    margin-top: 4px\9 /*IE 8 and below hack*/ 
}

select { width: 302px; }

.form.apply input.textbox,
.form.apply .select {
    font-size: 1em;
    
}

.form.apply input.textbox  {
    width: 290px;
    padding: 5px 4px 5px 4px;
    vertical-align:middle;
}

.form.apply input.textbox.small  {
    width: 130px;
}

.form.apply .select {  
    width: 140px;
    margin-bottom: 15px;
    
}

.form.apply .select.long {  
    width: 302px;
}

.form.apply .select .border {    
    *border: 1px solid #A3A3A3; 
    width: 140px;
    *height: 1.6em;
}

.form.apply .select.long .border {  
    width: 302px;
}

.form.apply .select select {    
    color: #333333;
    font-family: arial,san serif;
    font-weight: bold;
    padding: 6px 2px 6px 4px;
    width: 140px;
    margin: 1px 0 0 0;
    vertical-align:middle;
    line-height:36px;
    height: auto;
    border: 1px solid #A3A3A3
}

.form.apply .select.long select {  
    width: 302px;
}

.form.checkout {
    margin-top: 1em;
}

.form.normal-text input.textbox {   
    height: 2em;
    line-height: 2em;    
}
    
.form.normal-text input.textbox,
.form.normal-text textarea.textbox {
    font-size: 1em;
}

.form.checkout input.textbox {    
    height: 2em;
    line-height: 2em;
    width: 210px;
}

.form.checkout input.textbox,
.form.checkout textarea.textbox {
    font-size: 1em;
}

.form.checkout textarea.textbox {
    height: 4em;
}

.form.checkout input.textbox.small {
    width: 90px;
}

.form.checkout .textbox.qffinitial {
    width: 1em;
}

.form.checkout .textbox.qffsurname {
    width: 80px;
}

.form.checkout #view-cart {
    float:right;
    margin: 14px 0 ;
}

.form p  
{
    font-size: 0.85em;
    margin: 8px 0 20px 0;
    line-height: 1.3em;
}

.form.normal-text p {
    font-size: 1em;
}
.form p.address
{
    line-height: 1.33em;
}
.form hr 
{ 
    margin: 0 0 10px 0; 
}

.form .greybar
{
    margin: 10px 0 16px 0;
}

.bottomborder
{
 
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #b8b8b8;
}

.form label
{
    /*float:right; breaking pages*/
}

.form label.checkbox
{
    float:none;
    width: 290px;
    margin-bottom: 8px;    
    *margin-bottom: 0;
    display:inline-block;
}
.form div.submit 
{
    margin-top: 20px;
    margin-bottom: 20px;
}


.searchbox .textbox {
    background-color: #EAEAEA;
    font-size: 1em;
    height: 1.6em;
    line-height: 1.6em;
    width: 140px;
}

.loginlabel, .label {
    font-weight: bold;
    color: #555555;
}

.label {
    margin-top: 0.33em;
}

.label.first {
    margin-top: 0;
}

.loginbox .textbox {
    width: 320px;
}

.loginlabel a#forgot {
    color: #999999;
    font-weight: bold;
}

.loginlabel a#forgot:hover
{
    color: #7AC143;
}

.welcomebox {
    font-size: 14px;
    margin-right: 10px;
}

.welcomebox .membership {
    min-height: 1px;
}

.user_info,
.membership {
    padding-left: 40px;
}

.delivery-only {
    font-style: italic;
}

.qff-value select {
    width: 64px;
    margin: 0;
}

.qff-value .border {    
    border: 1px solid #A3A3A3; 
}

 .selectwithborder {    
    border: 1px solid #A3A3A3; 
}

/********** MEMBERS DETAILS HEADER ***************/

#customerPoints {
    font-weight: bold;
    padding-right: 0;
}

.searchbox {
    width: 180px;
}
    
.searchbox #go {
    position: absolute;
    padding: 2px;
    padding-left: 5px;
}

.searchbox a span {
    color: #FFFFFF;
}


.title {
    color: #979797;
    font-size: 2.8em; /* 28pt */
    font-weight: bold;
    padding: 26px 0;
    margin: 0;
    line-height: 1em;
    /*text-shadow: 0 -1px rgba(0, 0, 0, 0.5), 0 1px rgb(255, 255, 255);*/
    /*filter: dropshadow(color=#000000, offx=0, offy=-1, positive=true), dropshadow(color=#ffffff, offx=0, offy=1, positive=true); */
}

/********** LIST ***************/
.list.checkout {
    margin-top: 8px;
}

.list.news li.item,
.list.category li.item,
.list.cart li.item,
.list.bb li.item,
.list.fn li.item,
.list.pg li.item,
.list.lsm li.item,
.list.multimedia li.item,
.list.result li.item {
    margin-bottom: 20px;
} 

.list.subcategory li.item {
    margin-top: 8px;
    margin-right: 9px;
    width: 168px;
} 

.list.subcategory li.item.omega {
    margin-right: 0;
} 

.list.news li.item .image,
.list.category li.item .image,
.list.cart li.item .image,
.list.bb li.item .image,
.list.fn li.item .image,
.list.lsm li.item .image,
.list.pg li.item .image,
.list.multimedia li.item .image,
.list.result li.item .image,
.list.bb li.item .image   {
    background-color: #FFFFFF;
    height: 220px;
    width: 220px;
    /*border: 1px solid #B8B8B8;*/
}

.list.subcategory li.item .image {
    background-color: #FFFFFF;
    height: 160px;
    width: 160px;
    padding: 4px;
    /*border: 1px solid #B8B8B8;*/
}

.list.news li.item .image img,
.list.category li.item .image img,
.list.cart li.item .image img,
.list.lsm li.item .image img,
.list.result li.item .image img,
.list.pg li.item .image img,
.list.bb li.item .image img,
.list.multimedia li.item .image img {
    height: 210px;
    width: 210px;
    border: 0;    
    padding: 5px 5px;
}

/*.list.news li.item .image img,
.list.cart li.item .image img {
    height: 158px;
    width: 166px;
.list.cart li.item .image img,
.list.bb li.item .image img,
.list.pg li.item .image img,
.list.multimedia li.item .image img {
    height: 216px;
    width: 218px;
    border: 0;
}*/

.list.news li.item .header,
.list.category li.item .header,
.list.cart li.item .header,
.list.checkout .header,
.list.subcategory .header,
.list.lsm li.item .header,
.list.result li.item .header,
.list.bb li.item .header,
.list.fn li.item .header,
.list.pg li.item .header,
.list.multimedia li.item .header,
#mostpopular .carousel li.item .header,
#mpp .carousel li.item .header,
#recentlyadded .carousel li.item .header,
#staffideas .carousel li.item .header {
    background-color: #7AC143;
    color: #FFFFFF;
    font-size: 1.2em; /* 18pt */
    font-weight: bold;
    margin: 0;
    height: 40px;
    display: table;
    position: static;
    *overflow: hidden; 
    *position: relative;
    *padding-top: 35px;
    width: 220px;
}

.list.subcategory .header {    
    width: 168px;
    font-size: 0.933em;
    height: 64px;
}

.list.result li.item .header {    
    height: 64px;

}

.whiteborder
{
    background-color: #fff;
}

.list.news li.item .header .middle,
.list.category li.item .header .middle,
.list.cart li.item .header .middle,
.list.checkout .header .middle,
.list.subcategory .header .middle,
.list.lsm li.item .header .middle,
.list.result li.item .header .middle,
.list.bb li.item .header .middle,
.list.fn li.item .header .middle,
.list.pg li.item .header .middle,
.list.multimedia li.item .header .middle,
#mostpopular .carousel li.item .header .middle,
#mpp .carousel li.item .header .middle,
#recentlyadded .carousel li.item .header .middle,
#staffideas .carousel li.item .header .middle {
    display: table-cell; 
    vertical-align: middle;
    /*padding: 0 10px;*/
    *position: absolute; 
    *top: 50%;
    height:65px;
}

.list.news li.item .header .inner,
.list.category li.item .header .inner,
.list.cart li.item .header .inner,
.list.checkout .header .inner,
.list.subcategory .header .inner,
.list.lsm li.item .header .inner,
.list.result li.item .header .inner,
.list.bb li.item .header .inner,
.list.fn li.item .header .inner,
.list.pg li.item .header .inner,
.list.multimedia li.item .header .inner,
#mostpopular .carousel li.item .header .inner,
#mpp .carousel li.item .header .inner,
#recentlyadded .carousel li.item .header .inner,
#staffideas .carousel li.item .header .inner {
    *position: relative; 
    *top: -50%;
    overflow: hidden;
}

.inner .orange
{
    color: #f89d57;
}

.list.news li.item .header a,
.list.category li.item .header a,
.list.cart li.item .header a,
.list.checkout .header a,
.list.subcategory .header a,
.list.lsm li.item .header a,
.list.result li.item .header a,
.list.bb li.item .header a,
.list.fn li.item .header a,
.list.pg li.item .header a,
.list.multimedia li.item .header a,
#mostpopular .carousel li.item .header a,
#mpp .carousel li.item .header a,
#recentlyadded .carousel li.item .header a,
#staffideas .carousel li.item .header a  {
    color: #FFFFFF;
    display: block;
    margin: 13px 10px 13px 10px;
    max-height: 56px;
    overflow: hidden;
    /*text-align: center;*/
}

.list.result li.item .header a {
    max-height: 88px;
}
/*
.list.subcategory .header a {
    padding: 10px; 
}*/

#mostpopular,
#mpp,
#recentlyadded,
#staffideas {
    height: 375px;
    /*margin: -20px 0 0;*/
    /*margin: 0 0 40px;*/
}

#mostpopular.news {
    height: 375px;
}

#mostpopular .carousel li.item,
#mpp .carousel li.item,
#recentlyadded .carousel li.item,
#staffideas .carousel li.item {
    width: 220px;
    height:375px;
}


#mostpopular .carousel li.item .header,
#mpp .carousel li.item .header,
#recentlyadded .carousel li.item .header,
#staffideas .carousel li.item .header {
    height: 48px;
    line-height: 48px;
}

#mostpopular .carousel li.item .header.orange,
#mpp .carousel li.item .header.orange,
#recentlyadded .carousel li.item .header.orange,
#staffideas .carousel li.item .header.orange {
    background-color: #FFFFFF;
    font-size: 16px;
}

#mostpopular .carousel li.item .header a,
#mpp .carousel li.item .header a,
#recentlyadded .carousel li.item .header a,
#staffideas .carousel li.item .header a {
    color: #F89d57;
    max-height: 48px;    
    /*padding: 0 10px;*/
}

#mostpopular .carousel li.item .image,
#mpp .carousel li.item .image,
#recentlyadded .carousel li.item .image,
#staffideas .carousel li.item .image {
    height: 206px;
    overflow: hidden;
}

#mostpopular .carousel li.item .body,
#mpp .carousel li.item .body,
#recentlyadded .carousel li.item .body,
#staffideas .carousel li.item .body {
    background-color: #fff;
    font-size: 13px;
    padding: 10px 10px;
    height: 70px;
}

#mostpopular.news .carousel li.item .body {    
    padding: 8px 10px;
}

#mostpopular.news .carousel li.item .body div {    
    /*float: left;*/
    width: 100%;
}

a.icon.arrow-right-dark,
a.icon.pause-dark,
#mostpopular_next,
#mostpopular_pause,
#recentlyadded_next,
#recentlyadded_pause,
#staffideas_next,
#staffideas_pause,
#featured_next,
#featured_pause,
#archive_next {
  right: 5px;
  position: absolute;
  top: 3px;    
  padding-left: 0;
  width: 15px;
}

.carousel-button {
  right: 30px;
  position: absolute;
  top: 12px;    
  padding-left: 0;
  width: 15px;
  margin-top: 4px;
}

.carousel-button.pause {       
    right: 55px;
}

.carousel-button.back {       
    right: 85px;
}

#featured_next,
#featured_pause {    
  top: 15px;    
}

a.icon.pause-dark,
#mostpopular_pause,
#recentlyadded_pause,
#staffideas_pause,
#featured_pause {    
  right: 25px;
}

.list.news li.item .header,
.list.lsm li.item .header,
.list.bb li.item .header,
.list.fn li.item .header,
.list.pg li.item .header,
.list.multimedia li.item .header {    
    height: 85px;
}

.list.news li.item .header a,
.list.lsm li.item .header a,
.list.bb li.item .header a,
.list.fn li.item .header a,
.list.pg li.item .header a,
.list.multimedia li.item a {
    max-height: 60px;
}

ul.list.multimedia,
ul.list.pg,
ul.list.lsm,
ul.list.bb,
ul.list.fn
{
    margin-top: 20px;
}



.list.news li.item .body,
.list.category li.item .body,
.list.cart li.item .body,
.list.checkout.item,
.list.checkout .item,
.list.product .item,
.list.pg li.item .body,
.list.lsm li.item .body,
.list.bb li.item .body,
.list.fn li.item .body,
.list.multimedia .item,
.list.result li.item .body  {
    font-size: 1em; /* 13px */
    /*background-color: #fff;*/
}

.list.category li.item .body .points,
.list.cart li.item .body .points,
.list.result li.item .body .points {
    width: 190px;
    height: 48px;
}

.list.category li.item .body .points.emerald,
.list.cart li.item .body .points.emerald,
.list.result li.item .body .points.emerald {
    height: 48px;
}

.list.news li.item .body .copy {
    font-size: 1em;
}

.list.product .item {
    padding: 10px;
    background-color: #fff;
    
}

.list.checkout.item,
.list.checkout .item {
    font-weight: bold;
    color: #555555;
    padding: 10px;
}

.list.checkout.item .label,
.list.checkout .item .label,
.list.checkout.item .value,
.list.checkout .item .value {
    display: inline;
    float: left;
}

.list.checkout.item .label,
.list.checkout .item .label {
    width: 120px;
    margin: 0 10px 0 0;
}

.list.checkout.item .value,
.list.checkout .item .value {
    width: 70px;
}

.list.news li.item .body,
.list.multimedia li.item .body,
.list.pg li.item .body,
.list.lsm li.item .body,
.list.bb li.item .body,
.list.fn li.item .body {
    /*margin-right: 10px;
    margin-top: 20px;*/
    padding: 10px;
    background-color: #ffffff;
    height: 176px;
}
.list.multimedia li.item .body {
    padding: 10px;
    background-color: #ffffff;
}

.list.category li.item .body,
.list.cart li.item .body,
.list.result li.item .body {
    padding: 10px 5px 10px 10px;
    *width: 205px;
    background-color: #fff;
}

.list.news li.item .date,
.list.pg li.item .date,
.list.lsm li.item .date,
.list.bb li.item .date,
.list.fn li.item .date,
.list.multimedia li.item .date {
    padding: 10px 10px;
    background: #b8b8b8 url(/images_redesign/common/gradient-sprite.png) repeat-x 0 -403px;
    color: #ffffff;
}

.list.news li.item .body .grid_10,
.list.multimedia li.item .body .copy,
.list.pg li.item .body .copy,
.list.lsm li.item .body .copy,
.list.bb li.item .body .copy,
.list.fn li.item .body .copy, 
.news.list li.item .body .copy{
    margin-bottom: 8px;
    height: 124px;
    overflow: hidden;
}

.list.category li.item .body .quantity,
.list.cart li.item .body .quantity,
.list.product .item .quantity,
.list.result li.item .body .quantity {
    background-color: #FFFFFF;
    border: 1px solid #A3A3A3;
    font-weight: bold;
    height: 2.461em;
    line-height: 2.461em;
    margin: 4px 0 10px;
    padding: 0 5px;
}

.list.category li.item .body .label,
.list.cart li.item .body .label,
.list.product .item .label,
.list.result li.item .body .label {
    margin-top: 0;
    color: #333333;
}

.list.category li.item .body .textbox,
.list.cart li.item .body .textbox,
.list.product .item .textbox,
.list.result li.item .body .textbox {
    color: #333333;
    font-size: 1em;
    font-weight: bold;
    height: 2.1em;
    height: 2em\9;    
    *height: 1.5em;
    padding: 1px 0 0;
}

.list.category li.item .body input.textbox,
.list.cart li.item .body .textbox,
.list.product .item .textbox,
.list.result li.item .body .textbox {
    text-align: right;
    border: medium none;
    margin-top: 4px\9 /*IE 8 and below hack*/ 
}
    
.list.category li.item .body .select,
.list.cart li.item .body .select,
.list.product .item .select,
.list.result li.item .body .select {  
    width: 190px;
    margin: 10px 0 4px;
    height: 2.47em;
}

.list.category li.item .body .select .border,
.list.cart li.item .body .select .border,
.list.product .item .select .border,
.list.result li.item .body .select .border {    
    border: 1px solid #A3A3A3; 
    width: 190px;
    *line-height: normal;
}

.list.category li.item .body .select select,
.list.cart li.item .body .select select,
.list.product .item .select select,
.list.result li.item .select select {    
    color: #333333;
    font-family: arial,san serif;
    font-size: 1em;
    font-weight: bold;
    height: 2.47em;
    margin: 0;
    padding: 5px 5px 5px 0;
    width: 190px;
    *height: auto;
}

.list.category li.item .body .cart-add,
.list.result li.item .body .cart-add {
    color: #7AC143;
}

.list.cart li.item .body .cart-refresh {
    margin-top: 7px;    
}

.list.cart li.item .body .cart-refresh a.icon.refresh {
    padding: 0;   
}

.list.cart li.item .body .cart-refresh a.icon.refresh img {
    width: 18px;   
    height: 18px;
}

.icon.cart-remove,
.icon.cart-remove:hover {
    color: #ff5858;
}

.icon.checkout,
.icon.checkout:hover {
    color: #f89d57;
}

.breadcrumb {
    padding-bottom: 26px;
    font-size: 14px;
}

.featured-module {
    /*padding-bottom: 20px;*/
}

#featured-photo-gallery.carousel .image
{
    height: 204px;
    width: 288px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 3px;
}
/********** HOME PAGE ***************/

.home, .gyb {
    margin-top: 24px;
}

/*#featured-newsagency,
#photo-gallery {
	margin-top: 20px;
}*/

#featured-newsagency .image {
    width: 362px;
    height: 208px;
}

#featured-newsagency .body p {
    height: 48px;
    overflow: hidden;
    padding-bottom: 10px;
}

#featured-newsagency .body {
   /* padding: 6px 0;*/
    height: 349px;
}

#photo-gallery .body {
    padding: 6px 0;
    height: 353px;
}


#photo-gallery .caroufredsel_wrapper {
    padding-bottom: 8px;
}

#gallery1 .one-line {
    *width: 140px;
}

#gallery1 .one-line .icon {
    *display: block;
    *width: 140px;
    *margin-left: -20px;
    *text-indent: 0;
}

div#gallery1 {
    position: relative;
}

div#gallery1 .one-line {    
    width: 155px;
}

.ranking .label {
    color: #f89d57;
    font-size: 1em;
}

.ranking .value {
    color: #555;
    font-size: 1em;
    font-weight: bold;
}

.ranking .state,
.ranking .national {
    /*padding-bottom: 10px;*/
    line-height: 40px;
}

.ranking .total {
    padding: 0 8px;
}

.current-promotions .body {
    padding: 13px 0;
}

.promotiontext{
    padding-left:10px !important;
}

.sidebar .survey { padding: 0 10px 10px 10px; }

/********** CHECKOUT ***************/
#address-note {
    margin: 20px 0;
    color: #ff5858; 
}


#receipt-note,
#submit-note p {
    margin-bottom: 1em;
    font-size: 14px;
}

.qff-label,
.qff-value {
    margin-right: 10px;
}


.product .productimage,
.product .productimagesmall {
    border: 1px solid #B8B8B8;    
    background-color: #ffffff;
    float: left;
    padding: 5px;
}

.product .smallfirst {
    margin-left: 0;
}

.product .productimagesmall {
    border: 1px solid #B8B8B8;
    float: left;
    margin: 5px;
    padding: 3px;
}

/********** SEARCH RESULTS **************/
.searchresults h4 {
    margin-bottom: 20px;
}

.searchresults p {
    padding: 15px 0 24px;
}

.searchresults p a {
    font-weight: normal;
}

.searchresults .item {
    border-bottom: 1px solid #b8b8b8;
    margin-bottom: 26px;
}
.result-info {
    /*margin: 45px 0 0;*/
}

.heading.search-result a:hover,
.searchresults p a:hover {
     color: #7ac143;
}

/********** NEW ARCHIVE ***************/

.archivemonth div.item
{
    /*padding: 5px;*/
    padding: 5px 5px 5px 14px;
}

.archivemonth .alt {
    background-color: #e9e9e9;
}

.archivemonth span {
    color: #999999;
}

.archivemonth a:hover {
    color: #7ac143;
}

/********** PAGER ***************/
.pager {
    margin: 24px 0;
}

.pager .item,
.pager .spacer {
    width: 46px;
    text-align: center;
    color: #858585;
    float: left;
    background: none;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
}

.pager .item.guide {
	width: 20px;
}

.pager .item.next,
.pager .item.previous {
    width: 100px;
    text-align: center;
    background-color: #ffffff;
    color: #555555;
	padding: 4px 0;
}
.pager .item.next {
    float: right;
}

.pager .item.next:hover,
.pager .item.previous:hover
{
     background-color: #607588;
    color: #ffffff;
    cursor: pointer;
}

.pager .item a div:hover {
  /*  background-color: #607588;*/
    color: #ffffff;
    cursor: pointer;
}

.pager .item.guide:hover {    
    background: none;
    color: #858585;
    cursor: default;
}

.pager .item.next:hover a, .pager .item.previous:hover a, .pager .item:hover a
{
    color: #ffffff;
}

.pager .item.selected
{
    background-color: #607588;
    color: #fff;
}

#apply-note {
    padding: 20px 0;
}

#termsAgree {
    padding-bottom: 10px;
}

#termsAgree label {
    padding-left: 10px;
    vertical-align:top;
}

#termsAgree .line {
    padding-left: 30px;
}

#termsSubmit {
    padding-top: 10px;
}

/* BUTTON STYLES                                         
---------------------------------------------------------*/
/* Left Part */
/* background-position: left 0;       /* Orange Normal */
/* background-position: left -50px;   /* Orange Hover */
/* background-position: left -198     /* Blue Normal */
/* background-position: left -238px;   /* Blue Hover */
/* Right Part */
/* background-position: right -100px; /* Orange Normal */
/* background-position: left -150px;  /* Orange Hover */
/* background-position: right -281px; /* Blue Normal */
/* background-position: left -323px;  /* Blue Hover */
    
input.button, input.unpadded-button
{
    height: 40px;
    line-height: 40px;
    padding: 8px 10px 11px 10px;
}

a.button, .button span.button-right 
{
    background: url('/images_redesign/common/sliding-sprite.png') no-repeat 0 -60px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 10px 0 12px 0;
}
/*.button.small, .button.small span.button-right {
    height: 31px;
    line-height: 31px;
}*/
    
.button, a.button:link, a.button:visited {
    padding-left: 10px;
    text-decoration: none !important;
}
a.button:hover 
{
    color: #333333;
}

/* ie 6 hack */
* html .button {
    /*color: #00f;*/
    padding-top: 0px;
    padding-bottom: 0px;
    text-decoration: none;
}
/* ie 7 hack */
*:first-child+html .button {
    /*color: #00f;*/
    padding-top: 0px;
    padding-bottom: 0px;
    text-decoration: none;
}

/******* Orange *******/
a.button, a.button:link, a.button:visited {
    background-position: left -58px;    
    font-size: 15px;
    font-weight: bold;
}

a.button span.button-right {
    margin: 0 -10px 0 0;
    background-position: right -58px;    
    padding-right: 10px;
}

a.button:hover, 
a.button.orange.light {
    background-position: left -108px;     
}

a.button:hover span.button-right,
a.button.orange.light span.button-right {
    background-position: right -108px;     
}

a.button:active {
    background-position: left -108px;   
}

a.button:active span.button-right {
    background-position: right -108px;    
}

a.button.small.orange
{
    font-size: 1em;
    font-weight: bold;
    background-image: none;
    background-color: #F89D57;
    height: 27px;
    padding: 0 18px 3px 18px;
    vertical-align: middle;
    text-align:center;
    line-height: 29px;    
}
/******* Blue *******/
a.button.blue, a.button.blue:link, a.button.blue:visited {
    background-position: left -157px;     
    padding-top:9px;
}

a.button.blue span.button-right {
    background-position: right -157px;
    padding-right: 15px;
    padding-top:8px;
    margin: 0 -10px 0 5px;
    font-size:14px;
}
/*
a.button.blue:hover {
    background-position: left -238px;     
}*/

a.button.blue:hover span.button-right {
    background-position: right -157px;   
    color: #F0F0FF;  
}

a.button.blue:active {
    background-position: left -157px;     
}

a.button.blue:active span.button-right {
    background-position: right -157px;     
}

/********** ICONS ***************/
a.icon, span.icon {
    padding: 0 10px 0 20px;
    background: url(/images_redesign/common/icon-sprite.png) no-repeat;
}
.heading span.icon
{
    padding-left: 28px;
}

.icon.person,
.icon.person:hover,
.icon.person:active {
    background-position: 0 0;
}

.icon.points,
.icon.points:active,
.icon.points:hover {
    background-position: 0 -24px;
} 

.icon.details,
.icon.details:active,
.icon.details:hover {
    background-position: 0 -48px;
}

.icon.close,
.icon.close:active,
.icon.close:hover {
    background-position: 0 -72px;
}

.icon.emerald-club,
.icon.emerald-club:hover,
.icon.emerald-club:active {
    background-position: 0 -96px;
}

.icon.network-rewards,
.icon.network-rewards:hover,
.icon.network-rewards:active {
    background-position: 0 -120px;
}

.icon.trader-300-club,
.icon.trader-300-club:hover,
.icon.trader-300-club:active {
    background-position: 0 -144px;
}

.icon.search,
.icon.search:active,
.icon.search:hover  {
    background-position: 0 -168px;
} 

.icon.readmore,
.icon.readmore:hover,
.icon.readmore:active {
    background-position: 0 -192px;
}

.icon.apply,
.icon.apply:hover,
.icon.apply:active
{
    background-position: 0 -216px;
}
.icon.survey-link,
.icon.survey-link:hover,
.icon.survey-link:active
{
    background-position: 0 -212px;
    display:inline-block;  
    margin:10px 0 5px 0;  
}

.icon.vote,
.icon.vote:hover,
.icon.vote:active {
    background-position: 0 -240px;
}

.icon.results,
.icon.results:hover,
.icon.results:active {
    background-position: 0 -264px;
}

.icon.question,
.icon.question:hover,
.icon.question:active {
    background-position: 0 -288px;
}

.icon.contact-us,
.icon.contact-us:hover,
.icon.contact-us:active {
    background-position: 0 -312px;
}

.icon.t-and-c,
.icon.t-and-c:hover,
.icon.t-and-c:active {
    background-position: 0 -336px;
}

.icon.clock,
.icon.clock:hover,
.icon.clock:active {
    background-position: 0 -356px;
}

.icon.comments,
.icon.comments:hover,
.icon.comments:active {
    background-position: 0 -384px;
}

.icon.calendar,
.icon.calendar:hover,
.icon.calendar:active {
    background-position: 0 -408px;
}

.icon.calendar-dark,
.icon.calendar-dark:hover,
.icon.calendar-dark:active {
    background-position: 0 -432px;
}

.icon.news-orange,
.icon.news-orange:active,
.icon.news-orange:hover {
    background-position: 0 -455px;
} 

.icon.idea,
.icon.idea:active,
.icon.idea:hover {
    background-position: 0 -480px;
} 

.icon.photo-dark,
.icon.photo-dark:active,
.icon.photo-dark:hover {
    background-position: 0 -502px;
    padding-left: 25px;
} 

.icon.featured-dark,
.icon.featured-dark:active,
.icon.featured-dark:hover {
    background-position: 0 -528px;
} 

.icon.photo,
.icon.photo:active,
.icon.photo:hover {
    background-position: 0 -552px;
} 

.icon.arrow-left,
.icon.arrow-left:active {
    background-position: 0 -1130px;
}

.icon.arrow-left:hover,
.pager .item.previous:hover .icon.arrow-left {
    background-position: 0 -576px;
}


.icon.arrow-left-light,
.icon.arrow-left-light:active,
.icon.arrow-left-light:hover {
    background-position: 16px -576px;
    padding-right: 0;
    padding-left: 26px;
}
 
.icon.play,
.icon.play:active,
.icon.play-light,
.icon.play-light:active,
.icon.pause-light.paused,
.icon.pause-light.paused:active,
.icon.pause-light.paused:hover  {
    background-position: 16px -600px;
    padding-right: 0;
    padding-left: 26px;
} 

.icon.pause,
.icon.pause:active,
.icon.pause-light,
.icon.pause-light:active,
.icon.pause-light:hover  {
    background-position: 16px -624px;
    padding-right: 0;
    padding-left: 26px  !important;;
} 

.icon.arrow-right,
.icon.arrow-right:active {
    background-position: right -1106px;
    padding: 0 31px 0 0px;
}

.icon.arrow-right:hover,
.pager .item.next:hover .icon.arrow-right {
    background-position: right -648px;
}

.icon.arrow-right-light,
.icon.arrow-right-light:active,
.icon.arrow-right-light:hover {
    background-position: 16px -648px;
    padding-right: 0;
    padding-left: 26px !important;
    /*padding: 0 31px 0 0px;*/
}

/*.icon.arrow-right-light:hover {
    background-position: right -622px;
}*/

.icon.arrow-next,
.icon.arrow-next:active {
    background-position: 0 -648px;
}

.icon.arrow-next:hover {
    background-position: 0 -648px;
}

.icon.play:hover,
.icon.play-dark,
.icon.play-dark:active,
.icon.pause-dark.paused,
.icon.pause-dark.paused:active,
.icon.pause.paused:hover {
    background-position: 0 -672px;
}
.icon.play-dark:hover,
.icon.pause-dark.paused:hover,
.icon.play-light:hover {
    background-position: 0 -672px;
}

.icon.pause:hover,
.icon.pause-dark,
.icon.pause-dark:active {
    background-position: 0 -696px;
} 

.icon.pause-dark:hover{
    background-position: 0 -696px;
} 

.icon.arrow-right-dark,
.icon.arrow-right-dark:active {
    background-position: right -720px;
}

.icon.login,
.icon.login:hover,
.icon.login:active {
    background-position: 0 -741px;
    vertical-align:middle;
    margin-left: 4px;    
}


.icon.tick,
.icon.tick:active,
.icon.tick:hover {
    background-position: 0 -766px;
}

.icon.star,
.icon.star:active,
.icon.star:hover {
    background-position: 0 -792px;
}

.icon.ribbon,
.icon.ribbon:active,
.icon.ribbon:hover {
    background-position: 0 -816px;
} 

.icon.search-blue,
.icon.search-blue:active,
.icon.search-blue:hover {
    background-position: 0 -840px;
} 

.icon.cart,
.icon.cart:active,
.icon.cart:hover {
    background-position: 0 -868px;
} 

.icon.cart-add,
.icon.cart-add:active,
.icon.cart-add:hover {
    background-position: 0 -888px;
} 

.icon.cart-remove,
.icon.cart-remove:hover,
.icon.cart-remove:active {
    background-position: 0 -916px;
}

.icon.view,
.icon.view:active,
.icon.view:hover {
    background-position: 0 -936px;
} 

.icon.checkout,
.icon.checkout:active,
.icon.checkout:hover {
    background-position: 0 -960px;
} 

.icon.refresh,
.icon.refresh:hover,
.icon.refresh:active {
    background-position: 0 -984px;
}

.icon.quantity,
.icon.quantity:hover,
.icon.quantity:active {
    background-position: 0 -1008px;
}

.icon.variant,
.icon.variant:hover,
.icon.variant:active {
    background-position: 0 -1032px;
}

.icon.email,
.icon.email:hover,
.icon.email:active {
    background-position: 0 -1056px;
}

.icon.conference,
.icon.conference:active,
.icon.conference:hover {
    background-position: 0 -1080px;
} 

/*


.icon.close.orange,
.icon.close.orange:hover {
    background-position: 0 -1584px;
} 







.icon.news,
.icon.news:active {
    background-position: 0 -1176px;
} 

.icon.news:hover {
    background-position: 0 -1200px;
} 

.icon.featured,
.icon.featured:active {
    background-position: 0 -1224px;
} 

.icon.featured:hover {
    background-position: 0 -1248px;
} 


.icon.featuredconference:hover {
    background-position: 0 -1296px;
} 

.icon.calendar-new,
.icon.calendar-new:hover,
.icon.calendar-new:active {
    background-position: 0 -1392px;
}*/
/**/


.icon.cart-add-dark,
.icon.cart-add-dark:active,
.icon.cart-add-dark:hover {
    background-position: 0 -1512px;
} 

/********** HEADERS ***************/
h1 {
    color: #979797;
    font-size: 2.25em;
    font-weight: bold;
    padding: 4px 0 18px 0;
    margin: 0 0 10px 0;
    line-height: 1em;
    /*text-shadow: 0 -1px rgba(0, 0, 0, 0.5), 0 1px rgb(255, 255, 255);*/
    /*filter: dropshadow(color=#000000, offx=0, offy=-1, positive=true), dropshadow(color=#FFFFFF, offx=0, offy=1, positive=true); */
}

h2 {
    font-size: 1.267em;
    padding: 10px 0 5px;
    color: #7ac143;
    font-weight: bold;
    line-height: 1.6em;
    margin-bottom: 10px;
}

h4
{
    font-size: 1.3em;
    padding: 0;
    color: #919191;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 10px;
}
h5
{
    color: #7ac143;
    font-size:1em;
}

.header {
    color: #7ac143;
    font-weight: bold;
    font-size: 2.133em;
    line-height: 1.25em;
    margin: 0 0 10px;
    /*text-shadow: none;*/
    /*filter: none;*/
}

h2.header {
    font-size: 1.4em;
    line-height: 1.25em;
    margin-bottom: 15px;
    padding-top: 0;
}


.sidebar .module h2{
    padding: 0 10px;
    margin: 15px 0 10px 0;
}

.sidebar .indented {
    padding: 0 10px;
}

.sidebar .module.emerald-club h2 {
    margin-bottom: 0;
}

.sidebar .module.emerald-club p {
    padding: 5px 10px;
}

.sidebar .module h4 {
    color: #F86C00;
    /*background-color: #ffffff;*/
    font-size: 1em;
    margin-bottom: 0;
}

.sidebar .module hr 
{
    margin: 0 0 6px 0;
}

.header a:hover,
a.header:hover {
    color: #555555;    
}

h4 .header {
    font-size: 1.4em;
}

.header h4 {
    font-size: 1em;
}

.header.orange {
    color: #f89d57;
}

.header.blue {
    color: #5091cd;
}

.header-link {
    color: #fff;
}

a.header-link:hover {
    color: #555555;
}

#details-header
{
    color: #fff;
    margin: 16px 10px 18px 0;
}

.heading {    
    font-size: 1.267em;
    font-weight: bold;
}

.heading.sidebar {
    margin: 16px 0;
    padding: 0 10px;
}

.heading.sidebar,
.heading.sidebar a,
.heading.green,
.heading .green {
    color: #7ac143;
}

.heading.carousel {
    width: 150px;
    font-size: 1.267em;
}

.heading.white {
    color: #ffffff;
}

.heading.white a:hover
{
    color: #CC0066;
}

.heading.green {
    margin: 1em 0;
}

.heading.subtitle {
    color: #929292;
}

.heading.checkout {
    color: #979797;
    margin: 14px 0;
}

.greybar .heading {
    padding: 8px 10px;
    font-size: 1.1em;
    color: #555555;
}

.greybar .leftalignedheading
{
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #b8b8b8;
    padding: 8px 10px 8px 0px;
    font-size: 1em;
    color: #555555;
    font-weight: bold;
}

.sidebar .module {
    /*margin-bottom: 30px;*/
    background-color: #fff;
}
.sidebar.leftNav .module {
    background-color: transparent;
    margin-bottom: 16px;
}
.sidebar .module.archive
{
    padding-bottom:10px
}
.heading_wrapper {
    position: relative;
    /*padding-bottom: 15px;*/
}
/********** YOUR ACCOUNT ****************/
.account .greybar .heading 
{
    /*font-size: 1.1em;*/
    display: inline-block;
    float: left;    
}
.account .greybar .button 
{
    float:right;
    display: inline-block;
    margin: 7px 15px 7px 0;   
}
.account h2 
{
    font-size: 1.05em; 
    margin-bottom: 0;    
}
.account .greybar
{
    margin-top: 20px;
    margin-bottom: 5px;
}
.account .text 
{ margin-top: 10px; margin-bottom: 10px; }
.account a.reactivation 
{ font-style:italic; font-weight: normal;}
.delivery-only-agent, .icon.delivery-only-agent
{ font-style: italic; background-image: none; }

.column1 {
    width: 360px;
}

/********** CAROUSEL ***************/

/*.carousel-featured .image,
.carousel .image {
    background-color: #FFFFFF;
    border: 1px solid #B8B8B8;
    padding: 4px;
}
*/

.carousel-featured .image {
    height: 240px;
    width: 240px;  
    padding: 0;
    display: table;
    overflow: hidden;
    /*padding-left: 5px;
    padding-right: 5px; */
}

.carousel-featured .image a {
    vertical-align: middle;
    display: table-cell;
}

.carousel-featured .image img {
    margin: auto;	
}

.carousel-featured .image .aligner {
/* used to vertically align image */
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.carousel .image {
    overflow: hidden;
    display: table;
    background-color: #fff; 
    /*height: 190px;*/
    /*width: 290px;*/
}

.carousel .image a {
    vertical-align: middle;
    display: table-cell;
}

/*.carousel .image img 
{
    padding: 5px;
    margin: auto;	
}*/

.carousel .image .aligner {
/* used to vertically align image */
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.carousel-featured .copy {
    overflow: hidden;
    height: 240px;
    width: 410px;
    margin: 0 10px;
}

.carousel-featured .copy p {
    margin: 15px 0;
}

.carousel-featured .copy .comment {
    border-bottom: none;
    margin-bottom: 0;
}

/********** REDEEM POINTS ***************/

#shoppingcart {
    float: right;
    margin: 40px 0 20px;
    text-align: right;
    color: #555555;
}

#shoppingcart #items .count,
#shoppingcart #points .count {
    font-weight: bold;
}

#shoppingcart #checkout a,
#shoppingcart #checkout a:hover {
    color: #f89d57;
}

#featured .image {
    /*background-color: #FFFFFF;*/
    /*border: 1px solid #B8B8B8;*/
    height: 280px;
    /*padding: 5px;*/
    width: 280px;
}

#featured .copy {
    width: 370px;
    margin: 0 10px;
}

#featured .copy p {
    margin: 15px 0;
}

#featured .links {
    margin-left: 10px;
}

#product-list,
#product-search {
    margin-top: 25px;
}

.redeem-points .body,
.featured-module .body {
    background-color: #fff;
    /*border-bottom: 1px solid #B8B8B8;*/
    padding: 8px;
}

#product-list .body {    
    background-color: transparent;
    padding: 0;
}

#redeem-search.redeem .button_wrapper {
    margin: 10px 0 4px;
}

#redeem-go {
    font-size: 0.933em;
    color: #ffffff;
    font-weight: bold;
}

#redeem-search.form .textbox {
    width: 190px;
    margin: 10px 0 4px;
    font-size: 0.933em;
    height: 2em;
}

#redeem-search.form .select {  
    width: 190px;
    margin: 10px 0 4px;
    height: 2em;
}

#redeem-search.form .select .border {    
    *border: 1px solid #A3A3A3; 
    width: 190px;
    background-color: #ffffff;
    *height: 1.45em;
}

#redeem-search.form .select select
{
    color: #333333;
    font-family: arial,san serif;
    font-size: 0.933em;
    font-weight: bold;
    height: 2.2em;
    padding: 2px 5px 5px 0;
    width: 190px;
    margin: 0;
}




#redeem-sort.form .select {  
    width: 220px;
    margin: 10px 0 4px;
    height: 2em;
}

#redeem-sort.form .select .border {    
    border: 1px solid #A3A3A3; 
    width: 220px;
    height: 1.45em;
}

#redeem-sort.form .select select {    
    color: #333333;
    font-family: arial,san serif;
    font-size: 0.933em;
    font-weight: bold;
    height: 2.2em;
    padding: 2px 5px 5px 0;
    width: 220px;
    margin: 0;
    
}

#redeem-search.form #button_wrapper {
    margin: 2px 0 4px;
}

#product-list .subcategory {
    margin: 0 auto;
}

#product-list .subcategory .category-item {
  margin-right: 9px;
  margin-top: 8px;
  width: 168px;
}

#search-result {
    margin-top: 15px; 
}

/********** NEWS ***************/

.article {
    font-size: 14px;
}

.article .white
{
    background-color: #FFFFFF;
    padding: 10px;
}

.article p {
    margin: 10px 0 20px;
}

.article .calendar {
    margin: 0 0 15px;
}

.article #tags {
    color: #555555;
}

.article #tags .header {
    color: #333333;
    font-weight: bold;
    font-size: 14px;
}

.header.comments {
    font-size: 19px;
    padding: 10px 0 5px;
}

.comment {
    border-bottom: 1px solid #7ac143;
    margin-bottom: 25px;
}

.commentbottom {
    border-top: 1px solid #7ac143;
}

.comment .author {
    color: #666666;
}

.comment .author-name,
.comment .author-newsagency,
.comment .emerald-club {
    font-weight: bold;
}

.comment .author-newsagency {
    text-transform: capitalize;
}

.comment .body {
    padding-bottom: 10px;
}

.articleCommentForm .body label {
    font-weight: bold;
}

.articleCommentForm .body .add-comment {
    margin-top: 5px; 
    margin-right: 8px;   
}

#ArticleComment {
    width: 450px;
}

.recent-article .item {
    padding-left: 10px;
    padding-bottom: 18px;
}

/********** ERRORS ***************/
/* ToDo: Get new styles from designer */
.validity-summary-container,
.loginerror {
    margin: 10px 0px; 
    background-color: #ff5858; 
    border: none; 
    color: #FFFFFF; 
    padding: 0.53em 0.7em; 
}

.validity-summary-container {
    display:none;
}

.validity-summary-output ul { }
.form div.validity-erroneous {
    border: solid 1px #ff5858 !important; 
    padding: 2px; 
}

.form span.validity-erroneous {
    border: solid 1px #ff5858 !important; 
    padding: 2px; 
}

.form input.validity-erroneous, .form textarea.validity-erroneous, .form select.validity-erroneous {
    border: solid 1px #ff5858 !important; 
}

.form select.validity-erroneous {
    text-indent: 0px; 
}

.validity-summary-container span.warning {
    font-weight: bold; 
    /*background: url(/images/ui/warning.gif) no-repeat 0 0; */
    line-height: 2.5em; 
    padding: 0px 0px 0px 18px; 
}

.validity-summary-container ul li  {
    /*list-style-image: url(/images/ui/dot-pink.png); */
    padding: 0 0 0 18px;
}

/*Your Grouth Performance "table" */
/*common styles for rows*/
.graphs {font-size:12px; margin: 0 0 16px 0;}
.graphs .heading div,
.graphs .totals div,
.graphs .category div,
.graphs .subcategory .content div
    { border-width: 0; height: 38px; text-shadow: none; line-height: 16px; margin: 0; font-family: Arial, Sans-Serif; font-size: 1em; font-style:normal; font-variant:normal; text-align: center; vertical-align: middle; padding: 8px 0 2px 0;}
    
.graphs div.title { width: 254px; float: left; text-align:left; padding: 10px 0 0 10px; margin: auto 0; line-height: 38px; }  
.graphs div.price { width: 85px; float: left; }
.graphs div.spark { width: 165px; float: left; }
.graphs div.total { width: 130px; float: left; color:#555555; } 
.graphs div.growth { width:100px; float: left; color:#555555; } 
    
.graphs .current  { color: #3F8C02; }
.graphs .previous { color: #0369CE; }
.graphs .negative { color: #FD595A; }

/* dividing lines */
.divider {border-bottom-style: solid; border-bottom-width: 1px !important; border-bottom-color: #B8B8B8;}

/*heading*/                         
.graphs .heading div { background-color: #FFFFFF; font-weight:bold; font-size:0.9em }
.graphs .heading div.title  { color: #A2A2A2; }

/*totals*/
.graphs .totals div { background-color: #B1E883; }
.graphs .totals div.title  { color: #303030; font-weight:bold; }

/*category*/    
.graphs .category div { background-color: #D1F6B0; }
.graphs .category div.title { cursor: pointer; }

/*subcategory*/    
.graphs .subcategory .content div { background-color: #E9E9E9; }
.graphs .subcategory .content.alt div { background-color: transparent; }
.graphs .subcategory .content div.title { width: 234px; padding-left: 30px; text-align:left; margin: auto 0; line-height: 38px;}

/*export*/
.graphs.export { float:right; line-height: 20px; margin-top: 10px;}
.graphs.export span.icon.export { font-size:1em; font-weight:bold; color: #555555; line-height: 20px; }
.graphs.legend {float:left; line-height: 20px; margin-top: 10px;}
.icon.export,
.icon.export:hover,
.icon.export:active {
    background-position: 0 -1152px;
} 

/*Your performance this month*/
table.performance { width: 100%; margin: 0 0 16px 0;}
table.performance td { height: 40px; vertical-align: middle;  text-align: center;  }
table.performance td.col1 { text-align: left; padding-left: 10px }
table.performance tr.heading { font-weight: bold; font-size: 1em; }
table.performance tr.national-rank td,
table.performance tr.regional-rank td{ background-color: #FFFFFF; color: #F69D59;}
table.performance tr.regional-members td,
table.performance tr.national-members td{ background-color: #E9E9E9; color: #858585; }

/*left nav*/
ul.leftnav { margin: 18px 0 30px 0; }
/*ul.leftnav li { margin: 0 0 2px 0; background: url(/images_redesign/common/icon-sprite.png) no-repeat; background-position: 0 -696px; padding-left: 16px}
ul.leftnav div.icon {   width: 0; height: 0; display:inline-block; }*/
ul.leftnav li a { line-height: 12px; display:inline; vertical-align:top; font-size: 0.9em; margin: 20px 0 0 0; }
ul.leftnav li a.current { color: #888888; }
h2.leftnav { padding: 0; margin: 0; }
/* "About" pages*/
.about img { margin: 0 10px 0 10px; }
.about hr { height: 1px; }
/*.about p { padding-bottom: 10px; }*/

.about div.heading { font-size: 1em; font-weight: bold; color:#545454; }
div.about { padding-left: 36px}
.about .more {margin-bottom: 30px}

.sub-nav a.current {
    color: #888888;
}

.sub-nav li {
    font-size: 0.933em;
}

.sub-nav li {
    font-size: 0.933em;
}

.rankingexample
{
    background-image: url('../images_redesign/yourperformance/ConnectionsRanking.jpg');
    display: block;
    background-repeat: no-repeat;
    width: 670px;
    height: 175px;
    vertical-align: middle;
}
.rankingexample p
{
    padding: 60px 20px 10px 20px;
    font-weight: bold;
    font-size: large;
}

.growthscorecard
{
    background-image: url('../images_redesign/yourperformance/GrowthScorecard.jpg');
    display: block;
    background-repeat: no-repeat;
    width: 835px;
    height: 230px;
    vertical-align: middle;
}

.growthscorecard p
{
     padding: 100px 20px 10px 20px;
     font-weight: bold;
     font-size: large;
}

.performanceranking
{
    background-image: url('../images_redesign/yourperformance/performanceranking.jpg');
    display: block;
    background-repeat: no-repeat;
    width: 840px;
    height: 277px;
    vertical-align: middle;
}

.performanceranking p
{
     padding: 120px 20px 10px 20px;
     font-weight: bold;
     font-size: large;
}

.performancerankingtable
{
    background-image: url('../images_redesign/yourperformance/PerformanceRankingTable.jpg');
    display: block;
    background-repeat: no-repeat;
    width: 406px !important;
    height: 219px;
    vertical-align: middle;
    float:left;
}

.performancescorecard
{
    background-image: url('../images_redesign/yourperformance/performancescorecard.jpg');
    display: block;
    background-repeat: no-repeat;
    width: 840px;
    height: 339px;
    vertical-align: middle;
}

.performancescorecard p
{
     padding: 80px 20px 10px 80px;
     font-weight: bold;
     font-size: large;
}

/* featured-newsagency */
#featured-newsagency .agency-name
{
    margin: 12px 0 12px 0;
    font-size:1.2em;
    font-weight:bold;
    padding: 0;    
    /*text-shadow: none;*/
    /*filter: none;*/
    color: #929292;
}
#featured-newsagency .agency-name a
{
    color: #929292;
}
#featured-newsagency .textblock
{
    padding: 0 0 0 6px;
}
p.text
{
    font-size: 0.85em;
    margin: 0 0 8px 0;
}
/* furniture */
.sidebar .module.furniture a.request
{
    color: #F89D57;
    margin: 10px 0 10px 10px;    
    display: inline-block;
}
.sidebar .module.furniture .frame 
{
    border: 1px solid #B8B8B8;
    padding: 4px;
    font-size: 0.85em;
    line-height: 1.7em;
}
.sidebar .module.furniture .content
{ background-color: #FFFFFF; }

/*.module .body { padding: 5px; }*/

/*current promotions*/
.module.promo h4
{
    font-size: 1.1em;
    padding: 10px 5px 12px 7px;
    color: #f89d57;
    background-color: #FFFFFF;
    margin:0 0 5px 0;
}
.module.promo .period,
.module.promo .expire
{
    padding: 1px 0 1px 7px;
}
.module.promo div.readmore 
{
    padding-left: 7px;
}
.module.promo li
{
    margin-bottom:10px;
}
.body .period
{
    padding-top: 3px;
    padding-bottom: 6px;
}
.body .expire, .body .readmore
{
    padding-bottom: 5px;
}
.module .expire span.icon.clock { padding-top:5px; } 

/*rewards statement*/
.rewards-stmt .categorytitle, 
.rewards-stmt .categorytotal
{
    font-size: 1.1em;
    color: #7AC143;
    line-height: 1.6em;
    font-weight:bold;
    margin:5px;
}
.rewards-stmt .categorytitle {float:left;}
.rewards-stmt .categorytotal {float:right;}

.rewards-stmt .linetype
{
    color: #F89D57;
    font-size: 1em;
    font-weight:bold;
    margin-left:5px;
}
.rewards-stmt .titletype,
.rewards-stmt .titletotal 
{
    font-weight:bold;
    font-size:0.9em;
}
.rewards-stmt .titletype {float:left;margin-left:6px;}
.rewards-stmt .titletotal {float:right;margin-right:10px;}
.rewards-stmt select {font-size: 1em;}
.row {font-size: 0.9em;}
.month { padding-left: 5px; font-weight: bold; font-size:12px; margin-bottom: 5px;}
.imgloading {vertical-align:middle; }
.rewards-stmt .greybar { margin: 15px -10px 0 0px; height:auto;}
.rewards-stmt .greybar .heading { padding: 0 0 5px 5px; margin:0; }
.rewards-stmt .expandable { margin: 0 0 10px 0px; }
/*activity statement*/
.superscript
{
    vertical-align:super;
    font-size: 0.5em;
}
.activity-stmt .message
{
    font-size:0.85em;
    padding:10px 0px 10px 20px;
}
.activity-stmt ol
{
    list-style-type:decimal;
}
.activity-stmt li
{
    font-size:0.85em;
}
.activity-stmt .bar.gray-light.value
{
    margin-bottom: 10px;
}
div.red.button,
div.green.button
{
    height:26px;
    width:250px;
    color: white;
    text-align:center;
    vertical-align:middle;
    font-weight: bold;
    cursor:pointer;  
    padding-top:2px;  
}
div.red.button { background-color: #C74245; }
div.green.button { background-color: #416D18; }
div.red.button:hover { background-color: #D75255; }
div.green.button:hover { background-color: #517D28; }
/*points-expiring*/
.points-expiring .value
{font-weight:bold;}
.points-expiring .bar { height: 16px;}
/*earn-points*/
.earn-points .data {margin-left:10px;}
.earn-points .categorytitle, 
.earn-points .categorytotal
{
    font-size: 1.1em;    
    line-height: 1.6em;
    font-weight:bold;
    margin:5px;
}
.earn-points .categorytitle {float:left;}
.earn-points .categorytotal {float:right;}
.earn-points .expandable-area { padding: 0 0 10px 10px;}
.earn-points.form p  { font-size: 0.9em; line-height: 1.7em;}
.earn-points hr.thin {margin-bottom:5px;}

/*promotional calendar*/
.promo-calendar img.promo-logo
{ 
    position: absolute;
    top:10px;
    right:0; 
}
.promo-calendar.pageintro
{margin:0 0 15px 10px;}
.promo-calendar .term
{
    font-style:italic;
    vertical-align:bottom; 
    line-height: 1em;  
    margin-bottom:20px;
    display: inline;
}
.promo-calendar .promo
{
    padding: 10px 0 10px 0;
    position:relative;
    background-color: #FFFFFF;
    border-bottom: 1px solid #D4D4D4;
}
.promo-calendar .promo .ending-date
{ padding: 0 0 15px 0; position:absolute; bottom: 0;}
.promo-calendar .icon.calendar
{ font-weight: bold;}
.promo-calendar .copy
{ float: left; margin-left: 15px;}
.promo-calendar div.main-image
{
    width:220px;
    height:220px;
    overflow:hidden;
    padding: 6px 6px 0 6px;
    text-align:left;
    vertical-align:top;
    float: left;
}
.promo-calendar .main-image div { height: 212px; overflow: hidden; margin:0; padding:0; text-align:center;}
.promo-calendar .main-image img { max-width:208px; max-height:208px; padding: 0; margin: 0;}
.promo-calendar hr.thin { margin:0; }
/*featured agency page*/
.articleCommentForm .message 
/* photo gallery */
#gallery { height: 400px; margin-bottom: 30px; margin-top: 20px; }
.photos {height: 400px; margin-bottom: 30px; margin-top: 20px;}
/* business-builders list */
.business-builders-list .body { position:relative; }
.business-builders-list img.branding 
{ /*display:inline-block; float:right; clear:both; */position:absolute; bottom: 5px; right:5px; }
.business-builders-list img.branding_higher 
{ /*display:inline-block; float:right; clear:both; */position:absolute; bottom: 23px; right:5px; }
/*featured-module*/
.featured-module .product { position:relative; }
.featured-module img.branding { position:absolute; bottom: 8px; right: 18px; }
/* furniture */
.furniture-branding
{
    width: 110px;
    height: 32px;
    margin: 10px 0 0 0;
    background-color: #FFFFFF;
}
.furniture-branding-checkout
{
    width: 110px;
    height: 32px;
    margin: 10px 0 0 0;
    background-color: #E8E8E8;
}
.furniture-branding.NetworkRewards { background-image: url(/images_redesign/partners/network.png); display: inline-block; background-repeat: no-repeat; width:110px; height:32px; margin: 10px 0 0 0;}
.furniture-branding-checkout.NetworkRewards { background-image: url(/images_redesign/partners/network.png); display: inline-block; background-repeat: no-repeat; width:110px; height:32px; margin: 10px 0 0 0;}
.furniture-branding.Trader300Club  { background-image: url(/images_redesign/partners/trader.png);  display: inline-block; background-repeat: no-repeat; width:110px; height:32px; margin: 10px 0 0 0;}
.furniture-branding-checkout.Trader300Club  { background-image: url(/images_redesign/partners/trader.png);  display: inline-block; background-repeat: no-repeat; width:110px; height:32px; margin: 10px 0 0 0;}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */


/*WPC*/
.WPCheading {background-color:White; color:Orange; font-weight:bold; font-size:13pt;text-align: center; height:50px; vertical-align:middle; line-height: 50px;}
.WPCTable  {text-align:center; font-weight:bold; height:250px;width:460px; vertical-align:middle;padding-left:10px;border:2px solid #A6A5A3} 
.WPCTable td {vertical-align:middle;padding-left:10px;border-bottom:1px solid #A6A5A3} 

#buttons a.orange { color: #555; }

.richeditor { padding-left: 6px; }

.paddedbox { padding: 10px; }

.sidebar.leftNav { text-transform: capitalize; }


/********** READER REWARDS ***************/
.docLinkContainer {
    text-align: center;
}

.docLink {
    font-size: 1.4em; 
    color: #708090;
    padding: 10px;
}

.contentContainer {
    margin-bottom: 20px;
}

.titleContent {
    color: #f0f8ff;
    background-color: #4A73B5;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.bodyContent {    
    padding: 10px;    
}

.videoContainer {
    padding-bottom: 30px; 
    text-align: center;
}

#rrSecondNav #nav-secondary {
    background: #fff;
}

.topLinkContainer {
    float: right;
}

.topLink {
    color: #00bfff;
    font-size: 0.9em;
}

.externalLink {
    text-align: center; 
}

.externalLink a {
  text-decoration: none;
  background-color: #4A73B5;
  color: #fff;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  font-size: 1.1em;
}

.externalLink a:hover {
  color: #333333;

}

/* Help Centre */

.bodyContent h2 {
    color: #4A73B5;
}

.bodyContent td {
    vertical-align: top;
}

/* Sign up */

.outletHelp {
    margin-top: 5px; 
    margin-bottom: 5px; 
    padding: 2px; 
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic; 
    background-color: #f5f5dc;
    border: 1px solid #d9bb73
}
.siteTypeHelp {
    margin-top: 5px; 
    margin-bottom: 5px; 
    padding: 2px; 
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic; 
    background-color: #f5f5dc;
    border: 1px solid #d9bb73
}

.geoResultInfo {
    margin-top: 5px; 
    margin-bottom: 5px; 
    padding: 2px; 
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic; 
    background-color: #f5f5dc;
    border: 1px solid #d9bb73
}

.geoResult {
    border: 1px solid #d9bb73;
    padding: 2px;
    font-size: 1.0em;
}


/* Partecipating Magazines */

.magazinesContainer {
    padding-top: 20px;
    padding-bottom: 20px;
}

#magazines {
    padding-left: 80px;    
}

.magazinesTitle {
    text-align: center;
    font-size: 1.4em; 
    color: #0C0C0C;
    padding: 10px;
    font-weight: bold;
}

.magazinesSubTitle {
    text-align: center;
    font-size: 1.1em; 
    color: #708090;
    padding: 10px;
}

.magazine {
    float: left;
    padding: 10px;
}

.magazineBrowse {
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 18px;
}


.clearfix {
    clear: both;
}

.categoryContainer {
    background-color: #F6F7F2;
    margin-right: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.categories {
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
}

.groupTitle {
    background-color: #4A73B5;
    text-align: center;
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold;
    margin-right: 25px;
}

.groupTitle a {
    color: #fff;    
}

.alphaMenu {
    padding:10px;
	text-decoration:none;
    color: #4A73B5;
}

.groupMenu {
    text-decoration:none;
    color: #4A73B5;
}

.categories a:hover {
    color: #0c0c0c;
}

.browseTitleContainer {
    text-align: center;
    font-size: 1.5em;
}

.BrowseTitle {
    cursor: pointer;
}

.browseTitleContainer a:hover {
    color: #4A73B5;
}

.viewSelected {
    color: #4A73B5;
}

@media print {
    #nav {
        display: none;
    }
    #printContainer {
        display: none;
    }
    #page-footer {
        display: none;
    }
    #nav-secondary {
        display: none;
    }    
 }  

/* Rewards My Account */

.cancelCards {
    float:right;    
}

.cardsContainer table
{
    border-collapse:collapse;
    font-size: 1.1em;
}


.cardsContainer table, th, td
{
    text-align: left;
    padding-right: 10px;
    border: none;
}

.cardsContainer table th
{
    background-color: #a9a9a9;
    border-collapse:collapse;
    padding-top: 10px;
    padding-bottom: 10px;
}

.noActive
{
    display: none;
}

/*.cardsContainer table tr:nth-child(odd) { 
    background: #b8d1f3;
}*/

.cardsContainer table tr:nth-child(even) {
    background: #dae5f4;
}

.cardsPagination {
    margin-top: 10px;    
}


.buttonSpacing{
    padding-right: 10px;
}

#cards {
    position: relative;
}

#cancelAction {
    text-align: center;
    /*border: 2px solid #a9a9a9;
    margin-top: 10px;
    margin-right: 200px;
    margin-left: 200px;
    padding: 10px;
    background-color: #f9f9f9;
    
    position: absolute;
    top: 50px;
    width: 400px;
    height: auto;*/
}

#cancelConfirm {
    margin-top: 20px;
}

.navigationLink {
	text-align: center;
}
.navigationLink a {
	border-width: 1px; 
    border-style: solid; 
    border-color: rgb(204, 204, 204) rgb(170, 170, 170) rgb(170, 170, 170) rgb(204, 204, 204); 
    padding: 2px 6px; 
    text-decoration: none; 
    background-color: #a9a9a9;
    color: #f9f9f9;
}
.navigationLink a:hover {
	color: rgb(51, 51, 51);
}

a.disablePagination {
    background-color: #a9a9a9;
    color: #c9c9c9;
    pointer-events: none;
    cursor: default;
}

.actionLink {
	text-align: center;
}
.actionLink a {
	border-width: 1px; 
    border-style: solid; 
    border-color: rgb(204, 204, 204) rgb(170, 170, 170) rgb(170, 170, 170) rgb(204, 204, 204); 
    padding: 2px 6px; 
    text-decoration: none; 
    background-color: #a9a9a9;
    color: #f9f9f9;
}
.actionLink a:hover {
	color: rgb(51, 51, 51);
}

.alignTextLeft {
    text-align: left;
}

.strongText {
    font-weight: bold;
}

.noCards {
    border: 1px solid #a9a9a9;
    background-color: #f9f9f9;
}

#modal-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: .50;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1000;
}

#noCardsSelected, #cardsToCancel {
    background-color: white;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 20px 0 #222;
    -webkit-box-shadow: 0 0 20px 0 #222;
    -moz-box-shadow: 0 0 20px 0 #222;
    display: none;
    left: 50%;
    margin: -120px 0 0 -160px;
    padding: 10px;
    position: absolute;
    top: 50%;
    width: 400px;
    height: auto;
    z-index: 1000;
}

    #modal-background.active, #noCardsSelected.active, #cardsToCancel.active {
        display: block;
    }


/* Dashboard */


.dashboardPanel {
    float: left;
    padding-left: 18px;
    padding-bottom: 20px;
    width: 450px;
}

.dashboardSubPanelLeft {
    float: left;
    width: 224px;
    border-right: 1px solid #dcdcdc;
    height: 200px;
    background-color: #fff;
}
.dashboardSubPanelRight {
    float: left;
    width: 224px;
    height: 200px;
    background-color: #fff;
}

.panelTitle {
    background-color: #4A73B5;
    font-size: 1.5em;
    color: #f0f8ff;
    padding: 10px;
    text-align: center;
}

.subPanelTitle {
    font-size: 1.3em;
    color: #4A73B5;
    padding: 20px;
    text-align: center;
}

.dashboardCounter {
    font-size: 3.5em;
    text-align: center;
    color: #a3a3a3;
    padding-top: 30px;
}

.userText {
    padding: 2px;
    border: 1px solid #dcdcdc;
}

.topTitlesTitle {
    text-align: center;
    font-size: 1.1em;
}

.dashboardEmptyPanel {
    width: 450px;
    height: 200px;
    background-color: #fff;
}

.emptyPanelText {
    text-align: center;
    font-size: 1.3em;
    padding: 20px;    
    color: #4A73B5;
}